@agentsmith.bgd/as-lib-pagination 0.0.2 → 0.0.4
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.
- package/README.md +6 -6
- package/esm2022/agentsmith.bgd-as-lib-pagination.mjs +1 -1
- package/esm2022/lib/as-lib-pagination.component.mjs +45 -0
- package/esm2022/lib/as-lib-pagination.service.mjs +14 -0
- package/esm2022/public-api.mjs +6 -3
- package/fesm2022/agentsmith.bgd-as-lib-pagination.mjs +22 -10
- package/fesm2022/agentsmith.bgd-as-lib-pagination.mjs.map +1 -1
- package/lib/as-lib-pagination.component.d.ts +17 -0
- package/lib/as-lib-pagination.service.d.ts +6 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -1
- package/esm2022/lib/pagination.component.mjs +0 -47
- package/lib/pagination.component.d.ts +0 -17
package/README.md
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
#
|
|
1
|
+
# AsLibPagination
|
|
2
2
|
|
|
3
3
|
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.1.0.
|
|
4
4
|
|
|
5
5
|
## Code scaffolding
|
|
6
6
|
|
|
7
|
-
Run `ng generate component component-name --project pagination` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project pagination`.
|
|
8
|
-
> Note: Don't forget to add `--project pagination` or else it will be added to the default project in your `angular.json` file.
|
|
7
|
+
Run `ng generate component component-name --project as-lib-pagination` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project as-lib-pagination`.
|
|
8
|
+
> Note: Don't forget to add `--project as-lib-pagination` or else it will be added to the default project in your `angular.json` file.
|
|
9
9
|
|
|
10
10
|
## Build
|
|
11
11
|
|
|
12
|
-
Run `ng build pagination` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
12
|
+
Run `ng build as-lib-pagination` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
13
13
|
|
|
14
14
|
## Publishing
|
|
15
15
|
|
|
16
|
-
After building your library with `ng build pagination`, go to the dist folder `cd dist/pagination` and run `npm publish`.
|
|
16
|
+
After building your library with `ng build as-lib-pagination`, go to the dist folder `cd dist/as-lib-pagination` and run `npm publish`.
|
|
17
17
|
|
|
18
18
|
## Running unit tests
|
|
19
19
|
|
|
20
|
-
Run `ng test pagination` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
20
|
+
Run `ng test as-lib-pagination` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
21
21
|
|
|
22
22
|
## Further help
|
|
23
23
|
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Generated bundle index. Do not edit.
|
|
3
3
|
*/
|
|
4
4
|
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdlbnRzbWl0aC5iZ2QtYXMtbGliLXBhZ2luYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9hcy1saWItcGFnaW5hdGlvbi9zcmMvYWdlbnRzbWl0aC5iZ2QtYXMtbGliLXBhZ2luYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Component, effect, input, output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class AsLibPaginationComponent {
|
|
4
|
+
first = input(false);
|
|
5
|
+
last = input(false);
|
|
6
|
+
align = input('');
|
|
7
|
+
enableLog = input(false);
|
|
8
|
+
pageChange = output();
|
|
9
|
+
arr = [];
|
|
10
|
+
totalPages = input(0);
|
|
11
|
+
page = input(0);
|
|
12
|
+
constructor() {
|
|
13
|
+
effect(() => {
|
|
14
|
+
console.log(`The count is:`, this.totalPages(), this.page());
|
|
15
|
+
this.calculatePager();
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
calculatePager() {
|
|
19
|
+
this.arr = [];
|
|
20
|
+
const midd = this.page() <= 4 || this.page() >= this.totalPages() - 4 ? Math.floor(this.totalPages() / 2) : 0;
|
|
21
|
+
for (let num = 0; num < this.totalPages(); num++) {
|
|
22
|
+
if (num < 2 || 2 >= Math.abs(this.page() - num) || 1 >= Math.abs(midd - num) || num === this.page() || num >= this.totalPages() - 2) {
|
|
23
|
+
this.arr.push(num);
|
|
24
|
+
}
|
|
25
|
+
else if (this.arr[this.arr.length - 1] !== -1) {
|
|
26
|
+
this.arr.push(-1);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
ngOnInit() {
|
|
31
|
+
this.calculatePager();
|
|
32
|
+
}
|
|
33
|
+
log(value, ...rest) {
|
|
34
|
+
if (this.enableLog() || localStorage.getItem('loggerEnable')) {
|
|
35
|
+
console.log(`AS Pagination -> ${value}`, ...rest);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AsLibPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.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 @for (x of arr; track x) {\n @if (x !== -1) {\n <li [class.active]=\"x === page()\" class=\"page-item d-none d-sm-block\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n } @else if (x === -1) {\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n }\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"] });
|
|
40
|
+
}
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AsLibPaginationComponent, decorators: [{
|
|
42
|
+
type: Component,
|
|
43
|
+
args: [{ selector: 'as-lib-pagination', standalone: true, imports: [], 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 @for (x of arr; track x) {\n @if (x !== -1) {\n <li [class.active]=\"x === page()\" class=\"page-item d-none d-sm-block\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n } @else if (x === -1) {\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n }\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"] }]
|
|
44
|
+
}], ctorParameters: () => [] });
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXMtbGliLXBhZ2luYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYXMtbGliLXBhZ2luYXRpb24vc3JjL2xpYi9hcy1saWItcGFnaW5hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hcy1saWItcGFnaW5hdGlvbi9zcmMvbGliL2FzLWxpYi1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU2pFLE1BQU0sT0FBTyx3QkFBd0I7SUFDbkMsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixJQUFJLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BCLEtBQUssR0FBRyxLQUFLLENBQXdELEVBQUUsQ0FBQyxDQUFDO0lBQ3pFLFNBQVMsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsVUFBVSxHQUFHLE1BQU0sRUFBVSxDQUFDO0lBQzlCLEdBQUcsR0FBYSxFQUFFLENBQUM7SUFDbkIsVUFBVSxHQUFHLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztJQUM5QixJQUFJLEdBQUcsS0FBSyxDQUFTLENBQUMsQ0FBQyxDQUFDO0lBRXhCO1FBQ0UsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztZQUM3RCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxHQUFHLEdBQUcsRUFBRSxDQUFDO1FBQ2QsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUM5RyxLQUFLLElBQUksR0FBRyxHQUFHLENBQUMsRUFBRSxHQUFHLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUM7WUFDakQsSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDLElBQUksR0FBRyxLQUFLLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUNwSSxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNyQixDQUFDO2lCQUFNLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUNoRCxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3BCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELEdBQUcsQ0FBQyxLQUFVLEVBQUUsR0FBRyxJQUFXO1FBQzVCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLFlBQVksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLEVBQUUsQ0FBQztZQUM3RCxPQUFPLENBQUMsR0FBRyxDQUFDLG9CQUFvQixLQUFLLEVBQUUsRUFBRSxHQUFHLElBQUksQ0FBQyxDQUFDO1FBQ3BELENBQUM7SUFDSCxDQUFDO3VHQXJDVSx3QkFBd0I7MkZBQXhCLHdCQUF3QixxMkJDVHJDLDhsQ0EwQkE7OzJGRGpCYSx3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBlZmZlY3QsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXMtbGliLXBhZ2luYXRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2FzLWxpYi1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2FzLWxpYi1wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBBc0xpYlBhZ2luYXRpb25Db21wb25lbnQge1xuICBmaXJzdCA9IGlucHV0KGZhbHNlKTtcbiAgbGFzdCA9IGlucHV0KGZhbHNlKTtcbiAgYWxpZ24gPSBpbnB1dDwnJyB8ICdqdXN0aWZ5LWNvbnRlbnQtY2VudGVyJyB8ICdqdXN0aWZ5LWNvbnRlbnQtZW5kJz4oJycpO1xuICBlbmFibGVMb2cgPSBpbnB1dChmYWxzZSk7XG4gIHBhZ2VDaGFuZ2UgPSBvdXRwdXQ8bnVtYmVyPigpO1xuICBhcnI6IG51bWJlcltdID0gW107XG4gIHRvdGFsUGFnZXMgPSBpbnB1dDxudW1iZXI+KDApO1xuICBwYWdlID0gaW5wdXQ8bnVtYmVyPigwKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgY29uc29sZS5sb2coYFRoZSBjb3VudCBpczpgLCB0aGlzLnRvdGFsUGFnZXMoKSwgdGhpcy5wYWdlKCkpO1xuICAgICAgdGhpcy5jYWxjdWxhdGVQYWdlcigpO1xuICAgIH0pO1xuICB9XG5cbiAgY2FsY3VsYXRlUGFnZXIoKTogdm9pZCB7XG4gICAgdGhpcy5hcnIgPSBbXTtcbiAgICBjb25zdCBtaWRkID0gdGhpcy5wYWdlKCkgPD0gNCB8fCB0aGlzLnBhZ2UoKSA+PSB0aGlzLnRvdGFsUGFnZXMoKSAtIDQgPyBNYXRoLmZsb29yKHRoaXMudG90YWxQYWdlcygpIC8gMikgOiAwO1xuICAgIGZvciAobGV0IG51bSA9IDA7IG51bSA8IHRoaXMudG90YWxQYWdlcygpOyBudW0rKykge1xuICAgICAgaWYgKG51bSA8IDIgfHwgMiA+PSBNYXRoLmFicyh0aGlzLnBhZ2UoKSAtIG51bSkgfHwgMSA+PSBNYXRoLmFicyhtaWRkIC0gbnVtKSB8fCBudW0gPT09IHRoaXMucGFnZSgpIHx8IG51bSA+PSB0aGlzLnRvdGFsUGFnZXMoKSAtIDIpIHtcbiAgICAgICAgdGhpcy5hcnIucHVzaChudW0pO1xuICAgICAgfSBlbHNlIGlmICh0aGlzLmFyclt0aGlzLmFyci5sZW5ndGggLSAxXSAhPT0gLTEpIHtcbiAgICAgICAgdGhpcy5hcnIucHVzaCgtMSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jYWxjdWxhdGVQYWdlcigpO1xuICB9XG5cbiAgbG9nKHZhbHVlOiBhbnksIC4uLnJlc3Q6IGFueVtdKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZW5hYmxlTG9nKCkgfHwgbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2xvZ2dlckVuYWJsZScpKSB7XG4gICAgICBjb25zb2xlLmxvZyhgQVMgUGFnaW5hdGlvbiAtPiAke3ZhbHVlfWAsIC4uLnJlc3QpO1xuICAgIH1cbiAgfVxufVxuIiwiPHVsIGNsYXNzPVwicGFnaW5hdGlvbiB7eyBhbGlnbigpIH19XCI+XG4gIDxsaSBbY2xhc3MuZGlzYWJsZWRdPVwiZmlyc3QoKVwiIGNsYXNzPVwicGFnZS1pdGVtXCJcbiAgPjxhIChjbGljayk9XCJwYWdlQ2hhbmdlLmVtaXQoMClcIiBjbGFzcz1cInBhZ2UtbGlua1wiPiA8aSBjbGFzcz1cImZhIGZhLWFuZ2xlLWRvdWJsZS1sZWZ0XCI+PC9pPiA8L2FcbiAgPjwvbGk+XG4gIDxsaSBbY2xhc3MuZGlzYWJsZWRdPVwiZmlyc3QoKVwiIGNsYXNzPVwicGFnZS1pdGVtXCJcbiAgPjxhIChjbGljayk9XCJwYWdlQ2hhbmdlLmVtaXQocGFnZSgpIC0gMSlcIiBjbGFzcz1cInBhZ2UtbGlua1wiPjxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtbGVmdFwiPjwvaT48L2E+XG4gIDwvbGk+XG4gIEBmb3IgKHggb2YgYXJyOyB0cmFjayB4KSB7XG4gICAgQGlmICh4ICE9PSAtMSkge1xuICAgIDxsaSBbY2xhc3MuYWN0aXZlXT1cInggPT09IHBhZ2UoKVwiIGNsYXNzPVwicGFnZS1pdGVtIGQtbm9uZSBkLXNtLWJsb2NrXCI+XG4gICAgICA8YSAoY2xpY2spPVwicGFnZUNoYW5nZS5lbWl0KHgpXCIgY2xhc3M9XCJwYWdlLWxpbmtcIj57eyAxICsgeCB9fTwvYT5cbiAgICA8L2xpPlxuICAgIH0gQGVsc2UgaWYgKHggPT09IC0xKSB7XG4gICAgPGxpIGNsYXNzPVwicGFnZS1pdGVtIGRpc2FibGVkIGQtbm9uZSBkLXNtLWJsb2NrXCI+XG4gICAgICA8YSBjbGFzcz1cInBhZ2UtbGlua1wiPi4uLjwvYT5cbiAgICA8L2xpPlxuICAgIH1cbiAgfVxuXG4gIDxsaSBbY2xhc3MuZGlzYWJsZWRdPVwibGFzdCgpXCIgY2xhc3M9XCJwYWdlLWl0ZW1cIlxuICA+PGEgKGNsaWNrKT1cInBhZ2VDaGFuZ2UuZW1pdChwYWdlKCkgKyAxKVwiIGNsYXNzPVwicGFnZS1saW5rXCI+PGkgY2xhc3M9XCJmYSBmYS1hbmdsZS1yaWdodFwiPjwvaT48L2E+XG4gIDwvbGk+XG4gIDxsaSBbY2xhc3MuZGlzYWJsZWRdPVwibGFzdCgpXCIgY2xhc3M9XCJwYWdlLWl0ZW1cIlxuICA+PGEgKGNsaWNrKT1cInBhZ2VDaGFuZ2UuZW1pdCh0b3RhbFBhZ2VzKCkgLSAxKVwiIGNsYXNzPVwicGFnZS1saW5rXCI+IDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtZG91YmxlLXJpZ2h0XCI+PC9pPiA8L2FcbiAgPjwvbGk+XG48L3VsPlxuIl19
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class AsLibPaginationService {
|
|
4
|
+
constructor() { }
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AsLibPaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AsLibPaginationService, providedIn: 'root' });
|
|
7
|
+
}
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AsLibPaginationService, decorators: [{
|
|
9
|
+
type: Injectable,
|
|
10
|
+
args: [{
|
|
11
|
+
providedIn: 'root'
|
|
12
|
+
}]
|
|
13
|
+
}], ctorParameters: () => [] });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXMtbGliLXBhZ2luYXRpb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2FzLWxpYi1wYWdpbmF0aW9uL3NyYy9saWIvYXMtbGliLXBhZ2luYXRpb24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sc0JBQXNCO0lBRWpDLGdCQUFnQixDQUFDO3VHQUZOLHNCQUFzQjsyR0FBdEIsc0JBQXNCLGNBRnJCLE1BQU07OzJGQUVQLHNCQUFzQjtrQkFIbEMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIEFzTGliUGFnaW5hdGlvblNlcnZpY2Uge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG59XG4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of as-lib-pagination
|
|
3
|
+
*/
|
|
4
|
+
export * from './lib/as-lib-pagination.service';
|
|
5
|
+
export * from './lib/as-lib-pagination.component';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FzLWxpYi1wYWdpbmF0aW9uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBhcy1saWItcGFnaW5hdGlvblxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2FzLWxpYi1wYWdpbmF0aW9uLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYXMtbGliLXBhZ2luYXRpb24uY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -1,9 +1,19 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, effect, Component } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Injectable, input, output, effect, Component } from '@angular/core';
|
|
5
3
|
|
|
6
|
-
class
|
|
4
|
+
class AsLibPaginationService {
|
|
5
|
+
constructor() { }
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AsLibPaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AsLibPaginationService, providedIn: 'root' });
|
|
8
|
+
}
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AsLibPaginationService, decorators: [{
|
|
10
|
+
type: Injectable,
|
|
11
|
+
args: [{
|
|
12
|
+
providedIn: 'root'
|
|
13
|
+
}]
|
|
14
|
+
}], ctorParameters: () => [] });
|
|
15
|
+
|
|
16
|
+
class AsLibPaginationComponent {
|
|
7
17
|
first = input(false);
|
|
8
18
|
last = input(false);
|
|
9
19
|
align = input('');
|
|
@@ -38,19 +48,21 @@ class PaginationComponent {
|
|
|
38
48
|
console.log(`AS Pagination -> ${value}`, ...rest);
|
|
39
49
|
}
|
|
40
50
|
}
|
|
41
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.
|
|
42
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AsLibPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.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 @for (x of arr; track x) {\n @if (x !== -1) {\n <li [class.active]=\"x === page()\" class=\"page-item d-none d-sm-block\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n } @else if (x === -1) {\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n }\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"] });
|
|
43
53
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AsLibPaginationComponent, decorators: [{
|
|
45
55
|
type: Component,
|
|
46
|
-
args: [{ selector: 'as-lib-pagination', standalone: true, imports: [
|
|
56
|
+
args: [{ selector: 'as-lib-pagination', standalone: true, imports: [], 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 @for (x of arr; track x) {\n @if (x !== -1) {\n <li [class.active]=\"x === page()\" class=\"page-item d-none d-sm-block\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n } @else if (x === -1) {\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n }\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"] }]
|
|
47
57
|
}], ctorParameters: () => [] });
|
|
48
58
|
|
|
49
|
-
|
|
59
|
+
/*
|
|
60
|
+
* Public API Surface of as-lib-pagination
|
|
61
|
+
*/
|
|
50
62
|
|
|
51
63
|
/**
|
|
52
64
|
* Generated bundle index. Do not edit.
|
|
53
65
|
*/
|
|
54
66
|
|
|
55
|
-
export {
|
|
67
|
+
export { AsLibPaginationComponent, AsLibPaginationService };
|
|
56
68
|
//# sourceMappingURL=agentsmith.bgd-as-lib-pagination.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agentsmith.bgd-as-lib-pagination.mjs","sources":["../../../projects/pagination/src/lib/pagination.component.ts","../../../projects/pagination/src/lib/pagination.component.html","../../../projects/pagination/src/public-api.ts","../../../projects/pagination/src/agentsmith.bgd-as-lib-pagination.ts"],"sourcesContent":["import {
|
|
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';\n\n@Component({\n selector: 'as-lib-pagination',\n standalone: true,\n imports: [],\n templateUrl: './as-lib-pagination.component.html',\n styleUrl: './as-lib-pagination.component.scss'\n})\nexport class AsLibPaginationComponent {\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<number>(0);\n page = input<number>(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(`AS Pagination -> ${value}`, ...rest);\n }\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 @for (x of arr; track x) {\n @if (x !== -1) {\n <li [class.active]=\"x === page()\" class=\"page-item d-none d-sm-block\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n } @else if (x === -1) {\n <li class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n }\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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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
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
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AsLibPaginationComponent, never>;
|
|
16
|
+
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>;
|
|
17
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from './lib/pagination.
|
|
1
|
+
export * from './lib/as-lib-pagination.service';
|
|
2
|
+
export * from './lib/as-lib-pagination.component';
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { Component, effect, input, output } from '@angular/core';
|
|
2
|
-
import { CommonModule } from "@angular/common";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class PaginationComponent {
|
|
6
|
-
first = input(false);
|
|
7
|
-
last = input(false);
|
|
8
|
-
align = input('');
|
|
9
|
-
enableLog = input(false);
|
|
10
|
-
pageChange = output();
|
|
11
|
-
arr = [];
|
|
12
|
-
totalPages = input(0);
|
|
13
|
-
page = input(0);
|
|
14
|
-
constructor() {
|
|
15
|
-
effect(() => {
|
|
16
|
-
console.log(`The count is:`, this.totalPages(), this.page());
|
|
17
|
-
this.calculatePager();
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
calculatePager() {
|
|
21
|
-
this.arr = [];
|
|
22
|
-
const midd = this.page() <= 4 || this.page() >= this.totalPages() - 4 ? Math.floor(this.totalPages() / 2) : 0;
|
|
23
|
-
for (let num = 0; num < this.totalPages(); num++) {
|
|
24
|
-
if (num < 2 || 2 >= Math.abs(this.page() - num) || 1 >= Math.abs(midd - num) || num === this.page() || num >= this.totalPages() - 2) {
|
|
25
|
-
this.arr.push(num);
|
|
26
|
-
}
|
|
27
|
-
else if (this.arr[this.arr.length - 1] !== -1) {
|
|
28
|
-
this.arr.push(-1);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
ngOnInit() {
|
|
33
|
-
this.calculatePager();
|
|
34
|
-
}
|
|
35
|
-
log(value, ...rest) {
|
|
36
|
-
if (this.enableLog() || localStorage.getItem('loggerEnable')) {
|
|
37
|
-
console.log(`AS Pagination -> ${value}`, ...rest);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.0", type: PaginationComponent, 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 <ng-container *ngFor=\"let x of arr\">\n <li *ngIf=\"x !== -1\" [class.active]=\"x === page()\" class=\"page-item d-none d-sm-block\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n <li *ngIf=\"x === -1\" class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n </ng-container>\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"] }] });
|
|
42
|
-
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
44
|
-
type: Component,
|
|
45
|
-
args: [{ selector: 'as-lib-pagination', standalone: true, imports: [CommonModule], 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 <ng-container *ngFor=\"let x of arr\">\n <li *ngIf=\"x !== -1\" [class.active]=\"x === page()\" class=\"page-item d-none d-sm-block\">\n <a (click)=\"pageChange.emit(x)\" class=\"page-link\">{{ 1 + x }}</a>\n </li>\n <li *ngIf=\"x === -1\" class=\"page-item disabled d-none d-sm-block\">\n <a class=\"page-link\">...</a>\n </li>\n </ng-container>\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"] }]
|
|
46
|
-
}], ctorParameters: () => [] });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9wYWdpbmF0aW9uL3NyYy9saWIvcGFnaW5hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9wYWdpbmF0aW9uL3NyYy9saWIvcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9ELE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBUzdDLE1BQU0sT0FBTyxtQkFBbUI7SUFDOUIsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixJQUFJLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BCLEtBQUssR0FBRyxLQUFLLENBQXlELEVBQUUsQ0FBQyxDQUFDO0lBQzFFLFNBQVMsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsVUFBVSxHQUFHLE1BQU0sRUFBVSxDQUFDO0lBQzlCLEdBQUcsR0FBYSxFQUFFLENBQUM7SUFDbkIsVUFBVSxHQUFHLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztJQUM5QixJQUFJLEdBQUcsS0FBSyxDQUFTLENBQUMsQ0FBQyxDQUFDO0lBRXhCO1FBQ0UsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztZQUM3RCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxHQUFHLEdBQUcsRUFBRSxDQUFDO1FBQ2QsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUM5RyxLQUFLLElBQUksR0FBRyxHQUFHLENBQUMsRUFBRSxHQUFHLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUM7WUFDakQsSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDLElBQUksR0FBRyxLQUFLLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUNwSSxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNyQixDQUFDO2lCQUFNLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUNoRCxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3BCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELEdBQUcsQ0FBQyxLQUFVLEVBQUUsR0FBRyxJQUFXO1FBQzVCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLFlBQVksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLEVBQUUsQ0FBQztZQUM3RCxPQUFPLENBQUMsR0FBRyxDQUFDLG9CQUFvQixLQUFLLEVBQUUsRUFBRSxHQUFHLElBQUksQ0FBQyxDQUFDO1FBQ3BELENBQUM7SUFDSCxDQUFDO3VHQXJDVSxtQkFBbUI7MkZBQW5CLG1CQUFtQixxMkJDVmhDLG9tQ0F1QkEscVBEakJZLFlBQVk7OzJGQUlYLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIGVmZmVjdCwgaW5wdXQsIG91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcy1saWItcGFnaW5hdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uQ29tcG9uZW50IHtcbiAgZmlyc3QgPSBpbnB1dChmYWxzZSk7XG4gIGxhc3QgPSBpbnB1dChmYWxzZSk7XG4gIGFsaWduID0gaW5wdXQ8JycgfCAnanVzdGlmeS1jb250ZW50LWNlbnRlcicgfCAnanVzdGlmeS1jb250ZW50LWVuZCc+KCAnJyk7XG4gIGVuYWJsZUxvZyA9IGlucHV0KGZhbHNlKTtcbiAgcGFnZUNoYW5nZSA9IG91dHB1dDxudW1iZXI+KCk7XG4gIGFycjogbnVtYmVyW10gPSBbXTtcbiAgdG90YWxQYWdlcyA9IGlucHV0PG51bWJlcj4oMCk7XG4gIHBhZ2UgPSBpbnB1dDxudW1iZXI+KDApO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zb2xlLmxvZyhgVGhlIGNvdW50IGlzOmAgLHRoaXMudG90YWxQYWdlcygpLCB0aGlzLnBhZ2UoKSk7XG4gICAgICB0aGlzLmNhbGN1bGF0ZVBhZ2VyKCk7XG4gICAgfSk7XG4gIH1cblxuICBjYWxjdWxhdGVQYWdlcigpOiB2b2lkIHtcbiAgICB0aGlzLmFyciA9IFtdO1xuICAgIGNvbnN0IG1pZGQgPSB0aGlzLnBhZ2UoKSA8PSA0IHx8IHRoaXMucGFnZSgpID49IHRoaXMudG90YWxQYWdlcygpIC0gNCA/IE1hdGguZmxvb3IodGhpcy50b3RhbFBhZ2VzKCkgLyAyKSA6IDA7XG4gICAgZm9yIChsZXQgbnVtID0gMDsgbnVtIDwgdGhpcy50b3RhbFBhZ2VzKCk7IG51bSsrKSB7XG4gICAgICBpZiAobnVtIDwgMiB8fCAyID49IE1hdGguYWJzKHRoaXMucGFnZSgpIC0gbnVtKSB8fCAxID49IE1hdGguYWJzKG1pZGQgLSBudW0pIHx8IG51bSA9PT0gdGhpcy5wYWdlKCkgfHwgbnVtID49IHRoaXMudG90YWxQYWdlcygpIC0gMikge1xuICAgICAgICB0aGlzLmFyci5wdXNoKG51bSk7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMuYXJyW3RoaXMuYXJyLmxlbmd0aCAtIDFdICE9PSAtMSkge1xuICAgICAgICB0aGlzLmFyci5wdXNoKC0xKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNhbGN1bGF0ZVBhZ2VyKCk7XG4gIH1cblxuICBsb2codmFsdWU6IGFueSwgLi4ucmVzdDogYW55W10pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5lbmFibGVMb2coKSB8fCBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnbG9nZ2VyRW5hYmxlJykpIHtcbiAgICAgIGNvbnNvbGUubG9nKGBBUyBQYWdpbmF0aW9uIC0+ICR7dmFsdWV9YCwgLi4ucmVzdCk7XG4gICAgfVxuICB9fVxuIiwiPHVsIGNsYXNzPVwicGFnaW5hdGlvbiB7eyBhbGlnbigpIH19XCI+XG4gIDxsaSBbY2xhc3MuZGlzYWJsZWRdPVwiZmlyc3QoKVwiIGNsYXNzPVwicGFnZS1pdGVtXCJcbiAgPjxhIChjbGljayk9XCJwYWdlQ2hhbmdlLmVtaXQoMClcIiBjbGFzcz1cInBhZ2UtbGlua1wiPiA8aSBjbGFzcz1cImZhIGZhLWFuZ2xlLWRvdWJsZS1sZWZ0XCI+PC9pPiA8L2FcbiAgPjwvbGk+XG4gIDxsaSBbY2xhc3MuZGlzYWJsZWRdPVwiZmlyc3QoKVwiIGNsYXNzPVwicGFnZS1pdGVtXCJcbiAgPjxhIChjbGljayk9XCJwYWdlQ2hhbmdlLmVtaXQocGFnZSgpIC0gMSlcIiBjbGFzcz1cInBhZ2UtbGlua1wiPjxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtbGVmdFwiPjwvaT48L2E+XG4gIDwvbGk+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHggb2YgYXJyXCI+XG4gICAgPGxpICpuZ0lmPVwieCAhPT0gLTFcIiBbY2xhc3MuYWN0aXZlXT1cInggPT09IHBhZ2UoKVwiIGNsYXNzPVwicGFnZS1pdGVtIGQtbm9uZSBkLXNtLWJsb2NrXCI+XG4gICAgICA8YSAoY2xpY2spPVwicGFnZUNoYW5nZS5lbWl0KHgpXCIgY2xhc3M9XCJwYWdlLWxpbmtcIj57eyAxICsgeCB9fTwvYT5cbiAgICA8L2xpPlxuICAgIDxsaSAqbmdJZj1cInggPT09IC0xXCIgY2xhc3M9XCJwYWdlLWl0ZW0gZGlzYWJsZWQgZC1ub25lIGQtc20tYmxvY2tcIj5cbiAgICAgIDxhIGNsYXNzPVwicGFnZS1saW5rXCI+Li4uPC9hPlxuICAgIDwvbGk+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxsaSBbY2xhc3MuZGlzYWJsZWRdPVwibGFzdCgpXCIgY2xhc3M9XCJwYWdlLWl0ZW1cIlxuICA+PGEgKGNsaWNrKT1cInBhZ2VDaGFuZ2UuZW1pdChwYWdlKCkgKyAxKVwiIGNsYXNzPVwicGFnZS1saW5rXCI+PGkgY2xhc3M9XCJmYSBmYS1hbmdsZS1yaWdodFwiPjwvaT48L2E+XG4gIDwvbGk+XG4gIDxsaSBbY2xhc3MuZGlzYWJsZWRdPVwibGFzdCgpXCIgY2xhc3M9XCJwYWdlLWl0ZW1cIlxuICA+PGEgKGNsaWNrKT1cInBhZ2VDaGFuZ2UuZW1pdCh0b3RhbFBhZ2VzKCkgLSAxKVwiIGNsYXNzPVwicGFnZS1saW5rXCI+IDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtZG91YmxlLXJpZ2h0XCI+PC9pPiA8L2FcbiAgPjwvbGk+XG48L3VsPlxuIl19
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class PaginationComponent {
|
|
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
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "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>;
|
|
17
|
-
}
|