@krollins/blueprint 0.2.2 → 0.3.0

package/dist/shared/pagination-sPm2C9Gl.js

@@ -0,0 +1,295 @@
+import { t as e } from "./decorate-BJVyhdRd.js";
+import { t } from "./boolean-converter-saxBDLhA.js";
+import { LitElement as n, css as r, html as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { repeat as s } from "lit/directives/repeat.js";
+//#region source/components/pagination/pagination.style.ts
+var c = r`
+  /* Base styles */
+  :host {
+    display: inline-block;
+  }
+
+  .pagination {
+    display: flex;
+    align-items: center;
+    gap: var(--bp-spacing-sm);
+    font-family: var(--bp-font-family);
+  }
+
+  .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-family);
+    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;
+    }
+  }
+`, l = class extends n {
+	static {
+		this.styles = [c];
+	}
+	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(e) {
+		this.disabled || e < 1 || e > this.totalPages || e === this.currentPage || (this.currentPage = e, this.dispatchEvent(new CustomEvent("bp-page-change", {
+			detail: { page: e },
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	getPageNumbers() {
+		let e = [], t = this.totalPages, n = this.currentPage, r = this.siblingCount, i = this.boundaryCount, a = Math.max(1, n - r), o = Math.min(t, n + r);
+		for (let n = 1; n <= Math.min(i, t); n++) e.push(n);
+		a > i + 1 && e.push("ellipsis");
+		for (let n = a; n <= o; n++) n > i && n <= t - i && e.push(n);
+		o < t - i && e.push("ellipsis");
+		for (let n = Math.max(t - i + 1, i + 1); n <= t; n++) e.includes(n) || e.push(n);
+		return e.filter((e, t, n) => n.indexOf(e) === t);
+	}
+	render() {
+		let e = this.getPageNumbers(), t = this.currentPage === 1, n = this.currentPage === this.totalPages;
+		return i`
+      <nav
+        class="pagination pagination--${this.size}"
+        part="container"
+        aria-label="Pagination"
+      >
+        ${this.showFirstLast ? i`
+                <button
+                  class="pagination__button pagination__button--first"
+                  part="button button-first"
+                  ?disabled=${this.disabled || t}
+                  @click=${() => this.handlePageChange(1)}
+                  aria-label="First page"
+                >
+                  «
+                </button>
+              ` : ""}
+        ${this.showPrevNext ? i`
+                <button
+                  class="pagination__button pagination__button--prev"
+                  part="button button-prev"
+                  ?disabled=${this.disabled || t}
+                  @click=${() => this.handlePageChange(this.currentPage - 1)}
+                  aria-label="Previous page"
+                >
+                  ‹
+                </button>
+              ` : ""}
+        ${s(e, (e, t) => e === "ellipsis" ? `ellipsis-${t}` : e, (e) => e === "ellipsis" ? i`
+                  <span
+                    class="pagination__ellipsis"
+                    part="button-ellipsis"
+                    aria-hidden="true"
+                    >…</span
+                  >
+                ` : i`
+                  <button
+                    class="pagination__button pagination__button--page ${e === this.currentPage ? "pagination__button--active" : ""}"
+                    part="button button-page"
+                    ?disabled=${this.disabled}
+                    @click=${() => this.handlePageChange(e)}
+                    aria-label="Page ${e}"
+                    aria-current=${e === this.currentPage ? "page" : "false"}
+                  >
+                    ${e}
+                  </button>
+                `)}
+        ${this.showPrevNext ? i`
+                <button
+                  class="pagination__button pagination__button--next"
+                  part="button button-next"
+                  ?disabled=${this.disabled || n}
+                  @click=${() => this.handlePageChange(this.currentPage + 1)}
+                  aria-label="Next page"
+                >
+                  ›
+                </button>
+              ` : ""}
+        ${this.showFirstLast ? i`
+                <button
+                  class="pagination__button pagination__button--last"
+                  part="button button-last"
+                  ?disabled=${this.disabled || n}
+                  @click=${() => this.handlePageChange(this.totalPages)}
+                  aria-label="Last page"
+                >
+                  »
+                </button>
+              ` : ""}
+        ${this.showInfo ? i`
+                <span class="pagination__info" part="info" aria-live="polite">
+                  Page ${this.currentPage} of ${this.totalPages}
+                </span>
+              ` : ""}
+      </nav>
+    `;
+	}
+};
+e([o({
+	type: Number,
+	attribute: "current-page"
+})], l.prototype, "currentPage", void 0), e([o({
+	type: Number,
+	attribute: "total-pages"
+})], l.prototype, "totalPages", void 0), e([o({
+	type: Number,
+	attribute: "sibling-count"
+})], l.prototype, "siblingCount", void 0), e([o({
+	type: Number,
+	attribute: "boundary-count"
+})], l.prototype, "boundaryCount", void 0), e([o({
+	converter: t,
+	reflect: !0,
+	attribute: "show-first-last"
+})], l.prototype, "showFirstLast", void 0), e([o({
+	converter: t,
+	reflect: !0,
+	attribute: "show-prev-next"
+})], l.prototype, "showPrevNext", void 0), e([o({
+	type: Boolean,
+	attribute: "show-info"
+})], l.prototype, "showInfo", void 0), e([o({ type: Boolean })], l.prototype, "disabled", void 0), e([o({ type: String })], l.prototype, "size", void 0), l = e([a("bp-pagination")], l);
+//#endregion
+export { l as t };
+
+//# sourceMappingURL=pagination-sPm2C9Gl.js.map

package/dist/shared/pagination-sPm2C9Gl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-sPm2C9Gl.js","names":["_decorate","__decorate","paginationStyles","BpPagination","LitElement","newPage","pages","totalCount","currentPageNum","siblingCountNum","boundaryCountNum","startPage","endPage","i","self","page","index","pageNumbers","isFirstPage","isLastPage","repeat","property","booleanConverter","customElement"],"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-family);\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-family);\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        ${\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        }\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        }\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 ${\n                      page === this.currentPage\n                        ? 'pagination__button--active'\n                        : ''\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        ${\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        }\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        }\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        }\n      </nav>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-pagination': BpPagination;\n  }\n}\n"],"mappings":"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"}