@scania/tegel 1.42.0 → 1.43.0

package/dist/collection/tegel-light/components/tl-dropdown/_dropdownScripts.js

@@ -0,0 +1,304 @@
+function setupOptionTabindex(container, selector = '.tl-dropdown__option', disableCheckboxes = false) {
+    container.querySelectorAll(selector).forEach((option) => {
+        const isDisabled = option.classList.contains('tl-dropdown__option--disabled');
+        option.setAttribute('tabindex', isDisabled ? '-1' : '0');
+        if (disableCheckboxes) {
+            const checkbox = option.querySelector('.tl-checkbox__input');
+            if (checkbox)
+                checkbox.setAttribute('tabindex', '-1');
+        }
+    });
+}
+function setupClickOutside(root, closeCallback) {
+    document.addEventListener('click', (e) => {
+        if (!root.contains(e.target))
+            closeCallback();
+    });
+    root.addEventListener('focusout', (e) => {
+        setTimeout(() => {
+            if (!root.contains(e.relatedTarget))
+                closeCallback();
+        }, 20);
+    });
+}
+function handleKeyboardSelection(e, selector, callback) {
+    var _a;
+    if (e.key === 'Enter' || e.key === ' ') {
+        const focusedOption = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(selector);
+        if (focusedOption) {
+            e.preventDefault();
+            callback(focusedOption);
+        }
+    }
+}
+function createToggleDropdown(trigger) {
+    return () => {
+        const isOpen = trigger.getAttribute('aria-expanded') === 'true';
+        trigger.setAttribute('aria-expanded', isOpen ? 'false' : 'true');
+    };
+}
+function createCloseDropdown(trigger) {
+    return () => trigger.setAttribute('aria-expanded', 'false');
+}
+function getSelectedCheckboxLabels(container) {
+    return Array.from(container.querySelectorAll('.tl-checkbox__input:checked'))
+        .map((checkbox) => {
+        var _a, _b;
+        const label = (_a = checkbox.closest('.tl-dropdown__option')) === null || _a === void 0 ? void 0 : _a.querySelector('.tl-checkbox__label');
+        return ((_b = label === null || label === void 0 ? void 0 : label.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || '';
+    })
+        .filter(Boolean)
+        .join(', ');
+}
+function setupInputWrapperToggle(inputWrapper, input, openDropdown, closeDropdown, filterOptions) {
+    inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.addEventListener('mousedown', (e) => {
+        const target = e.target;
+        if (target === input || target.closest('.tl-dropdown__input-clear') || input.disabled)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        const isOpen = input.getAttribute('aria-expanded') === 'true';
+        if (isOpen) {
+            closeDropdown();
+            input.blur();
+        }
+        else {
+            openDropdown();
+            input.focus();
+            filterOptions();
+        }
+    });
+}
+function setupClearButton(clearButton, callback) {
+    clearButton === null || clearButton === void 0 ? void 0 : clearButton.addEventListener('click', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        callback();
+    });
+}
+function createUpdateClearButtonTabindex(input, clearButton) {
+    return () => {
+        const isVisible = input.getAttribute('aria-expanded') === 'true' && input.value.trim() !== '';
+        clearButton === null || clearButton === void 0 ? void 0 : clearButton.setAttribute('tabindex', isVisible ? '0' : '-1');
+    };
+}
+function setupInputEvents(input, openDropdown, filterOptions, updateClearButtonTabindex, getInitialValue) {
+    input.addEventListener('focus', () => {
+        openDropdown();
+        const initialValue = getInitialValue === null || getInitialValue === void 0 ? void 0 : getInitialValue();
+        if (initialValue)
+            input.value = '';
+        filterOptions();
+        updateClearButtonTabindex();
+    });
+    input.addEventListener('input', () => {
+        filterOptions();
+        updateClearButtonTabindex();
+    });
+    input.addEventListener('keydown', (e) => {
+        if (e.key === 'Tab')
+            updateClearButtonTabindex();
+    });
+}
+function setupListClickHandler(list, selector, callback, preventDefault = false) {
+    list.addEventListener('click', (e) => {
+        const clickedOption = e.target.closest(selector);
+        if (clickedOption) {
+            if (preventDefault)
+                e.preventDefault();
+            callback(clickedOption);
+        }
+    });
+}
+function createCheckboxToggleHandler(updateDisplay) {
+    return (option) => {
+        const checkbox = option.querySelector('.tl-checkbox__input');
+        if (checkbox) {
+            checkbox.checked = !checkbox.checked;
+            option.classList.toggle('tl-dropdown__option--selected', checkbox.checked);
+            updateDisplay();
+            const changeEvent = new Event('change', { bubbles: true });
+            checkbox.dispatchEvent(changeEvent);
+        }
+    };
+}
+function setupButtonDropdownEvents(button, toggleDropdown, root, closeDropdown) {
+    button.addEventListener('click', (e) => {
+        e.stopPropagation();
+        toggleDropdown();
+    });
+    setupClickOutside(root, closeDropdown);
+}
+export function tlDropdownSingleScriptDemo(menuId) {
+    const list = document.getElementById(menuId);
+    if (!list)
+        return;
+    const root = list.closest('.tl-dropdown');
+    const button = root === null || root === void 0 ? void 0 : root.querySelector('.tl-dropdown__button');
+    const textDisplay = root === null || root === void 0 ? void 0 : root.querySelector('.tl-dropdown__text');
+    if (!root || !button)
+        return;
+    setupOptionTabindex(list);
+    const toggleDropdown = createToggleDropdown(button);
+    const closeDropdown = createCloseDropdown(button);
+    const selectOption = (selectedOption) => {
+        var _a;
+        list.querySelectorAll('.tl-dropdown__option').forEach((option) => {
+            option.classList.remove('tl-dropdown__option--selected');
+        });
+        selectedOption.classList.add('tl-dropdown__option--selected');
+        if (textDisplay)
+            textDisplay.textContent = ((_a = selectedOption.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+        closeDropdown();
+        button.focus();
+    };
+    setupButtonDropdownEvents(button, toggleDropdown, root, closeDropdown);
+    setupListClickHandler(list, '.tl-dropdown__option:not(.tl-dropdown__option--disabled)', selectOption);
+    list.addEventListener('keydown', (e) => handleKeyboardSelection(e, '.tl-dropdown__option:not(.tl-dropdown__option--disabled)', selectOption));
+}
+export function tlDropdownMultiScriptDemo(menuId) {
+    const list = document.getElementById(menuId);
+    if (!list)
+        return;
+    const root = list.closest('.tl-dropdown');
+    const button = root === null || root === void 0 ? void 0 : root.querySelector('.tl-dropdown__button');
+    const textDisplay = root === null || root === void 0 ? void 0 : root.querySelector('.tl-dropdown__text');
+    if (!root || !button)
+        return;
+    setupOptionTabindex(list, '.tl-dropdown__option', true);
+    const toggleDropdown = createToggleDropdown(button);
+    const closeDropdown = createCloseDropdown(button);
+    const updateDisplay = () => {
+        if (textDisplay)
+            textDisplay.textContent = getSelectedCheckboxLabels(list);
+    };
+    const handleOptionToggle = createCheckboxToggleHandler(updateDisplay);
+    setupButtonDropdownEvents(button, toggleDropdown, root, closeDropdown);
+    setupListClickHandler(list, '.tl-dropdown__option:not(.tl-dropdown__option--disabled)', handleOptionToggle, true);
+    list.addEventListener('keydown', (e) => handleKeyboardSelection(e, '.tl-dropdown__option:not(.tl-dropdown__option--disabled)', handleOptionToggle));
+}
+export function tlDropdownFilterSingleScriptDemo(listId, inputId) {
+    const list = document.getElementById(listId);
+    const input = document.getElementById(inputId);
+    if (!list || !input)
+        return;
+    const root = list.closest('.tl-dropdown');
+    const inputWrapper = input.parentElement;
+    const clearButton = inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.querySelector('.tl-dropdown__input-clear');
+    const noResultMessage = list.querySelector('.tl-dropdown__option--no-result');
+    const options = Array.from(list.querySelectorAll('.tl-dropdown__option:not(.tl-dropdown__option--no-result)'));
+    setupOptionTabindex(list, '.tl-dropdown__option:not(.tl-dropdown__option--no-result)');
+    if (noResultMessage)
+        noResultMessage.setAttribute('tabindex', '-1');
+    let selectedValue = '';
+    const openDropdown = () => input.setAttribute('aria-expanded', 'true');
+    const closeDropdown = createCloseDropdown(input);
+    const updateClearButtonTabindex = createUpdateClearButtonTabindex(input, clearButton);
+    const filterOptions = () => {
+        const searchQuery = input.value.toLowerCase().trim();
+        let visibleCount = 0;
+        options.forEach((option) => {
+            var _a;
+            const optionText = ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+            const isVisible = !searchQuery || optionText.toLowerCase().includes(searchQuery);
+            option.style.display = isVisible ? '' : 'none';
+            if (isVisible)
+                visibleCount++;
+        });
+        const showNoResults = !!searchQuery && visibleCount === 0;
+        if (noResultMessage) {
+            noResultMessage.style.display = showNoResults ? '' : 'none';
+        }
+    };
+    const selectOption = (selectedOption) => {
+        var _a;
+        options.forEach((option) => {
+            option.classList.remove('tl-dropdown__option--selected');
+        });
+        selectedOption.classList.add('tl-dropdown__option--selected');
+        selectedValue = ((_a = selectedOption.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+        input.value = selectedValue;
+        input.blur();
+    };
+    const handleClearButton = () => {
+        selectedValue = '';
+        input.value = '';
+        input.focus();
+        filterOptions();
+        updateClearButtonTabindex();
+    };
+    setupClearButton(clearButton, handleClearButton);
+    setupInputWrapperToggle(inputWrapper, input, openDropdown, closeDropdown, filterOptions);
+    setupInputEvents(input, openDropdown, filterOptions, updateClearButtonTabindex, () => selectedValue);
+    setupListClickHandler(list, '.tl-dropdown__option:not(.tl-dropdown__option--no-result):not(.tl-dropdown__option--disabled)', selectOption, true);
+    root === null || root === void 0 ? void 0 : root.addEventListener('focusout', (e) => {
+        setTimeout(() => {
+            const newFocus = e.relatedTarget || document.activeElement;
+            const isClearButton = clearButton && newFocus === clearButton;
+            if (!root.contains(newFocus) && !isClearButton) {
+                closeDropdown();
+                if (selectedValue)
+                    input.value = selectedValue;
+            }
+        }, 20);
+    });
+    filterOptions();
+    updateClearButtonTabindex();
+}
+export function tlDropdownFilterMultiScriptDemo(listId, inputId) {
+    const list = document.getElementById(listId);
+    const input = document.getElementById(inputId);
+    if (!list || !input)
+        return;
+    const root = list.closest('.tl-dropdown');
+    const inputWrapper = input.parentElement;
+    const clearButton = inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.querySelector('.tl-dropdown__input-clear');
+    const options = Array.from(list.querySelectorAll('.tl-dropdown__option'));
+    setupOptionTabindex(list, '.tl-dropdown__option', true);
+    const openDropdown = () => input.setAttribute('aria-expanded', 'true');
+    const closeDropdown = createCloseDropdown(input);
+    const updateClearButtonTabindex = createUpdateClearButtonTabindex(input, clearButton);
+    const getSelectedValues = () => getSelectedCheckboxLabels(list);
+    const filterOptions = () => {
+        const searchQuery = input.value.toLowerCase().trim();
+        options.forEach((option) => {
+            var _a;
+            const optionText = ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+            const isVisible = !searchQuery || optionText.toLowerCase().includes(searchQuery);
+            option.style.display = isVisible ? '' : 'none';
+        });
+    };
+    const updateDisplay = () => {
+        input.value = getSelectedValues();
+        updateClearButtonTabindex();
+    };
+    const handleClearButton = () => {
+        list.querySelectorAll('.tl-checkbox__input:checked').forEach((cb) => {
+            var _a;
+            cb.checked = false;
+            (_a = cb.closest('.tl-dropdown__option')) === null || _a === void 0 ? void 0 : _a.classList.remove('tl-dropdown__option--selected');
+        });
+        input.value = '';
+        input.focus();
+        filterOptions();
+        updateClearButtonTabindex();
+    };
+    const handleOptionToggle = createCheckboxToggleHandler(updateDisplay);
+    setupClearButton(clearButton, handleClearButton);
+    setupInputWrapperToggle(inputWrapper, input, openDropdown, closeDropdown, filterOptions);
+    setupInputEvents(input, openDropdown, filterOptions, updateClearButtonTabindex, getSelectedValues);
+    setupListClickHandler(list, '.tl-dropdown__option:not(.tl-dropdown__option--disabled)', handleOptionToggle, true);
+    list.addEventListener('keydown', (e) => handleKeyboardSelection(e, '.tl-dropdown__option:not(.tl-dropdown__option--disabled)', handleOptionToggle));
+    root === null || root === void 0 ? void 0 : root.addEventListener('focusout', (e) => {
+        setTimeout(() => {
+            const newFocus = e.relatedTarget || document.activeElement;
+            const isClearButton = clearButton && newFocus === clearButton;
+            if (!root.contains(newFocus) && !isClearButton) {
+                closeDropdown();
+                input.value = getSelectedValues();
+            }
+        }, 20);
+    });
+    filterOptions();
+    updateClearButtonTabindex();
+}

package/dist/collection/utils/appendHiddenInput.js

@@ -14,12 +14,14 @@ const appendHiddenInput = (element, name, value, disabled, additionalAttributes)
         input = element.ownerDocument.createElement('input');
         input.type = 'hidden';
         if (additionalAttributes) {
-            additionalAttributes.forEach((attr) => input.setAttribute(attr.key, attr.value));
+            additionalAttributes.forEach((attr) => input === null || input === void 0 ? void 0 : input.setAttribute(attr.key, attr.value));
         }
         element.appendChild(input);
     }
-    input.disabled = disabled;
-    input.name = name;
-    input.value = value || '';
+    if (input) {
+        input.disabled = disabled;
+        input.name = name;
+        input.value = value || '';
+    }
 };
 export default appendHiddenInput;

package/dist/components/{p-d10d21bd.js → p-0d286c19.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
 import { d as defineCustomElement$3 } from './p-e1622f4a.js';
-import { d as defineCustomElement$2 } from './p-7c3348eb.js';
-import { d as defineCustomElement$1 } from './p-f7d94947.js';
+import { d as defineCustomElement$2 } from './p-ead6727f.js';
+import { d as defineCustomElement$1 } from './p-edc838a0.js';
 
 const headerLauncherButtonCss = ":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";
 const TdsHeaderLauncherButtonStyle0 = headerLauncherButtonCss;

package/dist/components/{p-63552d0e.js → p-415fafb3.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAttributes } from './p-3fe9cbbf.js';
-import { d as defineCustomElement$1 } from './p-3308d5fa.js';
+import { d as defineCustomElement$1 } from './p-6fd2b339.js';
 
 const popoverCanvasCss = ".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:var(--tds-popover-canvas-box-shadow);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";
 const TdsPopoverCanvasStyle0 = popoverCanvasCss;
@@ -9,7 +9,7 @@ const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas
     constructor() {
         super();
         this.__registerHost();
-        this.inheritedAttributes = [];
+        this.inheritedAttributes = {};
         this.selector = undefined;
         this.referenceEl = undefined;
         this.defaultShow = false;
@@ -33,14 +33,14 @@ const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas
     }
     render() {
         var _a;
-        return (h(Host, { key: '8f22b74f8df985de4505b1472cf47b621d5c515e', class: {
+        return (h(Host, { key: 'a4203920290fc5778952324bd349b136a2c3dce8', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", Object.assign({ key: 'a7d3fed2b26cd2dc532e9e78413828d52b28b21e', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+            } }, h("tds-popover-core", Object.assign({ key: 'cab065d1bfbd9a952e7662541de050a9a67c90bb', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
                 'tds-popover-canvas': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '3c1fde8225ca64b259798f763b8d2264346c246e' }, h("slot", { key: 'e133b76f8088a4b572c8bb69792bc3fa6d652da9' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: 'cc05cad76faaf82ec2f50c748b93092667aff374' }, h("slot", { key: '36ebe3e4eb4c9f11d885b0a609422f8cc57a5f7d' })))));
     }
     get host() { return this; }
     static get style() { return TdsPopoverCanvasStyle0; }

package/dist/components/{p-3308d5fa.js → p-6fd2b339.js}

@@ -1941,6 +1941,7 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
         }
     }
     initialize({ referenceEl, trigger, }) {
+        var _a, _b, _c, _d, _e, _f;
         this.cleanUp();
         if (typeof referenceEl !== 'undefined') {
             this.target = referenceEl;
@@ -1967,9 +1968,9 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
             console.error(`Could not initialize: reference element not found.`);
         }
         if (trigger === 'click' && this.show === null) {
-            this.target.addEventListener('click', this.onClickTarget);
+            (_a = this.target) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this.onClickTarget);
             // Also handle keyboard activation via Enter and Space
-            this.target.addEventListener('keydown', (e) => {
+            (_b = this.target) === null || _b === void 0 ? void 0 : _b.addEventListener('keydown', (e) => {
                 if (e.key === 'Enter' || e.key === ' ') {
                     e.preventDefault();
                     this.openedByKeyboard = true;
@@ -1979,11 +1980,11 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
         }
         if (trigger === 'hover' || trigger === 'hover-popover') {
             // For tabbing over element
-            this.target.addEventListener('focusin', this.handleShow);
-            this.target.addEventListener('focusout', this.handleHide);
+            (_c = this.target) === null || _c === void 0 ? void 0 : _c.addEventListener('focusin', this.handleShow);
+            (_d = this.target) === null || _d === void 0 ? void 0 : _d.addEventListener('focusout', this.handleHide);
             // For hovering over element with selector
-            this.target.addEventListener('mouseenter', this.handleShow);
-            this.target.addEventListener('mouseleave', this.handleHide);
+            (_e = this.target) === null || _e === void 0 ? void 0 : _e.addEventListener('mouseenter', this.handleShow);
+            (_f = this.target) === null || _f === void 0 ? void 0 : _f.addEventListener('mouseleave', this.handleHide);
             // For hovering over Popover itself
             if (trigger === 'hover-popover') {
                 this.host.addEventListener('mouseenter', this.handleShow);
@@ -2025,10 +2026,11 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
         }
     }
     componentDidRender() {
+        var _a;
         if (this.isShown && !this.renderedShowValue && !this.disableLogic) {
             // Here we update the popper position since its position is wrong
             // before it is rendered.
-            this.popperInstance.update();
+            (_a = this.popperInstance) === null || _a === void 0 ? void 0 : _a.update();
         }
         this.renderedShowValue = this.isShown;
     }
@@ -2044,7 +2046,7 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
             'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
         };
         const classList = generateClassList(classes);
-        return (h(Host, { key: '5c557610103827aedbabbd37a79730580d15ca2d', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '487a937b3c9d87b91425f6bd9eb88bc3fa85d7df' })));
+        return (h(Host, { key: '60b658912943cddce1f2614e82f0c7c5ad69ae8b', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '0c4afc0d1a7877645239ccc17a28d50b0eb338e5' })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/{p-c62b61fe.js → p-799470b1.js}

@@ -22,13 +22,15 @@ const TdsButton = /*@__PURE__*/ proxyCustomElement(class TdsButton extends H {
         this.onlyIcon = false;
     }
     handleKeyDown(event) {
+        var _a;
         if (event.key === 'Enter' && !this.disabled) {
-            this.host.querySelector('button').classList.add('active');
+            (_a = this.host.querySelector('button')) === null || _a === void 0 ? void 0 : _a.classList.add('active');
         }
     }
     handleKeyUp(event) {
+        var _a;
         if (event.key === 'Enter' && !this.disabled) {
-            this.host.querySelector('button').classList.remove('active');
+            (_a = this.host.querySelector('button')) === null || _a === void 0 ? void 0 : _a.classList.remove('active');
         }
     }
     render() {
@@ -37,11 +39,11 @@ const TdsButton = /*@__PURE__*/ proxyCustomElement(class TdsButton extends H {
         if (!this.text && !hasLabelSlot) {
             this.onlyIcon = true;
         }
-        return (h(Host, { key: '7358240d76e1b7a6df238b2a1e5f1702f9cd33d7', class: {
+        return (h(Host, { key: '21f6dc31ba1b823cb16f9fe305ae25787e19a30b', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
                 disabled: Boolean(this.disabled),
                 fullbleed: Boolean(this.fullbleed),
-            }, disabled: this.disabled }, h("button", Object.assign({ key: '971f814b0b832e9b161c77812fb7668ed34312ab', type: this.type, name: this.name ? this.name : undefined, value: this.value ? this.value : undefined, disabled: this.disabled, class: {
+            }, disabled: this.disabled }, h("button", Object.assign({ key: 'bd728c9a035b0625ac1aad1fd6c3b95bff1968ef', type: this.type, name: this.name ? this.name : undefined, value: this.value ? this.value : undefined, disabled: this.disabled, class: {
                 'primary': this.variant === 'primary',
                 'secondary': this.variant === 'secondary',
                 'ghost': this.variant === 'ghost',
@@ -55,7 +57,7 @@ const TdsButton = /*@__PURE__*/ proxyCustomElement(class TdsButton extends H {
                 'icon': hasIconSlot,
                 'only-icon': this.onlyIcon,
                 [`animation-${this.animation}`]: this.animation !== 'none',
-            } }, (this.onlyIcon && this.tdsAriaLabel && { 'aria-label': this.tdsAriaLabel })), this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '2dc9400b032af40765d7ba1add85c09249dea64b', name: "label" }), hasIconSlot && h("slot", { key: '01af3eeaa00abc5dc824f4fa4633b2460fb4fe46', name: "icon" }))));
+            } }, (this.onlyIcon && this.tdsAriaLabel && { 'aria-label': this.tdsAriaLabel })), this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '91fd005e481049141b0a34f654f1a3f2c7ff8c20', name: "label" }), hasIconSlot && h("slot", { key: '52a6ae5066c89b72f953026bdb49037274005e75', name: "icon" }))));
     }
     get host() { return this; }
     static get style() { return TdsButtonStyle0; }