ngwr 6.0.0 → 7.0.0

package/fesm2022/ngwr-pagination.mjs

@@ -1,10 +1,12 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { model, input, numberAttribute, booleanAttribute, computed, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding } from '@angular/core';
+import { model, input, computed, ViewEncapsulation, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { WrButtonComponent } from 'ngwr/button';
-import { provideWrIcons, arrowBack, arrowForward } from 'ngwr/icon';
-import { WrSelectComponent, WrOptionComponent } from 'ngwr/select';
+import { WrButton } from 'ngwr/button';
+import { useI18nText } from 'ngwr/i18n';
+import { WrSelect, WrOption } from 'ngwr/select';
+import { numAttr } from 'ngwr/utils';
 
 /**
  * @license
@@ -12,114 +14,168 @@ import { WrSelectComponent, WrOptionComponent } from 'ngwr/select';
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
-
+const ELLIPSIS = '…';
 /**
- * @license
+ * Numbered page navigator with optional total / page-size controls.
  *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ * Two-way binds `currentPage` and `pageSize` via signal `model()` inputs.
+ *
+ * @example
+ * ```html
+ * <wr-pagination
+ *   [total]="120"
+ *   [(currentPage)]="page"
+ *   [(pageSize)]="size"
+ *   showTotal
+ *   showSizeChanger
+ * />
+ * ```
+ *
+ * @see https://ngwr.dev/components/pagination
  */
-class WrPaginationComponent {
-    constructor() {
-        this.currentPage = model(1);
-        this.total = input(0, { transform: numberAttribute });
-        this.pageSize = model(10);
-        this.pageSizeOptions = input([10, 20, 50, 100]);
-        this.showSizeChanger = input(false, { transform: booleanAttribute });
-        this.showTotal = input(false, { transform: booleanAttribute });
-        this.position = input('start');
-        this.disabled = input(false, { transform: booleanAttribute });
-        this.ofLabel = input('of');
-        this.String = String;
-        this.totalPages = computed(() => Math.ceil(this.total() / this.pageSize()));
-        this.currentRange = computed(() => {
-            const start = (this.currentPage() - 1) * this.pageSize() + 1;
-            const end = Math.min(this.currentPage() * this.pageSize(), this.total());
-            return `${start}-${end} ${this.ofLabel()} ${this.total()}`;
-        });
-        this.pages = computed(() => {
-            const total = this.totalPages();
-            const current = this.currentPage();
-            const items = [];
-            if (total <= 7) {
-                return Array.from({ length: total }, (_, i) => i + 1);
-            }
-            items.push(1);
-            if (current > 4) {
-                items.push('...');
-            }
-            let start;
-            let end;
-            if (current <= 4) {
-                start = 2;
-                end = 5;
-            }
-            else if (current >= total - 3) {
-                start = total - 4;
-                end = total - 1;
-            }
-            else {
-                start = current - 2;
-                end = current + 2;
-            }
-            for (let i = start; i <= end; i++) {
-                items.push(i);
-            }
-            if (current < total - 3) {
-                items.push('...');
-            }
-            if (end !== total) {
-                items.push(total);
-            }
-            return items;
-        });
-    }
-    get hostClasses() {
-        return {
-            'wr-pagination': true,
-            'wr-pagination--disabled': this.disabled(),
-        };
-    }
-    isCurrentPage(page) {
+class WrPagination {
+    /** Currently displayed page (1-based). Two-way bindable. */
+    currentPage = model(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
+    /** Items per page. Two-way bindable. */
+    pageSize = model(10, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+    /** Total item count across all pages. */
+    total = input(0, { ...(ngDevMode ? { debugName: "total" } : /* istanbul ignore next */ {}), transform: numAttr(0) });
+    /** Options shown in the page-size dropdown. */
+    pageSizeOptions = input([10, 20, 50, 100], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : /* istanbul ignore next */ []));
+    /** Render the page-size dropdown. @default false */
+    showSizeChanger = input(false, { ...(ngDevMode ? { debugName: "showSizeChanger" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** Render the "X–Y of Z" total label. @default false */
+    showTotal = input(false, { ...(ngDevMode ? { debugName: "showTotal" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** Horizontal alignment. @default 'start' */
+    align = input('start', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    /** Size variant — cascades to every internal button. @default 'md' */
+    size = input('sm', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Resolved button size — clamps xs/xl to the closest button size. @internal */
+    buttonSize = computed(() => {
+        const s = this.size();
+        if (s === 'xs')
+            return 'sm';
+        if (s === 'xl')
+            return 'lg';
+        return s;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "buttonSize" }] : /* istanbul ignore next */ []));
+    /** Cell corner treatment. @default 'rounded' */
+    shape = input('rounded', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    /** Disable interaction. @default false */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** Localised text between range and total ("X–Y of Z"). Falls back to `pagination.of` then `'of'`. */
+    ofLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ofLabel" }] : /* istanbul ignore next */ []));
+    /** Previous-page button aria-label. Falls back to `pagination.prev`. */
+    prevLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "prevLabel" }] : /* istanbul ignore next */ []));
+    /** Next-page button aria-label. Falls back to `pagination.next`. */
+    nextLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nextLabel" }] : /* istanbul ignore next */ []));
+    /** "Items per page" label. Falls back to `pagination.itemsPerPage`. */
+    itemsPerPageLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemsPerPageLabel" }] : /* istanbul ignore next */ []));
+    /** Resolved labels. */
+    resolvedOf = useI18nText(this.ofLabel, 'pagination.of', 'of');
+    resolvedPrev = useI18nText(this.prevLabel, 'pagination.prev', 'Previous page');
+    resolvedNext = useI18nText(this.nextLabel, 'pagination.next', 'Next page');
+    resolvedItemsPerPage = useI18nText(this.itemsPerPageLabel, 'pagination.itemsPerPage', 'Items per page');
+    /** Internal: total page count. */
+    totalPages = computed(() => Math.max(1, Math.ceil(this.total() / this.pageSize())), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "totalPages" }] : /* istanbul ignore next */ []));
+    /** Internal: "X–Y of Z" string. */
+    rangeLabel = computed(() => {
+        const start = this.total() === 0 ? 0 : (this.currentPage() - 1) * this.pageSize() + 1;
+        const end = Math.min(this.currentPage() * this.pageSize(), this.total());
+        return `${start}-${end} ${this.resolvedOf()} ${this.total()}`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rangeLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Internal: page list with ellipses. Window of 7 visible page slots.
+     *
+     *   1 … 5 6 [7] 8 9 … 20
+     */
+    pages = computed(() => {
+        const total = this.totalPages();
+        const current = this.currentPage();
+        if (total <= 7) {
+            return Array.from({ length: total }, (_, i) => i + 1);
+        }
+        const items = [1];
+        if (current > 4)
+            items.push(ELLIPSIS);
+        let start;
+        let end;
+        if (current <= 4) {
+            start = 2;
+            end = 5;
+        }
+        else if (current >= total - 3) {
+            start = total - 4;
+            end = total - 1;
+        }
+        else {
+            start = current - 2;
+            end = current + 2;
+        }
+        for (let i = start; i <= end; i++)
+            items.push(i);
+        if (current < total - 3)
+            items.push(ELLIPSIS);
+        if (end !== total)
+            items.push(total);
+        return items;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
+    ellipsis = ELLIPSIS;
+    classes = computed(() => {
+        const parts = [
+            'wr-pagination',
+            `wr-pagination--${this.align()}`,
+            `wr-pagination--${this.size()}`,
+            `wr-pagination--${this.shape()}`,
+        ];
+        if (this.disabled())
+            parts.push('wr-pagination--disabled');
+        return parts.join(' ');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    isCurrent(page) {
         return this.currentPage() === page;
     }
-    onPageChange(page) {
-        if (this.disabled() || page === this.currentPage() || page < 1 || page > this.totalPages()) {
+    goTo(page) {
+        if (typeof page !== 'number')
+            return;
+        if (this.disabled() || page < 1 || page > this.totalPages() || page === this.currentPage())
             return;
-        }
         this.currentPage.set(page);
     }
-    onPageSizeChange(size) {
-        if (this.disabled() || size === this.pageSize()) {
+    onSizeChange(size) {
+        if (this.disabled() || size === this.pageSize())
             return;
-        }
         this.pageSize.set(size);
-        const newTotalPages = Math.ceil(this.total() / size);
-        if (this.currentPage() > newTotalPages) {
-            this.onPageChange(newTotalPages);
-        }
+        const cap = Math.max(1, Math.ceil(this.total() / size));
+        if (this.currentPage() > cap)
+            this.currentPage.set(cap);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: WrPaginationComponent, isStandalone: true, selector: "wr-pagination", inputs: { currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showSizeChanger: { classPropertyName: "showSizeChanger", publicName: "showSizeChanger", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ofLabel: { classPropertyName: "ofLabel", publicName: "ofLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", pageSize: "pageSizeChange" }, host: { properties: { "class": "this.hostClasses" } }, providers: [provideWrIcons([arrowBack, arrowForward])], ngImport: i0, template: "<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination-total\">\n      {{ currentRange() }}\n    </span>\n  }\n\n  <div class=\"wr-pagination-items\">\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"onPageChange(currentPage() - 1)\"\n      icon=\"arrow-back\"\n    ></wr-btn>\n\n    @for (page of pages(); track page) {\n      @if (page === '...') {\n        <span class=\"wr-pagination-ellipsis\">...</span>\n      } @else {\n        <wr-btn\n          [outlined]=\"!isCurrentPage(page)\"\n          [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n          [disabled]=\"disabled()\"\n          (click)=\"onPageChange(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"onPageChange(currentPage() + 1)\"\n      icon=\"arrow-forward\"\n    ></wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n      }\n    </wr-select>\n  }\n</div>\n", dependencies: [{ kind: "component", type: WrButtonComponent, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "icon", "iconPosition", "disabled", "outlined", "rounded", "block", "loading", "isDisabledWhenLoading"] }, { kind: "component", type: WrSelectComponent, selector: "wr-select", inputs: ["placeholder", "noItemsLabel", "multiple", "searchable", "clearable", "maxMultipleCount", "disabled"] }, { kind: "component", type: WrOptionComponent, selector: "wr-option", inputs: ["value", "label", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: WrPagination, isStandalone: true, selector: "wr-pagination", inputs: { currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showSizeChanger: { classPropertyName: "showSizeChanger", publicName: "showSizeChanger", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ofLabel: { classPropertyName: "ofLabel", publicName: "ofLabel", isSignal: true, isRequired: false, transformFunction: null }, prevLabel: { classPropertyName: "prevLabel", publicName: "prevLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPageLabel: { classPropertyName: "itemsPerPageLabel", publicName: "itemsPerPageLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", pageSize: "pageSizeChange" }, host: { attributes: { "role": "navigation", "aria-label": "Pagination" }, properties: { "class": "classes()" } }, ngImport: i0, template: "<div class=\"wr-pagination__inner\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination__total\">{{ rangeLabel() }}</span>\n  }\n\n  <div class=\"wr-pagination__nav\">\n    <wr-btn\n      [size]=\"buttonSize()\"\n      outlined\n      [attr.aria-label]=\"resolvedPrev()\"\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"goTo(currentPage() - 1)\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m12 19-7-7 7-7\" />\n        <path d=\"M19 12H5\" />\n      </svg>\n    </wr-btn>\n\n    @for (page of pages(); track $index) {\n      @if (page === ellipsis) {\n        <span class=\"wr-pagination__ellipsis\">{{ ellipsis }}</span>\n      } @else {\n        <wr-btn\n          [size]=\"buttonSize()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"`Go to page ${page}`\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <wr-btn\n      [size]=\"buttonSize()\"\n      outlined\n      [attr.aria-label]=\"resolvedNext()\"\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"goTo(currentPage() + 1)\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M5 12h14\" />\n        <path d=\"m12 5 7 7-7 7\" />\n      </svg>\n    </wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select\n      class=\"wr-pagination__size\"\n      [attr.aria-label]=\"resolvedItemsPerPage()\"\n      [disabled]=\"disabled()\"\n      [ngModel]=\"pageSize()\"\n      (ngModelChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ option }} / page</wr-option>\n      }\n    </wr-select>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "isDisabledWhenLoading"] }, { kind: "component", type: WrSelect, selector: "wr-select", inputs: ["placeholder", "clearLabel", "disabled", "rounded", "mode", "options", "displayWith", "loader", "debounceMs", "minChars", "freeText", "noResultsText", "loadingText", "separators", "allowDuplicates", "validate", "clearable", "maxItems", "maxTagCount"] }, { kind: "component", type: WrOption, selector: "wr-option", inputs: ["value", "disabled"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrPagination, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-pagination', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [WrButtonComponent, WrSelectComponent, WrOptionComponent, FormsModule], providers: [provideWrIcons([arrowBack, arrowForward])], template: "<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination-total\">\n      {{ currentRange() }}\n    </span>\n  }\n\n  <div class=\"wr-pagination-items\">\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"onPageChange(currentPage() - 1)\"\n      icon=\"arrow-back\"\n    ></wr-btn>\n\n    @for (page of pages(); track page) {\n      @if (page === '...') {\n        <span class=\"wr-pagination-ellipsis\">...</span>\n      } @else {\n        <wr-btn\n          [outlined]=\"!isCurrentPage(page)\"\n          [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n          [disabled]=\"disabled()\"\n          (click)=\"onPageChange(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"onPageChange(currentPage() + 1)\"\n      icon=\"arrow-forward\"\n    ></wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n      }\n    </wr-select>\n  }\n</div>\n" }]
-        }], propDecorators: { hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
+            args: [{ selector: 'wr-pagination', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()', role: 'navigation', 'aria-label': 'Pagination' }, imports: [FormsModule, WrButton, WrSelect, WrOption], template: "<div class=\"wr-pagination__inner\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination__total\">{{ rangeLabel() }}</span>\n  }\n\n  <div class=\"wr-pagination__nav\">\n    <wr-btn\n      [size]=\"buttonSize()\"\n      outlined\n      [attr.aria-label]=\"resolvedPrev()\"\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"goTo(currentPage() - 1)\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m12 19-7-7 7-7\" />\n        <path d=\"M19 12H5\" />\n      </svg>\n    </wr-btn>\n\n    @for (page of pages(); track $index) {\n      @if (page === ellipsis) {\n        <span class=\"wr-pagination__ellipsis\">{{ ellipsis }}</span>\n      } @else {\n        <wr-btn\n          [size]=\"buttonSize()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"`Go to page ${page}`\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <wr-btn\n      [size]=\"buttonSize()\"\n      outlined\n      [attr.aria-label]=\"resolvedNext()\"\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"goTo(currentPage() + 1)\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M5 12h14\" />\n        <path d=\"m12 5 7 7-7 7\" />\n      </svg>\n    </wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select\n      class=\"wr-pagination__size\"\n      [attr.aria-label]=\"resolvedItemsPerPage()\"\n      [disabled]=\"disabled()\"\n      [ngModel]=\"pageSize()\"\n      (ngModelChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ option }} / page</wr-option>\n      }\n    </wr-select>\n  }\n</div>\n" }]
+        }], propDecorators: { currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }, { type: i0.Output, args: ["pageSizeChange"] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], showSizeChanger: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSizeChanger", required: false }] }], showTotal: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTotal", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ofLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ofLabel", required: false }] }], prevLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "prevLabel", required: false }] }], nextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextLabel", required: false }] }], itemsPerPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPageLabel", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { WrPaginationComponent };
+export { WrPagination };
 //# sourceMappingURL=ngwr-pagination.mjs.map

package/fesm2022/ngwr-pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-pagination.mjs","sources":["../../../projects/lib/pagination/pagination.types.ts","../../../projects/lib/pagination/pagination.component.ts","../../../projects/lib/pagination/pagination.component.html","../../../projects/lib/pagination/public-api.ts","../../../projects/lib/pagination/ngwr-pagination.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport type WrPaginationPosition = 'start' | 'center' | 'end';\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  input,\n  model,\n  numberAttribute,\n  HostBinding,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { WrButtonComponent } from 'ngwr/button';\nimport { provideWrIcons, arrowBack, arrowForward } from 'ngwr/icon';\nimport { WrOptionComponent, WrSelectComponent } from 'ngwr/select';\n\nimport { WrPaginationPosition } from './pagination.types';\n\n@Component({\n  selector: 'wr-pagination',\n  templateUrl: './pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [WrButtonComponent, WrSelectComponent, WrOptionComponent, FormsModule],\n  providers: [provideWrIcons([arrowBack, arrowForward])],\n})\nexport class WrPaginationComponent {\n  currentPage = model<number>(1);\n  total = input<number, number>(0, { transform: numberAttribute });\n  pageSize = model<number>(10);\n  pageSizeOptions = input<number[]>([10, 20, 50, 100]);\n  showSizeChanger = input<boolean, boolean>(false, { transform: booleanAttribute });\n  showTotal = input<boolean, boolean>(false, { transform: booleanAttribute });\n  position = input<WrPaginationPosition>('start');\n  disabled = input<boolean, boolean>(false, { transform: booleanAttribute });\n  ofLabel = input<string>('of');\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-pagination': true,\n      'wr-pagination--disabled': this.disabled(),\n    };\n  }\n\n  protected readonly String = String;\n\n  protected readonly totalPages = computed(() => Math.ceil(this.total() / this.pageSize()));\n\n  protected readonly currentRange = computed(() => {\n    const start = (this.currentPage() - 1) * this.pageSize() + 1;\n    const end = Math.min(this.currentPage() * this.pageSize(), this.total());\n    return `${start}-${end} ${this.ofLabel()} ${this.total()}`;\n  });\n\n  protected readonly pages = computed(() => {\n    const total = this.totalPages();\n    const current = this.currentPage();\n    const items: (number | '...')[] = [];\n\n    if (total <= 7) {\n      return Array.from({ length: total }, (_, i) => i + 1);\n    }\n\n    items.push(1);\n\n    if (current > 4) {\n      items.push('...');\n    }\n\n    let start: number;\n    let end: number;\n\n    if (current <= 4) {\n      start = 2;\n      end = 5;\n    } else if (current >= total - 3) {\n      start = total - 4;\n      end = total - 1;\n    } else {\n      start = current - 2;\n      end = current + 2;\n    }\n\n    for (let i = start; i <= end; i++) {\n      items.push(i);\n    }\n\n    if (current < total - 3) {\n      items.push('...');\n    }\n\n    if (end !== total) {\n      items.push(total);\n    }\n\n    return items;\n  });\n\n  protected isCurrentPage(page: number): boolean {\n    return this.currentPage() === page;\n  }\n\n  protected onPageChange(page: number): void {\n    if (this.disabled() || page === this.currentPage() || page < 1 || page > this.totalPages()) {\n      return;\n    }\n\n    this.currentPage.set(page);\n  }\n\n  protected onPageSizeChange(size: number): void {\n    if (this.disabled() || size === this.pageSize()) {\n      return;\n    }\n\n    this.pageSize.set(size);\n\n    const newTotalPages = Math.ceil(this.total() / size);\n    if (this.currentPage() > newTotalPages) {\n      this.onPageChange(newTotalPages);\n    }\n  }\n}\n","<div class=\"wr-pagination-container\" [class]=\"'wr-pagination--' + position()\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination-total\">\n      {{ currentRange() }}\n    </span>\n  }\n\n  <div class=\"wr-pagination-items\">\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"onPageChange(currentPage() - 1)\"\n      icon=\"arrow-back\"\n    ></wr-btn>\n\n    @for (page of pages(); track page) {\n      @if (page === '...') {\n        <span class=\"wr-pagination-ellipsis\">...</span>\n      } @else {\n        <wr-btn\n          [outlined]=\"!isCurrentPage(page)\"\n          [color]=\"isCurrentPage(page) ? 'primary' : 'medium'\"\n          [disabled]=\"disabled()\"\n          (click)=\"onPageChange(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <wr-btn\n      outlined\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"onPageChange(currentPage() + 1)\"\n      icon=\"arrow-forward\"\n    ></wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select [disabled]=\"disabled()\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\">\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\" [label]=\"String(option)\"></wr-option>\n      }\n    </wr-select>\n  }\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './pagination.types';\nexport * from './pagination.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-pagination.mjs","sources":["../../../projects/lib/pagination/pagination.ts","../../../projects/lib/pagination/pagination.html","../../../projects/lib/pagination/ngwr-pagination.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, computed, input, model } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { WrButton, type WrButtonSize } from 'ngwr/button';\nimport { useI18nText } from 'ngwr/i18n';\nimport { WrOption, WrSelect } from 'ngwr/select';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrPaginationAlign, WrPaginationShape, WrPaginationSize } from './interfaces';\n\nconst ELLIPSIS = '…' as const;\ntype PageEntry = number | typeof ELLIPSIS;\n\n/**\n * Numbered page navigator with optional total / page-size controls.\n *\n * Two-way binds `currentPage` and `pageSize` via signal `model()` inputs.\n *\n * @example\n * ```html\n * <wr-pagination\n *   [total]=\"120\"\n *   [(currentPage)]=\"page\"\n *   [(pageSize)]=\"size\"\n *   showTotal\n *   showSizeChanger\n * />\n * ```\n *\n * @see https://ngwr.dev/components/pagination\n */\n@Component({\n  selector: 'wr-pagination',\n  templateUrl: './pagination.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()', role: 'navigation', 'aria-label': 'Pagination' },\n  imports: [FormsModule, WrButton, WrSelect, WrOption],\n})\nexport class WrPagination {\n  /** Currently displayed page (1-based). Two-way bindable. */\n  readonly currentPage = model<number>(1);\n\n  /** Items per page. Two-way bindable. */\n  readonly pageSize = model<number>(10);\n\n  /** Total item count across all pages. */\n  readonly total = input(0, { transform: numAttr(0) });\n\n  /** Options shown in the page-size dropdown. */\n  readonly pageSizeOptions = input<readonly number[]>([10, 20, 50, 100]);\n\n  /** Render the page-size dropdown. @default false */\n  readonly showSizeChanger = input(false, { transform: coerceBooleanProperty });\n\n  /** Render the \"X–Y of Z\" total label. @default false */\n  readonly showTotal = input(false, { transform: coerceBooleanProperty });\n\n  /** Horizontal alignment. @default 'start' */\n  readonly align = input<WrPaginationAlign>('start');\n\n  /** Size variant — cascades to every internal button. @default 'md' */\n  readonly size = input<WrPaginationSize>('sm');\n\n  /** Resolved button size — clamps xs/xl to the closest button size. @internal */\n  protected readonly buttonSize = computed<WrButtonSize>(() => {\n    const s = this.size();\n    if (s === 'xs') return 'sm';\n    if (s === 'xl') return 'lg';\n    return s;\n  });\n\n  /** Cell corner treatment. @default 'rounded' */\n  readonly shape = input<WrPaginationShape>('rounded');\n\n  /** Disable interaction. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /** Localised text between range and total (\"X–Y of Z\"). Falls back to `pagination.of` then `'of'`. */\n  readonly ofLabel = input<string | null>(null);\n\n  /** Previous-page button aria-label. Falls back to `pagination.prev`. */\n  readonly prevLabel = input<string | null>(null);\n\n  /** Next-page button aria-label. Falls back to `pagination.next`. */\n  readonly nextLabel = input<string | null>(null);\n\n  /** \"Items per page\" label. Falls back to `pagination.itemsPerPage`. */\n  readonly itemsPerPageLabel = input<string | null>(null);\n\n  /** Resolved labels. */\n  protected readonly resolvedOf = useI18nText(this.ofLabel, 'pagination.of', 'of');\n  protected readonly resolvedPrev = useI18nText(this.prevLabel, 'pagination.prev', 'Previous page');\n  protected readonly resolvedNext = useI18nText(this.nextLabel, 'pagination.next', 'Next page');\n  protected readonly resolvedItemsPerPage = useI18nText(\n    this.itemsPerPageLabel,\n    'pagination.itemsPerPage',\n    'Items per page'\n  );\n\n  /** Internal: total page count. */\n  protected readonly totalPages = computed(() => Math.max(1, Math.ceil(this.total() / this.pageSize())));\n\n  /** Internal: \"X–Y of Z\" string. */\n  protected readonly rangeLabel = computed(() => {\n    const start = this.total() === 0 ? 0 : (this.currentPage() - 1) * this.pageSize() + 1;\n    const end = Math.min(this.currentPage() * this.pageSize(), this.total());\n    return `${start}-${end} ${this.resolvedOf()} ${this.total()}`;\n  });\n\n  /**\n   * Internal: page list with ellipses. Window of 7 visible page slots.\n   *\n   *   1 … 5 6 [7] 8 9 … 20\n   */\n  protected readonly pages = computed<readonly PageEntry[]>(() => {\n    const total = this.totalPages();\n    const current = this.currentPage();\n\n    if (total <= 7) {\n      return Array.from({ length: total }, (_, i) => i + 1);\n    }\n\n    const items: PageEntry[] = [1];\n    if (current > 4) items.push(ELLIPSIS);\n\n    let start: number;\n    let end: number;\n    if (current <= 4) {\n      start = 2;\n      end = 5;\n    } else if (current >= total - 3) {\n      start = total - 4;\n      end = total - 1;\n    } else {\n      start = current - 2;\n      end = current + 2;\n    }\n\n    for (let i = start; i <= end; i++) items.push(i);\n    if (current < total - 3) items.push(ELLIPSIS);\n    if (end !== total) items.push(total);\n\n    return items;\n  });\n\n  protected readonly ellipsis = ELLIPSIS;\n\n  protected readonly classes = computed(() => {\n    const parts = [\n      'wr-pagination',\n      `wr-pagination--${this.align()}`,\n      `wr-pagination--${this.size()}`,\n      `wr-pagination--${this.shape()}`,\n    ];\n    if (this.disabled()) parts.push('wr-pagination--disabled');\n    return parts.join(' ');\n  });\n\n  protected isCurrent(page: number): boolean {\n    return this.currentPage() === page;\n  }\n\n  protected goTo(page: number | typeof ELLIPSIS): void {\n    if (typeof page !== 'number') return;\n    if (this.disabled() || page < 1 || page > this.totalPages() || page === this.currentPage()) return;\n    this.currentPage.set(page);\n  }\n\n  protected onSizeChange(size: number): void {\n    if (this.disabled() || size === this.pageSize()) return;\n    this.pageSize.set(size);\n    const cap = Math.max(1, Math.ceil(this.total() / size));\n    if (this.currentPage() > cap) this.currentPage.set(cap);\n  }\n}\n","<div class=\"wr-pagination__inner\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination__total\">{{ rangeLabel() }}</span>\n  }\n\n  <div class=\"wr-pagination__nav\">\n    <wr-btn\n      [size]=\"buttonSize()\"\n      outlined\n      [attr.aria-label]=\"resolvedPrev()\"\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"goTo(currentPage() - 1)\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m12 19-7-7 7-7\" />\n        <path d=\"M19 12H5\" />\n      </svg>\n    </wr-btn>\n\n    @for (page of pages(); track $index) {\n      @if (page === ellipsis) {\n        <span class=\"wr-pagination__ellipsis\">{{ ellipsis }}</span>\n      } @else {\n        <wr-btn\n          [size]=\"buttonSize()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"`Go to page ${page}`\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <wr-btn\n      [size]=\"buttonSize()\"\n      outlined\n      [attr.aria-label]=\"resolvedNext()\"\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"goTo(currentPage() + 1)\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M5 12h14\" />\n        <path d=\"m12 5 7 7-7 7\" />\n      </svg>\n    </wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select\n      class=\"wr-pagination__size\"\n      [attr.aria-label]=\"resolvedItemsPerPage()\"\n      [disabled]=\"disabled()\"\n      [ngModel]=\"pageSize()\"\n      (ngModelChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ option }} / page</wr-option>\n      }\n    </wr-select>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}