@scania/tegel 1.49.2 → 1.50.0-develop-beta.1

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

@@ -118,7 +118,7 @@ export class TdsTableHeaderCell {
         return 'none';
     }
     render() {
-        return (h(Host, { key: 'be64d88104f52df5d328b61a052eb489bcc01b72', class: {
+        return (h(Host, { key: '3cb5c70f8d022f7caf0cc84a23313f72d7549427', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,
@@ -129,7 +129,7 @@ export class TdsTableHeaderCell {
                 'tds-table--extra-column': this.multiselect || this.expandableRows,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
                 'tds-table--no-padding': this.disablePadding,
-            } }, h("th", { key: '5ce91b5905d96bf9be4061a2b7a53c1af18fc390', style: { minWidth: this.customWidth }, onMouseOver: () => this.onHeadCellHover(this.cellKey), onFocus: () => this.onHeadCellHover(this.cellKey), onMouseLeave: () => this.onHeadCellHover(''), onBlur: () => this.onHeadCellHover(''), "aria-sort": this.getAriaSort(), colSpan: this.colSpan, rowSpan: this.rowSpan }, this.headerCellContent())));
+            } }, h("th", { key: 'cb916b84ae682283c32d733c3522bb42e686609b', style: { minWidth: this.customWidth }, onMouseOver: () => this.onHeadCellHover(this.cellKey), onFocus: () => this.onHeadCellHover(this.cellKey), onMouseLeave: () => this.onHeadCellHover(''), onBlur: () => this.onHeadCellHover(''), "aria-sort": this.getAriaSort(), colSpan: this.colSpan, rowSpan: this.rowSpan }, this.headerCellContent())));
     }
     static get is() { return "tds-header-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -218,7 +218,7 @@ export class TdsTableHeaderCell {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "sortable",
                 "defaultValue": "false"
             },
@@ -305,7 +305,7 @@ export class TdsTableHeaderCell {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "col-span"
             },
             "rowSpan": {
@@ -324,7 +324,7 @@ export class TdsTableHeaderCell {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "row-span"
             }
         };

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

@@ -64,7 +64,7 @@ export class TdsTableHeaderInputWrapper {
         }
     }
     render() {
-        return (h(Host, { key: '84cc720addbfd6252297b0fd67114f7dfa920cc9', class: {
+        return (h(Host, { key: '43bff4694595b6b6355ca05af951b9a31f27ee35', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,
@@ -100,7 +100,7 @@ export class TdsTableHeaderInputWrapper {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "show-icon",
                 "defaultValue": "true"
             },
@@ -120,7 +120,7 @@ export class TdsTableHeaderInputWrapper {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "compact-design",
                 "defaultValue": "false"
             }

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

@@ -73,10 +73,10 @@ export class TdsTableToolbar {
         return styles;
     }
     render() {
-        return (h(Host, { key: 'f8a4f02533b392cdef06823c0a8f3fc7eb65dac1', class: {
+        return (h(Host, { key: 'b98524b265ec24c7204f78fdba7298806488c5cd', class: {
                 'tds-table--compact': this.compactDesign,
                 'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: 'a4d5d8b3a1f874ad6cf8b6c2f0387abb80dc6c7c', class: "tds-table__upper-bar-flex" }, h("div", { key: 'fdda25df918b94db38efec19b67486c27ecef944', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: '835fa2f6230dffd4e30f219d5753959d66833717', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: '1e55264456b36bfee36674ced3ab6b7a4767dd24', name: "start" })), h("div", { key: '6bbc6ca3917171e610ae162bc2ffce3e5b190874', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '49acb858ed5fefb5ef3cd7e84a11d22a8ffbbfa4', class: "tds-table__searchbar" }, h("input", { key: '72e41aef9c82e018e03c95dc3c48f1901cf1ce84', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: 'c9825e7843f1460f2d9d2aa1122790b2d2c8fd01', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '3f772922cc80abbb127ff675f4e0e9db79cd6c9a', name: "search", size: "20px" })))), h("slot", { key: '20128d959ea3a1fc97eeb4dcf41313db088feae5', name: "end" })))));
+            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: '474eb3d4623e98f69094a9d5c6942fa2bef05fd2', class: "tds-table__upper-bar-flex" }, h("div", { key: 'f616780361cc2101ddb2e0e9d112cd596f4a91ed', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: '0a8a2e7330352f0c8bce0f29f43f6f5bb7a4204a', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: 'fe7312c205337614665ac25824bfd27c7d9cadc8', name: "start" })), h("div", { key: '95af8f20377ecc20417a8e51dd1e2e619c1eeb21', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '798d8ff8fe3008f09018c095c8b07e2a6df17aa7', class: "tds-table__searchbar" }, h("input", { key: 'e152dc0fcbb47e181788ebbe57ac751332d5cb4c', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: 'fc6a824134d9a41b1aa6864238e0ad37793003ac', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '8ed3d82df541b903c9b6d8e36e172ce15c2d5f54', name: "search", size: "20px" })))), h("slot", { key: 'de8d5e9242b9bb1de8a8254cd08fdd41eb76a5e5', name: "end" })))));
     }
     static get is() { return "tds-table-toolbar"; }
     static get encapsulation() { return "shadow"; }
@@ -148,7 +148,7 @@ export class TdsTableToolbar {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-search-aria-label",
                 "defaultValue": "''"
             }

package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js

@@ -35,10 +35,10 @@ export class TdsFolderTab {
         }
     }
     render() {
-        return (h(Host, { key: 'bcb1ed17ebb34e2a458daa2fb3c6f7f52c3d9bf6', "aria-selected": this.selected }, h("div", { key: 'b6ee4cef0bac744ad09e92a32453ba6fb6021c41', class: {
+        return (h(Host, { key: '5d7bdff1bc18639ce28722cf817d45e2819291fe', "aria-selected": this.selected }, h("div", { key: '82fb790518a8d3f6c9427c3dd3cbd804fb54ad4f', class: {
                 selected: this.selected,
                 disabled: this.disabled,
-            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: 'b7d230c050fc315fb5de735a0496c69c967bdefe' }))));
+            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: 'fdd78b5c0c9852e587c18d8c5870e00975b62896' }))));
     }
     static get is() { return "tds-folder-tab"; }
     static get encapsulation() { return "shadow"; }
@@ -70,7 +70,7 @@ export class TdsFolderTab {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             }

package/dist/collection/components/tabs/folder-tabs/folder-tabs.js

@@ -22,6 +22,8 @@ export class TdsFolderTabs {
         this.tabElements = [];
         this.clickHandlers = new WeakMap();
         this.addResizeObserver = () => {
+            if (typeof ResizeObserver === 'undefined')
+                return;
             const resizeObserver = new ResizeObserver((entries) => {
                 entries.forEach((entry) => {
                     const componentWidth = entry.contentRect.width;
@@ -176,9 +178,9 @@ export class TdsFolderTabs {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: 'e8b3a0c15cad9dc5cf7b68381de79786c5853c17', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '459d2af9aa923196938b7c7848ef3494b1eb0015', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'c012eb13a3d87fd700f5aeebda39b5eab29ef867', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: 'ebee1cf15b1c7425fb675cceedfdbdedacdf7057', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: '6c124a6cc60705c0eabe05f05e24308300c5c230', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '82585953fd9a38d4b4fa9c0ddf514b7ddf0f5938', name: "chevron_left", size: "20px" })), h("slot", { key: '101d7936691d26bc4448d9c8800e28500c42c92e', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'a95a09608cf9388d0e55465a62ba6d3c5101d337', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'c36777a240da371d5f2145410f6b5635bb688d95', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: 'f91db438a2374acc0569bccb5895b0061816cdb2', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '497c2b7709f37f12d6c507f9ef4a55851bcfad78', name: "chevron_left", size: "20px" })), h("slot", { key: '1b8be04cceec4793fffac9cf26ba603dd578299d', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '210096e3f848f40fc3a976bfbeb76f623e06c2bc', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'c1235de0754f7df8418b1609a713e2766be059bd', name: "chevron_right", size: "20px" })))));
     }
     static get is() { return "tds-folder-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -210,7 +212,7 @@ export class TdsFolderTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "null"
             },
@@ -230,7 +232,7 @@ export class TdsFolderTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "default-selected-index",
                 "defaultValue": "0"
             },
@@ -269,7 +271,7 @@ export class TdsFolderTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-scroll-left-aria-label",
                 "defaultValue": "'Scroll left'"
             },
@@ -289,7 +291,7 @@ export class TdsFolderTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-scroll-right-aria-label",
                 "defaultValue": "'Scroll right'"
             }

package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js

@@ -31,11 +31,11 @@ export class TdsInlineTab {
         }
     }
     render() {
-        return (h(Host, { key: 'f1dec66ce92e3d2913941faedc3fe0f9d4e0ce17', "aria-selected": this.selected }, h("div", { key: '55335b61d72e1b20d6fddddc40f58c966c827f41', class: {
+        return (h(Host, { key: 'c7bb79b69d733103faad0e36f7967123a2323ebd', "aria-selected": this.selected }, h("div", { key: '5b03665929273d87f3fb584e8a44937f81ccf20f', class: {
                 'inline-tab-item': true,
                 'selected': this.selected,
                 'disabled': this.disabled,
-            } }, h("slot", { key: '3ff73b16df1a3a97924ced2f61ff72c92c92835c' }))));
+            } }, h("slot", { key: '360210a7e2c66fde62d4531aef7894b82d9f5605' }))));
     }
     static get is() { return "tds-inline-tab"; }
     static get encapsulation() { return "shadow"; }
@@ -67,7 +67,7 @@ export class TdsInlineTab {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             }

package/dist/collection/components/tabs/inline-tabs/inline-tabs.js

@@ -23,6 +23,8 @@ export class TdsInlineTabs {
         this.tabElements = [];
         this.clickHandlers = new WeakMap();
         this.addResizeObserver = () => {
+            if (typeof ResizeObserver === 'undefined')
+                return;
             const resizeObserver = new ResizeObserver((entries) => {
                 entries.forEach((entry) => {
                     const componentWidth = entry.contentRect.width;
@@ -177,9 +179,9 @@ export class TdsInlineTabs {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: 'c560fe618bd56e56b83d98959a787d1d253b294a', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}`, style: { '--padding-left': `${this.leftPadding}px` } }, h("div", { key: '4a2070625881a955ddc8b7d58869ac2908f1aeef', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'b4d7b5c75a8e81e49fdb392580852077a44ebe0c', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}`, style: { '--padding-left': `${this.leftPadding}px` } }, h("div", { key: '3be2477f0c9f24987aa9b0ca5c43c05fb19a32e3', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: '1df4f76b71faf9ea2e2f57c3da07c41315bcb59f', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '9e0e80a1791ccf9fb28b1c597ce498808365f9c1', name: "chevron_left", size: "20px" })), h("slot", { key: 'f702f8f7761d797cb121ce77f96276a615c211f9', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '735e8a5e76d32903ecf666e59a646d4bbf0b8c4d', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'f0a59a1305c1ae93908ca307c03d57b9a171c4ec', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: 'e6252b0e4bd02809a09db1183fe7dbea91103cbf', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'd4ce2393b25f728ac2de1702d144f612902dc330', name: "chevron_left", size: "20px" })), h("slot", { key: 'd079e254442795f81737b5552ce5ce177683c9fb', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '5e3db06d48f3109550974ba0675aef8367373df7', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'cd00e5c5ad1b757104d5c3f7338a45c9243eb25d', name: "chevron_right", size: "20px" })))));
     }
     static get is() { return "tds-inline-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -211,7 +213,7 @@ export class TdsInlineTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "'primary'"
             },
