@scania/tegel 1.47.2 → 1.48.0

package/dist/components/p-a1181b1f.js

@@ -1,16 +0,0 @@
-/**
- * Converts a value (string or number) to string
- * @param value - The value to convert
- * @returns The string representation of the value, or empty string if null/undefined
- */
-const convertToString = (value) => {
-    if (value === null || value === undefined)
-        return '';
-    return value.toString();
-};
-// Optional: If we need array conversion often
-const convertArrayToStrings = (values) => {
-    return values.map((value) => convertToString(value));
-};
-
-export { convertArrayToStrings as a, convertToString as c };

package/dist/components/p-ae4ca8c3.js

@@ -1,165 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { c as convertToString } from './p-a1181b1f.js';
-import { d as defineCustomElement$2 } from './p-542226b2.js';
-import { d as defineCustomElement$1 } from './p-f086ba26.js';
-
-const dropdownOptionCss = ":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";
-const TdsDropdownOptionStyle0 = dropdownOptionCss;
-
-const TdsDropdownOption = /*@__PURE__*/ proxyCustomElement(class TdsDropdownOption extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsSelect = createEvent(this, "tdsSelect", 6);
-        this.tdsFocus = createEvent(this, "tdsFocus", 6);
-        this.tdsBlur = createEvent(this, "tdsBlur", 6);
-        this.parentElement = null;
-        // @ts-expect-error - label property is used internally for text content tracking
-        // eslint-disable-next-line no-unused-vars,
-        this.label = '';
-        this.componentWillRender = () => {
-            var _a, _b, _c;
-            if (!this.host.parentElement) {
-                return;
-            }
-            this.parentElement =
-                ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === 'TDS-DROPDOWN'
-                    ? this.host.parentElement
-                    : this.host.getRootNode().host;
-            if (this.parentElement) {
-                this.multiselect = (_b = this.parentElement.multiselect) !== null && _b !== void 0 ? _b : false;
-                this.size = this.parentElement.size || 'lg';
-            }
-            this.label = ((_c = this.host.textContent) === null || _c === void 0 ? void 0 : _c.trim()) || '';
-        };
-        this.handleSingleSelect = () => {
-            var _a, _b;
-            if (!this.disabled) {
-                this.selected = true;
-                (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.appendValue(this.internalValue);
-                (_b = this.parentElement) === null || _b === void 0 ? void 0 : _b.close();
-                this.tdsSelect.emit({
-                    value: this.internalValue,
-                    selected: this.selected,
-                });
-            }
-        };
-        this.handleMultiselect = (event) => {
-            var _a, _b;
-            if (!this.disabled) {
-                if (event.detail.checked) {
-                    (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.appendValue(this.internalValue);
-                    this.selected = true;
-                    this.tdsSelect.emit({
-                        value: this.internalValue,
-                        selected: this.selected,
-                    });
-                }
-                else {
-                    (_b = this.parentElement) === null || _b === void 0 ? void 0 : _b.removeValue(this.internalValue);
-                    this.selected = false;
-                    this.tdsSelect.emit({
-                        value: this.internalValue,
-                        selected: this.selected,
-                    });
-                }
-                event.stopPropagation();
-            }
-        };
-        this.handleFocus = (event) => {
-            // Focus events are now handled by the parent dropdown component
-            // Only emit if this is a standalone option (not within a dropdown)
-            if (!this.parentElement) {
-                this.tdsFocus.emit(event);
-            }
-        };
-        this.handleBlur = (event) => {
-            // Blur events are now handled by the parent dropdown component
-            // Only emit if this is a standalone option (not within a dropdown)
-            if (!this.parentElement) {
-                this.tdsBlur.emit(event);
-            }
-        };
-        this.value = undefined;
-        this.internalValue = '';
-        this.disabled = false;
-        this.tdsAriaLabel = undefined;
-        this.selected = false;
-        this.multiselect = false;
-        this.size = 'lg';
-    }
-    /** Method to select/deselect an option. */
-    async setSelected(selected) {
-        this.selected = selected;
-    }
-    valueWatcher(newValue) {
-        this.internalValue = convertToString(newValue);
-    }
-    componentWillLoad() {
-        this.internalValue = convertToString(this.value);
-    }
-    render() {
-        return (h(Host, { key: '5276b572424933484ff6d923e5210dcd647b9554' }, h("div", { key: '5eea7afac6ba6c1badfbc8ccf1f53ceb24df567d', class: `dropdown-option
-          ${this.size}
-          ${this.selected ? 'selected' : ''}
-          ${this.disabled ? 'disabled' : ''}
-          ` }, this.multiselect ? (h("div", { class: "multiselect", onKeyDown: (event) => {
-                var _a;
-                if (event.key === 'Escape') {
-                    (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.close();
-                }
-            } }, h("tds-checkbox", { onTdsChange: (event) => {
-                this.handleMultiselect(event);
-            }, onTdsBlur: (event) => {
-                event.stopPropagation();
-            }, disabled: this.disabled, checked: this.selected, tdsAriaLabel: this.tdsAriaLabel, class: {
-                [this.size]: true,
-            } }, h("div", { slot: "label" }, h("slot", null))))) : (h("button", { role: "option", "aria-disabled": this.disabled, "aria-selected": this.selected, "aria-label": this.tdsAriaLabel, onClick: () => {
-                this.handleSingleSelect();
-            }, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), disabled: this.disabled, class: this.size }, h("div", { class: "single-select" }, h("slot", null), this.selected && h("tds-icon", { name: "tick", size: "16px" })))))));
-    }
-    static get delegatesFocus() { return true; }
-    get host() { return this; }
-    static get watchers() { return {
-        "value": ["valueWatcher"]
-    }; }
-    static get style() { return TdsDropdownOptionStyle0; }
-}, [17, "tds-dropdown-option", {
-        "value": [8],
-        "disabled": [4],
-        "tdsAriaLabel": [1, "tds-aria-label"],
-        "internalValue": [32],
-        "selected": [32],
-        "multiselect": [32],
-        "size": [32],
-        "setSelected": [64]
-    }, undefined, {
-        "value": ["valueWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-dropdown-option", "tds-checkbox", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-dropdown-option":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsDropdownOption);
-            }
-            break;
-        case "tds-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsDropdownOption as T, defineCustomElement as d };

package/dist/components/p-d5461a3c.js

@@ -1,59 +0,0 @@
-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-4c0aa33f.js';
-import { d as defineCustomElement$1 } from './p-f086ba26.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;
-
-const TdsHeaderLauncherButton = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.active = false;
-        this.tdsAriaLabel = undefined;
-    }
-    render() {
-        this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes(this.host));
-        const buttonProps = Object.assign({}, this.ariaAttributes);
-        return (h(Host, { key: '72018ce054eb1c8c0d743887693ae0eb5a5fceae' }, h("tds-header-item", { key: '575f5f39bc75aaae01e3d62149228c63d389cbca', active: this.active }, h("button", Object.assign({ key: '9c0d368a1f63260950e93f72c022b4d030f20587' }, buttonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: 'e8ee6fc3fcf23cebc14fb084517abaf68c71a495', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderLauncherButtonStyle0; }
-}, [1, "tds-header-launcher-button", {
-        "active": [4],
-        "tdsAriaLabel": [1, "tds-aria-label"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-launcher-button", "tds-core-header-item", "tds-header-item", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-launcher-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderLauncherButton);
-            }
-            break;
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsHeaderLauncherButton as T, defineCustomElement as d };

package/dist/components/p-e0997ae2.js

@@ -1,41 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.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)}";
-const TdsHeaderDropdownListItemStyle0 = headerDropdownListItemCss;
-
-const TdsHeaderDropdownListItem = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdownListItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.selected = false;
-        this.size = 'md';
-    }
-    render() {
-        return (h(Host, { key: 'f44417356b72d471bc6b9da6f05a92ee847492fd' }, h("div", { key: '4b3d24be55310e85146c89ac249bc6d100be4c6c', class: {
-                'component': true,
-                'component-selected': this.selected,
-            } }, h("slot", { key: '2a37b399064d6f5ca3cc15417f48d60380d6b6dc' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderDropdownListItemStyle0; }
-}, [1, "tds-header-dropdown-list-item", {
-        "selected": [4],
-        "size": [513]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-dropdown-list-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-dropdown-list-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderDropdownListItem);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsHeaderDropdownListItem as T, defineCustomElement as d };

package/dist/components/p-e1622f4a.js

@@ -1,32 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const coreHeaderItemCss = ":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";
-const TdsCoreHeaderItemStyle0 = coreHeaderItemCss;
-
-const TdsCoreHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsCoreHeaderItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: 'cdc1e1712659f82b9bbefd67977de93963dbc68e' }, h("div", { key: '1c39a69aa967c64941be3507d7e88f92cea58623', class: "item" }, h("slot", { key: '62576106bdb13d983e5a415421522bbcddd348bf' }))));
-    }
-    static get style() { return TdsCoreHeaderItemStyle0; }
-}, [1, "tds-core-header-item"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-core-header-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsCoreHeaderItem);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsCoreHeaderItem as T, defineCustomElement as d };