cmat 0.0.28 → 0.0.30

package/fesm2022/cmat-components-pagination.mjs

@@ -1,19 +1,19 @@
 import { NgStyle, DecimalPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Injectable, Output, Input, Directive, ViewEncapsulation, ChangeDetectionStrategy, Component, Pipe } from '@angular/core';
-import * as i6 from '@angular/material/button';
+import { EventEmitter, Injectable, inject, ChangeDetectorRef, Output, Input, Directive, ViewEncapsulation, ChangeDetectionStrategy, Component, Pipe } from '@angular/core';
+import * as i5 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/form-field';
+import * as i2 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i2 from '@angular/material/icon';
+import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@angular/material/input';
+import * as i3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i5 from '@angular/material/select';
+import * as i4 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import { Subject, takeUntil } from 'rxjs';
 import { CmatDigitOnlyDirective } from 'cmat/directives/digit-only';
-import * as i1 from 'cmat/services/media-watcher';
+import { CmatMediaWatcherService } from 'cmat/services/media-watcher';
 import { isNil } from 'lodash-es';
 
 class CmatPaginationService {
@@ -24,9 +24,7 @@ class CmatPaginationService {
     }
     defaultId() { return this._defaultPaginationId; }
     register(instance) {
-        if (instance.id == null) {
-            instance.id = this._defaultPaginationId;
-        }
+        instance.id ??= this._defaultPaginationId;
         if (!this._instances[instance.id]) {
             this._instances[instance.id] = instance;
             return true;
@@ -94,10 +92,10 @@ class CmatPaginationService {
         }
         return target;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPaginationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPaginationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPaginationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPaginationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -105,14 +103,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
         }] });
 
 class CmatPaginationDirective {
-    constructor(service, changeDetectorRef) {
-        this.service = service;
-        this.changeDetectorRef = changeDetectorRef;
+    constructor() {
         this.maxSize = 7;
         this.pageChange = new EventEmitter();
         this.pageBoundsCorrection = new EventEmitter();
         this.perPageCountChange = new EventEmitter();
         this.pages = [];
+        this.service = inject(CmatPaginationService);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
         this._unsubscribeAll = new Subject();
         this.service.change.pipe(takeUntil(this._unsubscribeAll))
             .subscribe((id) => {
@@ -123,9 +121,7 @@ class CmatPaginationDirective {
         });
     }
     ngOnInit() {
-        if (this.id === undefined) {
-            this.id = this.service.defaultId();
-        }
+        this.id ??= this.service.defaultId();
         this._updatePageLinks();
     }
     ngOnChanges() {
@@ -275,17 +271,16 @@ class CmatPaginationDirective {
             return i;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPaginationDirective, deps: [{ token: CmatPaginationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: CmatPaginationDirective, isStandalone: true, selector: "pagination-template,[pagination-template]", inputs: { id: "id", maxSize: "maxSize" }, outputs: { pageChange: "pageChange", pageBoundsCorrection: "pageBoundsCorrection", perPageCountChange: "perPageCountChange" }, exportAs: ["paginationApi"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPaginationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: CmatPaginationDirective, isStandalone: true, selector: "pagination-template,[pagination-template]", inputs: { id: "id", maxSize: "maxSize" }, outputs: { pageChange: "pageChange", pageBoundsCorrection: "pageBoundsCorrection", perPageCountChange: "perPageCountChange" }, exportAs: ["paginationApi"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPaginationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPaginationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'pagination-template,[pagination-template]',
-                    exportAs: 'paginationApi',
-                    standalone: true
+                    exportAs: 'paginationApi'
                 }]
-        }], ctorParameters: () => [{ type: CmatPaginationService }, { type: i0.ChangeDetectorRef }], propDecorators: { id: [{
+        }], ctorParameters: () => [], propDecorators: { id: [{
                 type: Input
             }], maxSize: [{
                 type: Input
@@ -298,15 +293,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
             }] } });
 
 class CmatPaginationComponent {
-    constructor(_cmatMediaWatcherService, _changeDetectorRef) {
-        this._cmatMediaWatcherService = _cmatMediaWatcherService;
-        this._changeDetectorRef = _changeDetectorRef;
+    constructor() {
         this.pageChange = new EventEmitter();
         this.pageBoundsCorrection = new EventEmitter();
         this.perPageCountChange = new EventEmitter();
         this.maxSize = 7;
         this.itemsPerPages = [10, 20, 30];
         this.initPerPage = 10;
+        this._cmatMediaWatcherService = inject(CmatMediaWatcherService);
+        this._changeDetectorRef = inject(ChangeDetectorRef);
         this._autoHide = false;
         this._unsubscribeAll = new Subject();
     }
@@ -324,13 +319,13 @@ class CmatPaginationComponent {
             this._changeDetectorRef.markForCheck();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPaginationComponent, deps: [{ token: i1.CmatMediaWatcherService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: CmatPaginationComponent, isStandalone: true, selector: "cmat-pagination", inputs: { id: "id", maxSize: "maxSize", itemsPerPages: "itemsPerPages", initPerPage: "initPerPage", autoHide: "autoHide" }, outputs: { pageChange: "pageChange", pageBoundsCorrection: "pageBoundsCorrection", perPageCountChange: "perPageCountChange" }, exportAs: ["cmatPagination"], ngImport: i0, template: "<pagination-template #p=\"paginationApi\" class=\"w-full px-4 py-2 flex\" [id]=\"id\"\r\n  [maxSize]=\"isScreenSmall&&maxSize>5?5:maxSize\" (pageChange)=\"pageChange.emit($event)\"\r\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\" (perPageCountChange)=\"perPageCountChange.emit($event)\">\r\n  <div class=\"hidden md:flex flex-auto items-center\">\r\n    <span>\u603B\u8BA1:{{p.getTotalItems()}}</span>\r\n  </div>\r\n  <nav role=\"navigation\" class=\"flex min-h-12 w-full md:w-0\">\r\n    @if (!(autoHide && p.pages.length <= 1)) {\r\n      <ul\r\n        class=\"flex flex-row items-center justify-center md:justify-end w-full\">\r\n        <li>\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===1\"\r\n            (click)=\"p.goFirstPage()\">\r\n            <mat-icon svgIcon=\"mat_outline:first_page\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li class=\"pr-4\">\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===1\"\r\n            (click)=\"p.previous()\">\r\n            <mat-icon svgIcon=\"mat_outline:navigate_before\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <div class=\"flex flex-row gap-4\">\r\n          @for (page of p.pages; track $index) {\r\n            <li class=\"flex text-xl lg:text-2xl\">\r\n              @if (p.getCurrent() !== page.value) {\r\n                <a tabindex=\"0\" role=\"presentation\"\r\n                  class=\"cursor-pointer text-gray-400 hover:text-current\" (click)=\"p.setCurrent(page.value)\">\r\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\r\n                </a>\r\n              }\r\n              @if (p.getCurrent() === page.value) {\r\n                <span class=\"text-current\">\r\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\r\n                </span>\r\n              }\r\n            </li>\r\n          }\r\n        </div>        \r\n        <li class=\"pl-4\">\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===p.getLastPage()\"\r\n            (click)=\"p.next()\">\r\n            <mat-icon svgIcon=\"mat_outline:navigate_next\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li>\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===p.getLastPage()\"\r\n            (click)=\"p.goLastPage()\">\r\n            <mat-icon svgIcon=\"mat_outline:last_page\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li class=\"hidden md:block px-2\">\r\n          <mat-form-field [ngStyle]=\"{'width':((p.getLastPage()?.toString()?.length||0)*8+64)+'px'}\">\r\n            <input #current matInput type=\"text\" cmatDigitOnly class=\"text-end\"\r\n              [value]=\"p.getCurrent()\" [autocomplete]=\"'off'\" [min]=\"0\" [max]=\"p.getLastPage()||0\"\r\n              (keyup.enter)=\"p.setCurrent(current.value)\">\r\n              <span matSuffix>/<div class=\"pl-1\">{{p.getLastPage()}}</div></span>\r\n            </mat-form-field>\r\n          </li>\r\n          <li class=\"hidden md:block\">\r\n            <mat-form-field class=\"w-24\">\r\n              <mat-select #pageCount name=\"pageCount\" [value]=\"initPerPage\"\r\n                (selectionChange)=\"p.setItemsPerPage(pageCount.value)\">\r\n                @for (perPage of itemsPerPages; track perPage) {\r\n                  <mat-option [value]=\"perPage\">\r\n                    {{perPage}}\r\n                  </mat-option>\r\n                }\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </li>\r\n        </ul>\r\n      }\r\n    </nav>\r\n  </pagination-template>", dependencies: [{ kind: "directive", type: CmatPaginationDirective, selector: "pagination-template,[pagination-template]", inputs: ["id", "maxSize"], outputs: ["pageChange", "pageBoundsCorrection", "perPageCountChange"], exportAs: ["paginationApi"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: CmatDigitOnlyDirective, selector: "[cmatDigitOnly]", inputs: ["decimal", "decimalSeparator", "allowNegatives", "allowPaste", "negativeSign", "min", "max", "pattern"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: CmatPaginationComponent, isStandalone: true, selector: "cmat-pagination", inputs: { id: "id", maxSize: "maxSize", itemsPerPages: "itemsPerPages", initPerPage: "initPerPage", autoHide: "autoHide" }, outputs: { pageChange: "pageChange", pageBoundsCorrection: "pageBoundsCorrection", perPageCountChange: "perPageCountChange" }, exportAs: ["cmatPagination"], ngImport: i0, template: "<pagination-template #p=\"paginationApi\" class=\"w-full px-4 py-2 flex\" [id]=\"id\"\r\n  [maxSize]=\"isScreenSmall&&maxSize>5?5:maxSize\" (pageChange)=\"pageChange.emit($event)\"\r\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\" (perPageCountChange)=\"perPageCountChange.emit($event)\">\r\n  <div class=\"hidden md:flex flex-auto items-center\">\r\n    <span>\u603B\u8BA1:{{p.getTotalItems()}}</span>\r\n  </div>\r\n  <nav role=\"navigation\" class=\"flex min-h-12 w-full md:w-0\">\r\n    @if (!(autoHide && p.pages.length <= 1)) {\r\n      <ul\r\n        class=\"flex flex-row items-center justify-center md:justify-end w-full\">\r\n        <li>\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===1\"\r\n            (click)=\"p.goFirstPage()\">\r\n            <mat-icon svgIcon=\"mat_outline:first_page\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li class=\"pr-4\">\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===1\"\r\n            (click)=\"p.previous()\">\r\n            <mat-icon svgIcon=\"mat_outline:navigate_before\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <div class=\"flex flex-row gap-4\">\r\n          @for (page of p.pages; track $index) {\r\n            <li class=\"flex text-xl lg:text-2xl\">\r\n              @if (p.getCurrent() !== page.value) {\r\n                <a tabindex=\"0\" role=\"presentation\"\r\n                  class=\"cursor-pointer text-gray-400 hover:text-current\" (click)=\"p.setCurrent(page.value)\">\r\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\r\n                </a>\r\n              }\r\n              @if (p.getCurrent() === page.value) {\r\n                <span class=\"text-current\">\r\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\r\n                </span>\r\n              }\r\n            </li>\r\n          }\r\n        </div>        \r\n        <li class=\"pl-4\">\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===p.getLastPage()\"\r\n            (click)=\"p.next()\">\r\n            <mat-icon svgIcon=\"mat_outline:navigate_next\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li>\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===p.getLastPage()\"\r\n            (click)=\"p.goLastPage()\">\r\n            <mat-icon svgIcon=\"mat_outline:last_page\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li class=\"hidden md:block px-2\">\r\n          <mat-form-field [ngStyle]=\"{'width':((p.getLastPage()?.toString()?.length||0)*8+64)+'px'}\">\r\n            <input #current matInput type=\"text\" cmatDigitOnly class=\"text-end\"\r\n              [value]=\"p.getCurrent()\" [autocomplete]=\"'off'\" [min]=\"0\" [max]=\"p.getLastPage()||0\"\r\n              (keyup.enter)=\"p.setCurrent(current.value)\">\r\n              <span matSuffix>/<div class=\"pl-1\">{{p.getLastPage()}}</div></span>\r\n            </mat-form-field>\r\n          </li>\r\n          <li class=\"hidden md:block\">\r\n            <mat-form-field class=\"w-24\">\r\n              <mat-select #pageCount name=\"pageCount\" [value]=\"initPerPage\"\r\n                (selectionChange)=\"p.setItemsPerPage(pageCount.value)\">\r\n                @for (perPage of itemsPerPages; track perPage) {\r\n                  <mat-option [value]=\"perPage\">\r\n                    {{perPage}}\r\n                  </mat-option>\r\n                }\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </li>\r\n        </ul>\r\n      }\r\n    </nav>\r\n  </pagination-template>", dependencies: [{ kind: "directive", type: CmatPaginationDirective, selector: "pagination-template,[pagination-template]", inputs: ["id", "maxSize"], outputs: ["pageChange", "pageBoundsCorrection", "perPageCountChange"], exportAs: ["paginationApi"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: CmatDigitOnlyDirective, selector: "[cmatDigitOnly]", inputs: ["decimal", "decimalSeparator", "allowNegatives", "allowPaste", "negativeSign", "min", "max", "pattern"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-pagination', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'cmatPagination', imports: [CmatPaginationDirective, MatIconModule, NgStyle, MatFormFieldModule, MatInputModule, CmatDigitOnlyDirective, MatSelectModule, DecimalPipe, MatButtonModule], template: "<pagination-template #p=\"paginationApi\" class=\"w-full px-4 py-2 flex\" [id]=\"id\"\r\n  [maxSize]=\"isScreenSmall&&maxSize>5?5:maxSize\" (pageChange)=\"pageChange.emit($event)\"\r\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\" (perPageCountChange)=\"perPageCountChange.emit($event)\">\r\n  <div class=\"hidden md:flex flex-auto items-center\">\r\n    <span>\u603B\u8BA1:{{p.getTotalItems()}}</span>\r\n  </div>\r\n  <nav role=\"navigation\" class=\"flex min-h-12 w-full md:w-0\">\r\n    @if (!(autoHide && p.pages.length <= 1)) {\r\n      <ul\r\n        class=\"flex flex-row items-center justify-center md:justify-end w-full\">\r\n        <li>\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===1\"\r\n            (click)=\"p.goFirstPage()\">\r\n            <mat-icon svgIcon=\"mat_outline:first_page\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li class=\"pr-4\">\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===1\"\r\n            (click)=\"p.previous()\">\r\n            <mat-icon svgIcon=\"mat_outline:navigate_before\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <div class=\"flex flex-row gap-4\">\r\n          @for (page of p.pages; track $index) {\r\n            <li class=\"flex text-xl lg:text-2xl\">\r\n              @if (p.getCurrent() !== page.value) {\r\n                <a tabindex=\"0\" role=\"presentation\"\r\n                  class=\"cursor-pointer text-gray-400 hover:text-current\" (click)=\"p.setCurrent(page.value)\">\r\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\r\n                </a>\r\n              }\r\n              @if (p.getCurrent() === page.value) {\r\n                <span class=\"text-current\">\r\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\r\n                </span>\r\n              }\r\n            </li>\r\n          }\r\n        </div>        \r\n        <li class=\"pl-4\">\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===p.getLastPage()\"\r\n            (click)=\"p.next()\">\r\n            <mat-icon svgIcon=\"mat_outline:navigate_next\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li>\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===p.getLastPage()\"\r\n            (click)=\"p.goLastPage()\">\r\n            <mat-icon svgIcon=\"mat_outline:last_page\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li class=\"hidden md:block px-2\">\r\n          <mat-form-field [ngStyle]=\"{'width':((p.getLastPage()?.toString()?.length||0)*8+64)+'px'}\">\r\n            <input #current matInput type=\"text\" cmatDigitOnly class=\"text-end\"\r\n              [value]=\"p.getCurrent()\" [autocomplete]=\"'off'\" [min]=\"0\" [max]=\"p.getLastPage()||0\"\r\n              (keyup.enter)=\"p.setCurrent(current.value)\">\r\n              <span matSuffix>/<div class=\"pl-1\">{{p.getLastPage()}}</div></span>\r\n            </mat-form-field>\r\n          </li>\r\n          <li class=\"hidden md:block\">\r\n            <mat-form-field class=\"w-24\">\r\n              <mat-select #pageCount name=\"pageCount\" [value]=\"initPerPage\"\r\n                (selectionChange)=\"p.setItemsPerPage(pageCount.value)\">\r\n                @for (perPage of itemsPerPages; track perPage) {\r\n                  <mat-option [value]=\"perPage\">\r\n                    {{perPage}}\r\n                  </mat-option>\r\n                }\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </li>\r\n        </ul>\r\n      }\r\n    </nav>\r\n  </pagination-template>" }]
-        }], ctorParameters: () => [{ type: i1.CmatMediaWatcherService }, { type: i0.ChangeDetectorRef }], propDecorators: { pageChange: [{
+        }], propDecorators: { pageChange: [{
                 type: Output
             }], pageBoundsCorrection: [{
                 type: Output
@@ -350,8 +345,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
 
 const LARGE_NUMBER = Number.MAX_SAFE_INTEGER;
 class CmatPaginatePipe {
-    constructor(service) {
-        this.service = service;
+    constructor() {
+        this.service = inject(CmatPaginationService);
         this.state = {};
     }
     transform(collection, args) {
@@ -432,17 +427,16 @@ class CmatPaginatePipe {
         }
         return state.slice.every((element, index) => element === collection[start + index]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPaginatePipe, deps: [{ token: CmatPaginationService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: CmatPaginatePipe, isStandalone: true, name: "paginate" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPaginatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.2", ngImport: i0, type: CmatPaginatePipe, isStandalone: true, name: "paginate" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPaginatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPaginatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'paginate',
-                    pure: true,
-                    standalone: true
+                    pure: true
                 }]
-        }], ctorParameters: () => [{ type: CmatPaginationService }] });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/cmat-components-pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-pagination.mjs","sources":["../../../projects/cmat/components/pagination/pagination.service.ts","../../../projects/cmat/components/pagination/pagination.directive.ts","../../../projects/cmat/components/pagination/pagination.component.ts","../../../projects/cmat/components/pagination/pagination.component.html","../../../projects/cmat/components/pagination/pagination.pipe.ts","../../../projects/cmat/components/pagination/cmat-components-pagination.ts"],"sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\r\nimport { CmatPaginationInstance } from './pagination.instance';\r\n\r\n@Injectable({\r\n    providedIn: 'root'\r\n})\r\nexport class CmatPaginationService {\r\n    public change: EventEmitter<string> = new EventEmitter<string>();\r\n\r\n    private _instances: Record<string, CmatPaginationInstance> = {};\r\n    private _defaultPaginationId = 'DEFAULT_PAGINATION_ID';\r\n\r\n    public defaultId(): string { return this._defaultPaginationId; }\r\n\r\n    public register(instance: CmatPaginationInstance): boolean {\r\n        if (instance.id == null) {\r\n            instance.id = this._defaultPaginationId;\r\n        }\r\n\r\n        if (!this._instances[instance.id]) {\r\n            this._instances[instance.id] = instance;\r\n            return true;\r\n        } else {\r\n            return this._updateInstance(instance);\r\n        }\r\n    }\r\n\r\n    public getCurrentPage(id: string): number | void {\r\n        if (this._instances[id]) {\r\n            return this._instances[id].currentPage;\r\n        }\r\n    }\r\n\r\n    public getItemsPerPage(id: string): number | void {\r\n        if (this._instances[id]) {\r\n            return this._instances[id].itemsPerPage;\r\n        }\r\n    }\r\n\r\n    public setCurrentPage(id: string, page: number): void {\r\n        if (this._instances[id]) {\r\n            const instance = this._instances[id];\r\n            const maxPage = Math.ceil(instance.totalItems / instance.itemsPerPage);\r\n            if (page <= maxPage && 1 <= page) {\r\n                this._instances[id].currentPage = page;\r\n                this.change.emit(id);\r\n            }\r\n        }\r\n    }\r\n\r\n    public setTotalItems(id: string, totalItems: number): void {\r\n        if (this._instances[id] && 0 <= totalItems) {\r\n            this._instances[id].totalItems = totalItems;\r\n            this.change.emit(id);\r\n        }\r\n    }\r\n\r\n    public setItemsPerPage(id: string, itemsPerPage: number): void {\r\n        if (this._instances[id]) {\r\n            this._instances[id].itemsPerPage = itemsPerPage;\r\n            this.change.emit(id);\r\n        }\r\n    }\r\n\r\n    public getInstance(id: string = this._defaultPaginationId): CmatPaginationInstance {\r\n        if (this._instances[id]) {\r\n            return this._clone(this._instances[id]);\r\n        }\r\n        return {} as CmatPaginationInstance;\r\n    }\r\n\r\n    private _updateInstance(instance: CmatPaginationInstance): boolean {\r\n        let changed = false;\r\n        if (instance.id) {\r\n            for (const prop in this._instances[instance.id]) {\r\n                if (instance[prop] !== this._instances[instance.id][prop]) {\r\n                    this._instances[instance.id][prop] = instance[prop];\r\n                    changed = true;\r\n                }\r\n            }\r\n        }\r\n        return changed;\r\n    }\r\n\r\n    private _clone(obj: any): any {\r\n        const target: any = {};\r\n        for (const i in obj) {\r\n            if (Object.prototype.hasOwnProperty.call(obj, i)) {\r\n                target[i] = obj[i];\r\n            }\r\n        }\r\n        return target;\r\n    }\r\n}\r\n","import { ChangeDetectorRef, Directive, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { CmatPaginationInstance } from './pagination.instance';\r\nimport { CmatPaginationService } from './pagination.service';\r\n\r\nexport interface Page {\r\n    label: string;\r\n    value: any;\r\n}\r\n@Directive({\r\n    selector: 'pagination-template,[pagination-template]',\r\n    exportAs: 'paginationApi',\r\n    standalone: true\r\n})\r\nexport class CmatPaginationDirective implements OnInit, OnChanges, OnDestroy {\r\n    @Input() id: string;\r\n    @Input() maxSize: number = 7;\r\n    @Output() pageChange: EventEmitter<number> = new EventEmitter<number>();\r\n    @Output() pageBoundsCorrection: EventEmitter<number> = new EventEmitter<number>();\r\n    @Output() perPageCountChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n    pages: Page[] = [];\r\n\r\n    private _unsubscribeAll: Subject<any> = new Subject<any>();\r\n\r\n    constructor(private service: CmatPaginationService,\r\n        private changeDetectorRef: ChangeDetectorRef) {\r\n        this.service.change.pipe(\r\n            takeUntil(this._unsubscribeAll))\r\n            .subscribe((id) => {\r\n                if (this.id === id) {\r\n                    this._updatePageLinks();\r\n                    this.changeDetectorRef.markForCheck();\r\n                }\r\n            });\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        if (this.id === undefined) {\r\n            this.id = this.service.defaultId();\r\n        }\r\n        this._updatePageLinks();\r\n    }\r\n\r\n    ngOnChanges(): void {\r\n        this._updatePageLinks();\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._unsubscribeAll.next(void 0);\r\n        this._unsubscribeAll.complete();\r\n    }\r\n\r\n    previous(): void {\r\n        if (!this.isFirstPage()) {\r\n            this._checkValidId();\r\n\r\n            const current = this.getCurrent();\r\n            if (current)\r\n                this.setCurrent(current - 1);\r\n        }\r\n    }\r\n\r\n    next(): void {\r\n        if (!this.isLastPage()) {\r\n            this._checkValidId();\r\n\r\n            const current = this.getCurrent();\r\n            if (current)\r\n                this.setCurrent(current + 1);\r\n        }\r\n    }\r\n\r\n    goFirstPage(): void {\r\n        if (!this.isFirstPage()) {\r\n            this._checkValidId();\r\n\r\n            this.setCurrent(1);\r\n        }\r\n    }\r\n\r\n    goLastPage(): void {\r\n        if (!this.isLastPage()) {\r\n            this._checkValidId();\r\n\r\n            const lastPage = this.getLastPage();\r\n            if (lastPage)\r\n                this.setCurrent(lastPage);\r\n        }\r\n    }\r\n\r\n    isFirstPage(): boolean {\r\n        return this.getCurrent() === 1;\r\n    }\r\n\r\n    isLastPage(): boolean {\r\n        return this.getLastPage() === this.getCurrent();\r\n    }\r\n\r\n    setCurrent(page: number | string): void {\r\n        this.pageChange.emit(page as number);\r\n    }\r\n\r\n    getCurrent(): number | void {\r\n        return this.service.getCurrentPage(this.id);\r\n    }\r\n\r\n    getLastPage(): number | void {\r\n        const inst = this.service.getInstance(this.id);\r\n        if (inst.totalItems < 1) {\r\n            // when there are 0 or fewer (an error case) items, there are no \"pages\" as such,\r\n            // but it makes sense to consider a single, empty page as the last page.\r\n            return 1;\r\n        }\r\n        return Math.ceil(inst.totalItems / inst.itemsPerPage);\r\n    }\r\n\r\n    getTotalItems(): number | void {\r\n        return this.service.getInstance(this.id).totalItems;\r\n    }\r\n\r\n    setItemsPerPage(count: number): void {\r\n        this.service.setItemsPerPage(this.id, count);\r\n\r\n        this.perPageCountChange.emit(count);\r\n        const inst = this.service.getInstance(this.id);\r\n        this.setCurrent(this._outOfBoundCorrection(inst));\r\n    }\r\n\r\n    private _checkValidId(): void {\r\n        if (this.service.getInstance(this.id).id == null) {\r\n            console.warn(`PaginationControlsDirective: the specified id \"${this.id}\" does not match any registered PaginationInstance`);\r\n        }\r\n    }\r\n\r\n    private _updatePageLinks(): void {\r\n        const inst = this.service.getInstance(this.id);\r\n        const correctedCurrentPage = this._outOfBoundCorrection(inst);\r\n\r\n        if (correctedCurrentPage !== inst.currentPage) {\r\n            setTimeout(() => {\r\n                this.pageBoundsCorrection.emit(correctedCurrentPage);\r\n                this.pages = this._createPageArray(inst.currentPage, inst.itemsPerPage, inst.totalItems, this.maxSize);\r\n            });\r\n        } else {\r\n            this.pages = this._createPageArray(inst.currentPage, inst.itemsPerPage, inst.totalItems, this.maxSize);\r\n        }\r\n    }\r\n\r\n    private _outOfBoundCorrection(instance: CmatPaginationInstance): number {\r\n        const totalPages = Math.ceil(instance.totalItems / instance.itemsPerPage);\r\n        if (totalPages < instance.currentPage && 0 < totalPages) {\r\n            return totalPages;\r\n        } else if (instance.currentPage < 1) {\r\n            return 1;\r\n        }\r\n\r\n        return instance.currentPage;\r\n    }\r\n\r\n    private _createPageArray(currentPage: number, itemsPerPage: number, totalItems: number, paginationRange: number): Page[] {\r\n        paginationRange = +paginationRange;\r\n        const pages = [];\r\n\r\n        const totalPages = Math.max(Math.ceil(totalItems / itemsPerPage), 1);\r\n        const halfWay = Math.ceil(paginationRange / 2);\r\n\r\n        const isStart = currentPage <= halfWay;\r\n        const isEnd = totalPages - halfWay < currentPage;\r\n        const isMiddle = !isStart && !isEnd;\r\n\r\n        const ellipsesNeeded = paginationRange < totalPages;\r\n        let i = 1;\r\n\r\n        while (i <= totalPages && i <= paginationRange) {\r\n            let label: any;\r\n            const pageNumber = this._calculatePageNumber(i, currentPage, paginationRange, totalPages);\r\n            const openingEllipsesNeeded = (i === 2 && (isMiddle || isEnd));\r\n            const closingEllipsesNeeded = (i === paginationRange - 1 && (isMiddle || isStart));\r\n            if (ellipsesNeeded && (openingEllipsesNeeded || closingEllipsesNeeded)) {\r\n                label = '...';\r\n            } else {\r\n                label = pageNumber;\r\n            }\r\n            pages.push({\r\n                label: label,\r\n                value: pageNumber\r\n            });\r\n            i++;\r\n        }\r\n\r\n        return pages;\r\n    }\r\n\r\n    private _calculatePageNumber(i: number, currentPage: number, paginationRange: number, totalPages: number): number {\r\n        const halfWay = Math.ceil(paginationRange / 2);\r\n        if (i === paginationRange) {\r\n            return totalPages;\r\n        } else if (i === 1) {\r\n            return i;\r\n        } else if (paginationRange < totalPages) {\r\n            if (totalPages - halfWay < currentPage) {\r\n                return totalPages - paginationRange + i;\r\n            } else if (halfWay < currentPage) {\r\n                return currentPage - halfWay + i;\r\n            } else {\r\n                return i;\r\n            }\r\n        } else {\r\n            return i;\r\n        }\r\n    }\r\n}\r\n","import { DecimalPipe, NgStyle } from '@angular/common';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { CmatDigitOnlyDirective } from 'cmat/directives/digit-only';\r\nimport { CmatMediaWatcherService } from 'cmat/services/media-watcher';\r\nimport { CmatPaginationDirective } from './pagination.directive';\r\n\r\n@Component({\r\n    selector: 'cmat-pagination',\r\n    templateUrl: './pagination.component.html',\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    exportAs: 'cmatPagination',\r\n    imports: [CmatPaginationDirective, MatIconModule, NgStyle, MatFormFieldModule, MatInputModule, CmatDigitOnlyDirective, MatSelectModule, DecimalPipe,MatButtonModule]\r\n})\r\nexport class CmatPaginationComponent implements OnInit {\r\n    @Output() pageChange: EventEmitter<number> = new EventEmitter<number>();\r\n    @Output() pageBoundsCorrection: EventEmitter<number> = new EventEmitter<number>();\r\n    @Output() perPageCountChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n    @Input() id: string;\r\n    @Input() maxSize: number = 7;\r\n\r\n    @Input() itemsPerPages: number[] = [10, 20, 30];\r\n    @Input() initPerPage: number = 10;\r\n\r\n    isScreenSmall: boolean;\r\n\r\n    private _autoHide: boolean = false;\r\n    private _unsubscribeAll: Subject<void> = new Subject<void>();\r\n\r\n    constructor(private _cmatMediaWatcherService: CmatMediaWatcherService, private _changeDetectorRef: ChangeDetectorRef) {\r\n\r\n    }\r\n\r\n    @Input()\r\n    get autoHide(): boolean {\r\n        return this._autoHide;\r\n    }\r\n    set autoHide(value: boolean) {\r\n        this._autoHide = !!value;\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this._cmatMediaWatcherService.onMediaChange$\r\n            .pipe(takeUntil(this._unsubscribeAll))\r\n            .subscribe(({ matchingAliases }) => {\r\n                this.isScreenSmall = !matchingAliases.includes('md');\r\n                this._changeDetectorRef.markForCheck();\r\n            });\r\n    }\r\n}\r\n","<pagination-template #p=\"paginationApi\" class=\"w-full px-4 py-2 flex\" [id]=\"id\"\r\n  [maxSize]=\"isScreenSmall&&maxSize>5?5:maxSize\" (pageChange)=\"pageChange.emit($event)\"\r\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\" (perPageCountChange)=\"perPageCountChange.emit($event)\">\r\n  <div class=\"hidden md:flex flex-auto items-center\">\r\n    <span>总计:{{p.getTotalItems()}}</span>\r\n  </div>\r\n  <nav role=\"navigation\" class=\"flex min-h-12 w-full md:w-0\">\r\n    @if (!(autoHide && p.pages.length <= 1)) {\r\n      <ul\r\n        class=\"flex flex-row items-center justify-center md:justify-end w-full\">\r\n        <li>\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===1\"\r\n            (click)=\"p.goFirstPage()\">\r\n            <mat-icon svgIcon=\"mat_outline:first_page\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li class=\"pr-4\">\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===1\"\r\n            (click)=\"p.previous()\">\r\n            <mat-icon svgIcon=\"mat_outline:navigate_before\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <div class=\"flex flex-row gap-4\">\r\n          @for (page of p.pages; track $index) {\r\n            <li class=\"flex text-xl lg:text-2xl\">\r\n              @if (p.getCurrent() !== page.value) {\r\n                <a tabindex=\"0\" role=\"presentation\"\r\n                  class=\"cursor-pointer text-gray-400 hover:text-current\" (click)=\"p.setCurrent(page.value)\">\r\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\r\n                </a>\r\n              }\r\n              @if (p.getCurrent() === page.value) {\r\n                <span class=\"text-current\">\r\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\r\n                </span>\r\n              }\r\n            </li>\r\n          }\r\n        </div>        \r\n        <li class=\"pl-4\">\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===p.getLastPage()\"\r\n            (click)=\"p.next()\">\r\n            <mat-icon svgIcon=\"mat_outline:navigate_next\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li>\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===p.getLastPage()\"\r\n            (click)=\"p.goLastPage()\">\r\n            <mat-icon svgIcon=\"mat_outline:last_page\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li class=\"hidden md:block px-2\">\r\n          <mat-form-field [ngStyle]=\"{'width':((p.getLastPage()?.toString()?.length||0)*8+64)+'px'}\">\r\n            <input #current matInput type=\"text\" cmatDigitOnly class=\"text-end\"\r\n              [value]=\"p.getCurrent()\" [autocomplete]=\"'off'\" [min]=\"0\" [max]=\"p.getLastPage()||0\"\r\n              (keyup.enter)=\"p.setCurrent(current.value)\">\r\n              <span matSuffix>/<div class=\"pl-1\">{{p.getLastPage()}}</div></span>\r\n            </mat-form-field>\r\n          </li>\r\n          <li class=\"hidden md:block\">\r\n            <mat-form-field class=\"w-24\">\r\n              <mat-select #pageCount name=\"pageCount\" [value]=\"initPerPage\"\r\n                (selectionChange)=\"p.setItemsPerPage(pageCount.value)\">\r\n                @for (perPage of itemsPerPages; track perPage) {\r\n                  <mat-option [value]=\"perPage\">\r\n                    {{perPage}}\r\n                  </mat-option>\r\n                }\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </li>\r\n        </ul>\r\n      }\r\n    </nav>\r\n  </pagination-template>","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { isNil } from 'lodash-es';\r\nimport { CmatPaginationInstance } from './pagination.instance';\r\nimport { CmatPaginationService } from './pagination.service';\r\n\r\nconst LARGE_NUMBER = Number.MAX_SAFE_INTEGER;\r\n\r\nexport type Collection<T> = T[];\r\n\r\nexport interface CmatPaginatePipeArgs {\r\n    id?: string;\r\n    currentPage: string | number;\r\n    itemsPerPage: string | number;\r\n    totalItems: string | number;\r\n}\r\n\r\nexport interface CmatPipeState {\r\n    collection: any[];\r\n    size: number;\r\n    start?: number;\r\n    end?: number;\r\n    slice: any[];\r\n}\r\n\r\n@Pipe({\r\n    name: 'paginate',\r\n    pure: true,\r\n    standalone: true\r\n})\r\nexport class CmatPaginatePipe implements PipeTransform {\r\n    private state: Record<string, CmatPipeState> = {};\r\n\r\n    constructor(private service: CmatPaginationService) {\r\n    }\r\n\r\n    public transform<T, U extends Collection<T>>(collection: U, args: CmatPaginatePipeArgs): U {\r\n        if (!(collection instanceof Array)) {\r\n            const _id = args.id ?? this.service.defaultId();\r\n            if (this.state[_id]) {\r\n                return this.state[_id].slice as U;\r\n            } else {\r\n                return collection;\r\n            }\r\n        }\r\n\r\n        const serverSideMode = args.totalItems && args.totalItems !== collection.length;\r\n        const instance = this.createInstance(collection, args);\r\n\r\n        const id = instance.id!;\r\n        let start;\r\n        let end;\r\n        let perPage = args.itemsPerPage;\r\n\r\n        const emitChange = this.service.register(instance);\r\n\r\n        if (!serverSideMode && collection instanceof Array) {\r\n            perPage = +perPage || LARGE_NUMBER;\r\n            start = (instance.currentPage - 1) * perPage;\r\n            end = start + perPage;\r\n\r\n            const isIdentical = this._stateIsIdentical(id, collection, start, end);\r\n            if (isIdentical) {\r\n                return this.state[id].slice as U;\r\n            } else {\r\n                const slice = collection.slice(start, end);\r\n                this._saveState(id, collection, slice, start, end);\r\n                this.service.change.emit(id);\r\n                return slice as U;\r\n            }\r\n        } else {\r\n            if (emitChange) {\r\n                this.service.change.emit(id);\r\n            }\r\n\r\n            this._saveState(id, collection, collection, start, end);\r\n\r\n            return collection;\r\n        }\r\n\r\n    }\r\n\r\n    private createInstance(collection: any[], config: CmatPaginatePipeArgs): CmatPaginationInstance {\r\n        this.checkConfig(config);\r\n\r\n        return {\r\n            id: !isNil(config.id) ? config.id : this.service.defaultId(),\r\n            itemsPerPage: +config.itemsPerPage || 10,\r\n            currentPage: +config.currentPage || 1,\r\n            totalItems: +config.totalItems || collection.length\r\n        };\r\n    }\r\n\r\n    private checkConfig(config: CmatPaginatePipeArgs): void {\r\n        const required = ['itemsPerPage', 'currentPage'];\r\n\r\n        const missing = required.filter(prop => !(prop in config));\r\n        if (0 < missing.length) {\r\n            throw new Error(`PaginatePipe: Argument is missing the following required properties: ${missing.join(', ')}`);\r\n        }\r\n    }\r\n\r\n    private _saveState(id: string, collection: any[], slice: any[], start?: number, end?: number): void {\r\n        this.state[id] = {\r\n            collection,\r\n            size: collection.length,\r\n            slice,\r\n            start,\r\n            end\r\n        };\r\n    }\r\n\r\n    private _stateIsIdentical(id: string, collection: any[], start: number, end: number): boolean {\r\n        const state = this.state[id];\r\n        if (!state) {\r\n            return false;\r\n        }\r\n        const isMetaDataIdentical = state.size === collection.length &&\r\n            state.start === start &&\r\n            state.end === end;\r\n\r\n        if (!isMetaDataIdentical) {\r\n            return false;\r\n        }\r\n\r\n        return state.slice.every((element, index) => element === collection[start + index]);\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.CmatPaginationService"],"mappings":"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"}
+{"version":3,"file":"cmat-components-pagination.mjs","sources":["../../../projects/cmat/components/pagination/pagination.service.ts","../../../projects/cmat/components/pagination/pagination.directive.ts","../../../projects/cmat/components/pagination/pagination.component.ts","../../../projects/cmat/components/pagination/pagination.component.html","../../../projects/cmat/components/pagination/pagination.pipe.ts","../../../projects/cmat/components/pagination/cmat-components-pagination.ts"],"sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\r\nimport { CmatPaginationInstance } from './pagination.instance';\r\n\r\n@Injectable({\r\n    providedIn: 'root'\r\n})\r\nexport class CmatPaginationService {\r\n    public change: EventEmitter<string> = new EventEmitter<string>();\r\n\r\n    private _instances: Record<string, CmatPaginationInstance> = {};\r\n    private _defaultPaginationId = 'DEFAULT_PAGINATION_ID';\r\n\r\n    public defaultId(): string { return this._defaultPaginationId; }\r\n\r\n    public register(instance: CmatPaginationInstance): boolean {\r\n        instance.id ??= this._defaultPaginationId;\r\n\r\n        if (!this._instances[instance.id]) {\r\n            this._instances[instance.id] = instance;\r\n            return true;\r\n        } else {\r\n            return this._updateInstance(instance);\r\n        }\r\n    }\r\n\r\n    public getCurrentPage(id: string): number | void {\r\n        if (this._instances[id]) {\r\n            return this._instances[id].currentPage;\r\n        }\r\n    }\r\n\r\n    public getItemsPerPage(id: string): number | void {\r\n        if (this._instances[id]) {\r\n            return this._instances[id].itemsPerPage;\r\n        }\r\n    }\r\n\r\n    public setCurrentPage(id: string, page: number): void {\r\n        if (this._instances[id]) {\r\n            const instance = this._instances[id];\r\n            const maxPage = Math.ceil(instance.totalItems / instance.itemsPerPage);\r\n            if (page <= maxPage && 1 <= page) {\r\n                this._instances[id].currentPage = page;\r\n                this.change.emit(id);\r\n            }\r\n        }\r\n    }\r\n\r\n    public setTotalItems(id: string, totalItems: number): void {\r\n        if (this._instances[id] && 0 <= totalItems) {\r\n            this._instances[id].totalItems = totalItems;\r\n            this.change.emit(id);\r\n        }\r\n    }\r\n\r\n    public setItemsPerPage(id: string, itemsPerPage: number): void {\r\n        if (this._instances[id]) {\r\n            this._instances[id].itemsPerPage = itemsPerPage;\r\n            this.change.emit(id);\r\n        }\r\n    }\r\n\r\n    public getInstance(id: string = this._defaultPaginationId): CmatPaginationInstance {\r\n        if (this._instances[id]) {\r\n            return this._clone(this._instances[id]);\r\n        }\r\n        return {} as CmatPaginationInstance;\r\n    }\r\n\r\n    private _updateInstance(instance: CmatPaginationInstance): boolean {\r\n        let changed = false;\r\n        if (instance.id) {\r\n            for (const prop in this._instances[instance.id]) {\r\n                if (instance[prop] !== this._instances[instance.id][prop]) {\r\n                    this._instances[instance.id][prop] = instance[prop];\r\n                    changed = true;\r\n                }\r\n            }\r\n        }\r\n        return changed;\r\n    }\r\n\r\n    private _clone(obj: any): any {\r\n        const target: any = {};\r\n        for (const i in obj) {\r\n            if (Object.prototype.hasOwnProperty.call(obj, i)) {\r\n                target[i] = obj[i];\r\n            }\r\n        }\r\n        return target;\r\n    }\r\n}\r\n","import { ChangeDetectorRef, Directive, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, inject } from '@angular/core';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { CmatPaginationInstance } from './pagination.instance';\r\nimport { CmatPaginationService } from './pagination.service';\r\n\r\nexport interface Page {\r\n    label: string;\r\n    value: any;\r\n}\r\n@Directive({\r\n    selector: 'pagination-template,[pagination-template]',\r\n    exportAs: 'paginationApi'\r\n})\r\nexport class CmatPaginationDirective implements OnInit, OnChanges, OnDestroy {\r\n    @Input() id: string;\r\n    @Input() maxSize: number = 7;\r\n    @Output() pageChange: EventEmitter<number> = new EventEmitter<number>();\r\n    @Output() pageBoundsCorrection: EventEmitter<number> = new EventEmitter<number>();\r\n    @Output() perPageCountChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n    pages: Page[] = [];\r\n\r\n    private service = inject(CmatPaginationService);\r\n    private changeDetectorRef = inject(ChangeDetectorRef);\r\n\r\n    private _unsubscribeAll: Subject<any> = new Subject<any>();\r\n\r\n    constructor() {\r\n        this.service.change.pipe(\r\n            takeUntil(this._unsubscribeAll))\r\n            .subscribe((id) => {\r\n                if (this.id === id) {\r\n                    this._updatePageLinks();\r\n                    this.changeDetectorRef.markForCheck();\r\n                }\r\n            });\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this.id ??= this.service.defaultId();\r\n        this._updatePageLinks();\r\n    }\r\n\r\n    ngOnChanges(): void {\r\n        this._updatePageLinks();\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._unsubscribeAll.next(void 0);\r\n        this._unsubscribeAll.complete();\r\n    }\r\n\r\n    previous(): void {\r\n        if (!this.isFirstPage()) {\r\n            this._checkValidId();\r\n\r\n            const current = this.getCurrent();\r\n            if (current)\r\n                this.setCurrent(current - 1);\r\n        }\r\n    }\r\n\r\n    next(): void {\r\n        if (!this.isLastPage()) {\r\n            this._checkValidId();\r\n\r\n            const current = this.getCurrent();\r\n            if (current)\r\n                this.setCurrent(current + 1);\r\n        }\r\n    }\r\n\r\n    goFirstPage(): void {\r\n        if (!this.isFirstPage()) {\r\n            this._checkValidId();\r\n\r\n            this.setCurrent(1);\r\n        }\r\n    }\r\n\r\n    goLastPage(): void {\r\n        if (!this.isLastPage()) {\r\n            this._checkValidId();\r\n\r\n            const lastPage = this.getLastPage();\r\n            if (lastPage)\r\n                this.setCurrent(lastPage);\r\n        }\r\n    }\r\n\r\n    isFirstPage(): boolean {\r\n        return this.getCurrent() === 1;\r\n    }\r\n\r\n    isLastPage(): boolean {\r\n        return this.getLastPage() === this.getCurrent();\r\n    }\r\n\r\n    setCurrent(page: number | string): void {\r\n        this.pageChange.emit(page as number);\r\n    }\r\n\r\n    getCurrent(): number | void {\r\n        return this.service.getCurrentPage(this.id);\r\n    }\r\n\r\n    getLastPage(): number | void {\r\n        const inst = this.service.getInstance(this.id);\r\n        if (inst.totalItems < 1) {\r\n            // when there are 0 or fewer (an error case) items, there are no \"pages\" as such,\r\n            // but it makes sense to consider a single, empty page as the last page.\r\n            return 1;\r\n        }\r\n        return Math.ceil(inst.totalItems / inst.itemsPerPage);\r\n    }\r\n\r\n    getTotalItems(): number | void {\r\n        return this.service.getInstance(this.id).totalItems;\r\n    }\r\n\r\n    setItemsPerPage(count: number): void {\r\n        this.service.setItemsPerPage(this.id, count);\r\n\r\n        this.perPageCountChange.emit(count);\r\n        const inst = this.service.getInstance(this.id);\r\n        this.setCurrent(this._outOfBoundCorrection(inst));\r\n    }\r\n\r\n    private _checkValidId(): void {\r\n        if (this.service.getInstance(this.id).id == null) {\r\n            console.warn(`PaginationControlsDirective: the specified id \"${this.id}\" does not match any registered PaginationInstance`);\r\n        }\r\n    }\r\n\r\n    private _updatePageLinks(): void {\r\n        const inst = this.service.getInstance(this.id);\r\n        const correctedCurrentPage = this._outOfBoundCorrection(inst);\r\n\r\n        if (correctedCurrentPage !== inst.currentPage) {\r\n            setTimeout(() => {\r\n                this.pageBoundsCorrection.emit(correctedCurrentPage);\r\n                this.pages = this._createPageArray(inst.currentPage, inst.itemsPerPage, inst.totalItems, this.maxSize);\r\n            });\r\n        } else {\r\n            this.pages = this._createPageArray(inst.currentPage, inst.itemsPerPage, inst.totalItems, this.maxSize);\r\n        }\r\n    }\r\n\r\n    private _outOfBoundCorrection(instance: CmatPaginationInstance): number {\r\n        const totalPages = Math.ceil(instance.totalItems / instance.itemsPerPage);\r\n        if (totalPages < instance.currentPage && 0 < totalPages) {\r\n            return totalPages;\r\n        } else if (instance.currentPage < 1) {\r\n            return 1;\r\n        }\r\n\r\n        return instance.currentPage;\r\n    }\r\n\r\n    private _createPageArray(currentPage: number, itemsPerPage: number, totalItems: number, paginationRange: number): Page[] {\r\n        paginationRange = +paginationRange;\r\n        const pages = [];\r\n\r\n        const totalPages = Math.max(Math.ceil(totalItems / itemsPerPage), 1);\r\n        const halfWay = Math.ceil(paginationRange / 2);\r\n\r\n        const isStart = currentPage <= halfWay;\r\n        const isEnd = totalPages - halfWay < currentPage;\r\n        const isMiddle = !isStart && !isEnd;\r\n\r\n        const ellipsesNeeded = paginationRange < totalPages;\r\n        let i = 1;\r\n\r\n        while (i <= totalPages && i <= paginationRange) {\r\n            let label: any;\r\n            const pageNumber = this._calculatePageNumber(i, currentPage, paginationRange, totalPages);\r\n            const openingEllipsesNeeded = (i === 2 && (isMiddle || isEnd));\r\n            const closingEllipsesNeeded = (i === paginationRange - 1 && (isMiddle || isStart));\r\n            if (ellipsesNeeded && (openingEllipsesNeeded || closingEllipsesNeeded)) {\r\n                label = '...';\r\n            } else {\r\n                label = pageNumber;\r\n            }\r\n            pages.push({\r\n                label: label,\r\n                value: pageNumber\r\n            });\r\n            i++;\r\n        }\r\n\r\n        return pages;\r\n    }\r\n\r\n    private _calculatePageNumber(i: number, currentPage: number, paginationRange: number, totalPages: number): number {\r\n        const halfWay = Math.ceil(paginationRange / 2);\r\n        if (i === paginationRange) {\r\n            return totalPages;\r\n        } else if (i === 1) {\r\n            return i;\r\n        } else if (paginationRange < totalPages) {\r\n            if (totalPages - halfWay < currentPage) {\r\n                return totalPages - paginationRange + i;\r\n            } else if (halfWay < currentPage) {\r\n                return currentPage - halfWay + i;\r\n            } else {\r\n                return i;\r\n            }\r\n        } else {\r\n            return i;\r\n        }\r\n    }\r\n}\r\n","import { DecimalPipe, NgStyle } from '@angular/common';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation, inject } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { CmatDigitOnlyDirective } from 'cmat/directives/digit-only';\r\nimport { CmatMediaWatcherService } from 'cmat/services/media-watcher';\r\nimport { CmatPaginationDirective } from './pagination.directive';\r\n\r\n@Component({\r\n    selector: 'cmat-pagination',\r\n    templateUrl: './pagination.component.html',\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    exportAs: 'cmatPagination',\r\n    imports: [CmatPaginationDirective, MatIconModule, NgStyle, MatFormFieldModule, MatInputModule, CmatDigitOnlyDirective, MatSelectModule, DecimalPipe, MatButtonModule]\r\n})\r\nexport class CmatPaginationComponent implements OnInit {\r\n    @Output() pageChange: EventEmitter<number> = new EventEmitter<number>();\r\n    @Output() pageBoundsCorrection: EventEmitter<number> = new EventEmitter<number>();\r\n    @Output() perPageCountChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n    @Input() id: string;\r\n    @Input() maxSize: number = 7;\r\n\r\n    @Input() itemsPerPages: number[] = [10, 20, 30];\r\n    @Input() initPerPage: number = 10;\r\n\r\n    isScreenSmall: boolean;\r\n\r\n    private _cmatMediaWatcherService = inject(CmatMediaWatcherService);\r\n    private _changeDetectorRef = inject(ChangeDetectorRef);\r\n\r\n    private _autoHide: boolean = false;\r\n    private _unsubscribeAll: Subject<void> = new Subject<void>();\r\n\r\n    @Input()\r\n    get autoHide(): boolean {\r\n        return this._autoHide;\r\n    }\r\n    set autoHide(value: boolean) {\r\n        this._autoHide = !!value;\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this._cmatMediaWatcherService.onMediaChange$\r\n            .pipe(takeUntil(this._unsubscribeAll))\r\n            .subscribe(({ matchingAliases }) => {\r\n                this.isScreenSmall = !matchingAliases.includes('md');\r\n                this._changeDetectorRef.markForCheck();\r\n            });\r\n    }\r\n}\r\n","<pagination-template #p=\"paginationApi\" class=\"w-full px-4 py-2 flex\" [id]=\"id\"\r\n  [maxSize]=\"isScreenSmall&&maxSize>5?5:maxSize\" (pageChange)=\"pageChange.emit($event)\"\r\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\" (perPageCountChange)=\"perPageCountChange.emit($event)\">\r\n  <div class=\"hidden md:flex flex-auto items-center\">\r\n    <span>总计:{{p.getTotalItems()}}</span>\r\n  </div>\r\n  <nav role=\"navigation\" class=\"flex min-h-12 w-full md:w-0\">\r\n    @if (!(autoHide && p.pages.length <= 1)) {\r\n      <ul\r\n        class=\"flex flex-row items-center justify-center md:justify-end w-full\">\r\n        <li>\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===1\"\r\n            (click)=\"p.goFirstPage()\">\r\n            <mat-icon svgIcon=\"mat_outline:first_page\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li class=\"pr-4\">\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===1\"\r\n            (click)=\"p.previous()\">\r\n            <mat-icon svgIcon=\"mat_outline:navigate_before\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <div class=\"flex flex-row gap-4\">\r\n          @for (page of p.pages; track $index) {\r\n            <li class=\"flex text-xl lg:text-2xl\">\r\n              @if (p.getCurrent() !== page.value) {\r\n                <a tabindex=\"0\" role=\"presentation\"\r\n                  class=\"cursor-pointer text-gray-400 hover:text-current\" (click)=\"p.setCurrent(page.value)\">\r\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\r\n                </a>\r\n              }\r\n              @if (p.getCurrent() === page.value) {\r\n                <span class=\"text-current\">\r\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\r\n                </span>\r\n              }\r\n            </li>\r\n          }\r\n        </div>        \r\n        <li class=\"pl-4\">\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===p.getLastPage()\"\r\n            (click)=\"p.next()\">\r\n            <mat-icon svgIcon=\"mat_outline:navigate_next\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li>\r\n          <button type=\"button\" class=\"flex items-center\" mat-icon-button [disabled]=\"p.getCurrent()===p.getLastPage()\"\r\n            (click)=\"p.goLastPage()\">\r\n            <mat-icon svgIcon=\"mat_outline:last_page\"></mat-icon>\r\n          </button>\r\n        </li>\r\n        <li class=\"hidden md:block px-2\">\r\n          <mat-form-field [ngStyle]=\"{'width':((p.getLastPage()?.toString()?.length||0)*8+64)+'px'}\">\r\n            <input #current matInput type=\"text\" cmatDigitOnly class=\"text-end\"\r\n              [value]=\"p.getCurrent()\" [autocomplete]=\"'off'\" [min]=\"0\" [max]=\"p.getLastPage()||0\"\r\n              (keyup.enter)=\"p.setCurrent(current.value)\">\r\n              <span matSuffix>/<div class=\"pl-1\">{{p.getLastPage()}}</div></span>\r\n            </mat-form-field>\r\n          </li>\r\n          <li class=\"hidden md:block\">\r\n            <mat-form-field class=\"w-24\">\r\n              <mat-select #pageCount name=\"pageCount\" [value]=\"initPerPage\"\r\n                (selectionChange)=\"p.setItemsPerPage(pageCount.value)\">\r\n                @for (perPage of itemsPerPages; track perPage) {\r\n                  <mat-option [value]=\"perPage\">\r\n                    {{perPage}}\r\n                  </mat-option>\r\n                }\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </li>\r\n        </ul>\r\n      }\r\n    </nav>\r\n  </pagination-template>","import { Pipe, PipeTransform, inject } from '@angular/core';\r\nimport { isNil } from 'lodash-es';\r\nimport { CmatPaginationInstance } from './pagination.instance';\r\nimport { CmatPaginationService } from './pagination.service';\r\n\r\nconst LARGE_NUMBER = Number.MAX_SAFE_INTEGER;\r\n\r\nexport type Collection<T> = T[];\r\n\r\nexport interface CmatPaginatePipeArgs {\r\n    id?: string;\r\n    currentPage: string | number;\r\n    itemsPerPage: string | number;\r\n    totalItems: string | number;\r\n}\r\n\r\nexport interface CmatPipeState {\r\n    collection: any[];\r\n    size: number;\r\n    start?: number;\r\n    end?: number;\r\n    slice: any[];\r\n}\r\n\r\n@Pipe({\r\n    name: 'paginate',\r\n    pure: true\r\n})\r\nexport class CmatPaginatePipe implements PipeTransform {\r\n    private service = inject(CmatPaginationService);\r\n\r\n    private state: Record<string, CmatPipeState> = {};\r\n\r\n    public transform<T, U extends Collection<T>>(collection: U, args: CmatPaginatePipeArgs): U {\r\n        if (!(collection instanceof Array)) {\r\n            const _id = args.id ?? this.service.defaultId();\r\n            if (this.state[_id]) {\r\n                return this.state[_id].slice as U;\r\n            } else {\r\n                return collection;\r\n            }\r\n        }\r\n\r\n        const serverSideMode = args.totalItems && args.totalItems !== collection.length;\r\n        const instance = this.createInstance(collection, args);\r\n\r\n        const id = instance.id!;\r\n        let start;\r\n        let end;\r\n        let perPage = args.itemsPerPage;\r\n\r\n        const emitChange = this.service.register(instance);\r\n\r\n        if (!serverSideMode && collection instanceof Array) {\r\n            perPage = +perPage || LARGE_NUMBER;\r\n            start = (instance.currentPage - 1) * perPage;\r\n            end = start + perPage;\r\n\r\n            const isIdentical = this._stateIsIdentical(id, collection, start, end);\r\n            if (isIdentical) {\r\n                return this.state[id].slice as U;\r\n            } else {\r\n                const slice = collection.slice(start, end);\r\n                this._saveState(id, collection, slice, start, end);\r\n                this.service.change.emit(id);\r\n                return slice as U;\r\n            }\r\n        } else {\r\n            if (emitChange) {\r\n                this.service.change.emit(id);\r\n            }\r\n\r\n            this._saveState(id, collection, collection, start, end);\r\n\r\n            return collection;\r\n        }\r\n\r\n    }\r\n\r\n    private createInstance(collection: any[], config: CmatPaginatePipeArgs): CmatPaginationInstance {\r\n        this.checkConfig(config);\r\n\r\n        return {\r\n            id: !isNil(config.id) ? config.id : this.service.defaultId(),\r\n            itemsPerPage: +config.itemsPerPage || 10,\r\n            currentPage: +config.currentPage || 1,\r\n            totalItems: +config.totalItems || collection.length\r\n        };\r\n    }\r\n\r\n    private checkConfig(config: CmatPaginatePipeArgs): void {\r\n        const required = ['itemsPerPage', 'currentPage'];\r\n\r\n        const missing = required.filter(prop => !(prop in config));\r\n        if (0 < missing.length) {\r\n            throw new Error(`PaginatePipe: Argument is missing the following required properties: ${missing.join(', ')}`);\r\n        }\r\n    }\r\n\r\n    private _saveState(id: string, collection: any[], slice: any[], start?: number, end?: number): void {\r\n        this.state[id] = {\r\n            collection,\r\n            size: collection.length,\r\n            slice,\r\n            start,\r\n            end\r\n        };\r\n    }\r\n\r\n    private _stateIsIdentical(id: string, collection: any[], start: number, end: number): boolean {\r\n        const state = this.state[id];\r\n        if (!state) {\r\n            return false;\r\n        }\r\n        const isMetaDataIdentical = state.size === collection.length &&\r\n            state.start === start &&\r\n            state.end === end;\r\n\r\n        if (!isMetaDataIdentical) {\r\n            return false;\r\n        }\r\n\r\n        return state.slice.every((element, index) => element === collection[start + index]);\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cmat-components-password-strength.mjs

@@ -20,10 +20,10 @@ class CmatPassToggleVisibilityComponent {
     get type() {
         return this.isVisible ? 'text' : 'password';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPassToggleVisibilityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: CmatPassToggleVisibilityComponent, isStandalone: true, selector: "cmat-pass-toggle-visibility", inputs: { isVisible: "isVisible", tabindex: "tabindex" }, exportAs: ["cmatPassToggleVisibility"], ngImport: i0, template: "<button type=\"button\" class=\"mat-icon-button cdk-focused cdk-mouse-focused\" mat-icon-button\r\n    matRipple [matRippleCentered]=\"true\" [attr.tabindex]=\"tabindex ? tabindex : null\" (click)=\"isVisible = !isVisible\">\r\n    <mat-icon svgIcon=\"{{isVisible ? 'mat_outline:visibility' : 'mat_outline:visibility_off' }}\"></mat-icon>\r\n</button>", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPassToggleVisibilityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: CmatPassToggleVisibilityComponent, isStandalone: true, selector: "cmat-pass-toggle-visibility", inputs: { isVisible: "isVisible", tabindex: "tabindex" }, exportAs: ["cmatPassToggleVisibility"], ngImport: i0, template: "<button type=\"button\" class=\"mat-icon-button cdk-focused cdk-mouse-focused\" mat-icon-button\r\n    matRipple [matRippleCentered]=\"true\" [attr.tabindex]=\"tabindex ? tabindex : null\" (click)=\"isVisible = !isVisible\">\r\n    <mat-icon svgIcon=\"{{isVisible ? 'mat_outline:visibility' : 'mat_outline:visibility_off' }}\"></mat-icon>\r\n</button>", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPassToggleVisibilityComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPassToggleVisibilityComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-pass-toggle-visibility', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatPassToggleVisibility', imports: [MatButtonModule, MatRippleModule, MatIconModule], template: "<button type=\"button\" class=\"mat-icon-button cdk-focused cdk-mouse-focused\" mat-icon-button\r\n    matRipple [matRippleCentered]=\"true\" [attr.tabindex]=\"tabindex ? tabindex : null\" (click)=\"isVisible = !isVisible\">\r\n    <mat-icon svgIcon=\"{{isVisible ? 'mat_outline:visibility' : 'mat_outline:visibility_off' }}\"></mat-icon>\r\n</button>" }]
         }], propDecorators: { isVisible: [{
@@ -227,40 +227,40 @@ class CmatPasswordStrengthComponent {
         this.containAtLeastOneLowerCaseLetter =
             this.criteriaMap
                 .get(Criteria.at_least_one_lower_case_char)?.test(this.password);
-        return this.containAtLeastOneLowerCaseLetter || false;
+        return this.containAtLeastOneLowerCaseLetter ?? false;
     }
     _containAtLeastOneUpperCaseLetter() {
         this.containAtLeastOneUpperCaseLetter =
             this.criteriaMap
                 .get(Criteria.at_least_one_upper_case_char)?.test(this.password);
-        return this.containAtLeastOneUpperCaseLetter || false;
+        return this.containAtLeastOneUpperCaseLetter ?? false;
     }
     _containAtLeastOneDigit() {
         this.containAtLeastOneDigit =
             this.criteriaMap
                 .get(Criteria.at_least_one_digit_char)?.test(this.password);
-        return this.containAtLeastOneDigit || false;
+        return this.containAtLeastOneDigit ?? false;
     }
     _containAtLeastOneSpecialChar() {
         this.containAtLeastOneSpecialChar =
             this.criteriaMap
                 .get(Criteria.at_least_one_special_char)?.test(this.password);
-        return this.containAtLeastOneSpecialChar || false;
+        return this.containAtLeastOneSpecialChar ?? false;
     }
     _containCustomChars() {
         this.containAtCustomChars =
             this.criteriaMap
                 .get(Criteria.at_custom_chars)?.test(this.password);
-        return this.containAtCustomChars || false;
+        return this.containAtCustomChars ?? false;
     }
     _checkPassword() {
         this.calculatePasswordStrength();
         this.passwordConfirmationFormControl.updateValueAndValidity();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPasswordStrengthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: CmatPasswordStrengthComponent, isStandalone: true, selector: "cmat-password-strength", inputs: { password: "password", externalError: "externalError", enableLengthRule: "enableLengthRule", enableLowerCaseLetterRule: "enableLowerCaseLetterRule", enableUpperCaseLetterRule: "enableUpperCaseLetterRule", enableDigitRule: "enableDigitRule", enableSpecialCharRule: "enableSpecialCharRule", min: "min", max: "max", customValidator: "customValidator", warnThreshold: "warnThreshold", accentThreshold: "accentThreshold" }, outputs: { strengthChanged: "strengthChanged" }, exportAs: ["cmatPasswordStrength"], usesOnChanges: true, ngImport: i0, template: "<mat-progress-bar mode=\"determinate\" [color]=\"color\" [value]=\"strength\"></mat-progress-bar>", dependencies: [{ kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i1$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPasswordStrengthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: CmatPasswordStrengthComponent, isStandalone: true, selector: "cmat-password-strength", inputs: { password: "password", externalError: "externalError", enableLengthRule: "enableLengthRule", enableLowerCaseLetterRule: "enableLowerCaseLetterRule", enableUpperCaseLetterRule: "enableUpperCaseLetterRule", enableDigitRule: "enableDigitRule", enableSpecialCharRule: "enableSpecialCharRule", min: "min", max: "max", customValidator: "customValidator", warnThreshold: "warnThreshold", accentThreshold: "accentThreshold" }, outputs: { strengthChanged: "strengthChanged" }, exportAs: ["cmatPasswordStrength"], usesOnChanges: true, ngImport: i0, template: "<mat-progress-bar mode=\"determinate\" [color]=\"color\" [value]=\"strength\"></mat-progress-bar>", dependencies: [{ kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i1$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPasswordStrengthComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPasswordStrengthComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-password-strength', exportAs: 'cmatPasswordStrength', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatProgressBarModule], template: "<mat-progress-bar mode=\"determinate\" [color]=\"color\" [value]=\"strength\"></mat-progress-bar>" }]
         }], propDecorators: { password: [{
@@ -352,8 +352,8 @@ class CmatPasswordStrengthInfoComponent {
             this.minCharsCriteriaMsg = `包含至少 ${this.passwordComponent.min} 个字符`;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPasswordStrengthInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: CmatPasswordStrengthInfoComponent, isStandalone: true, selector: "cmat-password-strength-info", inputs: { passwordComponent: "passwordComponent", enableScoreInfo: "enableScoreInfo", lowerCaseCriteriaMsg: "lowerCaseCriteriaMsg", upperCaseCriteriaMsg: "upperCaseCriteriaMsg", digitsCriteriaMsg: "digitsCriteriaMsg", specialCharsCriteriaMsg: "specialCharsCriteriaMsg", customCharsCriteriaMsg: "customCharsCriteriaMsg", minCharsCriteriaMsg: "minCharsCriteriaMsg" }, exportAs: ["cmatPasswordStrengthInfo"], ngImport: i0, template: "<mat-card class=\"info-card\" @list>\r\n  <mat-card-content>\r\n    @if (passwordComponent.enableLowerCaseLetterRule) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtLeastOneLowerCaseLetter) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{lowerCaseCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableUpperCaseLetterRule) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtLeastOneUpperCaseLetter) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{upperCaseCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableDigitRule) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtLeastOneDigit) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{digitsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableSpecialCharRule) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtLeastOneSpecialChar) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{specialCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableLengthRule) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtLeastMinChars) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{minCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.customValidator) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtCustomChars) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{customCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (enableScoreInfo) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.strength === 100) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>\u5BC6\u7801\u5F3A\u5EA6= {{passwordComponent.strength}} %100</span>\r\n      </div>\r\n    }\r\n\r\n  </mat-card-content>\r\n</mat-card>", styles: ["cmat-password-strength-info{margin-top:20px}cmat-password-strength-info .mat-mdc-card{display:flex;flex-direction:row;flex:1 1 0%;margin:.5rem;box-sizing:border-box;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content{display:flex;flex-direction:column;box-sizing:border-box;max-width:100%;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .mat-icon{margin-right:1rem}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .info-row{display:flex;flex-direction:row;box-sizing:border-box;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$2.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPasswordStrengthInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: CmatPasswordStrengthInfoComponent, isStandalone: true, selector: "cmat-password-strength-info", inputs: { passwordComponent: "passwordComponent", enableScoreInfo: "enableScoreInfo", lowerCaseCriteriaMsg: "lowerCaseCriteriaMsg", upperCaseCriteriaMsg: "upperCaseCriteriaMsg", digitsCriteriaMsg: "digitsCriteriaMsg", specialCharsCriteriaMsg: "specialCharsCriteriaMsg", customCharsCriteriaMsg: "customCharsCriteriaMsg", minCharsCriteriaMsg: "minCharsCriteriaMsg" }, exportAs: ["cmatPasswordStrengthInfo"], ngImport: i0, template: "<mat-card @list class=\"info-card\">\r\n  <mat-card-content>\r\n    @if (passwordComponent.enableLowerCaseLetterRule) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtLeastOneLowerCaseLetter) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{lowerCaseCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableUpperCaseLetterRule) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtLeastOneUpperCaseLetter) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{upperCaseCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableDigitRule) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtLeastOneDigit) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{digitsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableSpecialCharRule) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtLeastOneSpecialChar) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{specialCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableLengthRule) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtLeastMinChars) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{minCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.customValidator) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtCustomChars) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{customCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (enableScoreInfo) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.strength === 100) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>\u5BC6\u7801\u5F3A\u5EA6= {{passwordComponent.strength}} %100</span>\r\n      </div>\r\n    }\r\n\r\n  </mat-card-content>\r\n</mat-card>", styles: ["cmat-password-strength-info{margin-top:20px}cmat-password-strength-info .mat-mdc-card{display:flex;flex-direction:row;flex:1 1 0%;margin:.5rem;box-sizing:border-box;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content{display:flex;flex-direction:column;box-sizing:border-box;max-width:100%;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .mat-icon{margin-right:1rem}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .info-row{display:flex;flex-direction:row;box-sizing:border-box;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$2.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: [
             // nice stagger effect when showing existing elements
             trigger('list', [
                 transition(':enter', [
@@ -407,7 +407,7 @@ class CmatPasswordStrengthInfoComponent {
             ]),
         ], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPasswordStrengthInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CmatPasswordStrengthInfoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-password-strength-info', exportAs: 'cmatPasswordStrengthInfo', encapsulation: ViewEncapsulation.None, animations: [
                         // nice stagger effect when showing existing elements
@@ -461,7 +461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                         trigger('negativeState', [
                             transition(':enter', useAnimation(shake)),
                         ]),
-                    ], imports: [MatCardModule, MatIconModule], template: "<mat-card class=\"info-card\" @list>\r\n  <mat-card-content>\r\n    @if (passwordComponent.enableLowerCaseLetterRule) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtLeastOneLowerCaseLetter) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{lowerCaseCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableUpperCaseLetterRule) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtLeastOneUpperCaseLetter) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{upperCaseCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableDigitRule) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtLeastOneDigit) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{digitsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableSpecialCharRule) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtLeastOneSpecialChar) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{specialCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableLengthRule) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtLeastMinChars) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{minCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.customValidator) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.containAtCustomChars) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>{{customCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (enableScoreInfo) {\r\n      <div class=\"info-row\" @items>\r\n        @if (passwordComponent.strength === 100) {\r\n          <mat-icon color=\"primary\" svgIcon=\"mat_outline:done\" @positiveState></mat-icon>\r\n        } @else {\r\n          <mat-icon color=\"warn\" svgIcon=\"mat_outline:error\" @negativeState></mat-icon>\r\n        }\r\n        <span>\u5BC6\u7801\u5F3A\u5EA6= {{passwordComponent.strength}} %100</span>\r\n      </div>\r\n    }\r\n\r\n  </mat-card-content>\r\n</mat-card>", styles: ["cmat-password-strength-info{margin-top:20px}cmat-password-strength-info .mat-mdc-card{display:flex;flex-direction:row;flex:1 1 0%;margin:.5rem;box-sizing:border-box;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content{display:flex;flex-direction:column;box-sizing:border-box;max-width:100%;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .mat-icon{margin-right:1rem}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .info-row{display:flex;flex-direction:row;box-sizing:border-box;align-items:center}\n"] }]
+                    ], imports: [MatCardModule, MatIconModule], template: "<mat-card @list class=\"info-card\">\r\n  <mat-card-content>\r\n    @if (passwordComponent.enableLowerCaseLetterRule) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtLeastOneLowerCaseLetter) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{lowerCaseCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableUpperCaseLetterRule) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtLeastOneUpperCaseLetter) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{upperCaseCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableDigitRule) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtLeastOneDigit) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{digitsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableSpecialCharRule) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtLeastOneSpecialChar) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{specialCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.enableLengthRule) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtLeastMinChars) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{minCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (passwordComponent.customValidator) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.containAtCustomChars) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>{{customCharsCriteriaMsg}}</span>\r\n      </div>\r\n    }\r\n\r\n    @if (enableScoreInfo) {\r\n      <div @items class=\"info-row\">\r\n        @if (passwordComponent.strength === 100) {\r\n          <mat-icon @positiveState color=\"primary\" svgIcon=\"mat_outline:done\"></mat-icon>\r\n        } @else {\r\n          <mat-icon @negativeState color=\"warn\" svgIcon=\"mat_outline:error\"></mat-icon>\r\n        }\r\n        <span>\u5BC6\u7801\u5F3A\u5EA6= {{passwordComponent.strength}} %100</span>\r\n      </div>\r\n    }\r\n\r\n  </mat-card-content>\r\n</mat-card>", styles: ["cmat-password-strength-info{margin-top:20px}cmat-password-strength-info .mat-mdc-card{display:flex;flex-direction:row;flex:1 1 0%;margin:.5rem;box-sizing:border-box;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content{display:flex;flex-direction:column;box-sizing:border-box;max-width:100%;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .mat-icon{margin-right:1rem}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .info-row{display:flex;flex-direction:row;box-sizing:border-box;align-items:center}\n"] }]
         }], propDecorators: { passwordComponent: [{
                 type: Input
             }], enableScoreInfo: [{