@scania/tegel 1.23.0 → 1.24.0-badge-a11y-beta.0

package/dist/cjs/tds-textarea.cjs.entry.js

@@ -51,17 +51,19 @@ const TdsTextarea = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'fc3599b1d61b75327840068968001f2df6ec6b05', class: `
-        textarea-container
-        ${this.labelPosition === 'inside' ? 'textarea-label-inside' : ''}
-        ${this.focusInput ? 'textarea-focus' : ''}
-        ${this.disabled ? 'textarea-disabled' : ''}
-        ${this.readOnly ? 'textarea-readonly' : ''}
-        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}
-        ${this.value ? 'textarea-data' : ''}
-        ${this.state === 'error' || this.state === 'success' ? `textarea-${this.state}` : ''}
-        ${this.noMinWidth ? 'no-min-width' : ''}
-        ` }, this.labelPosition !== 'no-label' && index.h("span", { key: '5ac3d5ef752a55f241865fe51bdb7aa96416731b', class: 'textarea-label' }, this.label), index.h("div", { key: '310c4a2a51391c366e17eca98ee22903d1620b16', class: "textarea-wrapper" }, index.h("textarea", { key: '4b83ff31486dea966a4a4a9df35d83043ad1a616', class: 'textarea-input', ref: (inputEl) => (this.textEl = inputEl), disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
+        return (index.h("div", { key: 'df1eac7e06beaecb0e0b35acea40e97e2591b67c', class: {
+                'textarea-container': true,
+                'textarea-label-inside': this.labelPosition === 'inside',
+                'textarea-focus': this.focusInput,
+                'textarea-disabled': this.disabled,
+                'textarea-readonly': this.readOnly,
+                [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
+                'textarea-data': this.value !== '',
+                [`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
+                'no-min-width': this.noMinWidth,
+            } }, this.labelPosition !== 'no-label' && index.h("span", { key: '01b1b35061500bb6f6d8264f4423b86919e36440', class: 'textarea-label' }, this.label), index.h("div", { key: '296a6e3373cf1f9390a0d872f8a5234de60ca225', class: "textarea-wrapper" }, index.h("textarea", { key: '607a50a7f0ac33f97309d45af357a1a77f488f0b', class: 'textarea-input', ref: (inputEl) => {
+                this.textEl = inputEl;
+            }, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
                 if (!this.readOnly) {
                     this.handleFocus(event);
                 }
@@ -69,7 +71,7 @@ const TdsTextarea = class {
                 if (!this.readOnly) {
                     this.handleBlur(event);
                 }
-            }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event) }), index.h("span", { key: '7718db97412e86796819e23584037833d762d6ce', class: "textarea-resizer-icon" }, index.h("svg", { key: '2b59b518d8bb6a61f6cbbbfb9bd2ec67938e91b6', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '99c42c62b8e6a17c6acf6824d6e08ae88a3ed2bf', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), index.h("span", { key: '5c4a4cad4aa805df35ce264c34f9cdde678b1804', class: "textarea-icon__readonly" }, index.h("tds-icon", { key: 'c5fe3371e08431c38a3979c226f64b79c35fed23', name: "edit_inactive" })), index.h("span", { key: 'e4261be8ce8cf8fc9cba5f25e6d4c52de4503f67', class: "textarea-icon__readonly-label" }, "This field is non-editable")), index.h("span", { key: 'a58d64d87a5f971f3e51356a839beea73dfff4b4', class: 'textarea-helper' }, this.state === 'error' && index.h("tds-icon", { key: '39dfd4c2c356817e5f3b39af7f4e90334de79ac0', name: "error", size: "16px" }), this.helper), this.maxLength > 0 && (index.h("div", { key: '8df0493b694ddce5cd3669f00527329df2c29e06', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, index.h("span", { key: '8604248491d68a2b70531c028661573de48deb27', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
+            }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event) }), index.h("span", { key: '93cfa65a73f4a5dd99b1cca32ea7aa43684ebd71', class: "textarea-resizer-icon" }, index.h("svg", { key: 'c92482caf1c3393de3e17c09a722c6271b6491bd', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f8e559e88a5ae9f9ce56a3fe17805dd13c3cb87b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), index.h("span", { key: 'f6879b23708b98106db17c5365b2d30ead80ef07', class: "textarea-icon__readonly" }, index.h("tds-icon", { key: '6a9a48dd793bfb3e6e98d4f852de3a1b2d47cdb6', name: "edit_inactive" })), index.h("span", { key: '45fe2bb6fa1d93ee4b0e819e7f9af56ddbe5069e', class: "textarea-icon__readonly-label" }, "This field is non-editable")), index.h("span", { key: '3c1e507d0a3e779eee4c1d305c3a049a1de11acc', class: 'textarea-helper' }, this.state === 'error' && index.h("tds-icon", { key: '0a8acfbb00d0769c80706c0e301a4d80e19f05e8', name: "error", size: "16px" }), this.helper), this.maxLength > 0 && (index.h("div", { key: '9d5f548efae98ec821ac0d177b966acca9487420', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, index.h("span", { key: '4b65816bace297379425b122624f660f442e8391', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
     }
 };
 TdsTextarea.style = TdsTextareaStyle0;

package/dist/cjs/tds-toast.cjs.entry.js

@@ -63,12 +63,12 @@ const TdsToast = class {
         const usesHeaderSlot = hasSlot.hasSlot('header', this.host);
         const usesSubheaderSlot = hasSlot.hasSlot('subheader', this.host);
         const usesActionsSlot = hasSlot.hasSlot('actions', this.host);
-        return (index.h(index.Host, { key: 'ee07540896c1aae0d8025b16e6b7794f1c5d8f4a', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
+        return (index.h(index.Host, { key: '5fac1ff9ddf0d4b253128483df7d1fac68e1fa00', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
                 hide: this.hidden,
                 show: !this.hidden,
-            } }, index.h("div", { key: '20a502c69ea5923dbd53fb8749c0c03a4aa4977b', class: `
+            } }, index.h("div", { key: 'ba33d3e599bb3d3e5d17e4f53b05928602fdf4fa', class: `
             wrapper
-            ${this.variant}` }, index.h("tds-icon", { key: '4167e597b4603cdb7d522a8b86dcc9c5c382ecaa', name: this.getIconName(), size: "20px" }), index.h("div", { key: '31921a5a61b34711669cbc93583291581e95c86f', class: `content` }, index.h("div", { key: '6d45456ec0c53cba6714af755a6fc2fa4db4405a', class: "header-subheader" }, this.header && index.h("div", { key: '3ac77ce9dfea028f0207214d99221ea5de0025cd', class: "header" }, this.header), usesHeaderSlot && index.h("slot", { key: 'c746b1e1bd696fa8ed85e39bea4b6df0404a1a14', name: "header" }), this.subheader && index.h("div", { key: '3f6496b6942d9a6ff9a425cd60e396d813f4da1b', class: "subheader" }, this.subheader), usesSubheaderSlot && index.h("slot", { key: '8c3c3a8f926dbc077c63a562cd54afba693d6ea6', name: "subheader" })), usesActionsSlot && (index.h("div", { key: 'dc5e027546c10825168bf0907280479f29688c3d', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, index.h("slot", { key: 'e7593549992a4842a7f6c35ab93c06b902ad469b', name: "actions" })))), this.closable && (index.h("button", { key: '7b3d02c1b27263f550445a18a3f94a5064375a78', onClick: this.handleClose, class: "close" }, index.h("tds-icon", { key: '69dffbd7b7e6be0dabd264683ea1bbf7c9413fae', name: "cross", size: "20px" }))))));
+            ${this.variant}` }, index.h("tds-icon", { key: 'b9bd3c5a3041c6f66a93d50bc51275eb8cb21b5e', name: this.getIconName(), size: "20px" }), index.h("div", { key: '2cac0367dca09cbdba1e5a5346ba2274d241edd6', class: `content` }, index.h("div", { key: '09b084fb15f4cbfc247d07b82058baf968bf042a', class: "header-subheader" }, this.header && index.h("div", { key: '1a8273285007e20e5c92dee6d7526d30386f0384', class: "header" }, this.header), usesHeaderSlot && index.h("slot", { key: 'a0600af57cf34e0d02094f1c1c64edca7872cd1a', name: "header" }), this.subheader && index.h("div", { key: 'c9dae07de1734804e6c86c7e862afc07bd004f39', class: "subheader" }, this.subheader), usesSubheaderSlot && index.h("slot", { key: 'dc520b66747bb6ebdf3438b15b3f33f4e112484c', name: "subheader" })), usesActionsSlot && (index.h("div", { key: '96d8db293276c1a6f164f098b984ef3b073c06e1', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, index.h("slot", { key: '42a5984384426088eedea3dd86fafe3abfc8209d', name: "actions" })))), this.closable && (index.h("button", { key: '16d6a79ce5d9eb619e84d916833d2ffd9409d545', onClick: this.handleClose, class: "close" }, index.h("tds-icon", { key: 'a80152d6d7420fbe3729a9a8e29b79d4790b5294', name: "cross", size: "20px" }))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-toggle.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ca8040ad.js');
 const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
 
-const toggleCss = ".tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{cursor:not-allowed}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:\"\";position:absolute;box-sizing:border-box;transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus{outline:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus::before{background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{cursor:not-allowed}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}";
+const toggleCss = ".tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{cursor:not-allowed}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:\"\";position:absolute;box-sizing:border-box;transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover{outline:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus::before,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{cursor:not-allowed}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px;cursor:pointer}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}";
 const TdsToggleStyle0 = toggleCss;
 
 const TdsToggle = class {
@@ -36,7 +36,10 @@ const TdsToggle = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'a740337f48412e83ddb8518fd88b7bfa9fb56930', class: "tds-toggle" }, this.headline && (index.h("div", { key: 'f768b325a07cbadb06bdf8a7ae3e41586b9e5d1b', class: `toggle-headline ${this.disabled ? 'disabled' : ''}` }, this.headline)), index.h("input", { key: 'e10313611123f0f6ab5f0477ff533218289096e4', "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), index.h("label", { key: '5a46a186950ce374c963da377d41b64431c249af', class: `${this.disabled ? 'disabled' : ''}`, htmlFor: this.toggleId }, index.h("slot", { key: '103d423193d379770333a78844e733c05402b010', name: "label" }))));
+        return (index.h("div", { key: '1febf92d7a29a70a1e8fc640f33d147c19c926ad', class: "tds-toggle" }, this.headline && (index.h("div", { key: '5446e78cb419d98ec9c6017b24bf9f10a93f52eb', class: {
+                'toggle-headline': true,
+                'disabled': this.disabled,
+            } }, this.headline)), index.h("input", { key: '04759f946c1cf0d61d999db2edeed3f29381918b', "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), index.h("label", { key: '6231d78c5f748e8b66f35cd5f3f00a84db575b95', class: { disabled: this.disabled }, htmlFor: this.toggleId }, index.h("slot", { key: '930a9f94e4ac17435cb2977f489fcab2c6daaadc', name: "label" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-tooltip.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ca8040ad.js');
 const inheritAttributes = require('./inheritAttributes-ff9ad737.js');
 
-const tooltipCss = ".tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
+const tooltipCss = ".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
 const TdsTooltipStyle0 = tooltipCss;
 
 const TdsTooltip = class {
@@ -58,7 +58,7 @@ const TdsTooltip = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '9e3e3840a62647a01b23e7044dd60477febc13a3' }, index.h("tds-popover-core", Object.assign({ key: 'dfacc8db0d6f8895d7c62f46bffb83c24e6ad368' }, this.inheritedAttributes, { class: {
+        return (index.h(index.Host, { key: 'bb230ba4a85cd7f60c15f2ecc6f2ec8a30264c42' }, index.h("tds-popover-core", Object.assign({ key: '06c7293fff16de7a84e43b76afb595392081bc3d' }, this.inheritedAttributes, { class: {
                 'tds-tooltip': true,
                 [`tds-tooltip-${this.border}`]: true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
@@ -67,7 +67,7 @@ const TdsTooltip = class {
                 this.show = true;
             }, onInternalTdsClose: () => {
                 this.show = false;
-            }, defaultShow: this.defaultShow }), this.text, index.h("slot", { key: '8a4bda8a105e6cc253cb3c3f1e4363077e6ec8a9' }))));
+            }, defaultShow: this.defaultShow }), this.text, index.h("slot", { key: 'b43fee19b817c397b06ae9ea021025ed012a2aa1' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tegel.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"tds-header-launcher.cjs\",[[1,\"tds-header-launcher\",{\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"tds-header-dropdown.cjs\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"]]]]],[\"tds-table-footer.cjs\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"rowsperpage\":[516],\"rowsPerPageValues\":[16],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32],\"rowsPerPageValue\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-header-hamburger.cjs\",[[1,\"tds-header-hamburger\"]]],[\"tds-header-brand-symbol.cjs\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown.cjs\",[[1,\"tds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[4],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"]]]]],[\"tds-side-menu-user.cjs\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item.cjs\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"],\"toggleAccordionItem\":[64]}]]],[\"tds-banner.cjs\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-card.cjs\",[[1,\"tds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"imagePlacement\":[1,\"image-placement\"],\"header\":[1],\"subheader\":[1],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"stretch\":[4],\"cardId\":[1,\"card-id\"]}]]],[\"tds-datetime.cjs\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[1537],\"min\":[1],\"max\":[1],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"helper\":[1],\"focusInput\":[32],\"reset\":[64],\"setValue\":[64]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-folder-tabs.cjs\",[[1,\"tds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group.cjs\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"tds-header-cell.cjs\",[[1,\"tds-header-cell\",{\"cellKey\":[513,\"cell-key\"],\"cellValue\":[513,\"cell-value\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"multiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"expandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-launcher-list.cjs\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item.cjs\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs.cjs\",[[1,\"tds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-message.cjs\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"tds-modal.cjs\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actionsPosition\":[1,\"actions-position\"],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"closable\":[4],\"isShown\":[32],\"showModal\":[64],\"closeModal\":[64],\"initializeModal\":[64],\"cleanupModal\":[64]}]]],[\"tds-navigation-tabs.cjs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu.cjs\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"defaultShow\":[4,\"default-show\"],\"placement\":[1],\"animation\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-close-button.cjs\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button.cjs\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider.cjs\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1025],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"thumbSize\":[1,\"thumb-size\"],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleRelease\"],[9,\"touchend\",\"handleRelease\"],[9,\"mousemove\",\"handleMove\"],[9,\"touchmove\",\"handleMove\"]],{\"value\":[\"handleValueUpdate\"]}]]],[\"tds-step.cjs\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"hideLabels\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-body-input-wrapper.cjs\",[[1,\"tds-table-body-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"renderSlot\":[32],\"inputFocused\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-body-row.cjs\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"clickable\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-header.cjs\",[[1,\"tds-table-header\",{\"allSelected\":[1540,\"all-selected\"],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[4],\"multiselect\":[32],\"expandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-header-input-wrapper.cjs\",[[1,\"tds-table-header-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"compactDesign\":[4,\"compact-design\"],\"renderSlot\":[32],\"inputFocused\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-toolbar.cjs\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-text-field.cjs\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"min\":[8],\"max\":[8],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-textarea.cjs\",[[2,\"tds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autofocus\":[4],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"tds-toast.cjs\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"closable\":[4],\"toastRole\":[1,\"toast-role\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-tooltip.cjs\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"trigger\":[1],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"]}]]],[\"tds-accordion.cjs\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge.cjs\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"shape\":[32],\"text\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block.cjs\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-body-cell.cjs\",[[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-breadcrumb.cjs\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs.cjs\",[[1,\"tds-breadcrumbs\"]]],[\"tds-button.cjs\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"animation\":[1],\"onlyIcon\":[32]}]]],[\"tds-chip.cjs\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"tds-folder-tab.cjs\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer.cjs\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item.cjs\",[[1,\"tds-footer-item\"]]],[\"tds-header.cjs\",[[4,\"tds-header\"]]],[\"tds-header-dropdown-list-user.cjs\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid.cjs\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item.cjs\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title.cjs\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title.cjs\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title.cjs\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab.cjs\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link.cjs\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4]}]]],[\"tds-navigation-tab.cjs\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item.cjs\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button.cjs\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"tds-side-menu.cjs\",[[1,\"tds-side-menu\",{\"open\":[4],\"persistent\":[4],\"collapsed\":[1028],\"isUpperSlotEmpty\":[32],\"isCollapsed\":[32],\"initialCollapsedState\":[32]},[[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]],{\"collapsed\":[\"onCollapsedChange\"]}]]],[\"tds-side-menu-dropdown-list.cjs\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item.cjs\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay.cjs\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner.cjs\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper.cjs\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"]},null,{\"orientation\":[\"handleDirectionChange\"],\"labelPosition\":[\"handleLabelPositionChange\"],\"size\":[\"handleSizeChange\"],\"hideLabels\":[\"handleHideLabelsChange\"]}]]],[\"tds-table.cjs\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"multiselect\":[516],\"expandableRows\":[516,\"expandable-rows\"],\"responsive\":[516],\"modeVariant\":[513,\"mode-variant\"],\"zebraMode\":[513,\"zebra-mode\"],\"horizontalScrollWidth\":[1,\"horizontal-scroll-width\"],\"tableId\":[1,\"table-id\"],\"enableHorizontalScrollToolbarDesign\":[32],\"enableHorizontalScrollFooterDesign\":[32],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"zebraMode\":[\"zebraModeChanged\"],\"modeVariant\":[\"modeVariantChanged\"],\"horizontalScrollWidth\":[\"widthChanged\"]}]]],[\"tds-table-body.cjs\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"zebraMode\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"]]]]],[\"tds-table-body-row-expandable.cjs\",[[1,\"tds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"rowId\":[513,\"row-id\"],\"expanded\":[516],\"overflow\":[513],\"autoCollapse\":[4,\"auto-collapse\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"expand\":[64],\"collapse\":[64]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"tdsChange\",\"handleRowExpand\"]],{\"expanded\":[\"watchExpanded\"]}]]],[\"tds-toggle.cjs\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"tds-core-header-item_2.cjs\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-header-launcher-button.cjs\",[[1,\"tds-header-launcher-button\",{\"active\":[4]}]]],[\"tds-divider.cjs\",[[1,\"tds-divider\",{\"orientation\":[1]}]]],[\"tds-header-dropdown-list.cjs\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item.cjs\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-checkbox.cjs\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"toggleCheckbox\":[64]},null,{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-dropdown_2.cjs\",[[17,\"tds-dropdown-option\",{\"value\":[1],\"disabled\":[4],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]}],[1,\"tds-dropdown\",{\"name\":[1],\"disabled\":[4],\"helper\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"modeVariant\":[1,\"mode-variant\"],\"openDirection\":[1,\"open-direction\"],\"placeholder\":[1],\"size\":[1],\"animation\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[1,\"default-value\"],\"open\":[32],\"value\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"reset\":[64],\"focusElement\":[64],\"setValue\":[64],\"appendValue\":[64],\"removeValue\":[64],\"close\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"open\":[\"handleOpenState\"]}]]],[\"tds-popover-canvas.cjs\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"animation\":[1],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-user-image_2.cjs\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item.cjs\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-popover-core.cjs\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"animation\":[1],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"trigger\":[1],\"autoHide\":[4,\"auto-hide\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32],\"disableLogic\":[32],\"hasShownAtLeastOnce\":[32],\"close\":[64]},[[8,\"click\",\"onAnyClick\"],[8,\"internalTdsShow\",\"onTdsShow\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"]}]]],[\"tds-icon.cjs\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"svgTitle\":[1,\"svg-title\"],\"svgDescription\":[1,\"svg-description\"],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"tds-header-launcher.cjs\",[[1,\"tds-header-launcher\",{\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"tds-header-dropdown.cjs\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"]]]]],[\"tds-table-footer.cjs\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"rowsperpage\":[516],\"rowsPerPageValues\":[16],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32],\"rowsPerPageValue\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-header-hamburger.cjs\",[[1,\"tds-header-hamburger\"]]],[\"tds-header-brand-symbol.cjs\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown.cjs\",[[1,\"tds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[4],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"]]]]],[\"tds-side-menu-user.cjs\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item.cjs\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"],\"ariaLevelValue\":[1,\"aria-level-value\"],\"toggleAccordionItem\":[64]}]]],[\"tds-banner.cjs\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-card.cjs\",[[1,\"tds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"imagePlacement\":[1,\"image-placement\"],\"header\":[1],\"subheader\":[1],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"stretch\":[4],\"cardId\":[1,\"card-id\"]}]]],[\"tds-datetime.cjs\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[1537],\"min\":[1],\"max\":[1],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"helper\":[1],\"focusInput\":[32],\"reset\":[64],\"setValue\":[64]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-folder-tabs.cjs\",[[1,\"tds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group.cjs\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"tds-header-cell.cjs\",[[1,\"tds-header-cell\",{\"cellKey\":[513,\"cell-key\"],\"cellValue\":[513,\"cell-value\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"multiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"expandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-launcher-list.cjs\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item.cjs\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs.cjs\",[[1,\"tds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-message.cjs\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"tds-modal.cjs\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actionsPosition\":[1,\"actions-position\"],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"closable\":[4],\"isShown\":[32],\"showModal\":[64],\"closeModal\":[64],\"initializeModal\":[64],\"cleanupModal\":[64]}]]],[\"tds-navigation-tabs.cjs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu.cjs\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"defaultShow\":[4,\"default-show\"],\"placement\":[1],\"animation\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-close-button.cjs\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button.cjs\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider.cjs\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1025],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"thumbSize\":[1,\"thumb-size\"],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleRelease\"],[9,\"touchend\",\"handleRelease\"],[9,\"mousemove\",\"handleMove\"],[9,\"touchmove\",\"handleMove\"]],{\"value\":[\"handleValueUpdate\"]}]]],[\"tds-step.cjs\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"hideLabels\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-body-input-wrapper.cjs\",[[1,\"tds-table-body-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"renderSlot\":[32],\"inputFocused\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-body-row.cjs\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"clickable\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-header.cjs\",[[1,\"tds-table-header\",{\"allSelected\":[1540,\"all-selected\"],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[4],\"multiselect\":[32],\"expandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-header-input-wrapper.cjs\",[[1,\"tds-table-header-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"compactDesign\":[4,\"compact-design\"],\"renderSlot\":[32],\"inputFocused\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-toolbar.cjs\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-text-field.cjs\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"min\":[8],\"max\":[8],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-textarea.cjs\",[[2,\"tds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autofocus\":[4],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"tds-toast.cjs\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"closable\":[4],\"toastRole\":[1,\"toast-role\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-tooltip.cjs\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"trigger\":[1],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"]}]]],[\"tds-accordion.cjs\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge.cjs\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"liveAnnounce\":[1,\"live-announce\"],\"ariaLabelTemplate\":[1,\"aria-label-template\"],\"shape\":[32],\"text\":[32],\"ariaLabel\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block.cjs\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-body-cell.cjs\",[[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-breadcrumb.cjs\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs.cjs\",[[1,\"tds-breadcrumbs\"]]],[\"tds-button.cjs\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"animation\":[1],\"onlyIcon\":[32]}]]],[\"tds-chip.cjs\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1],\"disabled\":[4]},[[16,\"internalRadioOnChange\",\"handleInternaRadioChange\"]]]]],[\"tds-folder-tab.cjs\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer.cjs\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item.cjs\",[[1,\"tds-footer-item\"]]],[\"tds-header.cjs\",[[4,\"tds-header\"]]],[\"tds-header-dropdown-list-user.cjs\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid.cjs\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item.cjs\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title.cjs\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title.cjs\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title.cjs\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab.cjs\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link.cjs\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4],\"standalone\":[4]}]]],[\"tds-navigation-tab.cjs\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item.cjs\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button.cjs\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"tds-side-menu.cjs\",[[1,\"tds-side-menu\",{\"open\":[4],\"persistent\":[4],\"collapsed\":[1028],\"isUpperSlotEmpty\":[32],\"isCollapsed\":[32],\"initialCollapsedState\":[32]},[[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]],{\"collapsed\":[\"onCollapsedChange\"]}]]],[\"tds-side-menu-dropdown-list.cjs\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item.cjs\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay.cjs\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner.cjs\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper.cjs\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"]},null,{\"orientation\":[\"handleDirectionChange\"],\"labelPosition\":[\"handleLabelPositionChange\"],\"size\":[\"handleSizeChange\"],\"hideLabels\":[\"handleHideLabelsChange\"]}]]],[\"tds-table.cjs\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"multiselect\":[516],\"expandableRows\":[516,\"expandable-rows\"],\"responsive\":[516],\"modeVariant\":[513,\"mode-variant\"],\"zebraMode\":[513,\"zebra-mode\"],\"horizontalScrollWidth\":[1,\"horizontal-scroll-width\"],\"tableId\":[1,\"table-id\"],\"enableHorizontalScrollToolbarDesign\":[32],\"enableHorizontalScrollFooterDesign\":[32],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"zebraMode\":[\"zebraModeChanged\"],\"modeVariant\":[\"modeVariantChanged\"],\"horizontalScrollWidth\":[\"widthChanged\"]}]]],[\"tds-table-body.cjs\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"zebraMode\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"]]]]],[\"tds-table-body-row-expandable.cjs\",[[1,\"tds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"rowId\":[513,\"row-id\"],\"expanded\":[516],\"overflow\":[513],\"autoCollapse\":[4,\"auto-collapse\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"expand\":[64],\"collapse\":[64]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"tdsChange\",\"handleRowExpand\"]],{\"expanded\":[\"watchExpanded\"]}]]],[\"tds-toggle.cjs\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"tds-core-header-item_2.cjs\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-header-launcher-button.cjs\",[[1,\"tds-header-launcher-button\",{\"active\":[4]}]]],[\"tds-divider.cjs\",[[1,\"tds-divider\",{\"orientation\":[1]}]]],[\"tds-header-dropdown-list.cjs\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item.cjs\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-checkbox.cjs\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"toggleCheckbox\":[64]},[[4,\"reset\",\"handleFormReset\"]],{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-dropdown_2.cjs\",[[17,\"tds-dropdown-option\",{\"value\":[1],\"disabled\":[4],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]}],[1,\"tds-dropdown\",{\"name\":[1],\"disabled\":[4],\"helper\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"modeVariant\":[1,\"mode-variant\"],\"openDirection\":[1,\"open-direction\"],\"placeholder\":[1],\"size\":[1],\"animation\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[1,\"default-value\"],\"open\":[32],\"value\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"reset\":[64],\"focusElement\":[64],\"setValue\":[64],\"appendValue\":[64],\"removeValue\":[64],\"close\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"open\":[\"handleOpenState\"]}]]],[\"tds-popover-canvas.cjs\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"animation\":[1],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-user-image_2.cjs\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item.cjs\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-popover-core.cjs\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"animation\":[1],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"trigger\":[1],\"autoHide\":[4,\"auto-hide\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32],\"disableLogic\":[32],\"hasShownAtLeastOnce\":[32],\"close\":[64]},[[8,\"click\",\"onAnyClick\"],[8,\"internalTdsShow\",\"onTdsShow\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"]}]]],[\"tds-icon.cjs\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"svgTitle\":[1,\"svg-title\"],\"svgDescription\":[1,\"svg-description\"],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/accordion/accordion-item/accordion-item.js

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import generateUniqueId from "../../../utils/generateUniqueId";
 /**
  * @slot <default> - <b>Unnamed slot.</b> For content of an expanded accordion.
  * @slot header - Slot for the Accordion Item header.
@@ -10,10 +11,10 @@ export class TdsAccordionItem {
         this.disabled = false;
         this.expanded = false;
         this.paddingReset = false;
+        this.ariaLevelValue = '6';
     }
     /** Method for toggling the expanded state of the Accordion Item. */
     async toggleAccordionItem() {
-        // This is negated in order to emit the value the Accordion Item will have after it has expanded/redacted.
         const event = this.tdsToggle.emit({
             expanded: !this.expanded,
         });
@@ -22,12 +23,14 @@ export class TdsAccordionItem {
         }
     }
     render() {
-        return (h(Host, { key: '628336db584f9488762b6073af5fc05b18a064bd' }, h("div", { key: '15807da09f006149732d53a7f9aab2f86be788cd', class: `tds-accordion-item
+        const primaryElementId = generateUniqueId();
+        const secondaryElementId = generateUniqueId();
+        return (h(Host, { key: 'b2935bb09e2114c8a87f50964bffdd07211ee201' }, h("div", { key: '50db384c5c5a6e8761df5f2d0637838bcd3ca1da', class: `tds-accordion-item
         ${this.disabled ? 'disabled' : ''}
         ${this.expanded ? 'expanded' : ''}
-        ` }, h("button", { key: 'f2f5941332be588effc795862d4136077b51122e', type: "button", "aria-expanded": this.expanded, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { key: '3cfa2d6066875270211f75879effd48b88932ce8', class: "tds-accordion-title" }, this.header, h("slot", { key: '3c5cb389c8df24b1cb0cd20bfcb3c0b1154d3e38', name: "header" })), h("div", { key: 'a6a8189fc018d2629989165b3bb49ab111318628', class: "tds-accordion-icon" }, h("tds-icon", { key: 'a7cf540846b381a4925a754ea7b915c7df5d1208', name: "chevron_down", size: "16px" }))), h("div", { key: 'd3eb2219f67e69c54f55428950b976ba282845dc', class: `tds-accordion-panel
+        ` }, h("div", { key: '4b8f4b7b615139c0c73fc6b705d342eb41b6e6ba', role: "heading", "aria-level": this.ariaLevelValue }, h("button", { key: 'e581244d09226e154f6a4042ec120364a61c861b', id: secondaryElementId, "aria-controls": primaryElementId, type: "button", "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { key: '3e380f7dc892022cbacc75e05a11e6e9e2b078ea', class: "tds-accordion-title" }, this.header, h("slot", { key: '465dc1763ed8a1c587b3d3ea7a9467f2dab56a2b', name: "header" })), h("div", { key: 'd1c0d053e936d2750e693b3aa665098491f59ec0', class: "tds-accordion-icon" }, h("tds-icon", { key: 'fd33161591b663d8e33f2a62922d8594cf7290e1', svgTitle: "Chevron Down", name: "chevron_down", size: "16px" })))), h("div", { key: '8103ea48538f990461b3ad0e01b70584b47726d1', role: "region", "aria-live": "polite", "aria-labelledby": secondaryElementId, id: primaryElementId, class: `tds-accordion-panel
             ${this.paddingReset ? 'tds-accordion-panel--padding-reset ' : ''}
-            ` }, h("slot", { key: '21625afeae6b8342aaa7d56c05ed965c29cc709d' })))));
+            ` }, h("slot", { key: '14af4c914f6935c4efdc0e79e7ce05d4a11efea4' })))));
     }
     static get is() { return "tds-accordion-item"; }
     static get encapsulation() { return "shadow"; }
@@ -132,6 +135,24 @@ export class TdsAccordionItem {
                 "attribute": "padding-reset",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "ariaLevelValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'1' | '2' | '3' | '4' | '5' | '6'",
+                    "resolved": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the heading level (aria-level) for accessibility. Only accepts values between 1 and 6."
+                },
+                "attribute": "aria-level-value",
+                "reflect": false,
+                "defaultValue": "'6'"
             }
         };
     }

package/dist/collection/components/badge/badge.js

@@ -4,8 +4,11 @@ export class TdsBadge {
         this.value = '';
         this.hidden = false;
         this.size = 'lg';
+        this.liveAnnounce = 'polite';
+        this.ariaLabelTemplate = 'Notification badge with {value} new notifications';
         this.shape = '';
         this.text = '';
+        this.ariaLabel = '';
     }
     watchProps() {
         this.checkProps();
@@ -16,19 +19,25 @@ export class TdsBadge {
     checkProps() {
         const valueAsNumber = parseInt(this.value);
         if (!Number.isNaN(valueAsNumber) && this.size !== 'sm') {
-            this.shape = this.value.toString().length >= 2 ? 'pill' : '';
+            this.shape = this.value.length >= 2 ? 'pill' : '';
             this.size = 'lg';
             this.text = valueAsNumber.toString().length >= 3 ? '99+' : valueAsNumber.toString();
+            this.ariaLabel = this.ariaLabelTemplate.replace('{value}', this.text);
         }
         else {
-            // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
-            if (this.value !== '' && this.size !== 'sm') {
-                console.warn('The provided value is either empty or string, please provide value as number.');
-            }
+            this.ariaLabel =
+                this.value.trim() === ''
+                    ? this.ariaLabelTemplate.replace('{value}', 'no')
+                    : 'The provided value is either empty or a string, please provide a number.';
         }
     }
     render() {
-        return (h("host", { key: 'edf6347da9742ae8353a33fa1613c0dd9170357b', class: `tds-badge tds-badge-${this.size} ${this.shape === 'pill' ? 'tds-badge-pill' : ''} ${this.hidden ? 'tds-badge-hidden' : ''}` }, h("div", { key: '223c0b81e4de5e790daa011481bc45d7565e5cfc', class: "tds-badge-text" }, this.text)));
+        return (h("host", { key: '9a0d7989f199bd1e828fa1129baba4b53c4aee19', role: "status", class: {
+                'tds-badge': true,
+                [`tds-badge-${this.size}`]: true,
+                'tds-badge-pill': this.shape === 'pill',
+                'tds-badge-hidden': this.hidden,
+            }, "aria-label": this.ariaLabel, "aria-live": this.liveAnnounce }, h("div", { key: 'b2454880ffd16f027e52c7042ae9f647a2a4d242', class: "tds-badge-text", "aria-hidden": "true" }, this.text)));
     }
     static get is() { return "tds-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -97,13 +106,50 @@ export class TdsBadge {
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'lg'"
+            },
+            "liveAnnounce": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'off' | 'polite' | 'assertive'",
+                    "resolved": "\"assertive\" | \"off\" | \"polite\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines aria-live attribute"
+                },
+                "attribute": "live-announce",
+                "reflect": false,
+                "defaultValue": "'polite'"
+            },
+            "ariaLabelTemplate": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines the template for aria-label, allowing localization"
+                },
+                "attribute": "aria-label-template",
+                "reflect": false,
+                "defaultValue": "'Notification badge with {value} new notifications'"
             }
         };
     }
     static get states() {
         return {
             "shape": {},
-            "text": {}
+            "text": {},
+            "ariaLabel": {}
         };
     }
     static get watchers() {

package/dist/collection/components/banner/banner.js

@@ -43,9 +43,13 @@ export class TdsBanner {
         const usesHeaderSlot = hasSlot('subheader', this.host);
         const usesSubheaderSlot = hasSlot('subheader', this.host);
         const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: 'cce608e8685f68d432cb3e2dd847a1919d7fac17', role: "banner", "aria-hidden": `${this.hidden}`, "aria-live": this.host.getAttribute('aria-live') ? this.host.getAttribute('aria-live') : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: `${this.variant} ${this.hidden ? 'hide' : 'show'}` }, this.icon && (h("div", { key: '45c455342ea61eadf0090a98a67e4137499cc9db', class: `banner-icon ${this.variant}` }, h("tds-icon", { key: 'c503d90c8abdf3d794c5ea4744acf4bf726d9b68', name: this.icon, size: "20px" }))), h("div", { key: '0b625094274021007e5ebb2a13ad74037e2bcce9', class: "content" }, h("div", { key: '957b3928258ad7640cedec4c5882b7db5d5c5362', class: "header-subheader" }, this.header && h("div", { key: 'b4c2221163bd72d05300766cecad13081c631f3f', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '70329f3c96268ccac2a82ff5f2a35619abaea25e', name: "header" }), this.subheader && h("div", { key: '922b918a9fb308dbe367e2409db1807ff2fcb736', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '8ce26997a04b5d8a7607b06980c556a69a400740', name: "subheader" })), usesActionsSlot && h("slot", { key: '6e7e450a48e1c3aa4765b6049789b273a740c3ba', name: "actions" })), h("div", { key: 'e644385a339db3f121be9ae2c23eb4875194291a', class: `banner-close` }, h("button", { key: 'a172a6f4fb35a64c5f0002b9c73740c413c39c12', onClick: () => {
+        return (h(Host, { key: '58c5c06c0e7aa90012d9b82f6eab8da5a0deadfb', role: "banner", "aria-hidden": `${this.hidden}`, "aria-live": this.host.getAttribute('aria-live') ? this.host.getAttribute('aria-live') : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: {
+                [this.variant]: true,
+                hide: this.hidden,
+                show: !this.hidden,
+            } }, this.icon && (h("div", { key: '5936f4ad7227f59e250133c0e0fb9ab981853689', class: `banner-icon ${this.variant}` }, h("tds-icon", { key: '2f424d3217d12362b4c611125b564efb1477ff8d', name: this.icon, size: "20px" }))), h("div", { key: 'bb3dffbd853a4b230ff4f5748e419822628f627d', class: "content" }, h("div", { key: 'c7fb9da0890298517fc5f5148ee7de5897a2b9ec', class: "header-subheader" }, this.header && h("div", { key: 'e24fb51c8866497238a68b43f4f58611863ad38a', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '54b813d12818651e42a44fce83ec36045bbb4a5d', name: "header" }), this.subheader && h("div", { key: '96814e7e667008259c64ec4b84b7310effe00ffe', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'ae205021f8d5e61ad333bafcd1f836ca61646ef6', name: "subheader" })), usesActionsSlot && h("slot", { key: '5188184fdb356266e090df3aa1d8008d2cd92c55', name: "actions" })), h("div", { key: '0de70e636021157c99c971bc7fb39874a4b127fa', class: `banner-close` }, h("button", { key: '188e8213b8704f5c20beacc003f0c6d958faf36f', onClick: () => {
                 this.handleClose();
-            } }, h("tds-icon", { key: 'da9b83b7c7538b431f919c7e13265d28fde1e39f', name: "cross", size: "20px" })))));
+            } }, h("tds-icon", { key: '0a97ab51a7c1f3cff24cb348903c0e32cd5c3975', name: "cross", size: "20px" })))));
     }
     static get is() { return "tds-banner"; }
     static get encapsulation() { return "shadow"; }
