@dev-tcloud/tcloud-ui 6.19.0-beta.2 → 6.19.0-beta.3
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.
|
@@ -7556,7 +7556,7 @@ class TCloudUiPaginationPipe {
|
|
|
7556
7556
|
this._tcloudUiPaginationService.notifyCollectionChange(args.id);
|
|
7557
7557
|
}
|
|
7558
7558
|
this._previousLengths.set(args.id, currentLength);
|
|
7559
|
-
const total = Math.ceil((collection?.length || 0) / args.itemsPerPage);
|
|
7559
|
+
const total = args?.totalPages || Math.ceil((collection?.length || 0) / args.itemsPerPage);
|
|
7560
7560
|
this._tcloudUiPaginationService.set_total(args, total);
|
|
7561
7561
|
if (!Array.isArray(collection) ||
|
|
7562
7562
|
isNaN(args.currentPage) ||
|
|
@@ -7588,7 +7588,6 @@ class TCloudUiPaginationComponent {
|
|
|
7588
7588
|
constructor() {
|
|
7589
7589
|
this._id = 'tcloud-ui-pagination-component-alone';
|
|
7590
7590
|
this._currentPage = 1;
|
|
7591
|
-
this._enableLoadOnDemand = false;
|
|
7592
7591
|
this._tcloudUiPaginationService = inject(TCloudUiPaginationService);
|
|
7593
7592
|
this._changeDetectorRef = inject(ChangeDetectorRef);
|
|
7594
7593
|
this._lastTotalPages = 1;
|
|
@@ -7611,12 +7610,6 @@ class TCloudUiPaginationComponent {
|
|
|
7611
7610
|
get currentPage() {
|
|
7612
7611
|
return this._currentPage;
|
|
7613
7612
|
}
|
|
7614
|
-
set enableLoadOnDemand(value) {
|
|
7615
|
-
this._enableLoadOnDemand = value;
|
|
7616
|
-
}
|
|
7617
|
-
get enableLoadOnDemand() {
|
|
7618
|
-
return this._enableLoadOnDemand;
|
|
7619
|
-
}
|
|
7620
7613
|
ngOnInit() {
|
|
7621
7614
|
this._tcloudUiPaginationService.stateTotal$.subscribe((items) => {
|
|
7622
7615
|
let pagination = {};
|
|
@@ -7664,7 +7657,7 @@ class TCloudUiPaginationComponent {
|
|
|
7664
7657
|
return this.getTotal().total;
|
|
7665
7658
|
}
|
|
7666
7659
|
next() {
|
|
7667
|
-
if (this.currentPage < this.totalPages
|
|
7660
|
+
if (this.currentPage < this.totalPages) {
|
|
7668
7661
|
this.currentPage++;
|
|
7669
7662
|
this.pageChange.emit(this.currentPage);
|
|
7670
7663
|
}
|
|
@@ -7695,20 +7688,18 @@ class TCloudUiPaginationComponent {
|
|
|
7695
7688
|
return page < 10 ? `0${page}` : `${page}`;
|
|
7696
7689
|
}
|
|
7697
7690
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TCloudUiPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7698
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: TCloudUiPaginationComponent, isStandalone: true, selector: "tcloud-ui-pagination", inputs: { id: "id", currentPage: "currentPage"
|
|
7691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: TCloudUiPaginationComponent, isStandalone: true, selector: "tcloud-ui-pagination", inputs: { id: "id", currentPage: "currentPage" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"pagination-container\">\n\t<button class=\"arrow\" [disabled]=\"currentPage === 1\" (click)=\"previous()\"><i class=\"fas fa-angle-left\"></i></button>\n\n\t<span class=\"label f-family f-weight-600 f-size-14 c-neutral-700\">P\u00E1gina</span>\n\n\t<div class=\"page-input-container\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tclass=\"page-input\"\n\t\t\t[ngClass]=\"{'error': pageInputError}\"\n\t\t\t[value]=\"formatPage(currentPage)\"\n\t\t\t(keyup.enter)=\"goToPage($event)\"\n\t\t\t(blur)=\"goToPage($event)\"\n\t\t/>\n\t</div>\n\n\t<span class=\"label f-family f-weight-600 f-size-14 c-neutral-700\">de\n\t\t{{ totalPages }}\n\t</span>\n\n\t<button class=\"arrow\" [disabled]=\"currentPage === totalPages\" (click)=\"next()\"><i class=\"fas fa-angle-right\"></i></button>\n</div>\n", styles: [":host{display:block}.pagination-container{display:flex;align-items:center;gap:8px;font-family:var(--f-family);justify-content:center}.pagination-container .label{color:var(--c-neutral-700)}.pagination-container .page-input-container{position:relative;width:48px;height:32px}.pagination-container .page-input{width:100%;height:100%;padding:var(--size-4) var(--size-8);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-8);font-size:var(--f-size-14);font-family:var(--f-family);font-weight:var(--f-weight-600);color:var(--c-neutral-700);text-align:center;background-color:var(--c-neutral-50);outline:none;transition:border-color .2s ease}.pagination-container .page-input:focus:not(.error){border-color:var(--c-primary-500)}.pagination-container .page-input.error{border-color:var(--c-danger-500)}.pagination-container .page-input.error:focus{border-color:var(--c-danger-500)}.pagination-container .arrow{background-color:var(--c-neutral-100);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-8);width:32px;height:32px;font-size:var(--f-size-16);color:var(--c-neutral-300);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-container .arrow:disabled{cursor:not-allowed;opacity:.5}.pagination-container .arrow:hover:not(:disabled){background-color:var(--c-primary-100);border-color:var(--c-primary-300);color:var(--c-primary-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7699
7692
|
}
|
|
7700
7693
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TCloudUiPaginationComponent, decorators: [{
|
|
7701
7694
|
type: Component,
|
|
7702
7695
|
args: [{ selector: 'tcloud-ui-pagination', imports: [
|
|
7703
7696
|
CommonModule,
|
|
7704
7697
|
TCloudUiPaginationPipe
|
|
7705
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"pagination-container\">\n\t<button class=\"arrow\" [disabled]=\"currentPage === 1\" (click)=\"previous()\"><i class=\"fas fa-angle-left\"></i></button>\n\n\t<span class=\"label f-family f-weight-600 f-size-14 c-neutral-700\">P\u00E1gina</span>\n\n\t<div class=\"page-input-container\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tclass=\"page-input\"\n\t\t\t[ngClass]=\"{'error': pageInputError}\"\n\t\t\t[value]=\"formatPage(currentPage)\"\n\t\t\t(keyup.enter)=\"goToPage($event)\"\n\t\t\t(blur)=\"goToPage($event)\"\n\t\t/>\n\t</div>\n\n\t<span class=\"label f-family f-weight-600 f-size-14 c-neutral-700\">de\n\t\t{{ totalPages }}\n\t</span>\n\n\t<button class=\"arrow\" [disabled]=\"currentPage === totalPages
|
|
7698
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"pagination-container\">\n\t<button class=\"arrow\" [disabled]=\"currentPage === 1\" (click)=\"previous()\"><i class=\"fas fa-angle-left\"></i></button>\n\n\t<span class=\"label f-family f-weight-600 f-size-14 c-neutral-700\">P\u00E1gina</span>\n\n\t<div class=\"page-input-container\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tclass=\"page-input\"\n\t\t\t[ngClass]=\"{'error': pageInputError}\"\n\t\t\t[value]=\"formatPage(currentPage)\"\n\t\t\t(keyup.enter)=\"goToPage($event)\"\n\t\t\t(blur)=\"goToPage($event)\"\n\t\t/>\n\t</div>\n\n\t<span class=\"label f-family f-weight-600 f-size-14 c-neutral-700\">de\n\t\t{{ totalPages }}\n\t</span>\n\n\t<button class=\"arrow\" [disabled]=\"currentPage === totalPages\" (click)=\"next()\"><i class=\"fas fa-angle-right\"></i></button>\n</div>\n", styles: [":host{display:block}.pagination-container{display:flex;align-items:center;gap:8px;font-family:var(--f-family);justify-content:center}.pagination-container .label{color:var(--c-neutral-700)}.pagination-container .page-input-container{position:relative;width:48px;height:32px}.pagination-container .page-input{width:100%;height:100%;padding:var(--size-4) var(--size-8);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-8);font-size:var(--f-size-14);font-family:var(--f-family);font-weight:var(--f-weight-600);color:var(--c-neutral-700);text-align:center;background-color:var(--c-neutral-50);outline:none;transition:border-color .2s ease}.pagination-container .page-input:focus:not(.error){border-color:var(--c-primary-500)}.pagination-container .page-input.error{border-color:var(--c-danger-500)}.pagination-container .page-input.error:focus{border-color:var(--c-danger-500)}.pagination-container .arrow{background-color:var(--c-neutral-100);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-8);width:32px;height:32px;font-size:var(--f-size-16);color:var(--c-neutral-300);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-container .arrow:disabled{cursor:not-allowed;opacity:.5}.pagination-container .arrow:hover:not(:disabled){background-color:var(--c-primary-100);border-color:var(--c-primary-300);color:var(--c-primary-500)}\n"] }]
|
|
7706
7699
|
}], propDecorators: { id: [{
|
|
7707
7700
|
type: Input
|
|
7708
7701
|
}], currentPage: [{
|
|
7709
7702
|
type: Input
|
|
7710
|
-
}], enableLoadOnDemand: [{
|
|
7711
|
-
type: Input
|
|
7712
7703
|
}], pageChange: [{
|
|
7713
7704
|
type: Output
|
|
7714
7705
|
}] } });
|