@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-51d04e39.js';

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

const TdsSideMenuUserImage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.src = undefined;
        this.alt = undefined;
    }
    render() {
        return (h(Host, { key: 'f673e69a1f9064b9b70def6942bb357b0fbbef1a' }, h("slot", { key: 'd2b6b1b29dd8ab033e229aac63aa864a2d866be6' }), this.src && h("img", { key: 'f72afa71088d565a19d43dec0646f657eba9c5c3', src: this.src, alt: this.alt })));
    }
};
TdsSideMenuUserImage.style = TdsSideMenuUserImageStyle0;

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 TdsSideMenuUserLabelStyle0 = sideMenuUserLabelCss;

const TdsSideMenuUserLabel = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.heading = undefined;
        this.subheading = undefined;
    }
    render() {
        return (h(Host, { key: 'fcd180821724e5e7ad1d8574a3adaf428f124b47' }, this.heading, this.subheading && h("div", { key: 'f1d86f3f1f200de394e771ea71839e5e9a94ba10', class: "subheading" }, this.subheading)));
    }
};
TdsSideMenuUserLabel.style = TdsSideMenuUserLabelStyle0;

export { TdsSideMenuUserImage as tds_side_menu_user_image, TdsSideMenuUserLabel as tds_side_menu_user_label };