@scania/tegel 1.13.0 → 1.13.2

package/dist/collection/components/toast/toast.js

@@ -58,12 +58,12 @@ export class TdsToast {
         const usesHeaderSlot = hasSlot('header', this.host);
         const usesSubheaderSlot = hasSlot('subheader', this.host);
         const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: 'c6d8408449213af94bdcb52dc5d8433770baea50', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
+        return (h(Host, { key: 'f0ddc729628a45f868868f2b265f31d7df9a0411', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
                 hide: this.hidden,
                 show: !this.hidden,
-            } }, h("div", { key: '0afa424fe1601689702a252043d5f779c7514a42', class: `
+            } }, h("div", { key: '73e3f624e617544d84ec2c7306ace9fb990070b9', class: `
             wrapper
-            ${this.variant}` }, h("tds-icon", { key: '901b872f4a8f7cbb9c322f3ef61c163ec8abe5f7', name: this.getIconName(), size: "20px" }), h("div", { key: 'bff3f23b0635157ad275dcaad97215e86e45f44b', class: `content` }, h("div", { key: 'c806be8599140274994ec5fb7a9456f557563cec', class: "header-subheader" }, this.header && h("div", { key: '03f02a55b39fbc5ee137ad4204ffd7f0f89379e0', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '63058b8052c4a5fe943a3dc66dcfba9374cca63c', name: "header" }), this.subheader && h("div", { key: '706453138001deee57287c380b7930ba17604645', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '0faac5d6021b3d36c6b2902494a57635d73cd837', name: "subheader" })), usesActionsSlot && (h("div", { key: '35c67082ad0016816916e87aca2027d90bd23c63', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '88aa252c50e61103c1762a34b259bd9750a8b565', name: "actions" })))), this.closable && (h("button", { key: '33b1822b7e591f1c89bc8bbad56fd3fccd554934', onClick: this.handleClose, class: "close" }, h("tds-icon", { key: 'e414151a1b74f6c03efb264a9f5129c97e7083ff', name: "cross", size: "20px" }))))));
+            ${this.variant}` }, h("tds-icon", { key: 'bbeab9085851de6cc3d870421d8ea18c7e15471a', name: this.getIconName(), size: "20px" }), h("div", { key: '45b568761c09added6f0c3815d518fb541ba077a', class: `content` }, h("div", { key: '65aaac22e0b6439b3975e465493bc59e01ac7131', class: "header-subheader" }, this.header && h("div", { key: 'cd856ec5c2c118c52d942010f40cd90499f735b7', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '96157619f2e4fc59cd197bffb948cd4844d997b1', name: "header" }), this.subheader && h("div", { key: '3ba6782ba25b311d1c57b76791c0055db3f92ec2', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'e820491ceaa28771acd2b7661c5ddf7d9574a492', name: "subheader" })), usesActionsSlot && (h("div", { key: '72b25af2d7efbbb54b4f349c038c7efb684086f6', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '8c534d3b51d9f8c30148c0f601613d3395b8930e', name: "actions" })))), this.closable && (h("button", { key: 'a81bc7b2836bbec456260e80a1eb6e9d345ccdcf', onClick: this.handleClose, class: "close" }, h("tds-icon", { key: '7988501b679a147d62f6879db443bbfc64211871', name: "cross", size: "20px" }))))));
     }
     static get is() { return "tds-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggle/toggle.js

@@ -29,7 +29,7 @@ export class TdsToggle {
         };
     }
     render() {
-        return (h("div", { key: '0d243a59400988863389f3a66c847bd0fb848844', class: "tds-toggle" }, this.headline && (h("div", { key: 'a8eb6d04f1dcf6ba4a646b2fef55b991d71cd0c1', class: `toggle-headline ${this.disabled ? 'disabled' : ''}` }, this.headline)), h("input", { key: '1e736480e3449364a3de9911d991271c12770471', "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), h("label", { key: 'e71e01203291273241e8c2331fc0921c37f3ca76', class: `${this.disabled ? 'disabled' : ''}`, htmlFor: this.toggleId }, h("slot", { key: '236d8bbf052973f056c09f033d57fbe3c8f4b2e8', name: "label" }))));
+        return (h("div", { key: '125bc9f156074abd27fcf74c67f2af2e26998741', class: "tds-toggle" }, this.headline && (h("div", { key: 'a72a46de4f01ebb31961f3c348329aed34b71294', class: `toggle-headline ${this.disabled ? 'disabled' : ''}` }, this.headline)), h("input", { key: '3ca94acbcd90d291e1b77ad8680ccd058b242023', "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), h("label", { key: '77cccf34c1737b5a55f6903f20a68bd7f109b2ed', class: `${this.disabled ? 'disabled' : ''}`, htmlFor: this.toggleId }, h("slot", { key: 'ad408d7719105369ca6e1b7465564c1126785f18', name: "label" }))));
     }
     static get is() { return "tds-toggle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tooltip/tooltip.js

@@ -51,7 +51,7 @@ export class TdsTooltip {
     }
     render() {
         var _a;
-        return (h(Host, { key: '2e3b4815fdae077fa27e37cbec9efb357667e031' }, h("tds-popover-core", Object.assign({ key: '807cdcd91ef5f67082ddd3a7a0d5cc5cac20882e' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '93961300d93daf9eb0fa1f15e59c6bdfbea5f77b' }, h("tds-popover-core", Object.assign({ key: '1d2c6b17012d5040632df84b221eac247e890696' }, this.inheritedAttributes, { class: {
                 'tds-tooltip': true,
                 [`tds-tooltip-${this.border}`]: true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
@@ -60,7 +60,7 @@ export class TdsTooltip {
                 this.show = true;
             }, onInternalTdsClose: () => {
                 this.show = false;
-            } }), this.text, h("slot", { key: 'cf99ac4955c0f29722f5fd7ed1f6f22f22c22d20' }))));
+            } }), this.text, h("slot", { key: 'd5a4357f2875a0f5f9b958b26adb8cc6f794e900' }))));
     }
     static get is() { return "tds-tooltip"; }
     static get encapsulation() { return "scoped"; }

package/dist/components/{p-82e02472.js → p-a9609e88.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$1 } from './p-f0240c00.js';
+import { d as defineCustomElement$1 } from './p-dc461e7b.js';
 
 const popoverCanvasCss = ".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);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-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";
 const TdsPopoverCanvasStyle0 = popoverCanvasCss;
@@ -17,16 +17,24 @@ const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas
         this.offsetSkidding = 0;
         this.offsetDistance = 8;
         this.modifiers = [];
+        this.childRef = undefined;
+    }
+    /** Property for closing popover programmatically */
+    async close() {
+        var _a;
+        (_a = this.childRef) === null || _a === void 0 ? void 0 : _a.close();
     }
     componentWillLoad() {
         this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
     }
     render() {
         var _a;
-        return (h(Host, { key: '5153aa04024220ad4288ed437138b93d74f80a6a' }, h("tds-popover-core", Object.assign({ key: '235ec48c061014a672e94b747f27027447bdf12e' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '6585164269ddef7083e5aed2bcfa4ea5ab7d32ba' }, h("tds-popover-core", Object.assign({ key: '9470ac2faa94611ece2c9394717a7bb9d63eb5b1' }, this.inheritedAttributes, { class: {
                 'tds-popover-canvas': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
-            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click' }), h("div", { key: 'e9f2e8770c67fec0702cfbb4f251a40d11068c20' }, h("slot", { key: '317abb807c6450672dd33a28f4b9e1b7ded381a6' })))));
+            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
+                this.childRef = el;
+            } }), h("div", { key: '330a63a0ef5c9f057d877dae9977b8bc25987771' }, h("slot", { key: '38787385e51260e4a140f83d5eb22f03deb6e30e' })))));
     }
     get host() { return this; }
     static get style() { return TdsPopoverCanvasStyle0; }
@@ -37,7 +45,9 @@ const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas
         "placement": [1],
         "offsetSkidding": [2, "offset-skidding"],
         "offsetDistance": [2, "offset-distance"],
-        "modifiers": [16]
+        "modifiers": [16],
+        "childRef": [32],
+        "close": [64]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/{p-f0240c00.js → p-dc461e7b.js}

@@ -1839,6 +1839,10 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
         this.target = undefined;
         this.isShown = false;
     }
+    /** Property for closing popover programmatically */
+    async close() {
+        this.setIsShown(false);
+    }
     onAnyClick(event) {
         if (this.trigger === 'click' && this.isShown && this.show === null) {
             // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
@@ -1950,7 +1954,7 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
         if (this.autoHide) {
             hostStyle = { display: this.isShown ? 'block' : 'none' };
         }
-        return (h(Host, { key: 'd6d0d9c0d7268b3cf65f839f6908e881898cb303', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '8e61239ce95b4c2d4743c72659314a953601c3be' })));
+        return (h(Host, { key: '7829c25ef7722b84b829c59135df59cafd745338', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '0cf6fceefad0557bce25ac728d36ff177794ef96' })));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -1971,7 +1975,8 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
         "renderedShowValue": [32],
         "popperInstance": [32],
         "target": [32],
-        "isShown": [32]
+        "isShown": [32],
+        "close": [64]
     }, [[8, "click", "onAnyClick"], [8, "internalTdsShow", "onTdsShow"]], {
         "show": ["onShowChange"],
         "referenceEl": ["onReferenceElChanged"],

package/dist/components/tds-folder-tab.js

@@ -21,8 +21,8 @@ const TdsFolderTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsFolderTab exten
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: '101be5c67007e8f1f6e35527ac929a774ae58495', role: "listitem" }, h("div", { key: 'e1d6ebec7a43f096fd635dabd02639a37c4dfc30', class: `${this.disabled ? 'disabled' : ''}
-                  ${this.selected ? 'selected' : ''}`, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '4e4b490dea87f381ed8ff0695d4128b9e62c0b27' }))));
+        return (h(Host, { key: '3c4a3fe10ff0011f1f9619232c2216cbfcbfb148', role: "listitem" }, h("div", { key: '61fb49491d4f0c2098277b33f13c41ca34782563', class: `${this.disabled ? 'disabled' : ''}
+                  ${this.selected ? 'selected' : ''}`, style: { width: `${this.tabWidth}px` } }, h("slot", { key: 'f57d05129e3185aa36887a84ff980b8a44ec20a4' }))));
     }
     static get style() { return TdsFolderTabStyle0; }
 }, [1, "tds-folder-tab", {

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

@@ -166,9 +166,9 @@ const TdsFolderTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsFolderTabs ext
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: '8c90acd4a7f46a37ffabb568f4c37e183140e953', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '9184c054af4bc54f68e896f7b17e86cd3454cd6e', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '748bacbb3d58d37735385a8c926dacb637d8eff1', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '4c4f764a6a8c8a095bd1d030ef85a34014d8d284', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: 'd7f0043b76715faa3144d775d08139d2da02212f', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'c88e7ad84aacef16bf34811f132ffc0d8657fa23', name: "chevron_left", size: "20px" })), h("slot", { key: 'b8dd6342cb887b85304b238346818ed40b9bec10', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'c2c34ad8d08ef45e6bb3e7b5c39735f3674957d8', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '1ddb3be79edec73d684b3f74d1b3d8292ba08514', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: 'ca859bdc9b9d10a7bcfaae194bbee508f308c1a2', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '70aaa7044418b79234b9f3bd7eef2c1e0bf96e61', name: "chevron_left", size: "20px" })), h("slot", { key: 'ca1990c7333322885aa37b164cc7d74708b22116', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '6321d42b6a42a9bf63ae844b94541f56806195fd', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '40a0e7a3297bdf6d4abbe5fc62114020fdb7aee3', name: "chevron_right", size: "20px" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/tds-header-cell.js

@@ -114,7 +114,7 @@ const TdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TdsTableHeader
             this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
     }
     render() {
-        return (h(Host, { key: 'bf923a391d612d2167d45c6b4a38f483b03893c0', class: {
+        return (h(Host, { key: '6a051465b3a5af5460f7c5ac112798b521f9b4a8', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,

package/dist/components/tds-header-dropdown.js

@@ -3,8 +3,8 @@ import { g as generateUniqueId } from './p-11648030.js';
 import { d as defineCustomElement$6 } from './p-30de8ac4.js';
 import { d as defineCustomElement$5 } from './p-0676aa23.js';
 import { d as defineCustomElement$4 } from './p-3e74be57.js';
-import { d as defineCustomElement$3 } from './p-82e02472.js';
-import { d as defineCustomElement$2 } from './p-f0240c00.js';
+import { d as defineCustomElement$3 } from './p-a9609e88.js';
+import { d as defineCustomElement$2 } from './p-dc461e7b.js';
 
 const headerDropdownCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotatetds-z-index(180deg)}:host .state-open .button{position:relative;z-index:901}";
 const TdsHeaderDropdownStyle0 = headerDropdownCss;

package/dist/components/tds-header-launcher.js

@@ -5,8 +5,8 @@ import { d as defineCustomElement$7 } from './p-30de8ac4.js';
 import { d as defineCustomElement$6 } from './p-0676aa23.js';
 import { d as defineCustomElement$5 } from './p-8e74bb22.js';
 import { d as defineCustomElement$4 } from './p-3e74be57.js';
-import { d as defineCustomElement$3 } from './p-82e02472.js';
-import { d as defineCustomElement$2 } from './p-f0240c00.js';
+import { d as defineCustomElement$3 } from './p-a9609e88.js';
+import { d as defineCustomElement$2 } from './p-dc461e7b.js';
 
 const headerLauncherCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";
 const TdsHeaderLauncherStyle0 = headerLauncherCss;

package/dist/components/tds-inline-tab.js

@@ -16,8 +16,8 @@ const TdsInlineTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTab exten
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: 'd3603943b36ee39920c10699008d81fa3752918d', role: "listitem" }, h("div", { key: 'a36bc8b02787dc0aac7bc048520c9721762b7acf', class: `inline-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '7c46252d0119b406cce0395a4a3112c781f40330' }))));
+        return (h(Host, { key: '56d12f8a46ac69783e0f6cc060b9f99151fbe846', role: "listitem" }, h("div", { key: '01b43d6447a5122efaf0b8d58254708dad49fa39', class: `inline-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'bf865d7caa72ee0fa2aff284e55dd2a794ffb620' }))));
     }
     static get style() { return TdsInlineTabStyle0; }
 }, [1, "tds-inline-tab", {

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

@@ -166,9 +166,9 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: '555e316c060f61dc63109016fac6905b228e6bee', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '1c44ccc797541d755c9ce0ead94b9a032afa5c09', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'fdf1cc28637a8bd207c84aba91f60d145acd10c9', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '068e21bac127323f56d858abf59c1f905a4ee315', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: 'd09970fd677477d6bd28b97243ed867b5aa72b71', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '035eebcadfeba3ce8ee90034f709e92cfbd87152', name: "chevron_left", size: "20px" })), h("slot", { key: 'effa5144b2fd95de8fffa50146cd1c87dd010776', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '3c889a25b419fc4b5eb0eafef16800bc5ae72f78', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '57bb719894cfc20931c599c810bb0abec0273520', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: '646917420741478a9492cec16c066833d3e3266e', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '939eb79ed238163057dcc8316f6efdec89262ff8', name: "chevron_left", size: "20px" })), h("slot", { key: 'f3306035cce33e3efb3e89ab4650c3781703f9e5', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '6b2023939d94eb9f9822e25fd4facce715fdf227', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '0b2626c78903ce14239891aa667a61ed913097ac', name: "chevron_right", size: "20px" })))));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -16,8 +16,8 @@ const TdsNavigationTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigationT
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: '43185969215e564763f8f0a7b729fd9fad61f711', role: "listitem" }, h("div", { key: '4c7e0bf7cbee825fb685c6cb2f91c416f16b1db3', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '3ca45a310141c7eb3c9c2f725058a5ab14136d63' }))));
+        return (h(Host, { key: 'f8daf87eb0fce9c5229c6223a4188875000b4003', role: "listitem" }, h("div", { key: '692831fb82b1822550b6d715977970b327cb3448', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'afe5caebb5389f4386aa6c6ab57f9a81d2482a61' }))));
     }
     static get style() { return TdsNavigationTabStyle0; }
 }, [1, "tds-navigation-tab", {

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

@@ -164,9 +164,9 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: 'fea2449aaf66f65617b3752cbfc7f26aaa4804a1', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '9281904c74032d5b80b27c0b7d8fc1296403dae9', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'eaf7fd47f5f4132d7920d5deafb659828cab01e9', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '1fe0e2f45e6cf32175a3ef6c556aa63ba3b46b97', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: '5a6ba7233ed7de5cda5dc346c28a4e492be7641c', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '49963f53d5a4eb603750128f3e9d172654c59ef2', name: "chevron_left", size: "20px" })), h("slot", { key: 'a1eac2f21563c0b4995c87693da1cf6bd6fe7a83', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '6c141970ae26167f2f6ce7f0f4205fbab5f61faa', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'c3dece9ef9a120ddce0a16fea959e285b8e308fe', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: 'fa71abb901a1c6ab70dde90d759d9aa537a72ec2', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '0aff4668869fa761e03e8c81ed054561787beb49', name: "chevron_left", size: "20px" })), h("slot", { key: '169f8b9eb18a33fb4fc739863eaf4a730e066c83', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '9c9757d3c818191ce5aec5bbd64699c04dfc07db', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'e38ac8674d9e3e4aeaa67bd888cd411002353634', 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-82e02472.js';
+import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-a9609e88.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-f0240c00.js';
+import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-dc461e7b.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-f0240c00.js';
+import { d as defineCustomElement$2 } from './p-dc461e7b.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;
@@ -17,17 +17,25 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
         this.offsetSkidding = 0;
         this.offsetDistance = 8;
         this.fluidWidth = false;
+        this.childRef = undefined;
+    }
+    /** Property for closing popover programmatically */
+    async close() {
+        var _a;
+        (_a = this.childRef) === null || _a === void 0 ? void 0 : _a.close();
     }
     componentWillLoad() {
         this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
     }
     render() {
         var _a;
-        return (h(Host, { key: '47943a2179fab944d4cc73f169aec2dc8f2a8c53' }, h("tds-popover-core", { key: 'a85fd5e4088454a894bc0ad61be796f07352189f', class: {
+        return (h(Host, { key: '36c12148ce4507dd4b157fff5be30760d2374bdd' }, h("tds-popover-core", { key: '92d5abfd7e7213dcb22c92fa401a21dfeef76edd', 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 }, h("div", { key: 'bd29b75fded2138f37aa48f2c4cb4008817c6fe5', role: "list" }, h("slot", { key: '807d404d14fcac1236995a53df36840170643208' })))));
+            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
+                this.childRef = el;
+            } }, h("div", { key: '6b3a893d1d0a9c32a3846c7216a4fdac92a4222c', role: "list" }, h("slot", { key: 'cae075f5e187b5f59638f6f2a9ff8c38e716bcbb' })))));
     }
     get host() { return this; }
     static get style() { return TdsPopoverMenuStyle0; }
@@ -38,7 +46,9 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
         "placement": [1],
         "offsetSkidding": [2, "offset-skidding"],
         "offsetDistance": [2, "offset-distance"],
-        "fluidWidth": [4, "fluid-width"]
+        "fluidWidth": [4, "fluid-width"],
+        "childRef": [32],
+        "close": [64]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/tds-table-body-input-wrapper.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TdsTableBodyInputWrapper extends Components.TdsTableBodyInputWrapper, HTMLElement {}
+export const TdsTableBodyInputWrapper: {
+    prototype: TdsTableBodyInputWrapper;
+    new (): TdsTableBodyInputWrapper;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,112 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
+import { d as defineCustomElement$2 } from './p-3e74be57.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;
+
+const relevantTableProps = ['compactDesign'];
+const TdsTableBodyInputWrapper$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableBodyInputWrapper extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.showIcon = true;
+        this.renderSlot = true;
+        this.inputFocused = false;
+        this.compactDesign = false;
+        this.tableId = '';
+    }
+    internalTdsPropChangeListener(event) {
+        if (this.tableId === event.detail.tableId) {
+            event.detail.changed
+                .filter((changedProp) => relevantTableProps.includes(changedProp))
+                .forEach((changedProp) => {
+                if (typeof this[changedProp] === 'undefined') {
+                    console.error(`Table prop is not supported: ${changedProp}`); // More informative error
+                    throw new Error(`Table prop is not supported: ${changedProp}`);
+                }
+                this[changedProp] = event.detail[changedProp];
+            });
+        }
+    }
+    connectedCallback() {
+        const tableEl = this.host.closest('tds-table');
+        if (tableEl) {
+            this.tableId = tableEl.getAttribute('table-id');
+        }
+        else {
+            console.error('Failed to find parent tds-table element.');
+        }
+    }
+    componentWillLoad() {
+        const tableEl = this.host.closest('tds-table');
+        if (tableEl) {
+            relevantTableProps.forEach((tablePropName) => {
+                this[tablePropName] = tableEl[tablePropName];
+            });
+        }
+        else {
+            console.error('Failed to find parent tds-table element.');
+        }
+    }
+    handleSlotChange() {
+        this.validateSlot();
+    }
+    validateSlot() {
+        const children = Array.from(this.host.children).filter((element) => element.tagName === 'INPUT');
+        if (children.length !== 1) {
+            console.warn('TABLE-BODY-INPUT-WRAPPER: Wrapper only accepts input as children.');
+            this.renderSlot = false;
+        }
+        else {
+            if (!this.renderSlot)
+                this.renderSlot = true;
+            const input = children[0];
+            input.addEventListener('focus', () => {
+                this.inputFocused = true;
+            });
+            input.addEventListener('blur', () => {
+                this.inputFocused = false;
+            });
+        }
+    }
+    render() {
+        return (h(Host, { key: 'c40a17a264d914934ea4f0e5c4a27b58f06d8055', class: {
+                'focused-input-wrapper': this.inputFocused,
+                'show-icon': this.showIcon,
+                'tds-table__compact': this.compactDesign,
+            } }, this.renderSlot ? h("slot", { onSlotchange: () => this.handleSlotChange() }) : null, this.showIcon ? (h("tds-icon", { class: "edit-icon", slot: "icon", size: "16px", name: "edit" })) : null));
+    }
+    get host() { return this; }
+    static get style() { return TdsTableBodyInputWrapperStyle0; }
+}, [1, "tds-table-body-input-wrapper", {
+        "showIcon": [4, "show-icon"],
+        "renderSlot": [32],
+        "inputFocused": [32],
+        "compactDesign": [32],
+        "tableId": [32]
+    }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["tds-table-body-input-wrapper", "tds-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "tds-table-body-input-wrapper":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TdsTableBodyInputWrapper$1);
+            }
+            break;
+        case "tds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const TdsTableBodyInputWrapper = TdsTableBodyInputWrapper$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { TdsTableBodyInputWrapper, defineCustomElement };

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
 import { g as generateUniqueId } from './p-11648030.js';
 
-const tableBodyRowExpandableCss = ":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell--expand{border-right:1px solid var(--tds-table-divider)}";
+const tableBodyRowExpandableCss = ":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:scroll;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell--expand{border-right:1px solid var(--tds-table-divider)}";
 const TdsTableBodyRowExpandableStyle0 = tableBodyRowExpandableCss;
 
 const relevantTableProps = [
@@ -86,18 +86,18 @@ const TdsTableBodyRowExpandable$1 = /*@__PURE__*/ proxyCustomElement(class TdsTa
         this.sendValue();
     }
     render() {
-        return (h(Host, { key: '542357b920775b6abce4e3b2dbe03dee5303e2ee', class: {
+        return (h(Host, { key: 'cd23997b2d0b659691199b0f6a7be6aa51689ee4', class: {
                 'tds-table__row': true,
                 'tds-table__row-expand--active': this.isExpanded,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, h("tr", { key: 'ef75d8bfb300fa32185bf65059c7c7303e0796fc', class: {
+            } }, h("tr", { key: 'a3fec49a0b97a35f61db7c31dfc023ba3acebd86', class: {
                 'tds-table__row': true,
                 'tds-table__row--expanded': this.isExpanded,
-            }, part: "row" }, h("td", { key: '5a6a5e6aa793447f4d7f667fb3aa44c10d5e9aa5', class: "tds-table__cell tds-table__cell--expand" }, h("label", { key: 'ac9258f6922efb133d9b3f676271fff8309b81f8', class: "tds-table__expand-control-container" }, h("input", { key: '023c0ebba1845e376993ab2761cedc7fb2123d19', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), h("span", { key: 'bbdc01972b2cdc61b59376fd60ae26f377c4274f', class: "tds-expendable-row-icon" }, h("svg", { key: '4cc97d85f6a43814746d4833a684cf3d9aa78dcf', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '7a8cdff1044b0edbc68ff781ee1bf7efb1d4dd02', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: '01393ce1817a0aadb468fce0abac6ca3c0fc5e69' })), h("tr", { key: '34a33b5edcb395a11870f2fb3dd977064328d72c', class: {
+            }, part: "row" }, h("td", { key: 'd995074fc578640544f59df3426762ff6595dd0b', class: "tds-table__cell tds-table__cell--expand" }, h("label", { key: '0f905bda5651a8c9dc30094dbc402e5e618e4030', class: "tds-table__expand-control-container" }, h("input", { key: '9b316a0e3a44cfa21851a1ac2ec0980d53d3aa54', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), h("span", { key: '022d891384b907d3ebce4b2138fef4f5c6f7d44f', class: "tds-expendable-row-icon" }, h("svg", { key: 'fb7ccb4d599e72a9d7a56808f59226779ffe611b', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '1e2c766463813a4b1edc32093abbbf501b99974b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: '7f0e3d93df3da8eeff969daa9aba8eecaa1e6e23' })), h("tr", { key: '89766434b64dd9bf0aecf805fdd494aab68f8af9', class: {
                 'tds-table__row-expand': true,
                 'tds-table__row-expand--expanded': this.isExpanded,
-            }, part: "expand-row" }, h("td", { key: '0b2eceb0c5a81337de2ac40eb324d198023790f4', class: "tds-table__cell-expand", colSpan: this.columnsNumber }, h("slot", { key: 'c38cffba7013bd8f7bafd4e443b9550c09d0cbe3', name: "expand-row" })))));
+            }, part: "expand-row" }, h("td", { key: 'f0c746d12fae92eae3e6bf9651c826fb3aacbefe', class: "tds-table__cell-expand", colSpan: this.columnsNumber }, h("slot", { key: '0a9e454379a7a6a72b3d6ea33a66a4aaaac09e8f', name: "expand-row" })))));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -54,12 +54,12 @@ const TdsTableBodyRow$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableBodyRow
         });
     }
     render() {
-        return (h(Host, { key: '568df05f38e664b80bc4f8a79f5fa6036b0367f9', class: {
+        return (h(Host, { key: '2b99a5336354cb5e7e2e7ef9c81bac76a55c6895', class: {
                 'tds-table__row': true,
                 'tds-table__row--selected': this.selected,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, this.multiselect && (h("td", { key: '936bbaf30630ac9b16cc35234bc10bb38acd5f6b', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '44f6fdd316079ed175bbc609f65d447a52d11b9a', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '1b71459782d2a14682f7b98fef03c6924753f111' })));
+            } }, this.multiselect && (h("td", { key: '049e91ea474a539b6fbe344db4aed9de42297f3d', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '2af9307e3143db71cae028c1cc2116382b20f4c9', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '2eff0d398eb53934ca0b152d25422a5febbbffbb' })));
     }
     get host() { return this; }
     static get style() { return TdsTableBodyRowStyle0; }

package/dist/components/tds-table-footer.js

@@ -103,10 +103,10 @@ const TdsTableFooter$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableFooter e
         this.storeLastCorrectValue(this.paginationValue);
     }
     render() {
-        return (h(Host, { key: '5ad60a88018eb67ce0e6a1c11b31a4ab49d28103', class: {
+        return (h(Host, { key: 'fe6221e5dd2ec57e63afefc5e45c0b3f5ad85d8f', class: {
                 'tds-table--compact': this.compactDesign,
                 'footer__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.horizontalScrollWidth ? { width: this.horizontalScrollWidth } : {} }, h("tr", { key: 'c3df22ed332b3e0b5964a40b3ef6e2fb9e7847bb', class: "tds-table__footer-row" }, h("td", { key: '9ba6be5a63bc5150312e07baba026d853767c171', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: '5a772abf14cee6aa8143bf20628e576bf6294707', class: "tds-table__pagination" }, h("div", { key: '26cba6033dc7089cdfe044f457b76f869b103cab', class: "tds-table__row-selector" }), h("div", { key: 'bde7a9338de67b94d8d05908d91ef14ba0aabdb5', class: "tds-table__page-selector" }, h("input", { key: '00af6505e27bf4ada9af7baa0c3cea77f38c6eab', ref: (element) => (this.inputElement = element), class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: '420147b53d1a37d44b66153e6ea39212bc60a09d', class: "tds-table__footer-text" }, "of ", h("span", { key: '94659781759ca4047c6438b384e572f29391f08b' }, this.pages), " pages"), h("button", { key: '1f19864726a3b9e899f9d4541de07ec588ec59da', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: '2767b545e48df7618b3f853cd3e51b16058574a3', name: "chevron_left", size: "20px" })), h("button", { key: 'cb3f308dc45e176c98b92a9050b542e4d4de83df', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: '28037a03f7933d2502e6f955c0a07861d5937fa0', name: "chevron_right", size: "20px" })))))))));
+            }, style: this.horizontalScrollWidth ? { width: this.horizontalScrollWidth } : {} }, h("tr", { key: '6f6bfca5e7719084b2c4564b86806f6eb7867601', class: "tds-table__footer-row" }, h("td", { key: '2c4389dfa2c028798246a5c4d8b9bdcc05a780f2', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: '0831e596963e20222feee940fb7d7d489f832b5e', class: "tds-table__pagination" }, h("div", { key: '1129e67d9b69b06a1fadde589f9ad37a1bd9fcca', class: "tds-table__row-selector" }), h("div", { key: '81e685df813d615027470d4c84c468bb2c5fccca', class: "tds-table__page-selector" }, h("input", { key: '4b116837ae02fcbf6b51b940587ae6159d40f5cb', ref: (element) => (this.inputElement = element), class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: '927af4715b33f50679aef3ec5eccc5fd4044add7', class: "tds-table__footer-text" }, "of ", h("span", { key: '2d89421fbbbb0828623465f39edc506b9bfa82da' }, this.pages), " pages"), h("button", { key: '37916d812b7b4510b088b382f48b2d9f04d212b2', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: 'd89ac980f4c48fe6c14610f27ccc05e43994631e', name: "chevron_left", size: "20px" })), h("button", { key: '246b17fc6ff26e3830d5a359a4a5de844bc93a1b', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: '6fa3441ed75b484974e50ee41ea1444bea7c30e2', name: "chevron_right", size: "20px" })))))))));
     }
     get host() { return this; }
     static get style() { return TdsTableFooterStyle0; }

package/dist/components/tds-table-header-input-wrapper.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TdsTableHeaderInputWrapper extends Components.TdsTableHeaderInputWrapper, HTMLElement {}
+export const TdsTableHeaderInputWrapper: {
+    prototype: TdsTableHeaderInputWrapper;
+    new (): TdsTableHeaderInputWrapper;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;