@carbon/web-components 2.47.0 → 2.48.0

package/es-custom/components/pagination-nav/pagination-nav.js

@@ -0,0 +1,427 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { LitElement, html } from 'lit';
+import { state, property } from 'lit/decorators.js';
+import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import { prefix } from '../../globals/settings.js';
+import styles from './pagination-nav.scss.js';
+import { classMap } from 'lit/directives/class-map.js';
+import CaretLeft16 from '@carbon/icons/es/caret--left/16.js';
+import CaretRight16 from '@carbon/icons/es/caret--right/16.js';
+import OverflowMenuHorizontal16 from '@carbon/icons/es/overflow-menu--horizontal/16.js';
+import { iconLoader } from '../../globals/internal/icon-loader.js';
+import '../icon-button/icon-button.js';
+import { PAGINATION_NAV_SIZE, PAGINATION_TOOLTIP_ALIGNMENT, PAGINATION_TOOLTIP_POSITION } from './defs.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+
+/**
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Translation IDs and default translations
+ */
+const translationIds = {
+    'carbon.pagination-nav.next': 'carbon.pagination-nav.next',
+    'carbon.pagination-nav.previous': 'carbon.pagination-nav.previous',
+    'carbon.pagination-nav.item': 'carbon.pagination-nav.item',
+    'carbon.pagination-nav.active': 'carbon.pagination-nav.active',
+    'carbon.pagination-nav.of': 'carbon.pagination-nav.of',
+};
+const defaultTranslations = {
+    [translationIds['carbon.pagination-nav.next']]: 'Next',
+    [translationIds['carbon.pagination-nav.previous']]: 'Previous',
+    [translationIds['carbon.pagination-nav.item']]: 'Page',
+    [translationIds['carbon.pagination-nav.active']]: 'Active',
+    [translationIds['carbon.pagination-nav.of']]: 'of',
+};
+/**
+ * Default translation function
+ */
+const defaultTranslateWithId = (messageId) => {
+    return defaultTranslations[messageId];
+};
+/**
+ * Pagination Navigation.
+ *
+ * @element cds-custom-pagination-nav
+ * @fires cds-custom-page-changed - The custom event fired when the the page has been changed.
+ */
+let CDSPaginationNav = class CDSPaginationNav extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Internal state for cuts
+         */
+        this.cuts = { front: 0, back: 0 };
+        /**
+         * Internal state for previous page
+         */
+        this.prevPage = null;
+        /**
+         * The number of items to be shown (minimum of 4 unless props.items < 4).
+         */
+        this.itemsShown = 10;
+        /**
+         * Whether user should be able to loop through the items when reaching first / last.
+         */
+        this.loop = false;
+        /**
+         * The index of current page.
+         */
+        this.page = 0;
+        /**
+         * The total number of items.
+         */
+        this.totalItems = 1;
+        /**
+         * Specify the size of the PaginationNav.
+         */
+        this.size = PAGINATION_NAV_SIZE.LARGE;
+        /**
+         * Specify the alignment of the tooltip for the icon-only next/prev buttons.
+         * Can be one of: start, center, or end.
+         */
+        this.tooltipAlignment = PAGINATION_TOOLTIP_ALIGNMENT.CENTER;
+        /**
+         * Specify the position of the tooltip for the icon-only next/prev buttons.
+         * Can be one of: top, right, bottom, or left.
+         */
+        this.tooltipPosition = PAGINATION_TOOLTIP_POSITION.BOTTOM;
+        /**
+         * Translates component strings using your i18n tool.
+         */
+        this.translateWithId = defaultTranslateWithId;
+    }
+    _calculateCuts(page, totalItems, itemsDisplayedOnPage, splitPoint = null) {
+        if (itemsDisplayedOnPage >= totalItems) {
+            return { front: 0, back: 0 };
+        }
+        const split = splitPoint || Math.ceil(itemsDisplayedOnPage / 2) - 1;
+        let frontHidden = page + 1 - split;
+        let backHidden = totalItems - page - (itemsDisplayedOnPage - split) + 1;
+        if (frontHidden <= 1) {
+            backHidden -= frontHidden <= 0 ? Math.abs(frontHidden) + 1 : 0;
+            frontHidden = 0;
+        }
+        if (backHidden <= 1) {
+            frontHidden -= backHidden <= 0 ? Math.abs(backHidden) + 1 : 0;
+            backHidden = 0;
+        }
+        return { front: frontHidden, back: backHidden };
+    }
+    _pageWouldBeHidden(page) {
+        const startOffset = this.itemsDisplayedOnPage <= 4 && this.page > 1 ? 0 : 1;
+        const wouldBeHiddenInFront = (page >= startOffset && page <= this.cuts.front) || page === 0;
+        const wouldBeHiddenInBack = page >= this.totalItems - this.cuts.back - 1 &&
+            page <= this.totalItems - 2;
+        return wouldBeHiddenInFront || wouldBeHiddenInBack;
+    }
+    /**
+     * Sets the current page to a specified index.
+     */
+    _setIndex(index) {
+        if (index >= 0 && index < this.totalItems) {
+            this.page = index;
+            this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    page: index,
+                },
+            }));
+        }
+    }
+    /**
+     * Reduce current page by one, but no lower than 0.
+     */
+    _decrementIndex() {
+        const { loop, page, totalItems } = this;
+        const wouldLoop = page - 1 < 0;
+        if (loop) {
+            this.page = wouldLoop ? totalItems - 1 : page - 1;
+        }
+        else {
+            this.page = Math.max(this.page - 1, 0);
+        }
+        this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+            bubbles: true,
+            composed: true,
+            detail: {
+                page: this.page,
+            },
+        }));
+    }
+    /**
+     * Increase current page by one, but no higher than (this.totalItems - 1).
+     */
+    _incrementIndex() {
+        const { loop, page, totalItems } = this;
+        const wouldLoop = page + 1 >= totalItems;
+        if (loop) {
+            this.page = wouldLoop ? 0 : page + 1;
+        }
+        else {
+            this.page = Math.min(this.page + 1, this.totalItems - 1);
+        }
+        this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+            bubbles: true,
+            composed: true,
+            detail: {
+                page: this.page,
+            },
+        }));
+    }
+    /**
+     * Renders a single pagination item & button.
+     */
+    _renderPaginationItem(itemPage, isActive = false) {
+        const { translateWithId: t } = this;
+        const itemLabel = t('carbon.pagination-nav.item');
+        const classes = {
+            [`${prefix}--pagination-nav__page`]: true,
+            [`${prefix}--pagination-nav__page--active`]: isActive,
+        };
+        return html `
+      <li class="${prefix}--pagination-nav__list-item">
+        <button
+          class=${classMap(classes)}
+          type="button"
+          @click=${() => this._setIndex(itemPage)}
+          data-page="${itemPage + 1}"
+          aria-current=${ifDefined(isActive ? 'page' : undefined)}>
+          <span class="${prefix}--pagination-nav__accessibility-label">
+            ${isActive
+            ? `${t('carbon.pagination-nav.active')}, ${itemLabel}`
+            : itemLabel}
+          </span>
+          ${itemPage + 1}
+        </button>
+      </li>
+    `;
+    }
+    /**
+     * Renders overflow items in a select list.
+     *
+     */
+    _renderPaginationOverflow(fromIndex, count) {
+        const { translateWithId: t } = this;
+        if (count > 1) {
+            return html `
+        <li class="${prefix}--pagination-nav__list-item">
+          <div class="${prefix}--pagination-nav__select">
+            <select
+              class="${prefix}--pagination-nav__page ${prefix}--pagination-nav__page--select"
+              aria-label="Select ${t('carbon.pagination-nav.item')} number"
+              ?disabled="${this.disableOverflow}"
+              @change=${(e) => {
+                const target = e.target;
+                const index = Number(target.value);
+                this._setIndex(index);
+                e.target.value = '';
+            }}>
+              <option value="" hidden></option>
+              ${Array.from({ length: count }).map((_, i) => html `
+                  <option
+                    value="${fromIndex + i}"
+                    data-page="${fromIndex + i + 1}"
+                    key="overflow-${fromIndex + i}">
+                    ${fromIndex + i + 1}
+                  </option>
+                `)}
+            </select>
+            <div class="${prefix}--pagination-nav__select-icon-wrapper">
+              ${iconLoader(OverflowMenuHorizontal16, {
+                class: `${prefix}--pagination-nav__select-icon`,
+            })}
+            </div>
+          </div>
+        </li>
+      `;
+        }
+        else if (count === 1) {
+            return this._renderPaginationItem(fromIndex);
+        }
+        else {
+            return html ``;
+        }
+    }
+    render() {
+        const { loop, page, totalItems, _incrementIndex: incrementIndex, _decrementIndex: decrementIndex, translateWithId: t, size, tooltipAlignment, tooltipPosition, } = this;
+        const backwardButtonDisabled = !loop && page <= 0;
+        const forwardButtonDisabled = !loop && page >= totalItems - 1;
+        const startOffset = this.itemsDisplayedOnPage <= 4 && this.page > 1 ? 0 : 1;
+        const align = tooltipAlignment === 'center'
+            ? tooltipPosition
+            : `${tooltipPosition}-${tooltipAlignment}`;
+        const navClasses = classMap({
+            [`${prefix}--pagination-nav`]: true,
+            [`${prefix}--layout--size-${size}`]: size,
+        });
+        return html `
+      <nav class="${navClasses}" aria-label="pagination">
+        <ul class="${prefix}--pagination-nav__list">
+          <li class="${prefix}--pagination-nav__list-item">
+            <cds-custom-icon-button
+              kind="ghost"
+              align="${align}"
+              size="${size}"
+              ?disabled=${backwardButtonDisabled}
+              @click=${decrementIndex}>
+              <span slot="tooltip-content"
+                >${this.translateWithId('carbon.pagination-nav.previous')}</span
+              >
+              ${iconLoader(CaretLeft16, { slot: 'icon' })}
+            </cds-custom-icon-button>
+          </li>
+
+          ${
+        // render first item if at least 5 items can be displayed or
+        // 4 items can be displayed and the current page is either 0 or 1
+        this.itemsDisplayedOnPage >= 5 ||
+            (this.itemsDisplayedOnPage <= 4 && this.page <= 1)
+            ? this._renderPaginationItem(0, this.page === 0)
+            : ''}
+          ${
+        /* render first overflow */
+        this._renderPaginationOverflow(startOffset, this.cuts.front)}
+          ${
+        // render items between overflows
+        Array.from({ length: this.totalItems })
+            .map((_, i) => i)
+            .slice(startOffset + this.cuts.front, (1 + this.cuts.back) * -1)
+            .map((item) => this._renderPaginationItem(item, this.page === item))}
+          ${
+        /* render second overflow */
+        this._renderPaginationOverflow(this.totalItems - this.cuts.back - 1, this.cuts.back)}
+          ${
+        // render last item unless there is only one in total
+        this.totalItems > 1
+            ? this._renderPaginationItem(this.totalItems - 1, this.page === this.totalItems - 1)
+            : ''}
+          <li class="${prefix}--pagination-nav__list-item">
+            <cds-custom-icon-button
+              kind="ghost"
+              align="${align}"
+              size="${size}"
+              ?disabled=${forwardButtonDisabled}
+              @click=${incrementIndex}>
+              <span slot="tooltip-content"
+                >${this.translateWithId('carbon.pagination-nav.next')}</span
+              >
+              ${iconLoader(CaretRight16, { slot: 'icon' })}
+            </cds-custom-icon-button>
+          </li>
+        </ul>
+        <div
+          aria-live="polite"
+          aria-atomic="true"
+          class="${prefix}--pagination-nav__accessibility-label">
+          ${`${t('carbon.pagination-nav.item')} ${this.page + 1} ${t('carbon.pagination-nav.of')} ${this.totalItems}`}
+        </div>
+      </nav>
+    `;
+    }
+    shouldUpdate(changedProperties) {
+        // Prevent setting "page" outside bounds of available pages.
+        if (changedProperties.has('totalItems') || changedProperties.has('page')) {
+            if (this.page > this.totalItems) {
+                this.page = this.totalItems - 1;
+            }
+            if (this.page < 0) {
+                this.page = 0;
+            }
+        }
+        return true;
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('page')) {
+            this.prevPage = changedProperties.get('page');
+        }
+        if (changedProperties.has('totalItems') ||
+            changedProperties.has('itemsShown') ||
+            changedProperties.has('size')) {
+            let numberOfPages;
+            switch (this.size) {
+                case PAGINATION_NAV_SIZE.MEDIUM:
+                    numberOfPages = this.itemsShown === 4 ? this.itemsShown : 5;
+                    break;
+                case PAGINATION_NAV_SIZE.SMALL:
+                    numberOfPages = Math.min(Math.max(4, this.itemsShown), 7);
+                    break;
+                default:
+                    numberOfPages = 4;
+                    break;
+            }
+            this.itemsDisplayedOnPage = Math.max(this.itemsShown >= 4 ? this.itemsShown : numberOfPages, 4);
+            this.cuts = this._calculateCuts(this.page, this.totalItems, this.itemsDisplayedOnPage);
+        }
+        if (changedProperties.has('page') && this._pageWouldBeHidden(this.page)) {
+            const delta = this.page - (this.prevPage || 0);
+            if (delta > 0) {
+                const splitPoint = this.itemsDisplayedOnPage - 3;
+                this.cuts = this._calculateCuts(this.page, this.totalItems, this.itemsDisplayedOnPage, splitPoint);
+            }
+            else {
+                const splitPoint = this.itemsDisplayedOnPage > 4 ? 2 : 1;
+                this.cuts = this._calculateCuts(this.page, this.totalItems, this.itemsDisplayedOnPage, splitPoint);
+            }
+        }
+    }
+    static get eventChange() {
+        return `${prefix}-page-changed`;
+    }
+};
+CDSPaginationNav.styles = styles;
+__decorate([
+    state()
+], CDSPaginationNav.prototype, "itemsDisplayedOnPage", void 0);
+__decorate([
+    state()
+], CDSPaginationNav.prototype, "cuts", void 0);
+__decorate([
+    state()
+], CDSPaginationNav.prototype, "prevPage", void 0);
+__decorate([
+    property({ attribute: 'items-shown', reflect: true, type: Number })
+], CDSPaginationNav.prototype, "itemsShown", void 0);
+__decorate([
+    property({ attribute: 'loop', type: Boolean })
+], CDSPaginationNav.prototype, "loop", void 0);
+__decorate([
+    property({ attribute: 'page', reflect: true, type: Number })
+], CDSPaginationNav.prototype, "page", void 0);
+__decorate([
+    property({ attribute: 'total-items', reflect: true, type: Number })
+], CDSPaginationNav.prototype, "totalItems", void 0);
+__decorate([
+    property({ reflect: true })
+], CDSPaginationNav.prototype, "size", void 0);
+__decorate([
+    property({ attribute: 'tooltip-alignment', reflect: true })
+], CDSPaginationNav.prototype, "tooltipAlignment", void 0);
+__decorate([
+    property({ attribute: 'tooltip-position', reflect: true })
+], CDSPaginationNav.prototype, "tooltipPosition", void 0);
+__decorate([
+    property({ attribute: 'disable-overflow', reflect: true, type: Boolean })
+], CDSPaginationNav.prototype, "disableOverflow", void 0);
+__decorate([
+    property({ attribute: false })
+], CDSPaginationNav.prototype, "translateWithId", void 0);
+CDSPaginationNav = __decorate([
+    carbonElement(`${prefix}-pagination-nav`)
+], CDSPaginationNav);
+var CDSPaginationNav$1 = CDSPaginationNav;
+
+export { CDSPaginationNav$1 as default };
+//# sourceMappingURL=pagination-nav.js.map

