@agentsmith.bgd/as-lib-pagination 19.0.5 → 19.0.6
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.
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Injectable, input, output, effect, Component } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
3
5
|
|
|
4
6
|
class AsLibPaginationService {
|
|
5
7
|
constructor() { }
|
|
@@ -48,12 +50,17 @@ class AsLibPaginationComponent {
|
|
|
48
50
|
console.log(`AS Pagination -> ${value}`, ...rest);
|
|
49
51
|
}
|
|
50
52
|
}
|
|
53
|
+
myIndexFn(index, item) {
|
|
54
|
+
return String(index); // Use index to uniquely identify each item
|
|
55
|
+
}
|
|
51
56
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AsLibPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
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"] }] });
|
|
53
58
|
}
|
|
54
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AsLibPaginationComponent, decorators: [{
|
|
55
60
|
type: Component,
|
|
56
|
-
args: [{ selector: 'as-lib-pagination', imports: [
|
|
61
|
+
args: [{ selector: 'as-lib-pagination', imports: [
|
|
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"] }]
|
|
57
64
|
}], ctorParameters: () => [] });
|
|
58
65
|
|
|
59
66
|
/*
|
|
@@ -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';\n\n@Component({\n
|
|
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(`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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"}
|
|
@@ -12,6 +12,7 @@ export declare class AsLibPaginationComponent {
|
|
|
12
12
|
calculatePager(): void;
|
|
13
13
|
ngOnInit(): void;
|
|
14
14
|
log(value: any, ...rest: any[]): void;
|
|
15
|
+
myIndexFn(index: number, item: any): string;
|
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<AsLibPaginationComponent, never>;
|
|
16
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>;
|
|
17
18
|
}
|