{"version":3,"file":"breadcrumbs-item.B0vRSQsO.js","sources":["../../../../../packages/web-components/src/lib/components/breadcrumbs-item/breadcrumbs-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 './breadcrumbs-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 breadcrumbs-item (li) element\n *\n * @slot default Required: The content of the breadcrumbs item\n *\n * @fires pds-breadcrumbs-item-click A custom event dispatched on click\n */\n\n@customElement('pds-breadcrumbs-item', {\n  category: 'component',\n  type: 'component',\n  state: 'deprecated',\n  styles,\n})\nexport class PdsBreadcrumbsItem 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() {\n    const customEvent = new CustomEvent('pds-breadcrumbs-item-click', {\n      bubbles: true,\n      composed: true,\n      detail: {\n        summary: this.textContent,\n      },\n    });\n\n    this.dispatchEvent(customEvent);\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":["PdsBreadcrumbsItem","PdsElement","customEvent","html","__decorateClass","property","requiredSlot","customElement","styles"],"mappings":";;;;;;;;;;AAuBa,IAAAA,IAAN,cAAiCC,EAAW;AAAA,EAA5C,cAAA;AAAA,UAAA,GAAA,SAAA,GAKI,KAAA,SAAA,IAMF,KAAA,OAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAKP,cAAc;AACN,UAAAC,IAAc,IAAI,YAAY,8BAA8B;AAAA,MAChE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,SAAS,KAAK;AAAA,MAAA;AAAA,IAChB,CACD;AAED,SAAK,cAAcA,CAAW;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMhC,gBAAyB;AACvB,WAAI,KAAK,SACAC;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;AA7DEC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAJhBL,EAKX,WAAA,UAAA,CAAA;AAMAI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAVfL,EAWX,WAAA,QAAA,CAAA;AAkDAI,EAAA;AAAA,EADCE,EAAa,CAAC,SAAS,CAAC;AAAA,GA5DdN,EA6DX,WAAA,UAAA,CAAA;AA7DWA,IAANI,EAAA;AAAA,EANNG,EAAc,wBAAwB;AAAA,IACrC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAAC;AAAA,EACD,CAAA;AAAA,GACYR,CAAA;"}