@scania/tegel/dist/esm/tds-side-menu-user-image_2.entry.js

Tegel Design System

import { r as registerInstance, h, H as Host } from './index-9xxNGlso.js';

const sideMenuUserImageCss = () => `:host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}`;

const TdsSideMenuUserImage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h(Host, { key: 'ac72381d5a600698ac717ef744c229193363e242' }, h("slot", { key: 'ad3f2d65cba1a212fb25c2fbb7b78deb211334c7' }), this.src && h("img", { key: '87149306298861cd4c2ba6fa26e51a53d632fac9', src: this.src, alt: this.alt })));
    }
};
TdsSideMenuUserImage.style = sideMenuUserImageCss();

const sideMenuUserLabelCss = () => `:host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}`;

const TdsSideMenuUserLabel = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h(Host, { key: '6bf3db10e42a755d16ee5476fade2b566098f51e' }, this.heading, this.subheading && h("div", { key: '67d4a5cedc6ad790f7de79ebc1b2c9e42a842977', class: "subheading" }, this.subheading)));
    }
};
TdsSideMenuUserLabel.style = sideMenuUserLabelCss();

export { TdsSideMenuUserImage as tds_side_menu_user_image, TdsSideMenuUserLabel as tds_side_menu_user_label };