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

Tegel Design System

'use strict';

var index = require('./index-DGsdvbvx.js');

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

const TdsSideMenuUserImage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h(index.Host, { key: 'ac72381d5a600698ac717ef744c229193363e242' }, index.h("slot", { key: 'ad3f2d65cba1a212fb25c2fbb7b78deb211334c7' }), this.src && index.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) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h(index.Host, { key: '6bf3db10e42a755d16ee5476fade2b566098f51e' }, this.heading, this.subheading && index.h("div", { key: '67d4a5cedc6ad790f7de79ebc1b2c9e42a842977', class: "subheading" }, this.subheading)));
    }
};
TdsSideMenuUserLabel.style = sideMenuUserLabelCss();

exports.tds_side_menu_user_image = TdsSideMenuUserImage;
exports.tds_side_menu_user_label = TdsSideMenuUserLabel;