UNPKG

@scania/tegel

Version:
1 lines 2.18 kB
import{t,p as e,H as o,h as d,a as s}from"./index.js";const r=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.size="md"}render(){return d(s,{key:"044ca1632bcfa67b268f2f46f6b3f803feabc603"},d("div",{key:"43348d36bbbce184d43fda6cc4eead8fe1b94374",class:{component:!0,"component-selected":this.selected}},d("slot",{key:"d6d036909bc7e83049d9c75add7ee84c68b5eba8"})))}get host(){return this}static get style(){return":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host .component-selected:focus-within{border-left:none}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}"}},[257,"tds-header-dropdown-list-item",{selected:[4],size:[513]}]);function n(){"undefined"!=typeof customElements&&["tds-header-dropdown-list-item"].forEach((e=>{"tds-header-dropdown-list-item"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}n();export{r as T,n as d}