@agentsmith.bgd/as-lib-pagination 19.0.7 → 21.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,10 +5,10 @@ import { CommonModule } from '@angular/common';
5
5
 
6
6
  class AsLibPaginationService {
7
7
  constructor() { }
8
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AsLibPaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
9
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AsLibPaginationService, providedIn: 'root' });
8
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AsLibPaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
9
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AsLibPaginationService, providedIn: 'root' });
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AsLibPaginationService, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AsLibPaginationService, decorators: [{
12
12
  type: Injectable,
13
13
  args: [{
14
14
  providedIn: 'root'
@@ -16,14 +16,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
16
16
  }], ctorParameters: () => [] });
17
17
 
18
18
  class AsLibPaginationComponent {
19
- first = input(false);
20
- last = input(false);
21
- align = input('');
22
- enableLog = input(false);
19
+ first = input(false, ...(ngDevMode ? [{ debugName: "first" }] : []));
20
+ last = input(false, ...(ngDevMode ? [{ debugName: "last" }] : []));
21
+ align = input('', ...(ngDevMode ? [{ debugName: "align" }] : []));
22
+ enableLog = input(false, ...(ngDevMode ? [{ debugName: "enableLog" }] : []));
23
23
  pageChange = output();
24
24
  arr = [];
25
- totalPages = input(0);
26
- page = input(0);
25
+ totalPages = input(0, ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
26
+ page = input(0, ...(ngDevMode ? [{ debugName: "page" }] : []));
27
27
  constructor() {
28
28
  effect(() => {
29
29
  console.log(`The count is:`, this.totalPages(), this.page());
@@ -53,15 +53,15 @@ class AsLibPaginationComponent {
53
53
  myIndexFn(index, item) {
54
54
  return String(index); // Use index to uniquely identify each item
55
55
  }
56
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AsLibPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
57
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: AsLibPaginationComponent, isStandalone: true, selector: "as-lib-pagination", inputs: { first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, last: { classPropertyName: "last", publicName: "last", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, enableLog: { classPropertyName: "enableLog", publicName: "enableLog", isSignal: true, isRequired: false, transformFunction: null }, totalPages: { classPropertyName: "totalPages", publicName: "totalPages", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<ul class=\"pagination {{ align() }}\">\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(0)\" class=\"page-link\"> <i class=\"fa fa-angle-double-left\"></i> </a\n ></li>\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() - 1)\" class=\"page-link\"><i class=\"fa fa-angle-left\"></i></a>\n </li>\n\n <ng-container *ngFor=\"let x of arr; trackBy:myIndexFn\">\n <ng-container *ngIf=\"x !== -1; else disabledPage\">\n <li class=\"page-item d-none d-sm-block\" [class.active]=\"x === page()\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n </ng-container>\n <ng-template #disabledPage>\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n </ng-template>\n\n </ng-container>\n\n\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() + 1)\" class=\"page-link\"><i class=\"fa fa-angle-right\"></i></a>\n </li>\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(totalPages() - 1)\" class=\"page-link\"> <i class=\"fa fa-angle-double-right\"></i> </a\n ></li>\n</ul>\n", styles: [".pagination.right{justify-content:flex-end}.pagination.center{justify-content:center}a.page-link{cursor:pointer}@media (max-width: 575px){ul.pagination{justify-content:center!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
56
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AsLibPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
57
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: AsLibPaginationComponent, isStandalone: true, selector: "as-lib-pagination", inputs: { first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, last: { classPropertyName: "last", publicName: "last", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, enableLog: { classPropertyName: "enableLog", publicName: "enableLog", isSignal: true, isRequired: false, transformFunction: null }, totalPages: { classPropertyName: "totalPages", publicName: "totalPages", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<ul class=\"pagination {{ align() }}\">\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(0)\" class=\"page-link\"> <i class=\"fa fa-angle-double-left\"></i> </a\n ></li>\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() - 1)\" class=\"page-link\"><i class=\"fa fa-angle-left\"></i></a>\n </li>\n\n <ng-container *ngFor=\"let x of arr; trackBy:myIndexFn\">\n <ng-container *ngIf=\"x !== -1; else disabledPage\">\n <li class=\"page-item d-none d-sm-block\" [class.active]=\"x === page()\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n </ng-container>\n <ng-template #disabledPage>\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n </ng-template>\n\n </ng-container>\n\n\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() + 1)\" class=\"page-link\"><i class=\"fa fa-angle-right\"></i></a>\n </li>\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(totalPages() - 1)\" class=\"page-link\"> <i class=\"fa fa-angle-double-right\"></i> </a\n ></li>\n</ul>\n", styles: [".pagination.right{justify-content:flex-end}.pagination.center{justify-content:center}a.page-link{cursor:pointer}@media(max-width:575px){ul.pagination{justify-content:center!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
58
58
  }
59
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AsLibPaginationComponent, decorators: [{
59
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AsLibPaginationComponent, decorators: [{
60
60
  type: Component,
61
61
  args: [{ selector: 'as-lib-pagination', imports: [
62
62
  CommonModule
63
- ], standalone: true, template: "<ul class=\"pagination {{ align() }}\">\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(0)\" class=\"page-link\"> <i class=\"fa fa-angle-double-left\"></i> </a\n ></li>\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() - 1)\" class=\"page-link\"><i class=\"fa fa-angle-left\"></i></a>\n </li>\n\n <ng-container *ngFor=\"let x of arr; trackBy:myIndexFn\">\n <ng-container *ngIf=\"x !== -1; else disabledPage\">\n <li class=\"page-item d-none d-sm-block\" [class.active]=\"x === page()\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n </ng-container>\n <ng-template #disabledPage>\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n </ng-template>\n\n </ng-container>\n\n\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() + 1)\" class=\"page-link\"><i class=\"fa fa-angle-right\"></i></a>\n </li>\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(totalPages() - 1)\" class=\"page-link\"> <i class=\"fa fa-angle-double-right\"></i> </a\n ></li>\n</ul>\n", styles: [".pagination.right{justify-content:flex-end}.pagination.center{justify-content:center}a.page-link{cursor:pointer}@media (max-width: 575px){ul.pagination{justify-content:center!important}}\n"] }]
64
- }], ctorParameters: () => [] });
63
+ ], standalone: true, template: "<ul class=\"pagination {{ align() }}\">\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(0)\" class=\"page-link\"> <i class=\"fa fa-angle-double-left\"></i> </a\n ></li>\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() - 1)\" class=\"page-link\"><i class=\"fa fa-angle-left\"></i></a>\n </li>\n\n <ng-container *ngFor=\"let x of arr; trackBy:myIndexFn\">\n <ng-container *ngIf=\"x !== -1; else disabledPage\">\n <li class=\"page-item d-none d-sm-block\" [class.active]=\"x === page()\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n </ng-container>\n <ng-template #disabledPage>\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n </ng-template>\n\n </ng-container>\n\n\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() + 1)\" class=\"page-link\"><i class=\"fa fa-angle-right\"></i></a>\n </li>\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(totalPages() - 1)\" class=\"page-link\"> <i class=\"fa fa-angle-double-right\"></i> </a\n ></li>\n</ul>\n", styles: [".pagination.right{justify-content:flex-end}.pagination.center{justify-content:center}a.page-link{cursor:pointer}@media(max-width:575px){ul.pagination{justify-content:center!important}}\n"] }]
64
+ }], ctorParameters: () => [], propDecorators: { first: [{ type: i0.Input, args: [{ isSignal: true, alias: "first", required: false }] }], last: [{ type: i0.Input, args: [{ isSignal: true, alias: "last", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], enableLog: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableLog", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], totalPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPages", required: false }] }], page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }] } });
65
65
 
66
66
  /*
67
67
  * Public API Surface of as-lib-pagination
@@ -1 +1 @@
1
- {"version":3,"file":"agentsmith.bgd-as-lib-pagination.mjs","sources":["../../../projects/as-lib-pagination/src/lib/as-lib-pagination.service.ts","../../../projects/as-lib-pagination/src/lib/as-lib-pagination.component.ts","../../../projects/as-lib-pagination/src/lib/as-lib-pagination.component.html","../../../projects/as-lib-pagination/src/public-api.ts","../../../projects/as-lib-pagination/src/agentsmith.bgd-as-lib-pagination.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AsLibPaginationService {\n\n constructor() { }\n}\n","import { Component, effect, input, output } from '@angular/core';\nimport { CommonModule } from \"@angular/common\";\n\n@Component({\n selector: 'as-lib-pagination',\n imports: [\n CommonModule\n ],\n templateUrl: './as-lib-pagination.component.html',\n styleUrl: './as-lib-pagination.component.scss',\n standalone: true\n})\nexport class AsLibPaginationComponent {\n\n\n first = input(false);\n last = input(false);\n align = input<'' | 'justify-content-center' | 'justify-content-end'>('');\n enableLog = input(false);\n pageChange = output<number>();\n arr: number[] = [];\n totalPages = input(0);\n page = input(0);\n\n constructor() {\n effect(() => {\n console.log(`The count is:`, this.totalPages(), this.page());\n this.calculatePager();\n });\n }\n\n calculatePager(): void {\n this.arr = [];\n const midd = this.page() <= 4 || this.page() >= this.totalPages() - 4 ? Math.floor(this.totalPages() / 2) : 0;\n for (let num = 0; num < this.totalPages(); num++) {\n if (num < 2 || 2 >= Math.abs(this.page() - num) || 1 >= Math.abs(midd - num) || num === this.page() || num >= this.totalPages() - 2) {\n this.arr.push(num);\n } else if (this.arr[this.arr.length - 1] !== -1) {\n this.arr.push(-1);\n }\n }\n }\n\n ngOnInit() {\n this.calculatePager();\n }\n\n log(value: any, ...rest: any[]): void {\n if (this.enableLog() || localStorage.getItem('loggerEnable')) {\n console.log('%c DEBUG ', 'background: gray; color: white; font-weight: bold;', `AS Pagination -> ${value}`, ...rest);\n }\n }\n\n myIndexFn(index: number, item: any): string {\n return String(index); // Use index to uniquely identify each item\n }\n}\n","<ul class=\"pagination {{ align() }}\">\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(0)\" class=\"page-link\"> <i class=\"fa fa-angle-double-left\"></i> </a\n ></li>\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() - 1)\" class=\"page-link\"><i class=\"fa fa-angle-left\"></i></a>\n </li>\n\n <ng-container *ngFor=\"let x of arr; trackBy:myIndexFn\">\n <ng-container *ngIf=\"x !== -1; else disabledPage\">\n <li class=\"page-item d-none d-sm-block\" [class.active]=\"x === page()\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n </ng-container>\n <ng-template #disabledPage>\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n </ng-template>\n\n </ng-container>\n\n\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() + 1)\" class=\"page-link\"><i class=\"fa fa-angle-right\"></i></a>\n </li>\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(totalPages() - 1)\" class=\"page-link\"> <i class=\"fa fa-angle-double-right\"></i> </a\n ></li>\n</ul>\n","/*\n * Public API Surface of as-lib-pagination\n */\n\nexport * from './lib/as-lib-pagination.service';\nexport * from './lib/as-lib-pagination.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"agentsmith.bgd-as-lib-pagination.mjs","sources":["../../../projects/as-lib-pagination/src/lib/as-lib-pagination.service.ts","../../../projects/as-lib-pagination/src/lib/as-lib-pagination.component.ts","../../../projects/as-lib-pagination/src/lib/as-lib-pagination.component.html","../../../projects/as-lib-pagination/src/public-api.ts","../../../projects/as-lib-pagination/src/agentsmith.bgd-as-lib-pagination.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AsLibPaginationService {\n\n constructor() { }\n}\n","import { Component, effect, input, output } from '@angular/core';\nimport { CommonModule } from \"@angular/common\";\n\n@Component({\n selector: 'as-lib-pagination',\n imports: [\n CommonModule\n ],\n templateUrl: './as-lib-pagination.component.html',\n styleUrl: './as-lib-pagination.component.scss',\n standalone: true\n})\nexport class AsLibPaginationComponent {\n\n\n first = input(false);\n last = input(false);\n align = input<'' | 'justify-content-center' | 'justify-content-end'>('');\n enableLog = input(false);\n pageChange = output<number>();\n arr: number[] = [];\n totalPages = input(0);\n page = input(0);\n\n constructor() {\n effect(() => {\n console.log(`The count is:`, this.totalPages(), this.page());\n this.calculatePager();\n });\n }\n\n calculatePager(): void {\n this.arr = [];\n const midd = this.page() <= 4 || this.page() >= this.totalPages() - 4 ? Math.floor(this.totalPages() / 2) : 0;\n for (let num = 0; num < this.totalPages(); num++) {\n if (num < 2 || 2 >= Math.abs(this.page() - num) || 1 >= Math.abs(midd - num) || num === this.page() || num >= this.totalPages() - 2) {\n this.arr.push(num);\n } else if (this.arr[this.arr.length - 1] !== -1) {\n this.arr.push(-1);\n }\n }\n }\n\n ngOnInit() {\n this.calculatePager();\n }\n\n log(value: any, ...rest: any[]): void {\n if (this.enableLog() || localStorage.getItem('loggerEnable')) {\n console.log('%c DEBUG ', 'background: gray; color: white; font-weight: bold;', `AS Pagination -> ${value}`, ...rest);\n }\n }\n\n myIndexFn(index: number, item: any): string {\n return String(index); // Use index to uniquely identify each item\n }\n}\n","<ul class=\"pagination {{ align() }}\">\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(0)\" class=\"page-link\"> <i class=\"fa fa-angle-double-left\"></i> </a\n ></li>\n <li [class.disabled]=\"first()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() - 1)\" class=\"page-link\"><i class=\"fa fa-angle-left\"></i></a>\n </li>\n\n <ng-container *ngFor=\"let x of arr; trackBy:myIndexFn\">\n <ng-container *ngIf=\"x !== -1; else disabledPage\">\n <li class=\"page-item d-none d-sm-block\" [class.active]=\"x === page()\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n </ng-container>\n <ng-template #disabledPage>\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n </ng-template>\n\n </ng-container>\n\n\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(page() + 1)\" class=\"page-link\"><i class=\"fa fa-angle-right\"></i></a>\n </li>\n <li [class.disabled]=\"last()\" class=\"page-item\"\n ><a (click)=\"pageChange.emit(totalPages() - 1)\" class=\"page-link\"> <i class=\"fa fa-angle-double-right\"></i> </a\n ></li>\n</ul>\n","/*\n * Public API Surface of as-lib-pagination\n */\n\nexport * from './lib/as-lib-pagination.service';\nexport * from './lib/as-lib-pagination.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,23 +1,23 @@
1
1
  {
2
2
  "name": "@agentsmith.bgd/as-lib-pagination",
3
- "version": "19.0.7",
3
+ "version": "21.0.2",
4
4
  "peerDependencies": {
5
- "@angular/common": "^19.1.1",
6
- "@angular/core": "^19.1.1",
5
+ "@angular/common": "^21.0.0",
6
+ "@angular/core": "^21.0.0",
7
7
  "font-awesome": "4.7.0"
8
8
  },
9
9
  "dependencies": {
10
- "tslib": "^2.3.0"
10
+ "tslib": "^2.8.1"
11
11
  },
12
12
  "sideEffects": false,
13
13
  "module": "fesm2022/agentsmith.bgd-as-lib-pagination.mjs",
14
- "typings": "index.d.ts",
14
+ "typings": "types/agentsmith.bgd-as-lib-pagination.d.ts",
15
15
  "exports": {
16
16
  "./package.json": {
17
17
  "default": "./package.json"
18
18
  },
19
19
  ".": {
20
- "types": "./index.d.ts",
20
+ "types": "./types/agentsmith.bgd-as-lib-pagination.d.ts",
21
21
  "default": "./fesm2022/agentsmith.bgd-as-lib-pagination.mjs"
22
22
  }
23
23
  }
@@ -0,0 +1,27 @@
1
+ import * as _angular_core from '@angular/core';
2
+
3
+ declare class AsLibPaginationService {
4
+ constructor();
5
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<AsLibPaginationService, never>;
6
+ static ɵprov: _angular_core.ɵɵInjectableDeclaration<AsLibPaginationService>;
7
+ }
8
+
9
+ declare class AsLibPaginationComponent {
10
+ first: _angular_core.InputSignal<boolean>;
11
+ last: _angular_core.InputSignal<boolean>;
12
+ align: _angular_core.InputSignal<"" | "justify-content-center" | "justify-content-end">;
13
+ enableLog: _angular_core.InputSignal<boolean>;
14
+ pageChange: _angular_core.OutputEmitterRef<number>;
15
+ arr: number[];
16
+ totalPages: _angular_core.InputSignal<number>;
17
+ page: _angular_core.InputSignal<number>;
18
+ constructor();
19
+ calculatePager(): void;
20
+ ngOnInit(): void;
21
+ log(value: any, ...rest: any[]): void;
22
+ myIndexFn(index: number, item: any): string;
23
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<AsLibPaginationComponent, never>;
24
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AsLibPaginationComponent, "as-lib-pagination", never, { "first": { "alias": "first"; "required": false; "isSignal": true; }; "last": { "alias": "last"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "enableLog": { "alias": "enableLog"; "required": false; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
25
+ }
26
+
27
+ export { AsLibPaginationComponent, AsLibPaginationService };
package/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- /// <amd-module name="@agentsmith.bgd/as-lib-pagination" />
5
- export * from './public-api';
@@ -1,18 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class AsLibPaginationComponent {
3
- first: import("@angular/core").InputSignal<boolean>;
4
- last: import("@angular/core").InputSignal<boolean>;
5
- align: import("@angular/core").InputSignal<"" | "justify-content-center" | "justify-content-end">;
6
- enableLog: import("@angular/core").InputSignal<boolean>;
7
- pageChange: import("@angular/core").OutputEmitterRef<number>;
8
- arr: number[];
9
- totalPages: import("@angular/core").InputSignal<number>;
10
- page: import("@angular/core").InputSignal<number>;
11
- constructor();
12
- calculatePager(): void;
13
- ngOnInit(): void;
14
- log(value: any, ...rest: any[]): void;
15
- myIndexFn(index: number, item: any): string;
16
- static ɵfac: i0.ɵɵFactoryDeclaration<AsLibPaginationComponent, never>;
17
- static ɵcmp: i0.ɵɵComponentDeclaration<AsLibPaginationComponent, "as-lib-pagination", never, { "first": { "alias": "first"; "required": false; "isSignal": true; }; "last": { "alias": "last"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "enableLog": { "alias": "enableLog"; "required": false; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
18
- }
@@ -1,6 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class AsLibPaginationService {
3
- constructor();
4
- static ɵfac: i0.ɵɵFactoryDeclaration<AsLibPaginationService, never>;
5
- static ɵprov: i0.ɵɵInjectableDeclaration<AsLibPaginationService>;
6
- }
package/public-api.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from './lib/as-lib-pagination.service';
2
- export * from './lib/as-lib-pagination.component';