finpro/dist/chunk-VGALK6ST.js

Design System

import{a}from"./chunk-JA3VZI2D.js";import{a as t,b as i,g as o,h as r}from"./chunk-GBPY57YZ.js";import{a as e}from"./chunk-NZ3RGSR6.js";var z=t`ul.breadcrumbs{padding:10px 16px;list-style:none}ul.breadcrumbs li{display:inline;font-size:18px}ul.breadcrumbs li+li:before{padding:8px;color:black;content:"/\\00a0"}ul.breadcrumbs li a{color:#0275d8;text-decoration:none}ul.breadcrumbs li a:hover,ul.breadcrumbs li a.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__{color:#01447e;text-decoration:underline}:host([size='5xs']) ul.breadcrumbs li{font-size:var(--fp-size-5xs)}:host([size='4xs']) ul.breadcrumbs li{font-size:var(--fp-size-4xs)}:host([size='3xs']) ul.breadcrumbs li{font-size:var(--fp-size-3xs)}:host([size='2xs']) ul.breadcrumbs li{font-size:var(--fp-size-2xs)}:host([size='xs']) ul.breadcrumbs li{font-size:var(--fp-size-xs)}:host([size='s']) ul.breadcrumbs li{font-size:var(--fp-size-s)}:host([size='m']) ul.breadcrumbs li{font-size:var(--fp-size-m)}:host([size='l']) ul.breadcrumbs li{font-size:var(--fp-size-l)}:host([size='xl']) ul.breadcrumbs li{font-size:var(--fp-size-xl)}:host([size='2xl']) ul.breadcrumbs li{font-size:var(--fp-size-2xl)}:host([size='3xl']) ul.breadcrumbs li{font-size:var(--fp-size-3xl)}:host([size='4xl']) ul.breadcrumbs li{font-size:var(--fp-size-4xl)}:host([size='5xl']) ul.breadcrumbs li{font-size:var(--fp-size-5xl)}:host([size='6xl']) ul.breadcrumbs li{font-size:var(--fp-size-6xl)}:host([size='xxl']) ul.breadcrumbs li{font-size:var(--fp-size-xxl)}:host([size='2xxl']) ul.breadcrumbs li{font-size:var(--fp-size-2xxl)}:host([size='3xxl']) ul.breadcrumbs li{font-size:var(--fp-size-3xxl)}:host([size='4xxl']) ul.breadcrumbs li{font-size:var(--fp-size-4xxl)}`,x=z;var s=class extends a{constructor(){super(...arguments);this.list=new Array;this.separator="/";this.size="xs"}static get styles(){return[x]}render(){return i`
            <ul class="breadcrumbs">
            ${this.list.map((l,u)=>i`${u>0?`${this.separator}`:""}
                    <a href=${l.href}>
                        <li style=${l.styling}>${l.title}</li>
                    </a>
                `)}
            </ul>`}};e([r({type:Array})],s.prototype,"list",2),e([r({type:String})],s.prototype,"separator",2),e([r({type:String})],s.prototype,"size",2),s=e([o("fp-breadcrumbs")],s);export{s as a};
//# sourceMappingURL=chunk-VGALK6ST.js.map