@m3e/web 2.1.3 → 2.2.1

package/dist/paginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.js","sources":["../../src/paginator/PaginatorElement.ts"],"sourcesContent":["/**\r\n * Adapted from Angular Material Paginator\r\n * Source: https://github.com/angular/components/blob/main/src/material/paginator/paginator.ts\r\n *\r\n * @license MIT\r\n * Copyright (c) 2025 Google LLC\r\n * See LICENSE file in the project root for full license text.\r\n */\r\n\r\n/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, nothing, PropertyValues } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport { customElement, DesignToken, EventAttribute, Role } from \"@m3e/web/core\";\r\nimport type { M3eSelectElement } from \"@m3e/web/select\";\r\nimport type { FormFieldVariant } from \"@m3e/web/form-field\";\r\n\r\nimport \"@m3e/web/form-field\";\r\nimport \"@m3e/web/select\";\r\nimport \"@m3e/web/option\";\r\nimport \"@m3e/web/icon-button\";\r\nimport \"@m3e/web/tooltip\";\r\n\r\nimport { PageEventDetail } from \"./PageEventDetail\";\r\n\r\n/**\r\n * Provides navigation for paged information, typically used with a table.\r\n *\r\n * @description\r\n * The `m3e-paginator` component is a compact, accessible paginator control for navigating\r\n * paged data sets. It provides semantic first/previous/next/last navigation controls and an\r\n * optional page-size selector that integrates with Material design tokens and `m3e-form-field` variants\r\n * to ensure consistent typography, density, and spacing across applications.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-paginator`. In this example, there are 300 total\r\n * records and the first/last navigation controls are shown.\r\n * ```html\r\n * <m3e-paginator show-first-last-buttons length=\"300\"></m3e-paginator>\r\n * ```\r\n *\r\n * @tag m3e-paginator\r\n *\r\n * @slot first-page-icon - Slot for a custom first-page icon.\r\n * @slot previous-page-icon - Slot for a custom previous-page icon.\r\n * @slot next-page-icon - Slot for a custom next-page icon.\r\n * @slot last-page-icon - Slot for a custom last-page icon.\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr first-page-label - The accessible label given to the button used to move to the first page.\r\n * @attr hide-page-size - Whether to hide page size selection.\r\n * @attr items-per-page-label - The label for the page size selector.\r\n * @attr last-page-label - The accessible label given to the button used to move to the last page.\r\n * @attr length - The length of the total number of items which are being paginated.\r\n * @attr next-page-label - The accessible label given to the button used to move to the next page.\r\n * @attr page-index - The zero-based page index of the displayed list of items.\r\n * @attr page-size - The number of items to display in a page.\r\n * @attr page-sizes - A comma separated list of available page sizes.\r\n * @attr page-size-variant - The appearance variant of the page size field.\r\n * @attr previous-page-label - The accessible label given to the button used to move to the previous page.\r\n * @attr show-first-last-buttons - Whether to show first/last buttons.\r\n *\r\n * @fires page - Emitted when a user selects a different page size or navigates to another page.\r\n *\r\n * @cssprop --m3e-paginator-font-size - The font size used for paginator text.\r\n * @cssprop --m3e-paginator-font-weight - The font weight used for paginator text.\r\n * @cssprop --m3e-paginator-line-height - The line height used for paginator text.\r\n * @cssprop --m3e-paginator-tracking - The letter-spacing used for paginator text.\r\n */\r\n@customElement(\"m3e-paginator\")\r\nexport class M3ePaginatorElement extends EventAttribute(Role(LitElement, \"group\"), \"page\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: block;\r\n    }\r\n    .outer {\r\n      display: flex;\r\n      font-size: var(--m3e-paginator-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      font-weight: var(--m3e-paginator-font-weight, ${DesignToken.typescale.standard.body.small.fontWeight});\r\n      line-height: var(--m3e-paginator-line-height, ${DesignToken.typescale.standard.body.small.lineHeight});\r\n      letter-spacing: var(--m3e-paginator-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n    }\r\n    .inner {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-end;\r\n      padding-inline: 0.5rem;\r\n      width: 100%;\r\n    }\r\n    .form-field {\r\n      --md-sys-density-scale: -2;\r\n      --m3e-form-field-font-size: var(--m3e-paginator-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      --m3e-form-field-font-weight: var(\r\n        --m3e-paginator-font-weight,\r\n        ${DesignToken.typescale.standard.body.small.fontWeight}\r\n      );\r\n      --m3e-form-field-line-height: var(\r\n        --m3e-paginator-line-height,\r\n        ${DesignToken.typescale.standard.body.small.lineHeight}\r\n      );\r\n      --m3e-form-field-tracking: var(--m3e-paginator-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n    }\r\n    .items-per-page-label {\r\n      display: flex;\r\n      align-items: center;\r\n      margin-inline-end: 0.5rem;\r\n    }\r\n    .form-field {\r\n      min-width: auto;\r\n      width: 6rem;\r\n      margin-inline: 0.25rem;\r\n    }\r\n    .range-label {\r\n      margin-inline: 1.5rem 2rem;\r\n    }\r\n    :host([hide-page-size]) .range-label {\r\n      margin-inline-start: unset;\r\n    }\r\n    .range-actions {\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n    ::slotted([slot=\"first-page-icon\"]),\r\n    ::slotted([slot=\"previous-page-icon\"]),\r\n    ::slotted([slot=\"next-page-icon\"]),\r\n    ::slotted([slot=\"last-page-icon\"]),\r\n    svg {\r\n      width: 1em;\r\n      font-size: var(--m3e-icon-button-medium-icon-size, 1.5rem) !important;\r\n    }\r\n\r\n    :host(:dir(rtl)) svg {\r\n      transform: rotate(180deg);\r\n    }\r\n  `;\r\n\r\n  /* @private */ private static __nextId = 0;\r\n  /* @private */ readonly #pageSizeLabelId = `m3e-paginator-page-size-label-${M3ePaginatorElement.__nextId++}`;\r\n\r\n  /* @private */\r\n  readonly #defaultRangeLabelFormatter = (pageIndex: number, pageSize: number | \"all\", length: number): string => {\r\n    length = Math.max(length, 0);\r\n\r\n    if (pageSize === \"all\") return \"\";\r\n    if (length === 0 || pageSize <= 0) return `0 of ${length}`;\r\n\r\n    const startIndex = pageIndex * pageSize;\r\n    const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;\r\n    return `${startIndex + 1} - ${endIndex} of ${length}`;\r\n  };\r\n\r\n  /**\r\n   * Whether the element is disabled.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) disabled = false;\r\n\r\n  /**\r\n   * The zero-based page index of the displayed list of items.\r\n   * @default 0\r\n   */\r\n  @property({ attribute: \"page-index\", type: Number }) pageIndex = 0;\r\n\r\n  /**\r\n   * The length of the total number of items which are being paginated.\r\n   * @default 0\r\n   */\r\n  @property({ type: Number }) length = 0;\r\n\r\n  /**\r\n   * The number of items to display in a page.\r\n   * @default 50\r\n   */\r\n  @property({ attribute: \"page-size\", converter: (value) => (value === \"all\" ? \"all\" : Number(value)) })\r\n  pageSize: number | \"all\" = 50;\r\n\r\n  /**\r\n   * A comma separated list of available page sizes.\r\n   * @default \"5,10,25,50,100\"\r\n   */\r\n  @property({ attribute: \"page-sizes\" }) pageSizes = \"5,10,25,50,100\";\r\n\r\n  /**\r\n   * Whether to hide page size selection.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-page-size\", type: Boolean, reflect: true }) hidePageSize = false;\r\n\r\n  /**\r\n   * Whether to show first/last buttons.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"show-first-last-buttons\", type: Boolean }) showFirstLastButtons = false;\r\n\r\n  /**\r\n   * The label for the page size selector.\r\n   * @default \"Items per page:\"\r\n   */\r\n  @property({ attribute: \"items-per-page-label\" }) itemsPerPageLabel = \"Items per page:\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the previous page.\r\n   * @default \"Previous page\"\r\n   */\r\n  @property({ attribute: \"previous-page-label\" }) previousPageLabel = \"Previous page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the next page.\r\n   * @default \"Next page\"\r\n   */\r\n  @property({ attribute: \"next-page-label\" }) nextPageLabel = \"Next page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the first page.\r\n   * @default \"First page\"\r\n   */\r\n  @property({ attribute: \"first-page-label\" }) firstPageLabel = \"First page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the last page.\r\n   * @default \"Last page\"\r\n   */\r\n  @property({ attribute: \"last-page-label\" }) lastPageLabel = \"Last page\";\r\n\r\n  /**\r\n   * The appearance variant of the page size field.\r\n   * @default \"outlined\"\r\n   */\r\n  @property({ attribute: \"page-size-variant\" }) pageSizeVariant: FormFieldVariant = \"outlined\";\r\n\r\n  /** The total number of pages. */\r\n  get pageCount(): number {\r\n    return !this.pageSize || this.pageSize === \"all\" ? 0 : Math.ceil(this.length / this.pageSize);\r\n  }\r\n\r\n  /** Whether a previous page can be displayed. */\r\n  get hasPreviousPage(): boolean {\r\n    return this.pageSize !== \"all\" && this.pageSize > 0 && this.pageIndex >= 1;\r\n  }\r\n\r\n  /** Whether a next page can be displayed. */\r\n  get hasNextPage(): boolean {\r\n    return this.pageSize !== \"all\" && this.pageSize > 0 && this.pageIndex < this.pageCount - 1;\r\n  }\r\n\r\n  /**\r\n   * A function used to format the range label.\r\n   * @param {number} pageIndex The zero-based index of the current page.\r\n   * @param {number | \"all\"} pageSize The current number of items to display in a page.\r\n   * @param {number} length The current length of the total number of items which are being paginated.\r\n   * @returns {string} The range label.\r\n   */\r\n  rangeLabelFormatter?: (pageIndex: number, pageSize: number | \"all\", length: number) => string;\r\n\r\n  /** Move to the first page. */\r\n  firstPage(): void {\r\n    if (this.hasPreviousPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = 0;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the previous page. */\r\n  previousPage(): void {\r\n    if (this.hasPreviousPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex--;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the next page. */\r\n  nextPage(): void {\r\n    if (this.hasNextPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex++;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the last page. */\r\n  lastPage(): void {\r\n    if (this.hasNextPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = this.pageCount - 1;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\r\n    super.willUpdate(changedProperties);\r\n\r\n    if (changedProperties.has(\"pageIndex\")) {\r\n      const pageSizes = this.#parsePageSizes();\r\n      if (!pageSizes.includes(this.pageSize)) {\r\n        this.pageSizes = [...pageSizes, this.pageSize].join(\",\");\r\n        this.pageSizes = this.#parsePageSizes().join(\",\");\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"outer\">\r\n      <div class=\"inner\">${this.#renderPageSize()} ${this.#renderRangeActions()}</div>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #renderPageSize(): unknown {\r\n    const sizes = this.#parsePageSizes();\r\n    return this.hidePageSize\r\n      ? nothing\r\n      : html`<div id=\"${this.#pageSizeLabelId}\" class=\"items-per-page-label\" aria-live=\"polite\">\r\n            ${this.itemsPerPageLabel}\r\n          </div>\r\n          <m3e-form-field class=\"form-field\" variant=\"${this.pageSizeVariant}\" hide-subscript=\"always\">\r\n            <m3e-select\r\n              class=\"select\"\r\n              aria-labelledby=\"${this.#pageSizeLabelId}\"\r\n              hide-selection-indicator\r\n              ?disabled=\"${this.disabled || sizes.length <= 1}\"\r\n              @change=\"${this.#handleSelectChange}\"\r\n            >\r\n              ${sizes.map(\r\n                (x) =>\r\n                  html`<m3e-option value=\"${x}\" ?selected=\"${x === this.pageSize}\">\r\n                    ${x === \"all\" ? \"All\" : x}\r\n                  </m3e-option>`,\r\n              )}\r\n            </m3e-select>\r\n          </m3e-form-field>`;\r\n  }\r\n\r\n  /** @private */\r\n  #parsePageSizes(): Array<number | \"all\"> {\r\n    const sizes: Array<number | \"all\"> = this.pageSizes\r\n      .split(\",\")\r\n      .map((x) => x.trim())\r\n      .filter((x) => x !== \"\")\r\n      .map((x) => (x === \"all\" ? x : Number(x)));\r\n\r\n    const numericSizes = <Array<number>>sizes.filter((x) => x !== \"all\");\r\n    numericSizes.sort((a, b) => a - b);\r\n    return sizes.some((x) => x === \"all\") ? [...numericSizes, \"all\"] : numericSizes;\r\n  }\r\n\r\n  /** @private */\r\n  #renderRangeActions(): unknown {\r\n    const rangeLabelFormatter = this.rangeLabelFormatter ?? this.#defaultRangeLabelFormatter;\r\n\r\n    return this.pageSize === \"all\"\r\n      ? nothing\r\n      : html`<div class=\"range-actions\">\r\n          <div class=\"range-label\">${rangeLabelFormatter(this.pageIndex, this.pageSize, this.length)}</div>\r\n          ${!this.showFirstLastButtons\r\n            ? nothing\r\n            : html`<m3e-icon-button\r\n                  id=\"firstPageButton\"\r\n                  aria-label=\"${this.firstPageLabel}\"\r\n                  ?disabled=\"${this.disabled || !this.hasPreviousPage}\"\r\n                  @click=\"${this.firstPage}\"\r\n                >\r\n                  <slot name=\"first-page-icon\">\r\n                    <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                      <path d=\"M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z\" />\r\n                    </svg>\r\n                  </slot>\r\n                </m3e-icon-button>\r\n                <m3e-tooltip for=\"firstPageButton\" position=\"above\">${this.firstPageLabel}</m3e-tooltip>`}\r\n          <m3e-icon-button\r\n            id=\"previousPageButton\"\r\n            aria-label=\"${this.previousPageLabel}\"\r\n            ?disabled=\"${this.disabled || !this.hasPreviousPage}\"\r\n            @click=\"${this.previousPage}\"\r\n          >\r\n            <slot name=\"previous-page-icon\">\r\n              <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                <path d=\"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\" />\r\n              </svg>\r\n            </slot>\r\n          </m3e-icon-button>\r\n          <m3e-tooltip for=\"previousPageButton\" position=\"above\">${this.previousPageLabel}</m3e-tooltip>\r\n          <m3e-icon-button\r\n            id=\"nextPageButton\"\r\n            aria-label=\"${this.nextPageLabel}\"\r\n            ?disabled=\"${this.disabled || !this.hasNextPage}\"\r\n            @click=\"${this.nextPage}\"\r\n          >\r\n            <slot name=\"next-page-icon\">\r\n              <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                <path d=\"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\" />\r\n              </svg>\r\n            </slot>\r\n          </m3e-icon-button>\r\n          <m3e-tooltip for=\"nextPageButton\" position=\"above\">${this.nextPageLabel}</m3e-tooltip>\r\n          ${!this.showFirstLastButtons\r\n            ? nothing\r\n            : html`<m3e-icon-button\r\n                  id=\"lastPageButton\"\r\n                  aria-label=\"${this.lastPageLabel}\"\r\n                  ?disabled=\"${this.disabled || !this.hasNextPage}\"\r\n                  @click=\"${this.lastPage}\"\r\n                >\r\n                  <slot name=\"last-page-icon\">\r\n                    <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                      <path d=\"m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z\" />\r\n                    </svg>\r\n                  </slot>\r\n                </m3e-icon-button>\r\n                <m3e-tooltip for=\"lastPageButton\" position=\"above\">${this.lastPageLabel}</m3e-tooltip>`}\r\n        </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleSelectChange(e: Event): void {\r\n    const option = (e.target as M3eSelectElement)?.selected[0];\r\n    if (!option) return;\r\n\r\n    const pageSize = option.value === \"all\" ? \"all\" : Number(option.value);\r\n    if (pageSize !== this.pageSize) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = 0;\r\n      this.pageSize = pageSize;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #emitPageEvent(previousPageIndex: number): void {\r\n    this.dispatchEvent(\r\n      new CustomEvent<PageEventDetail>(\"page\", {\r\n        detail: {\r\n          previousPageIndex: previousPageIndex,\r\n          pageIndex: this.pageIndex,\r\n          pageSize: this.pageSize,\r\n          length: this.length,\r\n        },\r\n      }),\r\n    );\r\n  }\r\n}\r\n\r\ninterface M3ePaginatorElementEventMap extends HTMLElementEventMap {\r\n  page: CustomEvent<PageEventDetail>;\r\n}\r\n\r\nexport interface M3ePaginatorElement {\r\n  addEventListener<K extends keyof M3ePaginatorElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3ePaginatorElement, ev: M3ePaginatorElementEventMap[K]) => void,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  addEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener<K extends keyof M3ePaginatorElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3ePaginatorElement, ev: M3ePaginatorElementEventMap[K]) => void,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-paginator\": M3ePaginatorElement;\r\n  }\r\n}\r\n"],"names":["M3ePaginatorElement","M3ePaginatorElement_1","EventAttribute","Role","LitElement","constructor","_M3ePaginatorElement_pageSizeLabelId","__nextId","_M3ePaginatorElement_defaultRangeLabelFormatter","set","pageIndex","pageSize","length","Math","max","startIndex","endIndex","min","disabled","pageSizes","hidePageSize","showFirstLastButtons","itemsPerPageLabel","previousPageLabel","nextPageLabel","firstPageLabel","lastPageLabel","pageSizeVariant","pageCount","ceil","hasPreviousPage","hasNextPage","firstPage","previousPageIndex","__classPrivateFieldGet","_M3ePaginatorElement_instances","_M3ePaginatorElement_emitPageEvent","call","previousPage","nextPage","lastPage","willUpdate","changedProperties","has","includes","join","_M3ePaginatorElement_parsePageSizes","render","html","_M3ePaginatorElement_renderPageSize","_M3ePaginatorElement_renderRangeActions","sizes","nothing","_M3ePaginatorElement_handleSelectChange","map","x","split","trim","filter","Number","numericSizes","sort","a","b","some","rangeLabelFormatter","e","option","target","selected","value","dispatchEvent","CustomEvent","detail","styles","css","DesignToken","typescale","standard","body","small","fontSize","fontWeight","lineHeight","tracking","__decorate","property","type","Boolean","reflect","prototype","attribute","converter","customElement"],"mappings":"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"}
+{"version":3,"file":"paginator.js","sources":["../../src/paginator/PaginatorElement.ts"],"sourcesContent":["/**\r\n * Adapted from Angular Material Paginator\r\n * Source: https://github.com/angular/components/blob/main/src/material/paginator/paginator.ts\r\n *\r\n * @license MIT\r\n * Copyright (c) 2025 Google LLC\r\n * See LICENSE file in the project root for full license text.\r\n */\r\n\r\n/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, nothing, PropertyValues } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport { customElement, DesignToken, EventAttribute, Role } from \"@m3e/web/core\";\r\nimport type { M3eSelectElement } from \"@m3e/web/select\";\r\nimport type { FormFieldVariant } from \"@m3e/web/form-field\";\r\n\r\nimport \"@m3e/web/form-field\";\r\nimport \"@m3e/web/select\";\r\nimport \"@m3e/web/option\";\r\nimport \"@m3e/web/icon-button\";\r\nimport \"@m3e/web/tooltip\";\r\n\r\nimport { PaginatorPageEventDetail } from \"./PaginatorPageEventDetail\";\r\n\r\n/**\r\n * Provides navigation for paged information, typically used with a table.\r\n *\r\n * @description\r\n * The `m3e-paginator` component is a compact, accessible paginator control for navigating\r\n * paged data sets. It provides semantic first/previous/next/last navigation controls and an\r\n * optional page-size selector that integrates with Material design tokens and `m3e-form-field` variants\r\n * to ensure consistent typography, density, and spacing across applications.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-paginator`. In this example, there are 300 total\r\n * records and the first/last navigation controls are shown.\r\n * ```html\r\n * <m3e-paginator show-first-last-buttons length=\"300\"></m3e-paginator>\r\n * ```\r\n *\r\n * @tag m3e-paginator\r\n *\r\n * @slot first-page-icon - Slot for a custom first-page icon.\r\n * @slot previous-page-icon - Slot for a custom previous-page icon.\r\n * @slot next-page-icon - Slot for a custom next-page icon.\r\n * @slot last-page-icon - Slot for a custom last-page icon.\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr first-page-label - The accessible label given to the button used to move to the first page.\r\n * @attr hide-page-size - Whether to hide page size selection.\r\n * @attr items-per-page-label - The label for the page size selector.\r\n * @attr last-page-label - The accessible label given to the button used to move to the last page.\r\n * @attr length - The length of the total number of items which are being paginated.\r\n * @attr next-page-label - The accessible label given to the button used to move to the next page.\r\n * @attr page-index - The zero-based page index of the displayed list of items.\r\n * @attr page-size - The number of items to display in a page.\r\n * @attr page-sizes - A comma separated list of available page sizes.\r\n * @attr page-size-variant - The appearance variant of the page size field.\r\n * @attr previous-page-label - The accessible label given to the button used to move to the previous page.\r\n * @attr show-first-last-buttons - Whether to show first/last buttons.\r\n *\r\n * @fires page - Emitted when a user selects a different page size or navigates to another page.\r\n *\r\n * @cssprop --m3e-paginator-font-size - The font size used for paginator text.\r\n * @cssprop --m3e-paginator-font-weight - The font weight used for paginator text.\r\n * @cssprop --m3e-paginator-line-height - The line height used for paginator text.\r\n * @cssprop --m3e-paginator-tracking - The letter-spacing used for paginator text.\r\n */\r\n@customElement(\"m3e-paginator\")\r\nexport class M3ePaginatorElement extends EventAttribute(Role(LitElement, \"group\"), \"page\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: block;\r\n    }\r\n    .outer {\r\n      display: flex;\r\n      font-size: var(--m3e-paginator-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      font-weight: var(--m3e-paginator-font-weight, ${DesignToken.typescale.standard.body.small.fontWeight});\r\n      line-height: var(--m3e-paginator-line-height, ${DesignToken.typescale.standard.body.small.lineHeight});\r\n      letter-spacing: var(--m3e-paginator-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n    }\r\n    .inner {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-end;\r\n      padding-inline: 0.5rem;\r\n      width: 100%;\r\n    }\r\n    .form-field {\r\n      --md-sys-density-scale: -2;\r\n      --m3e-form-field-font-size: var(--m3e-paginator-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      --m3e-form-field-font-weight: var(\r\n        --m3e-paginator-font-weight,\r\n        ${DesignToken.typescale.standard.body.small.fontWeight}\r\n      );\r\n      --m3e-form-field-line-height: var(\r\n        --m3e-paginator-line-height,\r\n        ${DesignToken.typescale.standard.body.small.lineHeight}\r\n      );\r\n      --m3e-form-field-tracking: var(--m3e-paginator-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n    }\r\n    .items-per-page-label {\r\n      display: flex;\r\n      align-items: center;\r\n      margin-inline-end: 0.5rem;\r\n    }\r\n    .form-field {\r\n      min-width: auto;\r\n      width: 6rem;\r\n      margin-inline: 0.25rem;\r\n    }\r\n    .range-label {\r\n      margin-inline: 1.5rem 2rem;\r\n    }\r\n    :host([hide-page-size]) .range-label {\r\n      margin-inline-start: unset;\r\n    }\r\n    .range-actions {\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n    ::slotted([slot=\"first-page-icon\"]),\r\n    ::slotted([slot=\"previous-page-icon\"]),\r\n    ::slotted([slot=\"next-page-icon\"]),\r\n    ::slotted([slot=\"last-page-icon\"]),\r\n    svg {\r\n      width: 1em;\r\n      font-size: var(--m3e-icon-button-medium-icon-size, 1.5rem) !important;\r\n    }\r\n\r\n    :host(:dir(rtl)) svg {\r\n      transform: rotate(180deg);\r\n    }\r\n  `;\r\n\r\n  /* @private */ private static __nextId = 0;\r\n  /* @private */ readonly #pageSizeLabelId = `m3e-paginator-page-size-label-${M3ePaginatorElement.__nextId++}`;\r\n\r\n  /* @private */\r\n  readonly #defaultRangeLabelFormatter = (pageIndex: number, pageSize: number | \"all\", length: number): string => {\r\n    length = Math.max(length, 0);\r\n\r\n    if (pageSize === \"all\") return \"\";\r\n    if (length === 0 || pageSize <= 0) return `0 of ${length}`;\r\n\r\n    const startIndex = pageIndex * pageSize;\r\n    const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;\r\n    return `${startIndex + 1} - ${endIndex} of ${length}`;\r\n  };\r\n\r\n  /**\r\n   * Whether the element is disabled.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) disabled = false;\r\n\r\n  /**\r\n   * The zero-based page index of the displayed list of items.\r\n   * @default 0\r\n   */\r\n  @property({ attribute: \"page-index\", type: Number }) pageIndex = 0;\r\n\r\n  /**\r\n   * The length of the total number of items which are being paginated.\r\n   * @default 0\r\n   */\r\n  @property({ type: Number }) length = 0;\r\n\r\n  /**\r\n   * The number of items to display in a page.\r\n   * @default 50\r\n   */\r\n  @property({ attribute: \"page-size\", converter: (value) => (value === \"all\" ? \"all\" : Number(value)) })\r\n  pageSize: number | \"all\" = 50;\r\n\r\n  /**\r\n   * A comma separated list of available page sizes.\r\n   * @default \"5,10,25,50,100\"\r\n   */\r\n  @property({ attribute: \"page-sizes\" }) pageSizes = \"5,10,25,50,100\";\r\n\r\n  /**\r\n   * Whether to hide page size selection.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-page-size\", type: Boolean, reflect: true }) hidePageSize = false;\r\n\r\n  /**\r\n   * Whether to show first/last buttons.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"show-first-last-buttons\", type: Boolean }) showFirstLastButtons = false;\r\n\r\n  /**\r\n   * The label for the page size selector.\r\n   * @default \"Items per page:\"\r\n   */\r\n  @property({ attribute: \"items-per-page-label\" }) itemsPerPageLabel = \"Items per page:\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the previous page.\r\n   * @default \"Previous page\"\r\n   */\r\n  @property({ attribute: \"previous-page-label\" }) previousPageLabel = \"Previous page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the next page.\r\n   * @default \"Next page\"\r\n   */\r\n  @property({ attribute: \"next-page-label\" }) nextPageLabel = \"Next page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the first page.\r\n   * @default \"First page\"\r\n   */\r\n  @property({ attribute: \"first-page-label\" }) firstPageLabel = \"First page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the last page.\r\n   * @default \"Last page\"\r\n   */\r\n  @property({ attribute: \"last-page-label\" }) lastPageLabel = \"Last page\";\r\n\r\n  /**\r\n   * The appearance variant of the page size field.\r\n   * @default \"outlined\"\r\n   */\r\n  @property({ attribute: \"page-size-variant\" }) pageSizeVariant: FormFieldVariant = \"outlined\";\r\n\r\n  /** The total number of pages. */\r\n  get pageCount(): number {\r\n    return !this.pageSize || this.pageSize === \"all\" ? 0 : Math.ceil(this.length / this.pageSize);\r\n  }\r\n\r\n  /** Whether a previous page can be displayed. */\r\n  get hasPreviousPage(): boolean {\r\n    return this.pageSize !== \"all\" && this.pageSize > 0 && this.pageIndex >= 1;\r\n  }\r\n\r\n  /** Whether a next page can be displayed. */\r\n  get hasNextPage(): boolean {\r\n    return this.pageSize !== \"all\" && this.pageSize > 0 && this.pageIndex < this.pageCount - 1;\r\n  }\r\n\r\n  /**\r\n   * A function used to format the range label.\r\n   * @param {number} pageIndex The zero-based index of the current page.\r\n   * @param {number | \"all\"} pageSize The current number of items to display in a page.\r\n   * @param {number} length The current length of the total number of items which are being paginated.\r\n   * @returns {string} The range label.\r\n   */\r\n  rangeLabelFormatter?: (pageIndex: number, pageSize: number | \"all\", length: number) => string;\r\n\r\n  /** Move to the first page. */\r\n  firstPage(): void {\r\n    if (this.hasPreviousPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = 0;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the previous page. */\r\n  previousPage(): void {\r\n    if (this.hasPreviousPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex--;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the next page. */\r\n  nextPage(): void {\r\n    if (this.hasNextPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex++;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the last page. */\r\n  lastPage(): void {\r\n    if (this.hasNextPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = this.pageCount - 1;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\r\n    super.willUpdate(changedProperties);\r\n\r\n    if (changedProperties.has(\"pageIndex\")) {\r\n      const pageSizes = this.#parsePageSizes();\r\n      if (!pageSizes.includes(this.pageSize)) {\r\n        this.pageSizes = [...pageSizes, this.pageSize].join(\",\");\r\n        this.pageSizes = this.#parsePageSizes().join(\",\");\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"outer\">\r\n      <div class=\"inner\">${this.#renderPageSize()} ${this.#renderRangeActions()}</div>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #renderPageSize(): unknown {\r\n    const sizes = this.#parsePageSizes();\r\n    return this.hidePageSize\r\n      ? nothing\r\n      : html`<div id=\"${this.#pageSizeLabelId}\" class=\"items-per-page-label\" aria-live=\"polite\">\r\n            ${this.itemsPerPageLabel}\r\n          </div>\r\n          <m3e-form-field class=\"form-field\" variant=\"${this.pageSizeVariant}\" hide-subscript=\"always\">\r\n            <m3e-select\r\n              class=\"select\"\r\n              aria-labelledby=\"${this.#pageSizeLabelId}\"\r\n              hide-selection-indicator\r\n              ?disabled=\"${this.disabled || sizes.length <= 1}\"\r\n              @change=\"${this.#handleSelectChange}\"\r\n            >\r\n              ${sizes.map(\r\n                (x) =>\r\n                  html`<m3e-option value=\"${x}\" ?selected=\"${x === this.pageSize}\">\r\n                    ${x === \"all\" ? \"All\" : x}\r\n                  </m3e-option>`,\r\n              )}\r\n            </m3e-select>\r\n          </m3e-form-field>`;\r\n  }\r\n\r\n  /** @private */\r\n  #parsePageSizes(): Array<number | \"all\"> {\r\n    const sizes: Array<number | \"all\"> = this.pageSizes\r\n      .split(\",\")\r\n      .map((x) => x.trim())\r\n      .filter((x) => x !== \"\")\r\n      .map((x) => (x === \"all\" ? x : Number(x)));\r\n\r\n    const numericSizes = <Array<number>>sizes.filter((x) => x !== \"all\");\r\n    numericSizes.sort((a, b) => a - b);\r\n    return sizes.some((x) => x === \"all\") ? [...numericSizes, \"all\"] : numericSizes;\r\n  }\r\n\r\n  /** @private */\r\n  #renderRangeActions(): unknown {\r\n    const rangeLabelFormatter = this.rangeLabelFormatter ?? this.#defaultRangeLabelFormatter;\r\n\r\n    return this.pageSize === \"all\"\r\n      ? nothing\r\n      : html`<div class=\"range-actions\">\r\n          <div class=\"range-label\">${rangeLabelFormatter(this.pageIndex, this.pageSize, this.length)}</div>\r\n          ${!this.showFirstLastButtons\r\n            ? nothing\r\n            : html`<m3e-icon-button\r\n                  id=\"firstPageButton\"\r\n                  aria-label=\"${this.firstPageLabel}\"\r\n                  ?disabled=\"${this.disabled || !this.hasPreviousPage}\"\r\n                  @click=\"${this.firstPage}\"\r\n                >\r\n                  <slot name=\"first-page-icon\">\r\n                    <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                      <path d=\"M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z\" />\r\n                    </svg>\r\n                  </slot>\r\n                </m3e-icon-button>\r\n                <m3e-tooltip for=\"firstPageButton\" position=\"above\">${this.firstPageLabel}</m3e-tooltip>`}\r\n          <m3e-icon-button\r\n            id=\"previousPageButton\"\r\n            aria-label=\"${this.previousPageLabel}\"\r\n            ?disabled=\"${this.disabled || !this.hasPreviousPage}\"\r\n            @click=\"${this.previousPage}\"\r\n          >\r\n            <slot name=\"previous-page-icon\">\r\n              <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                <path d=\"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\" />\r\n              </svg>\r\n            </slot>\r\n          </m3e-icon-button>\r\n          <m3e-tooltip for=\"previousPageButton\" position=\"above\">${this.previousPageLabel}</m3e-tooltip>\r\n          <m3e-icon-button\r\n            id=\"nextPageButton\"\r\n            aria-label=\"${this.nextPageLabel}\"\r\n            ?disabled=\"${this.disabled || !this.hasNextPage}\"\r\n            @click=\"${this.nextPage}\"\r\n          >\r\n            <slot name=\"next-page-icon\">\r\n              <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                <path d=\"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\" />\r\n              </svg>\r\n            </slot>\r\n          </m3e-icon-button>\r\n          <m3e-tooltip for=\"nextPageButton\" position=\"above\">${this.nextPageLabel}</m3e-tooltip>\r\n          ${!this.showFirstLastButtons\r\n            ? nothing\r\n            : html`<m3e-icon-button\r\n                  id=\"lastPageButton\"\r\n                  aria-label=\"${this.lastPageLabel}\"\r\n                  ?disabled=\"${this.disabled || !this.hasNextPage}\"\r\n                  @click=\"${this.lastPage}\"\r\n                >\r\n                  <slot name=\"last-page-icon\">\r\n                    <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                      <path d=\"m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z\" />\r\n                    </svg>\r\n                  </slot>\r\n                </m3e-icon-button>\r\n                <m3e-tooltip for=\"lastPageButton\" position=\"above\">${this.lastPageLabel}</m3e-tooltip>`}\r\n        </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleSelectChange(e: Event): void {\r\n    const option = (e.target as M3eSelectElement)?.selected[0];\r\n    if (!option) return;\r\n\r\n    const pageSize = option.value === \"all\" ? \"all\" : Number(option.value);\r\n    if (pageSize !== this.pageSize) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = 0;\r\n      this.pageSize = pageSize;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #emitPageEvent(previousPageIndex: number): void {\r\n    this.dispatchEvent(\r\n      new CustomEvent<PaginatorPageEventDetail>(\"page\", {\r\n        detail: {\r\n          previousPageIndex: previousPageIndex,\r\n          pageIndex: this.pageIndex,\r\n          pageSize: this.pageSize,\r\n          length: this.length,\r\n        },\r\n      }),\r\n    );\r\n  }\r\n}\r\n\r\ninterface M3ePaginatorElementEventMap extends HTMLElementEventMap {\r\n  page: CustomEvent<PaginatorPageEventDetail>;\r\n}\r\n\r\nexport interface M3ePaginatorElement {\r\n  addEventListener<K extends keyof M3ePaginatorElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3ePaginatorElement, ev: M3ePaginatorElementEventMap[K]) => void,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  addEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener<K extends keyof M3ePaginatorElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3ePaginatorElement, ev: M3ePaginatorElementEventMap[K]) => void,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-paginator\": M3ePaginatorElement;\r\n  }\r\n}\r\n"],"names":["M3ePaginatorElement","M3ePaginatorElement_1","EventAttribute","Role","LitElement","constructor","_M3ePaginatorElement_pageSizeLabelId","__nextId","_M3ePaginatorElement_defaultRangeLabelFormatter","set","pageIndex","pageSize","length","Math","max","startIndex","endIndex","min","disabled","pageSizes","hidePageSize","showFirstLastButtons","itemsPerPageLabel","previousPageLabel","nextPageLabel","firstPageLabel","lastPageLabel","pageSizeVariant","pageCount","ceil","hasPreviousPage","hasNextPage","firstPage","previousPageIndex","__classPrivateFieldGet","_M3ePaginatorElement_instances","_M3ePaginatorElement_emitPageEvent","call","previousPage","nextPage","lastPage","willUpdate","changedProperties","has","includes","join","_M3ePaginatorElement_parsePageSizes","render","html","_M3ePaginatorElement_renderPageSize","_M3ePaginatorElement_renderRangeActions","sizes","nothing","_M3ePaginatorElement_handleSelectChange","map","x","split","trim","filter","Number","numericSizes","sort","a","b","some","rangeLabelFormatter","e","option","target","selected","value","dispatchEvent","CustomEvent","detail","styles","css","DesignToken","typescale","standard","body","small","fontSize","fontWeight","lineHeight","tracking","__decorate","property","type","Boolean","reflect","prototype","attribute","converter","customElement"],"mappings":"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"}

