@krollins/blueprint 0.1.12 → 0.1.14

package/dist/components/pagination.js

@@ -0,0 +1,320 @@
+import { css as d, LitElement as v, html as l } from "lit";
+import { property as p, customElement as f } from "lit/decorators.js";
+import { repeat as _ } from "lit/directives/repeat.js";
+import { b as c } from "../shared/boolean-converter-XDGfS9LC.js";
+const m = d`
+  /* Base styles */
+  :host {
+    display: inline-block;
+  }
+
+  .pagination {
+    display: flex;
+    align-items: center;
+    gap: var(--bp-spacing-sm);
+    font-family: var(--bp-font-sans);
+  }
+
+  .pagination__button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: var(--bp-spacing-10);
+    height: var(--bp-spacing-10);
+    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);
+    border: var(--bp-border-width) solid var(--bp-color-border);
+    border-radius: var(--bp-border-radius-md);
+    background-color: var(--bp-color-background);
+    color: var(--bp-color-text);
+    font-family: var(--bp-font-sans);
+    font-size: var(--bp-font-size-base);
+    font-weight: var(--bp-font-weight-medium);
+    line-height: var(--bp-line-height-tight);
+    cursor: pointer;
+    transition:
+      background-color var(--bp-transition-fast),
+      border-color var(--bp-transition-fast),
+      color var(--bp-transition-fast),
+      transform var(--bp-transition-fast);
+    user-select: none;
+  }
+
+  .pagination__button:hover:not(:disabled) {
+    background-color: var(--bp-color-surface);
+    border-color: var(--bp-color-border-strong);
+    color: var(--bp-color-text);
+  }
+
+  .pagination__button:active:not(:disabled) {
+    background-color: var(--bp-color-surface);
+    border-color: var(--bp-color-border-strong);
+    transform: translateY(1px) scale(0.98);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+
+  .pagination__button:focus-visible {
+    outline: var(--bp-border-width) solid var(--bp-color-primary);
+    outline-offset: var(--bp-spacing-0-5);
+  }
+
+  .pagination__button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .pagination__button--active {
+    background-color: var(--bp-color-primary);
+    border-color: var(--bp-color-primary);
+    color: var(--bp-color-text-inverse);
+    font-weight: var(--bp-font-weight-semibold);
+  }
+
+  .pagination__button--active:hover:not(:disabled) {
+    background-color: var(--bp-color-primary-hover);
+    border-color: var(--bp-color-primary-hover);
+  }
+
+  .pagination__button--active:focus-visible {
+    outline: 2px solid var(--bp-color-text-inverse);
+    outline-offset: 2px;
+  }
+
+  /* Navigation buttons (first, last, prev, next) - ghost style for visual hierarchy */
+  .pagination__button--first,
+  .pagination__button--last,
+  .pagination__button--prev,
+  .pagination__button--next {
+    color: var(--bp-color-text-muted);
+    background-color: transparent;
+  }
+
+  .pagination__button--first:hover:not(:disabled),
+  .pagination__button--last:hover:not(:disabled),
+  .pagination__button--prev:hover:not(:disabled),
+  .pagination__button--next:hover:not(:disabled) {
+    color: var(--bp-color-text);
+    background-color: var(--bp-color-surface);
+  }
+
+  .pagination__ellipsis {
+    display: inline-flex;
+    align-items: end;
+    justify-content: center;
+    min-width: var(--bp-spacing-2xl);
+    height: var(--bp-spacing-2xl);
+    color: var(--bp-color-text-muted);
+    font-size: var(--bp-font-size-base);
+    user-select: none;
+  }
+
+  .pagination__info {
+    margin-left: var(--bp-spacing-lg);
+    color: var(--bp-color-text-muted);
+    font-size: var(--bp-font-size-sm);
+    white-space: nowrap;
+  }
+
+  /* Sizes */
+  .pagination--sm .pagination__button {
+    min-width: var(--bp-spacing-xl);
+    height: var(--bp-spacing-xl);
+    padding: var(--bp-spacing-2xs) var(--bp-spacing-xs);
+    font-size: var(--bp-font-size-sm);
+  }
+
+  .pagination--sm .pagination__ellipsis {
+    min-width: var(--bp-spacing-xl);
+    height: var(--bp-spacing-xl);
+    font-size: var(--bp-font-size-sm);
+  }
+
+  .pagination--sm .pagination__info {
+    font-size: var(--bp-font-size-xs);
+  }
+
+  .pagination--lg .pagination__button {
+    min-width: var(--bp-spacing-2xl);
+    height: var(--bp-spacing-2xl);
+    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
+    font-size: var(--bp-font-size-lg);
+  }
+
+  .pagination--lg .pagination__ellipsis {
+    min-width: var(--bp-spacing-2xl);
+    height: var(--bp-spacing-2xl);
+    font-size: var(--bp-font-size-lg);
+  }
+
+  .pagination--lg .pagination__info {
+    font-size: var(--bp-font-size-base);
+  }
+
+  .pagination--lg {
+    gap: var(--bp-spacing-md);
+  }
+
+  /* Touch target size: ensure 44x44px minimum on touch devices */
+  @media (pointer: coarse) {
+    .pagination__button {
+      min-width: 44px;
+      min-height: 44px;
+    }
+  }
+`;
+var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (t, n, s, a) => {
+  for (var i = a > 1 ? void 0 : a ? y(n, s) : n, b = t.length - 1, g; b >= 0; b--)
+    (g = t[b]) && (i = (a ? g(n, s, i) : g(i)) || i);
+  return a && i && x(n, s, i), i;
+};
+let e = class extends v {
+  constructor() {
+    super(), this.currentPage = 1, this.totalPages = 1, this.siblingCount = 1, this.boundaryCount = 1, this.showFirstLast = !0, this.showPrevNext = !0, this.showInfo = !1, this.disabled = !1, this.size = "md";
+  }
+  handlePageChange(t) {
+    this.disabled || t < 1 || t > this.totalPages || t === this.currentPage || (this.currentPage = t, this.dispatchEvent(
+      new CustomEvent("bp-page-change", {
+        detail: { page: t },
+        bubbles: !0,
+        composed: !0
+      })
+    ));
+  }
+  getPageNumbers() {
+    const t = [], n = this.totalPages, s = this.currentPage, a = this.siblingCount, i = this.boundaryCount, b = Math.max(1, s - a), g = Math.min(n, s + a);
+    for (let o = 1; o <= Math.min(i, n); o++)
+      t.push(o);
+    b > i + 1 && t.push("ellipsis");
+    for (let o = b; o <= g; o++)
+      o > i && o <= n - i && t.push(o);
+    g < n - i && t.push("ellipsis");
+    for (let o = Math.max(n - i + 1, i + 1); o <= n; o++)
+      t.includes(o) || t.push(o);
+    return t.filter((o, u, h) => h.indexOf(o) === u);
+  }
+  render() {
+    const t = this.getPageNumbers(), n = this.currentPage === 1, s = this.currentPage === this.totalPages;
+    return l`
+      <nav
+        class="pagination pagination--${this.size}"
+        part="container"
+        aria-label="Pagination"
+      >
+        ${this.showFirstLast ? l`
+              <button
+                class="pagination__button pagination__button--first"
+                part="button button-first"
+                ?disabled=${this.disabled || n}
+                @click=${() => this.handlePageChange(1)}
+                aria-label="First page"
+              >
+                «
+              </button>
+            ` : ""}
+        ${this.showPrevNext ? l`
+              <button
+                class="pagination__button pagination__button--prev"
+                part="button button-prev"
+                ?disabled=${this.disabled || n}
+                @click=${() => this.handlePageChange(this.currentPage - 1)}
+                aria-label="Previous page"
+              >
+                ‹
+              </button>
+            ` : ""}
+        ${_(
+      t,
+      (a, i) => a === "ellipsis" ? `ellipsis-${i}` : a,
+      (a) => a === "ellipsis" ? l`
+                  <span
+                    class="pagination__ellipsis"
+                    part="button-ellipsis"
+                    aria-hidden="true"
+                    >…</span
+                  >
+                ` : l`
+                  <button
+                    class="pagination__button pagination__button--page ${a === this.currentPage ? "pagination__button--active" : ""}"
+                    part="button button-page"
+                    ?disabled=${this.disabled}
+                    @click=${() => this.handlePageChange(a)}
+                    aria-label="Page ${a}"
+                    aria-current=${a === this.currentPage ? "page" : "false"}
+                  >
+                    ${a}
+                  </button>
+                `
+    )}
+        ${this.showPrevNext ? l`
+              <button
+                class="pagination__button pagination__button--next"
+                part="button button-next"
+                ?disabled=${this.disabled || s}
+                @click=${() => this.handlePageChange(this.currentPage + 1)}
+                aria-label="Next page"
+              >
+                ›
+              </button>
+            ` : ""}
+        ${this.showFirstLast ? l`
+              <button
+                class="pagination__button pagination__button--last"
+                part="button button-last"
+                ?disabled=${this.disabled || s}
+                @click=${() => this.handlePageChange(this.totalPages)}
+                aria-label="Last page"
+              >
+                »
+              </button>
+            ` : ""}
+        ${this.showInfo ? l`
+              <span class="pagination__info" part="info" aria-live="polite">
+                Page ${this.currentPage} of ${this.totalPages}
+              </span>
+            ` : ""}
+      </nav>
+    `;
+  }
+};
+e.styles = [m];
+r([
+  p({ type: Number, attribute: "current-page" })
+], e.prototype, "currentPage", 2);
+r([
+  p({ type: Number, attribute: "total-pages" })
+], e.prototype, "totalPages", 2);
+r([
+  p({ type: Number, attribute: "sibling-count" })
+], e.prototype, "siblingCount", 2);
+r([
+  p({ type: Number, attribute: "boundary-count" })
+], e.prototype, "boundaryCount", 2);
+r([
+  p({
+    converter: c,
+    reflect: !0,
+    attribute: "show-first-last"
+  })
+], e.prototype, "showFirstLast", 2);
+r([
+  p({
+    converter: c,
+    reflect: !0,
+    attribute: "show-prev-next"
+  })
+], e.prototype, "showPrevNext", 2);
+r([
+  p({ type: Boolean, attribute: "show-info" })
+], e.prototype, "showInfo", 2);
+r([
+  p({ type: Boolean })
+], e.prototype, "disabled", 2);
+r([
+  p({ type: String })
+], e.prototype, "size", 2);
+e = r([
+  f("bp-pagination")
+], e);
+export {
+  e as BpPagination
+};
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":["../../source/components/pagination/pagination.style.ts","../../source/components/pagination/pagination.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const paginationStyles = css`\n  /* Base styles */\n  :host {\n    display: inline-block;\n  }\n\n  .pagination {\n    display: flex;\n    align-items: center;\n    gap: var(--bp-spacing-sm);\n    font-family: var(--bp-font-sans);\n  }\n\n  .pagination__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: var(--bp-spacing-10);\n    height: var(--bp-spacing-10);\n    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);\n    border: var(--bp-border-width) solid var(--bp-color-border);\n    border-radius: var(--bp-border-radius-md);\n    background-color: var(--bp-color-background);\n    color: var(--bp-color-text);\n    font-family: var(--bp-font-sans);\n    font-size: var(--bp-font-size-base);\n    font-weight: var(--bp-font-weight-medium);\n    line-height: var(--bp-line-height-tight);\n    cursor: pointer;\n    transition:\n      background-color var(--bp-transition-fast),\n      border-color var(--bp-transition-fast),\n      color var(--bp-transition-fast),\n      transform var(--bp-transition-fast);\n    user-select: none;\n  }\n\n  .pagination__button:hover:not(:disabled) {\n    background-color: var(--bp-color-surface);\n    border-color: var(--bp-color-border-strong);\n    color: var(--bp-color-text);\n  }\n\n  .pagination__button:active:not(:disabled) {\n    background-color: var(--bp-color-surface);\n    border-color: var(--bp-color-border-strong);\n    transform: translateY(1px) scale(0.98);\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n  }\n\n  .pagination__button:focus-visible {\n    outline: var(--bp-border-width) solid var(--bp-color-primary);\n    outline-offset: var(--bp-spacing-0-5);\n  }\n\n  .pagination__button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .pagination__button--active {\n    background-color: var(--bp-color-primary);\n    border-color: var(--bp-color-primary);\n    color: var(--bp-color-text-inverse);\n    font-weight: var(--bp-font-weight-semibold);\n  }\n\n  .pagination__button--active:hover:not(:disabled) {\n    background-color: var(--bp-color-primary-hover);\n    border-color: var(--bp-color-primary-hover);\n  }\n\n  .pagination__button--active:focus-visible {\n    outline: 2px solid var(--bp-color-text-inverse);\n    outline-offset: 2px;\n  }\n\n  /* Navigation buttons (first, last, prev, next) - ghost style for visual hierarchy */\n  .pagination__button--first,\n  .pagination__button--last,\n  .pagination__button--prev,\n  .pagination__button--next {\n    color: var(--bp-color-text-muted);\n    background-color: transparent;\n  }\n\n  .pagination__button--first:hover:not(:disabled),\n  .pagination__button--last:hover:not(:disabled),\n  .pagination__button--prev:hover:not(:disabled),\n  .pagination__button--next:hover:not(:disabled) {\n    color: var(--bp-color-text);\n    background-color: var(--bp-color-surface);\n  }\n\n  .pagination__ellipsis {\n    display: inline-flex;\n    align-items: end;\n    justify-content: center;\n    min-width: var(--bp-spacing-2xl);\n    height: var(--bp-spacing-2xl);\n    color: var(--bp-color-text-muted);\n    font-size: var(--bp-font-size-base);\n    user-select: none;\n  }\n\n  .pagination__info {\n    margin-left: var(--bp-spacing-lg);\n    color: var(--bp-color-text-muted);\n    font-size: var(--bp-font-size-sm);\n    white-space: nowrap;\n  }\n\n  /* Sizes */\n  .pagination--sm .pagination__button {\n    min-width: var(--bp-spacing-xl);\n    height: var(--bp-spacing-xl);\n    padding: var(--bp-spacing-2xs) var(--bp-spacing-xs);\n    font-size: var(--bp-font-size-sm);\n  }\n\n  .pagination--sm .pagination__ellipsis {\n    min-width: var(--bp-spacing-xl);\n    height: var(--bp-spacing-xl);\n    font-size: var(--bp-font-size-sm);\n  }\n\n  .pagination--sm .pagination__info {\n    font-size: var(--bp-font-size-xs);\n  }\n\n  .pagination--lg .pagination__button {\n    min-width: var(--bp-spacing-2xl);\n    height: var(--bp-spacing-2xl);\n    padding: var(--bp-spacing-sm) var(--bp-spacing-md);\n    font-size: var(--bp-font-size-lg);\n  }\n\n  .pagination--lg .pagination__ellipsis {\n    min-width: var(--bp-spacing-2xl);\n    height: var(--bp-spacing-2xl);\n    font-size: var(--bp-font-size-lg);\n  }\n\n  .pagination--lg .pagination__info {\n    font-size: var(--bp-font-size-base);\n  }\n\n  .pagination--lg {\n    gap: var(--bp-spacing-md);\n  }\n\n  /* Touch target size: ensure 44x44px minimum on touch devices */\n  @media (pointer: coarse) {\n    .pagination__button {\n      min-width: 44px;\n      min-height: 44px;\n    }\n  }\n`;\n","import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { paginationStyles } from './pagination.style.js';\nimport { booleanConverter } from '../../utilities/boolean-converter.js';\n\n/**\n * A pagination component for navigating through multiple pages of content.\n *\n * @fires bp-page-change - Dispatched when the page changes\n *\n * @slot - Default slot for custom content (not typically used)\n *\n * @csspart container - The main pagination container\n * @csspart button - All pagination buttons\n * @csspart button-first - The first page button\n * @csspart button-prev - The previous page button\n * @csspart button-next - The next page button\n * @csspart button-last - The last page button\n * @csspart button-page - Individual page number buttons\n * @csspart button-ellipsis - Ellipsis indicators\n * @csspart info - The page info text\n */\n@customElement('bp-pagination')\nexport class BpPagination extends LitElement {\n  /** Current page number (1-indexed) */\n  @property({ type: Number, attribute: 'current-page' })\n  declare currentPage: number;\n\n  /** Total number of pages */\n  @property({ type: Number, attribute: 'total-pages' })\n  declare totalPages: number;\n\n  /** Number of page buttons to show around the current page */\n  @property({ type: Number, attribute: 'sibling-count' })\n  declare siblingCount: number;\n\n  /** Number of page buttons to show at the start and end */\n  @property({ type: Number, attribute: 'boundary-count' })\n  declare boundaryCount: number;\n\n  /** Show first/last page buttons */\n  @property({\n    converter: booleanConverter,\n    reflect: true,\n    attribute: 'show-first-last',\n  })\n  declare showFirstLast: boolean;\n\n  /** Show previous/next page buttons */\n  @property({\n    converter: booleanConverter,\n    reflect: true,\n    attribute: 'show-prev-next',\n  })\n  declare showPrevNext: boolean;\n\n  /** Show page info text (e.g., \"Page 1 of 10\") */\n  @property({ type: Boolean, attribute: 'show-info' })\n  declare showInfo: boolean;\n\n  /** Disable all pagination controls */\n  @property({ type: Boolean }) declare disabled: boolean;\n\n  /** Size variant */\n  @property({ type: String }) declare size: 'sm' | 'md' | 'lg';\n\n  static styles = [paginationStyles];\n\n  constructor() {\n    super();\n    this.currentPage = 1;\n    this.totalPages = 1;\n    this.siblingCount = 1;\n    this.boundaryCount = 1;\n    this.showFirstLast = true;\n    this.showPrevNext = true;\n    this.showInfo = false;\n    this.disabled = false;\n    this.size = 'md';\n  }\n\n  private handlePageChange(newPage: number) {\n    if (\n      this.disabled ||\n      newPage < 1 ||\n      newPage > this.totalPages ||\n      newPage === this.currentPage\n    ) {\n      return;\n    }\n\n    this.currentPage = newPage;\n    this.dispatchEvent(\n      new CustomEvent('bp-page-change', {\n        detail: { page: newPage },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private getPageNumbers(): (number | 'ellipsis')[] {\n    const pages: (number | 'ellipsis')[] = [];\n    const totalCount = this.totalPages;\n    const currentPageNum = this.currentPage;\n    const siblingCountNum = this.siblingCount;\n    const boundaryCountNum = this.boundaryCount;\n\n    // Calculate range around current page\n    const startPage = Math.max(1, currentPageNum - siblingCountNum);\n    const endPage = Math.min(totalCount, currentPageNum + siblingCountNum);\n\n    // Add boundary pages at start\n    for (let i = 1; i <= Math.min(boundaryCountNum, totalCount); i++) {\n      pages.push(i);\n    }\n\n    // Add ellipsis after boundary if needed\n    if (startPage > boundaryCountNum + 1) {\n      pages.push('ellipsis');\n    }\n\n    // Add pages around current page\n    for (let i = startPage; i <= endPage; i++) {\n      if (i > boundaryCountNum && i <= totalCount - boundaryCountNum) {\n        pages.push(i);\n      }\n    }\n\n    // Add ellipsis before end boundary if needed\n    if (endPage < totalCount - boundaryCountNum) {\n      pages.push('ellipsis');\n    }\n\n    // Add boundary pages at end\n    for (\n      let i = Math.max(totalCount - boundaryCountNum + 1, boundaryCountNum + 1);\n      i <= totalCount;\n      i++\n    ) {\n      if (!pages.includes(i)) {\n        pages.push(i);\n      }\n    }\n\n    // Remove duplicates while preserving order\n    return pages.filter((page, index, self) => self.indexOf(page) === index);\n  }\n\n  render() {\n    const pageNumbers = this.getPageNumbers();\n    const isFirstPage = this.currentPage === 1;\n    const isLastPage = this.currentPage === this.totalPages;\n\n    return html`\n      <nav\n        class=\"pagination pagination--${this.size}\"\n        part=\"container\"\n        aria-label=\"Pagination\"\n      >\n        ${this.showFirstLast\n          ? html`\n              <button\n                class=\"pagination__button pagination__button--first\"\n                part=\"button button-first\"\n                ?disabled=${this.disabled || isFirstPage}\n                @click=${() => this.handlePageChange(1)}\n                aria-label=\"First page\"\n              >\n                «\n              </button>\n            `\n          : ''}\n        ${this.showPrevNext\n          ? html`\n              <button\n                class=\"pagination__button pagination__button--prev\"\n                part=\"button button-prev\"\n                ?disabled=${this.disabled || isFirstPage}\n                @click=${() => this.handlePageChange(this.currentPage - 1)}\n                aria-label=\"Previous page\"\n              >\n                ‹\n              </button>\n            `\n          : ''}\n        ${repeat(\n          pageNumbers,\n          (page, index) => (page === 'ellipsis' ? `ellipsis-${index}` : page),\n          (page) =>\n            page === 'ellipsis'\n              ? html`\n                  <span\n                    class=\"pagination__ellipsis\"\n                    part=\"button-ellipsis\"\n                    aria-hidden=\"true\"\n                    >…</span\n                  >\n                `\n              : html`\n                  <button\n                    class=\"pagination__button pagination__button--page ${page ===\n                    this.currentPage\n                      ? 'pagination__button--active'\n                      : ''}\"\n                    part=\"button button-page\"\n                    ?disabled=${this.disabled}\n                    @click=${() => this.handlePageChange(page)}\n                    aria-label=\"Page ${page}\"\n                    aria-current=${page === this.currentPage ? 'page' : 'false'}\n                  >\n                    ${page}\n                  </button>\n                `\n        )}\n        ${this.showPrevNext\n          ? html`\n              <button\n                class=\"pagination__button pagination__button--next\"\n                part=\"button button-next\"\n                ?disabled=${this.disabled || isLastPage}\n                @click=${() => this.handlePageChange(this.currentPage + 1)}\n                aria-label=\"Next page\"\n              >\n                ›\n              </button>\n            `\n          : ''}\n        ${this.showFirstLast\n          ? html`\n              <button\n                class=\"pagination__button pagination__button--last\"\n                part=\"button button-last\"\n                ?disabled=${this.disabled || isLastPage}\n                @click=${() => this.handlePageChange(this.totalPages)}\n                aria-label=\"Last page\"\n              >\n                »\n              </button>\n            `\n          : ''}\n        ${this.showInfo\n          ? html`\n              <span class=\"pagination__info\" part=\"info\" aria-live=\"polite\">\n                Page ${this.currentPage} of ${this.totalPages}\n              </span>\n            `\n          : ''}\n      </nav>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-pagination': BpPagination;\n  }\n}\n"],"names":["paginationStyles","css","BpPagination","LitElement","newPage","pages","totalCount","currentPageNum","siblingCountNum","boundaryCountNum","startPage","endPage","i","page","index","self","pageNumbers","isFirstPage","isLastPage","html","repeat","__decorateClass","property","booleanConverter","customElement"],"mappings":"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"}