@scania/tegel 1.47.2 → 1.48.0

package/dist/components/p-32351d04.js

@@ -1,37 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const sideMenuUserImageCss = ":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";
-const TdsSideMenuUserImageStyle0 = sideMenuUserImageCss;
-
-const TdsSideMenuUserImage = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuUserImage extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.src = undefined;
-        this.alt = undefined;
-    }
-    render() {
-        return (h(Host, { key: '22bb496463e8548ddf2ce55f95f112dae1afa181' }, h("slot", { key: 'ebbe1e06c9b27b41f9f206f65890654be3866d03' }), this.src && h("img", { key: '2a378a8e56cb54a5c300123e156ecadf04d92459', src: this.src, alt: this.alt })));
-    }
-    static get style() { return TdsSideMenuUserImageStyle0; }
-}, [1, "tds-side-menu-user-image", {
-        "src": [1],
-        "alt": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-user-image"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-user-image":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuUserImage);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsSideMenuUserImage as T, defineCustomElement as d };

package/dist/components/p-381677ec.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const dividerCss = ".divider{box-sizing:border-box;background-color:var(--tds-divider-background)}.divider *{box-sizing:border-box}.divider.discrete{background-color:var(--tds-divider-background-discrete)}.divider.subtle{background-color:var(--tds-divider-background-subtle)}.divider.soft{background-color:var(--tds-divider-background-soft)}.divider.defined{background-color:var(--tds-divider-background-defined)}.divider.dark-blue{background-color:var(--tds-divider-background-dark-blue)}.divider.horizontal{width:100%;height:1px}.divider.vertical{height:100%;width:1px}";
-const TdsDividerStyle0 = dividerCss;
-
-const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.orientation = 'horizontal';
-        this.variant = 'subtle';
-    }
-    render() {
-        return (h(Host, { key: '286c212f733e5cac724b50b8cd1e99f12f6b6de3', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: 'f6a3b9c516f7f072cad30d06b597d58728502b12', class: {
-                'divider': true,
-                'vertical': this.orientation === 'vertical',
-                'horizontal': this.orientation === 'horizontal',
-                'discrete': this.variant === 'discrete',
-                'subtle': this.variant === 'subtle',
-                'soft': this.variant === 'soft',
-                'defined': this.variant === 'defined',
-                'dark-blue': this.variant === 'dark-blue',
-            } })));
-    }
-    static get style() { return TdsDividerStyle0; }
-}, [1, "tds-divider", {
-        "orientation": [1],
-        "variant": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-divider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-divider":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Divider);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { Divider as D, defineCustomElement as d };

package/dist/components/p-49b20476.js

@@ -1,82 +0,0 @@
-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-e62ed985.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;
-
-const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.inheritedAttributes = {};
-        this.selector = undefined;
-        this.referenceEl = undefined;
-        this.defaultShow = false;
-        this.show = null;
-        this.placement = 'auto';
-        this.offsetSkidding = 0;
-        this.animation = 'none';
-        this.offsetDistance = 8;
-        this.modifiers = [];
-        this.tdsAlertDialog = 'dialog';
-        this.modeVariant = null;
-        this.childRef = undefined;
-    }
-    /** Property for closing popover programmatically */
-    async close() {
-        var _a;
-        (_a = this.childRef) === null || _a === void 0 ? void 0 : _a.close();
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '3a0b77989875719936176b458b661398e587f818', class: {
-                [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", Object.assign({ key: '13299274cbac5380a1e30da56c4e60ec4054c7ae', 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: '6bfb89642f8d1c2b567623e31b65645e9f3010a1' }, h("slot", { key: 'ec3fd10e79ff3707253bcf931415e212445752a5' })))));
-    }
-    get host() { return this; }
-    static get style() { return TdsPopoverCanvasStyle0; }
-}, [6, "tds-popover-canvas", {
-        "selector": [1],
-        "referenceEl": [16],
-        "defaultShow": [4, "default-show"],
-        "show": [4],
-        "placement": [1],
-        "offsetSkidding": [2, "offset-skidding"],
-        "animation": [1],
-        "offsetDistance": [2, "offset-distance"],
-        "modifiers": [16],
-        "tdsAlertDialog": [1, "tds-alert-dialog"],
-        "modeVariant": [1, "mode-variant"],
-        "childRef": [32],
-        "close": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-popover-canvas", "tds-popover-core"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-popover-canvas":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsPopoverCanvas);
-            }
-            break;
-        case "tds-popover-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsPopoverCanvas as T, defineCustomElement as d };

package/dist/components/p-4c0aa33f.js

@@ -1,117 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as dfs } from './p-52bf0fdf.js';
-import { d as defineCustomElement$1 } from './p-e1622f4a.js';
-
-const headerItemCss = ":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-hover)}:host ::slotted(button:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}";
-const TdsHeaderItemStyle0 = headerItemCss;
-
-const TdsHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsHeaderItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.active = false;
-        this.selected = false;
-    }
-    updateSlotted(searchPredicate, mutationCallback) {
-        var _a;
-        const assignedElements = (_a = this.slotEl) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true });
-        if (!(assignedElements === null || assignedElements === void 0 ? void 0 : assignedElements.length))
-            return;
-        const firstSlottedElement = assignedElements[0];
-        if (firstSlottedElement) {
-            const foundElement = dfs(firstSlottedElement, searchPredicate);
-            if (foundElement) {
-                mutationCallback(foundElement);
-            }
-        }
-    }
-    /**
-     * This function is needed because we can't use CSS selectors to style something in the light dom
-     */
-    updateSlottedElements() {
-        if (this.slotEl) {
-            const isIconOrSvg = (element) => element.tagName.toLowerCase() === 'tds-icon' || element.tagName.toLowerCase() === 'svg';
-            const addIconClass = (element) => element.classList.add('__tds-header-item-icon');
-            this.updateSlotted(isIconOrSvg, addIconClass);
-            const isImage = (element) => element.tagName.toLowerCase() === 'img';
-            const addImageClass = (element) => element.classList.add('__tds-header-item-image');
-            this.updateSlotted(isImage, addImageClass);
-        }
-    }
-    /**
-     * Read the native "order" attribute on the host and update the CSS order accordingly.
-     * If the attribute "order" has the value "end", the order is set to 1. Otherwise, 0.
-     */
-    updateOrder() {
-        const orderValue = this.host.getAttribute('order');
-        switch (orderValue) {
-            case 'end':
-                this.host.style.order = '1';
-                break;
-            case 'start':
-            case null:
-            default:
-                this.host.style.order = '0';
-                break;
-        }
-    }
-    componentDidLoad() {
-        var _a, _b;
-        this.slotEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
-        this.updateSlottedElements();
-        (_b = this.slotEl) === null || _b === void 0 ? void 0 : _b.addEventListener('slotchange', this.updateSlottedElements);
-        // Set the order on initial load.
-        this.updateOrder();
-        // Create a MutationObserver to listen for changes on the "order" attribute.
-        this.mutationObserver = new MutationObserver((mutations) => {
-            mutations.forEach((mutation) => {
-                if (mutation.type === 'attributes' && mutation.attributeName === 'order') {
-                    this.updateOrder();
-                }
-            });
-        });
-        // Start observing the host element for attribute changes (specifically "order").
-        this.mutationObserver.observe(this.host, {
-            attributes: true,
-            attributeFilter: ['order'],
-        });
-    }
-    disconnectedCallback() {
-        if (this.mutationObserver) {
-            this.mutationObserver.disconnect();
-        }
-    }
-    render() {
-        return (h(Host, { key: '4eb20ba50fa39faabf4a0538ae328f63a5468c0a' }, h("tds-core-header-item", { key: '0d49c9362325f4dbb0505ff2eeccfae761be5809', class: {
-                'component-active': this.active,
-                'component-selected': this.selected,
-            } }, h("slot", { key: 'cd629d0c001b0e17df021a5f19afad156f1ee13e' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderItemStyle0; }
-}, [1, "tds-header-item", {
-        "active": [4],
-        "selected": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-item", "tds-core-header-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderItem);
-            }
-            break;
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsHeaderItem as T, defineCustomElement as d };

package/dist/components/p-4f672d4f.js

@@ -1,112 +0,0 @@
-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-e62ed985.js';
-
-const tooltipCss = ".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
-const TdsTooltipStyle0 = tooltipCss;
-
-const TdsTooltip = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.border = '';
-        this.popperjsExtraModifiers = [
-            {
-                name: 'positionCalc',
-                enabled: true,
-                phase: 'main',
-                fn: ({ state }) => {
-                    if (state.placement === 'bottom-start' || state.placement === 'right-start') {
-                        this.border = 'top-left';
-                    }
-                    else if (state.placement === 'bottom-end' || state.placement === 'left-start') {
-                        this.border = 'top-right';
-                    }
-                    else if (state.placement === 'top-end' || state.placement === 'left-end') {
-                        this.border = 'bottom-right';
-                    }
-                    else if (state.placement === 'top-start' || state.placement === 'right-end') {
-                        this.border = 'bottom-left';
-                    }
-                    else if (state.placement === 'bottom' || state.placement === 'top') {
-                        this.border = 'default';
-                    }
-                },
-            },
-        ];
-        this.inheritedAttributes = {};
-        this.text = '';
-        this.selector = undefined;
-        this.referenceEl = undefined;
-        this.defaultShow = false;
-        this.mouseOverTooltip = false;
-        this.trigger = 'hover';
-        this.show = null;
-        this.placement = 'bottom';
-        this.offsetSkidding = 0;
-        this.offsetDistance = 8;
-        this.tdsAriaDescribedby = undefined;
-    }
-    handleKeyDown(event) {
-        if (event.key === 'Escape' && this.show) {
-            this.show = false;
-        }
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
-    }
-    determineTrigger() {
-        if (this.trigger === 'hover') {
-            return this.mouseOverTooltip ? 'hover-popover' : 'hover';
-        }
-        return this.trigger;
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '49b74045dffd614a85e5749c0f3e22a5c825b12a', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '8b02fca65300f241ddeb938977f6260477f10804' }, this.inheritedAttributes, { class: {
-                'tds-tooltip': true,
-                [`tds-tooltip-${this.border}`]: true,
-                [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
-                'tds-tooltip-show': !!this.show,
-            }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.determineTrigger(), modifiers: this.popperjsExtraModifiers, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, show: this.show, placement: this.placement, autoHide: false, onInternalTdsShow: () => {
-                this.show = true;
-            }, onInternalTdsClose: () => {
-                this.show = false;
-            }, defaultShow: this.defaultShow }), this.text, h("slot", { key: '3dc322ae67df156173931c052dfd97b4f7fb8acb' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsTooltipStyle0; }
-}, [6, "tds-tooltip", {
-        "text": [1],
-        "selector": [1],
-        "referenceEl": [16],
-        "defaultShow": [4, "default-show"],
-        "mouseOverTooltip": [4, "mouse-over-tooltip"],
-        "trigger": [1],
-        "show": [1028],
-        "placement": [1],
-        "offsetSkidding": [2, "offset-skidding"],
-        "offsetDistance": [2, "offset-distance"],
-        "tdsAriaDescribedby": [1, "tds-aria-describedby"]
-    }, [[8, "keydown", "handleKeyDown"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-tooltip", "tds-popover-core"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-tooltip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTooltip);
-            }
-            break;
-        case "tds-popover-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsTooltip as T, defineCustomElement as d };

package/dist/components/p-542226b2.js

@@ -1,110 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-
-const checkboxCss = ".sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:\"\";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:\"\";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:20px;height:20px;left:2px;top:2px;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus-visible::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-disabled);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-image:var(--tds-checkbox-background-img-indeterminate);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::after{background-image:var(--tds-checkbox-background-img-indeterminate-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}";
-const TdsCheckboxStyle0 = checkboxCss;
-
-const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.tdsChange = createEvent(this, "tdsChange", 6);
-        this.tdsFocus = createEvent(this, "tdsFocus", 6);
-        this.tdsBlur = createEvent(this, "tdsBlur", 6);
-        this.handleChange = () => {
-            this.checked = !this.checked;
-            this.indeterminate = false;
-            this.tdsChange.emit({
-                checkboxId: this.checkboxId,
-                checked: this.checked,
-                indeterminate: this.indeterminate,
-                value: this.value,
-            });
-        };
-        this.name = undefined;
-        this.checkboxId = generateUniqueId();
-        this.disabled = false;
-        this.required = false;
-        this.checked = false;
-        this.indeterminate = false;
-        this.value = undefined;
-        this.tdsAriaLabel = undefined;
-        this.tdsAriaDescribedby = undefined;
-    }
-    /** Toggles the checked value of the component. */
-    async toggleCheckbox() {
-        this.checked = !this.checked;
-        this.indeterminate = false;
-        return {
-            checkboxId: this.checkboxId,
-            checked: this.checked,
-        };
-    }
-    /** Method to programmatically focus the checkbox element */
-    async focusElement() {
-        if (this.inputElement) {
-            this.inputElement.focus();
-        }
-    }
-    handleIndeterminateState() {
-        this.inputElement.indeterminate = this.indeterminate;
-    }
-    /** Set the input as focus when clicking the component */
-    handleFocus(event) {
-        this.tdsFocus.emit(event);
-    }
-    /** Set the input as blur when clicking outside the component */
-    handleBlur(event) {
-        this.tdsBlur.emit(event);
-    }
-    /** Listens for a reset event inside a form */
-    handleFormReset(event) {
-        if (this.host.closest('form') === event.target) {
-            this.checked = false;
-            this.indeterminate = false;
-        }
-    }
-    render() {
-        return (h("div", { key: 'dfffd2e58507c14f16d9c0979d1cf794296b83eb', class: "tds-checkbox" }, h("input", { key: '6003dd1ba8c0ffc40a7f3f692867e47801ebfb0d', ref: (inputElement) => {
-                if (inputElement)
-                    this.inputElement = inputElement;
-            }, indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-label": this.tdsAriaLabel, "aria-describedby": this.tdsAriaDescribedby, required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
-                this.handleChange();
-            } }), h("label", { key: '0fb389206bd35497737b14a0cf12093a32de7881', htmlFor: this.checkboxId }, h("slot", { key: '7a085546f31a1aa6f4dd2ddab4f053bf86663dda', name: "label" }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "indeterminate": ["handleIndeterminateState"]
-    }; }
-    static get style() { return TdsCheckboxStyle0; }
-}, [6, "tds-checkbox", {
-        "name": [1],
-        "checkboxId": [1, "checkbox-id"],
-        "disabled": [4],
-        "required": [4],
-        "checked": [1540],
-        "indeterminate": [1028],
-        "value": [1],
-        "tdsAriaLabel": [1, "tds-aria-label"],
-        "tdsAriaDescribedby": [1, "tds-aria-describedby"],
-        "toggleCheckbox": [64],
-        "focusElement": [64]
-    }, [[4, "reset", "handleFormReset"]], {
-        "indeterminate": ["handleIndeterminateState"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-checkbox"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-checkbox":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsCheckbox);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsCheckbox as T, defineCustomElement as d };

package/dist/components/p-5725d7a2.js

@@ -1,113 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as dfs } from './p-52bf0fdf.js';
-
-const sideMenuItemCss = ":host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:10px;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component ::slotted(tds-side-menu-user),:host .component-has-user ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:16px;padding:0 22px 0 16px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button),:host .component:hover ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a)::before,:host .component:hover ::slotted(button)::before,:host .component:hover ::slotted(tds-side-menu-user)::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:hover ::slotted(a:focus-visible),:host .component:hover ::slotted(button:focus-visible),:host .component:hover ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a:focus-visible)::before,:host .component:hover ::slotted(button:focus-visible)::before,:host .component:hover ::slotted(tds-side-menu-user:focus-visible)::before{content:\"\";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:active ::slotted(a),:host .component:active ::slotted(button),:host .component:active ::slotted(tds-side-menu-user){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a)::before,:host .component:active ::slotted(button)::before,:host .component:active ::slotted(tds-side-menu-user)::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component:active ::slotted(a:focus-visible),:host .component:active ::slotted(button:focus-visible),:host .component:active ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a:focus-visible)::before,:host .component:active ::slotted(button:focus-visible)::before,:host .component:active ::slotted(tds-side-menu-user:focus-visible)::before{content:\"\";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a)::before,:host .component-selected:not(:host .component-active) ::slotted(button)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user)::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible)::before{content:\"\";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}";
-const TdsSideMenuItemStyle0 = sideMenuItemCss;
-
-const TdsSideMenuItem = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.selected = false;
-        this.active = false;
-        this.collapsed = false;
-        this.hasUserComponent = false;
-    }
-    findSlottedAndExecute(searchPredicate, callback) {
-        var _a;
-        const assignedElements = (_a = this.slotEl) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true });
-        if (!(assignedElements === null || assignedElements === void 0 ? void 0 : assignedElements.length))
-            return;
-        const firstSlottedElement = assignedElements[0];
-        if (firstSlottedElement) {
-            const foundElement = dfs(firstSlottedElement, searchPredicate);
-            if (foundElement) {
-                callback(foundElement);
-            }
-        }
-    }
-    /**
-     * This function is needed because we can't use CSS selectors to style something in the light dom
-     */
-    updateSlottedElements() {
-        if (this.slotEl) {
-            const isIconOrSvg = (element) => element.tagName.toLowerCase() === 'tds-icon' || element.tagName.toLowerCase() === 'svg';
-            const addIconClass = (element) => {
-                element.classList.add('__tds-side-menu-item-icon');
-                if (this.collapsed) {
-                    element.classList.add('__tds-side-menu-item-icon-collapsed');
-                }
-                else {
-                    element.classList.remove('__tds-side-menu-item-icon-collapsed');
-                }
-            };
-            this.findSlottedAndExecute(isIconOrSvg, addIconClass);
-        }
-    }
-    updateHasUserComponent() {
-        if (this.slotEl) {
-            const isUserComponent = (element) => element.tagName.toLowerCase() === 'tds-side-menu-user';
-            this.hasUserComponent = false;
-            this.findSlottedAndExecute(isUserComponent, () => {
-                this.hasUserComponent = true;
-            });
-        }
-    }
-    connectedCallback() {
-        var _a;
-        // closest() will return null if side-menu-item is inside a shadowRoot that
-        // does not contain a side-menu. This is the case for the side-menu-dropdown.
-        this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
-    }
-    componentDidLoad() {
-        var _a, _b;
-        this.slotEl = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) !== null && _b !== void 0 ? _b : null;
-        this.updateSlottedElements();
-        this.updateHasUserComponent();
-        if (this.slotEl) {
-            this.slotEl.addEventListener('slotchange', () => {
-                this.updateSlottedElements();
-                this.updateHasUserComponent();
-            });
-        }
-    }
-    collapseSideMenuEventHandler(event) {
-        this.collapsed = event.detail.collapsed;
-        this.updateSlottedElements();
-        this.updateHasUserComponent();
-    }
-    render() {
-        return (h(Host, { key: '4f5ced7e398987e33d5c2ee08a2b50637ccbaf8f' }, h("div", { key: '6bbeae2f3148011c7b516b1922df693abb6f2083', class: {
-                'component': true,
-                'component-selected': this.selected,
-                'component-active': this.active,
-                'component-collapsed': this.collapsed,
-                'component-has-user': this.hasUserComponent,
-            } }, h("slot", { key: '2a836f4a3892acae4541972dadcf4a5e958d45f4' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsSideMenuItemStyle0; }
-}, [1, "tds-side-menu-item", {
-        "selected": [4],
-        "active": [4],
-        "collapsed": [32],
-        "hasUserComponent": [32]
-    }, [[16, "internalTdsSideMenuPropChange", "collapseSideMenuEventHandler"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuItem);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsSideMenuItem as T, defineCustomElement as d };