@carbon/web-components 2.57.0 → 2.58.0

package/es/components/page-header/page-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.js","names":["styles","customElement"],"sources":["../../../src/components/page-header/page-header.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\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/**\n * @deprecated PageHeader has moved to Carbon for IBM Products.\n * See https://github.com/carbon-design-system/carbon/issues/21926\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Page header.\n * @deprecated This component has moved to Carbon for IBM Products and is now maintained in\n *   `@carbon/ibm-products-web-components`.\n *   See https://github.com/carbon-design-system/carbon/issues/21926\n * @element cds-page-header\n */\n@customElement(`${prefix}-page-header`)\nclass CDSPageHeader extends LitElement {\n  render() {\n    // eslint-disable-next-line no-empty-pattern -- https://github.com/carbon-design-system/carbon/issues/20452\n    const {} = this;\n    return html` <slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPageHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;CACrC,SAAS;EAEP,MAAM,KAAK;AACX,SAAO,IAAI;;;gBAGGA;;;4BARjBC,cAAc,kBAAwB,CAAA,EAAA,cAAA;AAWvC,IAAA,sBAAe"}
+{"version":3,"file":"page-header.js","names":["styles","customElement"],"sources":["../../../src/components/page-header/page-header.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\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/**\n * @deprecated PageHeader has moved to Carbon for IBM Products.\n * See https://github.com/carbon-design-system/carbon/issues/21926\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Page header.\n * @deprecated This component has moved to Carbon for IBM Products and is now maintained in\n *   `@carbon/ibm-products-web-components`.\n *   See https://github.com/carbon-design-system/carbon/issues/21926\n * @element cds-page-header\n */\n@customElement(`${prefix}-page-header`)\nclass CDSPageHeader extends LitElement {\n  render() {\n    // eslint-disable-next-line no-empty-pattern -- https://github.com/carbon-design-system/carbon/issues/20452\n    const {} = this;\n    return html` <slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPageHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;CACrC,SAAS;EAEP,MAAM,KAAK;EACX,OAAO,IAAI;CACb;;gBAEgBA;;AAClB;4BATCC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AAWtC,IAAA,sBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/pagination/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\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\n/**\n * Pagination size.\n */\nexport enum PAGINATION_SIZE {\n  /**\n   * Extra small size.\n   */\n  XS = 'xs',\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Backward/Forward button tooltip position.\n */\nexport enum PAGINATION_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positioned on the left.\n   */\n  LEFT = 'left',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,kBAAL,yBAAA,iBAAA;;;;AAIL,iBAAA,QAAA;;;;AAIA,iBAAA,WAAA;;;;AAKA,iBAAA,YAAA;;;;AAKA,iBAAA,WAAA;;KACD;;;;AAKD,IAAY,8BAAL,yBAAA,6BAAA;;;;AAIL,6BAAA,SAAA;;;;AAKA,6BAAA,WAAA;;;;AAKA,6BAAA,YAAA;;;;AAKA,6BAAA,UAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/pagination/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\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\n/**\n * Pagination size.\n */\nexport enum PAGINATION_SIZE {\n  /**\n   * Extra small size.\n   */\n  XS = 'xs',\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Backward/Forward button tooltip position.\n */\nexport enum PAGINATION_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positioned on the left.\n   */\n  LEFT = 'left',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,kBAAL,yBAAA,iBAAA;;;;CAIL,gBAAA,QAAA;;;;CAIA,gBAAA,WAAA;;;;CAKA,gBAAA,YAAA;;;;CAKA,gBAAA,WAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,8BAAL,yBAAA,6BAAA;;;;CAIL,4BAAA,SAAA;;;;CAKA,4BAAA,WAAA;;;;CAKA,4BAAA,YAAA;;;;CAKA,4BAAA,UAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/pagination/pagination.d.ts

@@ -33,6 +33,9 @@ declare const CDSPagination_base: (new (...args: any[]) => {
  */
 declare class CDSPagination extends CDSPagination_base {
     private _pageSizeSelect;
+    private _pagesSelect;
+    private _previousButton;
+    private _forwardButton;
     private _handleSlotChange;
     /**
      * @returns Page status text.

package/es/components/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,iBAAiB,CAAC;AAEzB,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,EAAE,eAAe,EAAE,2BAA2B,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;uBAGjD,CAAC;;;;;AAGtB;;;;;;;GAOG;AACH,cACM,aAAc,SAAQ,kBAAyC;IAEnE,OAAO,CAAC,eAAe,CAAe;IAEtC,OAAO,CAAC,iBAAiB;IAWzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAsCzB;;OAEG;IACH,OAAO,CAAC,eAAe;IAoBvB;;;;OAIG;IACH,OAAO,CAAC,+BAA+B;IAiBvC;;OAEG;IACH,OAAO,CAAC,kCAAkC;IAgB1C;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAmB9B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAuB9B;;;;OAIG;IAIH,OAAO,CAAC,qBAAqB;IAyB7B;;OAEG;IAEH,YAAY,SAAmB;IAE/B;;OAEG;IAEH,2BAA2B,8BAAmC;IAE9D;;OAEG;IAEH,IAAI,SAAK;IAET;;;OAGG;IAEH,eAAe,GAAI;;KAAS,YACsB;IAElD;;OAEG;IAEH,gCAAgC,GAAI;;;;KAAqB,YACI;IAE7D;;OAEG;IAEH,kCAAkC,GAAI;;;;KAAqB,YAGN;IAErD;;OAEG;IAEH,sBAAsB,GAAI;;KAAS,YAGc;IACjD;;OAEG;IAEH,UAAU,EAAG,OAAO,CAAC;IAErB;;OAEG;IAEH,gBAAgB,SAAM;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,SAAe;IAE1B;;OAEG;IAEH,0BAA0B,8BAAmC;IAE7D;;OAEG;IAEH,iBAAiB,UAAS;IAE1B;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,qBAAqB,MAAC;IAEtB;;OAEG;IAEH,iBAAiB,EAAG,MAAM,CAAC;IAE3B;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,IAAI,kBAA0B;IAE9B;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IASH,UAAU,EAAG,MAAM,CAAC;IAEpB;;OAEG;IAEH,UAAU,SAAK;IAEf,OAAO,CAAC,iBAAiB,KAAA;IA+DzB,MAAM;IAmJN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED;;OAEG;IACH,MAAM,KAAK,qBAAqB,WAE/B;IAED;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,iBAAiB,CAAC;AAEzB,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,EAAE,eAAe,EAAE,2BAA2B,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;uBAGjD,CAAC;;;;;AAQtB;;;;;;;GAOG;AACH,cACM,aAAc,SAAQ,kBAAyC;IAEnE,OAAO,CAAC,eAAe,CAAa;IAGpC,OAAO,CAAC,YAAY,CAAoB;IAGxC,OAAO,CAAC,eAAe,CAAe;IAGtC,OAAO,CAAC,cAAc,CAAe;IAErC,OAAO,CAAC,iBAAiB;IAWzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAsCzB;;OAEG;IACH,OAAO,CAAC,eAAe;IAoBvB;;;;OAIG;IACH,OAAO,CAAC,+BAA+B;IAiBvC;;OAEG;IACH,OAAO,CAAC,kCAAkC;IAgB1C;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAa9B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAiB9B;;;;OAIG;IAIH,OAAO,CAAC,qBAAqB;IAyB7B;;OAEG;IAEH,YAAY,SAAmB;IAE/B;;OAEG;IAEH,2BAA2B,8BAAmC;IAE9D;;OAEG;IAEH,IAAI,SAAK;IAET;;;OAGG;IAEH,eAAe,GAAI;;KAAS,YACsB;IAElD;;OAEG;IAEH,gCAAgC,GAAI;;;;KAAqB,YACI;IAE7D;;OAEG;IAEH,kCAAkC,GAAI;;;;KAAqB,YAGN;IAErD;;OAEG;IAEH,sBAAsB,GAAI;;KAAS,YAGc;IACjD;;OAEG;IAEH,UAAU,EAAG,OAAO,CAAC;IAErB;;OAEG;IAEH,gBAAgB,SAAM;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,SAAe;IAE1B;;OAEG;IAEH,0BAA0B,8BAAmC;IAE7D;;OAEG;IAEH,iBAAiB,UAAS;IAE1B;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,qBAAqB,MAAC;IAEtB;;OAEG;IAEH,iBAAiB,EAAG,MAAM,CAAC;IAE3B;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,IAAI,kBAA0B;IAE9B;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IASH,UAAU,EAAG,MAAM,CAAC;IAEpB;;OAEG;IAEH,UAAU,SAAK;IAEf,OAAO,CAAC,iBAAiB,KAAA;IAgDzB,MAAM;IAmJN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED;;OAEG;IACH,MAAM,KAAK,qBAAqB,WAE/B;IAED;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}

package/es/components/pagination/pagination.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/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";
@@ -20,6 +20,10 @@ 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
+const selectorPagesSelect = `cds-select#pages-select`;
+const selectorPageSizesSelect = `cds-select`;
+const selectorPreviousButton = `cds--pagination__button--backward`;
+const selectorForwardButton = `cds--pagination__button--forward`;
 /**
 * Pagination UI.
 *
@@ -129,10 +133,7 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
 		this.page--;
 		const newStart = Math.max(oldStart - pageSize, 0);
 		if (newStart !== oldStart) this._handleUserInitiatedChangeStart(newStart);
-		if (this.page === 1) {
-			const { selectorForwardButton } = this.constructor;
-			(this.shadowRoot?.querySelector(`[button-class-name*=${selectorForwardButton}]`)).focus();
-		}
+		if (this.page === 1) this._forwardButton.focus();
 	}
 	/**
 	* Handles `click` event on the next button.
@@ -142,10 +143,7 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
 		this.page++;
 		const newStart = oldStart + pageSize;
 		if (newStart < (totalItems == null ? Infinity : totalItems) || pagesUnknown) this._handleUserInitiatedChangeStart(newStart);
-		if (!pagesUnknown && this.page === this.totalPages) {
-			const { selectorPreviousButton } = this.constructor;
-			(this.shadowRoot?.querySelector(`[button-class-name*=${selectorPreviousButton}]`)).focus();
-		}
+		if (!pagesUnknown && this.page === this.totalPages) this._previousButton.focus();
 	}
 	/**
 	* Handles user-initiated change in number of rows per page.
@@ -169,11 +167,7 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
 	}
 	updated(changedProperties) {
 		const { pageSize, totalItems } = this;
-		const { selectorPageSizesSelect, selectorPagesSelect } = this.constructor;
-		if (changedProperties.has("pageSize")) {
-			const pageSizeSelect = this.shadowRoot?.querySelector(selectorPageSizesSelect);
-			if (pageSizeSelect) pageSizeSelect.value = String(pageSize ?? "");
-		}
+		if (changedProperties.has("pageSize")) this._pageSizeSelect.value = String(pageSize ?? "");
 		if (changedProperties.has("pageSize") || changedProperties.has("start") || changedProperties.has("totalItems") || changedProperties.has("page")) {
 			const computedTotalPages = pageSize > 0 ? Math.ceil((totalItems ?? 0) / pageSize) : totalItems ?? 0;
 			if (this.totalPages !== computedTotalPages) this.updateComplete.then(() => {
@@ -182,13 +176,11 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
 			const totalPagesSafe = Math.max(1, computedTotalPages || 1);
 			const requestedPage = Math.max(1, Math.floor(this.page || 1));
 			const displayPage = Math.min(requestedPage, totalPagesSafe);
-			const pagesSelect = this.shadowRoot?.querySelector(selectorPagesSelect);
-			if (pagesSelect) pagesSelect.value = displayPage.toString();
+			if (this._pagesSelect) this._pagesSelect.value = displayPage.toString();
 		}
 		if (changedProperties.has("page")) {
 			this.start = this._calculateStart(this.page, this.pageSize, this.totalItems, this.pagesUnknown);
-			const pagesSelect = this.shadowRoot?.querySelector(this.constructor.selectorPagesSelect);
-			if (pagesSelect) pagesSelect.value = String(this.page);
+			if (this._pagesSelect) this._pagesSelect.value = String(this.page);
 		}
 	}
 	render() {
@@ -301,25 +293,25 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
 	* A selector that will return the select box for the current page.
 	*/
 	static get selectorPagesSelect() {
-		return `cds-select#pages-select`;
+		return selectorPagesSelect;
 	}
 	/**
 	* A selector that will return the select box for page sizes.
 	*/
 	static get selectorPageSizesSelect() {
-		return `cds-select`;
+		return selectorPageSizesSelect;
 	}
 	/**
 	* A selector that will return the previous button.
 	*/
 	static get selectorPreviousButton() {
-		return `cds--pagination__button--backward`;
+		return selectorPreviousButton;
 	}
 	/**
 	* A selector that will return the forward button.
 	*/
 	static get selectorForwardButton() {
-		return `cds--pagination__button--forward`;
+		return selectorForwardButton;
 	}
 	/**
 	* The name of the custom event fired after the current row number is changed.
@@ -343,7 +335,10 @@ let CDSPagination = class CDSPagination extends FocusMixin(HostListenerMixin(Lit
 		this.styles = pagination_default$1;
 	}
 };
-__decorate([query(`cds-select`)], CDSPagination.prototype, "_pageSizeSelect", void 0);
+__decorate([query(selectorPageSizesSelect)], CDSPagination.prototype, "_pageSizeSelect", void 0);
+__decorate([query(selectorPagesSelect)], CDSPagination.prototype, "_pagesSelect", void 0);
+__decorate([query(`[button-class-name*=${selectorPreviousButton}]`)], CDSPagination.prototype, "_previousButton", void 0);
+__decorate([query(`[button-class-name*=${selectorForwardButton}]`)], CDSPagination.prototype, "_forwardButton", void 0);
 __decorate([HostListener(`cds-select-selected`)], CDSPagination.prototype, "_handleChangeSelector", null);
 __decorate([property({ attribute: "backward-text" })], CDSPagination.prototype, "backwardText", void 0);
 __decorate([property({ attribute: "backward-text-tooltip-position" })], CDSPagination.prototype, "backwardTextTooltipPosition", void 0);

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, PAGINATION_TOOLTIP_POSITION } 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   * Specify the position of the tooltip for the backward button. Can be one of: top, right, bottom, or left.\n   */\n  @property({ attribute: 'backward-text-tooltip-position' })\n  backwardTextTooltipPosition = PAGINATION_TOOLTIP_POSITION.TOP;\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   * Specify the position of the tooltip for the forward button. Can be one of: top, right, bottom, or left.\n   */\n  @property({ attribute: 'forward-text-tooltip-position' })\n  forwardTextTooltipPosition = PAGINATION_TOOLTIP_POSITION.TOP;\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      forwardTextTooltipPosition,\n      backwardText,\n      backwardTextTooltipPosition,\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            tooltip-position=${backwardTextTooltipPosition}\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=${forwardTextTooltipPosition}\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, PAGINATION_TOOLTIP_POSITION } 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\nconst selectorPagesSelect = `${prefix}-select#pages-select`;\nconst selectorPageSizesSelect = `${prefix}-select`;\nconst selectorPreviousButton = `${prefix}--pagination__button--backward`;\nconst selectorForwardButton = `${prefix}--pagination__button--forward`;\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(selectorPageSizesSelect)\n  private _pageSizeSelect!: CDSSelect;\n\n  @query(selectorPagesSelect)\n  private _pagesSelect!: CDSSelect | null;\n\n  @query(`[button-class-name*=${selectorPreviousButton}]`)\n  private _previousButton!: HTMLElement;\n\n  @query(`[button-class-name*=${selectorForwardButton}]`)\n  private _forwardButton!: 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      this._forwardButton.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      this._previousButton.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   * Specify the position of the tooltip for the backward button. Can be one of: top, right, bottom, or left.\n   */\n  @property({ attribute: 'backward-text-tooltip-position' })\n  backwardTextTooltipPosition = PAGINATION_TOOLTIP_POSITION.TOP;\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   * Specify the position of the tooltip for the forward button. Can be one of: top, right, bottom, or left.\n   */\n  @property({ attribute: 'forward-text-tooltip-position' })\n  forwardTextTooltipPosition = PAGINATION_TOOLTIP_POSITION.TOP;\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\n    if (changedProperties.has('pageSize')) {\n      this._pageSizeSelect.value = String(pageSize ?? '');\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      if (this._pagesSelect) {\n        this._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      if (this._pagesSelect) {\n        this._pagesSelect.value = String(this.page);\n      }\n    }\n  }\n\n  render() {\n    const {\n      page,\n      disabled,\n      forwardText,\n      forwardTextTooltipPosition,\n      backwardText,\n      backwardTextTooltipPosition,\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            tooltip-position=${backwardTextTooltipPosition}\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=${forwardTextTooltipPosition}\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 selectorPagesSelect;\n  }\n\n  /**\n   * A selector that will return the select box for page sizes.\n   */\n  static get selectorPageSizesSelect() {\n    return selectorPageSizesSelect;\n  }\n\n  /**\n   * A selector that will return the previous button.\n   */\n  static get selectorPreviousButton() {\n    return selectorPreviousButton;\n  }\n\n  /**\n   * A selector that will return the forward button.\n   */\n  static get selectorForwardButton() {\n    return selectorForwardButton;\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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"}