@@ -231,7 +233,7 @@ export class TdsInlineTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "default-selected-index",
                 "defaultValue": "0"
             },
@@ -270,7 +272,7 @@ export class TdsInlineTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-scroll-left-aria-label",
                 "defaultValue": "'Scroll left'"
             },
@@ -290,7 +292,7 @@ export class TdsInlineTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-scroll-right-aria-label",
                 "defaultValue": "'Scroll right'"
             },

package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js

@@ -31,8 +31,8 @@ export class TdsNavigationTab {
         }
     }
     render() {
-        return (h(Host, { key: '362f628f25730c6e878172a64d94f34bdc3e5ddb' }, h("div", { key: '58767c9578afb7dcb6c30c22fb61bf366c267e4d', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'c3bfcb9677f7cb318b1e70a53135f31b79345d78' }))));
+        return (h(Host, { key: '3fb20c6c5e5839eafbd7acc8e63d9b9ffeb531bd' }, h("div", { key: 'c04745d7b4bb9dc4efb3aa17a27f57a3219ac0d0', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '2bdb886f7e601878878f77a1ee6e68f3b34a25e9' }))));
     }
     static get is() { return "tds-navigation-tab"; }
     static get encapsulation() { return "shadow"; }
@@ -64,7 +64,7 @@ export class TdsNavigationTab {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             }

