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

Tegel Design System

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-ca8040ad.js');

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

const TdsSideMenuUserImage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.src = undefined;
        this.alt = undefined;
    }
    render() {
        return (index.h(index.Host, { key: 'f673e69a1f9064b9b70def6942bb357b0fbbef1a' }, index.h("slot", { key: 'd2b6b1b29dd8ab033e229aac63aa864a2d866be6' }), this.src && index.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) {
        index.registerInstance(this, hostRef);
        this.heading = undefined;
        this.subheading = undefined;
    }
    render() {
        return (index.h(index.Host, { key: 'fcd180821724e5e7ad1d8574a3adaf428f124b47' }, this.heading, this.subheading && index.h("div", { key: 'f1d86f3f1f200de394e771ea71839e5e9a94ba10', class: "subheading" }, this.subheading)));
    }
};
TdsSideMenuUserLabel.style = TdsSideMenuUserLabelStyle0;

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