ngwr 11.2.0 → 12.0.0

package/fesm2022/ngwr-pagination.mjs

@@ -1,6 +1,6 @@
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { model, input, computed, effect, untracked, ViewEncapsulation, Component } from '@angular/core';
+import { model, input, computed, effect, ViewEncapsulation, Component } from '@angular/core';
 import { WrButton } from 'ngwr/button';
 import { useI18nText, useI18nFormatter } from 'ngwr/i18n';
 import { WrSelect, WrOption } from 'ngwr/select';
@@ -172,15 +172,19 @@ class WrPagination {
      * `[ngModel]`, which hid the coercion rather than removing the need for it.
      */
     constructor() {
-        // A shrinking `total` must not leave the pager on a page that no longer
-        // exists: it only ever pulled back when the SIZE changed through its own
-        // control, so a filtered list left "page 7 of 2" pointing at nothing.
+        // `currentPage` is a plain `model` — a `model()` takes no transform — so a
+        // shrinking `total` and a host `[(currentPage)]` write both land in it
+        // unchecked. The guard used to read and write the page inside `untracked()`
+        // and pull DOWNWARDS only, so it fired when `total` / `pageSize` moved and
+        // never when the host wrote: past the end no cell carries `aria-current`,
+        // the arrow at that end stays enabled and inert (`goTo` refuses the step
+        // rather than correcting the stored page), and below 1 `rangeLabel()` counts
+        // backwards ("-9-0 of 120"). Two-sided and tracked, the same shape
+        // `wr-stepper` and `wr-carousel` use for their own host-owned `model()`.
         effect(() => {
-            const cap = this.totalPages();
-            untracked(() => {
-                if (this.currentPage() > cap)
-                    this.currentPage.set(cap);
-            });
+            const clamped = Math.min(Math.max(1, this.currentPage()), this.totalPages());
+            if (clamped !== this.currentPage())
+                this.currentPage.set(clamped);
         });
     }
     onSizeChange(size) {
@@ -192,12 +196,12 @@ class WrPagination {
         if (this.currentPage() > cap)
             this.currentPage.set(cap);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.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 }, responsive: { classPropertyName: "responsive", publicName: "responsive", 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 }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", pageSize: "pageSizeChange" }, host: { attributes: { "role": "navigation" }, properties: { "class": "classes()", "attr.aria-label": "navLabel()" } }, 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]=\"size()\"\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          class=\"wr-pagination__page\"\n          [size]=\"size()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"goToPage({ page })\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <!-- Compact pager \u2014 shown only in responsive mode on a narrow box (CSS). -->\n    <span class=\"wr-pagination__current\" aria-hidden=\"true\">{{ currentPage() }} / {{ totalPages() }}</span>\n\n    <wr-btn\n      [size]=\"size()\"\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      [value]=\"pageSize()\"\n      (valueChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ perPage({ size: option }) }}</wr-option>\n      }\n    </wr-select>\n  }\n</div>\n", dependencies: [{ 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", "ariaLabel", "disabled", "rounded", "size", "responsive", "mode", "searchable", "searchQuery", "options", "displayWith", "loader", "serverSearch", "debounceMs", "minChars", "freeText", "virtualScroll", "rowHeight", "viewportHeight", "overscan", "noResultsText", "loadingText", "loading", "separators", "allowDuplicates", "validate", "clearable", "maxItems", "maxTagCount", "value"], outputs: ["searchQueryChange", "searchChange", "valueChange", "touch"] }, { kind: "component", type: WrOption, selector: "wr-option", inputs: ["value", "disabled"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", 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 }, responsive: { classPropertyName: "responsive", publicName: "responsive", 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 }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", pageSize: "pageSizeChange" }, host: { attributes: { "role": "navigation" }, properties: { "class": "classes()", "attr.aria-label": "navLabel()" } }, 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    <!--\n      `wr-pagination__nav-btn` exists so the stylesheet can mirror the arrow\n      glyph under `dir=\"rtl\"`. A class rather than `:first-child` /\n      `:last-child` on the row: those two positions do hold today \u2014 which is why\n      the `--square` end caps use them \u2014 but only while the prev button, the\n      compact label and the next button all stay unconditional and in this\n      order. A mirror keyed to position would follow a reorder, or land on a\n      page cell, without a word.\n    -->\n    <wr-btn\n      class=\"wr-pagination__nav-btn\"\n      [size]=\"size()\"\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          class=\"wr-pagination__page\"\n          [size]=\"size()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"goToPage({ page })\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <!-- Compact pager \u2014 shown only in responsive mode on a narrow box (CSS). -->\n    <span class=\"wr-pagination__current\" aria-hidden=\"true\">{{ currentPage() }} / {{ totalPages() }}</span>\n\n    <wr-btn\n      class=\"wr-pagination__nav-btn\"\n      [size]=\"size()\"\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    <!--\n      `ariaLabel`, not `[attr.aria-label]`: `<wr-select>`'s host carries no role,\n      so an attribute there names nothing and never reaches the `role=\"combobox\"`\n      button inside \u2014 the size changer announced itself as the catalog's generic\n      \"Select\".\n    -->\n    <wr-select\n      class=\"wr-pagination__size\"\n      [ariaLabel]=\"resolvedItemsPerPage()\"\n      [disabled]=\"disabled()\"\n      [value]=\"pageSize()\"\n      (valueChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ perPage({ size: option }) }}</wr-option>\n      }\n    </wr-select>\n  }\n</div>\n", dependencies: [{ 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", "ariaLabel", "disabled", "rounded", "size", "responsive", "mode", "searchable", "searchQuery", "options", "displayWith", "loader", "serverSearch", "debounceMs", "minChars", "freeText", "virtualScroll", "rowHeight", "viewportHeight", "overscan", "noResultsText", "loadingText", "loading", "separators", "allowDuplicates", "validate", "clearable", "maxItems", "maxTagCount", "value"], outputs: ["searchQueryChange", "searchChange", "valueChange", "touch"] }, { kind: "component", type: WrOption, selector: "wr-option", inputs: ["value", "disabled"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrPagination, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-pagination', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()', role: 'navigation', '[attr.aria-label]': 'navLabel()' }, imports: [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]=\"size()\"\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          class=\"wr-pagination__page\"\n          [size]=\"size()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"goToPage({ page })\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <!-- Compact pager \u2014 shown only in responsive mode on a narrow box (CSS). -->\n    <span class=\"wr-pagination__current\" aria-hidden=\"true\">{{ currentPage() }} / {{ totalPages() }}</span>\n\n    <wr-btn\n      [size]=\"size()\"\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      [value]=\"pageSize()\"\n      (valueChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ perPage({ size: option }) }}</wr-option>\n      }\n    </wr-select>\n  }\n</div>\n" }]
+            args: [{ selector: 'wr-pagination', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()', role: 'navigation', '[attr.aria-label]': 'navLabel()' }, imports: [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    <!--\n      `wr-pagination__nav-btn` exists so the stylesheet can mirror the arrow\n      glyph under `dir=\"rtl\"`. A class rather than `:first-child` /\n      `:last-child` on the row: those two positions do hold today \u2014 which is why\n      the `--square` end caps use them \u2014 but only while the prev button, the\n      compact label and the next button all stay unconditional and in this\n      order. A mirror keyed to position would follow a reorder, or land on a\n      page cell, without a word.\n    -->\n    <wr-btn\n      class=\"wr-pagination__nav-btn\"\n      [size]=\"size()\"\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          class=\"wr-pagination__page\"\n          [size]=\"size()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"goToPage({ page })\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <!-- Compact pager \u2014 shown only in responsive mode on a narrow box (CSS). -->\n    <span class=\"wr-pagination__current\" aria-hidden=\"true\">{{ currentPage() }} / {{ totalPages() }}</span>\n\n    <wr-btn\n      class=\"wr-pagination__nav-btn\"\n      [size]=\"size()\"\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    <!--\n      `ariaLabel`, not `[attr.aria-label]`: `<wr-select>`'s host carries no role,\n      so an attribute there names nothing and never reaches the `role=\"combobox\"`\n      button inside \u2014 the size changer announced itself as the catalog's generic\n      \"Select\".\n    -->\n    <wr-select\n      class=\"wr-pagination__size\"\n      [ariaLabel]=\"resolvedItemsPerPage()\"\n      [disabled]=\"disabled()\"\n      [value]=\"pageSize()\"\n      (valueChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ perPage({ size: option }) }}</wr-option>\n      }\n    </wr-select>\n  }\n</div>\n" }]
         }], ctorParameters: () => [], 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 }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", 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 }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
 
 /**

package/fesm2022/ngwr-pagination.mjs.map

@@ -1 +1 @@
-{"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, effect, input, model, untracked } from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport { useI18nFormatter, 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/reference/components/pagination\n */\n@Component({\n  selector: 'wr-pagination',\n  templateUrl: './pagination.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()', role: 'navigation', '[attr.aria-label]': 'navLabel()' },\n  imports: [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 'sm' */\n  readonly size = input<WrPaginationSize>('sm');\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  /**\n   * Collapse to a compact `‹ page / total ›` pager when the control's own box\n   * is too narrow for the full numbered strip (a container query on its own\n   * width, not the viewport). @default false\n   */\n  readonly responsive = 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  /** Accessible name for the `role=\"navigation\"` host. Falls back to `pagination.label`. */\n  readonly label = 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  /**\n   * Page-size option text — interpolates `{{size}}`. Was the template literal\n   * `{{ option }} / page`, which no catalog could reach, so a Russian UI read\n   * \"25 / page\".\n   */\n  protected readonly perPage = useI18nFormatter('pagination.perPage', '{{size}} / page');\n\n  /** Per-page-button aria-label — interpolates `{{page}}`. */\n  protected readonly goToPage = useI18nFormatter('pagination.goToPage', 'Go to page {{page}}');\n\n  /** The nav landmark's own accessible name — was a hardcoded English literal. */\n  protected readonly navLabel = useI18nText(this.label, 'pagination.label', 'Pagination');\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    if (this.responsive()) parts.push('wr-pagination--responsive');\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  /**\n   * `wr-select` carries an `unknown` value by design, so the size arrives\n   * untyped and is narrowed here. It used to arrive as `any` through\n   * `[ngModel]`, which hid the coercion rather than removing the need for it.\n   */\n  constructor() {\n    // A shrinking `total` must not leave the pager on a page that no longer\n    // exists: it only ever pulled back when the SIZE changed through its own\n    // control, so a filtered list left \"page 7 of 2\" pointing at nothing.\n    effect(() => {\n      const cap = this.totalPages();\n      untracked(() => {\n        if (this.currentPage() > cap) this.currentPage.set(cap);\n      });\n    });\n  }\n\n  protected onSizeChange(size: unknown): void {\n    const next = Number(size);\n    if (this.disabled() || !Number.isFinite(next) || next <= 0 || next === this.pageSize()) return;\n    this.pageSize.set(next);\n    const cap = Math.max(1, Math.ceil(this.total() / next));\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]=\"size()\"\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          class=\"wr-pagination__page\"\n          [size]=\"size()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"goToPage({ page })\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <!-- Compact pager — shown only in responsive mode on a narrow box (CSS). -->\n    <span class=\"wr-pagination__current\" aria-hidden=\"true\">{{ currentPage() }} / {{ totalPages() }}</span>\n\n    <wr-btn\n      [size]=\"size()\"\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      [value]=\"pageSize()\"\n      (valueChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ perPage({ size: option }) }}</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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"}
+{"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, effect, input, model } from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport { useI18nFormatter, 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/reference/components/pagination\n */\n@Component({\n  selector: 'wr-pagination',\n  templateUrl: './pagination.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()', role: 'navigation', '[attr.aria-label]': 'navLabel()' },\n  imports: [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 'sm' */\n  readonly size = input<WrPaginationSize>('sm');\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  /**\n   * Collapse to a compact `‹ page / total ›` pager when the control's own box\n   * is too narrow for the full numbered strip (a container query on its own\n   * width, not the viewport). @default false\n   */\n  readonly responsive = 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  /** Accessible name for the `role=\"navigation\"` host. Falls back to `pagination.label`. */\n  readonly label = 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  /**\n   * Page-size option text — interpolates `{{size}}`. Was the template literal\n   * `{{ option }} / page`, which no catalog could reach, so a Russian UI read\n   * \"25 / page\".\n   */\n  protected readonly perPage = useI18nFormatter('pagination.perPage', '{{size}} / page');\n\n  /** Per-page-button aria-label — interpolates `{{page}}`. */\n  protected readonly goToPage = useI18nFormatter('pagination.goToPage', 'Go to page {{page}}');\n\n  /** The nav landmark's own accessible name — was a hardcoded English literal. */\n  protected readonly navLabel = useI18nText(this.label, 'pagination.label', 'Pagination');\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    if (this.responsive()) parts.push('wr-pagination--responsive');\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  /**\n   * `wr-select` carries an `unknown` value by design, so the size arrives\n   * untyped and is narrowed here. It used to arrive as `any` through\n   * `[ngModel]`, which hid the coercion rather than removing the need for it.\n   */\n  constructor() {\n    // `currentPage` is a plain `model` — a `model()` takes no transform — so a\n    // shrinking `total` and a host `[(currentPage)]` write both land in it\n    // unchecked. The guard used to read and write the page inside `untracked()`\n    // and pull DOWNWARDS only, so it fired when `total` / `pageSize` moved and\n    // never when the host wrote: past the end no cell carries `aria-current`,\n    // the arrow at that end stays enabled and inert (`goTo` refuses the step\n    // rather than correcting the stored page), and below 1 `rangeLabel()` counts\n    // backwards (\"-9-0 of 120\"). Two-sided and tracked, the same shape\n    // `wr-stepper` and `wr-carousel` use for their own host-owned `model()`.\n    effect(() => {\n      const clamped = Math.min(Math.max(1, this.currentPage()), this.totalPages());\n      if (clamped !== this.currentPage()) this.currentPage.set(clamped);\n    });\n  }\n\n  protected onSizeChange(size: unknown): void {\n    const next = Number(size);\n    if (this.disabled() || !Number.isFinite(next) || next <= 0 || next === this.pageSize()) return;\n    this.pageSize.set(next);\n    const cap = Math.max(1, Math.ceil(this.total() / next));\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    <!--\n      `wr-pagination__nav-btn` exists so the stylesheet can mirror the arrow\n      glyph under `dir=\"rtl\"`. A class rather than `:first-child` /\n      `:last-child` on the row: those two positions do hold today — which is why\n      the `--square` end caps use them — but only while the prev button, the\n      compact label and the next button all stay unconditional and in this\n      order. A mirror keyed to position would follow a reorder, or land on a\n      page cell, without a word.\n    -->\n    <wr-btn\n      class=\"wr-pagination__nav-btn\"\n      [size]=\"size()\"\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          class=\"wr-pagination__page\"\n          [size]=\"size()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"goToPage({ page })\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <!-- Compact pager — shown only in responsive mode on a narrow box (CSS). -->\n    <span class=\"wr-pagination__current\" aria-hidden=\"true\">{{ currentPage() }} / {{ totalPages() }}</span>\n\n    <wr-btn\n      class=\"wr-pagination__nav-btn\"\n      [size]=\"size()\"\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    <!--\n      `ariaLabel`, not `[attr.aria-label]`: `<wr-select>`'s host carries no role,\n      so an attribute there names nothing and never reaches the `role=\"combobox\"`\n      button inside — the size changer announced itself as the catalog's generic\n      \"Select\".\n    -->\n    <wr-select\n      class=\"wr-pagination__size\"\n      [ariaLabel]=\"resolvedItemsPerPage()\"\n      [disabled]=\"disabled()\"\n      [value]=\"pageSize()\"\n      (valueChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ perPage({ size: option }) }}</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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"}

package/fesm2022/ngwr-pipes.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Pipe, inject, LOCALE_ID } from '@angular/core';
-import { WrDateAdapter } from 'ngwr/date-adapter';
+import { WrDateAdapter } from 'ngwr/date';
 import { DomSanitizer } from '@angular/platform-browser';
 
 /**
@@ -27,16 +27,19 @@ class WrBytes {
         const n = Number(value);
         if (!Number.isFinite(n) || n <= 0)
             return '0 B';
-        const i = Math.min(Math.floor(Math.log(n) / Math.log(1024)), UNITS.length - 1);
+        // Floored as well as capped: for `0 < n < 1` the log is negative, so an
+        // unclamped index reads `UNITS[-1]` (`undefined`) and divides by `1024 ** -1`,
+        // which rendered `0.5` as "512.0 undefined".
+        const i = Math.min(Math.max(0, Math.floor(Math.log(n) / Math.log(1024))), UNITS.length - 1);
         const v = n / 1024 ** i;
         // Whole bytes never show a fractional part.
         const fractionDigits = i === 0 ? 0 : Math.max(0, decimals);
         return `${v.toFixed(fractionDigits)} ${UNITS[i]}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrBytes, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: WrBytes, isStandalone: true, name: "wrBytes" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrBytes, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: WrBytes, isStandalone: true, name: "wrBytes" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrBytes, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrBytes, decorators: [{
             type: Pipe,
             args: [{ name: 'wrBytes' }]
         }] });
@@ -87,10 +90,10 @@ class WrDate {
         const opts = named[format] ?? { dateStyle: 'short' };
         return new Intl.DateTimeFormat(this.locale, opts).format(date);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrDate, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: WrDate, isStandalone: true, name: "wrDate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrDate, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: WrDate, isStandalone: true, name: "wrDate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrDate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrDate, decorators: [{
             type: Pipe,
             args: [{ name: 'wrDate' }]
         }] });
@@ -135,15 +138,25 @@ class WrMark {
         const text = String(value);
         if (!query)
             return text;
-        const safe = escapeHtml(text);
-        const pattern = new RegExp(query.replace(RE_META, '\\$&'), caseSensitive ? 'g' : 'gi');
-        const html = safe.replace(pattern, m => `<mark>${escapeHtml(m)}</mark>`);
+        // Match the RAW text and escape the pieces afterwards, never the other way
+        // round. Escaping first rewrites `&` as `&amp;`, and a query of `m` then lands
+        // INSIDE that entity: the `<mark>` splits it and the browser paints the
+        // entity's own letters, so `Tom & Jerry` renders as `Tom &amp; Jerry`. The
+        // mirror failure is a match that can never happen — `<`, `>` and `"` no longer
+        // exist in escaped text. The pipe's promise is untouched: every piece that came
+        // from `value` still goes through `escapeHtml`, matched or not, so the only
+        // tags in the output are the `<mark>`s built here.
+        const pattern = new RegExp(`(${query.replace(RE_META, '\\$&')})`, caseSensitive ? 'g' : 'gi');
+        const html = text
+            .split(pattern)
+            .map((part, index) => (index % 2 ? `<mark>${escapeHtml(part)}</mark>` : escapeHtml(part)))
+            .join('');
         return this.sanitizer.bypassSecurityTrustHtml(html);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrMark, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: WrMark, isStandalone: true, name: "wrMark" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrMark, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: WrMark, isStandalone: true, name: "wrMark" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrMark, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrMark, decorators: [{
             type: Pipe,
             args: [{ name: 'wrMark' }]
         }] });
@@ -191,10 +204,10 @@ class WrNumber {
                 return { style: 'decimal' };
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrNumber, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: WrNumber, isStandalone: true, name: "wrNumber" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrNumber, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: WrNumber, isStandalone: true, name: "wrNumber" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrNumber, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrNumber, decorators: [{
             type: Pipe,
             args: [{ name: 'wrNumber' }]
         }] });
@@ -237,10 +250,10 @@ class WrPlural {
             return word;
         return `${new Intl.NumberFormat(locale).format(value)} ${word}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPlural, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: WrPlural, isStandalone: true, name: "wrPlural" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrPlural, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: WrPlural, isStandalone: true, name: "wrPlural" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPlural, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrPlural, decorators: [{
             type: Pipe,
             args: [{ name: 'wrPlural' }]
         }] });
@@ -267,10 +280,10 @@ class WrRange {
     transform(length) {
         return Array.from({ length }, (_, i) => i);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrRange, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: WrRange, isStandalone: true, name: "wrRange" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrRange, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: WrRange, isStandalone: true, name: "wrRange" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrRange, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrRange, decorators: [{
             type: Pipe,
             args: [{ name: 'wrRange' }]
         }] });
@@ -299,10 +312,10 @@ class WrTruncate {
             return s;
         return s.slice(0, Math.max(0, length)) + ellipsis;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrTruncate, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: WrTruncate, isStandalone: true, name: "wrTruncate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrTruncate, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: WrTruncate, isStandalone: true, name: "wrTruncate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrTruncate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrTruncate, decorators: [{
             type: Pipe,
             args: [{ name: 'wrTruncate' }]
         }] });

package/fesm2022/ngwr-pipes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-pipes.mjs","sources":["../../../projects/lib/pipes/bytes.ts","../../../projects/lib/pipes/date.ts","../../../projects/lib/pipes/mark.ts","../../../projects/lib/pipes/number.ts","../../../projects/lib/pipes/plural.ts","../../../projects/lib/pipes/range.ts","../../../projects/lib/pipes/truncate.ts","../../../projects/lib/pipes/ngwr-pipes.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 { Pipe } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\nconst UNITS = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'] as const;\n\n/**\n * Humanise a byte count using binary (1024-based) units.\n *\n * @example\n * ```html\n * {{ 1234 | wrBytes }}            <!-- \"1.2 KB\"   -->\n * {{ 1234567 | wrBytes: 0 }}      <!-- \"1 MB\"     -->\n * {{ 0 | wrBytes }}               <!-- \"0 B\"      -->\n * ```\n */\n@Pipe({ name: 'wrBytes' })\nexport class WrBytes implements PipeTransform {\n  transform(value: number | string | null | undefined, decimals = 1): string {\n    if (value === null || value === undefined || value === '') return '';\n    const n = Number(value);\n    if (!Number.isFinite(n) || n <= 0) return '0 B';\n\n    const i = Math.min(Math.floor(Math.log(n) / Math.log(1024)), UNITS.length - 1);\n    const v = n / 1024 ** i;\n    // Whole bytes never show a fractional part.\n    const fractionDigits = i === 0 ? 0 : Math.max(0, decimals);\n    return `${v.toFixed(fractionDigits)} ${UNITS[i]}`;\n  }\n}\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 { LOCALE_ID, Pipe, inject } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\nimport { type WrDateFormat, WrDateAdapter } from 'ngwr/date-adapter';\n\n/**\n * Locale-aware date formatting. Delegates to `WrDateAdapter` when\n * `provideWrDateAdapter()` is in the provider tree (giving access to named\n * format keys like `'shortDate'` and `'longDate'`), otherwise falls back to\n * a minimal `Intl.DateTimeFormat`-based formatter so the pipe still works\n * without the date-adapter package wired up.\n *\n * @example\n * ```html\n * {{ now | wrDate }}                          <!-- shortDate            -->\n * {{ now | wrDate: 'mediumDateTime' }}        <!-- named key            -->\n * {{ now | wrDate: 'dd.MM.yyyy' }}            <!-- raw token string     -->\n * ```\n */\n@Pipe({ name: 'wrDate' })\nexport class WrDate implements PipeTransform {\n  private readonly adapter = inject<WrDateAdapter<Date> | null>(WrDateAdapter, { optional: true });\n  private readonly locale = inject(LOCALE_ID);\n\n  transform(\n    value: Date | string | number | null | undefined,\n    format: WrDateFormat | (string & {}) = 'shortDate'\n  ): string {\n    if (value === null || value === undefined || value === '') return '';\n    const date = value instanceof Date ? value : new Date(value);\n    if (Number.isNaN(date.getTime())) return '';\n\n    if (this.adapter) return this.adapter.format(date, format);\n    return this.fallback(date, format);\n  }\n\n  /** Tiny fallback for the named keys when no adapter is provided. */\n  private fallback(date: Date, format: WrDateFormat | (string & {})): string {\n    const named: Record<string, Intl.DateTimeFormatOptions> = {\n      shortDate: { dateStyle: 'short' },\n      mediumDate: { dateStyle: 'medium' },\n      longDate: { dateStyle: 'long' },\n      time: { timeStyle: 'short' },\n      shortDateTime: { dateStyle: 'short', timeStyle: 'short' },\n      mediumDateTime: { dateStyle: 'medium', timeStyle: 'short' },\n    };\n    const opts = named[format] ?? { dateStyle: 'short' };\n    return new Intl.DateTimeFormat(this.locale, opts).format(date);\n  }\n}\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 { Pipe, type PipeTransform, inject } from '@angular/core';\nimport { DomSanitizer, type SafeHtml } from '@angular/platform-browser';\n\n/** Escapes RegExp metacharacters so user input is safe to inline. @internal */\nconst RE_META = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** HTML-entities for the four chars that matter inside our `<mark>` wrap. @internal */\nfunction escapeHtml(s: string): string {\n  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;');\n}\n\n/**\n * Wrap every occurrence of `query` in `<mark>` tags. Useful for highlighting\n * search-term matches in autocomplete results, lists, and table cells.\n *\n * The output is `SafeHtml` — bind with `[innerHTML]`. Input is escaped first\n * so user-supplied values can't inject markup.\n *\n * @example\n * ```html\n * <span [innerHTML]=\"row.name | wrMark: query()\"></span>\n *\n * <!-- Case-sensitive: -->\n * <span [innerHTML]=\"row.name | wrMark: query() : true\"></span>\n * ```\n */\n@Pipe({ name: 'wrMark' })\nexport class WrMark implements PipeTransform {\n  private readonly sanitizer = inject(DomSanitizer);\n\n  /**\n   * @param value Source text.\n   * @param query Search term to highlight. Empty/null skips the wrap.\n   * @param caseSensitive Match exactly. @default false\n   */\n  transform(value: string | null | undefined, query: string | null | undefined, caseSensitive = false): SafeHtml {\n    if (value === null || value === undefined) return '';\n    const text = String(value);\n    if (!query) return text;\n\n    const safe = escapeHtml(text);\n    const pattern = new RegExp(query.replace(RE_META, '\\\\$&'), caseSensitive ? 'g' : 'gi');\n    const html = safe.replace(pattern, m => `<mark>${escapeHtml(m)}</mark>`);\n    return this.sanitizer.bypassSecurityTrustHtml(html);\n  }\n}\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 { LOCALE_ID, Pipe, inject } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\nimport type { WrNumberStyle } from './interfaces';\n\n/**\n * Locale-aware number formatting via `Intl.NumberFormat`. Uses Angular's\n * `LOCALE_ID` as the default locale.\n *\n * Accepts either a style shortcut (with optional currency code) or a full\n * `Intl.NumberFormatOptions` object for fine-grained control.\n *\n * @example\n * ```html\n * {{ 1234.5 | wrNumber }}                       <!-- \"1,234.5\"   -->\n * {{ 0.875  | wrNumber: 'percent' }}            <!-- \"88%\"       -->\n * {{ 19.99  | wrNumber: 'currency': 'USD' }}    <!-- \"$19.99\"    -->\n * {{ 19.99  | wrNumber: { minimumFractionDigits: 2 } }}\n * ```\n */\n@Pipe({ name: 'wrNumber' })\nexport class WrNumber implements PipeTransform {\n  private readonly locale = inject(LOCALE_ID);\n\n  transform(\n    value: number | string | null | undefined,\n    styleOrOptions: WrNumberStyle | Intl.NumberFormatOptions = 'decimal',\n    currency = 'USD'\n  ): string {\n    if (value === null || value === undefined || value === '') return '';\n    const n = Number(value);\n    if (!Number.isFinite(n)) return '';\n\n    const options: Intl.NumberFormatOptions =\n      typeof styleOrOptions === 'string' ? this.toOptions(styleOrOptions, currency) : styleOrOptions;\n\n    return new Intl.NumberFormat(this.locale, options).format(n);\n  }\n\n  private toOptions(style: WrNumberStyle, currency: string): Intl.NumberFormatOptions {\n    switch (style) {\n      case 'percent':\n        return { style: 'percent', maximumFractionDigits: 2 };\n      case 'currency':\n        return { style: 'currency', currency };\n      case 'decimal':\n      default:\n        return { style: 'decimal' };\n    }\n  }\n}\n\nexport type { WrNumberStyle } from './interfaces';\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 { LOCALE_ID, Pipe, inject } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\nimport type { WrPluralForms, WrPluralOptions } from './interfaces';\n\n/**\n * Locale-aware pluralization via `Intl.PluralRules`. Picks the right word\n * form for the count — including languages with more than two forms\n * (Russian, Polish, Arabic, …) — without hand-rolled `n % 10` rules.\n *\n * Categories follow CLDR: `zero` / `one` / `two` / `few` / `many` /\n * `other`. Missing categories fall back to `other`.\n *\n * @example\n * ```html\n * {{ 1 | wrPlural: { one: 'comment', other: 'comments' } }}\n * <!-- \"1 comment\" -->\n *\n * {{ 5 | wrPlural: { one: 'файл', few: 'файла', other: 'файлов' } }}\n * <!-- \"5 файлов\" (with LOCALE_ID = ru) -->\n *\n * {{ count() | wrPlural: forms : { includeValue: false } }}\n * <!-- word only -->\n * ```\n */\n@Pipe({ name: 'wrPlural' })\nexport class WrPlural implements PipeTransform {\n  private readonly locale = inject(LOCALE_ID);\n\n  transform(value: number | null | undefined, forms: WrPluralForms, options: WrPluralOptions = {}): string {\n    if (value === null || value === undefined || !Number.isFinite(value)) return '';\n    const locale = options.locale ?? this.locale;\n    const category = new Intl.PluralRules(locale).select(value);\n    const word = forms[category] ?? forms.other;\n    if (options.includeValue === false) return word;\n    return `${new Intl.NumberFormat(locale).format(value)} ${word}`;\n  }\n}\n\nexport type { WrPluralForms, WrPluralOptions } from './interfaces';\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 { Pipe } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\n/**\n * Creates an array of sequential indices `[0, 1, 2, ..., n-1]`.\n *\n * Useful for repeating template blocks a fixed number of times.\n *\n * @example\n * ```html\n * @for (i of (5 | wrRange); track i) {\n *   <div>Item {{ i }}</div>\n * }\n * ```\n */\n@Pipe({ name: 'wrRange' })\nexport class WrRange implements PipeTransform {\n  transform(length: number): number[] {\n    return Array.from({ length }, (_, i) => i);\n  }\n}\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 { Pipe } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\n/**\n * Clamp a string to `length` characters, appending `ellipsis` when truncated.\n *\n * @example\n * ```html\n * {{ 'Hello, world' | wrTruncate: 5 }}           <!-- \"Hello…\"      -->\n * {{ 'Hello, world' | wrTruncate: 8: '...' }}    <!-- \"Hello, w...\" -->\n * ```\n */\n@Pipe({ name: 'wrTruncate' })\nexport class WrTruncate implements PipeTransform {\n  transform(value: string | null | undefined, length = 80, ellipsis = '…'): string {\n    if (value === null || value === undefined) return '';\n    const s = String(value);\n    if (s.length <= length) return s;\n    return s.slice(0, Math.max(0, length)) + ellipsis;\n  }\n}\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-pipes.mjs","sources":["../../../projects/lib/pipes/bytes.ts","../../../projects/lib/pipes/date.ts","../../../projects/lib/pipes/mark.ts","../../../projects/lib/pipes/number.ts","../../../projects/lib/pipes/plural.ts","../../../projects/lib/pipes/range.ts","../../../projects/lib/pipes/truncate.ts","../../../projects/lib/pipes/ngwr-pipes.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 { Pipe } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\nconst UNITS = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'] as const;\n\n/**\n * Humanise a byte count using binary (1024-based) units.\n *\n * @example\n * ```html\n * {{ 1234 | wrBytes }}            <!-- \"1.2 KB\"   -->\n * {{ 1234567 | wrBytes: 0 }}      <!-- \"1 MB\"     -->\n * {{ 0 | wrBytes }}               <!-- \"0 B\"      -->\n * ```\n */\n@Pipe({ name: 'wrBytes' })\nexport class WrBytes implements PipeTransform {\n  transform(value: number | string | null | undefined, decimals = 1): string {\n    if (value === null || value === undefined || value === '') return '';\n    const n = Number(value);\n    if (!Number.isFinite(n) || n <= 0) return '0 B';\n\n    // Floored as well as capped: for `0 < n < 1` the log is negative, so an\n    // unclamped index reads `UNITS[-1]` (`undefined`) and divides by `1024 ** -1`,\n    // which rendered `0.5` as \"512.0 undefined\".\n    const i = Math.min(Math.max(0, Math.floor(Math.log(n) / Math.log(1024))), UNITS.length - 1);\n    const v = n / 1024 ** i;\n    // Whole bytes never show a fractional part.\n    const fractionDigits = i === 0 ? 0 : Math.max(0, decimals);\n    return `${v.toFixed(fractionDigits)} ${UNITS[i]}`;\n  }\n}\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 { LOCALE_ID, Pipe, inject } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\nimport { type WrDateFormat, WrDateAdapter } from 'ngwr/date';\n\n/**\n * Locale-aware date formatting. Delegates to `WrDateAdapter` when\n * `provideWrDateAdapter()` is in the provider tree (giving access to named\n * format keys like `'shortDate'` and `'longDate'`), otherwise falls back to\n * a minimal `Intl.DateTimeFormat`-based formatter so the pipe still works\n * without the date-adapter package wired up.\n *\n * @example\n * ```html\n * {{ now | wrDate }}                          <!-- shortDate            -->\n * {{ now | wrDate: 'mediumDateTime' }}        <!-- named key            -->\n * {{ now | wrDate: 'dd.MM.yyyy' }}            <!-- raw token string     -->\n * ```\n */\n@Pipe({ name: 'wrDate' })\nexport class WrDate implements PipeTransform {\n  private readonly adapter = inject<WrDateAdapter<Date> | null>(WrDateAdapter, { optional: true });\n  private readonly locale = inject(LOCALE_ID);\n\n  transform(\n    value: Date | string | number | null | undefined,\n    format: WrDateFormat | (string & {}) = 'shortDate'\n  ): string {\n    if (value === null || value === undefined || value === '') return '';\n    const date = value instanceof Date ? value : new Date(value);\n    if (Number.isNaN(date.getTime())) return '';\n\n    if (this.adapter) return this.adapter.format(date, format);\n    return this.fallback(date, format);\n  }\n\n  /** Tiny fallback for the named keys when no adapter is provided. */\n  private fallback(date: Date, format: WrDateFormat | (string & {})): string {\n    const named: Record<string, Intl.DateTimeFormatOptions> = {\n      shortDate: { dateStyle: 'short' },\n      mediumDate: { dateStyle: 'medium' },\n      longDate: { dateStyle: 'long' },\n      time: { timeStyle: 'short' },\n      shortDateTime: { dateStyle: 'short', timeStyle: 'short' },\n      mediumDateTime: { dateStyle: 'medium', timeStyle: 'short' },\n    };\n    const opts = named[format] ?? { dateStyle: 'short' };\n    return new Intl.DateTimeFormat(this.locale, opts).format(date);\n  }\n}\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 { Pipe, type PipeTransform, inject } from '@angular/core';\nimport { DomSanitizer, type SafeHtml } from '@angular/platform-browser';\n\n/** Escapes RegExp metacharacters so user input is safe to inline. @internal */\nconst RE_META = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** HTML-entities for the four chars that matter inside our `<mark>` wrap. @internal */\nfunction escapeHtml(s: string): string {\n  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;');\n}\n\n/**\n * Wrap every occurrence of `query` in `<mark>` tags. Useful for highlighting\n * search-term matches in autocomplete results, lists, and table cells.\n *\n * The output is `SafeHtml` — bind with `[innerHTML]`. Input is escaped first\n * so user-supplied values can't inject markup.\n *\n * @example\n * ```html\n * <span [innerHTML]=\"row.name | wrMark: query()\"></span>\n *\n * <!-- Case-sensitive: -->\n * <span [innerHTML]=\"row.name | wrMark: query() : true\"></span>\n * ```\n */\n@Pipe({ name: 'wrMark' })\nexport class WrMark implements PipeTransform {\n  private readonly sanitizer = inject(DomSanitizer);\n\n  /**\n   * @param value Source text.\n   * @param query Search term to highlight. Empty/null skips the wrap.\n   * @param caseSensitive Match exactly. @default false\n   */\n  transform(value: string | null | undefined, query: string | null | undefined, caseSensitive = false): SafeHtml {\n    if (value === null || value === undefined) return '';\n    const text = String(value);\n    if (!query) return text;\n\n    // Match the RAW text and escape the pieces afterwards, never the other way\n    // round. Escaping first rewrites `&` as `&amp;`, and a query of `m` then lands\n    // INSIDE that entity: the `<mark>` splits it and the browser paints the\n    // entity's own letters, so `Tom & Jerry` renders as `Tom &amp; Jerry`. The\n    // mirror failure is a match that can never happen — `<`, `>` and `\"` no longer\n    // exist in escaped text. The pipe's promise is untouched: every piece that came\n    // from `value` still goes through `escapeHtml`, matched or not, so the only\n    // tags in the output are the `<mark>`s built here.\n    const pattern = new RegExp(`(${query.replace(RE_META, '\\\\$&')})`, caseSensitive ? 'g' : 'gi');\n    const html = text\n      .split(pattern)\n      .map((part, index) => (index % 2 ? `<mark>${escapeHtml(part)}</mark>` : escapeHtml(part)))\n      .join('');\n\n    return this.sanitizer.bypassSecurityTrustHtml(html);\n  }\n}\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 { LOCALE_ID, Pipe, inject } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\nimport type { WrNumberStyle } from './interfaces';\n\n/**\n * Locale-aware number formatting via `Intl.NumberFormat`. Uses Angular's\n * `LOCALE_ID` as the default locale.\n *\n * Accepts either a style shortcut (with optional currency code) or a full\n * `Intl.NumberFormatOptions` object for fine-grained control.\n *\n * @example\n * ```html\n * {{ 1234.5 | wrNumber }}                       <!-- \"1,234.5\"   -->\n * {{ 0.875  | wrNumber: 'percent' }}            <!-- \"88%\"       -->\n * {{ 19.99  | wrNumber: 'currency': 'USD' }}    <!-- \"$19.99\"    -->\n * {{ 19.99  | wrNumber: { minimumFractionDigits: 2 } }}\n * ```\n */\n@Pipe({ name: 'wrNumber' })\nexport class WrNumber implements PipeTransform {\n  private readonly locale = inject(LOCALE_ID);\n\n  transform(\n    value: number | string | null | undefined,\n    styleOrOptions: WrNumberStyle | Intl.NumberFormatOptions = 'decimal',\n    currency = 'USD'\n  ): string {\n    if (value === null || value === undefined || value === '') return '';\n    const n = Number(value);\n    if (!Number.isFinite(n)) return '';\n\n    const options: Intl.NumberFormatOptions =\n      typeof styleOrOptions === 'string' ? this.toOptions(styleOrOptions, currency) : styleOrOptions;\n\n    return new Intl.NumberFormat(this.locale, options).format(n);\n  }\n\n  private toOptions(style: WrNumberStyle, currency: string): Intl.NumberFormatOptions {\n    switch (style) {\n      case 'percent':\n        return { style: 'percent', maximumFractionDigits: 2 };\n      case 'currency':\n        return { style: 'currency', currency };\n      case 'decimal':\n      default:\n        return { style: 'decimal' };\n    }\n  }\n}\n\nexport type { WrNumberStyle } from './interfaces';\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 { LOCALE_ID, Pipe, inject } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\nimport type { WrPluralForms, WrPluralOptions } from './interfaces';\n\n/**\n * Locale-aware pluralization via `Intl.PluralRules`. Picks the right word\n * form for the count — including languages with more than two forms\n * (Russian, Polish, Arabic, …) — without hand-rolled `n % 10` rules.\n *\n * Categories follow CLDR: `zero` / `one` / `two` / `few` / `many` /\n * `other`. Missing categories fall back to `other`.\n *\n * @example\n * ```html\n * {{ 1 | wrPlural: { one: 'comment', other: 'comments' } }}\n * <!-- \"1 comment\" -->\n *\n * {{ 5 | wrPlural: { one: 'файл', few: 'файла', other: 'файлов' } }}\n * <!-- \"5 файлов\" (with LOCALE_ID = ru) -->\n *\n * {{ count() | wrPlural: forms : { includeValue: false } }}\n * <!-- word only -->\n * ```\n */\n@Pipe({ name: 'wrPlural' })\nexport class WrPlural implements PipeTransform {\n  private readonly locale = inject(LOCALE_ID);\n\n  transform(value: number | null | undefined, forms: WrPluralForms, options: WrPluralOptions = {}): string {\n    if (value === null || value === undefined || !Number.isFinite(value)) return '';\n    const locale = options.locale ?? this.locale;\n    const category = new Intl.PluralRules(locale).select(value);\n    const word = forms[category] ?? forms.other;\n    if (options.includeValue === false) return word;\n    return `${new Intl.NumberFormat(locale).format(value)} ${word}`;\n  }\n}\n\nexport type { WrPluralForms, WrPluralOptions } from './interfaces';\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 { Pipe } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\n/**\n * Creates an array of sequential indices `[0, 1, 2, ..., n-1]`.\n *\n * Useful for repeating template blocks a fixed number of times.\n *\n * @example\n * ```html\n * @for (i of (5 | wrRange); track i) {\n *   <div>Item {{ i }}</div>\n * }\n * ```\n */\n@Pipe({ name: 'wrRange' })\nexport class WrRange implements PipeTransform {\n  transform(length: number): number[] {\n    return Array.from({ length }, (_, i) => i);\n  }\n}\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 { Pipe } from '@angular/core';\nimport type { PipeTransform } from '@angular/core';\n\n/**\n * Clamp a string to `length` characters, appending `ellipsis` when truncated.\n *\n * @example\n * ```html\n * {{ 'Hello, world' | wrTruncate: 5 }}           <!-- \"Hello…\"      -->\n * {{ 'Hello, world' | wrTruncate: 8: '...' }}    <!-- \"Hello, w...\" -->\n * ```\n */\n@Pipe({ name: 'wrTruncate' })\nexport class WrTruncate implements PipeTransform {\n  transform(value: string | null | undefined, length = 80, ellipsis = '…'): string {\n    if (value === null || value === undefined) return '';\n    const s = String(value);\n    if (s.length <= length) return s;\n    return s.slice(0, Math.max(0, length)) + ellipsis;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-platform.mjs

@@ -48,10 +48,10 @@ class WrPlatform {
         this.destroyRef.onDestroy(() => mql.removeEventListener('change', handler));
         return sig.asReadonly();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPlatform, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.1", ngImport: i0, type: WrPlatform });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrPlatform, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.2", ngImport: i0, type: WrPlatform });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPlatform, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrPlatform, decorators: [{
             type: Service
         }] });
 
@@ -110,10 +110,10 @@ class WrVisualViewport {
             root.style.removeProperty('--wr-keyboard-inset');
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrVisualViewport, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.1", ngImport: i0, type: WrVisualViewport });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrVisualViewport, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.2", ngImport: i0, type: WrVisualViewport });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrVisualViewport, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrVisualViewport, decorators: [{
             type: Service
         }], ctorParameters: () => [] });
 
