ngx-bootstrap 19.0.2 → 20.0.0

package/modal/index.d.ts

@@ -1 +1,277 @@
-export * from './public_api';
+import * as i0 from '@angular/core';
+import { EventEmitter, StaticProvider, InjectionToken, OnInit, ElementRef, Renderer2, ComponentRef, RendererFactory2, TemplateRef, OnDestroy, ViewContainerRef, ModuleWithProviders } from '@angular/core';
+import { ComponentLoaderFactory } from 'ngx-bootstrap/component-loader';
+import * as i1 from 'ngx-bootstrap/focus-trap';
+
+declare class BsModalRef<T = any> {
+    /**
+     * Event that is fired when the modal behind the ref starts hiding
+     */
+    onHide?: EventEmitter<unknown>;
+    /**
+     * Event that is fired when the modal behind the ref finishes hiding
+     */
+    onHidden?: EventEmitter<unknown>;
+    /**
+     *  Allow user to ID for the modal. Otherwise, a unique number will be given
+     */
+    id?: number | string;
+    /**
+     * Reference to a component inside the modal. Null if modal's been created with TemplateRef
+     */
+    content?: T;
+    /**
+     * Hides the modal
+     */
+    hide: () => void;
+    /**
+     * Sets new class to modal window
+     */
+    setClass: (newClass: string) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BsModalRef<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BsModalRef<any>>;
+}
+
+declare class ModalBackdropOptions {
+    animate: boolean;
+    constructor(options: ModalBackdropOptions);
+}
+
+type CloseInterceptorFn = () => Promise<void>;
+
+declare class ModalOptions<T = Record<string, unknown>> {
+    /**
+     *  Allow user to ID for the modal. Otherwise, a unique number will be given
+     */
+    id?: number | string;
+    /**
+     *  Includes a modal-backdrop element. Alternatively,
+     *  specify static for a backdrop which doesn't close the modal on click.
+     */
+    backdrop?: boolean | 'static';
+    /**
+     * Closes the modal when escape key is pressed.
+     */
+    keyboard?: boolean;
+    focus?: boolean;
+    /**
+     * Shows the modal when initialized.
+     */
+    show?: boolean;
+    /**
+     * Ignore the backdrop click
+     */
+    ignoreBackdropClick?: boolean;
+    /**
+     * Css class for opened modal
+     */
+    class?: string;
+    /**
+     * Toggle animation
+     */
+    animated?: boolean;
+    /**
+     * Modal data
+     */
+    initialState?: Partial<T>;
+    /**
+     * Function to intercept the closure
+     */
+    closeInterceptor?: CloseInterceptorFn;
+    /**
+     * Modal providers
+     */
+    providers?: StaticProvider[];
+    /**
+     * aria-labelledby attribute value to set on the modal window
+     */
+    ariaLabelledBy?: string;
+    /**
+     * aria-describedby attribute value to set on the modal window
+     */
+    ariaDescribedby?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalOptions<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ModalOptions<any>>;
+}
+declare const MODAL_CONFIG_DEFAULT_OVERRIDE: InjectionToken<ModalOptions>;
+
+/** This component will be added as background layout for modals if enabled */
+declare class ModalBackdropComponent implements OnInit {
+    get isAnimated(): boolean;
+    set isAnimated(value: boolean);
+    get isShown(): boolean;
+    set isShown(value: boolean);
+    element: ElementRef;
+    renderer: Renderer2;
+    protected _isAnimated: boolean;
+    protected _isShown: boolean;
+    constructor(element: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalBackdropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalBackdropComponent, "bs-modal-backdrop", never, {}, {}, never, never, true, never>;
+}
+
+declare class BsModalService {
+    private clf;
+    private modalDefaultOption;
+    config: ModalOptions;
+    onShow: EventEmitter<any>;
+    onShown: EventEmitter<any>;
+    onHide: EventEmitter<any>;
+    onHidden: EventEmitter<any>;
+    protected isBodyOverflowing: boolean;
+    protected originalBodyPadding: number;
+    protected scrollbarWidth: number;
+    protected backdropRef?: ComponentRef<ModalBackdropComponent>;
+    private _backdropLoader;
+    private modalsCount;
+    private lastHiddenId;
+    private lastDismissReason?;
+    private loaders;
+    private _renderer;
+    private _focusEl;
+    constructor(rendererFactory: RendererFactory2, clf: ComponentLoaderFactory, modalDefaultOption: ModalOptions);
+    /** Shows a modal */
+    show<T>(content: string | TemplateRef<any> | {
+        new (...args: any[]): T;
+    }, config?: ModalOptions<T>): BsModalRef<T>;
+    hide(id?: number | string): void;
+    _showBackdrop(): void;
+    _hideBackdrop(): void;
+    _showModal<T>(content: any): BsModalRef<T>;
+    _hideModal(id?: number | string): void;
+    getModalsCount(): number;
+    setDismissReason(reason: string): void;
+    removeBackdrop(): void;
+    /** Checks if the body is overflowing and sets scrollbar width */
+    /** @internal */
+    checkScrollbar(): void;
+    setScrollbar(): void;
+    private resetScrollbar;
+    private getScrollbarWidth;
+    private _createLoaders;
+    private removeLoaders;
+    private copyEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BsModalService, [null, null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BsModalService>;
+}
+
+declare class ModalContainerComponent implements OnInit, OnDestroy {
+    protected _element: ElementRef;
+    private _renderer;
+    config: ModalOptions;
+    isShown: boolean;
+    level?: number;
+    isAnimated: boolean;
+    bsModalService?: BsModalService;
+    _focusEl: Element | null;
+    private isModalHiding;
+    private clickStartedInContent;
+    constructor(options: ModalOptions, _element: ElementRef, _renderer: Renderer2);
+    ngOnInit(): void;
+    onClickStarted(event: MouseEvent): void;
+    onClickStop(event: MouseEvent): void;
+    onPopState(): void;
+    onEsc(event: KeyboardEvent): void;
+    ngOnDestroy(): void;
+    hide(): void;
+    private _hide;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalContainerComponent, "modal-container", never, {}, {}, never, ["*"], true, never>;
+}
+
+/** Mark any code with directive to show it's content in modal */
+declare class ModalDirective implements OnDestroy, OnInit {
+    private _element;
+    private _renderer;
+    /** allows to set modal configuration via element property */
+    set config(conf: ModalOptions);
+    get config(): ModalOptions;
+    /** allows to provide a callback to intercept the closure of the modal */
+    closeInterceptor?: CloseInterceptorFn;
+    /** This event fires immediately when the `show` instance method is called. */
+    onShow: EventEmitter<ModalDirective>;
+    /** This event is fired when the modal has been made visible to the user
+     * (will wait for CSS transitions to complete)
+     */
+    onShown: EventEmitter<ModalDirective>;
+    /** This event is fired immediately when
+     * the hide instance method has been called.
+     */
+    onHide: EventEmitter<ModalDirective>;
+    /** This event is fired when the modal has finished being
+     * hidden from the user (will wait for CSS transitions to complete).
+     */
+    onHidden: EventEmitter<ModalDirective>;
+    /** This field contains last dismiss reason.
+     * Possible values: `backdrop-click`, `esc` and `id: number`
+     * (if modal was closed by direct call of `.hide()`).
+     */
+    dismissReason?: string;
+    get isShown(): boolean;
+    protected _config: ModalOptions;
+    protected _isShown: boolean;
+    protected isBodyOverflowing: boolean;
+    protected originalBodyPadding: number;
+    protected scrollbarWidth: number;
+    protected timerHideModal: number;
+    protected timerRmBackDrop: number;
+    protected backdrop?: ComponentRef<ModalBackdropComponent>;
+    private _backdrop;
+    private isNested;
+    private clickStartedInContent;
+    private _focusEl;
+    constructor(_element: ElementRef, _viewContainerRef: ViewContainerRef, _renderer: Renderer2, clf: ComponentLoaderFactory, modalDefaultOption: ModalOptions);
+    onClickStarted(event: MouseEvent): void;
+    onClickStop(event: MouseEvent): void;
+    onEsc(event: KeyboardEvent): void;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    /** Allows to manually toggle modal visibility */
+    toggle(): void;
+    /** Allows to manually open modal */
+    show(): void;
+    /** Check if we can close the modal */
+    hide(event?: Event): void;
+    /** Private methods @internal */
+    /**
+     *  Manually close modal
+     *  @internal
+     */
+    protected _hide(): void;
+    protected getConfig(config?: ModalOptions): ModalOptions;
+    /**
+     *  Show dialog
+     *  @internal
+     */
+    protected showElement(): void;
+    /** @internal */
+    protected hideModal(): void;
+    /** @internal */
+    protected showBackdrop(callback?: () => void): void;
+    /** @internal */
+    protected removeBackdrop(): void;
+    /** Events tricks */
+    protected focusOtherModal(): void;
+    /** @internal */
+    protected resetAdjustments(): void;
+    /** Scroll bar tricks */
+    /** @internal */
+    protected checkScrollbar(): void;
+    protected setScrollbar(): void;
+    protected resetScrollbar(): void;
+    protected getScrollbarWidth(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalDirective, [null, null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalDirective, "[bsModal]", ["bs-modal"], { "config": { "alias": "config"; "required": false; }; "closeInterceptor": { "alias": "closeInterceptor"; "required": false; }; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; }, never, never, true, never>;
+}
+
+declare class ModalModule {
+    static forRoot(): ModuleWithProviders<ModalModule>;
+    static forChild(): ModuleWithProviders<ModalModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, never, [typeof i1.FocusTrapModule, typeof ModalBackdropComponent, typeof ModalDirective, typeof ModalContainerComponent], [typeof ModalBackdropComponent, typeof ModalDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
+}
+
+export { BsModalRef, BsModalService, MODAL_CONFIG_DEFAULT_OVERRIDE, ModalBackdropComponent, ModalBackdropOptions, ModalContainerComponent, ModalDirective, ModalModule, ModalOptions };
+export type { CloseInterceptorFn };

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "ngx-bootstrap",
-  "version": "19.0.2",
+  "version": "20.0.0",
   "description": "Angular Bootstrap",
   "author": "Dmitriy Shekhovtsov <valorkin@gmail.com>",
   "license": "MIT",
   "schematics": "./schematics/collection.json",
   "peerDependencies": {
-    "@angular/animations": "^19.0.1",
-    "@angular/common": "^19.0.1",
-    "@angular/core": "^19.0.1",
-    "@angular/forms": "^19.0.1",
+    "@angular/animations": "^20.0.2",
+    "@angular/common": "^20.0.2",
+    "@angular/core": "^20.0.2",
+    "@angular/forms": "^20.0.2",
     "rxjs": "^6.5.3 || ^7.4.0"
   },
   "dependencies": {
@@ -53,7 +53,7 @@
       "default": "./collapse/fesm2022/ngx-bootstrap-collapse.mjs"
     },
     "./component-loader": {
-      "types": "./component-loader/ngx-bootstrap-component-loader.d.ts",
+      "types": "./component-loader/index.d.ts",
       "esm2022": "./component-loader/esm2022/ngx-bootstrap-component-loader.mjs",
       "esm": "./component-loader/esm2022/ngx-bootstrap-component-loader.mjs",
       "default": "./component-loader/fesm2022/ngx-bootstrap-component-loader.mjs"
@@ -74,7 +74,7 @@
       "default": "./dropdown/fesm2022/ngx-bootstrap-dropdown.mjs"
     },
     "./focus-trap": {
-      "types": "./focus-trap/ngx-bootstrap-focus-trap.d.ts",
+      "types": "./focus-trap/index.d.ts",
       "esm2022": "./focus-trap/esm2022/ngx-bootstrap-focus-trap.mjs",
       "esm": "./focus-trap/esm2022/ngx-bootstrap-focus-trap.mjs",
       "default": "./focus-trap/fesm2022/ngx-bootstrap-focus-trap.mjs"
@@ -86,7 +86,7 @@
       "default": "./locale/fesm2022/ngx-bootstrap-locale.mjs"
     },
     "./mini-ngrx": {
-      "types": "./mini-ngrx/ngx-bootstrap-mini-ngrx.d.ts",
+      "types": "./mini-ngrx/index.d.ts",
       "esm2022": "./mini-ngrx/esm2022/ngx-bootstrap-mini-ngrx.mjs",
       "esm": "./mini-ngrx/esm2022/ngx-bootstrap-mini-ngrx.mjs",
       "default": "./mini-ngrx/fesm2022/ngx-bootstrap-mini-ngrx.mjs"

package/pagination/fesm2022/ngx-bootstrap-pagination.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, forwardRef, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { Injectable, forwardRef, EventEmitter, Input, Output, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { NgClass, NgIf, NgTemplateOutlet, NgFor, CommonModule } from '@angular/common';
 
@@ -26,10 +26,10 @@ class PaginationConfig {
             align: true
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PaginationConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PaginationConfig, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: PaginationConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: PaginationConfig, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PaginationConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: PaginationConfig, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -248,10 +248,10 @@ class PagerComponent {
             : Math.ceil(this.totalItems / this.itemsPerPage);
         return Math.max(totalPages || 0, 1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PagerComponent, deps: [{ token: i0.ElementRef }, { token: PaginationConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: PagerComponent, isStandalone: true, selector: "pager", inputs: { align: "align", maxSize: "maxSize", boundaryLinks: "boundaryLinks", directionLinks: "directionLinks", firstText: "firstText", previousText: "previousText", nextText: "nextText", lastText: "lastText", rotate: "rotate", pageBtnClass: "pageBtnClass", disabled: "disabled", itemsPerPage: "itemsPerPage", totalItems: "totalItems" }, outputs: { numPages: "numPages", pageChanged: "pageChanged" }, providers: [PAGER_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<ul class=\"pager\">\n  <li [class.disabled]=\"noPrevious()\" [class.previous]=\"align\"\n      [ngClass]=\"{'pull-left': align, 'float-left': align}\"\n      class=\"{{ pageBtnClass }}\">\n    <a href (click)=\"selectPage(page - 1, $event)\">{{ getText('previous') }}</a>\n  </li>\n  <li [class.disabled]=\"noNext()\" [class.next]=\"align\"\n      [ngClass]=\"{'pull-right': align, 'float-right': align}\"\n      class=\"{{ pageBtnClass }}\">\n    <a href (click)=\"selectPage(page + 1, $event)\">{{ getText('next') }}</a>\n  </li>\n</ul>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: PagerComponent, deps: [{ token: i0.ElementRef }, { token: PaginationConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: PagerComponent, isStandalone: true, selector: "pager", inputs: { align: "align", maxSize: "maxSize", boundaryLinks: "boundaryLinks", directionLinks: "directionLinks", firstText: "firstText", previousText: "previousText", nextText: "nextText", lastText: "lastText", rotate: "rotate", pageBtnClass: "pageBtnClass", disabled: "disabled", itemsPerPage: "itemsPerPage", totalItems: "totalItems" }, outputs: { numPages: "numPages", pageChanged: "pageChanged" }, providers: [PAGER_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<ul class=\"pager\">\n  <li [class.disabled]=\"noPrevious()\" [class.previous]=\"align\"\n      [ngClass]=\"{'pull-left': align, 'float-left': align}\"\n      class=\"{{ pageBtnClass }}\">\n    <a href (click)=\"selectPage(page - 1, $event)\">{{ getText('previous') }}</a>\n  </li>\n  <li [class.disabled]=\"noNext()\" [class.next]=\"align\"\n      [ngClass]=\"{'pull-right': align, 'float-right': align}\"\n      class=\"{{ pageBtnClass }}\">\n    <a href (click)=\"selectPage(page + 1, $event)\">{{ getText('next') }}</a>\n  </li>\n</ul>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: PagerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pager', providers: [PAGER_CONTROL_VALUE_ACCESSOR], standalone: true, imports: [NgClass], template: "<ul class=\"pager\">\n  <li [class.disabled]=\"noPrevious()\" [class.previous]=\"align\"\n      [ngClass]=\"{'pull-left': align, 'float-left': align}\"\n      class=\"{{ pageBtnClass }}\">\n    <a href (click)=\"selectPage(page - 1, $event)\">{{ getText('previous') }}</a>\n  </li>\n  <li [class.disabled]=\"noNext()\" [class.next]=\"align\"\n      [ngClass]=\"{'pull-right': align, 'float-right': align}\"\n      class=\"{{ pageBtnClass }}\">\n    <a href (click)=\"selectPage(page + 1, $event)\">{{ getText('next') }}</a>\n  </li>\n</ul>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: PaginationConfig }, { type: i0.ChangeDetectorRef }], propDecorators: { align: [{
@@ -489,10 +489,10 @@ class PaginationComponent {
             : Math.ceil(this.totalItems / this.itemsPerPage);
         return Math.max(totalPages || 0, 1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.ElementRef }, { token: PaginationConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: PaginationComponent, isStandalone: true, selector: "pagination", inputs: { align: "align", maxSize: "maxSize", boundaryLinks: "boundaryLinks", directionLinks: "directionLinks", firstText: "firstText", previousText: "previousText", nextText: "nextText", lastText: "lastText", rotate: "rotate", pageBtnClass: "pageBtnClass", disabled: "disabled", customPageTemplate: "customPageTemplate", customNextTemplate: "customNextTemplate", customPreviousTemplate: "customPreviousTemplate", customFirstTemplate: "customFirstTemplate", customLastTemplate: "customLastTemplate", itemsPerPage: "itemsPerPage", totalItems: "totalItems" }, outputs: { numPages: "numPages", pageChanged: "pageChanged" }, providers: [PAGINATION_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<ul class=\"pagination\" [ngClass]=\"classMap\">\n  <li class=\"pagination-first page-item\"\n      *ngIf=\"boundaryLinks\"\n      [class.disabled]=\"noPrevious() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(1, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customFirstTemplate || defaultFirstTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noPrevious() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li class=\"pagination-prev page-item\"\n      *ngIf=\"directionLinks\"\n      [class.disabled]=\"noPrevious() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(page - 1, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customPreviousTemplate || defaultPreviousTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noPrevious() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li *ngFor=\"let pg of pages\"\n      [class.active]=\"pg.active\"\n      [class.disabled]=\"disabled && !pg.active\"\n      class=\"pagination-page page-item\">\n    <a class=\"page-link\" href (click)=\"selectPage(pg.number, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customPageTemplate || defaultPageTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: disabled, $implicit: pg, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li class=\"pagination-next page-item\"\n      *ngIf=\"directionLinks\"\n      [class.disabled]=\"noNext() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(page + 1, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customNextTemplate || defaultNextTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noNext() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li class=\"pagination-last page-item\"\n      *ngIf=\"boundaryLinks\"\n      [class.disabled]=\"noNext() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(totalPages, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customLastTemplate || defaultLastTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noNext() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n</ul>\n\n<ng-template #defaultPageTemplate let-page>{{ page.text }}</ng-template>\n\n<ng-template #defaultNextTemplate>{{ getText('next') }}</ng-template>\n\n<ng-template #defaultPreviousTemplate>{{ getText('previous') }}</ng-template>\n\n<ng-template #defaultFirstTemplate>{{ getText('first') }}</ng-template>\n\n<ng-template #defaultLastTemplate>{{ getText('last') }}</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.ElementRef }, { token: PaginationConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: PaginationComponent, isStandalone: true, selector: "pagination", inputs: { align: "align", maxSize: "maxSize", boundaryLinks: "boundaryLinks", directionLinks: "directionLinks", firstText: "firstText", previousText: "previousText", nextText: "nextText", lastText: "lastText", rotate: "rotate", pageBtnClass: "pageBtnClass", disabled: "disabled", customPageTemplate: "customPageTemplate", customNextTemplate: "customNextTemplate", customPreviousTemplate: "customPreviousTemplate", customFirstTemplate: "customFirstTemplate", customLastTemplate: "customLastTemplate", itemsPerPage: "itemsPerPage", totalItems: "totalItems" }, outputs: { numPages: "numPages", pageChanged: "pageChanged" }, providers: [PAGINATION_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<ul class=\"pagination\" [ngClass]=\"classMap\">\n  <li class=\"pagination-first page-item\"\n      *ngIf=\"boundaryLinks\"\n      [class.disabled]=\"noPrevious() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(1, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customFirstTemplate || defaultFirstTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noPrevious() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li class=\"pagination-prev page-item\"\n      *ngIf=\"directionLinks\"\n      [class.disabled]=\"noPrevious() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(page - 1, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customPreviousTemplate || defaultPreviousTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noPrevious() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li *ngFor=\"let pg of pages\"\n      [class.active]=\"pg.active\"\n      [class.disabled]=\"disabled && !pg.active\"\n      class=\"pagination-page page-item\">\n    <a class=\"page-link\" href (click)=\"selectPage(pg.number, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customPageTemplate || defaultPageTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: disabled, $implicit: pg, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li class=\"pagination-next page-item\"\n      *ngIf=\"directionLinks\"\n      [class.disabled]=\"noNext() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(page + 1, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customNextTemplate || defaultNextTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noNext() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li class=\"pagination-last page-item\"\n      *ngIf=\"boundaryLinks\"\n      [class.disabled]=\"noNext() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(totalPages, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customLastTemplate || defaultLastTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noNext() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n</ul>\n\n<ng-template #defaultPageTemplate let-page>{{ page.text }}</ng-template>\n\n<ng-template #defaultNextTemplate>{{ getText('next') }}</ng-template>\n\n<ng-template #defaultPreviousTemplate>{{ getText('previous') }}</ng-template>\n\n<ng-template #defaultFirstTemplate>{{ getText('first') }}</ng-template>\n\n<ng-template #defaultLastTemplate>{{ getText('last') }}</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pagination', providers: [PAGINATION_CONTROL_VALUE_ACCESSOR], standalone: true, imports: [NgClass, NgIf, NgTemplateOutlet, NgFor], template: "<ul class=\"pagination\" [ngClass]=\"classMap\">\n  <li class=\"pagination-first page-item\"\n      *ngIf=\"boundaryLinks\"\n      [class.disabled]=\"noPrevious() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(1, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customFirstTemplate || defaultFirstTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noPrevious() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li class=\"pagination-prev page-item\"\n      *ngIf=\"directionLinks\"\n      [class.disabled]=\"noPrevious() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(page - 1, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customPreviousTemplate || defaultPreviousTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noPrevious() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li *ngFor=\"let pg of pages\"\n      [class.active]=\"pg.active\"\n      [class.disabled]=\"disabled && !pg.active\"\n      class=\"pagination-page page-item\">\n    <a class=\"page-link\" href (click)=\"selectPage(pg.number, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customPageTemplate || defaultPageTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: disabled, $implicit: pg, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li class=\"pagination-next page-item\"\n      *ngIf=\"directionLinks\"\n      [class.disabled]=\"noNext() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(page + 1, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customNextTemplate || defaultNextTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noNext() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n\n  <li class=\"pagination-last page-item\"\n      *ngIf=\"boundaryLinks\"\n      [class.disabled]=\"noNext() || disabled\">\n    <a class=\"page-link\" href (click)=\"selectPage(totalPages, $event)\">\n      <ng-container [ngTemplateOutlet]=\"customLastTemplate || defaultLastTemplate\"\n                   [ngTemplateOutletContext]=\"{disabled: noNext() || disabled, currentPage: page}\">\n      </ng-container>\n    </a>\n  </li>\n</ul>\n\n<ng-template #defaultPageTemplate let-page>{{ page.text }}</ng-template>\n\n<ng-template #defaultNextTemplate>{{ getText('next') }}</ng-template>\n\n<ng-template #defaultPreviousTemplate>{{ getText('previous') }}</ng-template>\n\n<ng-template #defaultFirstTemplate>{{ getText('first') }}</ng-template>\n\n<ng-template #defaultLastTemplate>{{ getText('last') }}</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: PaginationConfig }, { type: i0.ChangeDetectorRef }], propDecorators: { align: [{
@@ -545,11 +545,11 @@ class PaginationModule {
             providers: []
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: PaginationModule, imports: [CommonModule, PagerComponent, PaginationComponent], exports: [PagerComponent, PaginationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PaginationModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: PaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.2", ngImport: i0, type: PaginationModule, imports: [CommonModule, PagerComponent, PaginationComponent], exports: [PagerComponent, PaginationComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: PaginationModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PaginationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: PaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PagerComponent, PaginationComponent],