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

package/dist/esm/tds-datetime.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-9xxNGlso.js';
+import { r as registerInstance, c as createEvent, h } from './index-BdzyrAx0.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 const datetimeCss = () => `@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-datetime-input-md.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime:disabled,.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.iphone.sc-tds-datetime,.tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.iphone.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding:var(--tds-spacing-element-4) 0;color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:flex;gap:var(--tds-spacing-element-8);flex-wrap:nowrap}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}`;
@@ -178,7 +178,7 @@ const TdsDatetime = class {
                 this.labelPosition === 'inside' &&
                 this.size !== 'sm'),
         };
-        return (h("div", { key: 'a55d784701c35fda184c9e17fbe8466854f9140d', class: classNames, onKeyDown: (e) => {
+        return (h("div", { key: '46bd4a81e68f32267d62df5180ab6ba9de7e183e', class: classNames, onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     const browserIsChrome = navigator.userAgent.toLowerCase().includes('chrome');
                     if (browserIsChrome) {
@@ -186,10 +186,10 @@ const TdsDatetime = class {
                         this.textInput.showPicker();
                     }
                 }
-            } }, this.labelPosition === 'outside' && this.label && (h("label", { key: 'ff47d44b79345c816cf9b22bd913b6a595299dce', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '013669e9b4f3421e96b9239a187515967baf7619', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: 'f06de994b6b1c8fe1db77f914be22797db14018d', class: `tds-datetime-input-container type-${this.type}` }, h("input", { key: 'c003adf22a66a2a04f13abd636c924bd1ad1c6c9', ref: (inputEl) => {
+            } }, this.labelPosition === 'outside' && this.label && (h("label", { key: '84cd03bee06e621314ee4a2a74440a1cc64b635d', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '7c4c04ea0df4b88c74d203123dc17dd29386b494', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: '8c2a1e6d92b45b1be68e520b21d40dd83ec5bab0', class: `tds-datetime-input-container type-${this.type}` }, h("input", { key: '4fb15c46fb418f11f7fc02dcef8c430257ebd556', ref: (inputEl) => {
                 if (inputEl)
                     this.textInput = inputEl;
-            }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '128a8b90a28b6c1c9c2eacc292603b3d1f8e5f10', class: "tds-datetime-label-inside", htmlFor: this.name }, this.label)), h("div", { key: '21331931956e4abf045a01a4af7f5fcf602990bd', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '77c1f611eae6c6ff3d102681b28ce42e0709ff84', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '36f01c633df5181ad6107aa158de499fafa2569f', class: "datetime-icon icon-time" }, h("tds-icon", { key: '03bb2f56e70a68c8d882bdfdce747a15d1b4cfdc', size: "20px", name: "clock", svgTitle: "Clock" })))), this.state === 'error' && (h("div", { key: '40fbf2006d5709b84468e0e05b5b51804c141923', class: "tds-datetime-helper" }, !((_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.validity) === null || _b === void 0 ? void 0 : _b.badInput) && (h("div", { key: '7f2990d54c62fbef3743662b944a09aab28a8a56', class: "tds-helper" }, h("tds-icon", { key: 'cdcb11a48a1d1fc3298711ed9f3b96b6a7ecef0d', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperError)), this.textInput && this.textInput.validity.badInput && (h("div", { key: '51489ac6f3dbcb31f8ff89c1544a6a17c19ab239', class: "tds-helper" }, h("tds-icon", { key: '6fb19117b7f191564ed2b1c4071500a16ea40219', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperErrorInvalid)))), this.helper && this.state !== 'error' && (h("div", { key: 'a6766afd774a6219e783ec1b5e79c250b94bace2', class: "tds-datetime-helper" }, h("div", { key: 'bba762fea80aca3e14da8ac9f9f210234edd9c70', class: "tds-helper" }, this.helper)))));
+            }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '7bc1fa21b2389416773ed271c6db22560d27c3fb', class: "tds-datetime-label-inside", htmlFor: this.name }, this.label)), h("div", { key: 'd93169f5ab8077e150e7bdb2c459a9086c5cc350', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '22bb5b37b73319c6566e1db29284778754d634e7', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '1c9d52a312e2a622485de8deab6a13b83c54decd', class: "datetime-icon icon-time" }, h("tds-icon", { key: '472222802261960915664e5a754a74e7def45bc7', size: "20px", name: "clock", svgTitle: "Clock" })))), this.state === 'error' && (h("div", { key: 'c4d637939bbb2be52867a1d0eecd8d85e13f9664', class: "tds-datetime-helper" }, !((_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.validity) === null || _b === void 0 ? void 0 : _b.badInput) && (h("div", { key: 'b5ad19a8715623928f9af3706cc9f53090d031ed', class: "tds-helper" }, h("tds-icon", { key: '805214bccad4afa519a783c1d0d6457c12465151', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperError)), this.textInput && this.textInput.validity.badInput && (h("div", { key: 'c566a22753888287a2abc60e2c747fff669a96b9', class: "tds-helper" }, h("tds-icon", { key: '656f92a11620ef57eae10aac48010e0d5ef82f74', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperErrorInvalid)))), this.helper && this.state !== 'error' && (h("div", { key: 'ed123de1e76dbd7b9ea209d3c48cd3c6b1bc0bb5', class: "tds-datetime-helper" }, h("div", { key: '915e2b03b3c78476b2d9b1cc13837d3fb565ef49', class: "tds-helper" }, this.helper)))));
     }
     static get watchers() { return {
         "value": [{

package/dist/esm/tds-dropdown_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 /**
@@ -130,46 +130,7 @@ const TdsDropdown = class {
         this.selectedOptions = [];
         this.filterQuery = '';
         this.hasFocus = false;
-        this.pendingInvalidValues = new Set();
         this.uuid = generateUniqueId();
-        this.handleArrowDown = (activeElement) => {
-            const children = this.getChildren();
-            /** Get the index of the current focus index, if there is no
-            nextElementSibling return the index for the first child in our Dropdown.  */
-            const startingIndex = activeElement.nextElementSibling
-                ? children.findIndex((element) => element === activeElement.nextElementSibling)
-                : 0;
-            if (children.length > 0) {
-                const elementIndex = findNextFocusableElement(children, startingIndex);
-                const target = typeof elementIndex === 'number' ? children[elementIndex] : children[0];
-                target === null || target === void 0 ? void 0 : target.focus();
-            }
-        };
-        this.handleArrowUp = (activeElement) => {
-            const children = this.getChildren();
-            /** Get the index of the current focus index, if there is no
-            previousElementSibling return the index for the first last in our Dropdown.  */
-            const startingIndex = activeElement.nextElementSibling
-                ? children.findIndex((element) => element === activeElement.previousElementSibling)
-                : 0;
-            if (children.length > 0) {
-                const elementIndex = findPreviousFocusableElement(children, startingIndex);
-                const target = typeof elementIndex === 'number' ? children[elementIndex] : children[children.length - 1];
-                target === null || target === void 0 ? void 0 : target.focus();
-            }
-        };
-        this.handleEscape = () => {
-            var _a, _b;
-            this.open = false;
-            /** Return focus to input/button when Escape key is used */
-            if (this.filter) {
-                (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            else {
-                const button = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('button');
-                button === null || button === void 0 ? void 0 : button.focus();
-            }
-        };
         this.setDefaultOption = () => {
             if (this.internalDefaultValue) {
                 /** Convert the internal default value to an array if it's not already */
@@ -179,7 +140,13 @@ const TdsDropdown = class {
                 this.updateDropdownStateInternal(defaultValues);
             }
         };
-        this.getChildren = () => Array.from(this.host.children).filter((element) => element.tagName === 'TDS-DROPDOWN-OPTION');
+        this.getChildren = () => {
+            const tdsDropdownOptions = Array.from(this.host.children).filter((element) => element.tagName === 'TDS-DROPDOWN-OPTION');
+            if (tdsDropdownOptions.length === 0) {
+                console.warn('TDS DROPDOWN: No options found. Disregard if loading data asynchronously.');
+            }
+            return tdsDropdownOptions;
+        };
         this.getSelectedChildren = () => {
             if (this.selectedOptions.length === 0)
                 return [];
@@ -287,51 +254,48 @@ const TdsDropdown = class {
                 }).length;
             }
         };
-        this.focusInput = (value) => {
-            if (this.inputElement) {
-                this.inputElement.value = value;
-                this.inputElement.focus();
-            }
-        };
         this.handleFilterReset = () => {
             if (this.multiselect) {
-                this.handleMultiselectFilterReset();
+                /** Multiselect + filter: two-step clear */
+                if (this.filterQuery.length > 0) {
+                    const clearedValue = this.filterQuery;
+                    this.filterQuery = '';
+                    this.resetFilterVisibility();
+                    if (this.inputElement) {
+                        this.inputElement.value = this.getValue();
+                        this.inputElement.focus();
+                    }
+                    this.tdsClear.emit({ clearedValue });
+                }
+                else if (this.selectedOptions.length > 0) {
+                    const clearedValue = this.selectedOptions.join(',');
+                    this.updateDropdownStateFromUser([]);
+                    if (this.inputElement) {
+                        this.inputElement.value = '';
+                        this.inputElement.focus();
+                    }
+                    this.tdsClear.emit({ clearedValue });
+                }
             }
             else {
-                this.handleSingleFilterReset();
-            }
-        };
-        /** Multiselect + filter: two-step clear */
-        this.handleMultiselectFilterReset = () => {
-            if (this.filterQuery.length > 0) {
-                const clearedValue = this.filterQuery;
-                this.filterQuery = '';
-                this.resetFilterVisibility();
-                this.focusInput(this.getValue());
-                this.tdsClear.emit({ clearedValue });
-            }
-            else if (this.selectedOptions.length > 0) {
-                const clearedValue = this.selectedOptions.join(',');
-                this.updateDropdownStateFromUser([]);
-                this.focusInput('');
-                this.tdsClear.emit({ clearedValue });
-            }
-        };
-        /** Single select + filter: clear everything immediately */
-        this.handleSingleFilterReset = () => {
-            const clearedParts = [];
-            if (this.filterQuery.length > 0) {
-                clearedParts.push(this.filterQuery);
-                this.filterQuery = '';
-                this.resetFilterVisibility();
-            }
-            if (this.selectedOptions.length > 0) {
-                clearedParts.push(this.selectedOptions.join(','));
-                this.updateDropdownStateFromUser([]);
-            }
-            this.focusInput('');
-            if (clearedParts.length > 0) {
-                this.tdsClear.emit({ clearedValue: clearedParts.join(',') });
+                /** Single select + filter: clear everything immediately */
+                const clearedParts = [];
+                if (this.filterQuery.length > 0) {
+                    clearedParts.push(this.filterQuery);
+                    this.filterQuery = '';
+                    this.resetFilterVisibility();
+                }
+                if (this.selectedOptions.length > 0) {
+                    clearedParts.push(this.selectedOptions.join(','));
+                    this.updateDropdownStateFromUser([]);
+                }
+                if (this.inputElement) {
+                    this.inputElement.value = '';
+                    this.inputElement.focus();
+                }
+                if (clearedParts.length > 0) {
+                    this.tdsClear.emit({ clearedValue: clearedParts.join(',') });
+                }
             }
         };
         this.resetFilterVisibility = () => {
@@ -396,7 +360,7 @@ const TdsDropdown = class {
         const normalizedValue = this.normalizeValue(newValue);
         /** Only update if actually changed */
         if (hasValueChanged(normalizedValue, this.selectedOptions)) {
-            this.updateDropdownStateInternal(normalizedValue);
+            this.updateDropdownStateFromUser(normalizedValue);
         }
     }
     normalizeValue(value) {
@@ -427,8 +391,8 @@ const TdsDropdown = class {
         this.updateDropdownState(values, true);
     }
     updateDropdownState(values, emitChange = true) {
-        /** Validate the values - only filter out invalid values for user-triggered changes */
-        const validValues = this.validateValues(values, emitChange);
+        /** Validate the values first */
+        const validValues = this.validateValues(values);
         /** Update internal state */
         this.selectedOptions = [...validValues];
         /** Update the value prop */
@@ -445,17 +409,19 @@ const TdsDropdown = class {
         /** Update value attribute */
         this.setValueAttribute();
     }
-    validateValues(values, strict = false) {
+    validateValues(values) {
+        /** Make sure we have children before validation */
         const children = this.getChildren();
         if (!children || children.length === 0) {
+            console.warn('No dropdown options found');
             return values; /** Return original values if no children yet */
         }
         return values.filter((val) => {
             const isValid = children.some((element) => convertToString(element.value) === convertToString(val));
-            if (!isValid && strict) {
-                console.warn(`TDS DROPDOWN: Option with value "${val}" does not exist`);
+            if (!isValid) {
+                console.warn(`Option with value "${val}" does not exist`);
             }
-            return isValid || !strict;
+            return isValid;
         });
     }
     updateOptionElements() {
@@ -581,20 +547,47 @@ const TdsDropdown = class {
         }
     }
     async onKeyDown(event) {
+        var _a, _b;
+        /** Get the active element */
         const { activeElement } = document;
         if (!activeElement) {
             return;
         }
-        switch (event.key) {
-            case 'ArrowDown':
-                this.handleArrowDown(activeElement);
-                break;
-            case 'ArrowUp':
-                this.handleArrowUp(activeElement);
-                break;
-            case 'Escape':
-                this.handleEscape();
-                break;
+        const children = this.getChildren();
+        if (event.key === 'ArrowDown') {
+            /** Get the index of the current focus index, if there is no
+            nextElementSibling return the index for the first child in our Dropdown.  */
+            const startingIndex = activeElement.nextElementSibling
+                ? children.findIndex((element) => element === activeElement.nextElementSibling)
+                : 0;
+            if (children.length > 0) {
+                const elementIndex = findNextFocusableElement(children, startingIndex);
+                const target = typeof elementIndex === 'number' ? children[elementIndex] : children[0];
+                target === null || target === void 0 ? void 0 : target.focus();
+            }
+        }
+        else if (event.key === 'ArrowUp') {
+            /** Get the index of the current focus index, if there is no
+            previousElementSibling return the index for the first last in our Dropdown.  */
+            const startingIndex = activeElement.nextElementSibling
+                ? this.getChildren().findIndex((element) => element === activeElement.previousElementSibling)
+                : 0;
+            if (children.length > 0) {
+                const elementIndex = findPreviousFocusableElement(children, startingIndex);
+                const target = typeof elementIndex === 'number' ? children[elementIndex] : children[children.length - 1];
+                target === null || target === void 0 ? void 0 : target.focus();
+            }
+        }
+        else if (event.key === 'Escape') {
+            this.open = false;
+            /** Return focus to input/button when Escape key is used */
+            if (this.filter) {
+                (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+            else {
+                const button = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('button');
+                button === null || button === void 0 ? void 0 : button.focus();
+            }
         }
     }
     /** If the Dropdown gets closed,
@@ -635,45 +628,7 @@ const TdsDropdown = class {
     }
     /** Method to handle slot changes */
     handleSlotChange() {
-        /**
-         * Warn for values that were pending from a previous slot change
-         * and are still invalid now that new options have arrived.
-         */
-        this.warnAndClearPending();
-        if (this.selectedOptions.length > 0) {
-            this.updateDropdownStateInternal([...this.selectedOptions]);
-        }
-        else if (this.internalDefaultValue) {
-            this.setDefaultOption();
-        }
-        /** Track currently unmatched values as pending for the next slot change */
-        this.updatePendingInvalidValues();
-    }
-    /** Warn for pending values that are still not matched, then clear pending */
-    warnAndClearPending() {
-        const children = this.getChildren();
-        if (!children || children.length === 0 || this.pendingInvalidValues.size === 0)
-            return;
-        this.pendingInvalidValues.forEach((val) => {
-            const isValid = children.some((element) => convertToString(element.value) === convertToString(val));
-            if (!isValid) {
-                console.warn(`TDS DROPDOWN: Option with value "${val}" does not exist`);
-            }
-        });
-        this.pendingInvalidValues.clear();
-    }
-    /** Track unmatched selected values as pending for deferred warning */
-    updatePendingInvalidValues() {
-        const children = this.getChildren();
-        if (!children || children.length === 0)
-            return;
-        this.pendingInvalidValues.clear();
-        this.selectedOptions.forEach((val) => {
-            const isValid = children.some((element) => convertToString(element.value) === convertToString(val));
-            if (!isValid) {
-                this.pendingInvalidValues.add(val);
-            }
-        });
+        this.setDefaultOption();
     }
     /** Method to check if we should normalize text */
     normalizeString(text) {
@@ -751,9 +706,9 @@ const TdsDropdown = class {
         else if (showPlaceholderButton) {
             buttonText = (_d = this.placeholder) !== null && _d !== void 0 ? _d : '';
         }
-        return (h(Host, { key: '073d4f0a7acb9b84439b680cbca9b356d4beca95', class: {
+        return (h(Host, { key: 'b9cf35a8a59a4394231a6a1eaf28d10eb406d9dd', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: 'e7d4fa740f7014364a04091040bc180db11a6870', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: 'c883d46846f9d3fadcc9a4c696219be2cc5e8715', class: {
+            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: 'd0a437dd9964f99a6fc584e19db6cb202a52db6d', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '1f2bc5ba3a4f88d0562920514582dbbca392f0f2', class: {
                 'dropdown-select': true,
                 [this.size]: true,
                 'disabled': this.disabled,
@@ -812,7 +767,7 @@ const TdsDropdown = class {
             }, class: {
                 'clear-icon': true,
                 'hide': !(this.multiselect && this.selectedOptions.length > 0),
-            }, name: "cross", size: "16px" }), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" })))), h("div", { key: '0f7ec974d9abf1b6ed86a48a48300f13528b4a5f', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
+            }, name: "cross", size: "16px" }), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" })))), h("div", { key: '33b396b80b0bd9df1e2ad49ce76a6d206b8494c1', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
                 if (element)
                     this.dropdownList = element;
             }, class: {
@@ -824,11 +779,11 @@ const TdsDropdown = class {
                 'closed': !this.open,
                 [`animation-enter-${this.animation}`]: this.animation !== 'none' && this.open,
                 [`animation-exit-${this.animation}`]: this.animation !== 'none' && !this.open,
-            } }, h("slot", { key: '8302724c0882c344b69629016840330c2a737f19', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '631f158f0188166a1abd844671d344f1ab998771', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '666803745ddfec9071bb67fc07fceae25ec7727f', id: helperId, class: {
+            } }, h("slot", { key: '34c20eb4db47adc67acbfa82fb9cdc4d00570dff', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '20accfd7501265ef8bb4472984950af150967292', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '184197b19327dc1f41cf4deff322516c8a8e2016', id: helperId, class: {
                 helper: true,
                 error: this.error,
                 disabled: this.disabled,
-            } }, this.error && h("tds-icon", { key: 'a120a822d279caa9a4c9371de8777e77625b7486', name: "error", size: "16px" }), this.helper))));
+            } }, this.error && h("tds-icon", { key: 'd981559018ad6f969a2292e1520db0fa1fe66623', name: "error", size: "16px" }), this.helper))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -939,7 +894,7 @@ const TdsDropdownOption = class {
         this.internalValue = convertToString(this.value);
     }
     render() {
-        return (h(Host, { key: '35542ea54d2ba455982e2470190711f75f88a999' }, h("div", { key: '4236d5281cf4675586a7d8b16e80141b9689dad3', class: `dropdown-option
+        return (h(Host, { key: 'f2c0929d4a6d9e7df2259b80175ddde7bad15946' }, h("div", { key: '433562a99e20ec9b21cf1b07819c52e516081723', class: `dropdown-option
           ${this.size}
           ${this.selected ? 'selected' : ''}
           ${this.disabled ? 'disabled' : ''}

package/dist/esm/tds-folder-tab.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 
 const folderTabCss = () => `:host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none}:host ::slotted(*:focus-within)::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host div:not(.selected){background-color:var(--tds-folder-tab-background);position:relative}:host div:not(.selected)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--tds-folder-tab-divider-color)}:host div:not(.selected) ::slotted(*){border-top:2px solid transparent;color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top:2px solid var(--tds-folder-tab-top-border-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled{background-color:var(--tds-folder-tab-item-background-disabled)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-divider-color);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host .selected:hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host .selected:hover:not(.disabled) ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) ::slotted(*){border-left-color:transparent}:host(.first) .selected{border-left:none}`;
 
@@ -36,10 +36,10 @@ const TdsFolderTab = class {
         }
     }
     render() {
-        return (h(Host, { key: 'bcb1ed17ebb34e2a458daa2fb3c6f7f52c3d9bf6', "aria-selected": this.selected }, h("div", { key: 'b6ee4cef0bac744ad09e92a32453ba6fb6021c41', class: {
+        return (h(Host, { key: '5d7bdff1bc18639ce28722cf817d45e2819291fe', "aria-selected": this.selected }, h("div", { key: '82fb790518a8d3f6c9427c3dd3cbd804fb54ad4f', class: {
                 selected: this.selected,
                 disabled: this.disabled,
-            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: 'b7d230c050fc315fb5de735a0496c69c967bdefe' }))));
+            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: 'fdd78b5c0c9852e587c18d8c5870e00975b62896' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-folder-tabs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 
 const folderTabsCss = () => `:host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:1;right:0}:host .scroll-left-button{z-index:1;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-folder-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-within::before,:host .scroll-left-button:focus-within::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}: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)}`;
 
@@ -24,6 +24,8 @@ const TdsFolderTabs = class {
         this.tabElements = [];
         this.clickHandlers = new WeakMap();
         this.addResizeObserver = () => {
+            if (typeof ResizeObserver === 'undefined')
+                return;
             const resizeObserver = new ResizeObserver((entries) => {
                 entries.forEach((entry) => {
                     const componentWidth = entry.contentRect.width;
@@ -178,9 +180,9 @@ const TdsFolderTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: 'e8b3a0c15cad9dc5cf7b68381de79786c5853c17', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '459d2af9aa923196938b7c7848ef3494b1eb0015', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'c012eb13a3d87fd700f5aeebda39b5eab29ef867', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: 'ebee1cf15b1c7425fb675cceedfdbdedacdf7057', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: '6c124a6cc60705c0eabe05f05e24308300c5c230', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '82585953fd9a38d4b4fa9c0ddf514b7ddf0f5938', name: "chevron_left", size: "20px" })), h("slot", { key: '101d7936691d26bc4448d9c8800e28500c42c92e', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'a95a09608cf9388d0e55465a62ba6d3c5101d337', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'c36777a240da371d5f2145410f6b5635bb688d95', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: 'f91db438a2374acc0569bccb5895b0061816cdb2', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '497c2b7709f37f12d6c507f9ef4a55851bcfad78', name: "chevron_left", size: "20px" })), h("slot", { key: '1b8be04cceec4793fffac9cf26ba603dd578299d', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '210096e3f848f40fc3a976bfbeb76f623e06c2bc', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'c1235de0754f7df8418b1609a713e2766be059bd', name: "chevron_right", size: "20px" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tds-footer-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 import { h as hasSlot } from './hasSlot-DDX6uFcm.js';
 
 const footerGroupCss = () => `:host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links-header);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:12px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}`;
@@ -42,12 +42,12 @@ const TdsFooterGroup = class {
     }
     render() {
         const hasTitleSlot = hasSlot('title', this.host);
-        return (h(Host, { key: '7901705ee2dc040052e2f99813f8b0e8faf37530', "aria-expanded": this.open ? 'true' : 'false' }, h("div", { key: 'ca98dcf8fbdf2556a9fd61b233a9a84bc3f6f9cc', class: this.isMobile ? 'mobile-view' : '' }, this.topPartGroup &&
+        return (h(Host, { key: '2605313d24ee6eb94a1cfa84854827fd1292d379', "aria-expanded": this.open ? 'true' : 'false' }, h("div", { key: '5bf77ad82b1ed690e17fb9b4ab5b3110224b1392', class: this.isMobile ? 'mobile-view' : '' }, this.topPartGroup &&
             (this.isMobile ? (h("button", { onClick: () => {
                     this.open = !this.open;
-                }, class: `footer-top-title-button ${this.open ? 'expanded' : 'closed'}` }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText, h("tds-icon", { name: "chevron_down", size: "20px", "aria-hidden": "true" }))) : (h("div", { class: "footer-top-title" }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText))), h("nav", { key: 'dfa738d7e93518c7aa29e322b575a4c418010e6a', "aria-label": this.tdsListAriaLabel }, h("div", { key: '6a3a9bfa388a342609187ca5437ea1e572a0b62f', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
+                }, class: `footer-top-title-button ${this.open ? 'expanded' : 'closed'}` }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText, h("tds-icon", { name: "chevron_down", size: "20px", "aria-hidden": "true" }))) : (h("div", { class: "footer-top-title" }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText))), h("nav", { key: '9191647967d238ce7d67bd1a6437ab282be60e7a', "aria-label": this.tdsListAriaLabel }, h("div", { key: '105c4960663852dc4a6e637e4b10fde5936d616e', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
             ${this.topPartGroup ? 'top-part-child' : ''}
-            ${this.open ? 'expanded' : 'closed'}` }, h("slot", { key: '3dbf13f27f3bd37ba5fc589045b329ee034a37d3' }))))));
+            ${this.open ? 'expanded' : 'closed'}` }, h("slot", { key: '00546ee8a4e85a33e6f7696f50a59a3ecd53d80e' }))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-footer-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 
 const footerItemCss = () => `:host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media all and (max-width: 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}}`;
 

package/dist/esm/tds-footer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 import { h as hasSlot } from './hasSlot-DDX6uFcm.js';
 
 const footerCss = () => `:host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg-local), var(--tds-background-image-scania-wordmark-white-svg);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}`;
@@ -15,9 +15,9 @@ const TdsFooter = class {
         const usesStartSlot = hasSlot('start', this.host);
         const usesEndSlot = hasSlot('end', this.host);
         const usesCopyrightSlot = hasSlot('copyright', this.host);
-        return (h(Host, { key: '48864143f8e7c122b60c5f95ac087f81da23cbd6', class: {
+        return (h(Host, { key: '45c3eab02748591e5751d4c23d6dcc9ca7541aca', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
-            } }, h("footer", { key: 'aa7efca2b32ea0bd81719eff1730e7ab0a5b69c9' }, usesTopSlot && h("slot", { key: '662e7f205b7ee9bf5202441f45835da44da01ffe', name: "top" }), h("div", { key: '42ba2e344380a87d4dbf3dc90b214a99d10b9dfe', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: 'b6b62659aa80fe86f7240b4e2a7187f81a0ae3d7', class: "footer-main-top" }, usesStartSlot && h("slot", { key: '5f10f1f47de58d4ce142d720e2ab924c9935afcd', name: "start" }), usesEndSlot && h("slot", { key: '88165d1b0925e31e302eaec0e2fcd795c5e4ece1', name: "end" }))), h("div", { key: '99e987a96dbb762725b78b647164627f4abe7790', class: "footer-main-bottom" }, h("small", { key: 'f24bfbe5b9733c1effc45608ed6fc4c10d3c9631', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : this.copyrightText), h("div", { key: '2947b9f5c59eb5315d1787a3e13203a0359ec8af', class: "brand" }, h("p", { key: '83aa6191d31573002c275d0042f5871449ce4fe5' }, "Scania")))))));
+            } }, h("footer", { key: 'a5c338868f8201014d0f1eaecf4db3b5552c6a8d' }, usesTopSlot && h("slot", { key: '07257d9529a6af504715b69d33741052614a1737', name: "top" }), h("div", { key: 'a1f11fbceefb0442cd61858f0ca8ed5a7c0aeb81', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: 'dd8bff6c7f4171a7c9d46d7f5dabcf2a31697dc7', class: "footer-main-top" }, usesStartSlot && h("slot", { key: '39f28defd591fbb6863d86225fca3cff09ec94cb', name: "start" }), usesEndSlot && h("slot", { key: '344bd6c80538d46a22b5d10f09e5cf4633019ef9', name: "end" }))), h("div", { key: '8896f0f1c3031b98b1d1b1d2cedd2cb35e003dff', class: "footer-main-bottom" }, h("small", { key: '972571431d7ebeb07eaab043d970528c352df32d', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : this.copyrightText), h("div", { key: '5b93f4ab6f07dd3bdb4cd05429b729426e11c103', class: "brand" }, h("p", { key: '9537baabeba256b7774af6f3e135ecdc127a8993' }, "Scania")))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-header-brand-symbol.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 
 const headerBrandSymbolCss = () => `:host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}`;
 

package/dist/esm/tds-header-cell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 
 const tableHeaderCellCss = () => `:host{display:contents}:host(.tds-table__header-cell) th{box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) th *{box-sizing:border-box}:host(.tds-table__header-cell) th .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) th .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell) th:hover{background-color:var(--tds-table-header-background-hover)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact) th{height:33px}:host(.tds-table--divider) th{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) th{border-right:none}:host(.tds-table--no-min-width) th{min-width:unset}:host(.tds-table--no-padding) th{height:unset}:host(.tds-table__header-cell:first-of-type) th{border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type) th{border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type) th{border-top-left-radius:0}:host(.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type) th{border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type) th{border-top-right-radius:0}`;
 
@@ -123,7 +123,7 @@ const TdsTableHeaderCell = class {
         return 'none';
     }
     render() {
-        return (h(Host, { key: 'be64d88104f52df5d328b61a052eb489bcc01b72', class: {
+        return (h(Host, { key: '3cb5c70f8d022f7caf0cc84a23313f72d7549427', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,
@@ -134,7 +134,7 @@ const TdsTableHeaderCell = class {
                 'tds-table--extra-column': this.multiselect || this.expandableRows,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
                 'tds-table--no-padding': this.disablePadding,
-            } }, h("th", { key: '5ce91b5905d96bf9be4061a2b7a53c1af18fc390', style: { minWidth: this.customWidth }, onMouseOver: () => this.onHeadCellHover(this.cellKey), onFocus: () => this.onHeadCellHover(this.cellKey), onMouseLeave: () => this.onHeadCellHover(''), onBlur: () => this.onHeadCellHover(''), "aria-sort": this.getAriaSort(), colSpan: this.colSpan, rowSpan: this.rowSpan }, this.headerCellContent())));
+            } }, h("th", { key: 'cb916b84ae682283c32d733c3522bb42e686609b', style: { minWidth: this.customWidth }, onMouseOver: () => this.onHeadCellHover(this.cellKey), onFocus: () => this.onHeadCellHover(this.cellKey), onMouseLeave: () => this.onHeadCellHover(''), onBlur: () => this.onHeadCellHover(''), "aria-sort": this.getAriaSort(), colSpan: this.colSpan, rowSpan: this.rowSpan }, this.headerCellContent())));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-header-dropdown-list-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 
 const headerDropdownListItemCss = () => `:host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host .component-selected:focus-within{border-left:none}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}`;
 
@@ -11,10 +11,10 @@ const TdsHeaderDropdownListItem = class {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: '044ca1632bcfa67b268f2f46f6b3f803feabc603' }, h("div", { key: '43348d36bbbce184d43fda6cc4eead8fe1b94374', class: {
+        return (h(Host, { key: '4912bf638b28faf67530146becb90977fa3eff8c' }, h("div", { key: '6c30529e045b7568a7409505828bf04c94830b0c', class: {
                 'component': true,
                 'component-selected': this.selected,
-            } }, h("slot", { key: 'd6d036909bc7e83049d9c75add7ee84c68b5eba8' }))));
+            } }, h("slot", { key: '34935ba9bd6807d2c7703d5320b837e4dd837240' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-header-dropdown-list-user.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 
 const headerDropdownListUserCss = () => `:host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}`;
 
@@ -7,7 +7,7 @@ const TdsHeaderDropdownListLgUser = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '6c6f1f4e7b328ab7e571ec60ae5912de5c64f8cc', role: "listitem" }, h("div", { key: '656ac37d2b82507a4771ca15fa1037075d7ddf7e', class: "user-box" }, this.imgUrl && h("img", { key: '8c818c2b2a929ae4bb4fd727993cb6149b14299f', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: '2bd1268fd2af70838c3483ce9a620120eae0fd26', name: "thumbanil" }), h("div", { key: 'ca8742b1cd62dbb17dfcb36a37a718b06745219d', class: "user-content" }, h("div", { key: '381f7d63597faeb7c65ff5c40aae0e7b9cd0d514', class: "header" }, this.header, h("slot", { key: '3d19b2d30935fab20c53b84583ab0df2f76e58aa', name: "header" })), h("div", { key: '14f89aeea1314b510c7f34d4e806b1d6db36e78b', class: "subheader" }, this.subheader, h("slot", { key: 'a7e725df6a29c4ebb1c83dc75c7a2414f0806103', name: "subheader" }))))));
+        return (h(Host, { key: '4a9b8a5924f026c20408e7cc32dc98ee9fd64ad1', role: "listitem" }, h("div", { key: '3774339f0ca00bc041c51ad966da271dbe38fbb4', class: "user-box" }, this.imgUrl && h("img", { key: 'f37f319f602d7418229f56f112d57e0e1346d043', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: 'a45bc8a008a0be4596cbcf0937c56380ea99bb80', name: "thumbanil" }), h("div", { key: 'a1f5e157d1ac7cee13abf1a85422950988f3b8ac', class: "user-content" }, h("div", { key: '6e2106c0868094ac54c0e2a54de07ff43dc9f979', class: "header" }, this.header, h("slot", { key: '440311184e59aff2fc3425a1779d6b04de98fdd8', name: "header" })), h("div", { key: '85c3966e778010328e6d137573a83245c1077ea8', class: "subheader" }, this.subheader, h("slot", { key: 'bbd9b87dfa675761e0bc6005431e1cb1e8867013', name: "subheader" }))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-header-dropdown-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-9xxNGlso.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BdzyrAx0.js';
 import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './isHeadingElement-BQco7VNg.js';
 import './dfs-CLF3diNe.js';