@@ -212,10 +212,10 @@ class WrHaptics {
     stop() {
         this.vibrate(0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrHaptics, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.1", ngImport: i0, type: WrHaptics });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrHaptics, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.2", ngImport: i0, type: WrHaptics });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrHaptics, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrHaptics, decorators: [{
             type: Service
         }] });
 

package/fesm2022/ngwr-popconfirm.mjs

@@ -48,10 +48,10 @@ class WrPopconfirmPanel {
     ...(ngDevMode ? [{ debugName: "confirmColor" }] : /* istanbul ignore next */ []));
     confirmed = output();
     cancelled = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPopconfirmPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.1", type: WrPopconfirmPanel, isStandalone: true, selector: "wr-popconfirm", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, messageId: { classPropertyName: "messageId", publicName: "messageId", isSignal: true, isRequired: false, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, confirmColor: { classPropertyName: "confirmColor", publicName: "confirmColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, host: { classAttribute: "wr-popconfirm" }, ngImport: i0, template: "<p class=\"wr-popconfirm__message\" [attr.id]=\"messageId()\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn class=\"wr-popconfirm__action wr-popconfirm__action--cancel\" size=\"sm\" (click)=\"cancelled.emit()\">\n    {{ cancelText() }}\n  </wr-btn>\n  <wr-btn\n    class=\"wr-popconfirm__action wr-popconfirm__action--confirm\"\n    size=\"sm\"\n    [color]=\"confirmColor()\"\n    (click)=\"confirmed.emit()\"\n  >\n    {{ confirmText() }}\n  </wr-btn>\n</div>\n", dependencies: [{ kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "isDisabledWhenLoading"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrPopconfirmPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: WrPopconfirmPanel, isStandalone: true, selector: "wr-popconfirm", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, messageId: { classPropertyName: "messageId", publicName: "messageId", isSignal: true, isRequired: false, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, confirmColor: { classPropertyName: "confirmColor", publicName: "confirmColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, host: { classAttribute: "wr-popconfirm" }, ngImport: i0, template: "<p class=\"wr-popconfirm__message\" [attr.id]=\"messageId()\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn class=\"wr-popconfirm__action wr-popconfirm__action--cancel\" size=\"sm\" (click)=\"cancelled.emit()\">\n    {{ cancelText() }}\n  </wr-btn>\n  <wr-btn\n    class=\"wr-popconfirm__action wr-popconfirm__action--confirm\"\n    size=\"sm\"\n    [color]=\"confirmColor()\"\n    (click)=\"confirmed.emit()\"\n  >\n    {{ confirmText() }}\n  </wr-btn>\n</div>\n", dependencies: [{ kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "isDisabledWhenLoading"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPopconfirmPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrPopconfirmPanel, decorators: [{
             type: Component,
             args: [{ selector: 'wr-popconfirm', encapsulation: ViewEncapsulation.None, host: { class: 'wr-popconfirm' }, imports: [WrButton], template: "<p class=\"wr-popconfirm__message\" [attr.id]=\"messageId()\">{{ message() }}</p>\n\n<div class=\"wr-popconfirm__actions\">\n  <wr-btn class=\"wr-popconfirm__action wr-popconfirm__action--cancel\" size=\"sm\" (click)=\"cancelled.emit()\">\n    {{ cancelText() }}\n  </wr-btn>\n  <wr-btn\n    class=\"wr-popconfirm__action wr-popconfirm__action--confirm\"\n    size=\"sm\"\n    [color]=\"confirmColor()\"\n    (click)=\"confirmed.emit()\"\n  >\n    {{ confirmText() }}\n  </wr-btn>\n</div>\n" }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], messageId: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageId", required: false }] }], confirmText: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmText", required: false }] }], cancelText: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelText", required: false }] }], confirmColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmColor", required: false }] }], confirmed: [{ type: i0.Output, args: ["confirmed"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
@@ -235,10 +235,10 @@ class WrPopconfirm {
     isRtl() {
         return this.dir?.value === 'rtl';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPopconfirm, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.1", type: WrPopconfirm, isStandalone: true, selector: "[wrPopconfirm]", inputs: { message: { classPropertyName: "message", publicName: "wrPopconfirm", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, confirmColor: { classPropertyName: "confirmColor", publicName: "confirmColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, host: { listeners: { "click": "toggle($event)" }, properties: { "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "isOpen()", "attr.aria-controls": "isOpen() ? panelId : null" }, classAttribute: "wr-popconfirm-trigger" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrPopconfirm, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: WrPopconfirm, isStandalone: true, selector: "[wrPopconfirm]", inputs: { message: { classPropertyName: "message", publicName: "wrPopconfirm", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, confirmColor: { classPropertyName: "confirmColor", publicName: "confirmColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, host: { listeners: { "click": "toggle($event)" }, properties: { "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "isOpen()", "attr.aria-controls": "isOpen() ? panelId : null" }, classAttribute: "wr-popconfirm-trigger" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrPopconfirm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrPopconfirm, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrPopconfirm]',

package/fesm2022/ngwr-popover-testing.mjs

@@ -240,8 +240,13 @@ class WrPopoverHarness extends ContentContainerComponentHarness {
      * Where the panel sits relative to the trigger, or `null` when it is presented
      * as a sheet and has no anchor.
      *
-     * The resolved position — the directive defaults it per mode (`bottom` for a
-     * popover, `top` for a tooltip) — read off the pane's public modifier class.
+     * The APPLIED position, not the requested one: CDK flips a placement that does
+     * not fit to the next in its fallback chain and swaps the modifier class with
+     * it. Under a unit test that is always the requested placement — jsdom measures
+     * every box as 0×0, so the first candidate always "fits" — but in a browser the
+     * two can differ, and this answers what is on screen. The directive defaults
+     * the request per mode (`bottom` for a popover, `top` for a tooltip).
+     *
      * The arrow itself is a `::after` pseudo-element, so it exists for no DOM query
      * at all; this class is the placement, and it is what the arrow's own CSS keys
      * off.