@scania/tegel 1.40.0-table-pagination-rowsperpage-reset-bug-beta.0 → 1.40.0-ts-strict-mode-beta.0

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-f7d94947.js';
+import { d as defineCustomElement$2 } from './p-edc838a0.js';
 
 const navigationTabsCss = ":host{box-sizing:border-box;display:flex;background-color:var(--tds-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:\" \";display:block;border-bottom:1px solid var(--tds-navigation-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus::before,:host .scroll-left-button:focus::before{content:\"\";position:absolute;left:3px;right:3px;top:3px;bottom:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
 const TdsNavigationTabsStyle0 = navigationTabsCss;
@@ -32,7 +32,8 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
                     this.updateScrollButtons();
                 });
             });
-            resizeObserver.observe(this.navWrapperElement);
+            if (this.navWrapperElement)
+                resizeObserver.observe(this.navWrapperElement);
         };
         this.addEventListenerToTabs = () => {
             this.children = Array.from(this.host.children);
@@ -100,16 +101,22 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
         this.children[this.selectedIndex].setSelected(true);
     }
     scrollRight() {
+        if (!this.navWrapperElement)
+            return;
         const scroll = this.navWrapperElement.scrollLeft;
         this.navWrapperElement.scrollLeft = scroll + this.buttonsWidth;
         this.evaluateScrollButtons();
     }
     scrollLeft() {
+        if (!this.navWrapperElement)
+            return;
         const scroll = this.navWrapperElement.scrollLeft;
         this.navWrapperElement.scrollLeft = scroll - this.buttonsWidth;
         this.evaluateScrollButtons();
     }
     evaluateScrollButtons() {
+        if (!this.navWrapperElement)
+            return;
         const scroll = this.navWrapperElement.scrollLeft;
         this.showRightScroll = scroll <= this.scrollWidth;
         this.showLeftScroll = scroll > 0;
@@ -175,15 +182,15 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: 'cdf0eff9acca827e372a58f5721ff9279b0360f4', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: 'a8fafbc680fbdb0450db591e7f3ffda864946684', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '3e4eb6108e33a2adb56334746c7ba9d264c493fe', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: 'adbc2c78468d0edb2a3cdca6f5218dfb7eead4cf', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '402e0ca33fa71dced98cf8d86e26e3dba312fa7d', "aria-label": this.tdsScrollLeftAriaLabel, class: {
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '682437d69fbcfece6fbb7fb5add8f02b0f9e42ea', "aria-label": this.tdsScrollLeftAriaLabel, class: {
                 'scroll-left-button': true,
                 'show': this.showLeftScroll,
-            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '2849a2da7c6ef133d173756778400baa2a51d58d', name: "chevron_left", size: "20px" })), h("slot", { key: '64081b7518abde00c8f1d80ff414849bccd1cb0b', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '916ba6b9107982f8b8763920bdf4e2bd99127943', "aria-label": this.tdsScrollRightAriaLabel, class: {
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'f1635b2bea58e6a19942fc2477db1eee441585c8', name: "chevron_left", size: "20px" })), h("slot", { key: '7bf40f08d61ee18cf3db5e8862a4e748efef3108', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '74be9b7aa445732e570dddac73df434ce3815a44', "aria-label": this.tdsScrollRightAriaLabel, class: {
                 'scroll-right-button': true,
                 'show': this.showRightScroll,
-            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '26f84d67bc4b1eb04668464a74b655db1953d999', name: "chevron_right", size: "20px" })))));
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '953912a65fa7e4f67633c8ea0e30e8883f5af641', name: "chevron_right", size: "20px" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/tds-popover-canvas.js

@@ -1,4 +1,4 @@
-import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-63552d0e.js';
+import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-415fafb3.js';
 
 const TdsPopoverCanvas = TdsPopoverCanvas$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-popover-core.js

@@ -1,4 +1,4 @@
-import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-3308d5fa.js';
+import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-6fd2b339.js';
 
 const TdsPopoverCore = TdsPopoverCore$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-popover-menu.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAttributes } from './p-3fe9cbbf.js';
-import { d as defineCustomElement$2 } from './p-3308d5fa.js';
+import { d as defineCustomElement$2 } from './p-6fd2b339.js';
 
 const popoverMenuCss = ".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";
 const TdsPopoverMenuStyle0 = popoverMenuCss;
