{"version":3,"file":"primary-navigation-dropdown-link.B3lXRnGB.js","sources":["../../../../../packages/web-components/src/lib/components/primary-navigation-dropdown-link/primary-navigation-dropdown-link.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 './primary-navigation-dropdown-link.scss?inline';\nimport '@principal/design-system-icons-web/arrow-right';\nimport { required } from '../../decorators/required';\nimport { requiredSlot } from '../../decorators/requiredSlot';\n\n/**\n * @summary This component renders a styled anchor tag for the primary-nav\n *\n * @slot default Required: Holds the link contents\n *\n * @fires pds-primary-navigation-dropdown-link-click A custom event dispatched on click\n */\n@customElement('pds-primary-navigation-dropdown-link', {\n  category: 'component',\n  type: 'component',\n  state: 'stable',\n  styles,\n})\nexport class PdsPrimaryNavigationDropdownLink extends PdsElement {\n  /**\n   * The link for the item. This is a **required** property.\n   */\n  @required\n  @property({ type: String })\n  href: string;\n\n  /**\n   * Determines if the item should have an arrow icon\n   */\n  @property({ type: Boolean })\n  arrow: boolean;\n\n  /**\n   * Style variant\n   * - **default** renders the default primary-navigation\n   * - **inverted** renders the inverted primary-navigation\n   */\n  @property()\n  variant: 'default' | 'inverted' = 'default';\n\n  handleClick() {\n    const customEvent = new CustomEvent(\n      'pds-primary-navigation-dropdown-link-click',\n      {\n        bubbles: true,\n        composed: true,\n        detail: {\n          summary: this.textContent,\n        },\n      },\n    );\n\n    this.dispatchEvent(customEvent);\n  }\n\n  /**\n   * @internal\n   */\n  get classNames() {\n    return {\n      arrow: !!this.arrow,\n      [this.variant]: !!this.variant,\n    };\n  }\n\n  @requiredSlot(['default'])\n  render() {\n    return html`<a\n      href=${this.href}\n      @click=${this.handleClick}\n      class=${this.getClass()}\n    >\n      <span class=\"pds-primary-navigation-dropdown-link__content\"\n        ><slot>This is a link</slot></span\n      >\n      ${this.arrow === true\n        ? html`<pds-icon-arrow-right size=\"sm\"></pds-icon-arrow-right>`\n        : ''}\n    </a>`;\n  }\n}\n"],"names":["PdsPrimaryNavigationDropdownLink","PdsElement","customEvent","html","__decorateClass","required","property","requiredSlot","customElement","styles"],"mappings":";;;;;;;;;;;AAsBa,IAAAA,IAAN,cAA+CC,EAAW;AAAA,EAA1D,cAAA;AAAA,UAAA,GAAA,SAAA,GAoB6B,KAAA,UAAA;AAAA,EAAA;AAAA,EAElC,cAAc;AACZ,UAAMC,IAAc,IAAI;AAAA,MACtB;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,UACN,SAAS,KAAK;AAAA,QAAA;AAAA,MAChB;AAAA,IAEJ;AAEA,SAAK,cAAcA,CAAW;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMhC,IAAI,aAAa;AACR,WAAA;AAAA,MACL,OAAO,CAAC,CAAC,KAAK;AAAA,MACd,CAAC,KAAK,OAAO,GAAG,CAAC,CAAC,KAAK;AAAA,IACzB;AAAA,EAAA;AAAA,EAIF,SAAS;AACA,WAAAC;AAAAA,aACE,KAAK,IAAI;AAAA,eACP,KAAK,WAAW;AAAA,cACjB,KAAK,SAAU,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKrB,KAAK,UAAU,KACbA,6DACA,EAAE;AAAA;AAAA,EAAA;AAGZ;AAxDEC,EAAA;AAAA,EAFCC;AAAA,EACAC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GALfN,EAMX,WAAA,QAAA,CAAA;AAMAI,EAAA;AAAA,EADCE,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAXhBN,EAYX,WAAA,SAAA,CAAA;AAQAI,EAAA;AAAA,EADCE,EAAS;AAAA,GAnBCN,EAoBX,WAAA,WAAA,CAAA;AA4BAI,EAAA;AAAA,EADCG,EAAa,CAAC,SAAS,CAAC;AAAA,GA/CdP,EAgDX,WAAA,UAAA,CAAA;AAhDWA,IAANI,EAAA;AAAA,EANNI,EAAc,wCAAwC;AAAA,IACrD,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAAC;AAAA,EACD,CAAA;AAAA,GACYT,CAAA;"}