@bootkit/ng0 0.0.0-alpha.14 → 0.0.0-alpha.16

package/fesm2022/bootkit-ng0-components-modal.mjs

@@ -3,52 +3,69 @@ import { input, EventEmitter, signal, HostListener, Output, ChangeDetectionStrat
 import { CommonModule } from '@angular/common';
 
 class ModalComponent {
-    scrollable = input(false, ...(ngDevMode ? [{ debugName: "scrollable" }] : []));
+    /**
+     * Is modal scrollable?
+     */
+    scrollable = input(false);
     /** Is modal vertically centered? */
-    centered = input(false, ...(ngDevMode ? [{ debugName: "centered" }] : []));
-    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    fullscreen = input(...(ngDevMode ? [undefined, { debugName: "fullscreen" }] : []));
+    centered = input(false);
+    /**
+     * Size of the modal.
+     */
+    size = input('default');
+    /**
+     * Is modal fullscreen?
+     */
+    fullscreen = input();
+    /**
+     * Emitted when user clicks the backdrop or presses the escape key.
+     */
     closeRequest = new EventEmitter();
+    /**
+     * Emitted when the backdrop is clicked.
+     */
     backdropClick = new EventEmitter();
-    _modalStatic = signal(false, ...(ngDevMode ? [{ debugName: "_modalStatic" }] : []));
+    _modalStatic = signal(false);
     constructor() {
     }
-    _onBackdropClick() {
-        this.backdropClick.emit();
-        this._modalStatic.set(true);
-        var timeout = setTimeout(() => {
-            this._modalStatic.set(false);
-            clearTimeout(timeout);
-        }, 100);
+    _onBackdropClick(event) {
+        this.closeRequest.emit({ reason: 'backdrop', event });
+        this.backdropClick.emit(event);
+        this._shakeModal(); // if user closes the modal, shake will not occure.
     }
-    onKeyDown(event) {
+    _onDocumentKeyDown(event) {
         if (event.key === 'Escape') {
-            this.closeRequest.emit();
+            this.closeRequest.emit({ reason: 'escape', event });
+            this._shakeModal();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.1", type: ModalComponent, isStandalone: true, selector: "ng0-modal", inputs: { scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fullscreen: { classPropertyName: "fullscreen", publicName: "fullscreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequest: "closeRequest", backdropClick: "backdropClick" }, host: { listeners: { "document:keydown": "onKeyDown($event)" } }, exportAs: ["ng0Modal"], ngImport: i0, template: "@let fullscreenValue=fullscreen();\n@let sizeValue=size();\n\n<div class=\"modal d-block\"\n     (click)=\"$event.target == $event.currentTarget ? _onBackdropClick(): ''\"\n     [class.modal-static]=\"_modalStatic()\">\n\n  <div class=\"modal-dialog\"\n       [class]=\"{\n            'modal-dialog-scrollable': scrollable(),\n            'modal-dialog-centered': centered(),\n            'modal-fullscreen': fullscreenValue == 'always',\n            'modal-fullscreen-sm-down': fullscreenValue == 'sm',\n            'modal-fullscreen-md-down': fullscreenValue == 'md',\n            'modal-fullscreen-lg-down': fullscreenValue == 'lg',\n            'modal-fullscreen-xl-down': fullscreenValue == 'xl',\n            'modal-fullscreen-xxl-down': fullscreenValue == 'xxl',\n            'modal-sm': sizeValue == 'sm',\n            'modal-lg': sizeValue == 'lg',\n            'modal-xl': sizeValue == 'xl',\n          }\">\n    <div class=\"modal-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    _shakeModal() {
+        this._modalStatic.set(true);
+        setTimeout(() => this._modalStatic.set(false), 100);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ModalComponent, isStandalone: true, selector: "ng0-modal", inputs: { scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fullscreen: { classPropertyName: "fullscreen", publicName: "fullscreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequest: "closeRequest", backdropClick: "backdropClick" }, host: { listeners: { "document:keydown": "_onDocumentKeyDown($event)" } }, exportAs: ["ng0Modal"], ngImport: i0, template: "@let fullscreenValue=fullscreen();\n@let sizeValue=size();\n\n<div class=\"modal d-block\"\n     (click)=\"$event.target == $event.currentTarget ? _onBackdropClick($event): ''\"\n     [class.modal-static]=\"_modalStatic()\">\n\n  <div class=\"modal-dialog\"\n       [class]=\"{\n            'modal-dialog-scrollable': scrollable(),\n            'modal-dialog-centered': centered(),\n            'modal-fullscreen': fullscreenValue == 'always',\n            'modal-fullscreen-sm-down': fullscreenValue == 'sm',\n            'modal-fullscreen-md-down': fullscreenValue == 'md',\n            'modal-fullscreen-lg-down': fullscreenValue == 'lg',\n            'modal-fullscreen-xl-down': fullscreenValue == 'xl',\n            'modal-fullscreen-xxl-down': fullscreenValue == 'xxl',\n            'modal-sm': sizeValue == 'sm',\n            'modal-lg': sizeValue == 'lg',\n            'modal-xl': sizeValue == 'xl',\n          }\">\n    <div class=\"modal-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng0-modal', exportAs: 'ng0Modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
-                    ], template: "@let fullscreenValue=fullscreen();\n@let sizeValue=size();\n\n<div class=\"modal d-block\"\n     (click)=\"$event.target == $event.currentTarget ? _onBackdropClick(): ''\"\n     [class.modal-static]=\"_modalStatic()\">\n\n  <div class=\"modal-dialog\"\n       [class]=\"{\n            'modal-dialog-scrollable': scrollable(),\n            'modal-dialog-centered': centered(),\n            'modal-fullscreen': fullscreenValue == 'always',\n            'modal-fullscreen-sm-down': fullscreenValue == 'sm',\n            'modal-fullscreen-md-down': fullscreenValue == 'md',\n            'modal-fullscreen-lg-down': fullscreenValue == 'lg',\n            'modal-fullscreen-xl-down': fullscreenValue == 'xl',\n            'modal-fullscreen-xxl-down': fullscreenValue == 'xxl',\n            'modal-sm': sizeValue == 'sm',\n            'modal-lg': sizeValue == 'lg',\n            'modal-xl': sizeValue == 'xl',\n          }\">\n    <div class=\"modal-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>" }]
+                    ], template: "@let fullscreenValue=fullscreen();\n@let sizeValue=size();\n\n<div class=\"modal d-block\"\n     (click)=\"$event.target == $event.currentTarget ? _onBackdropClick($event): ''\"\n     [class.modal-static]=\"_modalStatic()\">\n\n  <div class=\"modal-dialog\"\n       [class]=\"{\n            'modal-dialog-scrollable': scrollable(),\n            'modal-dialog-centered': centered(),\n            'modal-fullscreen': fullscreenValue == 'always',\n            'modal-fullscreen-sm-down': fullscreenValue == 'sm',\n            'modal-fullscreen-md-down': fullscreenValue == 'md',\n            'modal-fullscreen-lg-down': fullscreenValue == 'lg',\n            'modal-fullscreen-xl-down': fullscreenValue == 'xl',\n            'modal-fullscreen-xxl-down': fullscreenValue == 'xxl',\n            'modal-sm': sizeValue == 'sm',\n            'modal-lg': sizeValue == 'lg',\n            'modal-xl': sizeValue == 'xl',\n          }\">\n    <div class=\"modal-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>" }]
         }], ctorParameters: () => [], propDecorators: { closeRequest: [{
                 type: Output
             }], backdropClick: [{
                 type: Output
-            }], onKeyDown: [{
+            }], _onDocumentKeyDown: [{
                 type: HostListener,
                 args: ['document:keydown', ['$event']]
             }] } });
 
 class ModalModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: ModalModule, imports: [ModalComponent], exports: [ModalComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ModalModule, imports: [ModalComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: ModalModule, imports: [ModalComponent], exports: [ModalComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ModalModule, imports: [ModalComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ModalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/bootkit-ng0-components-modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-modal.mjs","sources":["../../../projects/ng0/components/modal/modal.component.ts","../../../projects/ng0/components/modal/modal.component.html","../../../projects/ng0/components/modal/modal.module.ts","../../../projects/ng0/components/modal/bootkit-ng0-components-modal.ts"],"sourcesContent":["import { Component, Output, EventEmitter, ChangeDetectionStrategy, input, signal, HostListener } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ModalCloseRequest } from './types';\n\n@Component({\n    selector: 'ng0-modal',\n    exportAs: 'ng0Modal',\n    templateUrl: 'modal.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n    ]\n})\nexport class ModalComponent {\n    public scrollable = input<boolean>(false);\n\n    /** Is modal vertically centered? */\n    public centered = input<boolean>(false);\n    public size = input<'sm' | 'default' | 'lg' | 'xl'>('default');\n    public fullscreen = input<'always' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>();\n    @Output() public closeRequest = new EventEmitter<ModalCloseRequest>();\n    @Output() public backdropClick = new EventEmitter();\n\n    protected _modalStatic = signal(false);\n\n    constructor() {\n    }\n\n    protected _onBackdropClick() {\n        this.backdropClick.emit();\n        this._modalStatic.set(true)\n        var timeout = setTimeout(() => {\n            this._modalStatic.set(false)\n            clearTimeout(timeout);\n        }, 100);\n    }\n\n    @HostListener('document:keydown', ['$event'])\n    onKeyDown(event: KeyboardEvent) {\n      if (event.key === 'Escape') {\n        this.closeRequest.emit();\n      }\n    }\n}\n","@let fullscreenValue=fullscreen();\n@let sizeValue=size();\n\n<div class=\"modal d-block\"\n     (click)=\"$event.target == $event.currentTarget ? _onBackdropClick(): ''\"\n     [class.modal-static]=\"_modalStatic()\">\n\n  <div class=\"modal-dialog\"\n       [class]=\"{\n            'modal-dialog-scrollable': scrollable(),\n            'modal-dialog-centered': centered(),\n            'modal-fullscreen': fullscreenValue == 'always',\n            'modal-fullscreen-sm-down': fullscreenValue == 'sm',\n            'modal-fullscreen-md-down': fullscreenValue == 'md',\n            'modal-fullscreen-lg-down': fullscreenValue == 'lg',\n            'modal-fullscreen-xl-down': fullscreenValue == 'xl',\n            'modal-fullscreen-xxl-down': fullscreenValue == 'xxl',\n            'modal-sm': sizeValue == 'sm',\n            'modal-lg': sizeValue == 'lg',\n            'modal-xl': sizeValue == 'xl',\n          }\">\n    <div class=\"modal-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>","import { NgModule } from '@angular/core';\nimport { ModalComponent } from './modal.component';\n\n@NgModule({\n    imports: [\n        ModalComponent,\n    ],\n    exports: [\n        ModalComponent,\n    ]\n})\nexport class ModalModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bootkit-ng0-components-modal.mjs","sources":["../../../projects/ng0/components/modal/modal.component.ts","../../../projects/ng0/components/modal/modal.component.html","../../../projects/ng0/components/modal/modal.module.ts","../../../projects/ng0/components/modal/bootkit-ng0-components-modal.ts"],"sourcesContent":["import { Component, Output, EventEmitter, ChangeDetectionStrategy, input, signal, HostListener } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ModalCloseRequest } from './types';\n\n@Component({\n    selector: 'ng0-modal',\n    exportAs: 'ng0Modal',\n    templateUrl: 'modal.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n    ]\n})\nexport class ModalComponent {\n    /**\n     * Is modal scrollable?\n     */\n    public scrollable = input<boolean>(false);\n\n    /** Is modal vertically centered? */\n    public centered = input<boolean>(false);\n\n    /**\n     * Size of the modal.\n     */\n    public size = input<'sm' | 'default' | 'lg' | 'xl'>('default');\n\n    /**\n     * Is modal fullscreen?\n     */\n    public fullscreen = input<'always' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>();\n\n    /**\n     * Emitted when user clicks the backdrop or presses the escape key.\n     */\n    @Output() public closeRequest = new EventEmitter<ModalCloseRequest>();\n\n    /**\n     * Emitted when the backdrop is clicked.\n     */\n    @Output() public backdropClick = new EventEmitter<Event>();\n\n    protected _modalStatic = signal(false);\n\n    constructor() {\n    }\n\n    protected _onBackdropClick(event: MouseEvent) {\n        this.closeRequest.emit({ reason: 'backdrop', event });\n        this.backdropClick.emit(event);\n        this._shakeModal(); // if user closes the modal, shake will not occure.\n    }\n\n    @HostListener('document:keydown', ['$event'])\n    private _onDocumentKeyDown(event: KeyboardEvent) {\n        if (event.key === 'Escape') {\n            this.closeRequest.emit({ reason: 'escape', event });\n            this._shakeModal();\n        }\n    }\n\n    private _shakeModal() {\n        this._modalStatic.set(true);\n        setTimeout(() => this._modalStatic.set(false), 100);\n    }\n}\n","@let fullscreenValue=fullscreen();\n@let sizeValue=size();\n\n<div class=\"modal d-block\"\n     (click)=\"$event.target == $event.currentTarget ? _onBackdropClick($event): ''\"\n     [class.modal-static]=\"_modalStatic()\">\n\n  <div class=\"modal-dialog\"\n       [class]=\"{\n            'modal-dialog-scrollable': scrollable(),\n            'modal-dialog-centered': centered(),\n            'modal-fullscreen': fullscreenValue == 'always',\n            'modal-fullscreen-sm-down': fullscreenValue == 'sm',\n            'modal-fullscreen-md-down': fullscreenValue == 'md',\n            'modal-fullscreen-lg-down': fullscreenValue == 'lg',\n            'modal-fullscreen-xl-down': fullscreenValue == 'xl',\n            'modal-fullscreen-xxl-down': fullscreenValue == 'xxl',\n            'modal-sm': sizeValue == 'sm',\n            'modal-lg': sizeValue == 'lg',\n            'modal-xl': sizeValue == 'xl',\n          }\">\n    <div class=\"modal-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>","import { NgModule } from '@angular/core';\nimport { ModalComponent } from './modal.component';\n\n@NgModule({\n    imports: [\n        ModalComponent,\n    ],\n    exports: [\n        ModalComponent,\n    ]\n})\nexport class ModalModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/bootkit-ng0-components-nav.mjs

@@ -7,17 +7,17 @@ class NavDirective {
     /**
      * The active item.
      */
-    activeItem = model(0, ...(ngDevMode ? [{ debugName: "activeItem" }] : []));
+    activeItem = model(0);
     /**
      * Whether the navigation is disabled.
      */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    disabled = input(false);
     constructor() {
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.1", type: NavDirective, isStandalone: true, selector: "[ng0Nav]", inputs: { activeItem: { classPropertyName: "activeItem", publicName: "activeItem", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItem: "activeItemChange" }, exportAs: ["ng0Nav"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: NavDirective, isStandalone: true, selector: "[ng0Nav]", inputs: { activeItem: { classPropertyName: "activeItem", publicName: "activeItem", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItem: "activeItemChange" }, exportAs: ["ng0Nav"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0Nav]',
@@ -28,15 +28,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
 
 class NavItemDirective {
     elementRef;
-    id = input.required(...(ngDevMode ? [{ debugName: "id", alias: 'ng0NavItem' }] : [{ alias: 'ng0NavItem' }]));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    id = input.required({ alias: 'ng0NavItem' });
+    disabled = input(false);
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavItemDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.1", type: NavItemDirective, isStandalone: true, selector: "[ng0NavItem]", inputs: { id: { classPropertyName: "id", publicName: "ng0NavItem", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ng0NavItem"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavItemDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: NavItemDirective, isStandalone: true, selector: "[ng0NavItem]", inputs: { id: { classPropertyName: "id", publicName: "ng0NavItem", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ng0NavItem"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0NavItem]',
@@ -63,10 +63,10 @@ class NavLinkDirective {
     get _disabled() {
         return this._nav.disabled() || this._navItem.disabled();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavLinkDirective, deps: [{ token: i0.ElementRef }, { token: NavDirective }, { token: NavItemDirective }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: NavLinkDirective, isStandalone: true, selector: "[ng0NavLink]", host: { listeners: { "click": "_onClick()" }, properties: { "class.active": "this._active", "class.disabled": "this._disabled" } }, exportAs: ["ng0NavLink"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavLinkDirective, deps: [{ token: i0.ElementRef }, { token: NavDirective }, { token: NavItemDirective }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: NavLinkDirective, isStandalone: true, selector: "[ng0NavLink]", host: { listeners: { "click": "_onClick()" }, properties: { "class.active": "this._active", "class.disabled": "this._disabled" } }, exportAs: ["ng0NavLink"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0NavLink]',
@@ -86,14 +86,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
 
 class NavContentDirective {
     templateRef;
-    id = input.required(...(ngDevMode ? [{ debugName: "id", alias: 'ng0NavContent' }] : [{ alias: 'ng0NavContent' }]));
+    id = input.required({ alias: 'ng0NavContent' });
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.1", type: NavContentDirective, isStandalone: true, selector: "[ng0NavContent]", inputs: { id: { classPropertyName: "id", publicName: "ng0NavContent", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ng0NavContent"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: NavContentDirective, isStandalone: true, selector: "[ng0NavContent]", inputs: { id: { classPropertyName: "id", publicName: "ng0NavContent", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ng0NavContent"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0NavContent]',
@@ -108,9 +108,9 @@ class NavContentContainerComponent {
     /**
      * The navigation directive that this content belongs to.
      */
-    nav = input.required(...(ngDevMode ? [{ debugName: "nav" }] : []));
+    nav = input.required();
     _contents;
-    _activeItem = computed(() => this.nav().activeItem(), ...(ngDevMode ? [{ debugName: "_activeItem" }] : []));
+    _activeItem = computed(() => this.nav().activeItem());
     constructor(_elementRef, _renderer) {
         this._elementRef = _elementRef;
         this._renderer = _renderer;
@@ -118,10 +118,10 @@ class NavContentContainerComponent {
     ngOnInit() {
         this._renderer.addClass(this._elementRef.nativeElement, 'tab-content');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavContentContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: NavContentContainerComponent, isStandalone: true, selector: "ng0-navcontent-container", inputs: { nav: { classPropertyName: "nav", publicName: "nav", isSignal: true, isRequired: true, transformFunction: null } }, queries: [{ propertyName: "_contents", predicate: NavContentDirective }], exportAs: ["ng0Navcontent"], ngImport: i0, template: "@for (content of _contents; track $index) {\n    @if(content.id() === _activeItem()) {\n        <ng-container *ngTemplateOutlet=\"content.templateRef;\"></ng-container>\n    }\n}\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavContentContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: NavContentContainerComponent, isStandalone: true, selector: "ng0-navcontent-container", inputs: { nav: { classPropertyName: "nav", publicName: "nav", isSignal: true, isRequired: true, transformFunction: null } }, queries: [{ propertyName: "_contents", predicate: NavContentDirective }], exportAs: ["ng0Navcontent"], ngImport: i0, template: "@for (content of _contents; track $index) {\n    @if(content.id() === _activeItem()) {\n        <ng-container *ngTemplateOutlet=\"content.templateRef;\"></ng-container>\n    }\n}\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavContentContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavContentContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng0-navcontent-container', exportAs: 'ng0Navcontent', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: "@for (content of _contents; track $index) {\n    @if(content.id() === _activeItem()) {\n        <ng-container *ngTemplateOutlet=\"content.templateRef;\"></ng-container>\n    }\n}\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { _contents: [{
@@ -137,8 +137,8 @@ const items = [
     NavContentDirective
 ];
 class NavModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: NavModule, imports: [NavDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: NavModule, imports: [NavDirective,
             NavItemDirective,
             NavLinkDirective,
             NavContentContainerComponent,
@@ -147,9 +147,9 @@ class NavModule {
             NavLinkDirective,
             NavContentContainerComponent,
             NavContentDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavModule, imports: [NavContentContainerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavModule, imports: [NavContentContainerComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NavModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: items,

package/fesm2022/bootkit-ng0-components-nav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-nav.mjs","sources":["../../../projects/ng0/components/nav/nav.directive.ts","../../../projects/ng0/components/nav/nav-item.directive.ts","../../../projects/ng0/components/nav/nav-link.directive.ts","../../../projects/ng0/components/nav/nav-content.directive.ts","../../../projects/ng0/components/nav/nav-content-container.component.ts","../../../projects/ng0/components/nav/nav-content-container.component.html","../../../projects/ng0/components/nav/nav.module.ts","../../../projects/ng0/components/nav/bootkit-ng0-components-nav.ts"],"sourcesContent":["import { Directive, ElementRef, Renderer2, input, model } from '@angular/core';\n\n@Directive({\n      selector: '[ng0Nav]',\n      exportAs: 'ng0Nav',\n      standalone: true,\n})\nexport class NavDirective {\n      /**\n       * The active item.\n       */\n      activeItem = model<any>(0);\n\n      /**\n       * Whether the navigation is disabled.\n       */\n      disabled = input(false);\n\n      constructor() {\n      }\n}\n","import { Directive, ElementRef, Renderer2, input } from '@angular/core';\nimport { NavDirective } from './nav.directive';\n\n@Directive({\n      selector: '[ng0NavItem]',\n      exportAs: 'ng0NavItem',\n      standalone: true,\n})\nexport class NavItemDirective {\n      id = input.required<any>({alias: 'ng0NavItem'});\n      disabled = input(false);\n\n      constructor(public elementRef: ElementRef) {\n      }\n}\n","import { Directive, ElementRef, HostBinding, HostListener, Renderer2, input } from '@angular/core';\nimport { NavDirective } from './nav.directive';\nimport { NavItemDirective } from './nav-item.directive';\n\n@Directive({\n      selector: '[ng0NavLink]',\n      exportAs: 'ng0NavLink',\n      standalone: true,\n})\nexport class NavLinkDirective {\n      constructor(public elementRef: ElementRef, private _nav: NavDirective, private _navItem: NavItemDirective) {\n      }\n\n      @HostListener('click')\n      private _onClick() {\n            this._nav.activeItem.set(this._navItem.id());\n      }\n\n      @HostBinding('class.active') \n      private get _active() {\n            return this._nav.activeItem() === this._navItem.id();\n      }\n\n      @HostBinding('class.disabled') \n      private get _disabled() {\n            return this._nav.disabled() || this._navItem.disabled();\n      }\n}\n","import { Directive, input, TemplateRef } from '@angular/core';\n\n@Directive({\n      selector: '[ng0NavContent]',\n      exportAs: 'ng0NavContent',\n      standalone: true,\n})\nexport class NavContentDirective {\n      id = input.required<any>({alias: 'ng0NavContent'});\n      \n      constructor(public templateRef: TemplateRef<any>) {\n      }\n}\n","import { Component, ContentChildren, QueryList, ElementRef, Renderer2, OnInit, input, ChangeDetectionStrategy, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NavContentDirective } from './nav-content.directive';\nimport { NavDirective } from './nav.directive';\n\n@Component({\n    selector: 'ng0-navcontent-container',\n    exportAs: 'ng0Navcontent',\n    templateUrl: './nav-content-container.component.html',\n    styles: `:host{display: block;}`,\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [CommonModule]\n})\nexport class NavContentContainerComponent implements OnInit {\n    /** \n     * The navigation directive that this content belongs to.\n     */\n    nav = input.required<NavDirective>();\n\n    @ContentChildren(NavContentDirective) protected _contents!: QueryList<NavContentDirective>;\n    protected _activeItem = computed(() => this.nav().activeItem());\n\n    constructor(private _elementRef: ElementRef, private _renderer: Renderer2) {\n    }\n\n    ngOnInit(): void {\n        this._renderer.addClass(this._elementRef.nativeElement, 'tab-content');\n    }\n}\n","@for (content of _contents; track $index) {\n    @if(content.id() === _activeItem()) {\n        <ng-container *ngTemplateOutlet=\"content.templateRef;\"></ng-container>\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { NavDirective } from './nav.directive';\nimport { NavLinkDirective } from './nav-link.directive';\nimport { NavContentContainerComponent } from './nav-content-container.component';\nimport { NavContentDirective } from './nav-content.directive';\nimport { NavItemDirective } from './nav-item.directive';\n\nconst items = [\n  NavDirective,\n  NavItemDirective,\n  NavLinkDirective,\n  NavContentContainerComponent,\n  NavContentDirective\n];\n\n@NgModule({\n  imports: items,\n  exports: items\n})\nexport class NavModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.NavDirective","i2.NavItemDirective"],"mappings":"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"}
+{"version":3,"file":"bootkit-ng0-components-nav.mjs","sources":["../../../projects/ng0/components/nav/nav.directive.ts","../../../projects/ng0/components/nav/nav-item.directive.ts","../../../projects/ng0/components/nav/nav-link.directive.ts","../../../projects/ng0/components/nav/nav-content.directive.ts","../../../projects/ng0/components/nav/nav-content-container.component.ts","../../../projects/ng0/components/nav/nav-content-container.component.html","../../../projects/ng0/components/nav/nav.module.ts","../../../projects/ng0/components/nav/bootkit-ng0-components-nav.ts"],"sourcesContent":["import { Directive, ElementRef, Renderer2, input, model } from '@angular/core';\n\n@Directive({\n      selector: '[ng0Nav]',\n      exportAs: 'ng0Nav',\n      standalone: true,\n})\nexport class NavDirective {\n      /**\n       * The active item.\n       */\n      activeItem = model<any>(0);\n\n      /**\n       * Whether the navigation is disabled.\n       */\n      disabled = input(false);\n\n      constructor() {\n      }\n}\n","import { Directive, ElementRef, Renderer2, input } from '@angular/core';\nimport { NavDirective } from './nav.directive';\n\n@Directive({\n      selector: '[ng0NavItem]',\n      exportAs: 'ng0NavItem',\n      standalone: true,\n})\nexport class NavItemDirective {\n      id = input.required<any>({alias: 'ng0NavItem'});\n      disabled = input(false);\n\n      constructor(public elementRef: ElementRef) {\n      }\n}\n","import { Directive, ElementRef, HostBinding, HostListener, Renderer2, input } from '@angular/core';\nimport { NavDirective } from './nav.directive';\nimport { NavItemDirective } from './nav-item.directive';\n\n@Directive({\n      selector: '[ng0NavLink]',\n      exportAs: 'ng0NavLink',\n      standalone: true,\n})\nexport class NavLinkDirective {\n      constructor(public elementRef: ElementRef, private _nav: NavDirective, private _navItem: NavItemDirective) {\n      }\n\n      @HostListener('click')\n      private _onClick() {\n            this._nav.activeItem.set(this._navItem.id());\n      }\n\n      @HostBinding('class.active') \n      private get _active() {\n            return this._nav.activeItem() === this._navItem.id();\n      }\n\n      @HostBinding('class.disabled') \n      private get _disabled() {\n            return this._nav.disabled() || this._navItem.disabled();\n      }\n}\n","import { Directive, input, TemplateRef } from '@angular/core';\n\n@Directive({\n      selector: '[ng0NavContent]',\n      exportAs: 'ng0NavContent',\n      standalone: true,\n})\nexport class NavContentDirective {\n      id = input.required<any>({alias: 'ng0NavContent'});\n      \n      constructor(public templateRef: TemplateRef<any>) {\n      }\n}\n","import { Component, ContentChildren, QueryList, ElementRef, Renderer2, OnInit, input, ChangeDetectionStrategy, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NavContentDirective } from './nav-content.directive';\nimport { NavDirective } from './nav.directive';\n\n@Component({\n    selector: 'ng0-navcontent-container',\n    exportAs: 'ng0Navcontent',\n    templateUrl: './nav-content-container.component.html',\n    styles: `:host{display: block;}`,\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [CommonModule]\n})\nexport class NavContentContainerComponent implements OnInit {\n    /** \n     * The navigation directive that this content belongs to.\n     */\n    nav = input.required<NavDirective>();\n\n    @ContentChildren(NavContentDirective) protected _contents!: QueryList<NavContentDirective>;\n    protected _activeItem = computed(() => this.nav().activeItem());\n\n    constructor(private _elementRef: ElementRef, private _renderer: Renderer2) {\n    }\n\n    ngOnInit(): void {\n        this._renderer.addClass(this._elementRef.nativeElement, 'tab-content');\n    }\n}\n","@for (content of _contents; track $index) {\n    @if(content.id() === _activeItem()) {\n        <ng-container *ngTemplateOutlet=\"content.templateRef;\"></ng-container>\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { NavDirective } from './nav.directive';\nimport { NavLinkDirective } from './nav-link.directive';\nimport { NavContentContainerComponent } from './nav-content-container.component';\nimport { NavContentDirective } from './nav-content.directive';\nimport { NavItemDirective } from './nav-item.directive';\n\nconst items = [\n  NavDirective,\n  NavItemDirective,\n  NavLinkDirective,\n  NavContentContainerComponent,\n  NavContentDirective\n];\n\n@NgModule({\n  imports: items,\n  exports: items\n})\nexport class NavModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.NavDirective","i2.NavItemDirective"],"mappings":"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"}

package/fesm2022/bootkit-ng0-components-offcanvas.mjs

@@ -4,8 +4,8 @@ import { input, EventEmitter, afterNextRender, effect, untracked, HostListener,
 class OffcanvasDirective {
     _el;
     _renderer;
-    show = input(false, ...(ngDevMode ? [{ debugName: "show" }] : []));
-    hasBackdrop = input(false, ...(ngDevMode ? [{ debugName: "hasBackdrop" }] : []));
+    show = input(false);
+    hasBackdrop = input(false);
     backdropClick = new EventEmitter;
     _firstShowEffectRun = true;
     _firstBackdropEffectRun = true;
@@ -100,10 +100,10 @@ class OffcanvasDirective {
     ngOnDestroy() {
         this._destroyBackdrop();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: OffcanvasDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.1", type: OffcanvasDirective, isStandalone: true, selector: "[ng0Offcanvas]", inputs: { show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backdropClick: "backdropClick" }, host: { listeners: { "transitionend": "_onTransitionend($event)" } }, exportAs: ["ng0Offcanvas"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OffcanvasDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: OffcanvasDirective, isStandalone: true, selector: "[ng0Offcanvas]", inputs: { show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backdropClick: "backdropClick" }, host: { listeners: { "transitionend": "_onTransitionend($event)" } }, exportAs: ["ng0Offcanvas"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: OffcanvasDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OffcanvasDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0Offcanvas]',
@@ -121,11 +121,11 @@ const items = [
     OffcanvasDirective,
 ];
 class OffcanvasModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: OffcanvasModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: OffcanvasModule, imports: [OffcanvasDirective], exports: [OffcanvasDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: OffcanvasModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OffcanvasModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OffcanvasModule, imports: [OffcanvasDirective], exports: [OffcanvasDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OffcanvasModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: OffcanvasModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OffcanvasModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: items,

package/fesm2022/bootkit-ng0-components-offcanvas.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-offcanvas.mjs","sources":["../../../projects/ng0/components/offcanvas/offcanvas.directive.ts","../../../projects/ng0/components/offcanvas/offcanvas.module.ts","../../../projects/ng0/components/offcanvas/bootkit-ng0-components-offcanvas.ts"],"sourcesContent":["import { OnInit, ElementRef, Renderer2, effect, HostListener, Directive, input, Output, EventEmitter, OnDestroy, afterNextRender, untracked } from '@angular/core';\n\n@Directive({\n    selector: '[ng0Offcanvas]',\n    exportAs: 'ng0Offcanvas',\n    standalone: true,\n})\nexport class OffcanvasDirective implements OnInit, OnDestroy {\n    public show = input(false);\n    public hasBackdrop = input(false);\n\n    @Output()\n    public backdropClick = new EventEmitter<MouseEvent>;\n\n    private _firstShowEffectRun = true;\n    private _firstBackdropEffectRun = true;\n    private _backdropElement?: any;\n    private _backdropClickUnlistenFunc?: any;\n    private _backdropTransitionendUnlistenFunc?: any;\n    private addClass = (c: string) => this._renderer.addClass(this._el.nativeElement, c);\n\n    constructor(private _el: ElementRef, private _renderer: Renderer2) {\n\n        afterNextRender(() => {\n            if (this.show() && this.hasBackdrop()) {\n                this._createBackdrop();\n            }\n        });\n\n        effect(() => {\n            var show = this.show();\n            var backdrop = untracked(() => this.hasBackdrop());\n\n            if (this._firstShowEffectRun) {\n                if (show) {\n                    this.addClass('show');\n                }\n                this._firstShowEffectRun = false;\n                return;\n            }\n\n\n            if (show) {\n                this.addClass('show');\n                if (backdrop)\n                    this._createBackdrop();\n            } else {\n                this.addClass('hiding');\n                this._hideBackdrop(); // we first hide backdrop, after hide transition completed, we destroy it.\n            }\n        });\n\n        effect(() => {\n            var backdrop = this.hasBackdrop();\n            var show = untracked(() => this.show());\n\n            if (this._firstBackdropEffectRun) {\n                this._firstBackdropEffectRun = false;\n                return;\n            }\n\n            if (show) {\n                if (backdrop)\n                    this._createBackdrop();\n                else\n                    this._destroyBackdrop();\n            }\n        });\n    }\n\n    ngOnInit(): void {\n    }\n\n    private _createBackdrop() {\n        if (!this._backdropElement) {\n            this._backdropElement = this._renderer.createElement('div');\n            ['offcanvas-backdrop', 'fade', 'show'].forEach(c => this._renderer.addClass(this._backdropElement, c));\n\n            // Append the new element next to the host element\n            const parent = this._renderer.parentNode(this._el.nativeElement);\n            const nextSibling = this._renderer.nextSibling(this._el.nativeElement);\n            this._renderer.insertBefore(parent, this._backdropElement, nextSibling);\n\n            this._backdropClickUnlistenFunc = this._renderer.listen(this._backdropElement, 'click', (e) => {\n                this.backdropClick.emit(e);\n            });\n\n            this._backdropTransitionendUnlistenFunc = this._renderer.listen(this._backdropElement, 'transitionend', (e) => {\n                if (!this.show()) {\n                    this._destroyBackdrop();\n                }\n            });\n        }\n    }\n\n    private _destroyBackdrop() {\n        if (this._backdropElement) {\n            const parent = this._renderer.parentNode(this._el.nativeElement);\n            this._renderer.removeChild(parent, this._backdropElement, false);\n            this._backdropClickUnlistenFunc()\n\n            this._backdropClickUnlistenFunc = undefined;\n            this._backdropElement = undefined\n        }\n    }\n\n    private _hideBackdrop() {\n        if (this._backdropElement) {\n            this._renderer.removeClass(this._backdropElement, 'show');\n        }\n    }\n\n    @HostListener('transitionend', ['$event'])\n    private _onTransitionend(e: TransitionEvent): void {\n        if (!this.show() && e.propertyName == 'transform') {\n            ['show', 'hiding'].forEach(x => this._renderer.removeClass(this._el.nativeElement, x));\n            // if (this.backdrop())\n            //     this._destroyBackdrop();\n        }\n    }\n\n    ngOnDestroy(): void {\n        this._destroyBackdrop()\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { OffcanvasDirective } from './offcanvas.directive';\n\nconst items = [\n    OffcanvasDirective,\n];\n\n@NgModule({\n    imports: items,\n    exports: items\n})\nexport class OffcanvasModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bootkit-ng0-components-offcanvas.mjs","sources":["../../../projects/ng0/components/offcanvas/offcanvas.directive.ts","../../../projects/ng0/components/offcanvas/offcanvas.module.ts","../../../projects/ng0/components/offcanvas/bootkit-ng0-components-offcanvas.ts"],"sourcesContent":["import { OnInit, ElementRef, Renderer2, effect, HostListener, Directive, input, Output, EventEmitter, OnDestroy, afterNextRender, untracked } from '@angular/core';\n\n@Directive({\n    selector: '[ng0Offcanvas]',\n    exportAs: 'ng0Offcanvas',\n    standalone: true,\n})\nexport class OffcanvasDirective implements OnInit, OnDestroy {\n    public show = input(false);\n    public hasBackdrop = input(false);\n\n    @Output()\n    public backdropClick = new EventEmitter<MouseEvent>;\n\n    private _firstShowEffectRun = true;\n    private _firstBackdropEffectRun = true;\n    private _backdropElement?: any;\n    private _backdropClickUnlistenFunc?: any;\n    private _backdropTransitionendUnlistenFunc?: any;\n    private addClass = (c: string) => this._renderer.addClass(this._el.nativeElement, c);\n\n    constructor(private _el: ElementRef, private _renderer: Renderer2) {\n\n        afterNextRender(() => {\n            if (this.show() && this.hasBackdrop()) {\n                this._createBackdrop();\n            }\n        });\n\n        effect(() => {\n            var show = this.show();\n            var backdrop = untracked(() => this.hasBackdrop());\n\n            if (this._firstShowEffectRun) {\n                if (show) {\n                    this.addClass('show');\n                }\n                this._firstShowEffectRun = false;\n                return;\n            }\n\n\n            if (show) {\n                this.addClass('show');\n                if (backdrop)\n                    this._createBackdrop();\n            } else {\n                this.addClass('hiding');\n                this._hideBackdrop(); // we first hide backdrop, after hide transition completed, we destroy it.\n            }\n        });\n\n        effect(() => {\n            var backdrop = this.hasBackdrop();\n            var show = untracked(() => this.show());\n\n            if (this._firstBackdropEffectRun) {\n                this._firstBackdropEffectRun = false;\n                return;\n            }\n\n            if (show) {\n                if (backdrop)\n                    this._createBackdrop();\n                else\n                    this._destroyBackdrop();\n            }\n        });\n    }\n\n    ngOnInit(): void {\n    }\n\n    private _createBackdrop() {\n        if (!this._backdropElement) {\n            this._backdropElement = this._renderer.createElement('div');\n            ['offcanvas-backdrop', 'fade', 'show'].forEach(c => this._renderer.addClass(this._backdropElement, c));\n\n            // Append the new element next to the host element\n            const parent = this._renderer.parentNode(this._el.nativeElement);\n            const nextSibling = this._renderer.nextSibling(this._el.nativeElement);\n            this._renderer.insertBefore(parent, this._backdropElement, nextSibling);\n\n            this._backdropClickUnlistenFunc = this._renderer.listen(this._backdropElement, 'click', (e) => {\n                this.backdropClick.emit(e);\n            });\n\n            this._backdropTransitionendUnlistenFunc = this._renderer.listen(this._backdropElement, 'transitionend', (e) => {\n                if (!this.show()) {\n                    this._destroyBackdrop();\n                }\n            });\n        }\n    }\n\n    private _destroyBackdrop() {\n        if (this._backdropElement) {\n            const parent = this._renderer.parentNode(this._el.nativeElement);\n            this._renderer.removeChild(parent, this._backdropElement, false);\n            this._backdropClickUnlistenFunc()\n\n            this._backdropClickUnlistenFunc = undefined;\n            this._backdropElement = undefined\n        }\n    }\n\n    private _hideBackdrop() {\n        if (this._backdropElement) {\n            this._renderer.removeClass(this._backdropElement, 'show');\n        }\n    }\n\n    @HostListener('transitionend', ['$event'])\n    private _onTransitionend(e: TransitionEvent): void {\n        if (!this.show() && e.propertyName == 'transform') {\n            ['show', 'hiding'].forEach(x => this._renderer.removeClass(this._el.nativeElement, x));\n            // if (this.backdrop())\n            //     this._destroyBackdrop();\n        }\n    }\n\n    ngOnDestroy(): void {\n        this._destroyBackdrop()\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { OffcanvasDirective } from './offcanvas.directive';\n\nconst items = [\n    OffcanvasDirective,\n];\n\n@NgModule({\n    imports: items,\n    exports: items\n})\nexport class OffcanvasModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/bootkit-ng0-components-overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-overlay.mjs","sources":["../../../projects/ng0/components/overlay/utils.ts","../../../projects/ng0/components/overlay/positions.ts","../../../projects/ng0/components/overlay/bootkit-ng0-components-overlay.ts"],"sourcesContent":["import { ConnectedPosition } from \"@angular/cdk/overlay\";\nimport { Alignment, flipPlacement, Placement } from \"@bootkit/ng0/common\";\n\n/**\n * Get the overlay position based on the provided placement and alignment.\n * \n * @param placement - The placement of the overlay (e.g., 'bottom', 'top', 'start', 'end').\n * @param alignment - The alignment of the overlay (e.g., 'start', 'center', 'end').\n * @returns The connected position for the overlay.\n */\nexport function getConnectedPosition(placement: Placement, alignment: Alignment): ConnectedPosition {\n      let pos = {} as ConnectedPosition;\n\n      switch (placement) {\n            case 'bottom':\n                  pos.originY = 'bottom';\n                  pos.overlayY = 'top';\n                  pos.originX = alignment;\n                  pos.overlayX = alignment;\n                  break;\n            case 'top':\n                  pos.originY = 'top';\n                  pos.overlayY = 'bottom';\n                  pos.originX = alignment;\n                  pos.overlayX = alignment;\n                  break;\n            case 'start':\n                  pos.originX = 'start';\n                  pos.overlayX = 'end';\n\n                  if (alignment == 'start') {\n                        pos.originY = 'top';\n                        pos.overlayY = 'top';\n                  } else if (alignment == 'center') {\n                        pos.originY = 'center';\n                        pos.overlayY = 'center';\n                  } else {\n                        pos.originY = 'bottom';\n                        pos.overlayY = 'bottom';\n                  }\n                  break;\n            case 'end':\n                  pos.originX = 'end';\n                  pos.overlayX = 'start';\n\n                  if (alignment == 'start') {\n                        pos.originY = 'top';\n                        pos.overlayY = 'top';\n                  } else if (alignment == 'center') {\n                        pos.originY = 'center';\n                        pos.overlayY = 'center';\n                  } else {\n                        pos.originY = 'bottom';\n                        pos.overlayY = 'bottom';\n                  }\n                  break;\n      }\n\n      return pos;\n}\n\nexport function getConnectedPositions(placement: Placement, alignment: Alignment, includeFlippedPlacement = true): ConnectedPosition[] {\n      return [\n            getConnectedPosition(placement, alignment),\n            ...(includeFlippedPlacement ? [getConnectedPosition(flipPlacement(placement), alignment)] : []),\n      ] ;\n}\n","import { getConnectedPosition, getConnectedPositions } from \"./utils\";\n\n// Positions\nexport const START_START_POS = getConnectedPosition('start', 'start');\nexport const START_CENTER_POS = getConnectedPosition('start', 'center');\nexport const START_END_POS = getConnectedPosition('start', 'end');\n\nexport const END_START_POS = getConnectedPosition('end', 'start');\nexport const END_CENTER_POS = getConnectedPosition('end', 'center');\nexport const END_END_POS = getConnectedPosition('end', 'end');\n\nexport const TOP_START_POS = getConnectedPosition('top', 'start');\nexport const TOP_END_POS = getConnectedPosition('top', 'end');\nexport const TOP_CENTER_POS = getConnectedPosition('top', 'center');\n\nexport const BOTTOM_START_POS = getConnectedPosition('bottom', 'start');\nexport const BOTTOM_CENTER_POS = getConnectedPosition('bottom', 'center');\nexport const BOTTOM_END_POS = getConnectedPosition('bottom', 'end');\n\n\n// Flipped positions\nexport const START_START_FLIPPED_POS = getConnectedPositions('start', 'start');\nexport const START_CENTER_FLIPPED_POS = getConnectedPositions('start', 'center');\nexport const START_END_FLIPPED_POS = getConnectedPositions('start', 'end');\n\nexport const END_START_FLIPPED_POS = getConnectedPositions('end', 'start');\nexport const END_CENTER_FLIPPED_POS = getConnectedPositions('end', 'center');\nexport const END_END_FLIPPED_POS = getConnectedPositions('end', 'end');\n\nexport const TOP_START_FLIPPED_POS = getConnectedPositions('top', 'start');\nexport const TOP_END_FLIPPED_POS = getConnectedPositions('top', 'end');\nexport const TOP_CENTER_FLIPPED_POS = getConnectedPositions('top', 'center');\n\nexport const BOTTOM_START_FLIPPED_POS = getConnectedPositions('bottom', 'start');\nexport const BOTTOM_CENTER_FLIPPED_POS = getConnectedPositions('bottom', 'center');\nexport const BOTTOM_END_FLIPPED_POS = getConnectedPositions('bottom', 'end');","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bootkit-ng0-components-overlay.mjs","sources":["../../../projects/ng0/components/overlay/utils.ts","../../../projects/ng0/components/overlay/positions.ts","../../../projects/ng0/components/overlay/bootkit-ng0-components-overlay.ts"],"sourcesContent":["import { ConnectedPosition } from \"@angular/cdk/overlay\";\nimport { Alignment, flipPlacement, Placement } from \"@bootkit/ng0/common\";\n\n/**\n * Get the overlay position based on the provided placement and alignment.\n * \n * @param placement - The placement of the overlay (e.g., 'bottom', 'top', 'start', 'end').\n * @param alignment - The alignment of the overlay (e.g., 'start', 'center', 'end').\n * @returns The connected position for the overlay.\n */\nexport function getConnectedPosition(placement: Placement, alignment: Alignment): ConnectedPosition {\n      let pos = {} as ConnectedPosition;\n\n      switch (placement) {\n            case 'bottom':\n                  pos.originY = 'bottom';\n                  pos.overlayY = 'top';\n                  pos.originX = alignment;\n                  pos.overlayX = alignment;\n                  break;\n            case 'top':\n                  pos.originY = 'top';\n                  pos.overlayY = 'bottom';\n                  pos.originX = alignment;\n                  pos.overlayX = alignment;\n                  break;\n            case 'start':\n                  pos.originX = 'start';\n                  pos.overlayX = 'end';\n\n                  if (alignment == 'start') {\n                        pos.originY = 'top';\n                        pos.overlayY = 'top';\n                  } else if (alignment == 'center') {\n                        pos.originY = 'center';\n                        pos.overlayY = 'center';\n                  } else {\n                        pos.originY = 'bottom';\n                        pos.overlayY = 'bottom';\n                  }\n                  break;\n            case 'end':\n                  pos.originX = 'end';\n                  pos.overlayX = 'start';\n\n                  if (alignment == 'start') {\n                        pos.originY = 'top';\n                        pos.overlayY = 'top';\n                  } else if (alignment == 'center') {\n                        pos.originY = 'center';\n                        pos.overlayY = 'center';\n                  } else {\n                        pos.originY = 'bottom';\n                        pos.overlayY = 'bottom';\n                  }\n                  break;\n      }\n\n      return pos;\n}\n\nexport function getConnectedPositions(placement: Placement, alignment: Alignment, includeFlippedPlacement = true): ConnectedPosition[] {\n      return [\n            getConnectedPosition(placement, alignment),\n            ...(includeFlippedPlacement ? [getConnectedPosition(flipPlacement(placement), alignment)] : []),\n      ] ;\n}\n","import { getConnectedPosition, getConnectedPositions } from \"./utils\";\n\n// Positions\nexport const START_START_POS = getConnectedPosition('start', 'start');\nexport const START_CENTER_POS = getConnectedPosition('start', 'center');\nexport const START_END_POS = getConnectedPosition('start', 'end');\n\nexport const END_START_POS = getConnectedPosition('end', 'start');\nexport const END_CENTER_POS = getConnectedPosition('end', 'center');\nexport const END_END_POS = getConnectedPosition('end', 'end');\n\nexport const TOP_START_POS = getConnectedPosition('top', 'start');\nexport const TOP_END_POS = getConnectedPosition('top', 'end');\nexport const TOP_CENTER_POS = getConnectedPosition('top', 'center');\n\nexport const BOTTOM_START_POS = getConnectedPosition('bottom', 'start');\nexport const BOTTOM_CENTER_POS = getConnectedPosition('bottom', 'center');\nexport const BOTTOM_END_POS = getConnectedPosition('bottom', 'end');\n\n\n// Flipped positions\nexport const START_START_FLIPPED_POS = getConnectedPositions('start', 'start');\nexport const START_CENTER_FLIPPED_POS = getConnectedPositions('start', 'center');\nexport const START_END_FLIPPED_POS = getConnectedPositions('start', 'end');\n\nexport const END_START_FLIPPED_POS = getConnectedPositions('end', 'start');\nexport const END_CENTER_FLIPPED_POS = getConnectedPositions('end', 'center');\nexport const END_END_FLIPPED_POS = getConnectedPositions('end', 'end');\n\nexport const TOP_START_FLIPPED_POS = getConnectedPositions('top', 'start');\nexport const TOP_END_FLIPPED_POS = getConnectedPositions('top', 'end');\nexport const TOP_CENTER_FLIPPED_POS = getConnectedPositions('top', 'center');\n\nexport const BOTTOM_START_FLIPPED_POS = getConnectedPositions('bottom', 'start');\nexport const BOTTOM_CENTER_FLIPPED_POS = getConnectedPositions('bottom', 'center');\nexport const BOTTOM_END_FLIPPED_POS = getConnectedPositions('bottom', 'end');","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/bootkit-ng0-components-pagination.mjs

@@ -7,30 +7,30 @@ class PaginationComponent {
     /**
      * Total number of records.
      */
-    totalRecords = input.required(...(ngDevMode ? [{ debugName: "totalRecords" }] : []));
+    totalRecords = input.required();
     /**
      * Page size. Number of items in each page.
      */
-    pageSize = input(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    pageSize = input(10);
     /**
      * Selected page Index. starts from 1.
      */
-    selectedPage = input(1, ...(ngDevMode ? [{ debugName: "selectedPage" }] : []));
+    selectedPage = input(1);
     /**
      * Maximum number of visible pages.
      * Default is 10.
      */
-    maxVisiblePages = input(10, ...(ngDevMode ? [{ debugName: "maxVisiblePages" }] : []));
+    maxVisiblePages = input(10);
     /**
      * Show first and last buttons.
      * Default is true.
      */
-    showNextPreviousButtons = input(true, ...(ngDevMode ? [{ debugName: "showNextPreviousButtons" }] : []));
+    showNextPreviousButtons = input(true);
     /**
      * Show first and last buttons.
      * Default is true.
      */
-    showFirstLastButtons = input(true, ...(ngDevMode ? [{ debugName: "showFirstLastButtons" }] : []));
+    showFirstLastButtons = input(true);
     /**
      * Total number of pages.
      * This is a computed property based on totalRecords and pageSize.
@@ -76,16 +76,16 @@ class PaginationComponent {
             }
         }
         return indices;
-    }, ...(ngDevMode ? [{ debugName: "_visiblePages" }] : []));
+    });
     _onPageChange(pageIndex) {
         debugger;
         console.log('click');
         this.itemClick.emit(pageIndex);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: PaginationComponent, isStandalone: true, selector: "ng0-pagination", inputs: { totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, selectedPage: { classPropertyName: "selectedPage", publicName: "selectedPage", isSignal: true, isRequired: false, transformFunction: null }, maxVisiblePages: { classPropertyName: "maxVisiblePages", publicName: "maxVisiblePages", isSignal: true, isRequired: false, transformFunction: null }, showNextPreviousButtons: { classPropertyName: "showNextPreviousButtons", publicName: "showNextPreviousButtons", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastButtons: { classPropertyName: "showFirstLastButtons", publicName: "showFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, exportAs: ["ng0Pagination"], ngImport: i0, template: "@let _selectedPage = selectedPage();\n\n<nav>\n  <ul class=\"pagination\">\n    @if(showFirstLastButtons() || showFirstLastButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage <= 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(1)\">\n        <ng-content select=\"first\">\n          {{'first' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @if(showNextPreviousButtons() || showNextPreviousButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage <= 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_selectedPage! - 1)\">\n        <ng-content select=\"previous\">\n          {{'previous' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @for (page of _visiblePages(); track page) {\n    <li class=\"page-item\" [class.active]=\"_selectedPage === page\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(page)\">\n        {{page}}\n      </button>\n    </li>\n    }\n\n    @if(showNextPreviousButtons() || showNextPreviousButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage >= _totalPagesCount\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_selectedPage! + 1)\">\n        <ng-content select=\"next\">\n          {{'next' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @if(showFirstLastButtons() || showFirstLastButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage >= _totalPagesCount\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_totalPagesCount)\">\n        <ng-content select=\"last\">\n          {{'last' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n  </ul>\n</nav>\n\n<style>\n  .pagination {\n    margin: 0;\n  }\n</style>", styles: [".pagination{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "ng0Translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: PaginationComponent, isStandalone: true, selector: "ng0-pagination", inputs: { totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, selectedPage: { classPropertyName: "selectedPage", publicName: "selectedPage", isSignal: true, isRequired: false, transformFunction: null }, maxVisiblePages: { classPropertyName: "maxVisiblePages", publicName: "maxVisiblePages", isSignal: true, isRequired: false, transformFunction: null }, showNextPreviousButtons: { classPropertyName: "showNextPreviousButtons", publicName: "showNextPreviousButtons", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastButtons: { classPropertyName: "showFirstLastButtons", publicName: "showFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, exportAs: ["ng0Pagination"], ngImport: i0, template: "@let _selectedPage = selectedPage();\n\n<nav>\n  <ul class=\"pagination\">\n    @if(showFirstLastButtons() || showFirstLastButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage <= 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(1)\">\n        <ng-content select=\"first\">\n          {{'first' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @if(showNextPreviousButtons() || showNextPreviousButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage <= 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_selectedPage! - 1)\">\n        <ng-content select=\"previous\">\n          {{'previous' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @for (page of _visiblePages(); track page) {\n    <li class=\"page-item\" [class.active]=\"_selectedPage === page\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(page)\">\n        {{page}}\n      </button>\n    </li>\n    }\n\n    @if(showNextPreviousButtons() || showNextPreviousButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage >= _totalPagesCount\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_selectedPage! + 1)\">\n        <ng-content select=\"next\">\n          {{'next' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @if(showFirstLastButtons() || showFirstLastButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage >= _totalPagesCount\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_totalPagesCount)\">\n        <ng-content select=\"last\">\n          {{'last' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n  </ul>\n</nav>\n\n<style>\n  .pagination {\n    margin: 0;\n  }\n</style>", styles: [".pagination{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "ng0Translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng0-pagination', exportAs: 'ng0Pagination', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
@@ -96,11 +96,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
             }] } });
 
 class PaginationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: PaginationModule, imports: [PaginationComponent], exports: [PaginationComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PaginationModule, imports: [PaginationComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: PaginationModule, imports: [PaginationComponent], exports: [PaginationComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PaginationModule, imports: [PaginationComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PaginationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [