@scania/tegel/dist/esm/tds-breadcrumbs.entry.js

Tegel Design System

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

const breadcrumbsCss = () => `:host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}`;

const TdsBreadcrumbs = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        var _a;
        (_a = this.host.children[this.host.children.length - 1]) === null || _a === void 0 ? void 0 : _a.classList.add('last');
        return (h("nav", { key: 'f24c1dd40a5bf741d3538c1bc5e536c45a9a6b12', "aria-label": this.tdsAriaLabel }, h("div", { key: '955ea954c1a161e2c4b639947f191b3b4a22957a', role: "list", class: "tds-breadcrumb" }, h("slot", { key: '9466ab7b58a6953d79af70ac38cdc5466362dc6c' }))));
    }
    get host() { return getElement(this); }
};
TdsBreadcrumbs.style = breadcrumbsCss();

export { TdsBreadcrumbs as tds_breadcrumbs };