@scania/tegel 1.29.0-fix-modal-reference-element-beta.2 → 1.29.0-health-check-beta.0

package/dist/collection/components/icon/tratonIconsArray.js

@@ -0,0 +1,32 @@
+export const iconsCollection =
+  '[{"name":"arrow_diagonal","definition":"M24 5.75H10v2h12.59L6 24.34l1.41 1.41L24 9.16v12.59h2v-16h-2Z","viewbox":"0 0 32 32"},{"name":"arrow_down","definition":"M24.59 16.59 17 24.17V4h-2v20.17L7.41 16.6 6 18l10 10 10-10-1.41-1.41Z","viewbox":"0 0 32 32"},{"name":"arrow_left","definition":"m4 16 10 10 1.41-1.41L7.83 17H28v-2H7.83l7.58-7.59L14 6 4 16Z","viewbox":"0 0 32 32"},{"name":"arrow_right","definition":"M28 16 18 6l-1.41 1.41L24.17 15H4v2h20.17l-7.58 7.59L18 26l10-10Z","viewbox":"0 0 32 32"},{"name":"arrow_up","definition":"M7.41 15.41 15 7.83V28h2V7.83l7.59 7.58L26 14 16 4 6 14l1.41 1.41Z","viewbox":"0 0 32 32"},{"name":"bento","definition":"M6 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM6 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM6 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z","viewbox":"0 0 32 32"},{"name":"burger","definition":"M30 6H2v2h28V6Zm0 9H2v2h28v-2Zm0 9H2v2h28v-2Z","viewbox":"0 0 32 32"},{"name":"calendar","definition":"M26.47 4H22V2h-2v2h-8V2h-2v2H5.53L4 7v18l1.53 3h20.94L28 25V7l-1.53-3ZM10 6v2h2V6h8v2h2V6h3.25L26 7.48V10H6V7.48L6.75 6H10ZM6.75 26 6 24.52V12h20v12.52L25.25 26H6.75Z","viewbox":"0 0 32 32"},{"name":"chevron_down","definition":"m7.13 10.29-1.41 1.42 10 10 10-10-1.41-1.42-8.59 8.59-8.59-8.59Z","viewbox":"0 0 32 32"},{"name":"chevron_left","definition":"M21.41 7.41 20 6 10 16l10 10 1.41-1.41L12.83 16l8.58-8.59Z","viewbox":"0 0 32 32"},{"name":"chevron_right","definition":"M10.59 7.41 12 6l10 10-10 10-1.41-1.41L19.17 16 10.6 7.41Z","viewbox":"0 0 32 32"},{"name":"chevron_up","definition":"m24.89 21.7 1.4-1.4-10-10-10 10 1.42 1.4 8.59-8.58 8.59 8.58Z","viewbox":"0 0 32 32"},{"name":"cross","definition":"M25 8.41 23.59 7 16 14.59 8.41 7 7 8.41 14.59 16 7 23.59 8.41 25 16 17.41 23.59 25 25 23.59 17.41 16 25 8.41Z","viewbox":"0 0 32 32"},{"name":"edit","definition":"m23 3-6 6L4.13 21.87 3 29l7.13-1.13L23 15l6-6-6-6ZM9.18 26l-3.77.6.59-3.77 12.41-12.42 3.17 3.18L9.18 26ZM23 12.17 19.83 9 23 5.83 26.17 9 23 12.17Z","viewbox":"0 0 32 32"},{"name":"error","definition":"M16 30C8.28 30 2 23.72 2 16S8.28 2 16 2s14 6.28 14 14-6.28 14-14 14Zm0-26C9.38 4 4 9.38 4 16s5.38 12 12 12 12-5.38 12-12S22.62 4 16 4ZM17 9h-2v10h2V9Zm0 12h-2v2h2v-2Z","viewbox":"0 0 32 32"},{"name":"info","definition":"M16 30C8.28 30 2 23.72 2 16S8.28 2 16 2s14 6.28 14 14-6.28 14-14 14Zm0-26C9.38 4 4 9.38 4 16s5.38 12 12 12 12-5.38 12-12S22.62 4 16 4ZM17 13h-2v10h2V13Zm0-4h-2v2h2V9Z","viewbox":"0 0 32 32"},{"name":"minus","definition":"M28 15H4v2h24v-2Z","viewbox":"0 0 32 32"},{"name":"notification","definition":"M25 19.55V13a9 9 0 0 0-8-8.94V2h-2v2.06A9 9 0 0 0 7 13v6.55L5 21v5h22v-5l-2-1.45ZM25 24H7v-1.98l.03-.02L9 20.57V13a7 7 0 0 1 14 0v7.57L24.97 22l.03.02V24Zm-5 4h-8v2h8v-2Z","viewbox":"0 0 32 32"},{"name":"plus","definition":"M28 15H17V4h-2v11H4v2h11v11h2V17h11v-2Z","viewbox":"0 0 32 32"},{"name":"print","definition":"M28 9h-3V3H7v6H4l-2 3.93V23h5v6h18v-6h5V12.93L28 9ZM9 5h14v4H9V5Zm14 22H9v-9h14v9Zm5-6h-3v-5H7v5H4v-7.59L5.23 11h21.54L28 13.41V21Z","viewbox":"0 0 32 32"},{"name":"refresh","definition":"M19 10h4.98C22.11 7.5 19.2 6 16 6 10.49 6 6 10.49 6 16H4a12.01 12.01 0 0 1 21-7.94V4h2v8h-8v-2Zm-6 12H8.02c1.87 2.5 4.79 4 7.98 4 5.51 0 10-4.49 10-10h2a12.01 12.01 0 0 1-21 7.93V28H5v-8h8v2Z","viewbox":"0 0 32 32"},{"name":"search","definition":"m28 26.59-6.26-6.27A10.01 10.01 0 1 0 4 14a10.01 10.01 0 0 0 16.32 7.74L26.6 28l1.4-1.41ZM14 22a8 8 0 0 1 0-16 8 8 0 0 1 0 16Z","viewbox":"0 0 32 32"},{"name":"share","definition":"M25.1 21a4.08 4.08 0 0 0-3.15 1.48L10.83 16.9a3.75 3.75 0 0 0 .02-1.74l11.12-5.61a4.05 4.05 0 0 0 6.91-1.15 3.96 3.96 0 0 0-1.76-4.85 4.08 4.08 0 0 0-5.13.9 3.97 3.97 0 0 0-.88 3.29L9.93 13.36A4.05 4.05 0 0 0 2.86 16a3.97 3.97 0 0 0 2.61 3.74 4.09 4.09 0 0 0 4.46-1.09l11.2 5.65a3.97 3.97 0 0 0 2.42 4.38 4.08 4.08 0 0 0 4.4-.86A3.99 3.99 0 0 0 25.1 21Zm0-16a2.04 2.04 0 0 1 1.86 1.24 1.98 1.98 0 0 1-.44 2.18 2.03 2.03 0 0 1-3.45-1.41 2.03 2.03 0 0 1 2.02-2ZM6.9 18a2.04 2.04 0 0 1-1.87-1.23 1.98 1.98 0 0 1 .44-2.18A2.03 2.03 0 0 1 8.92 16a2.03 2.03 0 0 1-2.02 2Zm18.2 9a2.04 2.04 0 0 1-1.88-1.23 1.98 1.98 0 0 1 .44-2.18A2.03 2.03 0 0 1 27.11 25c0 .53-.2 1.04-.59 1.42-.38.37-.9.58-1.43.58Z","viewbox":"0 0 32 32"},{"name":"sorting","definition":"M27.6 20.6 24 24.2V8h-2v16.2l-3.6-3.6L17 22l6 6 6-6-1.4-1.4ZM9 4l-6 6 1.4 1.4L8 7.8V24h2V7.8l3.6 3.6L15 10 9 4Z","viewbox":"0 0 32 32"},{"name":"star","definition":"m30.07 13.39-.63-1.87-8.89-.87L17 2h-2l-3.55 8.65-8.89.87-.63 1.87 6.75 6.24-2 9.23L8.33 30 16 25.21 23.67 30l1.63-1.14-2-9.23 6.77-6.24Zm-13 10.13L16 22.85l-1.06.67-5.83 3.64 1.52-7.11.24-1.12-.87-.77-5.21-4.85 6.86-.67 1.2-.11.46-1.12L16 4.83l2.69 6.58.46 1.12 1.2.11 6.86.67L22 18.16l-.83.77.24 1.12 1.52 7.11-5.86-3.64Z","viewbox":"0 0 32 32"},{"name":"tick","definition":"m28 9-1.41-1.41L13 21.17 5.41 13.6 4 15l9 9L28 9Z","viewbox":"0 0 32 32"},{"name":"truck","definition":"M22 8H10v2h12V8ZM30 8h-4V6.52L23.7 2H8.3L6 6.52V8H2v2h4v20h5.2l1.03-2h7.55l1.02 2H26V10h4V8Zm-7.98 20L21 26H11l-1.02 2H8v-4h3l-1.02-2H8V7l1.53-3h12.94L24 7v15h-1.98L21 24h3v4h-1.98ZM23 16H9l4.08 8h5.84L23 16Zm-5.3 6h-3.4l-2.04-4h7.48l-2.04 4Z","viewbox":"0 0 32 32"},{"name":"warning","definition":"M27.68 23 18 4h-4L4.32 23l-.32.62V28h24v-4.38l-.32-.62ZM6 26v-1.9L15.22 6h1.56L26 24.1V26H6ZM17 11h-2v9h2v-9Zm0 11h-2v2h2v-2Z","viewbox":"0 0 32 32"}]';
+export const iconsNames = [
+  'arrow_diagonal',
+  'arrow_down',
+  'arrow_left',
+  'arrow_right',
+  'arrow_up',
+  'bento',
+  'burger',
+  'calendar',
+  'chevron_down',
+  'chevron_left',
+  'chevron_right',
+  'chevron_up',
+  'cross',
+  'edit',
+  'error',
+  'info',
+  'minus',
+  'notification',
+  'plus',
+  'print',
+  'refresh',
+  'search',
+  'share',
+  'sorting',
+  'star',
+  'tick',
+  'truck',
+  'warning',
+];