@@ -9,7 +9,7 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
     constructor() {
         super();
         this.__registerHost();
-        this.inheritedAttributes = [];
+        this.inheritedAttributes = {};
         this.selector = undefined;
         this.referenceEl = undefined;
         this.show = null;
@@ -32,15 +32,15 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
     }
     render() {
         var _a;
-        return (h(Host, { key: 'ad39066c2a2f7d4e4696143095fa8a0032d7c148', class: {
+        return (h(Host, { key: 'cc1c55cdc6112cca33087fd541b2bb60489d1368', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", { key: 'f261b18f6e1e26df1baf39628911cb885277b431', class: {
+            } }, h("tds-popover-core", { key: 'fb4da1823553dddf0e1a45a5626dfac3589ade1a', class: {
                 'tds-popover-menu': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
                 'fluid-width': this.fluidWidth,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'f1549f6d338ed8e9a511577a85735b834a89df27', role: "menu" }, h("slot", { key: 'def698636f21c11133ad0289b21b76db0f208116' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: '5b0a938b6e36afee22effcc2e19bae366fc7ef67', role: "menu" }, h("slot", { key: 'bf2631a96e721287936797c9865ea56d134cfabc' })))));
     }
     get host() { return this; }
     static get style() { return TdsPopoverMenuStyle0; }

package/dist/components/tds-radio-button.js

@@ -31,7 +31,10 @@ const TdsRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsRadioButton e
         }
     }
     render() {
-        return (h("div", { key: '48a31826daeef320097430deec2f57188ad3cd80', class: "tds-radio-button" }, h("input", { key: '6bc9711fae2e1ea4b8bc18cd441a364eb0bc4d9c', ref: (inputEl) => (this.inputElement = inputEl), "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), h("label", { key: 'b2dbeea2ca194adea717086ba0d69d023860324d', htmlFor: this.radioId }, h("slot", { key: '422fab6ae9d579cf46d4110a61782a501dfb6a2a', name: "label" }))));
+        return (h("div", { key: '48a31826daeef320097430deec2f57188ad3cd80', class: "tds-radio-button" }, h("input", { key: '591550d8bf69ddc6f51f81c012b92f61d850ba6e', ref: (inputEl) => {
+                if (inputEl)
+                    this.inputElement = inputEl;
+            }, "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), h("label", { key: '203bfad85ba5a8387fdfcb8d65fbeb0d8a0dd9ad', htmlFor: this.radioId }, h("slot", { key: 'a2b470cab8cfcab9c9120ac17af63c1261f2b926', name: "label" }))));
     }
     get host() { return this; }
     static get style() { return TdsRadioButtonStyle0; }

package/dist/components/tds-side-menu-close-button.js

@@ -1,6 +1,6 @@
 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$2 } from './p-f7d94947.js';
+import { d as defineCustomElement$2 } from './p-edc838a0.js';
 
 const sideMenuCloseButtonCss = ":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";
 const TdsSideMenuCloseButtonStyle0 = sideMenuCloseButtonCss;

package/dist/components/tds-side-menu-collapse-button.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-1dafdc8c.js';
+import { d as defineCustomElement$2 } from './p-e0ccf8e6.js';
 
 const sideMenuCollapseButtonCss = ":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}";
 const TdsSideMenuCollapseButtonStyle0 = sideMenuCollapseButtonCss;
@@ -31,16 +31,17 @@ const TdsSideMenuCollapseButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsSi
         this.collapsed = event.detail.collapsed;
     }
     connectedCallback() {
+        var _a;
         this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = this.sideMenuEl.collapsed;
+        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (h(Host, { key: 'e8b3276624a214cfa8d8c8a7bbb6757d1a6fe1c3' }, h("div", { key: '1c17452256ad8ca0f901178bdf2120076508ee84', class: {
+        return (h(Host, { key: '551e4feada40e0877a83f9f117d12f064e7134f7' }, h("div", { key: '2ed47deec275d0f61525f1b441f2d6cca94e9961', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '064ec6d7ea6ed2b13223cba39268f484146fee0a', class: { button: true } }, h("button", { key: 'd391bfe9a1e31e85f168b7261b92941b3e64693e', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
+            } }, h("tds-side-menu-item", { key: 'b3bb7346da645c12940a5465c4dc18c148fd1c85', class: { button: true } }, h("button", { key: 'b659aa47f9096384b90852495643b46e76a9bcb8', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, h("svg", { key: '23a6362a7d6ab754d08ac439314fc94e37ec3a88', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '17a188de96b29b501b76294d8dac4f852edc22a3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: 'a1a2408ee34830a190408c808935e33eed8bce5b' }))))));
+            } }, h("svg", { key: 'c4e533d201f1fca3c833efbbfad632e825d1c7e2', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '7317991b2bcfb52f9ab3695f80993fbc1e95093c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: 'c347df9c72a4f83de4b9d2ae84a4c659867209d5' }))))));
     }
     get host() { return this; }
     static get style() { return TdsSideMenuCollapseButtonStyle0; }

package/dist/components/tds-side-menu-dropdown-list-item.js

@@ -19,16 +19,20 @@ const TdsSideMenuDropdownListItem$1 = /*@__PURE__*/ proxyCustomElement(class Tds
     connectedCallback() {
         var _a;
         this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
+        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     componentDidLoad() {
-        var _a;
+        var _a, _b;
         const dropdownEl = this.host.closest('tds-side-menu-dropdown');
-        const hasUserMenu = dropdownEl === null || dropdownEl === void 0 ? void 0 : dropdownEl.querySelector('tds-side-menu-user');
-        const dropdownBtnIconSlotEl = dropdownEl.shadowRoot.querySelector('slot[name="icon"]');
-        const btnIconSlottedEls = dropdownBtnIconSlotEl.assignedElements();
-        const hasBtnIcon = (btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls.length) > 0;
-        const btnIconIsUserImage = ((_a = btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === 'tds-side-menu-user-image';
+        let hasUserMenu = null;
+        let dropdownBtnIconSlotEl = null;
+        if (dropdownEl) {
+            hasUserMenu = dropdownEl.querySelector('tds-side-menu-user');
+            dropdownBtnIconSlotEl = (_a = dropdownEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="icon"]');
+        }
+        const btnIconSlottedEls = dropdownBtnIconSlotEl === null || dropdownBtnIconSlotEl === void 0 ? void 0 : dropdownBtnIconSlotEl.assignedElements();
+        const hasBtnIcon = btnIconSlottedEls ? (btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls.length) > 0 : false;
+        const btnIconIsUserImage = ((_b = btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls[0]) === null || _b === void 0 ? void 0 : _b.tagName.toLowerCase()) === 'tds-side-menu-user-image';
         if (hasBtnIcon && !btnIconIsUserImage) {
             this.dropdownHasIcon = true;
         }
@@ -37,13 +41,13 @@ const TdsSideMenuDropdownListItem$1 = /*@__PURE__*/ proxyCustomElement(class Tds
         }
     }
     render() {
-        return (h(Host, { key: '7d711b603579ec67a9f0312071519e31f4a15709', role: "listitem" }, h("div", { key: 'db890287036e3e85f10f7c76454e8ca91ada6f7c', class: {
+        return (h(Host, { key: 'c47d9154b70987212a197a4e1cee3e031c3a5934', role: "listitem" }, h("div", { key: 'd35ce4e0371380a76e59ee983ce32c33a3aa8167', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-dropdown-has-user': this.dropdownHasUser,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '944534e13549524e2e40fd8ad8e0b1d61e1bdbcf' }))));
+            } }, h("slot", { key: '915f92493f1a085f66501d0fbe361818e7dbc63f' }))));
     }
     get host() { return this; }
     static get style() { return TdsSideMenuDropdownListItemStyle0; }

package/dist/components/tds-side-menu-dropdown-list.js

@@ -16,12 +16,12 @@ const TdsSideMenuDropdownList$1 = /*@__PURE__*/ proxyCustomElement(class TdsSide
     connectedCallback() {
         var _a;
         this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
+        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (h(Host, { key: '38e9f561720b3a68528ae69878138ea8e9085e3c', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '9f2e5ea13fe7f4483ae07d5a58208b27a64bbd1b', class: {
+        return (h(Host, { key: 'decb6d57d600ca24140d9cc4d47bdf44f3c34fe4', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '4b41cce5b765b236fba4f965c32652f9594c9c51', class: {
                 'state-collapsed': this.collapsed,
-            } }, h("slot", { key: '10543e9547fc64683e4f96e0ecb72ff82e3ed3ad' }))));
+            } }, h("slot", { key: 'c399388267e8ba6885af0cc0bd8a69bf39c52b7b' }))));
     }
     get host() { return this; }
     static get style() { return TdsSideMenuDropdownListStyle0; }

package/dist/components/tds-side-menu-dropdown.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, F as Fragment, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$3 } from './p-f7d94947.js';
-import { d as defineCustomElement$2 } from './p-1dafdc8c.js';
+import { d as defineCustomElement$3 } from './p-edc838a0.js';
+import { d as defineCustomElement$2 } from './p-e0ccf8e6.js';
 
 const sideMenuDropdownCss = ":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";
 const TdsSideMenuDropdownStyle0 = sideMenuDropdownCss;
@@ -55,18 +55,19 @@ const TdsSideMenuDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenu
         return this.collapsed ? (_a = this.hoverState) === null || _a === void 0 ? void 0 : _a.isHovered : this.open;
     }
     connectedCallback() {
+        var _a;
         this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = this.sideMenuEl.collapsed;
+        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
         this.open = this.defaultOpen;
     }
     render() {
-        return (h(Host, { key: '2c3887fe8ec9334f7f3b3f46b3bce64712957ae3' }, h("div", { key: 'bedb9fc6f22d0c608b77c2d0d2fe7c8c17eadd59', class: {
+        return (h(Host, { key: 'aeebdc5563c944b02881d11b12387dbc85c82344' }, h("div", { key: '2c6c44cb14b10c0859d0215928bfc5e69be7b8b4', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '83cb1486e99c0f699b02be91bf53df1249076902', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, h("tds-side-menu-item", { key: 'ef2ee724b9d9db5e3cce2596abd27a8170e2181e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: 'e21c03415c48022813b3289f8dd80f21486414f0' }, h("slot", { key: '4462d95bf8e7945741cb54d9f363b8d9cac158e0', name: "icon" }), !this.collapsed && (h(Fragment, { key: '1a65252df105ef6ad9bca35f873fe19e71289b80' }, this.buttonLabel, h("slot", { key: 'e35a184bae5c65fde366ed287062becbc6633cac', name: "label" }), h("tds-icon", { key: '7a4328715c67aaf91a3675574f5aadca9ce8ae3d', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: '1e4e674c5e9b8901b5306bee36bf121aa37112e3', class: "menu", tabindex: this.collapsed ? '0' : null }, this.collapsed && (h("h3", { key: '54a5f5f89d595aeae6ac6e41ac553e96466fe4a1', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '20477b6be2c477c48412d0f4bc34f1181bcb00d3', name: "label" }))), h("slot", { key: '9740e5c9cb493e52c104223ec62b47bffc8adc5d' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: 'f1bf8718d877ea78d339c7501cb20432eb64e0aa' }, h("slot", { key: 'dd3cff6f183511fbbf7dba4b31cfb3805bd74f81', name: "icon" }), !this.collapsed && (h(Fragment, { key: '27efe259a8726195e2dfb355ef03e4a88ee72082' }, this.buttonLabel, h("slot", { key: 'd8e952a51054b8f7d143acf1ebfe8326d32a332e', name: "label" }), h("tds-icon", { key: '7edd1d7a66814451a056b578fa8c7e068dabcdd8', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: '5fb9c3e88e1aefeb38c2f46a18dfc221772b689c', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (h("h3", { key: '56397951c8c3486719f291a0e283703397ae243d', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '7fc3a35c7506345dc72a64989acf98e1483c126f', name: "label" }))), h("slot", { key: '4e95b1c1fa64906d937788e0c27c64c4e06b7b73' })))));
     }
     get host() { return this; }
     static get style() { return TdsSideMenuDropdownStyle0; }

package/dist/components/tds-side-menu-item.js

@@ -1,4 +1,4 @@
-import { T as TdsSideMenuItem$1, d as defineCustomElement$1 } from './p-1dafdc8c.js';
+import { T as TdsSideMenuItem$1, d as defineCustomElement$1 } from './p-e0ccf8e6.js';
 
 const TdsSideMenuItem = TdsSideMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -42,7 +42,8 @@ const TdsSideMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenu extends
         this.initialCollapsedState = this.collapsed;
     }
     componentDidLoad() {
-        const upperSlot = this.host.shadowRoot.querySelector('slot:not([name])');
+        var _a;
+        const upperSlot = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
         const upperSlotElements = upperSlot.assignedElements();
         const hasUpperSlotElements = (upperSlotElements === null || upperSlotElements === void 0 ? void 0 : upperSlotElements.length) > 0;
         if (!hasUpperSlotElements) {
@@ -86,7 +87,7 @@ const TdsSideMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenu extends
         }
     }
     getFocusableElements() {
-        var _a;
+        var _a, _b, _c;
         const focusableSelectors = [
             'a[href]',
             'button:not([disabled])',
@@ -95,11 +96,13 @@ const TdsSideMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenu extends
             'select:not([disabled])',
             '[tabindex]:not([tabindex="-1"])',
         ].join(',');
-        const focusableInShadowRoot = Array.from(this.host.shadowRoot.querySelectorAll(focusableSelectors));
+        const focusableInShadowRoot = Array.from((_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(focusableSelectors)) !== null && _b !== void 0 ? _b : []);
         const focusableInSlots = Array.from(this.host.querySelectorAll(focusableSelectors));
-        const closeBtn = (_a = this.host
-            .querySelector('[slot="close-button"]')) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('button');
-        let focusableElements = [...focusableInShadowRoot, ...focusableInSlots];
+        const slottedBtn = this.host.querySelector('[slot="close-button"]');
+        let closeBtn;
+        if (slottedBtn)
+            closeBtn = (_c = slottedBtn.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('button');
+        const focusableElements = [...focusableInShadowRoot, ...focusableInSlots];
         if (closeBtn)
             focusableElements.push(closeBtn);
         /** Focusable elements */
@@ -140,16 +143,16 @@ const TdsSideMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenu extends
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (h(Host, { key: '62d159fdff0e4dd3d2a93e0c5542b8e672e3f287', class: {
+        return (h(Host, { key: '9e5d7f1ba74c0d6cbc0718e3ee484e158dd285c4', class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            }, "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '17134ffc1c3ca6658f4ff87c203ca3b6ba991b83', class: {
+            }, "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '2232f6fdde0d7bf4b6225b3007feeb5b86699dda', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, 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" }))))));
+            } }, h("slot", { key: '26fc446848ef685421cb9fed4b9c633d76104c1c', name: "overlay" }), h("aside", { key: 'd91e1e9d72b8adfa9cd4fb432145cc3ca80574bf', class: `menu` }, h("div", { key: '2b7c94d205caec161cf6cf0442f917828fe3d665', role: "navigation" }, h("slot", { key: 'c7e11cd09171a49363a765fac87da5333247943d', name: "close-button" }), h("div", { key: 'd7273516d1b4104c0736ec547cf47aba5f094d99', class: "tds-side-menu-wrapper" }, h("ul", { key: '46cb7afded919e25b9419cfffb85cbfd06c99b6f', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: 'b337af4217469b83d70faf380c3f36d6689c071d' }, h("slot", { key: 'f5fb8d9a9be3d1e121c9ccad7086a56993d739b6' }))), h("ul", { key: '159157ffa0881b8731c3b62644007dcefd72670f', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: '3e9fbf4ba3823ee12c9d5b9bfbc4c6b45a7599de' }, h("slot", { key: '385756d7a9f855921cfa835e26ab02bc7cc01833', name: "end" })))), h("slot", { key: '53c64695d4e490bf180fe8e1dd52ab6b5e0f0447', name: "sticky-end" }))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/tds-slider.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
 import { g as generateUniqueId } from './p-11648030.js';
-import { d as defineCustomElement$5 } from './p-f7d94947.js';
-import { d as defineCustomElement$4 } from './p-3308d5fa.js';
-import { d as defineCustomElement$3 } from './p-3a7e4d0d.js';
-import { d as defineCustomElement$2 } from './p-04a014cf.js';
+import { d as defineCustomElement$5 } from './p-edc838a0.js';
+import { d as defineCustomElement$4 } from './p-6fd2b339.js';
+import { d as defineCustomElement$3 } from './p-a64cbc40.js';
+import { d as defineCustomElement$2 } from './p-ad376f70.js';
 
 const sliderCss = "tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:\" \";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:\"\";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}";
 const TdsSliderStyle0 = sliderCss;
@@ -29,8 +29,8 @@ const TdsSlider$1 = /*@__PURE__*/ proxyCustomElement(class TdsSlider extends H {
         this.supposedValueSlot = -1;
         this.resizeObserverAdded = false;
         this.resetEventListenerAdded = false;
+        this.formElement = null;
         this.ariaLiveElement = null;
-        this.announcementDebounceTimeout = null;
         this.resetToInitialValue = () => {
             this.forceValueUpdate(this.initialValue);
             this.reset();
@@ -93,21 +93,22 @@ const TdsSlider$1 = /*@__PURE__*/ proxyCustomElement(class TdsSlider extends H {
         }
     }
     handleRelease(event) {
+        var _a, _b, _c;
         if (!this.thumbGrabbed) {
             const clickedOnTrack = event.target === this.trackElement || event.target === this.trackFillElement;
             if (clickedOnTrack) {
                 this.thumbCore(event);
-                this.trackElement.focus();
+                (_a = this.trackElement) === null || _a === void 0 ? void 0 : _a.focus();
             }
             return;
         }
         this.thumbGrabbed = false;
-        this.thumbInnerElement.classList.remove('pressed');
+        (_b = this.thumbInnerElement) === null || _b === void 0 ? void 0 : _b.classList.remove('pressed');
         if (this.thumbElement) {
             this.thumbElement.setAttribute('aria-grabbed', 'false');
         }
         this.updateValue(event);
-        this.trackElement.focus();
+        (_c = this.trackElement) === null || _c === void 0 ? void 0 : _c.focus();
     }
     handleMove(event) {
         if (!this.thumbGrabbed) {
@@ -151,8 +152,11 @@ const TdsSlider$1 = /*@__PURE__*/ proxyCustomElement(class TdsSlider extends H {
         return snappedLocalLeft;
     }
     thumbCore(event) {
+        var _a;
         const numTicks = parseInt(this.ticks);
-        const trackRect = this.trackElement.getBoundingClientRect();
+        const trackRect = (_a = this.trackElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (!trackRect)
+            return;
         let localLeft = 0;
         if (event.type === 'mousemove' || event.type === 'mouseup') {
             localLeft = event.clientX - trackRect.left;
@@ -167,7 +171,9 @@ const TdsSlider$1 = /*@__PURE__*/ proxyCustomElement(class TdsSlider extends H {
             localLeft = this.updateSupposedValueSlot(localLeft);
         }
         this.thumbLeft = this.constrainThumb(localLeft);
-        this.thumbElement.style.left = `${this.thumbLeft}px`;
+        if (this.thumbElement) {
+            this.thumbElement.style.left = `${this.thumbLeft}px`;
+        }
         this.updateValue(event);
     }
     updateTrack() {
@@ -183,6 +189,8 @@ const TdsSlider$1 = /*@__PURE__*/ proxyCustomElement(class TdsSlider extends H {
         // Debounce announcements to prevent too many rapid announcements
         clearTimeout(this.announcementDebounceTimeout);
         this.announcementDebounceTimeout = setTimeout(() => {
+            if (!this.ariaLiveElement)
+                return;
             this.ariaLiveElement.textContent = `${this.label ? this.label + ' ' : ''}${this.value} of ${this.max}`;
         }, 50);
     }
@@ -306,11 +314,12 @@ const TdsSlider$1 = /*@__PURE__*/ proxyCustomElement(class TdsSlider extends H {
         }
     }
     grabThumb() {
+        var _a;
         if (this.readOnly) {
             return;
         }
         this.thumbGrabbed = true;
-        this.thumbInnerElement.classList.add('pressed');
+        (_a = this.thumbInnerElement) === null || _a === void 0 ? void 0 : _a.classList.add('pressed');
         if (this.thumbElement) {
             this.thumbElement.setAttribute('aria-grabbed', 'true');
         }
@@ -403,7 +412,8 @@ const TdsSlider$1 = /*@__PURE__*/ proxyCustomElement(class TdsSlider extends H {
                 this.calculateThumbLeftFromValue(this.value);
                 this.updateTrack();
             });
-            resizeObserver.observe(this.wrapperElement);
+            if (this.wrapperElement)
+                resizeObserver.observe(this.wrapperElement);
         }
         this.calculateThumbLeftFromValue(this.value);
         this.updateTrack();
@@ -440,30 +450,30 @@ const TdsSlider$1 = /*@__PURE__*/ proxyCustomElement(class TdsSlider extends H {
     }
     render() {
         const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
-        return (h("div", { key: '3a496ff494a47cb2e7f777145731b2b0a99619e5', class: {
+        return (h("div", { key: '24887d4b2784913aed5eca30aad868b29bc3dc71', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, h("input", { key: 'b1afaaf8c2c20278e5897d3973bc2267bd277f85', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), h("div", { key: '38d7dc7f03e4ce5398f47382ac44b159d03cc9a9', class: "sr-only", "aria-live": "assertive", ref: (el) => {
+            } }, h("input", { key: 'a30068ce649a2a4154df73f076b0d889898e2220', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), h("div", { key: '38a8a4993efb95dc74a6b998a4a6dce68a57193d', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), h("div", { key: '564131065550bb6ef78b813791696af866275b60', class: {
+            } }), h("div", { key: 'dbdcd7a7524249488066f6cbc7ccda1edc125348', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: 'cc0dd61feaeb64fa866ceee68f03e59844572327', id: `${this.sliderId}-label`, class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { key: 'd95cfd517b1d810ba60f47d8f79f27fbcb11cb84', class: "tds-slider__input-values" }, h("div", { key: '253ecd4768fe8ac57e8fb342ed1e363abc9da5cb', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '84a35f8c63bf5b723d4244ec8f7ea1dd7cbffc20', class: "tds-slider__controls" }, h("div", { key: '754a34b2b234d7e2354c00f34b86db02d4f114a0', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, h("tds-icon", { key: '70e6604021a651eadcbaf7767b03f2e62034abe5', name: "minus", size: "16px" })))), h("div", { key: '53550f817e1a032e0e91200752e7d1eeb23ded34', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: 'f59130b6cdb011c01eb81d5e18cf7e952b96c68e', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: '66f66ceae09f21462e3f28c49844b10e0182ec49', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '00f9d38e9aba338091af66ced5f559378354cffd', class: "tds-slider__track", ref: (el) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: '703fef163564db3dab89f7ef62c8ec8ae849091a', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (h("div", { key: '61e0a370c74b04c29b7c3d8f227727df2d72e2e1', class: "tds-slider__input-values" }, h("div", { key: '080c7a8d5fe68231a33946284eaf0b42509ae2aa', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: 'c281e3c27afb09bbde92bb45b95494bda73a2d1e', class: "tds-slider__controls" }, h("div", { key: '43388973041f6257683c1e95c28273b36329584b', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, h("tds-icon", { key: 'be17662d98c4e89ac549d7604fb8ef039ec1a4ff', name: "minus", size: "16px" })))), h("div", { key: '2d34951d542b45ff4fce0869bd9877626b414641', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: '991096492d690f53e0d597bd05d4f9f3fa875831', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: 'e2362ac7b9af796e0d4b2961c99d6ef850f873fc', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '303410bc80f3fc1a49c1a1954f287151ba1397df', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
             }, tabindex: this.disabled ? '-1' : '0', role: "presentation", onFocus: () => {
                 if (this.thumbElement) {
                     this.thumbElement.focus();
                 }
-            } }, h("div", { key: '20ea7060588fc4e81be9e2e3d6e5a7c585b6b867', class: "tds-slider__track-fill", ref: (el) => {
+            } }, h("div", { key: '458f4a54a0ffc5eef7ad1933ba1713f378e03bb2', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), h("div", { key: 'd6c6155ee44d443dc58ed1c463e927e8de6808b6', class: "tds-slider__thumb", ref: (el) => {
+            } }), h("div", { key: '09f5c914b3e31f40cbc5114ba11ac8ed6b6c10e3', class: "tds-slider__thumb", ref: (el) => {
                 this.thumbElement = el;
-            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (h("div", { key: '8ddf95ae707a6bf086f6c414fca62098f7974caf', class: "tds-slider__value" }, this.value, h("svg", { key: '9193dc47663210d904271d10a1e3ffbaad3073bf', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6d5c154ec0dd136ee3898e8350fd65c30794571b', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), h("div", { key: '183f49eda3134b87e5b65334265d44fe404a9e1d', class: "tds-slider__thumb-inner", ref: (el) => {
+            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (h("div", { key: '915c5a0873d719e716a9eda6f24df4f289dcc3e3', class: "tds-slider__value" }, this.value, h("svg", { key: 'd1ad51a448a9314c8a9dc87e5b4c969d9699833f', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '84dd5e1bfdddb3f96ce260fde63ec01979e2e8f7', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), h("div", { key: '3c2bd4378b7d2f894bd04af1d0d4f68472d94129', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (h("div", { key: '00e135462f95a4ee21070c25e0b507e4931257ed', class: "tds-slider__input-values" }, h("div", { key: 'ad8029ecff8f448380f291629ee803ee5634bf6e', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: 'cb7460d3946debbc138b2ae88b61ff9a288ca2ae', class: "tds-slider__input-field-wrapper" }, h("tds-text-field", { key: '226a0bbdee3910431c4d72065e2ca9d09abf2fa1', noMinWidth: true, size: "sm", type: "number", value: this.value, min: this.min, max: this.max, readOnly: this.readOnly, disabled: this.disabled, onTdsChange: (e) => console.log(e), tdsAriaLabel: this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onTdsBlur: (event) => this.updateSliderValueFromTextField(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (h("div", { key: '2b85ddaf9e31f702773212326f55e8eb4737e3da', class: "tds-slider__controls" }, h("div", { key: '7376eac80ff3955ddc6c0b27eb99b463bc0d5985', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, h("tds-icon", { key: 'd66d1a1d49da54d1cafca2872b8462b126154684', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (h("div", { key: '8d7b06d47eb9c5b8adef909a63b4017143025477', class: "tds-slider__input-values" }, h("div", { key: '1e5e6cb7d0522ca0e89e67fd0125684b32e2c4f6', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: 'e3a5d242963f2868f2f26674243c36c634422501', class: "tds-slider__input-field-wrapper" }, h("tds-text-field", { key: '840ddc76488d4d1de29be8d3b2032d57894d2b7a', noMinWidth: true, size: "sm", type: "number", value: this.value, min: this.min, max: this.max, readOnly: this.readOnly, disabled: this.disabled, onTdsChange: (e) => console.log(e), tdsAriaLabel: this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onTdsBlur: (event) => this.updateSliderValueFromTextField(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (h("div", { key: 'c71f7b90d4565cccdb41ef56e1dc3485506baad1', class: "tds-slider__controls" }, h("div", { key: 'c968cc1187252f95b5953a7a91437a09d0255d72', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, h("tds-icon", { key: '8e3488bcad15f4f6dd7182b066a905019d87d20d', name: "plus", size: "16px" })))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/tds-step.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-f7d94947.js';
+import { d as defineCustomElement$2 } from './p-edc838a0.js';
 
 const stepCss = ":host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 24px);right:0;top:18px}:host [role=listitem].lg.horizontal::before{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 24px);left:0;top:18px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;width:10px;left:auto;right:-10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;width:10px;left:-10px;right:auto}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 24px);top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;width:10px;left:auto;right:-10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;width:10px;left:-10px;right:auto}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-background);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal{padding-right:0}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].horizontal{padding-left:0}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}";
 const TdsStepStyle0 = stepCss;
@@ -26,6 +26,8 @@ const TdsStep$1 = /*@__PURE__*/ proxyCustomElement(class TdsStep extends H {
     /* Needs to be onload to do this on any updates. */
     componentWillLoad() {
         this.stepperEl = this.el.closest('tds-stepper');
+        if (!this.stepperEl)
+            return;
         this.orientation = this.stepperEl.orientation;
         this.labelPosition = this.stepperEl.labelPosition;
         this.size = this.stepperEl.size;
@@ -45,7 +47,7 @@ const TdsStep$1 = /*@__PURE__*/ proxyCustomElement(class TdsStep extends H {
         }
     }
     render() {
-        return (h(Host, { key: '871df74d99ed0bdf15fa82e0c2980b08b94735a8' }, h("div", { key: 'e108eb5e43390635fbd6020195cb7e6a4912c7c2', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("span", { key: '8940a00dcd0001d6d264aff8cbc9331d4d890d49', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: 'daa62f4d9347c571d214b1b9eb68b7d56418aed2', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: '68a20d3daded858cf1188f43747edb77ed2c9cbf', name: "label" }))))));
+        return (h(Host, { key: '4da9583f2f8f406775789bb2ba2fb4a048bd2bb2' }, h("div", { key: '68552288702a78338767482726cc50c294c813c4', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("span", { key: '12da4b94879916c29a142ae2b1c9158132369242', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: 'b67fe88775ae01d9878bfea0ed65a5e89bcd096c', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: '63476ee55ea1577a09b3885dd287ef117c00fc3c', name: "label" }))))));
     }
     get el() { return this; }
     static get style() { return TdsStepStyle0; }

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-f7d94947.js';
+import { d as defineCustomElement$2 } from './p-edc838a0.js';
 
 const tableBodyInputWrapperCss = ":host{position:relative}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.show-icon) ::slotted(input){padding-right:var(--tds-spacing-element-24)}:host(:hover) tds-icon{display:inline-block}:host(:hover) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}tds-icon.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);color:var(--tds-table-color);background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--tds-table-color)}::slotted(input:disabled){background-color:var(--tds-table-input-background-disabled)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}";
 const TdsTableBodyInputWrapperStyle0 = tableBodyInputWrapperCss;
@@ -89,7 +89,7 @@ const TdsTableBodyInputWrapper$1 = /*@__PURE__*/ proxyCustomElement(class TdsTab
         }
     }
     render() {
-        return (h(Host, { key: '1ebf0bf16490030ce20a99e1234e68d81430eaf8', class: {
+        return (h(Host, { key: '332c2ebf290f802f6b8067a1b7b0754cbca2b9aa', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,