@scania/tegel 1.52.0 → 1.53.0

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-Befhko2r.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 /**
@@ -130,7 +130,46 @@ 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 */
@@ -140,13 +179,7 @@ const TdsDropdown = class {
                 this.updateDropdownStateInternal(defaultValues);
             }
         };
-        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.getChildren = () => Array.from(this.host.children).filter((element) => element.tagName === 'TDS-DROPDOWN-OPTION');
         this.getSelectedChildren = () => {
             if (this.selectedOptions.length === 0)
                 return [];
@@ -254,48 +287,51 @@ const TdsDropdown = class {
                 }).length;
             }
         };
+        this.focusInput = (value) => {
+            if (this.inputElement) {
+                this.inputElement.value = value;
+                this.inputElement.focus();
+            }
+        };
         this.handleFilterReset = () => {
             if (this.multiselect) {
-                /** 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 });
-                }
+                this.handleMultiselectFilterReset();
             }
             else {
-                /** 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.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(',') });
             }
         };
         this.resetFilterVisibility = () => {
@@ -360,7 +396,7 @@ const TdsDropdown = class {
         const normalizedValue = this.normalizeValue(newValue);
         /** Only update if actually changed */
         if (hasValueChanged(normalizedValue, this.selectedOptions)) {
-            this.updateDropdownStateFromUser(normalizedValue);
+            this.updateDropdownStateInternal(normalizedValue);
         }
     }
     normalizeValue(value) {
@@ -391,8 +427,8 @@ const TdsDropdown = class {
         this.updateDropdownState(values, true);
     }
     updateDropdownState(values, emitChange = true) {
-        /** Validate the values first */
-        const validValues = this.validateValues(values);
+        /** Validate the values - only filter out invalid values for user-triggered changes */
+        const validValues = this.validateValues(values, emitChange);
         /** Update internal state */
         this.selectedOptions = [...validValues];
         /** Update the value prop */
@@ -409,19 +445,17 @@ const TdsDropdown = class {
         /** Update value attribute */
         this.setValueAttribute();
     }
-    validateValues(values) {
-        /** Make sure we have children before validation */
+    validateValues(values, strict = false) {
         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) {
-                console.warn(`Option with value "${val}" does not exist`);
+            if (!isValid && strict) {
+                console.warn(`TDS DROPDOWN: Option with value "${val}" does not exist`);
             }
-            return isValid;
+            return isValid || !strict;
         });
     }
     updateOptionElements() {
@@ -547,47 +581,20 @@ const TdsDropdown = class {
         }
     }
     async onKeyDown(event) {
-        var _a, _b;
-        /** Get the active element */
         const { activeElement } = document;
         if (!activeElement) {
             return;
         }
-        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();
-            }
+        switch (event.key) {
+            case 'ArrowDown':
+                this.handleArrowDown(activeElement);
+                break;
+            case 'ArrowUp':
+                this.handleArrowUp(activeElement);
+                break;
+            case 'Escape':
+                this.handleEscape();
+                break;
         }
     }
     /** If the Dropdown gets closed,
@@ -628,7 +635,45 @@ const TdsDropdown = class {
     }
     /** Method to handle slot changes */
     handleSlotChange() {
-        this.setDefaultOption();
+        /**
+         * 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);
+            }
+        });
     }
     /** Method to check if we should normalize text */
     normalizeString(text) {
@@ -706,9 +751,9 @@ const TdsDropdown = class {
         else if (showPlaceholderButton) {
             buttonText = (_d = this.placeholder) !== null && _d !== void 0 ? _d : '';
         }
-        return (h(Host, { key: 'b9cf35a8a59a4394231a6a1eaf28d10eb406d9dd', class: {
+        return (h(Host, { key: 'ef4fbe1a77a277a93bf542f67d423a6935755522', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: 'd0a437dd9964f99a6fc584e19db6cb202a52db6d', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '1f2bc5ba3a4f88d0562920514582dbbca392f0f2', class: {
+            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: 'e543abac115d7ab45c64776dada58b11d381ae8a', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '029261f9bd4f46039ed049ca7e08f38641edae05', class: {
                 'dropdown-select': true,
                 [this.size]: true,
                 'disabled': this.disabled,
@@ -767,7 +812,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: '33b396b80b0bd9df1e2ad49ce76a6d206b8494c1', 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: '67d82711bf2a53fdc77901c8a28bd83766c287d4', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
                 if (element)
                     this.dropdownList = element;
             }, class: {
@@ -779,11 +824,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: '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: {
+            } }, h("slot", { key: '36a3d6ec255decbf8233174eb29f996f141007d2', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '84a4033110327c8237edff3defdbc831fb56869b', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '0862c49887b92e56f4846831cb514784369715d0', id: helperId, class: {
                 helper: true,
                 error: this.error,
                 disabled: this.disabled,
-            } }, this.error && h("tds-icon", { key: 'd981559018ad6f969a2292e1520db0fa1fe66623', name: "error", size: "16px" }), this.helper))));
+            } }, this.error && h("tds-icon", { key: '107f29830769cb6928fec4d6cae9f050d47437d7', name: "error", size: "16px" }), this.helper))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.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}`;
 

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-Befhko2r.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VFN9WV0d.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)}`;
 

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-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.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}`;

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.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}}`;
+const footerItemCss = () => `:host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);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-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);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 (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}: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}}`;
 
 const TdsFooterItem = class {
     constructor(hostRef) {

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

@@ -1,23 +1,27 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.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%}}`;
+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;color:var(--tds-footer-main-social-icon)}: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-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-footer-logotype-local), var(--tds-footer-logotype-cdn);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%}}`;
 
 const TdsFooter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         /** Mode variant of the component, based on current mode. */
         this.modeVariant = null;
-        this.copyrightText = `Copyright © ${new Date().getFullYear()} Scania`;
+    }
+    getBrandName() {
+        return this.host.closest('.traton') ? 'Traton' : 'Scania';
     }
     render() {
         const usesTopSlot = hasSlot('top', this.host);
         const usesStartSlot = hasSlot('start', this.host);
         const usesEndSlot = hasSlot('end', this.host);
         const usesCopyrightSlot = hasSlot('copyright', this.host);
-        return (h(Host, { key: '45c3eab02748591e5751d4c23d6dcc9ca7541aca', class: {
+        const brandName = this.getBrandName();
+        const copyrightText = `Copyright © ${new Date().getFullYear()} ${brandName}`;
+        return (h(Host, { key: 'ac9e0121981c38b240ff4f96fbfc96fb59f51005', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
-            } }, 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")))))));
+            } }, h("footer", { key: 'd17bd41f9de0efd4449fba8fa48894a86f5a682b' }, usesTopSlot && h("slot", { key: '7f557c36ba1da44009f5be05ed353ec1d92ab88f', name: "top" }), h("div", { key: '5a10ae17a39a6eb707e036076a471f1dec135d32', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: 'c3142b6c2e5251a0ce9c49c66524c7d982e4a70c', class: "footer-main-top" }, usesStartSlot && h("slot", { key: '29923cff3f6a1bf0be4ae67fe190eadfb74e59b2', name: "start" }), usesEndSlot && h("slot", { key: '6c9216a5c9ad01c94dbc00448a3b7e778dabc705', name: "end" }))), h("div", { key: '5c827108dc49ecd4c1d86aaad9de4b7b390009ad', class: "footer-main-bottom" }, h("small", { key: 'e9ed752b108bc7d9dd52154baa9f8cd9ed2c0039', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : copyrightText), h("div", { key: '7183d25ff8387a0a8691a02734d7748867960020', class: "brand" }, h("p", { key: '4d0848e1c716dd68c51e2499d16707b9c48b53ce' }, brandName)))))));
     }
     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-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.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-Befhko2r.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VFN9WV0d.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}`;
 

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-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.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)}`;
 

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-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.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)}`;
 

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-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
 import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './isHeadingElement-BQco7VNg.js';
 import './dfs-CLF3diNe.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 const headerDropdownCss = () => `:host,:root{--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-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:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
 import { i as inheritAriaAttributes } from './inheritAriaAttributes-DyLhgCIg.js';
 import './inheritAttributes-CF8bH08v.js';
 

package/dist/esm/tds-header-launcher-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
 import { i as inheritAriaAttributes } from './inheritAriaAttributes-DyLhgCIg.js';
 import './inheritAttributes-CF8bH08v.js';
 

package/dist/esm/tds-header-launcher-grid-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host } from './index-VFN9WV0d.js';
 
 const headerLauncherGridItemCss = () => `:host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::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-header-launcher-grid-title.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host } from './index-VFN9WV0d.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 const headerLauncherGridTitleCss = () => `.tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}`;

package/dist/esm/tds-header-launcher-grid.entry.js

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

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host } from './index-VFN9WV0d.js';
 
 const headerLauncherListItemCss = () => `:host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}`;
 

package/dist/esm/tds-header-launcher-list-title.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 const headerLauncherListTitleCss = () => `.tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host } from './index-VFN9WV0d.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 const TdsHeaderLauncherList = class {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 import { i as inheritAriaAttributes } from './inheritAriaAttributes-DyLhgCIg.js';
 import './inheritAttributes-CF8bH08v.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Befhko2r.js';
+import { r as registerInstance, h } from './index-VFN9WV0d.js';
 
 const headerTitleCss = () => `h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-size:14px;font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Befhko2r.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
 import { i as inheritAriaAttributes } from './inheritAriaAttributes-DyLhgCIg.js';
 import './inheritAttributes-CF8bH08v.js';