@@ -66,7 +70,7 @@ export class TdsBanner {
                 "mutable": false,
                 "complexType": {
                     "original": "IconNames",
-                    "resolved": "\"profile\" | \"expand\" | \"info\" | \"error\" | \"global\" | \"copy\" | \"document\" | \"link\" | \"image\" | \"download\" | \"target\" | \"history\" | \"print\" | \"24v-battery-inactive\" | \"24v-battery\" | \"arrow_diagonal\" | \"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"audio-inactive\" | \"back\" | \"backward-inactive\" | \"backward\" | \"bento\" | \"burger\" | \"calendar_inactive\" | \"calendar\" | \"card\" | \"cart\" | \"charging-speed-inactive\" | \"charging-speed\" | \"charging-stopped\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"clock_inactive\" | \"clock\" | \"contact_inactive\" | \"contact\" | \"cross\" | \"dashboard\" | \"document_check\" | \"document_doc\" | \"document_eye\" | \"document_pdf\" | \"document_ppt\" | \"document_tool\" | \"document_wrong\" | \"document_xls\" | \"dollar\" | \"doner\" | \"double_kebab\" | \"edit_inactive\" | \"edit\" | \"email\" | \"export_inactive\" | \"export\" | \"eye_inactive\" | \"eye\" | \"face_dissatisfied\" | \"face_neutral\" | \"face_satisfied\" | \"filters_inactive\" | \"filters\" | \"flash\" | \"folder\" | \"forward-inactive\" | \"fuel_gauge_inactive\" | \"fuel_gauge\" | \"hatch-open-inactive\" | \"heart_inactive\" | \"heart\" | \"heating-inactive-screen\" | \"history-inactive\" | \"home_inactive\" | \"home\" | \"image_add\" | \"image_inactive\" | \"image_set\" | \"insights\" | \"kebab\" | \"link_broken\" | \"lock_inactive\" | \"lock\" | \"maximize-fullscreen\" | \"meatballs\" | \"message_inactive\" | \"message\" | \"mileage_inactive\" | \"mileage\" | \"minimize-fullscreen\" | \"minus\" | \"notification_inactive\" | \"notification\" | \"pause-inactive\" | \"pause\" | \"phone_inactive\" | \"phone\" | \"pie_chart\" | \"pin_inactive\" | \"pin\" | \"plus\" | \"print_inactive\" | \"profile_inactive\" | \"proportions_inactive\" | \"proportions\" | \"range-inactive\" | \"range\" | \"redirect\" | \"refresh-inactive\" | \"refresh\" | \"reload-inactive\" | \"reload\" | \"report_inactive\" | \"report\" | \"save_inactive\" | \"save\" | \"search\" | \"send_inactive\" | \"send\" | \"settings\" | \"share\" | \"skip_backwards\" | \"skip_forward\" | \"smartphone_inactive\" | \"smartphone\" | \"sorting\" | \"speedometer_inactive\" | \"speedometer\" | \"star\" | \"support\" | \"target-inactive\" | \"text-inactive\" | \"tick\" | \"timer\" | \"tool_inactive\" | \"tool\" | \"trailer\" | \"trash_inactive\" | \"trash\" | \"truck\" | \"upload\" | \"wallet\" | \"warning\" | \"wifi_inactive\" | \"wifi\"",
+                    "resolved": "\"profile\" | \"expand\" | \"info\" | \"error\" | \"global\" | \"copy\" | \"document\" | \"link\" | \"image\" | \"download\" | \"target\" | \"history\" | \"print\" | \"24v_battery_inactive\" | \"24v_battery\" | \"arrow_diagonal\" | \"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"audio_inactive\" | \"back\" | \"backward_inactive\" | \"backward\" | \"bento\" | \"burger\" | \"calendar_inactive\" | \"calendar\" | \"card\" | \"cart\" | \"charging_speed_inactive\" | \"charging_speed\" | \"charging_stopped\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"clock_inactive\" | \"clock\" | \"contact_inactive\" | \"contact\" | \"cross\" | \"dashboard\" | \"document_check\" | \"document_doc\" | \"document_eye\" | \"document_pdf\" | \"document_ppt\" | \"document_tool\" | \"document_wrong\" | \"document_xls\" | \"dollar\" | \"doner\" | \"double_kebab\" | \"edit_inactive\" | \"edit\" | \"email\" | \"export_inactive\" | \"export\" | \"eye_inactive\" | \"eye\" | \"face_dissatisfied\" | \"face_neutral\" | \"face_satisfied\" | \"filters_inactive\" | \"filters\" | \"flash\" | \"folder\" | \"forward_inactive\" | \"fuel_gauge_inactive\" | \"fuel_gauge\" | \"hatch_open_inactive\" | \"heart_inactive\" | \"heart\" | \"heating_inactive_screen\" | \"history_inactive\" | \"home_inactive\" | \"home\" | \"image_add\" | \"image_inactive\" | \"image_set\" | \"insights\" | \"kebab\" | \"link_broken\" | \"lock_inactive\" | \"lock\" | \"maximize_fullscreen\" | \"meatballs\" | \"message_inactive\" | \"message\" | \"mileage_inactive\" | \"mileage\" | \"minimize_fullscreen\" | \"minus\" | \"notification_inactive\" | \"notification\" | \"pause_inactive\" | \"pause\" | \"phone_inactive\" | \"phone\" | \"pie_chart\" | \"pin_inactive\" | \"pin\" | \"plus\" | \"print_inactive\" | \"profile_inactive\" | \"proportions_inactive\" | \"proportions\" | \"range_inactive\" | \"range\" | \"redirect\" | \"refresh_inactive\" | \"refresh\" | \"reload_inactive\" | \"reload\" | \"report_inactive\" | \"report\" | \"save_inactive\" | \"save\" | \"search\" | \"send_inactive\" | \"send\" | \"settings\" | \"share\" | \"skip_backwards\" | \"skip_forward\" | \"smartphone_inactive\" | \"smartphone\" | \"sorting\" | \"speedometer_inactive\" | \"speedometer\" | \"star\" | \"support\" | \"target_inactive\" | \"text_inactive\" | \"tick\" | \"timer\" | \"tool_inactive\" | \"tool\" | \"trailer\" | \"trash_inactive\" | \"trash\" | \"truck\" | \"upload\" | \"wallet\" | \"warning\" | \"wifi_inactive\" | \"wifi\"",
                     "references": {
                         "IconNames": {
                             "location": "import",

package/dist/collection/components/block/block.css

@@ -1,22 +1,28 @@
 .tds-block {
   box-sizing: border-box;
   color: var(--tds-block-color);
+  background-color: var(--tds-block-background);
   border-radius: 4px;
   padding: 16px;
   font: var(--tds-body-01);
   letter-spacing: var(--tds-body-01-ls);
-  background-color: var(--tds-block-background);
 }
 .tds-block * {
   box-sizing: border-box;
 }
 
 .tds-mode-variant-primary {
-  --tds-block-background: var(--tds-block-background-primary);
-  --tds-block-background-nested: var(--tds-block-background-nested-primary);
+  background-color: var(--tds-block-background-primary);
 }
 
 .tds-mode-variant-secondary {
-  --tds-block-background: var(--tds-block-background-secondary);
-  --tds-block-background-nested: var(--tds-block-background-nested-secondary);
+  background-color: var(--tds-block-background-secondary);
+}
+
+.tds-block-even {
+  background-color: var(--tds-block-background-even);
+}
+
+.tds-block-odd {
+  background-color: var(--tds-block-background-odd);
 }

package/dist/collection/components/block/block.js

@@ -6,21 +6,29 @@ export class TdsBlock {
     constructor() {
         this.modeVariant = null;
     }
-    setModeVariantOnChildBlocks() {
-        var _a;
-        this.children = Array.from(this.host.children).filter((item) => item.tagName === 'TDS-BLOCK');
-        (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
-            if (!this.modeVariant) {
-                item.setAttribute('mode-variant', 'secondary');
+    getNestingLevel() {
+        let level = 0;
+        let parent = this.host.parentElement;
+        while (parent) {
+            if (parent.tagName.toLowerCase() === 'tds-block') {
+                level++;
             }
-            else {
-                item.setAttribute('mode-variant', this.modeVariant === 'primary' ? 'secondary' : 'primary');
-            }
-        });
+            parent = parent.parentElement;
+        }
+        return level;
     }
     render() {
-        this.setModeVariantOnChildBlocks();
-        return (h("div", { key: 'a40067afde48258475108cb9785555e7c2bd0a47', class: `tds-block ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", { key: 'aaf62c59a3a01a0c41a594c15257e4746a049418' })));
+        const nestingLevel = this.getNestingLevel();
+        let evenOddClass = '';
+        if (this.modeVariant === null) {
+            if (nestingLevel % 2 === 0) {
+                evenOddClass = 'tds-block-even';
+            }
+            else {
+                evenOddClass = 'tds-block-odd';
+            }
+        }
+        return (h("div", { key: 'efd570de70b5c6a313c3334b718cb201c4946251', class: `tds-block ${evenOddClass} ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", { key: '56f2673bc4ae6c6801c52caf465d1bbcf27d8514' })));
     }
     static get is() { return "tds-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js

@@ -7,7 +7,7 @@ export class TdsBreadcrumb {
         this.current = false;
     }
     render() {
-        return (h("div", { key: '5b1576c613720b9964419b572999e5a01bc1b835', role: "listitem", class: `${this.current ? 'current' : ''}` }, h("slot", { key: '7f298648fe0596e6ae099facdc5cb6e1439496f6' })));
+        return (h("div", { key: '459fcc2d9467e9793d3f5273ea14cc2758fdbc0f', role: "listitem", class: `${this.current ? 'current' : ''}` }, h("slot", { key: '6009cb6b16b769c975e069b1f4ee171a48711497' })));
     }
     static get is() { return "tds-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/breadcrumbs/breadcrumbs.js

@@ -6,7 +6,7 @@ export class TdsBreadcrumbs {
     render() {
         var _a;
         (_a = this.host.children[this.host.children.length - 1]) === null || _a === void 0 ? void 0 : _a.classList.add('last');
-        return (h("nav", { key: '3f11a51e2918aadfeebe11c6254264f807dcb919' }, h("div", { key: 'de74067b415ca8a3b46f230840cb3ca18d81fbb1', role: "list", class: 'tds-breadcrumb' }, h("slot", { key: '81fa5a70cba9e85c7c567193bb035e0d338f97fd' }))));
+        return (h("nav", { key: '919f59903df9c43f62053efef7a630cb0d8983b1' }, h("div", { key: '6cfd5afea42e7b8c7c1b9da8bc336ba76a56089c', role: "list", class: 'tds-breadcrumb' }, h("slot", { key: '30754525f3de22a9e0fbf74352f52b9ec15cb88c' }))));
     }
     static get is() { return "tds-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }