@aquera/nile-elements 0.1.40-beta-1.3 → 0.1.40-beta-1.7

package/dist/src/nile-tooltip/nile-tooltip.test.js

@@ -1,148 +0,0 @@
-import { fixture, html, assert, oneEvent, waitUntil } from '@open-wc/testing';
-import './nile-tooltip';
-describe('NileTooltip', () => {
-    it('renders with default properties', async () => {
-        const el = await fixture(html `<nile-tooltip content="Hello"><button>Hover me</button></nile-tooltip>`);
-        assert.equal(el.content, 'Hello');
-        assert.equal(el.placement, 'top');
-        assert.equal(el.disabled, false);
-        assert.equal(el.open, false);
-    });
-    it('renders text content when no slot is used', async () => {
-        const el = await fixture(html `<nile-tooltip content="Fallback"><button>Trigger</button></nile-tooltip>`);
-        const content = el.shadowRoot.querySelector('.tooltip-content');
-        assert.include(content.textContent, 'Fallback');
-    });
-    it('uses slotted content when provided', async () => {
-        const el = await fixture(html `
-      <nile-tooltip>
-        <div slot="content">Slot Content</div>
-        <button>Trigger</button>
-      </nile-tooltip>
-    `);
-        const slot = el.shadowRoot.querySelector('slot[name="content"]');
-        const assigned = slot.assignedNodes({ flatten: true });
-        assert.isAbove(assigned.length, 0);
-        assert.include(assigned[0].textContent ?? '', 'Slot Content');
-    });
-    it('shows tooltip on hover when trigger includes "hover"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Tooltip" trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));
-        await waitUntil(() => el.open === true);
-        assert.isTrue(el.open);
-    });
-    it('hides tooltip on mouseout when trigger includes "hover"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Tooltip" trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));
-        await waitUntil(() => el.open === true);
-        trigger.dispatchEvent(new Event('mouseout', { bubbles: true }));
-        await waitUntil(() => el.open === false);
-    });
-    it('toggles tooltip on click when trigger includes "click"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Click me" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.click();
-        await waitUntil(() => el.open === true);
-        trigger.click();
-        await waitUntil(() => el.open === false);
-    });
-    it('shows and hides tooltip on focus/blur when trigger includes "focus"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Focus" trigger="focus">
-        <button>Focus</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('focusin'));
-        await waitUntil(() => el.open === true);
-        trigger.dispatchEvent(new Event('focusout'));
-        await waitUntil(() => el.open === false);
-    });
-    it('does not show tooltip when disabled', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Disabled" disabled trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('mouseover'));
-        await new Promise(resolve => setTimeout(resolve, 200));
-        assert.isFalse(el.open);
-    });
-    it('emits nile-show and nile-after-show events', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Event test" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        setTimeout(() => trigger.click());
-        const showEvent = await oneEvent(el, 'nile-show');
-        assert.ok(showEvent);
-        const afterShow = await oneEvent(el, 'nile-after-show');
-        assert.ok(afterShow);
-    });
-    it('emits nile-hide and nile-after-hide events', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Event test" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.click();
-        await waitUntil(() => el.open === true);
-        setTimeout(() => trigger.click());
-        const hideEvent = await oneEvent(el, 'nile-hide');
-        assert.ok(hideEvent);
-        const afterHide = await oneEvent(el, 'nile-after-hide');
-        assert.ok(afterHide);
-    });
-    it('defaults to "bottom" placement when given invalid value', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Fallback" placement=${'invalid'} >
-        <button>Trigger</button>
-      </nile-tooltip>
-    `);
-        await el.updateComplete;
-        assert.equal(el.placement, 'top');
-    });
-    it('updates hasTooltipSlot on slot change', async () => {
-        const el = await fixture(html `
-      <nile-tooltip>
-        <div slot="content">Initial slot</div>
-        <button>Trigger</button>
-      </nile-tooltip>
-    `);
-        const slot = el.shadowRoot.querySelector('slot[name="content"]');
-        const newSlotNode = document.createElement('div');
-        newSlotNode.slot = 'content';
-        newSlotNode.textContent = 'Updated slot';
-        el.appendChild(newSlotNode);
-        slot.dispatchEvent(new Event('slotchange'));
-        await el.updateComplete;
-        assert.isTrue(el.hasTooltipSlot);
-    });
-    it('respects hoist attribute', async () => {
-        const el = await fixture(html `
-      <nile-tooltip hoist content="Hoisted">
-        <button>Hoist</button>
-      </nile-tooltip>
-    `);
-        assert.isTrue(el.hoist);
-    });
-});
-//# sourceMappingURL=nile-tooltip.test.js.map

package/dist/src/nile-tooltip/nile-tooltip.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-tooltip.test.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, html, assert, oneEvent, waitUntil } from '@open-wc/testing';\nimport './nile-tooltip';\nimport { NileTooltip } from './nile-tooltip';\n\ndescribe('NileTooltip', () => {\n\n  it('renders with default properties', async () => {\n    const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Hello\"><button>Hover me</button></nile-tooltip>`);\n    assert.equal(el.content, 'Hello');\n    assert.equal(el.placement, 'top');\n    assert.equal(el.disabled, false);\n    assert.equal(el.open, false);\n  });\n\n  it('renders text content when no slot is used', async () => {\n    const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Fallback\"><button>Trigger</button></nile-tooltip>`);\n    const content = el.shadowRoot!.querySelector('.tooltip-content')!;\n    assert.include(content.textContent!, 'Fallback');\n  });\n\n  it('uses slotted content when provided', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip>\n        <div slot=\"content\">Slot Content</div>\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n\n    const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    const assigned = slot.assignedNodes({ flatten: true });\n    assert.isAbove(assigned.length, 0);\n    assert.include(assigned[0].textContent ?? '', 'Slot Content');\n  });\n\n  it('shows tooltip on hover when trigger includes \"hover\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n    await waitUntil(() => el.open === true);\n    assert.isTrue(el.open);\n  });\n\n  it('hides tooltip on mouseout when trigger includes \"hover\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n    await waitUntil(() => el.open === true);\n    trigger.dispatchEvent(new Event('mouseout', { bubbles: true }));\n    await waitUntil(() => el.open === false);\n  });\n\n  it('toggles tooltip on click when trigger includes \"click\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Click me\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    trigger.click();\n    await waitUntil(() => el.open === true);\n    trigger.click();\n    await waitUntil(() => el.open === false);\n  });\n\n  it('shows and hides tooltip on focus/blur when trigger includes \"focus\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Focus\" trigger=\"focus\">\n        <button>Focus</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('focusin'));\n    await waitUntil(() => el.open === true);\n    trigger.dispatchEvent(new Event('focusout'));\n    await waitUntil(() => el.open === false);\n  });\n\n  it('does not show tooltip when disabled', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Disabled\" disabled trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover'));\n    await new Promise(resolve => setTimeout(resolve, 200));\n    assert.isFalse(el.open);\n  });\n\n\n  it('emits nile-show and nile-after-show events', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Event test\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    setTimeout(() => trigger.click());\n    const showEvent = await oneEvent(el, 'nile-show');\n    assert.ok(showEvent);\n    const afterShow = await oneEvent(el, 'nile-after-show');\n    assert.ok(afterShow);\n  });\n\n  it('emits nile-hide and nile-after-hide events', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Event test\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    trigger.click();\n    await waitUntil(() => el.open === true);\n    setTimeout(() => trigger.click());\n    const hideEvent = await oneEvent(el, 'nile-hide');\n    assert.ok(hideEvent);\n    const afterHide = await oneEvent(el, 'nile-after-hide');\n    assert.ok(afterHide);\n  });\n\n  it('defaults to \"bottom\" placement when given invalid value', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Fallback\" placement=${'invalid' as unknown as NileTooltip['placement']} >\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n    await el.updateComplete;\n    assert.equal(el.placement, 'top');\n  });\n\n\n  it('updates hasTooltipSlot on slot change', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip>\n        <div slot=\"content\">Initial slot</div>\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n\n    const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    const newSlotNode = document.createElement('div');\n    newSlotNode.slot = 'content';\n    newSlotNode.textContent = 'Updated slot';\n    el.appendChild(newSlotNode);\n\n    slot.dispatchEvent(new Event('slotchange'));\n    await el.updateComplete;\n\n    assert.isTrue((el as any).hasTooltipSlot);\n  });\n\n  it('respects hoist attribute', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip hoist content=\"Hoisted\">\n        <button>Hoist</button>\n      </nile-tooltip>\n    `);\n    assert.isTrue(el.hoist);\n  });\n});\n"]}

package/src/nile-pagination/index.ts

@@ -1 +0,0 @@
-export { NilePagination } from './nile-pagination';

package/src/nile-pagination/nile-pagination-utils.ts

@@ -1,63 +0,0 @@
-export function calculateTotalPages(
-  totalItems: number,
-  pageSize: number
-): number {
-  return Math.ceil(totalItems / pageSize);
-}
-
-export function getPaginationItems(
-  totalPages: number,
-  currentPage: number
-): (number | string)[] {
-  if (totalPages <= 7) {
-    return Array.from({ length: totalPages }, (_, i) => i + 1);
-  }
-
-  const pages: (number | string)[] = [1];
-  if (currentPage <= 4) {
-    pages.push(2, 3, 4, 5, '…');
-  } else if (currentPage >= totalPages - 3) {
-    pages.push(
-      '…',
-      totalPages - 4,
-      totalPages - 3,
-      totalPages - 2,
-      totalPages - 1
-    );
-  } else {
-    pages.push('…', currentPage - 1, currentPage, currentPage + 1, '…');
-  }
-  pages.push(totalPages);
-  return pages;
-}
-
-export function getHiddenPages(
-  totalPages: number,
-  items: (number | string)[],
-  currentPage: number,
-  position: 'left' | 'right'
-): number[] {
-  if (totalPages <= 7) return [];
-
-  const all = Array.from({ length: totalPages }, (_, i) => i + 1);
-  const visible = items.filter(x => typeof x === 'number') as number[];
-  const hidden = all.filter(p => !visible.includes(p));
-
-  if (position === 'left') {
-    const firstAfterEllipsis = visible[1] as number;
-    return hidden.filter(p => p < firstAfterEllipsis);
-  } else {
-    const lastBeforeEllipsis = visible[visible.length - 2] as number;
-    return hidden.filter(p => p > lastBeforeEllipsis);
-  }
-}
-
-export function getRangeText(
-  totalItems: number,
-  pageSize: number,
-  currentPage: number
-): string {
-  const start = (currentPage - 1) * pageSize + 1;
-  const end = Math.min(currentPage * pageSize, totalItems);
-  return `Showing ${start}–${end} of ${totalItems}`;
-}

package/src/nile-pagination/nile-pagination.css.ts

@@ -1,127 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { css } from 'lit';
-
-/**
- * Pagination CSS
- */
-export const styles = css`
-  :host {
-  }
-
-  .pagination-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: var(--nile-spacing-spacing-md) var(--nile-spacing-spacing-lg);
-  }
-
-  .pagination-wrapper.v2 {
-    justify-content: flex-start;
-    gap: var(--nile-spacing-spacing-lg);
-  }
-
-  .pagination-wrapper.v2 .pager-container {
-    flex-direction: row;
-    align-items: center;
-    gap: var(--nile-spacing-spacing-md);
-    margin-right: var(--nile-spacing-spacing-xl);
-  }
-
-  .pagination-wrapper.v2 .range-text {
-    margin-right: var(--nile-spacing-spacing-md);
-    font-size: var(--nile-font-size-small);
-    color: var(--nile-colors-dark-900);
-    font-feature-settings: 'liga' off, 'clig' off;
-    font-weight: var(--nile-font-weight-regular);
-  }
-
-  .pager-container {
-    display: flex;
-    align-items: center;
-    gap: var(--nile-spacing-spacing-3xl);
-  }
-
-  .range-text {
-    font-size: var(--nile-font-size-small);
-    color: var(--nile-colors-dark-900);
-    white-space: nowrap;
-  }
-
-  .page-size-select {
-    display: inline-flex;
-    align-items: center;
-  }
-
-  ul.pagination {
-    display: flex;
-    list-style: none;
-    padding: var(--nile-spacing-spacing-none);
-    margin: var(--nile-spacing-spacing-none);
-    gap: var(--nile-radius-radius-xxs);
-  }
-
-  ul.pagination li {
-    margin: var(--nile-spacing-spacing-none);
-  }
-
-  .ellipsis-scroll-wrapper {
-    max-height: 194px;
-    overflow-y: auto;
-    width: 66px;
-  }
-
-  .ellipsis-dropdown nile-menu {
-    overflow-y: auto;
-    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);
-    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
-  }
-
- 
-
-  .page-size-menu {
-    max-height: 144px;
-    overflow-y: auto;
-  }
-
-  ul.pagination li:first-child {
-    margin-right: var(--nile-spacing-spacing-xs);
-  }
-  ul.pagination li:last-child {
-    margin-left: var(--nile-spacing-spacing-md);
-  }
-
-  .page-size-label {
-    font-size: var(--nile-type-scale-3);
-    color: var(--nile-colors-dark-500);
-    margin-left: var(--nile-spacing-spacing-md);
-    font-feature-settings: 'liga' off, 'clig' off;
-    font-weight: var(--nile-font-weight-regular);
-  }
-
-  nile-button::part(base) {
-      min-width: 32px;
-  height: 32px;
-  padding: 0px 6px}
-
- nile-button.down::part(base){
-  min-width: 62px;
-
- }
-.page-size-dropdown .chevron {
-  transition: transform 0.2s;
-}
-.page-size-dropdown .open .chevron {
-  transform: rotate(180deg);
-}
-
-
-
-`;
-
-export default [styles];

package/src/nile-pagination/nile-pagination.ts

@@ -1,205 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { LitElement, html, CSSResultArray, TemplateResult } from 'lit';
-import { customElement, property, query, state } from 'lit/decorators.js';
-import { styles } from './nile-pagination.css';
-import NileElement from '../internal/nile-element';
-import {
-  calculateTotalPages,
-  getPaginationItems,
-  getHiddenPages,
-  getRangeText,
-} from './nile-pagination-utils';
-
-@customElement('nile-pagination')
-export class NilePagination extends NileElement {
-  public static get styles(): CSSResultArray {
-    return [styles];
-  }
-
-  @property({ type: Number }) totalItems = 0;
-  @property({ type: Number }) pageSize = 50;
-  @property({ type: Number }) currentPage = 1;
-  @property({ type: String }) variant: 'fluid' | 'compact' = 'fluid';
-  @property({ type: Boolean }) disabled = false;
-  @property({ type: Boolean }) showTitle = true;
-  @property({ type: Array }) pageSizeOptions: number[] = [10, 25, 50, 100];
-
- 
-  @state() private _pageSizeOpen = false;
-  @query('.page-size-dropdown') private _pageSizeDropdown!: HTMLElement;
-
-  firstUpdated() {
-    this._pageSizeDropdown.addEventListener('nile-show', () => {
-      this._pageSizeOpen = true;
-    });
-    this._pageSizeDropdown.addEventListener('nile-after-hide', () => {
-      this._pageSizeOpen = false;
-    });
-  }
-
-  private get totalPages(): number {
-    return calculateTotalPages(this.totalItems, this.pageSize);
-  }
-
-  private goToPage(page: number) {
-    if (this.disabled) return;
-    const safe = Math.max(1, Math.min(page, this.totalPages));
-    this.currentPage = safe;
-    this.emit('nile-change', { page: safe, pageSize: this.pageSize });
-  }
-
-  private onPageSizeSelect(size: number) {
-    if (this.disabled || this.pageSize === size) return;
-    this.pageSize = size;
-    this.currentPage = 1;
-    this.emit('nile-change', { page: 1, pageSize: size });
-  }
-
-  private renderRangeText(): TemplateResult {
-    return html`<div class="range-text">
-      ${getRangeText(this.totalItems, this.pageSize, this.currentPage)}
-    </div>`;
-  }
-
-  private renderPageSizeSelect(): TemplateResult | null {
-    if (this.variant !== 'fluid') return null;
-    return html`
-      <div class="page-size-select">
-        <nile-dropdown class="page-size-dropdown" ?disabled=${this.disabled}>
-          <nile-button slot="trigger" variant="tertiary" class="down ${this._pageSizeOpen ? 'open' : ''}"
-            ?disabled=${this.disabled}
-          >
-            ${this.pageSize}
-            <nile-icon name="chevrondown" size="14" class="chevron"></nile-icon>
-          </nile-button>
-          <nile-menu class="page-size-menu">
-            ${this.pageSizeOptions.map(
-              size => html`
-                <nile-menu-item
-                  ?disabled=${this.disabled}
-                  @click=${() => this.onPageSizeSelect(size)}
-                >
-                  ${size}
-                </nile-menu-item>`
-            )}
-          </nile-menu>
-        </nile-dropdown>
-        <span class="page-size-label">Items per page</span>
-      </div>
-    `;
-  }
-
-  private renderPrevButton(): TemplateResult {
-    return html`
-      <li>
-        <nile-button
-          variant="tertiary"
-          ?disabled=${this.currentPage === 1 || this.disabled}
-          @click=${() => this.goToPage(this.currentPage - 1)}
-        >
-          <nile-icon name="arrowleft" size="14"></nile-icon>
-        </nile-button>
-      </li>
-    `;
-  }
-
-  private renderNextButton(): TemplateResult {
-    const total = this.totalPages;
-    return html`
-      <li>
-        <nile-button
-          variant="tertiary"
-          ?disabled=${this.currentPage === total || this.disabled}
-          @click=${() => this.goToPage(this.currentPage + 1)}
-        >
-          <nile-icon name="arrowright" size="14"></nile-icon>
-        </nile-button>
-      </li>
-    `;
-  }
-
-  private renderPageItem(
-    item: number | string,
-    idx: number,
-    items: (number | string)[]
-  ): TemplateResult {
-    if (item === '…') {
-      return html`
-        <li>
-          <nile-dropdown class="ellipsis-dropdown" ?disabled=${this.disabled}>
-            <nile-button slot="trigger" variant="ghost" ?disabled=${this.disabled}>
-              …
-            </nile-button>
-            <nile-menu>
-              <div class="ellipsis-scroll-wrapper">
-                ${getHiddenPages(
-                  this.totalPages,
-                  items,
-                  this.currentPage,
-                  idx < items.indexOf(this.currentPage) ? 'left' : 'right'
-                ).map(
-                  page => html`
-                    <nile-menu-item
-                      ?disabled=${this.disabled}
-                      @click=${() => this.goToPage(page)}
-                    >
-                      ${page}
-                    </nile-menu-item>`
-                )}
-              </div>
-            </nile-menu>
-          </nile-dropdown>
-        </li>
-      `;
-    }
-
-    return html`
-      <li>
-        <nile-button
-          variant=${item === this.currentPage ? 'primary' : 'ghost'}
-          ?disabled=${this.disabled}
-          @click=${() => this.goToPage(item as number)}
-        >
-          ${item}
-        </nile-button>
-      </li>
-    `;
-  }
-
-  private renderPageList(): TemplateResult {
-    const total = this.totalPages;
-    const items = getPaginationItems(total, this.currentPage);
-    return html`
-      <nav aria-label="Pagination">
-        <ul class="pagination">
-          ${this.renderPrevButton()}
-          ${items.map((item, idx) => this.renderPageItem(item, idx, items))}
-          ${this.renderNextButton()}
-        </ul>
-      </nav>
-    `;
-  }
-
-  public render(): TemplateResult {
-    return html`
-      <div class="pagination-wrapper ${this.variant}">
-        <div class="pager-container">
-          ${this.showTitle ? this.renderRangeText() : null}
-          ${this.renderPageSizeSelect()}
-        </div>
-        ${this.renderPageList()}
-      </div>
-    `;
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'nile-pagination': NilePagination;
-  }
-}