@scania/tegel 1.18.0-1.18.0-tdsheaderitembeta.2 → 1.18.0-beta.2

package/dist/components/p-dddaa520.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: 'cd4bcc9ba4ce93b20e39ab0782136518a99899a3' }, h("slot", { key: '09bf0b847a54c03474e9d5dcaad8d0a5a347dbfc' }), this.src && h("img", { key: '8d74e3733d69ac50f4fe07557b91aec07aa74605', 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-e46088d9.js

@@ -1,35 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const dividerCss = ".divider{box-sizing:border-box}.divider *{box-sizing:border-box}.divider.horizontal{background-color:var(--tds-divider-background);width:100%;height:1px}.divider.vertical{background-color:var(--tds-divider-background);height:100%;width:1px}";
-const TdsDividerStyle0 = dividerCss;
-
-const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.orientation = 'horizontal';
-    }
-    render() {
-        return (h(Host, { key: '52a57f6bab64f6329412bbab154f213864382e98', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: '5ba2a5d20d84748b4b76e7ec24155f29cab69bc5', class: `divider ${this.orientation}` })));
-    }
-    static get style() { return TdsDividerStyle0; }
-}, [1, "tds-divider", {
-        "orientation": [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-e4d7c655.js

@@ -1,91 +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:24px;height:24px;left:0;top:0;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::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-grey-600);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;
-    }
-    /** Toggles the checked value of the component. */
-    async toggleCheckbox() {
-        this.checked = !this.checked;
-        this.indeterminate = false;
-        return {
-            checkboxId: this.checkboxId,
-            checked: this.checked,
-        };
-    }
-    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);
-    }
-    render() {
-        return (h("div", { key: '0efb982ab13c1d75681614675b649e010707b701', class: "tds-checkbox" }, h("input", { key: '834b29962978ea1cf7249018e6b7eea2417da5f4',
-            // eslint-disable-next-line no-return-assign
-            ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), 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: '2150346b336440768beac655de035bf470f9e492', htmlFor: this.checkboxId }, h("slot", { key: 'df61654810e46b8707709d86bae7bdfd627724ee', 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],
-        "toggleCheckbox": [64]
-    }, undefined, {
-        "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-fcec766c.js

@@ -1,101 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './p-859e3ebf.js';
-
-const headerDropdownListCss = ":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}";
-const TdsHeaderDropdownListStyle0 = headerDropdownListCss;
-
-const TdsHeaderDropdownList = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdownList extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        // A Map to store the slots and their associated slotchange listeners.
-        this.slotListeners = new Map();
-        this.size = 'md';
-        this.headingElement = undefined;
-    }
-    componentWillLoad() {
-        const { children } = this.host;
-        // Set the size prop for each child, if they have such a property
-        for (let i = 0; i < children.length; i++) {
-            const child = children[i];
-            if ('size' in child) {
-                child.size = this.size;
-            }
-        }
-        let listRoot = this.host;
-        if (this.host.parentElement.tagName.toLowerCase() === 'tds-header-launcher-list') {
-            listRoot = this.host.parentElement;
-        }
-        const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, isHeadingElement);
-        if (headingEl) {
-            this.headingElement = headingEl;
-        }
-        else {
-            console.warn('Heading element for list not found');
-        }
-    }
-    componentDidLoad() {
-        this.host.shadowRoot.querySelectorAll('slot').forEach((slot) => {
-            // Add the slotchange event listener.
-            const onSlotChange = (e) => {
-                this.processAssignedElements(e.target);
-            };
-            slot.addEventListener('slotchange', onSlotChange);
-            onSlotChange({ target: slot });
-            // Store the slot and its listener in the Map.
-            this.slotListeners.set(slot, onSlotChange);
-        });
-    }
-    processAssignedElements(slot) {
-        const nodes = slot.assignedElements();
-        nodes.forEach((node) => {
-            // Add a listitem role to the assigned element if needed.
-            if (node.tagName.toLowerCase() !== 'li' &&
-                node.tagName.toLowerCase() !== 'slot' &&
-                node.getAttribute('role') !== 'listitem') {
-                node.setAttribute('role', 'listitem');
-            }
-            // If the assigned element is a slot, process its assigned elements recursively.
-            if (node.tagName.toLowerCase() === 'slot') {
-                this.processAssignedElements(node);
-            }
-        });
-    }
-    disconnectedCallback() {
-        this.slotListeners.forEach((listener, slot) => {
-            // Remove the slotchange event listener and delete the entry from the Map.
-            slot.removeEventListener('slotchange', listener);
-            this.slotListeners.delete(slot);
-        });
-    }
-    render() {
-        var _a;
-        const attributes = {
-            'role': 'list',
-            'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
-        };
-        return (h(Host, Object.assign({ key: '2ebed45f0b4d3b872378a1246180fc34f8ea46de' }, attributes), h("slot", { key: '5b72e5cab5c21fdaa55ca8641c729393ade09f75' })));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderDropdownListStyle0; }
-}, [1, "tds-header-dropdown-list", {
-        "size": [513],
-        "headingElement": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-dropdown-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-dropdown-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderDropdownList);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsHeaderDropdownList as T, defineCustomElement as d };