package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js

@@ -23,6 +23,8 @@ export class TdsNavigationTabs {
         this.tabElements = [];
         this.clickHandlers = new WeakMap();
         this.addResizeObserver = () => {
+            if (typeof ResizeObserver === 'undefined')
+                return;
             const resizeObserver = new ResizeObserver((entries) => {
                 entries.forEach((entry) => {
                     const componentWidth = entry.contentRect.width;
@@ -183,15 +185,15 @@ export class TdsNavigationTabs {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: '30d0734a2ac6fe0a585ca7e15fe08f9feceb2303', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: 'b27101ea4c520eb434ba26c425e6179c1b0bdd8b', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '0817601e2f5ca452bef28d7ffdeabf00ba49518b', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '9a0c29efcbd7120760a0eb0946343d4aceb963ec', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: 'a2214da9d20638ee1896cb04c759f598caee3425', "aria-label": this.tdsScrollLeftAriaLabel, class: {
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '2283540cb7864e70445dd3303a9e617cabd5c1a3', "aria-label": this.tdsScrollLeftAriaLabel, class: {
                 'scroll-left-button': true,
                 'show': this.showLeftScroll,
-            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '54fc194d33c682ecf03c51af39ce5290de199c29', name: "chevron_left", size: "20px" })), h("slot", { key: '8c673f8d743352b4f5228c434ea6ba73b35d5916', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'f89e20284ad64bb864e84c28015f162fdf744b62', "aria-label": this.tdsScrollRightAriaLabel, class: {
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '4de2e1da1fd959ae3ffe5f93298574b3a161f75d', name: "chevron_left", size: "20px" })), h("slot", { key: 'cb72d39a1d8f8e0289244cd023311e211ec148e5', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '52e0ea24de069a6020e7902ea7222b6f52dc9895', "aria-label": this.tdsScrollRightAriaLabel, class: {
                 'scroll-right-button': true,
                 'show': this.showRightScroll,
-            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '6099eec68724b31d6ec71e5f6491313cae51db1f', name: "chevron_right", size: "20px" })))));
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '4a4a3a5234d74decb2106f902365b39c20977066', name: "chevron_right", size: "20px" })))));
     }
     static get is() { return "tds-navigation-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -223,7 +225,7 @@ export class TdsNavigationTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "'primary'"
             },
@@ -243,7 +245,7 @@ export class TdsNavigationTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "default-selected-index",
                 "defaultValue": "0"
             },
@@ -302,7 +304,7 @@ export class TdsNavigationTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-scroll-left-aria-label",
                 "defaultValue": "'Scroll left'"
             },
@@ -322,7 +324,7 @@ export class TdsNavigationTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-scroll-right-aria-label",
                 "defaultValue": "'Scroll right'"
             }

package/dist/collection/components/tag/tag.js

@@ -16,7 +16,7 @@ export class TdsTag {
             [`${this.size.toLowerCase()}`]: true,
             [this.variant.toLowerCase()]: true,
         });
-        return (h(Host, { key: '6e014440b1933df324129ccb7ee25a4e6e28f7f5', class: getTagClasses() }, h("div", { key: '14605f18833dc92370646302cf0fd10106ae8600', class: "tds-tag__content" }, hasPrefixSlot && h("slot", { key: 'f6f426e202bee36eb53fc35b132b216ab74d7b6f', name: "prefix" }), h("span", { key: '15c5d2b25241ef26fe71ba37d2f16e3b0d88a9ce' }, this.text))));
+        return (h(Host, { key: '8a514622cb84f2315dea806ffb922e254b0b91ba', class: getTagClasses() }, h("div", { key: 'bb73048a5c82e216eeb71ab1cf9c4dc692032fea', class: "tds-tag__content" }, hasPrefixSlot && h("slot", { key: 'e0fa00414957f3d226f61702d558f64fae6d4e4c', name: "prefix" }), h("span", { key: '2b67dbbc318d329f37a4a8fa98b23eb57dc7bd63' }, this.text))));
     }
     static get is() { return "tds-tag"; }
     static get encapsulation() { return "scoped"; }