package/dist/collection/components/side-menu/side-menu.js

@@ -17,6 +17,7 @@ export class TdsSideMenu {
             }
             else {
                 this.collapsed = this.initialCollapsedState;
+                this.open = false;
             }
         };
         this.open = false;
@@ -137,16 +138,16 @@ export class TdsSideMenu {
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (h(Host, { key: '2c0eb423b3d2017d5872251ede6f72803e9ef801', class: {
+        return (h(Host, { key: '62d159fdff0e4dd3d2a93e0c5542b8e672e3f287', class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            }, "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: 'c97b41b370acad34053e859d5462bf0065df8c37', class: {
+            }, "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '17134ffc1c3ca6658f4ff87c203ca3b6ba991b83', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, h("slot", { key: 'fbeb52ca602ec7277c7f9f61e4b7888a9c061f54', name: "overlay" }), h("aside", { key: '80056ecb45a908d9df923b37f1cd08bd1c104845', class: `menu` }, h("div", { key: 'b5683b57e67bd3d87d9cbfb697d9efbd17971dcc', role: "navigation" }, h("slot", { key: '21906bb776f9e967fd9a3cd377862bfa80311436', name: "close-button" }), h("div", { key: '7f6f34765d5b2fb63200fac39cded13fbf8154bf', class: "tds-side-menu-wrapper" }, h("ul", { key: '4a84684539fafcdf1e0d547ff73b288122e2e59e', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: '1b059f2100a6d28c4663c7251d2403b6abec3bc9' }, h("slot", { key: '851db0c06001297a09ed8a3931d095fe16269c0b' }))), h("ul", { key: '653046a5df1ebedb34b3a3745ea147a7cde82e00', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: '7f79b3852859db84455d9d0b706a7bda1e057c4f' }, h("slot", { key: 'fdc0d6cd8000bb665ddcf4e1330a418ae75b1d12', name: "end" })))), h("slot", { key: 'a23279772a62b667ac167aaec1bfc908420c809d', name: "sticky-end" }))))));
+            } }, h("slot", { key: '8ed1f309c2188e6de12b874198c36a4698d7a69f', name: "overlay" }), h("aside", { key: '45702b7ff79693b31565550fc1985bfd64e45f92', class: `menu` }, h("div", { key: 'e799983a07a07ad0f4cac8e962e1748d08107b6b', role: "navigation" }, h("slot", { key: '4550b56dae039b94005dd58c8c5cb9818c3ab48a', name: "close-button" }), h("div", { key: 'ad2457482eb6dc9b08428f36078d53143f7b5168', class: "tds-side-menu-wrapper" }, h("ul", { key: '541323ca57ed67565c848a984bd3ac210ce6f135', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: '6248720390640a1166e1158caa0f50164fe1dfad' }, h("slot", { key: 'b3d24d582d4781fef041a2c099681fd538d01910' }))), h("ul", { key: '0a5f76474b4b3851d790ab8f698dbea9fd0fda05', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: '576cf3e91cac7c1a21e6b35105475f1f443c2f45' }, h("slot", { key: '71f9c2d1c061401ef26daf68c7801b5665a25d03', name: "end" })))), h("slot", { key: '41805c2bb7c66f74f47edd2393a9a3452132c769', name: "sticky-end" }))))));
     }
     static get is() { return "tds-side-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spinner/spinner.css

@@ -48,6 +48,7 @@
 }
 
 .tds-spinner-svg {
+  display: block;
   width: calc(var(--spinner-radius) * 2);
   height: calc(var(--spinner-radius) * 2);
   transform: scale(-1, 1) rotate(-90deg);

package/dist/collection/components/table/table-body-cell/table-body-cell.js

@@ -83,13 +83,13 @@ export class TdsTableBodyCell {
             // Conditionally set padding style
             padding: paddingStyle,
         };
-        return (h(Host, { key: '0e05abdb81d165088dba2e093f83c78cfcaf3179', class: {
+        return (h(Host, { key: 'cfabd07f5fb68862ec1afe31679d492593e5a579', class: {
                 'tds-table__body-cell': true,
                 'tds-table__body-cell--hover': this.activeSorting,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--no-min-width': this.noMinWidth,
-            }, style: dynamicStyles }, this.cellValue, h("slot", { key: '826a28c1c7eb626fd7bd10bf0be2a9e6f923912b' })));
+            }, style: dynamicStyles, role: "cell" }, this.cellValue, h("slot", { key: 'cb0466abad9e73f9daed8483304246deb79d37e8' })));
     }
     static get is() { return "tds-body-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js

@@ -60,10 +60,28 @@ export class TdsTableBodyInputWrapper {
             input.addEventListener('blur', () => {
                 this.inputFocused = false;
             });
+            // Handle Enter key event
+            input.addEventListener('keydown', (event) => {
+                if (event.key === 'Enter') {
+                    event.preventDefault();
+                    this.moveToNextEditableCell();
+                }
+            });
+        }
+    }
+    moveToNextEditableCell() {
+        const allEditableCells = Array.from(document.querySelectorAll('tds-table-body-input-wrapper'));
+        const currentIndex = allEditableCells.indexOf(this.host);
+        if (currentIndex !== -1 && currentIndex < allEditableCells.length - 1) {
+            const nextCell = allEditableCells[currentIndex + 1];
+            const nextInput = nextCell.querySelector('input');
+            if (nextInput) {
+                nextInput.focus();
+            }
         }
     }
     render() {
-        return (h(Host, { key: '10c72e9a939abe55130e4279c9fb4cfcf93e8461', class: {
+        return (h(Host, { key: '1ebf0bf16490030ce20a99e1234e68d81430eaf8', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,

package/dist/collection/components/table/table-body-row/table-body-row.js

@@ -68,13 +68,13 @@ export class TdsTableBodyRow {
         }
     }
     render() {
-        return (h(Host, { key: '5b049039384682278f6d296b58c861e255a7be36', tabindex: this.clickable ? '0' : null, class: {
+        return (h(Host, { key: '6bf3fee7c066bc4686c9aa0ecba45c04ca7b2aae', tabindex: this.clickable ? '0' : null, class: {
                 'tds-table__row': true,
                 'tds-table__row--selected': this.selected,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table__row--clickable': this.clickable,
-            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e) }, this.multiselect && (h("td", { key: 'b01c688d209a7c81d7a4987a23afbdbbaf8c4b1e', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'b716bd929a7e1c6e29edb74609a7695db85d859a', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: 'c34811d4ef6837c3046434c805e1f1c291bc658c' })));
+            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (h("td", { key: '845e64408b938254887c7ec840eae48fc4ed01e3', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '817ef05632a9b2704148a0c9ce190b360b9cec3b', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '50cf1a5aeae24aaceeb813f432abe8e75ad53857' })));
     }
     static get is() { return "tds-table-body-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js

@@ -21,6 +21,7 @@ export class TdsTableBodyRowExpandable {
         this.expanded = undefined;
         this.overflow = 'auto';
         this.autoCollapse = false;
+        this.tdsAriaLabelExpandButton = '';
         this.isExpanded = false;
         this.tableId = '';
         this.columnsNumber = null;
@@ -100,26 +101,26 @@ export class TdsTableBodyRowExpandable {
         this.sendValue();
     }
     render() {
-        return (h(Host, { key: '9414020f12ee91b731b9095601b990bc2ad3371c', class: {
+        return (h(Host, { key: '3d289d00082c284257728cec4f0ddcfc63dda863', class: {
                 'tds-table__row': true,
                 'tds-table__row-expand--active': this.isExpanded,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, h("tr", { key: 'a61e2b06bd0ca24a1439f9ee188c16c6d72aee6b', class: {
+            } }, h("tr", { key: '246ee336a3ab871346e1fcf81f02109121dc9657', id: `expandable-content-${this.rowId}`, class: {
                 'tds-table__row': true,
                 'tds-table__row--expanded': this.isExpanded,
-            }, part: "row" }, h("td", { key: '6b95af08336808aa1c3546065ddea7df3d88784a', class: {
+            }, part: "row" }, h("td", { key: 'b727b78965a4bdf0b6cf8ff7e8460d3dfae8327e', class: {
                 'tds-table__cell-expand': true,
-            } }, h("label", { key: '4e8684f15d8c2eeba68b44d83c4c4879a06488cc', class: "tds-table__expand-control-container" }, h("input", { key: 'b089f4d08c90209b7dd9c346e61508cec9699329', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), h("span", { key: 'c1f0397af8533f7a90f91694b903f99a3dce06f5', class: "tds-expendable-row-icon" }, h("svg", { key: '688c959410eb223201fa60a74d580bbf0f58f73a', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '597ee637be990bb4e597bf460f4e0d44095cf507', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: '25c8b16c5aeafe8922680a0508b9a1740374b43e' })), h("tr", { key: 'f39b8152eb0a697ecfaf52068e137619129eee69', class: {
+            } }, h("label", { key: 'c878be3429a3145b62b242f2e3d9c90ec0a74257', class: "tds-table__expand-control-container" }, h("input", { key: '6b99ef165e359012f83f7e298d9f83319493fc52', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), h("span", { key: 'ec9e1aefc553362c0c3e15cb99118a9c2dfffd04', class: "tds-expendable-row-icon" }, h("svg", { key: '84b3270e5f1bfc7671adcea34d862fe0485f40a8', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: 'fc04209a4a2d35c19c7c74875c0ab302077abbf2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: '0c16341da217fbe920241a97b179335cb61e2364' })), h("tr", { key: 'a83ca5c30ec4945dfee096a408db4d1d240d3643', class: {
                 'tds-table__row-expand': true,
                 'tds-table__row-expand--expanded': this.isExpanded,
-            }, part: "expand-row" }, h("td", { key: 'fcfec78e44e1da564b36d2fa65f0549aa7154fc6', class: {
+            }, part: "expand-row" }, h("td", { key: '2fcafe17b33ce39b5e1a3b149434006a70f6b8f3', class: {
                 'tds-table__cell-expand': true,
                 'tds-table__cell-expand--overflow-hidden': this.overflow === 'hidden',
                 'tds-table__cell-expand--overflow-visible': this.overflow === 'visible',
-            }, part: "expand-row-cell", colSpan: this.columnsNumber }, h("div", { key: 'ecf58e291825543681d0781249b0404b7385144e', style: {
+            }, part: "expand-row-cell", colSpan: this.columnsNumber }, h("div", { key: 'b696b23d127e32a8017692b03de1ce8ee9497dcb', style: {
                 overflow: this.overflow,
-            } }, h("slot", { key: '8b118db9c887061935d153138b76e3712b1e6804', name: "expand-row" }))))));
+            } }, h("slot", { key: 'e64e00778fd7c85618ae4cbc19d232e2acb873b5', name: "expand-row" }))))));
     }
     static get is() { return "tds-table-body-row-expandable"; }
     static get encapsulation() { return "shadow"; }
@@ -223,6 +224,24 @@ export class TdsTableBodyRowExpandable {
                 "attribute": "auto-collapse",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "tdsAriaLabelExpandButton": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Aria label for the expand button, providing an accessible description"
+                },
+                "attribute": "tds-aria-label-expand-button",
+                "reflect": true,
+                "defaultValue": "''"
             }
         };
     }

package/dist/collection/components/table/table-header-cell/table-header-cell.js

@@ -31,7 +31,7 @@ export class TdsTableHeaderCell {
         };
         this.headerCellContent = () => {
             if (this.sortable) {
-                return (h("button", { class: "tds-table__header-button", onClick: () => this.sortButtonClick(), style: { justifyContent: this.textAlignState } }, h("span", { class: "tds-table__header-button-text" }, this.cellValue, h("slot", null)), this.sortingDirection === undefined && (h("tds-icon", { class: "tds-table__header-button-icon", name: "sorting", size: "16px" })), this.sortingDirection && ['asc', 'desc'].includes(this.sortingDirection) && (h("tds-icon", { class: `tds-table__header-button-icon ${this.sortingDirection === 'asc' ? 'tds-table__header-button-icon--rotate' : ''}`, name: "arrow_down", size: "16px" }))));
+                return (h("button", { class: "tds-table__header-button", onClick: () => this.sortButtonClick(), style: { justifyContent: this.textAlignState }, "aria-label": this.tdsAriaLabelSortButton }, h("span", { class: "tds-table__header-button-text" }, this.cellValue, h("slot", null)), this.sortingDirection === undefined && (h("tds-icon", { svgTitle: "sorting", class: "tds-table__header-button-icon", name: "sorting", size: "16px" })), this.sortingDirection && ['asc', 'desc'].includes(this.sortingDirection) && (h("tds-icon", { svgTitle: "arrow down", class: `tds-table__header-button-icon ${this.sortingDirection === 'asc' ? 'tds-table__header-button-icon--rotate' : ''}`, name: "arrow_down", size: "16px" }))));
             }
             return (h("p", { class: {
                     'tds-table__header-text': true,
@@ -50,6 +50,7 @@ export class TdsTableHeaderCell {
         this.sortable = false;
         this.textAlign = 'left';
         this.disablePadding = false;
+        this.tdsAriaLabelSortButton = '';
         this.textAlignState = undefined;
         this.sortingDirection = undefined;
         this.sortedByMyKey = false;
@@ -104,8 +105,15 @@ export class TdsTableHeaderCell {
         this.enableToolbarDesign =
             this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
     }
+    getAriaSort() {
+        if (this.sortingDirection === 'asc')
+            return 'ascending';
+        if (this.sortingDirection === 'desc')
+            return 'descending';
+        return 'none';
+    }
     render() {
-        return (h(Host, { key: '072b8e55e1519151d7a178f905c5cf5bb353c5bf', class: {
+        return (h(Host, { key: 'f128527938679fe448019802ea76cda1a57d75be', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,
@@ -116,7 +124,7 @@ export class TdsTableHeaderCell {
                 'tds-table--extra-column': this.multiselect || this.expandableRows,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
                 'tds-table--no-padding': this.disablePadding,
-            }, style: { minWidth: this.customWidth }, onMouseOver: () => this.onHeadCellHover(this.cellKey), onMouseLeave: () => this.onHeadCellHover('') }, this.headerCellContent()));
+            }, style: { minWidth: this.customWidth }, onMouseOver: () => this.onHeadCellHover(this.cellKey), onMouseLeave: () => this.onHeadCellHover(''), role: "columnheader", "aria-sort": this.getAriaSort() }, this.headerCellContent()));
     }
     static get is() { return "tds-header-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -236,6 +244,24 @@ export class TdsTableHeaderCell {
                 "attribute": "disable-padding",
                 "reflect": true,
                 "defaultValue": "false"
+            },
+            "tdsAriaLabelSortButton": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Aria label for the sort button, providing an accessible description"
+                },
+                "attribute": "tds-aria-label-sort-button",
+                "reflect": true,
+                "defaultValue": "''"
             }
         };
     }

package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js

@@ -67,7 +67,7 @@ export class TdsTableHeaderInputWrapper {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,
-            } }, this.renderSlot ? h("slot", { onSlotchange: () => this.handleSlotChange() }) : null, this.showIcon ? (h("tds-icon", { class: "search-icon", slot: "icon", size: "16px", name: "search" })) : null));
+            } }, this.renderSlot ? h("slot", { onSlotchange: () => this.handleSlotChange() }) : null, this.showIcon ? (h("tds-icon", { svgTitle: "search", class: "search-icon", slot: "icon", size: "16px", name: "search" })) : null));
     }
     static get is() { return "tds-table-header-input-wrapper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table-toolbar/table-toolbar.js

@@ -12,6 +12,7 @@ export class TdsTableToolbar {
     constructor() {
         this.tableTitle = '';
         this.filter = false;
+        this.tdsSearchAriaLabel = '';
         this.verticalDividers = false;
         this.compactDesign = false;
         this.noMinWidth = false;
@@ -34,6 +35,9 @@ export class TdsTableToolbar {
     connectedCallback() {
         this.tableEl = this.host.closest('tds-table');
         this.tableId = this.tableEl.tableId;
+        if (!this.tdsSearchAriaLabel) {
+            console.warn('tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility');
+        }
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
@@ -63,10 +67,10 @@ export class TdsTableToolbar {
         return styles;
     }
     render() {
-        return (h(Host, { key: '53f2438014682bd1b23cdeb222723b4f09fcf48b', class: {
+        return (h(Host, { key: '063779da774e1040065cb68412e1e57f9b5a700c', class: {
                 'tds-table--compact': this.compactDesign,
                 'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles() }, h("div", { key: 'e5912f152a528a0c9bf5a7582b10e2ca0458da9f', class: "tds-table__upper-bar-flex" }, h("caption", { key: '382bf6a6e35d78e329af0b6672b70c8875eaa184', class: "tds-table__title" }, this.tableTitle), h("div", { key: 'f3a4fc316840e0bd1f083540a30831b77acf0c59', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '20ab41120800efe3194818c8e6a8039db012900b', class: "tds-table__searchbar" }, h("input", { key: 'd07cc3caa8f06b92fa7e80eabdaa565042d06ba5', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event) }), h("span", { key: '6b8cb5f2d9500a0a104d0656c085745ec6194bf0', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '926eeae91dfa03475fb16470e5780dc592f05680', name: "search", size: "20px" })))), h("slot", { key: '2694b404429fc75ad0793f01b604197c4faa4f7e', name: "end" })))));
+            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: '2bdef8894ab761fbdce8a1074d81c7af252b75be', class: "tds-table__upper-bar-flex" }, h("caption", { key: '031e3ecf77cd9a988f3c256383595aa1348215a0', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle), h("div", { key: 'fe49c2d76c2cc64350b81b6a36db4dd40ef83e58', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '7cb0de70a472d969fa99374b4c70b0dd170c07fc', class: "tds-table__searchbar" }, h("input", { key: '0afebcf7ebf0b5e040f975667e87c32ba4f56aed', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: 'c9e90eb15de675efe7a4a4552af1089036027c25', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '64fa664f000a0419b6807b1a639da85c426cb4f2', name: "search", size: "20px" })))), h("slot", { key: '3f18fa9b8877bcec0e3af488dbbbd77c5e09d53c', name: "end" })))));
     }
     static get is() { return "tds-table-toolbar"; }
     static get encapsulation() { return "shadow"; }
@@ -117,6 +121,24 @@ export class TdsTableToolbar {
                 "attribute": "filter",
                 "reflect": true,
                 "defaultValue": "false"
+            },
+            "tdsSearchAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Aria label for the search input, providing an accessible description"
+                },
+                "attribute": "tds-search-aria-label",
+                "reflect": false,
+                "defaultValue": "''"
             }
         };
     }

package/dist/collection/components/text-field/text-field.js

@@ -99,7 +99,7 @@ export class TdsTextField {
                 'text-field-error': this.state === 'error',
                 'text-field-success': this.state === 'success',
                 'text-field-default': this.state === 'default',
-            } }, h("slot", { key: '8c6c192a137ea00d114f9721d0f6fcea366708ca', name: "prefix" }))), h("div", { key: 'e8b2650e45cba5e63e1db4e3d1d7af6662ff187b', class: "text-field-input-container" }, h("input", { key: 'd208edd0ffe3f2a78bc2df4f0dd58e13fd768453', ref: (inputEl) => {
+            } }, h("slot", { key: '8c6c192a137ea00d114f9721d0f6fcea366708ca', name: "prefix" }))), h("div", { key: 'e8b2650e45cba5e63e1db4e3d1d7af6662ff187b', class: "text-field-input-container" }, h("input", { key: 'd5d238312f2c4fd2179892995165a7263d12a7bd', ref: (inputEl) => {
                 this.textInput = inputEl;
             }, class: {
                 'text-field-input': true,
@@ -114,13 +114,13 @@ export class TdsTextField {
                 if (!this.readOnly) {
                     this.handleBlur(event);
                 }
-            }, "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": "text-field-helper-element", "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}` }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '38b9cedc8c7a07b582c16b01a267cf4e08a20481', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: '9587a4002c11b93ee715952080e4959be0393642', class: "text-field-bar" }), usesSuffixSlot && (h("div", { key: 'bb46ceb5bee96468ecbd1ec0bda36c639b045450', class: {
+            }, "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}` }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '9d3cadd3c28ae4f198d5ddc142ef02d7535e9def', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: '6df4af20de96ef2c081fed3ae765e4982cd836bd', class: "text-field-bar" }), usesSuffixSlot && (h("div", { key: '38b4ee5a2639c26f7e66f8ac4449fac3c90cf753', class: {
                 'text-field-slot-wrap-suffix': true,
                 'text-field-error': this.state === 'error',
                 'text-field-success': this.state === 'success',
                 'text-field-default': this.state === 'default',
                 'tds-u-display-none': this.readOnly,
-            } }, h("slot", { key: 'baa86fca37b71182b800095be7c4fb6db2ee4d13', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '6d3abf0a6e60463e7f6db1187229cf17e5f4b80b', class: "text-field-icon__readonly" }, h("tds-icon", { key: 'c5afca89f935a0a3f2c63039badf7b05c60b6015', name: "edit_inactive", size: "20px" }))), h("span", { key: 'd677de36f510688d3311f514aed89390c1d0a39b', class: "text-field-icon__readonly-label" }, "This field is non-editable")), h("div", { key: 'f79ebd15d92174541ea7683de7cf002af996733a', "aria-live": "assertive" }, (this.helper || this.maxLength > 0) && (h("div", { key: 'b7708331d4c8a21d869a21f86e873da017ae2157', class: "text-field-helper" }, this.state === 'error' && (h("div", { key: '098f7e9d9b053b4bfb02a387be879d4c519c2b95', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: 'fa894663253fdb19d168e284284f35695deada29', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && this.maxLength > 0 && (h("span", { key: 'dcae00985dc79db8ad6bdd65fe6160d4f5de8603', class: {
+            } }, h("slot", { key: 'a320cf2cabe3de76c4605a0cd4ed8925d7ceac17', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '02ca8a9c4afdb8570abb8e848c87d84b3cb470db', class: "text-field-icon__readonly" }, h("tds-icon", { key: '8774ad6177bd0007cf1c62b15a7bca4ad32b8e1e', name: "edit_inactive", size: "20px" }))), h("span", { key: '81ebfc7038ea8cc5c55abafb142d19102171b931', class: "text-field-icon__readonly-label" }, "This field is non-editable")), h("div", { key: 'bb636ecc8feb14ae6d65828f8642eaade8af5a77', "aria-live": "assertive" }, (this.helper || this.maxLength > 0) && (h("div", { key: '5f5c356778771e62d89b392e440de717bd2c98f1', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: '26b094a392c6ffa39bdbd5b3e4be1d312a6afb34', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: 'c2c968f2d161a54955da370780fea6caeeb683d3', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && this.maxLength > 0 && (h("span", { key: '70534a98310d79bd6e9de45671e4f0035c3d6c9a', class: {
                 'text-field-textcounter-divider': true,
                 'text-field-textcounter-disabled': this.disabled,
             } }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, " / ", this.maxLength)))))));

package/dist/collection/types/ScaniaIcons.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/TratonIcons.js

@@ -0,0 +1 @@
+export {};

package/dist/components/{p-9ba3c16e.js → p-090bb1e9.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
 import { c as convertToString } from './p-a1181b1f.js';
 import { d as defineCustomElement$2 } from './p-1ef7423a.js';
-import { d as defineCustomElement$1 } from './p-9b40a24d.js';
+import { d as defineCustomElement$1 } from './p-adf3fdac.js';
 
 const dropdownOptionCss = ":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{background-color:var(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";
 const TdsDropdownOptionStyle0 = dropdownOptionCss;

package/dist/components/{p-ce28efb8.js → p-50b1ba5c.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
 import { c as convertToString, a as convertArrayToStrings } from './p-a1181b1f.js';
-import { d as defineCustomElement$1 } from './p-9b40a24d.js';
+import { d as defineCustomElement$1 } from './p-adf3fdac.js';
 
 /**
  * Find the next focusable element index in a list of focusable elements.

package/dist/components/{p-f4c6f29b.js → p-7f02bdf2.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
 import { d as defineCustomElement$3 } from './p-e1622f4a.js';
 import { d as defineCustomElement$2 } from './p-7dbc1182.js';
-import { d as defineCustomElement$1 } from './p-9b40a24d.js';
+import { d as defineCustomElement$1 } from './p-adf3fdac.js';
 
 const headerLauncherButtonCss = ":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";
 const TdsHeaderLauncherButtonStyle0 = headerLauncherButtonCss;