@dev-tcloud/tcloud-ui 6.19.0-beta.2 → 6.19.0-beta.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/fesm2022/dev-tcloud-tcloud-ui.mjs +10 -16
- package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/_modules/tcloud-ui-pagination/pipes/tcloud-ui-pagination.pipe.d.ts +1 -0
- package/lib/_modules/tcloud-ui-pagination/tcloud-ui-pagination.component.d.ts +1 -4
- package/lib/tcloud-ui.module.d.ts +11 -10
- package/package.json +1 -1
|
@@ -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
|
}] } });
|
|
@@ -9009,7 +9000,8 @@ const DIRECTIVES = [
|
|
|
9009
9000
|
TCloudUiFormDirective,
|
|
9010
9001
|
TCloudUiSlideToggleDirective,
|
|
9011
9002
|
TCloudUiRadioDirective,
|
|
9012
|
-
TCloudUiIconButtonDirective
|
|
9003
|
+
TCloudUiIconButtonDirective,
|
|
9004
|
+
TCloudUiInputDirective,
|
|
9013
9005
|
];
|
|
9014
9006
|
const PIPES = [
|
|
9015
9007
|
ToTextPipe,
|
|
@@ -9131,7 +9123,8 @@ class TCloudUiModule {
|
|
|
9131
9123
|
TCloudUiFormDirective,
|
|
9132
9124
|
TCloudUiSlideToggleDirective,
|
|
9133
9125
|
TCloudUiRadioDirective,
|
|
9134
|
-
TCloudUiIconButtonDirective,
|
|
9126
|
+
TCloudUiIconButtonDirective,
|
|
9127
|
+
TCloudUiInputDirective, ToTextPipe,
|
|
9135
9128
|
BytesPipe,
|
|
9136
9129
|
CNPJPipe,
|
|
9137
9130
|
CPFPipe,
|
|
@@ -9221,7 +9214,8 @@ class TCloudUiModule {
|
|
|
9221
9214
|
TCloudUiFormDirective,
|
|
9222
9215
|
TCloudUiSlideToggleDirective,
|
|
9223
9216
|
TCloudUiRadioDirective,
|
|
9224
|
-
TCloudUiIconButtonDirective,
|
|
9217
|
+
TCloudUiIconButtonDirective,
|
|
9218
|
+
TCloudUiInputDirective, ToTextPipe,
|
|
9225
9219
|
BytesPipe,
|
|
9226
9220
|
CNPJPipe,
|
|
9227
9221
|
CPFPipe,
|