@@ -48,7 +48,7 @@ export class TdsTag {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "text"
             },
             "size": {
@@ -67,7 +67,7 @@ export class TdsTag {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "size",
                 "defaultValue": "'lg'"
             },
@@ -87,7 +87,7 @@ export class TdsTag {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "variant",
                 "defaultValue": "'Neutral'"
             }

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

@@ -110,7 +110,7 @@ export class TdsTextField {
         var _a, _b, _c, _d;
         const usesPrefixSlot = hasSlot('prefix', this.host);
         const usesSuffixSlot = hasSlot('suffix', this.host);
-        return (h("div", { key: 'f16b01caa6aab76ff91b1bbd339726bc091073b4', class: {
+        return (h("div", { key: '4fd0686a033ebdbf1385c476895db195bad7dc00', class: {
                 'form-text-field': true,
                 'form-text-field-nomin': this.noMinWidth,
                 'text-field-focus': this.focusInput && !this.disabled,
@@ -128,12 +128,12 @@ export class TdsTextField {
                 'form-text-field-sm': this.size === 'sm',
                 'form-text-field-error': this.state === 'error',
                 'form-text-field-success': this.state === 'success',
-            } }, this.labelPosition === 'outside' && (h("div", { key: '05a6ee014f2d3e6e4394050423282d18cf5908b0', class: "text-field-label-outside" }, h("label", { key: 'cf3b333f2a898c048a1d456c6b7f6c65390615f0', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: 'fc4a03cf20e81fa191ba536d2b79a0f1b0c535dd', onClick: () => { var _a; return (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus(); }, class: "text-field-container" }, usesPrefixSlot && (h("div", { key: '3638c5a1acde4ad2eabc403d74a551d6185985a8', class: {
+            } }, this.labelPosition === 'outside' && (h("div", { key: '8e35ace912af1b61363e021430a0e8b0ea8a163c', class: "text-field-label-outside" }, h("label", { key: '585feefbdc36b6a4201bc5c379e5f71393bad90a', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: 'f849868018e4ce4be297f98b1b64443319df21a7', onClick: () => { var _a; return (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus(); }, class: "text-field-container" }, usesPrefixSlot && (h("div", { key: 'fb824b9b90f1a350a05ccfb04af41e9c14d7de33', class: {
                 'text-field-slot-wrap-prefix': true,
                 'text-field-error': this.state === 'error',
                 'text-field-success': this.state === 'success',
                 'text-field-default': this.state === 'default',
-            } }, h("slot", { key: 'aa86f986720a076698b3193009eb8ebc5022e531', name: "prefix" }))), h("div", { key: '5b884728b755f3c604b233f706da028dc12ab0f8', class: "text-field-input-container" }, h("input", { key: 'a04b70515c8ea73d3435292249fb3aea9a43663a', ref: (inputEl) => {
+            } }, h("slot", { key: 'e0e067e04be232ae73b320e5129ac22677b07691', name: "prefix" }))), h("div", { key: '930a368eaedf127ed4f6b9a1057d790a3c489537', class: "text-field-input-container" }, h("input", { key: 'a5b4d370d56c90de392c7ad377b1cdbbf7945626', ref: (inputEl) => {
                 this.textInput = inputEl;
             }, class: {
                 'text-field-input': true,
@@ -149,13 +149,13 @@ export class TdsTextField {
                 if (!this.readOnly) {
                     this.handleBlur(event);
                 }
-            }, "aria-invalid": getAriaInvalid(this.host, this.state), "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}`, required: this.required, autocomplete: this.autocomplete }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '2b4adf151e255ac983027b61b43f18e81399f11a', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (h("div", { key: '70fccd2b3ffcab91b2537ef1512d2bbe86c4a1e5', class: {
+            }, "aria-invalid": getAriaInvalid(this.host, this.state), "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}`, required: this.required, autocomplete: this.autocomplete }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '190da96bf7ebd717750a807db70a490153a813d5', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (h("div", { key: 'f67de945a3471235aeeb04398b42b96082b6fd3e', 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: '631a64c5239415bbf8449e90d046a3a2eb8fdf3c', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '975a0d8877d271c45c6b5f210537b11b5b70004e', class: "text-field-icon__readonly" }, h("tds-tooltip", { key: 'e0aa565b62e640afcf13f270187269dbe79b9a48', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '9dadaaa674e0ef4f47e24889ff9e418e7ff3a168', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), h("div", { key: '787ae2f6f83ff667885adec7b30ac31c3d99a8e4', "aria-live": "assertive" }, (this.helper || ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0) && (h("div", { key: 'f655beff3ed7f0a3441c790fce325ce830770707', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: '1e2ec411ebb607637b0584a54c1c19ff6d0e031e', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: 'ce34402f70808ab965669863d46c9d84fb66609d', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && ((_b = this.maxLength) !== null && _b !== void 0 ? _b : 0) > 0 && (h("span", { key: '17945ce6d01531279d561fc2115cc8461b59b6ea', class: {
+            } }, h("slot", { key: '3a469bf74bb3edd11f0998532c9a439a14b305b5', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '7c4095a3ab33bbdd508475f829a03171c5f32b51', class: "text-field-icon__readonly" }, h("tds-tooltip", { key: '0d8378eef86aa5201871b8436563e0b5339b9d19', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: 'de5431eb6983750bd4cccd17af58bcf0a2541d1e', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), h("div", { key: '02f2e7f86126b10049344b2b07e8c6a43618ada4', "aria-live": "assertive" }, (this.helper || ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0) && (h("div", { key: '04c6f48d0993c9787da6793f3379ef4f90d4eefd', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: '83308a0fcd2cd9507592086194541a6a37733370', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: '061681ecbfd4a354f4175ad2b3dfacf2c054cced', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && ((_b = this.maxLength) !== null && _b !== void 0 ? _b : 0) > 0 && (h("span", { key: '36025b5f0d44833c60984ee9a591b2e2b6734bce', class: {
                 'text-field-textcounter-divider': true,
                 'text-field-textcounter-disabled': this.disabled,
             } }, this.value === null ? 0 : (_c = this.value) === null || _c === void 0 ? void 0 : _c.length, " / ", (_d = this.maxLength) !== null && _d !== void 0 ? _d : 0)))))));
@@ -210,7 +210,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "label-position",
                 "defaultValue": "'no-label'"
             },
@@ -230,7 +230,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "label",
                 "defaultValue": "''"
             },
@@ -250,7 +250,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "min"
             },
             "max": {
@@ -269,7 +269,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "max"
             },
             "step": {
@@ -288,7 +288,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "step"
             },
             "helper": {
@@ -307,7 +307,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "helper"
             },
             "placeholder": {
@@ -326,7 +326,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "placeholder",
                 "defaultValue": "''"
             },
@@ -366,7 +366,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -386,7 +386,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "read-only",
                 "defaultValue": "false"
             },
@@ -406,7 +406,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "hide-read-only-icon",
                 "defaultValue": "false"
             },
@@ -426,7 +426,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "size",
                 "defaultValue": "'lg'"
             },
@@ -446,7 +446,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "null"
             },
@@ -466,7 +466,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "no-min-width",
                 "defaultValue": "false"
             },
@@ -486,7 +486,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "name",
                 "defaultValue": "''"
             },
@@ -506,7 +506,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "state",
                 "defaultValue": "'default'"
             },
@@ -526,7 +526,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "max-length"
             },
             "autofocus": {
@@ -545,7 +545,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "autofocus",
                 "defaultValue": "false"
             },
@@ -565,7 +565,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             },
             "required": {
@@ -584,7 +584,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "required",
                 "defaultValue": "false"
             },
@@ -604,7 +604,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "autocomplete",
                 "defaultValue": "'off'"
             },
@@ -624,7 +624,7 @@ export class TdsTextField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "hide-number-arrows",
                 "defaultValue": "false"
             }