package/dist/paginator.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.min.js","sources":["../../src/paginator/PaginatorElement.ts"],"sourcesContent":["/**\r\n * Adapted from Angular Material Paginator\r\n * Source: https://github.com/angular/components/blob/main/src/material/paginator/paginator.ts\r\n *\r\n * @license MIT\r\n * Copyright (c) 2025 Google LLC\r\n * See LICENSE file in the project root for full license text.\r\n */\r\n\r\n/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, nothing, PropertyValues } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport { customElement, DesignToken, EventAttribute, Role } from \"@m3e/web/core\";\r\nimport type { M3eSelectElement } from \"@m3e/web/select\";\r\nimport type { FormFieldVariant } from \"@m3e/web/form-field\";\r\n\r\nimport \"@m3e/web/form-field\";\r\nimport \"@m3e/web/select\";\r\nimport \"@m3e/web/option\";\r\nimport \"@m3e/web/icon-button\";\r\nimport \"@m3e/web/tooltip\";\r\n\r\nimport { PageEventDetail } from \"./PageEventDetail\";\r\n\r\n/**\r\n * Provides navigation for paged information, typically used with a table.\r\n *\r\n * @description\r\n * The `m3e-paginator` component is a compact, accessible paginator control for navigating\r\n * paged data sets. It provides semantic first/previous/next/last navigation controls and an\r\n * optional page-size selector that integrates with Material design tokens and `m3e-form-field` variants\r\n * to ensure consistent typography, density, and spacing across applications.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-paginator`. In this example, there are 300 total\r\n * records and the first/last navigation controls are shown.\r\n * ```html\r\n * <m3e-paginator show-first-last-buttons length=\"300\"></m3e-paginator>\r\n * ```\r\n *\r\n * @tag m3e-paginator\r\n *\r\n * @slot first-page-icon - Slot for a custom first-page icon.\r\n * @slot previous-page-icon - Slot for a custom previous-page icon.\r\n * @slot next-page-icon - Slot for a custom next-page icon.\r\n * @slot last-page-icon - Slot for a custom last-page icon.\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr first-page-label - The accessible label given to the button used to move to the first page.\r\n * @attr hide-page-size - Whether to hide page size selection.\r\n * @attr items-per-page-label - The label for the page size selector.\r\n * @attr last-page-label - The accessible label given to the button used to move to the last page.\r\n * @attr length - The length of the total number of items which are being paginated.\r\n * @attr next-page-label - The accessible label given to the button used to move to the next page.\r\n * @attr page-index - The zero-based page index of the displayed list of items.\r\n * @attr page-size - The number of items to display in a page.\r\n * @attr page-sizes - A comma separated list of available page sizes.\r\n * @attr page-size-variant - The appearance variant of the page size field.\r\n * @attr previous-page-label - The accessible label given to the button used to move to the previous page.\r\n * @attr show-first-last-buttons - Whether to show first/last buttons.\r\n *\r\n * @fires page - Emitted when a user selects a different page size or navigates to another page.\r\n *\r\n * @cssprop --m3e-paginator-font-size - The font size used for paginator text.\r\n * @cssprop --m3e-paginator-font-weight - The font weight used for paginator text.\r\n * @cssprop --m3e-paginator-line-height - The line height used for paginator text.\r\n * @cssprop --m3e-paginator-tracking - The letter-spacing used for paginator text.\r\n */\r\n@customElement(\"m3e-paginator\")\r\nexport class M3ePaginatorElement extends EventAttribute(Role(LitElement, \"group\"), \"page\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: block;\r\n    }\r\n    .outer {\r\n      display: flex;\r\n      font-size: var(--m3e-paginator-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      font-weight: var(--m3e-paginator-font-weight, ${DesignToken.typescale.standard.body.small.fontWeight});\r\n      line-height: var(--m3e-paginator-line-height, ${DesignToken.typescale.standard.body.small.lineHeight});\r\n      letter-spacing: var(--m3e-paginator-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n    }\r\n    .inner {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-end;\r\n      padding-inline: 0.5rem;\r\n      width: 100%;\r\n    }\r\n    .form-field {\r\n      --md-sys-density-scale: -2;\r\n      --m3e-form-field-font-size: var(--m3e-paginator-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      --m3e-form-field-font-weight: var(\r\n        --m3e-paginator-font-weight,\r\n        ${DesignToken.typescale.standard.body.small.fontWeight}\r\n      );\r\n      --m3e-form-field-line-height: var(\r\n        --m3e-paginator-line-height,\r\n        ${DesignToken.typescale.standard.body.small.lineHeight}\r\n      );\r\n      --m3e-form-field-tracking: var(--m3e-paginator-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n    }\r\n    .items-per-page-label {\r\n      display: flex;\r\n      align-items: center;\r\n      margin-inline-end: 0.5rem;\r\n    }\r\n    .form-field {\r\n      min-width: auto;\r\n      width: 6rem;\r\n      margin-inline: 0.25rem;\r\n    }\r\n    .range-label {\r\n      margin-inline: 1.5rem 2rem;\r\n    }\r\n    :host([hide-page-size]) .range-label {\r\n      margin-inline-start: unset;\r\n    }\r\n    .range-actions {\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n    ::slotted([slot=\"first-page-icon\"]),\r\n    ::slotted([slot=\"previous-page-icon\"]),\r\n    ::slotted([slot=\"next-page-icon\"]),\r\n    ::slotted([slot=\"last-page-icon\"]),\r\n    svg {\r\n      width: 1em;\r\n      font-size: var(--m3e-icon-button-medium-icon-size, 1.5rem) !important;\r\n    }\r\n\r\n    :host(:dir(rtl)) svg {\r\n      transform: rotate(180deg);\r\n    }\r\n  `;\r\n\r\n  /* @private */ private static __nextId = 0;\r\n  /* @private */ readonly #pageSizeLabelId = `m3e-paginator-page-size-label-${M3ePaginatorElement.__nextId++}`;\r\n\r\n  /* @private */\r\n  readonly #defaultRangeLabelFormatter = (pageIndex: number, pageSize: number | \"all\", length: number): string => {\r\n    length = Math.max(length, 0);\r\n\r\n    if (pageSize === \"all\") return \"\";\r\n    if (length === 0 || pageSize <= 0) return `0 of ${length}`;\r\n\r\n    const startIndex = pageIndex * pageSize;\r\n    const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;\r\n    return `${startIndex + 1} - ${endIndex} of ${length}`;\r\n  };\r\n\r\n  /**\r\n   * Whether the element is disabled.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) disabled = false;\r\n\r\n  /**\r\n   * The zero-based page index of the displayed list of items.\r\n   * @default 0\r\n   */\r\n  @property({ attribute: \"page-index\", type: Number }) pageIndex = 0;\r\n\r\n  /**\r\n   * The length of the total number of items which are being paginated.\r\n   * @default 0\r\n   */\r\n  @property({ type: Number }) length = 0;\r\n\r\n  /**\r\n   * The number of items to display in a page.\r\n   * @default 50\r\n   */\r\n  @property({ attribute: \"page-size\", converter: (value) => (value === \"all\" ? \"all\" : Number(value)) })\r\n  pageSize: number | \"all\" = 50;\r\n\r\n  /**\r\n   * A comma separated list of available page sizes.\r\n   * @default \"5,10,25,50,100\"\r\n   */\r\n  @property({ attribute: \"page-sizes\" }) pageSizes = \"5,10,25,50,100\";\r\n\r\n  /**\r\n   * Whether to hide page size selection.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-page-size\", type: Boolean, reflect: true }) hidePageSize = false;\r\n\r\n  /**\r\n   * Whether to show first/last buttons.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"show-first-last-buttons\", type: Boolean }) showFirstLastButtons = false;\r\n\r\n  /**\r\n   * The label for the page size selector.\r\n   * @default \"Items per page:\"\r\n   */\r\n  @property({ attribute: \"items-per-page-label\" }) itemsPerPageLabel = \"Items per page:\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the previous page.\r\n   * @default \"Previous page\"\r\n   */\r\n  @property({ attribute: \"previous-page-label\" }) previousPageLabel = \"Previous page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the next page.\r\n   * @default \"Next page\"\r\n   */\r\n  @property({ attribute: \"next-page-label\" }) nextPageLabel = \"Next page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the first page.\r\n   * @default \"First page\"\r\n   */\r\n  @property({ attribute: \"first-page-label\" }) firstPageLabel = \"First page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the last page.\r\n   * @default \"Last page\"\r\n   */\r\n  @property({ attribute: \"last-page-label\" }) lastPageLabel = \"Last page\";\r\n\r\n  /**\r\n   * The appearance variant of the page size field.\r\n   * @default \"outlined\"\r\n   */\r\n  @property({ attribute: \"page-size-variant\" }) pageSizeVariant: FormFieldVariant = \"outlined\";\r\n\r\n  /** The total number of pages. */\r\n  get pageCount(): number {\r\n    return !this.pageSize || this.pageSize === \"all\" ? 0 : Math.ceil(this.length / this.pageSize);\r\n  }\r\n\r\n  /** Whether a previous page can be displayed. */\r\n  get hasPreviousPage(): boolean {\r\n    return this.pageSize !== \"all\" && this.pageSize > 0 && this.pageIndex >= 1;\r\n  }\r\n\r\n  /** Whether a next page can be displayed. */\r\n  get hasNextPage(): boolean {\r\n    return this.pageSize !== \"all\" && this.pageSize > 0 && this.pageIndex < this.pageCount - 1;\r\n  }\r\n\r\n  /**\r\n   * A function used to format the range label.\r\n   * @param {number} pageIndex The zero-based index of the current page.\r\n   * @param {number | \"all\"} pageSize The current number of items to display in a page.\r\n   * @param {number} length The current length of the total number of items which are being paginated.\r\n   * @returns {string} The range label.\r\n   */\r\n  rangeLabelFormatter?: (pageIndex: number, pageSize: number | \"all\", length: number) => string;\r\n\r\n  /** Move to the first page. */\r\n  firstPage(): void {\r\n    if (this.hasPreviousPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = 0;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the previous page. */\r\n  previousPage(): void {\r\n    if (this.hasPreviousPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex--;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the next page. */\r\n  nextPage(): void {\r\n    if (this.hasNextPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex++;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the last page. */\r\n  lastPage(): void {\r\n    if (this.hasNextPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = this.pageCount - 1;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\r\n    super.willUpdate(changedProperties);\r\n\r\n    if (changedProperties.has(\"pageIndex\")) {\r\n      const pageSizes = this.#parsePageSizes();\r\n      if (!pageSizes.includes(this.pageSize)) {\r\n        this.pageSizes = [...pageSizes, this.pageSize].join(\",\");\r\n        this.pageSizes = this.#parsePageSizes().join(\",\");\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"outer\">\r\n      <div class=\"inner\">${this.#renderPageSize()} ${this.#renderRangeActions()}</div>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #renderPageSize(): unknown {\r\n    const sizes = this.#parsePageSizes();\r\n    return this.hidePageSize\r\n      ? nothing\r\n      : html`<div id=\"${this.#pageSizeLabelId}\" class=\"items-per-page-label\" aria-live=\"polite\">\r\n            ${this.itemsPerPageLabel}\r\n          </div>\r\n          <m3e-form-field class=\"form-field\" variant=\"${this.pageSizeVariant}\" hide-subscript=\"always\">\r\n            <m3e-select\r\n              class=\"select\"\r\n              aria-labelledby=\"${this.#pageSizeLabelId}\"\r\n              hide-selection-indicator\r\n              ?disabled=\"${this.disabled || sizes.length <= 1}\"\r\n              @change=\"${this.#handleSelectChange}\"\r\n            >\r\n              ${sizes.map(\r\n                (x) =>\r\n                  html`<m3e-option value=\"${x}\" ?selected=\"${x === this.pageSize}\">\r\n                    ${x === \"all\" ? \"All\" : x}\r\n                  </m3e-option>`,\r\n              )}\r\n            </m3e-select>\r\n          </m3e-form-field>`;\r\n  }\r\n\r\n  /** @private */\r\n  #parsePageSizes(): Array<number | \"all\"> {\r\n    const sizes: Array<number | \"all\"> = this.pageSizes\r\n      .split(\",\")\r\n      .map((x) => x.trim())\r\n      .filter((x) => x !== \"\")\r\n      .map((x) => (x === \"all\" ? x : Number(x)));\r\n\r\n    const numericSizes = <Array<number>>sizes.filter((x) => x !== \"all\");\r\n    numericSizes.sort((a, b) => a - b);\r\n    return sizes.some((x) => x === \"all\") ? [...numericSizes, \"all\"] : numericSizes;\r\n  }\r\n\r\n  /** @private */\r\n  #renderRangeActions(): unknown {\r\n    const rangeLabelFormatter = this.rangeLabelFormatter ?? this.#defaultRangeLabelFormatter;\r\n\r\n    return this.pageSize === \"all\"\r\n      ? nothing\r\n      : html`<div class=\"range-actions\">\r\n          <div class=\"range-label\">${rangeLabelFormatter(this.pageIndex, this.pageSize, this.length)}</div>\r\n          ${!this.showFirstLastButtons\r\n            ? nothing\r\n            : html`<m3e-icon-button\r\n                  id=\"firstPageButton\"\r\n                  aria-label=\"${this.firstPageLabel}\"\r\n                  ?disabled=\"${this.disabled || !this.hasPreviousPage}\"\r\n                  @click=\"${this.firstPage}\"\r\n                >\r\n                  <slot name=\"first-page-icon\">\r\n                    <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                      <path d=\"M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z\" />\r\n                    </svg>\r\n                  </slot>\r\n                </m3e-icon-button>\r\n                <m3e-tooltip for=\"firstPageButton\" position=\"above\">${this.firstPageLabel}</m3e-tooltip>`}\r\n          <m3e-icon-button\r\n            id=\"previousPageButton\"\r\n            aria-label=\"${this.previousPageLabel}\"\r\n            ?disabled=\"${this.disabled || !this.hasPreviousPage}\"\r\n            @click=\"${this.previousPage}\"\r\n          >\r\n            <slot name=\"previous-page-icon\">\r\n              <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                <path d=\"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\" />\r\n              </svg>\r\n            </slot>\r\n          </m3e-icon-button>\r\n          <m3e-tooltip for=\"previousPageButton\" position=\"above\">${this.previousPageLabel}</m3e-tooltip>\r\n          <m3e-icon-button\r\n            id=\"nextPageButton\"\r\n            aria-label=\"${this.nextPageLabel}\"\r\n            ?disabled=\"${this.disabled || !this.hasNextPage}\"\r\n            @click=\"${this.nextPage}\"\r\n          >\r\n            <slot name=\"next-page-icon\">\r\n              <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                <path d=\"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\" />\r\n              </svg>\r\n            </slot>\r\n          </m3e-icon-button>\r\n          <m3e-tooltip for=\"nextPageButton\" position=\"above\">${this.nextPageLabel}</m3e-tooltip>\r\n          ${!this.showFirstLastButtons\r\n            ? nothing\r\n            : html`<m3e-icon-button\r\n                  id=\"lastPageButton\"\r\n                  aria-label=\"${this.lastPageLabel}\"\r\n                  ?disabled=\"${this.disabled || !this.hasNextPage}\"\r\n                  @click=\"${this.lastPage}\"\r\n                >\r\n                  <slot name=\"last-page-icon\">\r\n                    <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                      <path d=\"m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z\" />\r\n                    </svg>\r\n                  </slot>\r\n                </m3e-icon-button>\r\n                <m3e-tooltip for=\"lastPageButton\" position=\"above\">${this.lastPageLabel}</m3e-tooltip>`}\r\n        </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleSelectChange(e: Event): void {\r\n    const option = (e.target as M3eSelectElement)?.selected[0];\r\n    if (!option) return;\r\n\r\n    const pageSize = option.value === \"all\" ? \"all\" : Number(option.value);\r\n    if (pageSize !== this.pageSize) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = 0;\r\n      this.pageSize = pageSize;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #emitPageEvent(previousPageIndex: number): void {\r\n    this.dispatchEvent(\r\n      new CustomEvent<PageEventDetail>(\"page\", {\r\n        detail: {\r\n          previousPageIndex: previousPageIndex,\r\n          pageIndex: this.pageIndex,\r\n          pageSize: this.pageSize,\r\n          length: this.length,\r\n        },\r\n      }),\r\n    );\r\n  }\r\n}\r\n\r\ninterface M3ePaginatorElementEventMap extends HTMLElementEventMap {\r\n  page: CustomEvent<PageEventDetail>;\r\n}\r\n\r\nexport interface M3ePaginatorElement {\r\n  addEventListener<K extends keyof M3ePaginatorElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3ePaginatorElement, ev: M3ePaginatorElementEventMap[K]) => void,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  addEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener<K extends keyof M3ePaginatorElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3ePaginatorElement, ev: M3ePaginatorElementEventMap[K]) => void,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-paginator\": M3ePaginatorElement;\r\n  }\r\n}\r\n"],"names":["M3ePaginatorElement","M3ePaginatorElement_1","EventAttribute","Role","LitElement","constructor","_M3ePaginatorElement_pageSizeLabelId","__nextId","_M3ePaginatorElement_defaultRangeLabelFormatter","set","this","pageIndex","pageSize","length","Math","max","startIndex","min","disabled","pageSizes","hidePageSize","showFirstLastButtons","itemsPerPageLabel","previousPageLabel","nextPageLabel","firstPageLabel","lastPageLabel","pageSizeVariant","pageCount","ceil","hasPreviousPage","hasNextPage","firstPage","previousPageIndex","__classPrivateFieldGet","_M3ePaginatorElement_instances","_M3ePaginatorElement_emitPageEvent","call","previousPage","nextPage","lastPage","willUpdate","changedProperties","super","has","includes","join","_M3ePaginatorElement_parsePageSizes","render","html","_M3ePaginatorElement_renderPageSize","_M3ePaginatorElement_renderRangeActions","sizes","nothing","_M3ePaginatorElement_handleSelectChange","map","x","split","trim","filter","Number","numericSizes","sort","a","b","some","rangeLabelFormatter","e","option","target","selected","value","dispatchEvent","CustomEvent","detail","styles","css","DesignToken","typescale","standard","body","small","fontSize","fontWeight","lineHeight","tracking","__decorate","property","type","Boolean","reflect","prototype","attribute","converter","customElement"],"mappings":";;;;;;;;;;;;;yBAsEO,IAAMA,EAAmBC,EAAzB,cAAkCC,EAAeC,EAAKC,EAAY,SAAU,SAA5EC,WAAAA,mCAoEmBC,WAAmB,iCAAiCL,EAAoBM,YAGvFC,EAAAC,IAAAC,KAA8B,CAACC,EAAmBC,EAA0BC,KAGnF,GAFAA,EAASC,KAAKC,IAAIF,EAAQ,GAET,QAAbD,EAAoB,MAAO,GAC/B,GAAe,IAAXC,GAAgBD,GAAY,EAAG,MAAO,QAAQC,IAElD,MAAMG,EAAaL,EAAYC,EAE/B,MAAO,GAAGI,EAAa,OADNA,EAAaH,EAASC,KAAKG,IAAID,EAAaJ,EAAUC,GAAUG,EAAaJ,QACjDC,MAOHH,KAAAQ,UAAW,EAMFR,KAAAC,UAAY,EAMrCD,KAAAG,OAAS,EAOrCH,KAAAE,SAA2B,GAMYF,KAAAS,UAAY,iBAMsBT,KAAAU,cAAe,EAMrBV,KAAAW,sBAAuB,EAMzCX,KAAAY,kBAAoB,kBAMrBZ,KAAAa,kBAAoB,gBAMxBb,KAAAc,cAAgB,YAMfd,KAAAe,eAAiB,aAMlBf,KAAAgB,cAAgB,YAMdhB,KAAAiB,gBAAoC,UAuNpF,CApNE,aAAIC,GACF,OAAQlB,KAAKE,UAA8B,QAAlBF,KAAKE,SAAyBE,KAAKe,KAAKnB,KAAKG,OAASH,KAAKE,UAAjC,CACrD,CAGA,mBAAIkB,GACF,MAAyB,QAAlBpB,KAAKE,UAAsBF,KAAKE,SAAW,GAAKF,KAAKC,WAAa,CAC3E,CAGA,eAAIoB,GACF,MAAyB,QAAlBrB,KAAKE,UAAsBF,KAAKE,SAAW,GAAKF,KAAKC,UAAYD,KAAKkB,UAAY,CAC3F,CAYAI,SAAAA,GACE,GAAItB,KAAKoB,gBAAiB,CACxB,MAAMG,EAAoBvB,KAAKC,UAC/BD,KAAKC,UAAY,EACjBuB,EAAAxB,KAAIyB,EAAA,IAAAC,GAAeC,KAAnB3B,KAAoBuB,EACtB,CACF,CAGAK,YAAAA,GACE,GAAI5B,KAAKoB,gBAAiB,CACxB,MAAMG,EAAoBvB,KAAKC,UAC/BD,KAAKC,YACLuB,EAAAxB,KAAIyB,EAAA,IAAAC,GAAeC,KAAnB3B,KAAoBuB,EACtB,CACF,CAGAM,QAAAA,GACE,GAAI7B,KAAKqB,YAAa,CACpB,MAAME,EAAoBvB,KAAKC,UAC/BD,KAAKC,YACLuB,EAAAxB,KAAIyB,EAAA,IAAAC,GAAeC,KAAnB3B,KAAoBuB,EACtB,CACF,CAGAO,QAAAA,GACE,GAAI9B,KAAKqB,YAAa,CACpB,MAAME,EAAoBvB,KAAKC,UAC/BD,KAAKC,UAAYD,KAAKkB,UAAY,EAClCM,EAAAxB,KAAIyB,EAAA,IAAAC,GAAeC,KAAnB3B,KAAoBuB,EACtB,CACF,CAGmBQ,UAAAA,CAAWC,GAG5B,GAFAC,MAAMF,WAAWC,GAEbA,EAAkBE,IAAI,aAAc,CACtC,MAAMzB,EAAYe,EAAAxB,cAAoB2B,KAApB3B,MACbS,EAAU0B,SAASnC,KAAKE,YAC3BF,KAAKS,UAAY,IAAIA,EAAWT,KAAKE,UAAUkC,KAAK,KACpDpC,KAAKS,UAAYe,EAAAxB,KAAIyB,EAAA,IAAAY,GAAgBV,KAApB3B,MAAuBoC,KAAK,KAEjD,CACF,CAGmBE,MAAAA,GACjB,OAAOC,CAAI,yCACYf,EAAAxB,KAAIyB,EAAA,IAAAe,GAAgBb,KAApB3B,SAA0BwB,EAAAxB,KAAIyB,EAAA,IAAAgB,GAAoBd,KAAxB3B,mBAEnD,0DAIE,MAAM0C,EAAQlB,EAAAxB,cAAoB2B,KAApB3B,MACd,OAAOA,KAAKU,aACRiC,EACAJ,CAAI,YAAYf,EAAAxB,KAAIJ,EAAA,yDACdI,KAAKY,sEAEqCZ,KAAKiB,wFAG5BO,EAAAxB,KAAIJ,EAAA,6CAEVI,KAAKQ,UAAYkC,EAAMvC,QAAU,eACnCqB,EAAAxB,KAAIyB,EAAA,IAAAmB,OAEbF,EAAMG,IACLC,GACCP,CAAI,sBAAsBO,iBAAiBA,IAAM9C,KAAKE,aAC5C,QAAN4C,EAAc,MAAQA,iDAK1C,eAIE,MAAMJ,EAA+B1C,KAAKS,UACvCsC,MAAM,KACNF,IAAKC,GAAMA,EAAEE,QACbC,OAAQH,GAAY,KAANA,GACdD,IAAKC,GAAa,QAANA,EAAcA,EAAII,OAAOJ,IAElCK,EAA8BT,EAAMO,OAAQH,GAAY,QAANA,GAExD,OADAK,EAAaC,KAAK,CAACC,EAAGC,IAAMD,EAAIC,GACzBZ,EAAMa,KAAMT,GAAY,QAANA,GAAe,IAAIK,EAAc,OAASA,CACrE,eAIE,MAAMK,EAAsBxD,KAAKwD,qBAAuBhC,EAAAxB,KAAIF,EAAA,KAE5D,MAAyB,QAAlBE,KAAKE,SACRyC,EACAJ,CAAI,uDACyBiB,EAAoBxD,KAAKC,UAAWD,KAAKE,SAAUF,KAAKG,gBAChFH,KAAKW,qBAEJ4B,CAAI,qDAEcvC,KAAKe,8BACNf,KAAKQ,WAAaR,KAAKoB,4BAC1BpB,KAAKsB,wQAQqCtB,KAAKe,+BAb7D4B,yDAgBY3C,KAAKa,iCACNb,KAAKQ,WAAaR,KAAKoB,4BAC1BpB,KAAK4B,0PAQwC5B,KAAKa,mFAG9Cb,KAAKc,6BACNd,KAAKQ,WAAaR,KAAKqB,wBAC1BrB,KAAK6B,8OAQoC7B,KAAKc,8BACvDd,KAAKW,qBAEJ4B,CAAI,oDAEcvC,KAAKgB,6BACNhB,KAAKQ,WAAaR,KAAKqB,wBAC1BrB,KAAK8B,qQAQoC9B,KAAKgB,8BAb5D2B,SAeZ,aAGoBc,GAClB,MAAMC,EAAUD,EAAEE,QAA6BC,SAAS,GACxD,IAAKF,EAAQ,OAEb,MAAMxD,EAA4B,QAAjBwD,EAAOG,MAAkB,MAAQX,OAAOQ,EAAOG,OAChE,GAAI3D,IAAaF,KAAKE,SAAU,CAC9B,MAAMqB,EAAoBvB,KAAKC,UAC/BD,KAAKC,UAAY,EACjBD,KAAKE,SAAWA,EAChBsB,EAAAxB,KAAIyB,EAAA,IAAAC,GAAeC,KAAnB3B,KAAoBuB,EACtB,CACF,aAGeA,GACbvB,KAAK8D,cACH,IAAIC,YAA6B,OAAQ,CACvCC,OAAQ,CACNzC,kBAAmBA,EACnBtB,UAAWD,KAAKC,UAChBC,SAAUF,KAAKE,SACfC,OAAQH,KAAKG,UAIrB,EAnXgBb,EAAA2E,OAAyBC,CAAG,+FAMIC,EAAYC,UAAUC,SAASC,KAAKC,MAAMC,4DACtCL,EAAYC,UAAUC,SAASC,KAAKC,MAAME,8DAC1CN,EAAYC,UAAUC,SAASC,KAAKC,MAAMG,8DAC1CP,EAAYC,UAAUC,SAASC,KAAKC,MAAMI,oOAW7BR,EAAYC,UAAUC,SAASC,KAAKC,MAAMC,8EAGnGL,EAAYC,UAAUC,SAASC,KAAKC,MAAME,iFAI1CN,EAAYC,UAAUC,SAASC,KAAKC,MAAMG,0EAEaP,EAAYC,UAAUC,SAASC,KAAKC,MAAMI,2nBAoC3ErF,EAAAO,SAAW,EAmBG+E,EAAA,CAA3CC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KAAyB1F,EAAA2F,UAAA,gBAAA,GAMRL,EAAA,CAApDC,EAAS,CAAEK,UAAW,aAAcJ,KAAM5B,UAAwB5D,EAAA2F,UAAA,iBAAA,GAMvCL,EAAA,CAA3BC,EAAS,CAAEC,KAAM5B,UAAqB5D,EAAA2F,UAAA,cAAA,GAOvCL,EAAA,CADCC,EAAS,CAAEK,UAAW,YAAaC,UAAYtB,GAAqB,QAAVA,EAAkB,MAAQX,OAAOW,MAC9DvE,EAAA2F,UAAA,gBAAA,GAMSL,EAAA,CAAtCC,EAAS,CAAEK,UAAW,gBAA6C5F,EAAA2F,UAAA,iBAAA,GAMKL,EAAA,CAAxEC,EAAS,CAAEK,UAAW,iBAAkBJ,KAAMC,QAASC,SAAS,KAA6B1F,EAAA2F,UAAA,oBAAA,GAM3BL,EAAA,CAAlEC,EAAS,CAAEK,UAAW,0BAA2BJ,KAAMC,WAAwCzF,EAAA2F,UAAA,4BAAA,GAM/CL,EAAA,CAAhDC,EAAS,CAAEK,UAAW,0BAAgE5F,EAAA2F,UAAA,yBAAA,GAMvCL,EAAA,CAA/CC,EAAS,CAAEK,UAAW,yBAA6D5F,EAAA2F,UAAA,yBAAA,GAMxCL,EAAA,CAA3CC,EAAS,CAAEK,UAAW,qBAAiD5F,EAAA2F,UAAA,qBAAA,GAM3BL,EAAA,CAA5CC,EAAS,CAAEK,UAAW,sBAAoD5F,EAAA2F,UAAA,sBAAA,GAM/BL,EAAA,CAA3CC,EAAS,CAAEK,UAAW,qBAAiD5F,EAAA2F,UAAA,qBAAA,GAM1BL,EAAA,CAA7CC,EAAS,CAAEK,UAAW,uBAAsE5F,EAAA2F,UAAA,uBAAA,GA/JlF3F,EAAmBC,EAAAqF,EAAA,CAD/BQ,EAAc,kBACF9F"}
+{"version":3,"file":"paginator.min.js","sources":["../../src/paginator/PaginatorElement.ts"],"sourcesContent":["/**\r\n * Adapted from Angular Material Paginator\r\n * Source: https://github.com/angular/components/blob/main/src/material/paginator/paginator.ts\r\n *\r\n * @license MIT\r\n * Copyright (c) 2025 Google LLC\r\n * See LICENSE file in the project root for full license text.\r\n */\r\n\r\n/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, nothing, PropertyValues } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport { customElement, DesignToken, EventAttribute, Role } from \"@m3e/web/core\";\r\nimport type { M3eSelectElement } from \"@m3e/web/select\";\r\nimport type { FormFieldVariant } from \"@m3e/web/form-field\";\r\n\r\nimport \"@m3e/web/form-field\";\r\nimport \"@m3e/web/select\";\r\nimport \"@m3e/web/option\";\r\nimport \"@m3e/web/icon-button\";\r\nimport \"@m3e/web/tooltip\";\r\n\r\nimport { PaginatorPageEventDetail } from \"./PaginatorPageEventDetail\";\r\n\r\n/**\r\n * Provides navigation for paged information, typically used with a table.\r\n *\r\n * @description\r\n * The `m3e-paginator` component is a compact, accessible paginator control for navigating\r\n * paged data sets. It provides semantic first/previous/next/last navigation controls and an\r\n * optional page-size selector that integrates with Material design tokens and `m3e-form-field` variants\r\n * to ensure consistent typography, density, and spacing across applications.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-paginator`. In this example, there are 300 total\r\n * records and the first/last navigation controls are shown.\r\n * ```html\r\n * <m3e-paginator show-first-last-buttons length=\"300\"></m3e-paginator>\r\n * ```\r\n *\r\n * @tag m3e-paginator\r\n *\r\n * @slot first-page-icon - Slot for a custom first-page icon.\r\n * @slot previous-page-icon - Slot for a custom previous-page icon.\r\n * @slot next-page-icon - Slot for a custom next-page icon.\r\n * @slot last-page-icon - Slot for a custom last-page icon.\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr first-page-label - The accessible label given to the button used to move to the first page.\r\n * @attr hide-page-size - Whether to hide page size selection.\r\n * @attr items-per-page-label - The label for the page size selector.\r\n * @attr last-page-label - The accessible label given to the button used to move to the last page.\r\n * @attr length - The length of the total number of items which are being paginated.\r\n * @attr next-page-label - The accessible label given to the button used to move to the next page.\r\n * @attr page-index - The zero-based page index of the displayed list of items.\r\n * @attr page-size - The number of items to display in a page.\r\n * @attr page-sizes - A comma separated list of available page sizes.\r\n * @attr page-size-variant - The appearance variant of the page size field.\r\n * @attr previous-page-label - The accessible label given to the button used to move to the previous page.\r\n * @attr show-first-last-buttons - Whether to show first/last buttons.\r\n *\r\n * @fires page - Emitted when a user selects a different page size or navigates to another page.\r\n *\r\n * @cssprop --m3e-paginator-font-size - The font size used for paginator text.\r\n * @cssprop --m3e-paginator-font-weight - The font weight used for paginator text.\r\n * @cssprop --m3e-paginator-line-height - The line height used for paginator text.\r\n * @cssprop --m3e-paginator-tracking - The letter-spacing used for paginator text.\r\n */\r\n@customElement(\"m3e-paginator\")\r\nexport class M3ePaginatorElement extends EventAttribute(Role(LitElement, \"group\"), \"page\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: block;\r\n    }\r\n    .outer {\r\n      display: flex;\r\n      font-size: var(--m3e-paginator-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      font-weight: var(--m3e-paginator-font-weight, ${DesignToken.typescale.standard.body.small.fontWeight});\r\n      line-height: var(--m3e-paginator-line-height, ${DesignToken.typescale.standard.body.small.lineHeight});\r\n      letter-spacing: var(--m3e-paginator-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n    }\r\n    .inner {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-end;\r\n      padding-inline: 0.5rem;\r\n      width: 100%;\r\n    }\r\n    .form-field {\r\n      --md-sys-density-scale: -2;\r\n      --m3e-form-field-font-size: var(--m3e-paginator-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      --m3e-form-field-font-weight: var(\r\n        --m3e-paginator-font-weight,\r\n        ${DesignToken.typescale.standard.body.small.fontWeight}\r\n      );\r\n      --m3e-form-field-line-height: var(\r\n        --m3e-paginator-line-height,\r\n        ${DesignToken.typescale.standard.body.small.lineHeight}\r\n      );\r\n      --m3e-form-field-tracking: var(--m3e-paginator-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n    }\r\n    .items-per-page-label {\r\n      display: flex;\r\n      align-items: center;\r\n      margin-inline-end: 0.5rem;\r\n    }\r\n    .form-field {\r\n      min-width: auto;\r\n      width: 6rem;\r\n      margin-inline: 0.25rem;\r\n    }\r\n    .range-label {\r\n      margin-inline: 1.5rem 2rem;\r\n    }\r\n    :host([hide-page-size]) .range-label {\r\n      margin-inline-start: unset;\r\n    }\r\n    .range-actions {\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n    ::slotted([slot=\"first-page-icon\"]),\r\n    ::slotted([slot=\"previous-page-icon\"]),\r\n    ::slotted([slot=\"next-page-icon\"]),\r\n    ::slotted([slot=\"last-page-icon\"]),\r\n    svg {\r\n      width: 1em;\r\n      font-size: var(--m3e-icon-button-medium-icon-size, 1.5rem) !important;\r\n    }\r\n\r\n    :host(:dir(rtl)) svg {\r\n      transform: rotate(180deg);\r\n    }\r\n  `;\r\n\r\n  /* @private */ private static __nextId = 0;\r\n  /* @private */ readonly #pageSizeLabelId = `m3e-paginator-page-size-label-${M3ePaginatorElement.__nextId++}`;\r\n\r\n  /* @private */\r\n  readonly #defaultRangeLabelFormatter = (pageIndex: number, pageSize: number | \"all\", length: number): string => {\r\n    length = Math.max(length, 0);\r\n\r\n    if (pageSize === \"all\") return \"\";\r\n    if (length === 0 || pageSize <= 0) return `0 of ${length}`;\r\n\r\n    const startIndex = pageIndex * pageSize;\r\n    const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;\r\n    return `${startIndex + 1} - ${endIndex} of ${length}`;\r\n  };\r\n\r\n  /**\r\n   * Whether the element is disabled.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) disabled = false;\r\n\r\n  /**\r\n   * The zero-based page index of the displayed list of items.\r\n   * @default 0\r\n   */\r\n  @property({ attribute: \"page-index\", type: Number }) pageIndex = 0;\r\n\r\n  /**\r\n   * The length of the total number of items which are being paginated.\r\n   * @default 0\r\n   */\r\n  @property({ type: Number }) length = 0;\r\n\r\n  /**\r\n   * The number of items to display in a page.\r\n   * @default 50\r\n   */\r\n  @property({ attribute: \"page-size\", converter: (value) => (value === \"all\" ? \"all\" : Number(value)) })\r\n  pageSize: number | \"all\" = 50;\r\n\r\n  /**\r\n   * A comma separated list of available page sizes.\r\n   * @default \"5,10,25,50,100\"\r\n   */\r\n  @property({ attribute: \"page-sizes\" }) pageSizes = \"5,10,25,50,100\";\r\n\r\n  /**\r\n   * Whether to hide page size selection.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-page-size\", type: Boolean, reflect: true }) hidePageSize = false;\r\n\r\n  /**\r\n   * Whether to show first/last buttons.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"show-first-last-buttons\", type: Boolean }) showFirstLastButtons = false;\r\n\r\n  /**\r\n   * The label for the page size selector.\r\n   * @default \"Items per page:\"\r\n   */\r\n  @property({ attribute: \"items-per-page-label\" }) itemsPerPageLabel = \"Items per page:\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the previous page.\r\n   * @default \"Previous page\"\r\n   */\r\n  @property({ attribute: \"previous-page-label\" }) previousPageLabel = \"Previous page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the next page.\r\n   * @default \"Next page\"\r\n   */\r\n  @property({ attribute: \"next-page-label\" }) nextPageLabel = \"Next page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the first page.\r\n   * @default \"First page\"\r\n   */\r\n  @property({ attribute: \"first-page-label\" }) firstPageLabel = \"First page\";\r\n\r\n  /**\r\n   * The accessible label given to the button used to move to the last page.\r\n   * @default \"Last page\"\r\n   */\r\n  @property({ attribute: \"last-page-label\" }) lastPageLabel = \"Last page\";\r\n\r\n  /**\r\n   * The appearance variant of the page size field.\r\n   * @default \"outlined\"\r\n   */\r\n  @property({ attribute: \"page-size-variant\" }) pageSizeVariant: FormFieldVariant = \"outlined\";\r\n\r\n  /** The total number of pages. */\r\n  get pageCount(): number {\r\n    return !this.pageSize || this.pageSize === \"all\" ? 0 : Math.ceil(this.length / this.pageSize);\r\n  }\r\n\r\n  /** Whether a previous page can be displayed. */\r\n  get hasPreviousPage(): boolean {\r\n    return this.pageSize !== \"all\" && this.pageSize > 0 && this.pageIndex >= 1;\r\n  }\r\n\r\n  /** Whether a next page can be displayed. */\r\n  get hasNextPage(): boolean {\r\n    return this.pageSize !== \"all\" && this.pageSize > 0 && this.pageIndex < this.pageCount - 1;\r\n  }\r\n\r\n  /**\r\n   * A function used to format the range label.\r\n   * @param {number} pageIndex The zero-based index of the current page.\r\n   * @param {number | \"all\"} pageSize The current number of items to display in a page.\r\n   * @param {number} length The current length of the total number of items which are being paginated.\r\n   * @returns {string} The range label.\r\n   */\r\n  rangeLabelFormatter?: (pageIndex: number, pageSize: number | \"all\", length: number) => string;\r\n\r\n  /** Move to the first page. */\r\n  firstPage(): void {\r\n    if (this.hasPreviousPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = 0;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the previous page. */\r\n  previousPage(): void {\r\n    if (this.hasPreviousPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex--;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the next page. */\r\n  nextPage(): void {\r\n    if (this.hasNextPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex++;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** Move to the last page. */\r\n  lastPage(): void {\r\n    if (this.hasNextPage) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = this.pageCount - 1;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\r\n    super.willUpdate(changedProperties);\r\n\r\n    if (changedProperties.has(\"pageIndex\")) {\r\n      const pageSizes = this.#parsePageSizes();\r\n      if (!pageSizes.includes(this.pageSize)) {\r\n        this.pageSizes = [...pageSizes, this.pageSize].join(\",\");\r\n        this.pageSizes = this.#parsePageSizes().join(\",\");\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"outer\">\r\n      <div class=\"inner\">${this.#renderPageSize()} ${this.#renderRangeActions()}</div>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #renderPageSize(): unknown {\r\n    const sizes = this.#parsePageSizes();\r\n    return this.hidePageSize\r\n      ? nothing\r\n      : html`<div id=\"${this.#pageSizeLabelId}\" class=\"items-per-page-label\" aria-live=\"polite\">\r\n            ${this.itemsPerPageLabel}\r\n          </div>\r\n          <m3e-form-field class=\"form-field\" variant=\"${this.pageSizeVariant}\" hide-subscript=\"always\">\r\n            <m3e-select\r\n              class=\"select\"\r\n              aria-labelledby=\"${this.#pageSizeLabelId}\"\r\n              hide-selection-indicator\r\n              ?disabled=\"${this.disabled || sizes.length <= 1}\"\r\n              @change=\"${this.#handleSelectChange}\"\r\n            >\r\n              ${sizes.map(\r\n                (x) =>\r\n                  html`<m3e-option value=\"${x}\" ?selected=\"${x === this.pageSize}\">\r\n                    ${x === \"all\" ? \"All\" : x}\r\n                  </m3e-option>`,\r\n              )}\r\n            </m3e-select>\r\n          </m3e-form-field>`;\r\n  }\r\n\r\n  /** @private */\r\n  #parsePageSizes(): Array<number | \"all\"> {\r\n    const sizes: Array<number | \"all\"> = this.pageSizes\r\n      .split(\",\")\r\n      .map((x) => x.trim())\r\n      .filter((x) => x !== \"\")\r\n      .map((x) => (x === \"all\" ? x : Number(x)));\r\n\r\n    const numericSizes = <Array<number>>sizes.filter((x) => x !== \"all\");\r\n    numericSizes.sort((a, b) => a - b);\r\n    return sizes.some((x) => x === \"all\") ? [...numericSizes, \"all\"] : numericSizes;\r\n  }\r\n\r\n  /** @private */\r\n  #renderRangeActions(): unknown {\r\n    const rangeLabelFormatter = this.rangeLabelFormatter ?? this.#defaultRangeLabelFormatter;\r\n\r\n    return this.pageSize === \"all\"\r\n      ? nothing\r\n      : html`<div class=\"range-actions\">\r\n          <div class=\"range-label\">${rangeLabelFormatter(this.pageIndex, this.pageSize, this.length)}</div>\r\n          ${!this.showFirstLastButtons\r\n            ? nothing\r\n            : html`<m3e-icon-button\r\n                  id=\"firstPageButton\"\r\n                  aria-label=\"${this.firstPageLabel}\"\r\n                  ?disabled=\"${this.disabled || !this.hasPreviousPage}\"\r\n                  @click=\"${this.firstPage}\"\r\n                >\r\n                  <slot name=\"first-page-icon\">\r\n                    <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                      <path d=\"M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z\" />\r\n                    </svg>\r\n                  </slot>\r\n                </m3e-icon-button>\r\n                <m3e-tooltip for=\"firstPageButton\" position=\"above\">${this.firstPageLabel}</m3e-tooltip>`}\r\n          <m3e-icon-button\r\n            id=\"previousPageButton\"\r\n            aria-label=\"${this.previousPageLabel}\"\r\n            ?disabled=\"${this.disabled || !this.hasPreviousPage}\"\r\n            @click=\"${this.previousPage}\"\r\n          >\r\n            <slot name=\"previous-page-icon\">\r\n              <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                <path d=\"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\" />\r\n              </svg>\r\n            </slot>\r\n          </m3e-icon-button>\r\n          <m3e-tooltip for=\"previousPageButton\" position=\"above\">${this.previousPageLabel}</m3e-tooltip>\r\n          <m3e-icon-button\r\n            id=\"nextPageButton\"\r\n            aria-label=\"${this.nextPageLabel}\"\r\n            ?disabled=\"${this.disabled || !this.hasNextPage}\"\r\n            @click=\"${this.nextPage}\"\r\n          >\r\n            <slot name=\"next-page-icon\">\r\n              <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                <path d=\"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\" />\r\n              </svg>\r\n            </slot>\r\n          </m3e-icon-button>\r\n          <m3e-tooltip for=\"nextPageButton\" position=\"above\">${this.nextPageLabel}</m3e-tooltip>\r\n          ${!this.showFirstLastButtons\r\n            ? nothing\r\n            : html`<m3e-icon-button\r\n                  id=\"lastPageButton\"\r\n                  aria-label=\"${this.lastPageLabel}\"\r\n                  ?disabled=\"${this.disabled || !this.hasNextPage}\"\r\n                  @click=\"${this.lastPage}\"\r\n                >\r\n                  <slot name=\"last-page-icon\">\r\n                    <svg viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n                      <path d=\"m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z\" />\r\n                    </svg>\r\n                  </slot>\r\n                </m3e-icon-button>\r\n                <m3e-tooltip for=\"lastPageButton\" position=\"above\">${this.lastPageLabel}</m3e-tooltip>`}\r\n        </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleSelectChange(e: Event): void {\r\n    const option = (e.target as M3eSelectElement)?.selected[0];\r\n    if (!option) return;\r\n\r\n    const pageSize = option.value === \"all\" ? \"all\" : Number(option.value);\r\n    if (pageSize !== this.pageSize) {\r\n      const previousPageIndex = this.pageIndex;\r\n      this.pageIndex = 0;\r\n      this.pageSize = pageSize;\r\n      this.#emitPageEvent(previousPageIndex);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #emitPageEvent(previousPageIndex: number): void {\r\n    this.dispatchEvent(\r\n      new CustomEvent<PaginatorPageEventDetail>(\"page\", {\r\n        detail: {\r\n          previousPageIndex: previousPageIndex,\r\n          pageIndex: this.pageIndex,\r\n          pageSize: this.pageSize,\r\n          length: this.length,\r\n        },\r\n      }),\r\n    );\r\n  }\r\n}\r\n\r\ninterface M3ePaginatorElementEventMap extends HTMLElementEventMap {\r\n  page: CustomEvent<PaginatorPageEventDetail>;\r\n}\r\n\r\nexport interface M3ePaginatorElement {\r\n  addEventListener<K extends keyof M3ePaginatorElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3ePaginatorElement, ev: M3ePaginatorElementEventMap[K]) => void,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  addEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener<K extends keyof M3ePaginatorElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3ePaginatorElement, ev: M3ePaginatorElementEventMap[K]) => void,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-paginator\": M3ePaginatorElement;\r\n  }\r\n}\r\n"],"names":["M3ePaginatorElement","M3ePaginatorElement_1","EventAttribute","Role","LitElement","constructor","_M3ePaginatorElement_pageSizeLabelId","__nextId","_M3ePaginatorElement_defaultRangeLabelFormatter","set","this","pageIndex","pageSize","length","Math","max","startIndex","min","disabled","pageSizes","hidePageSize","showFirstLastButtons","itemsPerPageLabel","previousPageLabel","nextPageLabel","firstPageLabel","lastPageLabel","pageSizeVariant","pageCount","ceil","hasPreviousPage","hasNextPage","firstPage","previousPageIndex","__classPrivateFieldGet","_M3ePaginatorElement_instances","_M3ePaginatorElement_emitPageEvent","call","previousPage","nextPage","lastPage","willUpdate","changedProperties","super","has","includes","join","_M3ePaginatorElement_parsePageSizes","render","html","_M3ePaginatorElement_renderPageSize","_M3ePaginatorElement_renderRangeActions","sizes","nothing","_M3ePaginatorElement_handleSelectChange","map","x","split","trim","filter","Number","numericSizes","sort","a","b","some","rangeLabelFormatter","e","option","target","selected","value","dispatchEvent","CustomEvent","detail","styles","css","DesignToken","typescale","standard","body","small","fontSize","fontWeight","lineHeight","tracking","__decorate","property","type","Boolean","reflect","prototype","attribute","converter","customElement"],"mappings":"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"}