{"version":3,"file":"pagination-item.BqKNTEfL.js","sources":["../../../../../packages/web-components/src/lib/components/pagination-item/pagination-item.ts"],"sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { pdsCustomElement as customElement } from '../../decorators/pds-custom-element';\nimport { required } from '../../decorators/required';\nimport { PdsElement } from '../PdsElement';\nimport styles from './pagination-item.scss?inline';\n\n/**\n * @summary A pagination item\n *\n * @fires pds-pagination-item-click A custom event dispatched on click with an event detail summary indicating the clicked pagination page\n */\n@customElement('pds-pagination-item', {\n  category: 'component',\n  type: 'component',\n  state: 'stable',\n  styles,\n})\nexport class PdsPaginationItem extends PdsElement {\n  connectedCallback() {\n    super.connectedCallback();\n    this.initLocalization();\n  }\n\n  /**\n   * Style variant - this should be set programatically by the parent pagination component, so it should not need to be manually set\n   * - **no-arrows-first** renders pagination button with rounded left side\n   * - **no-arrows-last** renders pagination button with rounded right side\n   * - **no-arrows-one-item** renders pagination button with both sides rounded\n   *\n   * @internal\n   */\n  @property({ type: String })\n  variant: 'no-arrows-first' | 'no-arrows-last' | 'no-arrows-one-item';\n\n  /**\n   * Active page indicator\n   */\n  @property({ type: Boolean })\n  active: boolean = false;\n\n  /**\n   * If page navigation should be the result of the interaction, supply a url for the href\n   */\n  @property({ type: String })\n  href: string;\n\n  /**\n   * Handles spacing when no flyers are present- this should be set programmatically by the parent pagination component, so it should not need to be manually set\n   *\n   * @internal\n   */\n  @property({ type: Boolean })\n  hideFlyers: boolean = false;\n\n  /**\n   * Page number to display in pagination item. This is a **required** property.\n   */\n  @required\n  @property({ type: Number, reflect: true })\n  pageNumber: Number;\n\n  handleClick(e: { target: { textContent: string } }) {\n    const detailSummaryMessage = e.target.textContent.trim();\n    const customEvent = new CustomEvent('pds-pagination-item-click', {\n      bubbles: true,\n      composed: true,\n      detail: {\n        summary: detailSummaryMessage,\n      },\n    });\n\n    this.dispatchEvent(customEvent);\n  }\n\n  getButtonMarkup() {\n    return html`\n      <button\n        class=\"${this.classEl('button')} ${this.active\n          ? this.classMod('active')\n          : ''}\"\n        aria-label=\"${this.translateText('go-to-page')} ${this.pageNumber}\"\n        @click=${this.handleClick}\n        aria-current=${this.active ? 'true' : nothing}\n      >\n        ${this.pageNumber}\n      </button>\n    `;\n  }\n\n  getAnchorMarkup() {\n    return html`\n      <a\n        class=\"${this.classEl('button')} ${this.active\n          ? this.classMod('active')\n          : ''}\"\n        aria-label=\"${this.translateText('go-to-page')} ${this.pageNumber}\"\n        @click=${this.handleClick}\n        aria-current=${this.active ? 'true' : nothing}\n        href=${this.href}\n      >\n        ${this.pageNumber}\n      </a>\n    `;\n  }\n\n  /**\n   * @internal\n   */\n  get classNames() {\n    return {\n      [this.variant]: !!this.variant,\n      hideFlyers: this.hideFlyers,\n      'list-item': true,\n    };\n  }\n\n  // aria-current must be set to the actual value of 'true' for the screen reader to announce it\n  render() {\n    return html`<div class=${this.getClass()} role=\"listitem\">\n      ${this.href ? this.getAnchorMarkup() : this.getButtonMarkup()}\n    </div>`;\n  }\n}\n"],"names":["PdsPaginationItem","PdsElement","e","detailSummaryMessage","customEvent","html","nothing","__decorateClass","property","required","customElement","styles"],"mappings":";;;;;;;;;AAkBa,IAAAA,IAAN,cAAgCC,EAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA,GAqBa,KAAA,SAAA,IAcI,KAAA,aAAA;AAAA,EAAA;AAAA,EAlCtB,oBAAoB;AAClB,UAAM,kBAAkB,GACxB,KAAK,iBAAiB;AAAA,EAAA;AAAA,EAyCxB,YAAYC,GAAwC;AAClD,UAAMC,IAAuBD,EAAE,OAAO,YAAY,KAAK,GACjDE,IAAc,IAAI,YAAY,6BAA6B;AAAA,MAC/D,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,SAASD;AAAA,MAAA;AAAA,IACX,CACD;AAED,SAAK,cAAcC,CAAW;AAAA,EAAA;AAAA,EAGhC,kBAAkB;AACT,WAAAC;AAAAA;AAAAA,iBAEM,KAAK,QAAQ,QAAQ,CAAC,IAAI,KAAK,SACpC,KAAK,SAAS,QAAQ,IACtB,EAAE;AAAA,sBACQ,KAAK,cAAc,YAAY,CAAC,IAAI,KAAK,UAAU;AAAA,iBACxD,KAAK,WAAW;AAAA,uBACV,KAAK,SAAS,SAASC,CAAO;AAAA;AAAA,UAE3C,KAAK,UAAU;AAAA;AAAA;AAAA,EAAA;AAAA,EAKvB,kBAAkB;AACT,WAAAD;AAAAA;AAAAA,iBAEM,KAAK,QAAQ,QAAQ,CAAC,IAAI,KAAK,SACpC,KAAK,SAAS,QAAQ,IACtB,EAAE;AAAA,sBACQ,KAAK,cAAc,YAAY,CAAC,IAAI,KAAK,UAAU;AAAA,iBACxD,KAAK,WAAW;AAAA,uBACV,KAAK,SAAS,SAASC,CAAO;AAAA,eACtC,KAAK,IAAI;AAAA;AAAA,UAEd,KAAK,UAAU;AAAA;AAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAQvB,IAAI,aAAa;AACR,WAAA;AAAA,MACL,CAAC,KAAK,OAAO,GAAG,CAAC,CAAC,KAAK;AAAA,MACvB,YAAY,KAAK;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EAAA;AAAA;AAAA,EAIF,SAAS;AACA,WAAAD,eAAkB,KAAK,SAAA,CAAU;AAAA,QACpC,KAAK,OAAO,KAAK,gBAAoB,IAAA,KAAK,gBAAiB,CAAA;AAAA;AAAA,EAAA;AAGnE;AA1FEE,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAdfR,EAeX,WAAA,WAAA,CAAA;AAMAO,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GApBhBR,EAqBX,WAAA,UAAA,CAAA;AAMAO,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GA1BfR,EA2BX,WAAA,QAAA,CAAA;AAQAO,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAlChBR,EAmCX,WAAA,cAAA,CAAA;AAOAO,EAAA;AAAA,EAFCE;AAAA,EACAD,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAzC9BR,EA0CX,WAAA,cAAA,CAAA;AA1CWA,IAANO,EAAA;AAAA,EANNG,EAAc,uBAAuB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAAC;AAAA,EACD,CAAA;AAAA,GACYX,CAAA;"}