{"version":3,"file":"breadcrumb-item.COYY4GTy.js","sources":["../../../../../packages/web-components/src/lib/components/breadcrumb-item/breadcrumb-item.ts"],"sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { pdsCustomElement as customElement } from '../../decorators/pds-custom-element';\nimport { PdsElement } from '../PdsElement';\nimport styles from './breadcrumb-item.scss?inline';\nimport '@principal/design-system-icons-web/chevron-right';\nimport '@principal/design-system-icons-web/chevron-left';\nimport { requiredSlot } from '../../decorators/requiredSlot';\n\n/**\n * @summary A breadcrumb-item (li) element\n *\n * @slot default Required: The content of the breadcrumb item\n *\n * @fires pds-breadcrumb-item-click A custom event dispatched on click\n */\n\n@customElement('pds-breadcrumb-item', {\n  category: 'component',\n  type: 'component',\n  state: 'stable',\n  styles,\n})\nexport class PdsBreadcrumbItem extends PdsElement {\n  /**\n   * - Active denotes current breadcrumb-item rendering it non-clickable.\n   */\n  @property({ type: Boolean })\n  active = false;\n\n  /**\n   * - href supplies the url for the breadcrumb link\n   */\n  @property({ type: String })\n  href = '#';\n\n  /**\n   * @internal\n   */\n  handleClick(e: MouseEvent) {\n    const customEvent = new CustomEvent('pds-breadcrumb-item-click', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      detail: {\n        summary: this.textContent,\n      },\n    });\n\n    this.dispatchEvent(customEvent);\n\n    if (customEvent.defaultPrevented) {\n      e.preventDefault();\n    }\n  }\n\n  /**\n   * @internal\n   */\n  getBreadcrumb(): unknown {\n    if (this.active) {\n      return html`<span\n        part=\"breadcrumb-link\"\n        class=\"${this.classEl('text')}\"\n        aria-current=\"page\"\n        ><slot>Breadcrumb</slot></span\n      >`;\n    }\n\n    return html`<pds-icon-chevron-left size=\"xs\"></pds-icon-chevron-left\n      ><a\n        @click=${this.handleClick}\n        part=\"breadcrumb-link\"\n        class=\"${this.classEl('link')}\"\n        href=\"${this.href}\"\n        ><slot>Breadcrumb</slot></a\n      ><pds-icon-chevron-right size=\"xs\"></pds-icon-chevron-right>`;\n  }\n\n  /**\n   * @internal\n   */\n  get classNames() {\n    return {\n      active: this.active,\n    };\n  }\n\n  @requiredSlot(['default'])\n  render() {\n    return html`<li class=${this.getClass()} role=\"listitem\">\n      ${this.getBreadcrumb()}\n    </li>`;\n  }\n}\n"],"names":["PdsBreadcrumbItem","PdsElement","e","customEvent","html","__decorateClass","property","requiredSlot","customElement","styles"],"mappings":";;;;;;;;;;AAuBa,IAAAA,IAAN,cAAgCC,EAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA,GAKI,KAAA,SAAA,IAMF,KAAA,OAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAKP,YAAYC,GAAe;AACnB,UAAAC,IAAc,IAAI,YAAY,6BAA6B;AAAA,MAC/D,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,QACN,SAAS,KAAK;AAAA,MAAA;AAAA,IAChB,CACD;AAED,SAAK,cAAcA,CAAW,GAE1BA,EAAY,oBACdD,EAAE,eAAe;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAMF,gBAAyB;AACvB,WAAI,KAAK,SACAE;AAAAA;AAAAA,iBAEI,KAAK,QAAQ,MAAM,CAAC;AAAA;AAAA;AAAA,WAM1BA;AAAAA;AAAAA,iBAEM,KAAK,WAAW;AAAA;AAAA,iBAEhB,KAAK,QAAQ,MAAM,CAAC;AAAA,gBACrB,KAAK,IAAI;AAAA;AAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAQvB,IAAI,aAAa;AACR,WAAA;AAAA,MACL,QAAQ,KAAK;AAAA,IACf;AAAA,EAAA;AAAA,EAIF,SAAS;AACA,WAAAA,cAAiB,KAAK,SAAA,CAAU;AAAA,QACnC,KAAK,cAAe,CAAA;AAAA;AAAA,EAAA;AAG5B;AAlEEC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAJhBN,EAKX,WAAA,UAAA,CAAA;AAMAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAVfN,EAWX,WAAA,QAAA,CAAA;AAuDAK,EAAA;AAAA,EADCE,EAAa,CAAC,SAAS,CAAC;AAAA,GAjEdP,EAkEX,WAAA,UAAA,CAAA;AAlEWA,IAANK,EAAA;AAAA,EANNG,EAAc,uBAAuB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAAC;AAAA,EACD,CAAA;AAAA,GACYT,CAAA;"}