package/es-custom/components/pagination-nav/pagination-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-nav.js","sources":["../../../src/components/pagination-nav/pagination-nav.ts"],"sourcesContent":["/**\n *\n * Copyright IBM Corp. 2026\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 { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './pagination-nav.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CaretLeft16 from '@carbon/icons/es/caret--left/16.js';\nimport CaretRight16 from '@carbon/icons/es/caret--right/16.js';\nimport OverflowMenu from '@carbon/icons/es/overflow-menu--horizontal/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport '../icon-button';\nimport {\n  PAGINATION_NAV_SIZE,\n  PAGINATION_TOOLTIP_ALIGNMENT,\n  PAGINATION_TOOLTIP_POSITION,\n} from './defs';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\n/**\n * Translation IDs and default translations\n */\nconst translationIds = {\n  'carbon.pagination-nav.next': 'carbon.pagination-nav.next',\n  'carbon.pagination-nav.previous': 'carbon.pagination-nav.previous',\n  'carbon.pagination-nav.item': 'carbon.pagination-nav.item',\n  'carbon.pagination-nav.active': 'carbon.pagination-nav.active',\n  'carbon.pagination-nav.of': 'carbon.pagination-nav.of',\n} as const;\n\ntype TranslationKey = keyof typeof translationIds;\n\nconst defaultTranslations: Record<TranslationKey, string> = {\n  [translationIds['carbon.pagination-nav.next']]: 'Next',\n  [translationIds['carbon.pagination-nav.previous']]: 'Previous',\n  [translationIds['carbon.pagination-nav.item']]: 'Page',\n  [translationIds['carbon.pagination-nav.active']]: 'Active',\n  [translationIds['carbon.pagination-nav.of']]: 'of',\n};\n\n/**\n * Default translation function\n */\nconst defaultTranslateWithId = (messageId: TranslationKey): string => {\n  return defaultTranslations[messageId];\n};\n\n/**\n * Pagination Navigation.\n *\n * @element cds-custom-pagination-nav\n * @fires cds-custom-page-changed - The custom event fired when the the page has been changed.\n */\n@customElement(`${prefix}-pagination-nav`)\nclass CDSPaginationNav extends LitElement {\n  /**\n   * Internal state for items displayed on page\n   */\n  @state()\n  private itemsDisplayedOnPage!: number;\n\n  /**\n   * Internal state for cuts\n   */\n  @state()\n  private cuts = { front: 0, back: 0 };\n\n  /**\n   * Internal state for previous page\n   */\n  @state()\n  private prevPage: number | null = null;\n\n  /**\n   * The number of items to be shown (minimum of 4 unless props.items < 4).\n   */\n  @property({ attribute: 'items-shown', reflect: true, type: Number })\n  itemsShown = 10;\n\n  /**\n   * Whether user should be able to loop through the items when reaching first / last.\n   */\n  @property({ attribute: 'loop', type: Boolean })\n  loop = false;\n\n  /**\n   * The index of current page.\n   */\n  @property({ attribute: 'page', reflect: true, type: Number })\n  page = 0;\n\n  /**\n   * The total number of items.\n   */\n  @property({ attribute: 'total-items', reflect: true, type: Number })\n  totalItems = 1;\n\n  /**\n   * Specify the size of the PaginationNav.\n   */\n  @property({ reflect: true })\n  size = PAGINATION_NAV_SIZE.LARGE;\n\n  /**\n   * Specify the alignment of the tooltip for the icon-only next/prev buttons.\n   * Can be one of: start, center, or end.\n   */\n  @property({ attribute: 'tooltip-alignment', reflect: true })\n  tooltipAlignment = PAGINATION_TOOLTIP_ALIGNMENT.CENTER;\n\n  /**\n   * Specify the position of the tooltip for the icon-only next/prev buttons.\n   * Can be one of: top, right, bottom, or left.\n   */\n  @property({ attribute: 'tooltip-position', reflect: true })\n  tooltipPosition = PAGINATION_TOOLTIP_POSITION.BOTTOM;\n\n  /**\n   * If true, the '...' pagination overflow will not render page links between the first and last rendered buttons.\n   * Set this to true if you are having performance problems with large data sets.\n   */\n  @property({ attribute: 'disable-overflow', reflect: true, type: Boolean })\n  disableOverflow?: boolean;\n\n  /**\n   * Translates component strings using your i18n tool.\n   */\n  @property({ attribute: false })\n  translateWithId: (messageId: TranslationKey) => string =\n    defaultTranslateWithId;\n\n  private _calculateCuts(\n    page: number,\n    totalItems: number,\n    itemsDisplayedOnPage: number,\n    splitPoint: number | null = null\n  ) {\n    if (itemsDisplayedOnPage >= totalItems) {\n      return { front: 0, back: 0 };\n    }\n\n    const split = splitPoint || Math.ceil(itemsDisplayedOnPage / 2) - 1;\n\n    let frontHidden = page + 1 - split;\n    let backHidden = totalItems - page - (itemsDisplayedOnPage - split) + 1;\n\n    if (frontHidden <= 1) {\n      backHidden -= frontHidden <= 0 ? Math.abs(frontHidden) + 1 : 0;\n      frontHidden = 0;\n    }\n\n    if (backHidden <= 1) {\n      frontHidden -= backHidden <= 0 ? Math.abs(backHidden) + 1 : 0;\n      backHidden = 0;\n    }\n\n    return { front: frontHidden, back: backHidden };\n  }\n\n  private _pageWouldBeHidden(page: number) {\n    const startOffset = this.itemsDisplayedOnPage <= 4 && this.page > 1 ? 0 : 1;\n\n    const wouldBeHiddenInFront =\n      (page >= startOffset && page <= this.cuts.front) || page === 0;\n    const wouldBeHiddenInBack =\n      page >= this.totalItems - this.cuts.back - 1 &&\n      page <= this.totalItems - 2;\n\n    return wouldBeHiddenInFront || wouldBeHiddenInBack;\n  }\n\n  /**\n   * Sets the current page to a specified index.\n   */\n  private _setIndex(index: number) {\n    if (index >= 0 && index < this.totalItems) {\n      this.page = index;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSPaginationNav).eventChange,\n          {\n            bubbles: true,\n            composed: true,\n            detail: {\n              page: index,\n            },\n          }\n        )\n      );\n    }\n  }\n\n  /**\n   * Reduce current page by one, but no lower than 0.\n   */\n  private _decrementIndex() {\n    const { loop, page, totalItems } = this;\n    const wouldLoop = page - 1 < 0;\n\n    if (loop) {\n      this.page = wouldLoop ? totalItems - 1 : page - 1;\n    } else {\n      this.page = Math.max(this.page - 1, 0);\n    }\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSPaginationNav).eventChange,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            page: this.page,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * Increase current page by one, but no higher than (this.totalItems - 1).\n   */\n  private _incrementIndex() {\n    const { loop, page, totalItems } = this;\n    const wouldLoop = page + 1 >= totalItems;\n\n    if (loop) {\n      this.page = wouldLoop ? 0 : page + 1;\n    } else {\n      this.page = Math.min(this.page + 1, this.totalItems - 1);\n    }\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSPaginationNav).eventChange,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            page: this.page,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * Renders a single pagination item & button.\n   */\n  private _renderPaginationItem(itemPage: number, isActive = false) {\n    const { translateWithId: t } = this;\n    const itemLabel = t('carbon.pagination-nav.item');\n    const classes = {\n      [`${prefix}--pagination-nav__page`]: true,\n      [`${prefix}--pagination-nav__page--active`]: isActive,\n    };\n\n    return html`\n      <li class=\"${prefix}--pagination-nav__list-item\">\n        <button\n          class=${classMap(classes)}\n          type=\"button\"\n          @click=${() => this._setIndex(itemPage)}\n          data-page=\"${itemPage + 1}\"\n          aria-current=${ifDefined(isActive ? 'page' : undefined)}>\n          <span class=\"${prefix}--pagination-nav__accessibility-label\">\n            ${isActive\n              ? `${t('carbon.pagination-nav.active')}, ${itemLabel}`\n              : itemLabel}\n          </span>\n          ${itemPage + 1}\n        </button>\n      </li>\n    `;\n  }\n\n  /**\n   * Renders overflow items in a select list.\n   *\n   */\n  private _renderPaginationOverflow(fromIndex: number, count: number) {\n    const { translateWithId: t } = this;\n\n    if (count > 1) {\n      return html`\n        <li class=\"${prefix}--pagination-nav__list-item\">\n          <div class=\"${prefix}--pagination-nav__select\">\n            <select\n              class=\"${prefix}--pagination-nav__page ${prefix}--pagination-nav__page--select\"\n              aria-label=\"Select ${t('carbon.pagination-nav.item')} number\"\n              ?disabled=\"${this.disableOverflow}\"\n              @change=${(e: Event) => {\n                const target = e.target as HTMLSelectElement;\n                const index = Number(target.value);\n                this._setIndex(index);\n                (e.target as HTMLSelectElement).value = '';\n              }}>\n              <option value=\"\" hidden></option>\n              ${Array.from({ length: count }).map(\n                (_, i) => html`\n                  <option\n                    value=\"${fromIndex + i}\"\n                    data-page=\"${fromIndex + i + 1}\"\n                    key=\"overflow-${fromIndex + i}\">\n                    ${fromIndex + i + 1}\n                  </option>\n                `\n              )}\n            </select>\n            <div class=\"${prefix}--pagination-nav__select-icon-wrapper\">\n              ${iconLoader(OverflowMenu, {\n                class: `${prefix}--pagination-nav__select-icon`,\n              })}\n            </div>\n          </div>\n        </li>\n      `;\n    } else if (count === 1) {\n      return this._renderPaginationItem(fromIndex);\n    } else {\n      return html``;\n    }\n  }\n\n  render() {\n    const {\n      loop,\n      page,\n      totalItems,\n      _incrementIndex: incrementIndex,\n      _decrementIndex: decrementIndex,\n      translateWithId: t,\n      size,\n      tooltipAlignment,\n      tooltipPosition,\n    } = this;\n    const backwardButtonDisabled = !loop && page <= 0;\n    const forwardButtonDisabled = !loop && page >= totalItems - 1;\n\n    const startOffset = this.itemsDisplayedOnPage <= 4 && this.page > 1 ? 0 : 1;\n\n    const align =\n      tooltipAlignment === 'center'\n        ? tooltipPosition\n        : `${tooltipPosition}-${tooltipAlignment}`;\n\n    const navClasses = classMap({\n      [`${prefix}--pagination-nav`]: true,\n      [`${prefix}--layout--size-${size}`]: size,\n    });\n\n    return html`\n      <nav class=\"${navClasses}\" aria-label=\"pagination\">\n        <ul class=\"${prefix}--pagination-nav__list\">\n          <li class=\"${prefix}--pagination-nav__list-item\">\n            <cds-custom-icon-button\n              kind=\"ghost\"\n              align=\"${align}\"\n              size=\"${size}\"\n              ?disabled=${backwardButtonDisabled}\n              @click=${decrementIndex}>\n              <span slot=\"tooltip-content\"\n                >${this.translateWithId('carbon.pagination-nav.previous')}</span\n              >\n              ${iconLoader(CaretLeft16, { slot: 'icon' })}\n            </cds-custom-icon-button>\n          </li>\n\n          ${\n            // render first item if at least 5 items can be displayed or\n            // 4 items can be displayed and the current page is either 0 or 1\n            this.itemsDisplayedOnPage >= 5 ||\n            (this.itemsDisplayedOnPage <= 4 && this.page <= 1)\n              ? this._renderPaginationItem(0, this.page === 0)\n              : ''\n          }\n          ${\n            /* render first overflow */\n            this._renderPaginationOverflow(startOffset, this.cuts.front)\n          }\n          ${\n            // render items between overflows\n            Array.from({ length: this.totalItems })\n              .map((_, i) => i)\n              .slice(startOffset + this.cuts.front, (1 + this.cuts.back) * -1)\n              .map((item) =>\n                this._renderPaginationItem(item, this.page === item)\n              )\n          }\n          ${\n            /* render second overflow */\n            this._renderPaginationOverflow(\n              this.totalItems - this.cuts.back - 1,\n              this.cuts.back\n            )\n          }\n          ${\n            // render last item unless there is only one in total\n            this.totalItems > 1\n              ? this._renderPaginationItem(\n                  this.totalItems - 1,\n                  this.page === this.totalItems - 1\n                )\n              : ''\n          }\n          <li class=\"${prefix}--pagination-nav__list-item\">\n            <cds-custom-icon-button\n              kind=\"ghost\"\n              align=\"${align}\"\n              size=\"${size}\"\n              ?disabled=${forwardButtonDisabled}\n              @click=${incrementIndex}>\n              <span slot=\"tooltip-content\"\n                >${this.translateWithId('carbon.pagination-nav.next')}</span\n              >\n              ${iconLoader(CaretRight16, { slot: 'icon' })}\n            </cds-custom-icon-button>\n          </li>\n        </ul>\n        <div\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          class=\"${prefix}--pagination-nav__accessibility-label\">\n          ${`${t('carbon.pagination-nav.item')} ${\n            this.page + 1\n          } ${t('carbon.pagination-nav.of')} ${this.totalItems}`}\n        </div>\n      </nav>\n    `;\n  }\n\n  shouldUpdate(changedProperties) {\n    // Prevent setting \"page\" outside bounds of available pages.\n    if (changedProperties.has('totalItems') || changedProperties.has('page')) {\n      if (this.page > this.totalItems) {\n        this.page = this.totalItems - 1;\n      }\n      if (this.page < 0) {\n        this.page = 0;\n      }\n    }\n\n    return true;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('page')) {\n      this.prevPage = changedProperties.get('page');\n    }\n\n    if (\n      changedProperties.has('totalItems') ||\n      changedProperties.has('itemsShown') ||\n      changedProperties.has('size')\n    ) {\n      let numberOfPages: number;\n\n      switch (this.size) {\n        case PAGINATION_NAV_SIZE.MEDIUM:\n          numberOfPages = this.itemsShown === 4 ? this.itemsShown : 5;\n          break;\n\n        case PAGINATION_NAV_SIZE.SMALL:\n          numberOfPages = Math.min(Math.max(4, this.itemsShown), 7);\n          break;\n\n        default:\n          numberOfPages = 4;\n          break;\n      }\n\n      this.itemsDisplayedOnPage = Math.max(\n        this.itemsShown >= 4 ? this.itemsShown : numberOfPages,\n        4\n      );\n\n      this.cuts = this._calculateCuts(\n        this.page,\n        this.totalItems,\n        this.itemsDisplayedOnPage\n      );\n    }\n\n    if (changedProperties.has('page') && this._pageWouldBeHidden(this.page)) {\n      const delta = this.page - (this.prevPage || 0);\n\n      if (delta > 0) {\n        const splitPoint = this.itemsDisplayedOnPage - 3;\n        this.cuts = this._calculateCuts(\n          this.page,\n          this.totalItems,\n          this.itemsDisplayedOnPage,\n          splitPoint\n        );\n      } else {\n        const splitPoint = this.itemsDisplayedOnPage > 4 ? 2 : 1;\n        this.cuts = this._calculateCuts(\n          this.page,\n          this.totalItems,\n          this.itemsDisplayedOnPage,\n          splitPoint\n        );\n      }\n    }\n  }\n\n  static get eventChange() {\n    return `${prefix}-page-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPaginationNav;\n"],"names":["OverflowMenu","customElement"],"mappings":"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"}