@watermarkinsights/ripple 3.25.0-2 → 3.25.0

package/dist/collection/components/wm-pagination/wm-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"wm-pagination.js","sourceRoot":"","sources":["../../../../src/components/wm-pagination/wm-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, Component, EventEmitter, Prop, Watch, Event, Element, Listen, State } from \"@stencil/core\";\r\nimport { debounce } from \"../../global/functions\";\r\n\r\n@Component({\r\n  tag: \"wm-pagination\",\r\n  styleUrl: \"wm-pagination.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class Pagination {\r\n  @Element() el!: any;\r\n\r\n  @Prop() currentPage: number = 1;\r\n  @Prop() totalItems?: number = undefined;\r\n  @Prop() itemsPerPage?: number = undefined;\r\n  @Prop() value = 1;\r\n  @Prop() isLargeViewport: boolean = window.innerWidth > 600;\r\n  @State() isTabbing: boolean = false;\r\n  @State() srAnnouncement: string = \"\";\r\n\r\n  private totalPages: number = 0;\r\n\r\n  @Event() wmPaginationPageClicked!: EventEmitter<String>;\r\n  @Event() pageClicked!: EventEmitter<String>; // deprecated in favor of wmPaginationPageClicked\r\n  @Event() focusCurrentPage!: EventEmitter;\r\n\r\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\r\n  toggleTabbingOn() {\r\n    this.isTabbing = true;\r\n  }\r\n\r\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\r\n  toggleTabbingOff() {\r\n    this.isTabbing = false;\r\n  }\r\n\r\n  maintainFocusOnNumberChange(el: \"previous\" | \"next\" | \"prev-arrow\" | \"next-arrow\" | \"page\") {\r\n    window.requestAnimationFrame(() => {\r\n      switch (el) {\r\n        case \"previous\":\r\n          this.currentPage === 1 && this.el.shadowRoot.querySelector(`button#wm-1`).focus(); //Only shift focus from previous button to page 1 if page 1 is reached, which disables previous button. Otherwise, maintain focus on previous button.\r\n          break;\r\n        case \"next\":\r\n          this.currentPage === this.totalPages &&\r\n            this.el.shadowRoot.querySelector(`button#wm-${this.totalPages}`).focus(); //Only shift focus from next button if last page is reached, disabling next button. Otherwise, maintain focus on next button.\r\n          break;\r\n        case \"prev-arrow\":\r\n          this.currentPage === 1 && this.el.shadowRoot.querySelector(\"#next-arw\").focus(); //Only shift focus if page 1 is reached, disabling previous buttons. Otherwise, maintain focus on previous buttons.\r\n          break;\r\n        case \"next-arrow\":\r\n          this.currentPage === this.totalPages && this.el.shadowRoot.querySelector(\"#previous-arw\").focus(); //Only shift focus if last page is reached, disabling next buttons. Otherwise, maintain focus on next buttons.\r\n          break;\r\n        case \"page\":\r\n          this.el.shadowRoot.querySelector(`button#wm-${this.currentPage}`).focus();\r\n        default:\r\n          return;\r\n      }\r\n    });\r\n  }\r\n\r\n  debouncedResize = debounce(() => {\r\n    this.isLargeViewport = window.innerWidth > 600;\r\n  }, 250);\r\n\r\n  @Listen(\"resize\", { target: \"window\" })\r\n  handleResize() {\r\n    this.debouncedResize();\r\n  }\r\n\r\n  @Watch(\"totalItems\")\r\n  @Watch(\"itemsPerPage\")\r\n  calculateTotalPages() {\r\n    this.totalPages = Math.ceil(this.totalItems! / this.itemsPerPage!);\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (!this.totalItems || !this.itemsPerPage || !this.currentPage) {\r\n      throw new Error(\"Please check the required attributes\");\r\n    }\r\n\r\n    this.calculateTotalPages();\r\n\r\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\r\n      this.toggleTabbingOn();\r\n    }\r\n\r\n    this.el.focus = () => {\r\n      // in addition to delegatesFocus, we need to highjack the focus method to send focus to the appropriate element based on the components's state\r\n      if (this.isLargeViewport) {\r\n        this.el.shadowRoot.getElementById(`wm-${this.currentPage}`).focus();\r\n      } else {\r\n        this.currentPage === 1\r\n          ? this.el.shadowRoot.getElementById(\"next-arw\").focus()\r\n          : this.el.shadowRoot.getElementById(\"wm-1-arw\").focus();\r\n      }\r\n    };\r\n  }\r\n\r\n  updatePageDisplayed(pageNum: any) {\r\n    this.value = pageNum;\r\n    this.wmPaginationPageClicked.emit();\r\n    this.pageClicked.emit(); // deprecated\r\n    this.srAnnouncement = `Current page, ${this.currentPage}. ${this.getCurrentPagesInView()}`;\r\n  }\r\n\r\n  displayShortPagination() {\r\n    let pages = [];\r\n    for (let i = 1; i <= this.totalPages; i++) {\r\n      pages.push(this.displayPageNumber(i));\r\n    }\r\n    return pages;\r\n  }\r\n\r\n  displayLongPagination() {\r\n    let view = [\r\n      this.displayPageNumber(1),\r\n      this.currentPage > 3 && this.displayEllipsis(),\r\n      ...this.getMiddlePageNums().map((page) => this.displayPageNumber(page)),\r\n      this.currentPage + 2 < this.totalPages && this.displayEllipsis(),\r\n      this.displayPageNumber(this.totalPages),\r\n    ];\r\n    return view;\r\n  }\r\n\r\n  displayPageNumber(pageNum: number) {\r\n    return (\r\n      <button\r\n        id={`wm-${pageNum}`}\r\n        class=\"paginationbtn\"\r\n        onClick={() => {\r\n          this.currentPage = pageNum;\r\n          this.updatePageDisplayed(pageNum);\r\n          this.maintainFocusOnNumberChange(\"page\");\r\n        }}\r\n        value={pageNum}\r\n        aria-label={this.currentPage !== pageNum ? `Go to page ${pageNum}` : \"\"}\r\n        aria-current={this.currentPage === pageNum ? \"page\" : undefined}\r\n      >\r\n        {pageNum}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  displayEllipsis() {\r\n    return <span class=\"ellipsis\">...</span>;\r\n  }\r\n\r\n  getMiddlePageNums = () => {\r\n    let coreBtns;\r\n    // if pg is 1, 2 or 3\r\n    if (this.currentPage < 4) {\r\n      coreBtns = [2, 3, 4];\r\n    } else if (this.currentPage > this.totalPages - 3) {\r\n      coreBtns = [this.totalPages - 3, this.totalPages - 2, this.totalPages - 1];\r\n    } else {\r\n      coreBtns = [this.currentPage - 1, this.currentPage, this.currentPage + 1];\r\n    }\r\n    return coreBtns;\r\n  };\r\n\r\n  // displayPageView = () => {\r\n  //   // let end = this.itemsPerPage! * this.currentPage;\r\n  //   // const begin = end - this.itemsPerPage! + 1;\r\n  //   // if (end > this.totalItems!) {\r\n  //   //   end = this.totalItems!;\r\n  //   // }\r\n  //   return <div class=\"pageview\">{this.getCurrentView()}</div>;\r\n  // };\r\n\r\n  getCurrentPagesInView() {\r\n    let end = this.itemsPerPage! * this.currentPage;\r\n    const begin = end - this.itemsPerPage! + 1;\r\n    if (end > this.totalItems!) {\r\n      end = this.totalItems!;\r\n    }\r\n    return \"Viewing \" + (begin === end ? `${begin}` : `${begin}–${end} of ${this.totalItems}`);\r\n  }\r\n\r\n  renderLarge() {\r\n    return (\r\n      <div class=\"largescreen\">\r\n        <div class=\"pageview\">{this.getCurrentPagesInView()}</div>\r\n        <div class={`pagebtncontainer ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}>\r\n          <button\r\n            id=\"previous\"\r\n            class=\"paginationbtn previousbtn\"\r\n            onClick={() => {\r\n              this.currentPage = this.currentPage - 1;\r\n              this.updatePageDisplayed(this.currentPage);\r\n              this.maintainFocusOnNumberChange(\"previous\");\r\n            }}\r\n            disabled={this.currentPage === 1}\r\n            aria-label=\"Go to previous page\"\r\n            aria-controls=\"status\"\r\n          >\r\n            Previous\r\n          </button>\r\n          {this.totalPages < 6 ? this.displayShortPagination() : this.displayLongPagination()}\r\n          <button\r\n            id=\"next\"\r\n            class=\"paginationbtn nextbtn\"\r\n            onClick={() => {\r\n              this.currentPage = this.currentPage + 1;\r\n              this.updatePageDisplayed(this.currentPage);\r\n              this.maintainFocusOnNumberChange(\"next\");\r\n            }}\r\n            disabled={this.currentPage === this.totalPages}\r\n            aria-label=\"Go to next page\"\r\n            aria-controls=\"status\"\r\n          >\r\n            Next\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderSmall() {\r\n    return (\r\n      <div class=\"smallscreen\">\r\n        <div class={`pagebtncontainer ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}>\r\n          <button\r\n            id={`wm-1-arw`}\r\n            class=\"paginationbtn\"\r\n            onClick={() => {\r\n              this.currentPage = 1;\r\n              this.updatePageDisplayed(1);\r\n              this.maintainFocusOnNumberChange(\"prev-arrow\");\r\n            }}\r\n            value={1}\r\n            aria-current={this.currentPage === 1 ? \"page\" : undefined}\r\n            aria-label={`Go to page 1`}\r\n            aria-controls=\"status\"\r\n            disabled={this.currentPage === 1}\r\n          >\r\n            <svg width=\"16\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6zM15.41 10.59L10.83 6l4.58-4.59L14 0 8 6l6 6z\" />\r\n            </svg>\r\n          </button>\r\n          <button\r\n            id=\"previous-arw\"\r\n            class=\"paginationbtn previousbtn\"\r\n            onClick={() => {\r\n              this.currentPage -= 1;\r\n              this.updatePageDisplayed(this.currentPage);\r\n              this.maintainFocusOnNumberChange(\"prev-arrow\");\r\n            }}\r\n            disabled={this.currentPage === 1}\r\n            aria-label=\"Go to previous page\"\r\n          >\r\n            <svg width=\"8\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6z\" />\r\n            </svg>\r\n          </button>\r\n          Page {this.currentPage} of {this.totalPages}\r\n          <button\r\n            id=\"next-arw\"\r\n            class=\"paginationbtn nextbtn\"\r\n            onClick={() => {\r\n              this.currentPage += 1;\r\n              this.updatePageDisplayed(this.currentPage);\r\n              this.maintainFocusOnNumberChange(\"next-arrow\");\r\n            }}\r\n            disabled={this.currentPage === this.totalPages}\r\n            aria-label=\"Go to next page\"\r\n          >\r\n            <svg width=\"8\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6z\" />\r\n            </svg>\r\n          </button>\r\n          <button\r\n            id={`wm-${this.totalPages}-arw`}\r\n            class=\"paginationbtn\"\r\n            onClick={() => {\r\n              this.currentPage = this.totalPages;\r\n              this.updatePageDisplayed(this.totalPages);\r\n              this.maintainFocusOnNumberChange(\"next-arrow\");\r\n            }}\r\n            value={this.totalPages}\r\n            aria-current={this.currentPage === this.totalPages ? \"page\" : undefined}\r\n            aria-label={`Go to last page, page ${this.totalPages}`}\r\n            aria-controls=\"status\"\r\n            disabled={this.currentPage === this.totalPages}\r\n          >\r\n            <svg width=\"17\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6zM9.59 10.59L14.17 6 9.59 1.41 11 0l6 6-6 6z\" />\r\n            </svg>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      // do not render the component if there's only one page\r\n      this.totalItems! > this.itemsPerPage! && (\r\n        <nav aria-label={`Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.`}>\r\n          {/* both \"desktop\" and \"mobile\" versions are renderered. media queries hide the unnecessary stuff */}\r\n          {this.isLargeViewport ? this.renderLarge() : this.renderSmall()}\r\n          {/* The below is for screenreader purposes, ensuring it announces the new current page.*/}\r\n          <div id=\"status\" class=\"sr-only\" aria-live=\"polite\" aria-relevant=\"text\" aria-atomic=\"true\">\r\n            {this.srAnnouncement}\r\n          </div>\r\n        </nav>\r\n      )\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"wm-pagination.js","sourceRoot":"","sources":["../../../../src/components/wm-pagination/wm-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAgB,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAOlD,MAAM,OAAO,UAAU;;IAWb,eAAU,GAAW,CAAC,CAAC;IAwC/B,oBAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;MAC9B,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;IACjD,CAAC,EAAE,GAAG,CAAC,CAAC;IAqFR,sBAAiB,GAAG,GAAG,EAAE;MACvB,IAAI,QAAQ,CAAC;MACb,qBAAqB;MACrB,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;QACxB,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;OACtB;WAAM,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE;QACjD,QAAQ,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;OAC5E;WAAM;QACL,QAAQ,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;OAC3E;MACD,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;uBAlJ4B,CAAC;sBACD,SAAS;wBACP,SAAS;iBACzB,CAAC;2BACkB,MAAM,CAAC,UAAU,GAAG,GAAG;qBAC5B,KAAK;0BACD,EAAE;;EASpC,eAAe;IACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;EACxB,CAAC;EAGD,gBAAgB;IACd,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;EACzB,CAAC;EAED,2BAA2B,CAAC,EAA8D;IACxF,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;MAChC,QAAQ,EAAE,EAAE;QACV,KAAK,UAAU;UACb,IAAI,CAAC,WAAW,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,qJAAqJ;UACxO,MAAM;QACR,KAAK,MAAM;UACT,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU;YAClC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,6HAA6H;UACzM,MAAM;QACR,KAAK,YAAY;UACf,IAAI,CAAC,WAAW,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,mHAAmH;UACpM,MAAM;QACR,KAAK,YAAY;UACf,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,8GAA8G;UACjN,MAAM;QACR,KAAK,MAAM;UACT,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;QAC5E;UACE,OAAO;OACV;IACH,CAAC,CAAC,CAAC;EACL,CAAC;EAOD,YAAY;IACV,IAAI,CAAC,eAAe,EAAE,CAAC;EACzB,CAAC;EAID,mBAAmB;IACjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAW,GAAG,IAAI,CAAC,YAAa,CAAC,CAAC;EACrE,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;MAC/D,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;KACzD;IAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAE3B,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE;MAC5D,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,IAAI,CAAC,EAAE,CAAC,KAAK,GAAG,GAAG,EAAE;MACnB,+IAA+I;MAC/I,IAAI,IAAI,CAAC,eAAe,EAAE;QACxB,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;OACrE;WAAM;QACL,IAAI,CAAC,WAAW,KAAK,CAAC;UACpB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE;UACvD,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;OAC3D;IACH,CAAC,CAAC;EACJ,CAAC;EAED,mBAAmB,CAAC,OAAY;IAC9B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;IACrB,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;IACpC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,aAAa;IACtC,IAAI,CAAC,cAAc,GAAG,iBAAiB,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC;EAC7F,CAAC;EAED,sBAAsB;IACpB,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE;MACzC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;KACvC;IACD,OAAO,KAAK,CAAC;EACf,CAAC;EAED,qBAAqB;IACnB,IAAI,IAAI,GAAG;MACT,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;MACzB,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,eAAe,EAAE;MAC9C,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;MACvE,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,eAAe,EAAE;MAChE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC;KACxC,CAAC;IACF,OAAO,IAAI,CAAC;EACd,CAAC;EAED,iBAAiB,CAAC,OAAe;IAC/B,OAAO,CACL,cACE,EAAE,EAAE,MAAM,OAAO,EAAE,EACnB,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,GAAG,EAAE;QACZ,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC3B,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,2BAA2B,CAAC,MAAM,CAAC,CAAC;MAC3C,CAAC,EACD,KAAK,EAAE,OAAO,gBACF,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,kBACzD,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAE9D,OAAO,CACD,CACV,CAAC;EACJ,CAAC;EAED,eAAe;IACb,OAAO,YAAM,KAAK,EAAC,UAAU,UAAW,CAAC;EAC3C,CAAC;EAeD,4BAA4B;EAC5B,wDAAwD;EACxD,mDAAmD;EACnD,qCAAqC;EACrC,iCAAiC;EACjC,SAAS;EACT,gEAAgE;EAChE,KAAK;EAEL,qBAAqB;IACnB,IAAI,GAAG,GAAG,IAAI,CAAC,YAAa,GAAG,IAAI,CAAC,WAAW,CAAC;IAChD,MAAM,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,YAAa,GAAG,CAAC,CAAC;IAC3C,IAAI,GAAG,GAAG,IAAI,CAAC,UAAW,EAAE;MAC1B,GAAG,GAAG,IAAI,CAAC,UAAW,CAAC;KACxB;IACD,OAAO,UAAU,GAAG,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,GAAG,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;EAC7F,CAAC;EAED,WAAW;IACT,OAAO,CACL,WAAK,KAAK,EAAC,aAAa;MACtB,WAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,qBAAqB,EAAE,CAAO;MAC1D,WAAK,KAAK,EAAE,oBAAoB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE;QACvE,cACE,EAAE,EAAC,UAAU,EACb,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;YACxC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC3C,IAAI,CAAC,2BAA2B,CAAC,UAAU,CAAC,CAAC;UAC/C,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,gBACrB,qBAAqB,mBAClB,QAAQ,eAGf;QACR,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE;QACnF,cACE,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;YACxC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC3C,IAAI,CAAC,2BAA2B,CAAC,MAAM,CAAC,CAAC;UAC3C,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,gBACnC,iBAAiB,mBACd,QAAQ,WAGf,CACL,CACF,CACP,CAAC;EACJ,CAAC;EAED,WAAW;IACT,OAAO,CACL,WAAK,KAAK,EAAC,aAAa;MACtB,WAAK,KAAK,EAAE,oBAAoB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE;QACvE,cACE,EAAE,EAAE,UAAU,EACd,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;YACrB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;YAC5B,IAAI,CAAC,2BAA2B,CAAC,YAAY,CAAC,CAAC;UACjD,CAAC,EACD,KAAK,EAAE,CAAC,kBACM,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAC7C,cAAc,mBACZ,QAAQ,EACtB,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC;UAEhC,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;YAC5D,YAAM,CAAC,EAAC,uFAAuF,GAAG,CAC9F,CACC;QACT,cACE,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC;YACtB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC3C,IAAI,CAAC,2BAA2B,CAAC,YAAY,CAAC,CAAC;UACjD,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,gBACrB,qBAAqB;UAEhC,WAAK,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;YAC3D,YAAM,CAAC,EAAC,2CAA2C,GAAG,CAClD,CACC;;QACH,IAAI,CAAC,WAAW;;QAAM,IAAI,CAAC,UAAU;QAC3C,cACE,EAAE,EAAC,UAAU,EACb,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC;YACtB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC3C,IAAI,CAAC,2BAA2B,CAAC,YAAY,CAAC,CAAC;UACjD,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,gBACnC,iBAAiB;UAE5B,WAAK,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;YAC3D,YAAM,CAAC,EAAC,yCAAyC,GAAG,CAChD,CACC;QACT,cACE,EAAE,EAAE,MAAM,IAAI,CAAC,UAAU,MAAM,EAC/B,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC;YACnC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC1C,IAAI,CAAC,2BAA2B,CAAC,YAAY,CAAC,CAAC;UACjD,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,UAAU,kBACR,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAC3D,yBAAyB,IAAI,CAAC,UAAU,EAAE,mBACxC,QAAQ,EACtB,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU;UAE9C,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;YAC5D,YAAM,CAAC,EAAC,oFAAoF,GAAG,CAC3F,CACC,CACL,CACF,CACP,CAAC;EACJ,CAAC;EAED,MAAM;IACJ,OAAO;IACL,uDAAuD;IACvD,IAAI,CAAC,UAAW,GAAG,IAAI,CAAC,YAAa,IAAI,CACvC,yBAAiB,0BAA0B,IAAI,CAAC,qBAAqB,EAAE,mBAAmB,IAAI,CAAC,WAAW,GAAG;MAE1G,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;MAE/D,WAAK,EAAE,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,eAAW,QAAQ,mBAAe,MAAM,iBAAa,MAAM,IACxF,IAAI,CAAC,cAAc,CAChB,CACF,CACP,CACF,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, EventEmitter, Prop, Watch, Event, Element, Listen, State } from \"@stencil/core\";\nimport { debounce } from \"../../global/functions\";\n\n@Component({\n  tag: \"wm-pagination\",\n  styleUrl: \"wm-pagination.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class Pagination {\n  @Element() el!: any;\n\n  @Prop() currentPage: number = 1;\n  @Prop() totalItems?: number = undefined;\n  @Prop() itemsPerPage?: number = undefined;\n  @Prop() value = 1;\n  @Prop() isLargeViewport: boolean = window.innerWidth > 600;\n  @State() isTabbing: boolean = false;\n  @State() srAnnouncement: string = \"\";\n\n  private totalPages: number = 0;\n\n  @Event() wmPaginationPageClicked!: EventEmitter<String>;\n  @Event() pageClicked!: EventEmitter<String>; // deprecated in favor of wmPaginationPageClicked\n  @Event() focusCurrentPage!: EventEmitter;\n\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\n  toggleTabbingOn() {\n    this.isTabbing = true;\n  }\n\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\n  toggleTabbingOff() {\n    this.isTabbing = false;\n  }\n\n  maintainFocusOnNumberChange(el: \"previous\" | \"next\" | \"prev-arrow\" | \"next-arrow\" | \"page\") {\n    window.requestAnimationFrame(() => {\n      switch (el) {\n        case \"previous\":\n          this.currentPage === 1 && this.el.shadowRoot.querySelector(`button#wm-1`).focus(); //Only shift focus from previous button to page 1 if page 1 is reached, which disables previous button. Otherwise, maintain focus on previous button.\n          break;\n        case \"next\":\n          this.currentPage === this.totalPages &&\n            this.el.shadowRoot.querySelector(`button#wm-${this.totalPages}`).focus(); //Only shift focus from next button if last page is reached, disabling next button. Otherwise, maintain focus on next button.\n          break;\n        case \"prev-arrow\":\n          this.currentPage === 1 && this.el.shadowRoot.querySelector(\"#next-arw\").focus(); //Only shift focus if page 1 is reached, disabling previous buttons. Otherwise, maintain focus on previous buttons.\n          break;\n        case \"next-arrow\":\n          this.currentPage === this.totalPages && this.el.shadowRoot.querySelector(\"#previous-arw\").focus(); //Only shift focus if last page is reached, disabling next buttons. Otherwise, maintain focus on next buttons.\n          break;\n        case \"page\":\n          this.el.shadowRoot.querySelector(`button#wm-${this.currentPage}`).focus();\n        default:\n          return;\n      }\n    });\n  }\n\n  debouncedResize = debounce(() => {\n    this.isLargeViewport = window.innerWidth > 600;\n  }, 250);\n\n  @Listen(\"resize\", { target: \"window\" })\n  handleResize() {\n    this.debouncedResize();\n  }\n\n  @Watch(\"totalItems\")\n  @Watch(\"itemsPerPage\")\n  calculateTotalPages() {\n    this.totalPages = Math.ceil(this.totalItems! / this.itemsPerPage!);\n  }\n\n  componentWillLoad() {\n    if (!this.totalItems || !this.itemsPerPage || !this.currentPage) {\n      throw new Error(\"Please check the required attributes\");\n    }\n\n    this.calculateTotalPages();\n\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n\n    this.el.focus = () => {\n      // in addition to delegatesFocus, we need to highjack the focus method to send focus to the appropriate element based on the components's state\n      if (this.isLargeViewport) {\n        this.el.shadowRoot.getElementById(`wm-${this.currentPage}`).focus();\n      } else {\n        this.currentPage === 1\n          ? this.el.shadowRoot.getElementById(\"next-arw\").focus()\n          : this.el.shadowRoot.getElementById(\"wm-1-arw\").focus();\n      }\n    };\n  }\n\n  updatePageDisplayed(pageNum: any) {\n    this.value = pageNum;\n    this.wmPaginationPageClicked.emit();\n    this.pageClicked.emit(); // deprecated\n    this.srAnnouncement = `Current page, ${this.currentPage}. ${this.getCurrentPagesInView()}`;\n  }\n\n  displayShortPagination() {\n    let pages = [];\n    for (let i = 1; i <= this.totalPages; i++) {\n      pages.push(this.displayPageNumber(i));\n    }\n    return pages;\n  }\n\n  displayLongPagination() {\n    let view = [\n      this.displayPageNumber(1),\n      this.currentPage > 3 && this.displayEllipsis(),\n      ...this.getMiddlePageNums().map((page) => this.displayPageNumber(page)),\n      this.currentPage + 2 < this.totalPages && this.displayEllipsis(),\n      this.displayPageNumber(this.totalPages),\n    ];\n    return view;\n  }\n\n  displayPageNumber(pageNum: number) {\n    return (\n      <button\n        id={`wm-${pageNum}`}\n        class=\"paginationbtn\"\n        onClick={() => {\n          this.currentPage = pageNum;\n          this.updatePageDisplayed(pageNum);\n          this.maintainFocusOnNumberChange(\"page\");\n        }}\n        value={pageNum}\n        aria-label={this.currentPage !== pageNum ? `Go to page ${pageNum}` : \"\"}\n        aria-current={this.currentPage === pageNum ? \"page\" : undefined}\n      >\n        {pageNum}\n      </button>\n    );\n  }\n\n  displayEllipsis() {\n    return <span class=\"ellipsis\">...</span>;\n  }\n\n  getMiddlePageNums = () => {\n    let coreBtns;\n    // if pg is 1, 2 or 3\n    if (this.currentPage < 4) {\n      coreBtns = [2, 3, 4];\n    } else if (this.currentPage > this.totalPages - 3) {\n      coreBtns = [this.totalPages - 3, this.totalPages - 2, this.totalPages - 1];\n    } else {\n      coreBtns = [this.currentPage - 1, this.currentPage, this.currentPage + 1];\n    }\n    return coreBtns;\n  };\n\n  // displayPageView = () => {\n  //   // let end = this.itemsPerPage! * this.currentPage;\n  //   // const begin = end - this.itemsPerPage! + 1;\n  //   // if (end > this.totalItems!) {\n  //   //   end = this.totalItems!;\n  //   // }\n  //   return <div class=\"pageview\">{this.getCurrentView()}</div>;\n  // };\n\n  getCurrentPagesInView() {\n    let end = this.itemsPerPage! * this.currentPage;\n    const begin = end - this.itemsPerPage! + 1;\n    if (end > this.totalItems!) {\n      end = this.totalItems!;\n    }\n    return \"Viewing \" + (begin === end ? `${begin}` : `${begin}–${end} of ${this.totalItems}`);\n  }\n\n  renderLarge() {\n    return (\n      <div class=\"largescreen\">\n        <div class=\"pageview\">{this.getCurrentPagesInView()}</div>\n        <div class={`pagebtncontainer ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}>\n          <button\n            id=\"previous\"\n            class=\"paginationbtn previousbtn\"\n            onClick={() => {\n              this.currentPage = this.currentPage - 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"previous\");\n            }}\n            disabled={this.currentPage === 1}\n            aria-label=\"Go to previous page\"\n            aria-controls=\"status\"\n          >\n            Previous\n          </button>\n          {this.totalPages < 6 ? this.displayShortPagination() : this.displayLongPagination()}\n          <button\n            id=\"next\"\n            class=\"paginationbtn nextbtn\"\n            onClick={() => {\n              this.currentPage = this.currentPage + 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"next\");\n            }}\n            disabled={this.currentPage === this.totalPages}\n            aria-label=\"Go to next page\"\n            aria-controls=\"status\"\n          >\n            Next\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  renderSmall() {\n    return (\n      <div class=\"smallscreen\">\n        <div class={`pagebtncontainer ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}>\n          <button\n            id={`wm-1-arw`}\n            class=\"paginationbtn\"\n            onClick={() => {\n              this.currentPage = 1;\n              this.updatePageDisplayed(1);\n              this.maintainFocusOnNumberChange(\"prev-arrow\");\n            }}\n            value={1}\n            aria-current={this.currentPage === 1 ? \"page\" : undefined}\n            aria-label={`Go to page 1`}\n            aria-controls=\"status\"\n            disabled={this.currentPage === 1}\n          >\n            <svg width=\"16\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6zM15.41 10.59L10.83 6l4.58-4.59L14 0 8 6l6 6z\" />\n            </svg>\n          </button>\n          <button\n            id=\"previous-arw\"\n            class=\"paginationbtn previousbtn\"\n            onClick={() => {\n              this.currentPage -= 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"prev-arrow\");\n            }}\n            disabled={this.currentPage === 1}\n            aria-label=\"Go to previous page\"\n          >\n            <svg width=\"8\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6z\" />\n            </svg>\n          </button>\n          Page {this.currentPage} of {this.totalPages}\n          <button\n            id=\"next-arw\"\n            class=\"paginationbtn nextbtn\"\n            onClick={() => {\n              this.currentPage += 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"next-arrow\");\n            }}\n            disabled={this.currentPage === this.totalPages}\n            aria-label=\"Go to next page\"\n          >\n            <svg width=\"8\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6z\" />\n            </svg>\n          </button>\n          <button\n            id={`wm-${this.totalPages}-arw`}\n            class=\"paginationbtn\"\n            onClick={() => {\n              this.currentPage = this.totalPages;\n              this.updatePageDisplayed(this.totalPages);\n              this.maintainFocusOnNumberChange(\"next-arrow\");\n            }}\n            value={this.totalPages}\n            aria-current={this.currentPage === this.totalPages ? \"page\" : undefined}\n            aria-label={`Go to last page, page ${this.totalPages}`}\n            aria-controls=\"status\"\n            disabled={this.currentPage === this.totalPages}\n          >\n            <svg width=\"17\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6zM9.59 10.59L14.17 6 9.59 1.41 11 0l6 6-6 6z\" />\n            </svg>\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      // do not render the component if there's only one page\n      this.totalItems! > this.itemsPerPage! && (\n        <nav aria-label={`Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.`}>\n          {/* both \"desktop\" and \"mobile\" versions are renderered. media queries hide the unnecessary stuff */}\n          {this.isLargeViewport ? this.renderLarge() : this.renderSmall()}\n          {/* The below is for screenreader purposes, ensuring it announces the new current page.*/}\n          <div id=\"status\" class=\"sr-only\" aria-live=\"polite\" aria-relevant=\"text\" aria-atomic=\"true\">\n            {this.srAnnouncement}\n          </div>\n        </nav>\n      )\n    );\n  }\n}\n"]}

package/dist/collection/components/wm-search/wm-search.css

@@ -86,9 +86,11 @@ wm-search .wm-search-wrapper input:focus {
 }
 :host .wm-search-wrapper.focus,
 wm-search .wm-search-wrapper.focus {
-  box-shadow: 0 0 0 1px #20cbd4;
-  border-color: #20cbd4;
-  border-radius: 3px;
+  -webkit-box-shadow: 0 0 0 1px #19a1a9;
+  -moz-box-shadow: 0 0 0 1px #19a1a9;
+  box-shadow: 0 0 0 1px #19a1a9;
+  outline: none;
+  border-color: #19a1a9;
 }
 :host .find,
 wm-search .find {