@scania/tegel/dist/components/tds-breadcrumb.js

Tegel Design System

import{t,p as e,H as r,h as o,a as s}from"./index.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.current=!1}render(){return o(s,{key:"f1a223cf44e435b547b42382e8b3d47979c71793",role:"listitem"},o("div",Object.assign({key:"41baa33ae1474121ae4512ddf89fb960670d1cea",class:{current:this.current}},this.current?{"aria-current":"page"}:{}),o("slot",{key:"8f14f28f7e9824e76886a1d49f15d3404666771a"})))}static get style(){return'@charset "UTF-8";:host([role=listitem]) div ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}:host([role=listitem]) div:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}:host([role=listitem]) div ::slotted(*:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host([role=listitem]) div.current ::slotted(*),:host([role=listitem]) div [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}:host([role=listitem]) div.current:hover ::slotted(*),:host([role=listitem]) div [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}:host([role=listitem]) div::after{content:"›";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host([role=listitem]) .current::after{display:none}'}},[257,"tds-breadcrumb",{current:[4]}]);function l(){"undefined"!=typeof customElements&&["tds-breadcrumb"].forEach((e=>{"tds-breadcrumb"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}l();const d=i,a=l;export{d as TdsBreadcrumb,a as defineCustomElement}