@vallift/ngl 22.0.50 → 22.0.52
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/vallift-ngl.mjs
CHANGED
|
@@ -1376,13 +1376,13 @@ class PaginationComponent {
|
|
|
1376
1376
|
this.pageChange.emit({ pageNumber: this.currentPage, pageSize: this.pageSize });
|
|
1377
1377
|
}
|
|
1378
1378
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1379
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: PaginationComponent, isStandalone: true, selector: "app-pagination", inputs: { totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div\n class=\"flex w-full items-center justify-between border-t border-neutral-50 bg-white\"\n [class.p-4]=\"type() !== 'compact'\"\n [class.px-4]=\"type() === 'compact'\"\n [class.py-3]=\"type() === 'compact'\">\n <div>\n <p class=\"text-nowrap text-sm text-neutral-600\">\n Showing {{ startItem }}-{{ endItem }} of {{ totalItems() }}\n </p>\n </div>\n\n <div class=\"flex items-center space-x-4\">\n @if (type() !== 'compact') {\n <span class=\"text-body2\">Items per page:</span>\n\n
|
|
1379
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: PaginationComponent, isStandalone: true, selector: "app-pagination", inputs: { totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div\n class=\"flex w-full items-center justify-between border-t border-neutral-50 bg-white\"\n [class.p-4]=\"type() !== 'compact'\"\n [class.px-4]=\"type() === 'compact'\"\n [class.py-3]=\"type() === 'compact'\">\n <div>\n <p class=\"text-nowrap text-sm text-neutral-600\">\n Showing {{ startItem }}-{{ endItem }} of {{ totalItems() }}\n </p>\n </div>\n\n <div class=\"flex items-center space-x-4\">\n @if (type() !== 'compact') {\n <span class=\"text-body2\">Items per page:</span>\n }\n\n <div class=\"relative inline-block rounded-md border border-neutral-200 px-2 py-1.5 text-caption\">\n <select\n #pageSizeSelect\n [(ngModel)]=\"pageSize\"\n (ngModelChange)=\"changePageSize($event, pageSizeSelect)\"\n class=\"bg-transparent outline-none ring-0 focus:outline-none focus:ring-0\">\n @for (size of pageSizeOptions(); track size) {\n <option [value]=\"size\">{{ size }}</option>\n }\n </select>\n </div>\n\n @if (type() !== 'compact') {\n <button\n type=\"button\"\n class=\"rounded px-2 py-1 text-neutral-900 disabled:cursor-not-allowed disabled:text-neutral-300\"\n [disabled]=\"currentPage === 1\"\n (click)=\"goToFirstPage()\">\n <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M18.41 16.59L13.82 12L18.41 7.41L17 6L11 12L17 18L18.41 16.59ZM6 6H8V18H6V6Z\" fill=\"currentColor\"/>\n </svg>\n </button>\n }\n\n <button\n type=\"button\"\n class=\"rounded px-2 py-1 text-neutral-900 disabled:cursor-not-allowed disabled:text-neutral-300\"\n [disabled]=\"currentPage === 1\"\n (click)=\"goToPreviousPage()\">\n <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M15.41 16.58L10.83 12L15.41 7.41L14 6L8 12L14 18L15.41 16.58Z\" fill=\"currentColor\"/>\n </svg>\n </button>\n\n <button\n type=\"button\"\n class=\"rounded px-2 py-1 text-neutral-900 disabled:cursor-not-allowed disabled:text-neutral-300\"\n [disabled]=\"currentPage >= totalPages\"\n (click)=\"goToNextPage()\">\n <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8.59 16.58L13.17 12L8.59 7.41L10 6L16 12L10 18L8.59 16.58Z\" fill=\"currentColor\"/>\n </svg>\n </button>\n\n @if (type() !== 'compact') {\n <button\n type=\"button\"\n class=\"rounded px-2 py-1 text-neutral-900 disabled:cursor-not-allowed disabled:text-neutral-300\"\n [disabled]=\"currentPage >= totalPages\"\n (click)=\"goToLastPage()\">\n <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M5.59 7.41L10.18 12L5.59 16.59L7 18L13 12L7 6L5.59 7.41ZM16 6H18V18H16V6Z\" fill=\"currentColor\"/>\n </svg>\n </button>\n }\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
1380
1380
|
}
|
|
1381
1381
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
1382
1382
|
type: Component,
|
|
1383
1383
|
args: [{ selector: 'app-pagination', standalone: true, imports: [
|
|
1384
1384
|
FormsModule,
|
|
1385
|
-
], template: "<div\n class=\"flex w-full items-center justify-between border-t border-neutral-50 bg-white\"\n [class.p-4]=\"type() !== 'compact'\"\n [class.px-4]=\"type() === 'compact'\"\n [class.py-3]=\"type() === 'compact'\">\n <div>\n <p class=\"text-nowrap text-sm text-neutral-600\">\n Showing {{ startItem }}-{{ endItem }} of {{ totalItems() }}\n </p>\n </div>\n\n <div class=\"flex items-center space-x-4\">\n @if (type() !== 'compact') {\n <span class=\"text-body2\">Items per page:</span>\n\n
|
|
1385
|
+
], template: "<div\n class=\"flex w-full items-center justify-between border-t border-neutral-50 bg-white\"\n [class.p-4]=\"type() !== 'compact'\"\n [class.px-4]=\"type() === 'compact'\"\n [class.py-3]=\"type() === 'compact'\">\n <div>\n <p class=\"text-nowrap text-sm text-neutral-600\">\n Showing {{ startItem }}-{{ endItem }} of {{ totalItems() }}\n </p>\n </div>\n\n <div class=\"flex items-center space-x-4\">\n @if (type() !== 'compact') {\n <span class=\"text-body2\">Items per page:</span>\n }\n\n <div class=\"relative inline-block rounded-md border border-neutral-200 px-2 py-1.5 text-caption\">\n <select\n #pageSizeSelect\n [(ngModel)]=\"pageSize\"\n (ngModelChange)=\"changePageSize($event, pageSizeSelect)\"\n class=\"bg-transparent outline-none ring-0 focus:outline-none focus:ring-0\">\n @for (size of pageSizeOptions(); track size) {\n <option [value]=\"size\">{{ size }}</option>\n }\n </select>\n </div>\n\n @if (type() !== 'compact') {\n <button\n type=\"button\"\n class=\"rounded px-2 py-1 text-neutral-900 disabled:cursor-not-allowed disabled:text-neutral-300\"\n [disabled]=\"currentPage === 1\"\n (click)=\"goToFirstPage()\">\n <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M18.41 16.59L13.82 12L18.41 7.41L17 6L11 12L17 18L18.41 16.59ZM6 6H8V18H6V6Z\" fill=\"currentColor\"/>\n </svg>\n </button>\n }\n\n <button\n type=\"button\"\n class=\"rounded px-2 py-1 text-neutral-900 disabled:cursor-not-allowed disabled:text-neutral-300\"\n [disabled]=\"currentPage === 1\"\n (click)=\"goToPreviousPage()\">\n <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M15.41 16.58L10.83 12L15.41 7.41L14 6L8 12L14 18L15.41 16.58Z\" fill=\"currentColor\"/>\n </svg>\n </button>\n\n <button\n type=\"button\"\n class=\"rounded px-2 py-1 text-neutral-900 disabled:cursor-not-allowed disabled:text-neutral-300\"\n [disabled]=\"currentPage >= totalPages\"\n (click)=\"goToNextPage()\">\n <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8.59 16.58L13.17 12L8.59 7.41L10 6L16 12L10 18L8.59 16.58Z\" fill=\"currentColor\"/>\n </svg>\n </button>\n\n @if (type() !== 'compact') {\n <button\n type=\"button\"\n class=\"rounded px-2 py-1 text-neutral-900 disabled:cursor-not-allowed disabled:text-neutral-300\"\n [disabled]=\"currentPage >= totalPages\"\n (click)=\"goToLastPage()\">\n <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M5.59 7.41L10.18 12L5.59 16.59L7 18L13 12L7 6L5.59 7.41ZM16 6H18V18H16V6Z\" fill=\"currentColor\"/>\n </svg>\n </button>\n }\n </div>\n</div>\n" }]
|
|
1386
1386
|
}], propDecorators: { totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], pageSize: [{
|
|
1387
1387
|
type: Input
|
|
1388
1388
|
}], pageChange: [{ type: i0.Output, args: ["pageChange"] }] } });
|