@carbon/web-components 2.52.0 → 2.53.0

package/es/components/pagination/pagination.js

@@ -5,21 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import "../button/index.js";
-import { PAGINATION_SIZE } from "./defs.js";
+import "./defs.js";
 import pagination_default$1 from "./pagination.scss.js";
 import { LitElement, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import CaretLeft16 from "@carbon/icons/es/caret--left/16.js";
 import CaretRight16 from "@carbon/icons/es/caret--right/16.js";
-
 //#region src/components/pagination/pagination.ts
 /**
 * Pagination UI.
@@ -38,13 +37,13 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
 		this.formatStatusWithDeterminateTotal = ({ start, end, count }) => `${start}–${end} of ${count} item${count <= 1 ? "" : "s"}`;
 		this.formatStatusWithIndeterminateTotal = ({ start, end, count }) => end == null ? `Item ${start}–` : `${start}–${end} item${count <= 1 ? "" : "s"}`;
 		this.formatSupplementalText = ({ count }) => this.pagesUnknown || !this.totalItems ? `page` : `of ${count} page${count <= 1 ? "" : "s"}`;
-		this.itemsPerPageText = "Items per page:";
+		this.itemsPerPageText = "";
 		this.disabled = false;
 		this.forwardText = "Next page";
 		this.pageInputDisabled = false;
 		this.pageSize = 10;
 		this.pagesUnknown = false;
-		this.size = PAGINATION_SIZE.MEDIUM;
+		this.size = "md";
 		this.start = 0;
 		this.totalPages = 1;
 	}
@@ -196,31 +195,28 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
 		const prevButtonDisabled = disabled || start === 0;
 		const nextButtonDisabled = disabled || !pagesUnknown && isLastPage;
 		const prevButtonClassMap = {
-			[`${prefix}--btn`]: true,
-			[`${prefix}--btn--icon-only`]: true,
-			[`${prefix}--pagination__button`]: true,
-			[`${prefix}--pagination__button--backward`]: true,
-			[`${prefix}--pagination__button--no-index`]: prevButtonDisabled,
-			[`${prefix}--btn--${size}`]: true,
-			[`${prefix}--btn--ghost`]: true
+			[`cds--btn`]: true,
+			[`cds--btn--icon-only`]: true,
+			[`cds--pagination__button`]: true,
+			[`cds--pagination__button--backward`]: true,
+			[`cds--pagination__button--no-index`]: prevButtonDisabled,
+			[`cds--btn--${size}`]: true,
+			[`cds--btn--ghost`]: true
 		};
 		const nextButtonClassMap = {
-			[`${prefix}--btn`]: true,
-			[`${prefix}--btn--icon-only`]: true,
-			[`${prefix}--pagination__button`]: true,
-			[`${prefix}--pagination__button--forward`]: true,
-			[`${prefix}--pagination__button--no-index`]: nextButtonDisabled,
-			[`${prefix}--btn--${size}`]: true,
-			[`${prefix}--btn--ghost`]: true
+			[`cds--btn`]: true,
+			[`cds--btn--icon-only`]: true,
+			[`cds--pagination__button`]: true,
+			[`cds--pagination__button--forward`]: true,
+			[`cds--pagination__button--no-index`]: nextButtonDisabled,
+			[`cds--btn--${size}`]: true,
+			[`cds--btn--ghost`]: true
 		};
 		const prevButtonClasses = Object.entries(prevButtonClassMap).filter(([, value]) => value === true).map(([key]) => key).join(" ");
 		const nextButtonClasses = Object.entries(nextButtonClassMap).filter(([, value]) => value === true).map(([key]) => key).join(" ");
 		const totalPagesSafe = Number.isFinite(totalPages) && totalPages > 0 ? totalPages : Math.max(1, page || 1);
 		return html`
-      <div class="${prefix}--pagination__left">
-        <label for="select" class="${prefix}--pagination__text"
-          ><slot name="label-text">${itemsPerPageText}</slot></label
-        >
+      <div class="${"cds"}--pagination__left">
         <cds-select
           ?disabled=${disabled || pageSizeInputDisabled}
           id="page-size-select"
@@ -228,25 +224,25 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
           pagination
           size="${size}"
           inline
-          value="${pageSize}">
+          value="${pageSize}"
+          label-styles-disable>
+          <div slot="label-text">
+            ${itemsPerPageText && html`<span class="${"cds"}--pagination__text"
+              >${itemsPerPageText}</span
+            >`}
+            <slot name="label-text"></slot>
+          </div>
           <slot @slotchange=${handleSlotChange}></slot>
         </cds-select>
         <span
-          class="${prefix}--pagination__text ${prefix}--pagination__items-count"
+          class="${"cds"}--pagination__text ${"cds"}--pagination__items-count"
           >${this._renderStatusText()}</span
         >
       </div>
-      <div class="${prefix}--pagination__right">
-        ${!pagesUnknown || totalItems ? html`
-              <label
-                for="select"
-                class="${prefix}--label ${prefix}--visually-hidden">
-                ${formatLabelText({ count: totalPages })}
-              </label>
-            ` : null}
+      <div class="${"cds"}--pagination__right">
         ${pagesUnknown || !totalItems ? html`
               <span
-                class="${prefix}--pagination__text ${prefix}--pagination__page-text ${prefix}--pagination__unknown-pages-text"
+                class="${"cds"}--pagination__text ${"cds"}--pagination__page-text ${"cds"}--pagination__unknown-pages-text"
                 >${formatSupplementalText({ count: totalPages })} ${page}</span
               >
             ` : html`
@@ -256,7 +252,11 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
                 pagination
                 size="${size}"
                 inline
-                value="${page}">
+                value="${page}"
+                hide-label>
+                <span slot="label-text">
+                  ${formatLabelText({ count: totalPages })}
+                </span>
                 ${Array.from(new Array(totalPagesSafe)).map((_item, index) => html`
                     <cds-select-item
                       value="${index + 1}"
@@ -265,12 +265,12 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
                     </cds-select-item>
                   `)}
               </cds-select>
-              <span class="${prefix}--pagination__text"
+              <span class="${"cds"}--pagination__text"
                 >${formatSupplementalText({ count: totalPages })}</span
               >
             `}
 
-        <div class="${prefix}--pagination__control-buttons">
+        <div class="${"cds"}--pagination__control-buttons">
           <cds-button
             pagination
             size="${size}"
@@ -298,37 +298,37 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
 	* A selector that will return the select box for the current page.
 	*/
 	static get selectorPagesSelect() {
-		return `${prefix}-select#pages-select`;
+		return `cds-select#pages-select`;
 	}
 	/**
 	* A selector that will return the select box for page sizes.
 	*/
 	static get selectorPageSizesSelect() {
-		return `${prefix}-select`;
+		return `cds-select`;
 	}
 	/**
 	* A selector that will return the previous button.
 	*/
 	static get selectorPreviousButton() {
-		return `${prefix}--pagination__button--backward`;
+		return `cds--pagination__button--backward`;
 	}
 	/**
 	* A selector that will return the forward button.
 	*/
 	static get selectorForwardButton() {
-		return `${prefix}--pagination__button--forward`;
+		return `cds--pagination__button--forward`;
 	}
 	/**
 	* The name of the custom event fired after the current row number is changed.
 	*/
 	static get eventChangeCurrent() {
-		return `${prefix}-pagination-changed-current`;
+		return `cds-pagination-changed-current`;
 	}
 	/**
 	* The name of the custom event fired after the number of rows per page is changed from `<cds-page-sizes-select>`.
 	*/
 	static get eventPageSizeChanged() {
-		return `${prefix}-page-sizes-select-changed`;
+		return `cds-page-sizes-select-changed`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -340,8 +340,8 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
 		this.styles = pagination_default$1;
 	}
 };
