v4web-components/dist/stencil-library/p-038e2444.entry.js

Stencil Component Starter

import{r as e,h as a}from"./p-c2aeec95.js";const s=".v4-context-menu.sc-lab-ds-breadcrumb{display:flex;align-items:center;gap:var(--lab-ds-semantic-selectable-space-gap-s)}.page-link.sc-lab-ds-breadcrumb{font:var(--lab-ds-semantic-typography-body-none-decoration-p2-regular);padding:var(--lab-ds-semantic-selectable-space-padding-xs);border-radius:var(--lab-ds-semantic-selectable-border-radius-xxs);color:var(--lab-ds-semantic-color-fg-enabled);cursor:pointer}.page-link.sc-lab-ds-breadcrumb:hover{background-color:var(--lab-ds-semantic-selectable-color-bg-hover);color:var(--lab-ds-semantic-selectable-color-primary-default);text-decoration:underline}.page-link.sc-lab-ds-breadcrumb:active{background-color:var(--lab-ds-semantic-selectable-color-bg-cloudy);color:var(--lab-ds-semantic-selectable-color-primary-press)}.page-link.sc-lab-ds-breadcrumb:focus{outline-width:var(--lab-ds-semantic-selectable-border-width-s);outline-color:var(--lab-ds-semantic-selectable-color-primary-focus);color:var(--lab-ds-semantic-selectable-color-primary-focus);text-decoration:underline}.page-link-divider.sc-lab-ds-breadcrumb{font:var(--lab-ds-semantic-typography-body-none-decoration-p2-bold)}.breadcrumb.sc-lab-ds-breadcrumb{display:flex;align-items:center;gap:var(--lab-ds-semantic-selectable-space-gap-s)}.breadcrumb.last-item.sc-lab-ds-breadcrumb .page-link.sc-lab-ds-breadcrumb{font:var(--lab-ds-semantic-typography-body-none-decoration-p2-bold)}.breadcrumb.last-item.sc-lab-ds-breadcrumb .page-link-divider.sc-lab-ds-breadcrumb{display:none}";const r=class{constructor(a){e(this,a);this.breadcrumbs=undefined;this.itemsColapsed=[];this.disabled=false}render(){var e,s,r,l;if(((e=this.breadcrumbs)===null||e===void 0?void 0:e.length)>6){this.breadcrumbs.forEach(((e,a)=>{if(a===0||a>this.breadcrumbs.length-3)return;else{this.itemsColapsed=[...this.itemsColapsed,{label:e.label,key:e.key,event:()=>e.event()}]}}))}return a("div",{class:`v4-context-menu`},((s=this.breadcrumbs)===null||s===void 0?void 0:s.length)<7?(r=this.breadcrumbs)===null||r===void 0?void 0:r.map(((e,s)=>a("div",{class:`breadcrumb ${this.breadcrumbs.length===s+1?"last-item":""}`,key:e.key},a("a",{onClick:()=>{e.event()},class:"page-link",tabIndex:s+1},e.label),a("span",{class:"page-link-divider"},"/")))):(l=this.breadcrumbs)===null||l===void 0?void 0:l.map(((e,s)=>{if(s===0||s>this.breadcrumbs.length-3)return a("div",{class:`breadcrumb ${this.breadcrumbs.length===s+1?"last-item":""}`,key:e.key},a("a",{onClick:()=>{e.event()},class:"page-link",tabIndex:s+1},e.label),a("span",{class:"page-link-divider"},"/"));else if(s===1){return a("div",{tabIndex:s+1,class:`breadcrumb`,key:e.key},a("lab-ds-context-menu",{iconMenu:"more_horiz",items:this.itemsColapsed}),a("span",{class:"page-link-divider"},"/"))}})))}};r.style=s;export{r as lab_ds_breadcrumb};
//# sourceMappingURL=p-038e2444.entry.js.map