-__decorate([query(`${prefix}-select`)], CDSPagination.prototype, "_pageSizeSelect", void 0);
-__decorate([HostListener(`${prefix}-select-selected`)], CDSPagination.prototype, "_handleChangeSelector", null);
+__decorate([query(`cds-select`)], CDSPagination.prototype, "_pageSizeSelect", void 0);
+__decorate([HostListener(`cds-select-selected`)], CDSPagination.prototype, "_handleChangeSelector", null);
 __decorate([property({ attribute: "backward-text" })], CDSPagination.prototype, "backwardText", void 0);
 __decorate([property({
 	type: Number,
@@ -388,9 +388,9 @@ __decorate([property({
 	converter: { fromAttribute: (value) => value === null || value === "" ? void 0 : Number(value) }
 })], CDSPagination.prototype, "totalItems", void 0);
 __decorate([property({ type: Number })], CDSPagination.prototype, "totalPages", void 0);
-CDSPagination = __decorate([carbonElement(`${prefix}-pagination`)], CDSPagination);
+CDSPagination = __decorate([carbonElement(`cds-pagination`)], CDSPagination);
 var pagination_default = CDSPagination;
-
 //#endregion
 export { pagination_default as default };
+
 //# sourceMappingURL=pagination.js.map

package/es/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["styles","customElement"],"sources":["../../../src/components/pagination/pagination.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport '../button/index';\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport CDSSelect from '../select/select';\nimport CaretLeft16 from '@carbon/icons/es/caret--left/16.js';\nimport CaretRight16 from '@carbon/icons/es/caret--right/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { PAGINATION_SIZE } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { prefix } from '../../globals/settings';\nimport styles from './pagination.scss?lit';\n\n/**\n * Pagination UI.\n *\n * @element cds-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires cds-pagination-changed-current - The custom event fired after the current page is changed from `<cds-pages-select>`.\n * @fires cds-page-sizes-select-changed - The custom event fired after the number of rows per page is changed from `<cds-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass CDSPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n  @query(`${prefix}-select`)\n  private _pageSizeSelect!: HTMLElement;\n\n  private _handleSlotChange({ target }: Event) {\n    const content = (target as HTMLSlotElement).assignedNodes().filter(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n\n    content.forEach((item) => {\n      this._pageSizeSelect.appendChild(item);\n    });\n  }\n\n  /**\n   * @returns Page status text.\n   */\n  private _renderStatusText() {\n    const {\n      start,\n      pageSize,\n      totalItems,\n      pagesUnknown,\n      formatStatusWithDeterminateTotal,\n      formatStatusWithIndeterminateTotal,\n    } = this;\n\n    const min = totalItems === 0 ? 0 : start + 1;\n\n    if (pagesUnknown || totalItems == null) {\n      // * Indeterminate total:\n      //   - totalItems === 0 → \"0–0 of 0 items\"\n      //   - else → closed range \"1–10 items\", \"11–20 items\", etc.\n      if (totalItems === 0) {\n        return formatStatusWithDeterminateTotal({ start: 0, end: 0, count: 0 });\n      }\n      const end = start + pageSize;\n      return formatStatusWithIndeterminateTotal({\n        start: min,\n        end,\n        // Use visible range for pluralization, so we get \"items\" not \"item\"\n        count: Math.max(0, end - start),\n      });\n    }\n\n    // * Determinate total:\n    //   - Regular: \"1–10 of 100 items\"\n    //   - When totalItems === 0 → \"0–0 of 0 item\"\n    return formatStatusWithDeterminateTotal({\n      start: min,\n      end: Math.min(start + pageSize, totalItems),\n      count: totalItems,\n    });\n  }\n\n  /**\n   * Calculates the start value based on `page`, `pageSize`, and `totalItems`\n   */\n  private _calculateStart(\n    page: number,\n    pageSize: number,\n    totalItems: number | undefined,\n    pagesUnknown: boolean\n  ): number {\n    if (!pagesUnknown && totalItems === 0) return 0;\n    const safePageSize = pageSize > 0 ? pageSize : 1;\n    const calculatedStart = (Math.max(1, page) - 1) * safePageSize;\n\n    // Only clamp to the last page when the total is determinate\n    if (!pagesUnknown && Number.isFinite(totalItems)) {\n      const maxStart =\n        (Math.ceil((totalItems as number) / safePageSize) - 1) * safePageSize;\n      return Math.max(0, Math.min(calculatedStart, maxStart));\n    }\n\n    return Math.max(0, calculatedStart);\n  }\n\n  /**\n   * Handles user-initiated change in the row number the current page starts with.\n   *\n   * @param start The new current row number, index that starts with zero.\n   */\n  private _handleUserInitiatedChangeStart(start: number) {\n    this.start = start;\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSPagination).eventChangeCurrent,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            page: this.page,\n            pageSize: this.pageSize,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * Handles user-initiated change in the size of the page.\n   */\n  private _handleUserInitiatedPageSizeChange() {\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSPagination).eventPageSizeChanged,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            page: this.page,\n            pageSize: this.pageSize,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * Handles `click` event on the previous button.\n   */\n  private _handleClickPrevButton() {\n    const { start: oldStart, pageSize } = this;\n    this.page--;\n    const newStart = Math.max(oldStart - pageSize, 0);\n    if (newStart !== oldStart) {\n      this._handleUserInitiatedChangeStart(newStart);\n    }\n    // reset focus to forward button if it reaches the beginning\n    if (this.page === 1) {\n      const { selectorForwardButton } = this\n        .constructor as typeof CDSPagination;\n      (\n        this.shadowRoot?.querySelector(\n          `[button-class-name*=${selectorForwardButton}]`\n        ) as HTMLElement\n      ).focus();\n    }\n  }\n\n  /**\n   * Handles `click` event on the next button.\n   */\n  private _handleClickNextButton() {\n    const { start: oldStart, pageSize, totalItems, pagesUnknown } = this;\n    this.page++;\n    const newStart = oldStart + pageSize;\n\n    if (\n      newStart < (totalItems == null ? Infinity : totalItems) ||\n      pagesUnknown\n    ) {\n      this._handleUserInitiatedChangeStart(newStart);\n    }\n    // reset focus to previous button if it reaches the end and `pagesUnknown` is not true\n    if (!pagesUnknown && this.page === this.totalPages) {\n      const { selectorPreviousButton } = this\n        .constructor as typeof CDSPagination;\n      (\n        this.shadowRoot?.querySelector(\n          `[button-class-name*=${selectorPreviousButton}]`\n        ) as HTMLElement\n      ).focus();\n    }\n  }\n\n  /**\n   * Handles user-initiated change in number of rows per page.\n   *\n   * @param event The event.\n   */\n  @HostListener(`${prefix}-select-selected`)\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChangeSelector(event) {\n    const { value } = event.detail;\n    const { totalItems, pageSize, pagesUnknown } = this;\n\n    if (event.composedPath()[0] === this._pageSizeSelect) {\n      this.pageSize = parseInt(value);\n      // Default pageSize to effectively be 1 when we have a value of 0 to avoid\n      // division by 0.\n      this.totalPages =\n        pageSize > 0 ? Math.ceil(totalItems / pageSize) : totalItems;\n      this.page = 1;\n      this.start = 0;\n      this._handleUserInitiatedPageSizeChange();\n    } else {\n      this.page = Number(value);\n      const newStart = this._calculateStart(\n        value,\n        pageSize,\n        totalItems,\n        pagesUnknown\n      );\n      this._handleUserInitiatedChangeStart(newStart);\n    }\n  }\n\n  /**\n   * The assistive text for the button to go to previous page.\n   */\n  @property({ attribute: 'backward-text' })\n  backwardText = 'Previous page';\n\n  /**\n   * The current page\n   */\n  @property({ type: Number, reflect: true })\n  page = 1;\n\n  /**\n   * The formatter for the assistive text for screen readers to announce.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatLabelText = ({ count }) =>\n    `Page of ${count} page${count <= 1 ? '' : 's'}`;\n\n  /**\n   * The formatter, used with determinate the total pages. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatStatusWithDeterminateTotal = ({ start, end, count }) =>\n    `${start}–${end} of ${count} item${count <= 1 ? '' : 's'}`;\n\n  /**\n   * The formatter, used with indeterminate the total pages. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatStatusWithIndeterminateTotal = ({ start, end, count }) =>\n    end == null\n      ? `Item ${start}–`\n      : `${start}–${end} item${count <= 1 ? '' : 's'}`;\n\n  /**\n   * The formatter for the text next to the select box. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSupplementalText = ({ count }) =>\n    this.pagesUnknown || !this.totalItems\n      ? `page`\n      : `of ${count} page${count <= 1 ? '' : 's'}`;\n  /**\n   * `true` to explicitly state that user is at the last page.\n   */\n  @property({ type: Boolean, attribute: 'is-last-page' })\n  isLastPage!: boolean;\n\n  /**\n   * The translatable text indicating the number of items per page.\n   */\n  @property({ attribute: 'items-per-page-text' })\n  itemsPerPageText = 'Items per page:';\n\n  /**\n   * `true` if the pagination UI should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The assistive text for the button to go to next page.\n   */\n  @property({ attribute: 'forward-text' })\n  forwardText = 'Next page';\n\n  /**\n   * true if the select box to change the page should be disabled.\n   */\n  @property({ type: Boolean, attribute: 'page-input-disabled' })\n  pageInputDisabled = false;\n\n  /**\n   * Number of items per page.\n   */\n  @property({ type: Number, attribute: 'page-size', reflect: true })\n  pageSize = 10;\n\n  /**\n   * true if the select box to change the items per page should be disabled.\n   */\n  @property({ type: Boolean, attribute: 'page-size-input-disabled' })\n  pageSizeInputDisabled;\n\n  /**\n   * The label text for the UI to select page size.\n   */\n  @property({ attribute: 'page-size-label-text' })\n  pageSizeLabelText!: string;\n\n  /**\n   * true if the total number of items is unknown.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'pages-unknown' })\n  pagesUnknown = false;\n\n  /**\n   * Specify the size of the Pagination.\n   */\n  @property({ reflect: true })\n  size = PAGINATION_SIZE.MEDIUM;\n\n  /**\n   * The row number where current page start with, index that starts with zero.\n   */\n  @property({ type: Number })\n  start = 0;\n\n  /**\n   * The number of total items.\n   */\n  @property({\n    type: Number,\n    attribute: 'total-items',\n    converter: {\n      fromAttribute: (value) =>\n        value === null || value === '' ? undefined : Number(value),\n    },\n  })\n  totalItems!: number;\n\n  /**\n   * The number of total pages.\n   */\n  @property({ type: Number })\n  totalPages = 1;\n\n  updated(changedProperties) {\n    const { pageSize, totalItems } = this;\n    const { selectorPageSizesSelect, selectorPagesSelect } = this\n      .constructor as typeof CDSPagination;\n\n    if (changedProperties.has('pageSize')) {\n      const pageSizeSelect = this.shadowRoot?.querySelector(\n        selectorPageSizesSelect\n      ) as CDSSelect | null;\n\n      if (pageSizeSelect) {\n        pageSizeSelect.value = String(pageSize ?? '');\n      }\n    }\n\n    // Recompute total pages and clamp the visible page whenever any relevant input changes\n    if (\n      changedProperties.has('pageSize') ||\n      changedProperties.has('start') ||\n      changedProperties.has('totalItems') ||\n      changedProperties.has('page')\n    ) {\n      const computedTotalPages =\n        pageSize > 0\n          ? Math.ceil((totalItems ?? 0) / pageSize)\n          : (totalItems ?? 0);\n\n      // Only assign if it actually changed to avoid unnecessary updates\n      if (this.totalPages !== computedTotalPages) {\n        this.updateComplete.then(() => {\n          this.totalPages = computedTotalPages;\n        });\n      }\n\n      const totalPagesSafe = Math.max(1, computedTotalPages || 1);\n      const requestedPage = Math.max(1, Math.floor(this.page || 1));\n      const displayPage = Math.min(requestedPage, totalPagesSafe);\n\n      const pagesSelect = this.shadowRoot?.querySelector(\n        selectorPagesSelect\n      ) as CDSSelect | null;\n\n      if (pagesSelect) {\n        pagesSelect.value = displayPage.toString();\n      }\n    }\n\n    if (changedProperties.has('page')) {\n      this.start = this._calculateStart(\n        this.page,\n        this.pageSize,\n        this.totalItems,\n        this.pagesUnknown\n      );\n      const pagesSelect = this.shadowRoot?.querySelector(\n        (this.constructor as typeof CDSPagination).selectorPagesSelect\n      ) as CDSSelect | null;\n      if (pagesSelect) {\n        pagesSelect.value = String(this.page);\n      }\n    }\n  }\n\n  render() {\n    const {\n      page,\n      disabled,\n      forwardText,\n      backwardText,\n      itemsPerPageText,\n      pageInputDisabled,\n      pageSize,\n      pageSizeInputDisabled,\n      pagesUnknown,\n      size,\n      start,\n      totalItems,\n      totalPages,\n      _handleClickPrevButton: handleClickPrevButton,\n      _handleClickNextButton: handleClickNextButton,\n      _handleSlotChange: handleSlotChange,\n      formatLabelText,\n      formatSupplementalText,\n    } = this;\n\n    const { isLastPage = start + pageSize >= totalItems } = this;\n    const prevButtonDisabled = disabled || start === 0;\n    const nextButtonDisabled = disabled || (!pagesUnknown && isLastPage);\n\n    const prevButtonClassMap = {\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--icon-only`]: true,\n      [`${prefix}--pagination__button`]: true,\n      [`${prefix}--pagination__button--backward`]: true,\n      [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n      [`${prefix}--btn--${size}`]: true,\n      [`${prefix}--btn--ghost`]: true,\n    };\n    const nextButtonClassMap = {\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--icon-only`]: true,\n      [`${prefix}--pagination__button`]: true,\n      [`${prefix}--pagination__button--forward`]: true,\n      [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n      [`${prefix}--btn--${size}`]: true,\n      [`${prefix}--btn--ghost`]: true,\n    };\n\n    const prevButtonClasses = Object.entries(prevButtonClassMap)\n      .filter(([, value]) => value === true)\n      .map(([key]) => key)\n      .join(' ');\n    const nextButtonClasses = Object.entries(nextButtonClassMap)\n      .filter(([, value]) => value === true)\n      .map(([key]) => key)\n      .join(' ');\n\n    const totalPagesSafe =\n      Number.isFinite(totalPages) && totalPages > 0\n        ? totalPages\n        : Math.max(1, page || 1);\n\n    return html`\n      <div class=\"${prefix}--pagination__left\">\n        <label for=\"select\" class=\"${prefix}--pagination__text\"\n          ><slot name=\"label-text\">${itemsPerPageText}</slot></label\n        >\n        <cds-select\n          ?disabled=${disabled || pageSizeInputDisabled}\n          id=\"page-size-select\"\n          left-select\n          pagination\n          size=\"${size}\"\n          inline\n          value=\"${pageSize}\">\n          <slot @slotchange=${handleSlotChange}></slot>\n        </cds-select>\n        <span\n          class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n          >${this._renderStatusText()}</span\n        >\n      </div>\n      <div class=\"${prefix}--pagination__right\">\n        ${!pagesUnknown || totalItems\n          ? html`\n              <label\n                for=\"select\"\n                class=\"${prefix}--label ${prefix}--visually-hidden\">\n                ${formatLabelText({ count: totalPages })}\n              </label>\n            `\n          : null}\n        ${pagesUnknown || !totalItems\n          ? html`\n              <span\n                class=\"${prefix}--pagination__text ${prefix}--pagination__page-text ${prefix}--pagination__unknown-pages-text\"\n                >${formatSupplementalText({ count: totalPages })} ${page}</span\n              >\n            `\n          : html`\n              <cds-select\n                ?disabled=${disabled || pageInputDisabled}\n                id=\"pages-select\"\n                pagination\n                size=\"${size}\"\n                inline\n                value=\"${page}\">\n                ${Array.from(new Array(totalPagesSafe)).map(\n                  (_item, index) => html`\n                    <cds-select-item\n                      value=\"${index + 1}\"\n                      ?selected=${page === index + 1}>\n                      ${index + 1}\n                    </cds-select-item>\n                  `\n                )}\n              </cds-select>\n              <span class=\"${prefix}--pagination__text\"\n                >${formatSupplementalText({ count: totalPages })}</span\n              >\n            `}\n\n        <div class=\"${prefix}--pagination__control-buttons\">\n          <cds-button\n            pagination\n            size=\"${size}\"\n            ?disabled=\"${prevButtonDisabled}\"\n            button-class-name=\"${prevButtonClasses}\"\n            tooltip-text=\"${backwardText}\"\n            @click=\"${handleClickPrevButton}\">\n            ${iconLoader(CaretLeft16, { slot: 'icon' })}\n          </cds-button>\n          <cds-button\n            tooltip-position=\"top\"\n            pagination\n            size=\"${size}\"\n            ?disabled=\"${nextButtonDisabled}\"\n            button-class-name=\"${nextButtonClasses}\"\n            tooltip-text=\"${forwardText}\"\n            @click=\"${handleClickNextButton}\">\n            ${iconLoader(CaretRight16, { slot: 'icon' })}\n          </cds-button>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * A selector that will return the select box for the current page.\n   */\n  static get selectorPagesSelect() {\n    return `${prefix}-select#pages-select`;\n  }\n\n  /**\n   * A selector that will return the select box for page sizes.\n   */\n  static get selectorPageSizesSelect() {\n    return `${prefix}-select`;\n  }\n\n  /**\n   * A selector that will return the previous button.\n   */\n  static get selectorPreviousButton() {\n    return `${prefix}--pagination__button--backward`;\n  }\n\n  /**\n   * A selector that will return the forward button.\n   */\n  static get selectorForwardButton() {\n    return `${prefix}--pagination__button--forward`;\n  }\n\n  /**\n   * The name of the custom event fired after the current row number is changed.\n   */\n  static get eventChangeCurrent() {\n    return `${prefix}-pagination-changed-current`;\n  }\n\n  /**\n   * The name of the custom event fired after the number of rows per page is changed from `<cds-page-sizes-select>`.\n   */\n  static get eventPageSizeChanged() {\n    return `${prefix}-page-sizes-select-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSPagination;\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":["styles","customElement"],"sources":["../../../src/components/pagination/pagination.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport '../button/index';\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport CDSSelect from '../select/select';\nimport CaretLeft16 from '@carbon/icons/es/caret--left/16.js';\nimport CaretRight16 from '@carbon/icons/es/caret--right/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { PAGINATION_SIZE } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { prefix } from '../../globals/settings';\nimport styles from './pagination.scss?lit';\n\n/**\n * Pagination UI.\n *\n * @element cds-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires cds-pagination-changed-current - The custom event fired after the current page is changed from `<cds-pages-select>`.\n * @fires cds-page-sizes-select-changed - The custom event fired after the number of rows per page is changed from `<cds-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass CDSPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n  @query(`${prefix}-select`)\n  private _pageSizeSelect!: HTMLElement;\n\n  private _handleSlotChange({ target }: Event) {\n    const content = (target as HTMLSlotElement).assignedNodes().filter(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n\n    content.forEach((item) => {\n      this._pageSizeSelect.appendChild(item);\n    });\n  }\n\n  /**\n   * @returns Page status text.\n   */\n  private _renderStatusText() {\n    const {\n      start,\n      pageSize,\n      totalItems,\n      pagesUnknown,\n      formatStatusWithDeterminateTotal,\n      formatStatusWithIndeterminateTotal,\n    } = this;\n\n    const min = totalItems === 0 ? 0 : start + 1;\n\n    if (pagesUnknown || totalItems == null) {\n      // * Indeterminate total:\n      //   - totalItems === 0 → \"0–0 of 0 items\"\n      //   - else → closed range \"1–10 items\", \"11–20 items\", etc.\n      if (totalItems === 0) {\n        return formatStatusWithDeterminateTotal({ start: 0, end: 0, count: 0 });\n      }\n      const end = start + pageSize;\n      return formatStatusWithIndeterminateTotal({\n        start: min,\n        end,\n        // Use visible range for pluralization, so we get \"items\" not \"item\"\n        count: Math.max(0, end - start),\n      });\n    }\n\n    // * Determinate total:\n    //   - Regular: \"1–10 of 100 items\"\n    //   - When totalItems === 0 → \"0–0 of 0 item\"\n    return formatStatusWithDeterminateTotal({\n      start: min,\n      end: Math.min(start + pageSize, totalItems),\n      count: totalItems,\n    });\n  }\n\n  /**\n   * Calculates the start value based on `page`, `pageSize`, and `totalItems`\n   */\n  private _calculateStart(\n    page: number,\n    pageSize: number,\n    totalItems: number | undefined,\n    pagesUnknown: boolean\n  ): number {\n    if (!pagesUnknown && totalItems === 0) return 0;\n    const safePageSize = pageSize > 0 ? pageSize : 1;\n    const calculatedStart = (Math.max(1, page) - 1) * safePageSize;\n\n    // Only clamp to the last page when the total is determinate\n    if (!pagesUnknown && Number.isFinite(totalItems)) {\n      const maxStart =\n        (Math.ceil((totalItems as number) / safePageSize) - 1) * safePageSize;\n      return Math.max(0, Math.min(calculatedStart, maxStart));\n    }\n\n    return Math.max(0, calculatedStart);\n  }\n\n  /**\n   * Handles user-initiated change in the row number the current page starts with.\n   *\n   * @param start The new current row number, index that starts with zero.\n   */\n  private _handleUserInitiatedChangeStart(start: number) {\n    this.start = start;\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSPagination).eventChangeCurrent,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            page: this.page,\n            pageSize: this.pageSize,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * Handles user-initiated change in the size of the page.\n   */\n  private _handleUserInitiatedPageSizeChange() {\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSPagination).eventPageSizeChanged,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            page: this.page,\n            pageSize: this.pageSize,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * Handles `click` event on the previous button.\n   */\n  private _handleClickPrevButton() {\n    const { start: oldStart, pageSize } = this;\n    this.page--;\n    const newStart = Math.max(oldStart - pageSize, 0);\n    if (newStart !== oldStart) {\n      this._handleUserInitiatedChangeStart(newStart);\n    }\n    // reset focus to forward button if it reaches the beginning\n    if (this.page === 1) {\n      const { selectorForwardButton } = this\n        .constructor as typeof CDSPagination;\n      (\n        this.shadowRoot?.querySelector(\n          `[button-class-name*=${selectorForwardButton}]`\n        ) as HTMLElement\n      ).focus();\n    }\n  }\n\n  /**\n   * Handles `click` event on the next button.\n   */\n  private _handleClickNextButton() {\n    const { start: oldStart, pageSize, totalItems, pagesUnknown } = this;\n    this.page++;\n    const newStart = oldStart + pageSize;\n\n    if (\n      newStart < (totalItems == null ? Infinity : totalItems) ||\n      pagesUnknown\n    ) {\n      this._handleUserInitiatedChangeStart(newStart);\n    }\n    // reset focus to previous button if it reaches the end and `pagesUnknown` is not true\n    if (!pagesUnknown && this.page === this.totalPages) {\n      const { selectorPreviousButton } = this\n        .constructor as typeof CDSPagination;\n      (\n        this.shadowRoot?.querySelector(\n          `[button-class-name*=${selectorPreviousButton}]`\n        ) as HTMLElement\n      ).focus();\n    }\n  }\n\n  /**\n   * Handles user-initiated change in number of rows per page.\n   *\n   * @param event The event.\n   */\n  @HostListener(`${prefix}-select-selected`)\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChangeSelector(event) {\n    const { value } = event.detail;\n    const { totalItems, pageSize, pagesUnknown } = this;\n\n    if (event.composedPath()[0] === this._pageSizeSelect) {\n      this.pageSize = parseInt(value);\n      // Default pageSize to effectively be 1 when we have a value of 0 to avoid\n      // division by 0.\n      this.totalPages =\n        pageSize > 0 ? Math.ceil(totalItems / pageSize) : totalItems;\n      this.page = 1;\n      this.start = 0;\n      this._handleUserInitiatedPageSizeChange();\n    } else {\n      this.page = Number(value);\n      const newStart = this._calculateStart(\n        value,\n        pageSize,\n        totalItems,\n        pagesUnknown\n      );\n      this._handleUserInitiatedChangeStart(newStart);\n    }\n  }\n\n  /**\n   * The assistive text for the button to go to previous page.\n   */\n  @property({ attribute: 'backward-text' })\n  backwardText = 'Previous page';\n\n  /**\n   * The current page\n   */\n  @property({ type: Number, reflect: true })\n  page = 1;\n\n  /**\n   * The formatter for the assistive text for screen readers to announce.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatLabelText = ({ count }) =>\n    `Page of ${count} page${count <= 1 ? '' : 's'}`;\n\n  /**\n   * The formatter, used with determinate the total pages. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatStatusWithDeterminateTotal = ({ start, end, count }) =>\n    `${start}–${end} of ${count} item${count <= 1 ? '' : 's'}`;\n\n  /**\n   * The formatter, used with indeterminate the total pages. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatStatusWithIndeterminateTotal = ({ start, end, count }) =>\n    end == null\n      ? `Item ${start}–`\n      : `${start}–${end} item${count <= 1 ? '' : 's'}`;\n\n  /**\n   * The formatter for the text next to the select box. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSupplementalText = ({ count }) =>\n    this.pagesUnknown || !this.totalItems\n      ? `page`\n      : `of ${count} page${count <= 1 ? '' : 's'}`;\n  /**\n   * `true` to explicitly state that user is at the last page.\n   */\n  @property({ type: Boolean, attribute: 'is-last-page' })\n  isLastPage!: boolean;\n\n  /**\n   * The translatable text indicating the number of items per page.\n   */\n  @property({ attribute: 'items-per-page-text' })\n  itemsPerPageText = '';\n\n  /**\n   * `true` if the pagination UI should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The assistive text for the button to go to next page.\n   */\n  @property({ attribute: 'forward-text' })\n  forwardText = 'Next page';\n\n  /**\n   * true if the select box to change the page should be disabled.\n   */\n  @property({ type: Boolean, attribute: 'page-input-disabled' })\n  pageInputDisabled = false;\n\n  /**\n   * Number of items per page.\n   */\n  @property({ type: Number, attribute: 'page-size', reflect: true })\n  pageSize = 10;\n\n  /**\n   * true if the select box to change the items per page should be disabled.\n   */\n  @property({ type: Boolean, attribute: 'page-size-input-disabled' })\n  pageSizeInputDisabled;\n\n  /**\n   * The label text for the UI to select page size.\n   */\n  @property({ attribute: 'page-size-label-text' })\n  pageSizeLabelText!: string;\n\n  /**\n   * true if the total number of items is unknown.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'pages-unknown' })\n  pagesUnknown = false;\n\n  /**\n   * Specify the size of the Pagination.\n   */\n  @property({ reflect: true })\n  size = PAGINATION_SIZE.MEDIUM;\n\n  /**\n   * The row number where current page start with, index that starts with zero.\n   */\n  @property({ type: Number })\n  start = 0;\n\n  /**\n   * The number of total items.\n   */\n  @property({\n    type: Number,\n    attribute: 'total-items',\n    converter: {\n      fromAttribute: (value) =>\n        value === null || value === '' ? undefined : Number(value),\n    },\n  })\n  totalItems!: number;\n\n  /**\n   * The number of total pages.\n   */\n  @property({ type: Number })\n  totalPages = 1;\n\n  updated(changedProperties) {\n    const { pageSize, totalItems } = this;\n    const { selectorPageSizesSelect, selectorPagesSelect } = this\n      .constructor as typeof CDSPagination;\n\n    if (changedProperties.has('pageSize')) {\n      const pageSizeSelect = this.shadowRoot?.querySelector(\n        selectorPageSizesSelect\n      ) as CDSSelect | null;\n\n      if (pageSizeSelect) {\n        pageSizeSelect.value = String(pageSize ?? '');\n      }\n    }\n\n    // Recompute total pages and clamp the visible page whenever any relevant input changes\n    if (\n      changedProperties.has('pageSize') ||\n      changedProperties.has('start') ||\n      changedProperties.has('totalItems') ||\n      changedProperties.has('page')\n    ) {\n      const computedTotalPages =\n        pageSize > 0\n          ? Math.ceil((totalItems ?? 0) / pageSize)\n          : (totalItems ?? 0);\n\n      // Only assign if it actually changed to avoid unnecessary updates\n      if (this.totalPages !== computedTotalPages) {\n        this.updateComplete.then(() => {\n          this.totalPages = computedTotalPages;\n        });\n      }\n\n      const totalPagesSafe = Math.max(1, computedTotalPages || 1);\n      const requestedPage = Math.max(1, Math.floor(this.page || 1));\n      const displayPage = Math.min(requestedPage, totalPagesSafe);\n\n      const pagesSelect = this.shadowRoot?.querySelector(\n        selectorPagesSelect\n      ) as CDSSelect | null;\n\n      if (pagesSelect) {\n        pagesSelect.value = displayPage.toString();\n      }\n    }\n\n    if (changedProperties.has('page')) {\n      this.start = this._calculateStart(\n        this.page,\n        this.pageSize,\n        this.totalItems,\n        this.pagesUnknown\n      );\n      const pagesSelect = this.shadowRoot?.querySelector(\n        (this.constructor as typeof CDSPagination).selectorPagesSelect\n      ) as CDSSelect | null;\n      if (pagesSelect) {\n        pagesSelect.value = String(this.page);\n      }\n    }\n  }\n\n  render() {\n    const {\n      page,\n      disabled,\n      forwardText,\n      backwardText,\n      itemsPerPageText,\n      pageInputDisabled,\n      pageSize,\n      pageSizeInputDisabled,\n      pagesUnknown,\n      size,\n      start,\n      totalItems,\n      totalPages,\n      _handleClickPrevButton: handleClickPrevButton,\n      _handleClickNextButton: handleClickNextButton,\n      _handleSlotChange: handleSlotChange,\n      formatLabelText,\n      formatSupplementalText,\n    } = this;\n\n    const { isLastPage = start + pageSize >= totalItems } = this;\n    const prevButtonDisabled = disabled || start === 0;\n    const nextButtonDisabled = disabled || (!pagesUnknown && isLastPage);\n\n    const prevButtonClassMap = {\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--icon-only`]: true,\n      [`${prefix}--pagination__button`]: true,\n      [`${prefix}--pagination__button--backward`]: true,\n      [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n      [`${prefix}--btn--${size}`]: true,\n      [`${prefix}--btn--ghost`]: true,\n    };\n    const nextButtonClassMap = {\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--icon-only`]: true,\n      [`${prefix}--pagination__button`]: true,\n      [`${prefix}--pagination__button--forward`]: true,\n      [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n      [`${prefix}--btn--${size}`]: true,\n      [`${prefix}--btn--ghost`]: true,\n    };\n\n    const prevButtonClasses = Object.entries(prevButtonClassMap)\n      .filter(([, value]) => value === true)\n      .map(([key]) => key)\n      .join(' ');\n    const nextButtonClasses = Object.entries(nextButtonClassMap)\n      .filter(([, value]) => value === true)\n      .map(([key]) => key)\n      .join(' ');\n\n    const totalPagesSafe =\n      Number.isFinite(totalPages) && totalPages > 0\n        ? totalPages\n        : Math.max(1, page || 1);\n\n    return html`\n      <div class=\"${prefix}--pagination__left\">\n        <cds-select\n          ?disabled=${disabled || pageSizeInputDisabled}\n          id=\"page-size-select\"\n          left-select\n          pagination\n          size=\"${size}\"\n          inline\n          value=\"${pageSize}\"\n          label-styles-disable>\n          <div slot=\"label-text\">\n            ${itemsPerPageText &&\n            html`<span class=\"${prefix}--pagination__text\"\n              >${itemsPerPageText}</span\n            >`}\n            <slot name=\"label-text\"></slot>\n          </div>\n          <slot @slotchange=${handleSlotChange}></slot>\n        </cds-select>\n        <span\n          class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n          >${this._renderStatusText()}</span\n        >\n      </div>\n      <div class=\"${prefix}--pagination__right\">\n        ${pagesUnknown || !totalItems\n          ? html`\n              <span\n                class=\"${prefix}--pagination__text ${prefix}--pagination__page-text ${prefix}--pagination__unknown-pages-text\"\n                >${formatSupplementalText({ count: totalPages })} ${page}</span\n              >\n            `\n          : html`\n              <cds-select\n                ?disabled=${disabled || pageInputDisabled}\n                id=\"pages-select\"\n                pagination\n                size=\"${size}\"\n                inline\n                value=\"${page}\"\n                hide-label>\n                <span slot=\"label-text\">\n                  ${formatLabelText({ count: totalPages })}\n                </span>\n                ${Array.from(new Array(totalPagesSafe)).map(\n                  (_item, index) => html`\n                    <cds-select-item\n                      value=\"${index + 1}\"\n                      ?selected=${page === index + 1}>\n                      ${index + 1}\n                    </cds-select-item>\n                  `\n                )}\n              </cds-select>\n              <span class=\"${prefix}--pagination__text\"\n                >${formatSupplementalText({ count: totalPages })}</span\n              >\n            `}\n\n        <div class=\"${prefix}--pagination__control-buttons\">\n          <cds-button\n            pagination\n            size=\"${size}\"\n            ?disabled=\"${prevButtonDisabled}\"\n            button-class-name=\"${prevButtonClasses}\"\n            tooltip-text=\"${backwardText}\"\n            @click=\"${handleClickPrevButton}\">\n            ${iconLoader(CaretLeft16, { slot: 'icon' })}\n          </cds-button>\n          <cds-button\n            tooltip-position=\"top\"\n            pagination\n            size=\"${size}\"\n            ?disabled=\"${nextButtonDisabled}\"\n            button-class-name=\"${nextButtonClasses}\"\n            tooltip-text=\"${forwardText}\"\n            @click=\"${handleClickNextButton}\">\n            ${iconLoader(CaretRight16, { slot: 'icon' })}\n          </cds-button>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * A selector that will return the select box for the current page.\n   */\n  static get selectorPagesSelect() {\n    return `${prefix}-select#pages-select`;\n  }\n\n  /**\n   * A selector that will return the select box for page sizes.\n   */\n  static get selectorPageSizesSelect() {\n    return `${prefix}-select`;\n  }\n\n  /**\n   * A selector that will return the previous button.\n   */\n  static get selectorPreviousButton() {\n    return `${prefix}--pagination__button--backward`;\n  }\n\n  /**\n   * A selector that will return the forward button.\n   */\n  static get selectorForwardButton() {\n    return `${prefix}--pagination__button--forward`;\n  }\n\n  /**\n   * The name of the custom event fired after the current row number is changed.\n   */\n  static get eventChangeCurrent() {\n    return `${prefix}-pagination-changed-current`;\n  }\n\n  /**\n   * The name of the custom event fired after the number of rows per page is changed from `<cds-page-sizes-select>`.\n   */\n  static get eventPageSizeChanged() {\n    return `${prefix}-page-sizes-select-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSPagination;\n"],"mappings":"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"}