@progress-chef/platform-shared-components 0.0.106 → 0.0.107
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.
|
@@ -18,13 +18,21 @@ export class ListViewComponent {
|
|
|
18
18
|
this.view = [];
|
|
19
19
|
}
|
|
20
20
|
ngOnInit() {
|
|
21
|
-
this.
|
|
21
|
+
this.onGetListItemCount();
|
|
22
22
|
}
|
|
23
23
|
ngOnChanges() {
|
|
24
24
|
this.view = [];
|
|
25
|
-
this.
|
|
25
|
+
this.onGetListItemCount();
|
|
26
26
|
}
|
|
27
|
-
|
|
27
|
+
onGetListItemCount() {
|
|
28
|
+
this.setListItemOnScroll();
|
|
29
|
+
this.listItemCount.emit(this.view.length);
|
|
30
|
+
}
|
|
31
|
+
onScrollToBottom() {
|
|
32
|
+
this.setListItemOnScroll();
|
|
33
|
+
this.scrollBottom.emit(this.view.length);
|
|
34
|
+
}
|
|
35
|
+
setListItemOnScroll() {
|
|
28
36
|
if (this.enableEndlessScroll) {
|
|
29
37
|
const next = this.view.length;
|
|
30
38
|
this.view = [...this.view, ...this.data.slice(next, next + this.noOfListItems)];
|
|
@@ -32,14 +40,13 @@ export class ListViewComponent {
|
|
|
32
40
|
else {
|
|
33
41
|
this.view = this.data;
|
|
34
42
|
}
|
|
35
|
-
this.listItemCount.emit(this.view.length);
|
|
36
43
|
}
|
|
37
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListViewComponent, selector: "lib-list-view", inputs: { data: "data", customHeader: "customHeader", customFooter: "customFooter", height: "height", enableEndlessScroll: "enableEndlessScroll", noOfListItems: "noOfListItems", listItemStyle: "listItemStyle", loading: "loading", navigable: "navigable", containerStyle: "containerStyle" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", listItemCount: "listItemCount" }, queries: [{ propertyName: "templateHeader", first: true, predicate: ["templateHeader"], descendants: true }, { propertyName: "templateFooter", first: true, predicate: ["templateFooter"], descendants: true }, { propertyName: "tempListItem", first: true, predicate: ["tempListItem"], descendants: true }, { propertyName: "templateLoader", first: true, predicate: ["templateLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListViewComponent, selector: "lib-list-view", inputs: { data: "data", customHeader: "customHeader", customFooter: "customFooter", height: "height", enableEndlessScroll: "enableEndlessScroll", noOfListItems: "noOfListItems", listItemStyle: "listItemStyle", loading: "loading", navigable: "navigable", containerStyle: "containerStyle" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", listItemCount: "listItemCount" }, queries: [{ propertyName: "templateHeader", first: true, predicate: ["templateHeader"], descendants: true }, { propertyName: "templateFooter", first: true, predicate: ["templateFooter"], descendants: true }, { propertyName: "tempListItem", first: true, predicate: ["tempListItem"], descendants: true }, { propertyName: "templateLoader", first: true, predicate: ["templateLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"onScrollToBottom()\"\n containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n </ng-template>\n\n <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\" let-index=\"index\" *ngIf=\"!loading\">\n <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem, index: index}\">\n </ng-container>\n </ng-template>\n\n <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}.k-listview{background-color:none;border:none}.k-listview-header{border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ItemTemplateDirective, selector: "[kendoListViewItemTemplate]" }, { kind: "directive", type: i2.HeaderTemplateDirective, selector: "[kendoListViewHeaderTemplate]" }, { kind: "directive", type: i2.FooterTemplateDirective, selector: "[kendoListViewFooterTemplate]" }, { kind: "directive", type: i2.DataBindingDirective, selector: "[kendoListViewBinding]", inputs: ["kendoListViewBinding"] }, { kind: "component", type: i2.ListViewComponent, selector: "kendo-listview", inputs: ["data", "loading", "containerStyle", "itemStyle", "containerClass", "itemClass", "containerLabel", "containerRole", "listItemRole", "navigable", "pageSize", "skip", "pageable", "height"], outputs: ["scrollBottom", "pageChange", "pageSizeChange", "edit", "cancel", "save", "remove", "add"], exportAs: ["kendoListView"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
39
46
|
}
|
|
40
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, decorators: [{
|
|
41
48
|
type: Component,
|
|
42
|
-
args: [{ selector: 'lib-list-view', encapsulation: ViewEncapsulation.None, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"
|
|
49
|
+
args: [{ selector: 'lib-list-view', encapsulation: ViewEncapsulation.None, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"onScrollToBottom()\"\n containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n </ng-template>\n\n <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\" let-index=\"index\" *ngIf=\"!loading\">\n <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem, index: index}\">\n </ng-container>\n </ng-template>\n\n <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}.k-listview{background-color:none;border:none}.k-listview-header{border:none}\n"] }]
|
|
43
50
|
}], propDecorators: { templateHeader: [{
|
|
44
51
|
type: ContentChild,
|
|
45
52
|
args: ['templateHeader']
|
|
@@ -81,4 +88,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
81
88
|
}], listItemCount: [{
|
|
82
89
|
type: Output
|
|
83
90
|
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2xpc3Qtdmlldy9saXN0LXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvbGlzdC12aWV3L2xpc3Qtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQWUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFXeEksTUFBTSxPQUFPLGlCQUFpQjtJQU45QjtRQWNZLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN2QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUE7UUFDaEQsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQTtRQUV6RCxTQUFJLEdBQVEsRUFBRSxDQUFBO1FBQ2QsaUJBQVksR0FBWSxLQUFLLENBQUE7UUFDN0IsaUJBQVksR0FBWSxLQUFLLENBQUE7UUFFN0Isd0JBQW1CLEdBQVksSUFBSSxDQUFBO1FBQ25DLGtCQUFhLEdBQVcsQ0FBQyxDQUFBO1FBRXpCLFlBQU8sR0FBWSxLQUFLLENBQUE7UUFDeEIsY0FBUyxHQUFZLEtBQUssQ0FBQTtRQUl6QixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFckQsU0FBSSxHQUFVLEVBQUUsQ0FBQztLQThCbEI7SUE1QkMsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksR0FBRyxFQUFFLENBQUM7UUFDZixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELG1CQUFtQjtRQUNqQixJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRTtZQUM1QixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztZQUM5QixJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLElBQUksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQztTQUNqRjthQUFNO1lBQ0wsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFBO1NBQ3RCO0lBQ0gsQ0FBQzsrR0F0RFUsaUJBQWlCO21HQUFqQixpQkFBaUIsczRCQ1g5Qix1NUJBa0JBOzs0RkRQYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsZUFBZSxpQkFFVixpQkFBaUIsQ0FBQyxJQUFJOzhCQUtMLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUNFLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUNBLFlBQVk7c0JBQXpDLFlBQVk7dUJBQUMsY0FBYztnQkFDSSxjQUFjO3NCQUE3QyxZQUFZO3VCQUFDLGdCQUFnQjtnQkFHcEIsWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBRUUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUdJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFBhZ2VDaGFuZ2VFdmVudCB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWdyaWQnO1xuaW1wb3J0IHsgUGFnZVNpemVDaGFuZ2VFdmVudCB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLXBhZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWxpc3QtdmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9saXN0LXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBzdHlsZVVybHM6IFsnLi9saXN0LXZpZXcuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMaXN0Vmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcblxuICBAQ29udGVudENoaWxkKCd0ZW1wbGF0ZUhlYWRlcicpIHRlbXBsYXRlSGVhZGVyITogVGVtcGxhdGVSZWY8YW55PiB8IG51bGw7XG4gIEBDb250ZW50Q2hpbGQoJ3RlbXBsYXRlRm9vdGVyJykgdGVtcGxhdGVGb290ZXIhOiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbDtcbiAgQENvbnRlbnRDaGlsZCgndGVtcExpc3RJdGVtJykgdGVtcExpc3RJdGVtITogVGVtcGxhdGVSZWY8YW55PiB8IG51bGw7XG4gIEBDb250ZW50Q2hpbGQoJ3RlbXBsYXRlTG9hZGVyJykgdGVtcGxhdGVMb2FkZXIhOiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbDtcblxuXG4gIEBPdXRwdXQoKSBzY3JvbGxCb3R0b20gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIHBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFBhZ2VDaGFuZ2VFdmVudD4oKVxuICBAT3V0cHV0KCkgcGFnZVNpemVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFBhZ2VTaXplQ2hhbmdlRXZlbnQ+KClcblxuICBASW5wdXQoKSBkYXRhOiBhbnkgPSBbXVxuICBASW5wdXQoKSBjdXN0b21IZWFkZXI6IGJvb2xlYW4gPSBmYWxzZVxuICBASW5wdXQoKSBjdXN0b21Gb290ZXI6IGJvb2xlYW4gPSBmYWxzZVxuICBASW5wdXQoKSBoZWlnaHQhOiBudW1iZXI7XG4gIEBJbnB1dCgpIGVuYWJsZUVuZGxlc3NTY3JvbGw6IGJvb2xlYW4gPSB0cnVlXG4gIEBJbnB1dCgpIG5vT2ZMaXN0SXRlbXM6IG51bWJlciA9IDVcbiAgQElucHV0KCkgbGlzdEl0ZW1TdHlsZTogYW55O1xuICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgbmF2aWdhYmxlOiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgY29udGFpbmVyU3R5bGUhOiBhbnk7XG5cblxuICBAT3V0cHV0KCkgbGlzdEl0ZW1Db3VudCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIHZpZXc6IGFueVtdID0gW107XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5vbkdldExpc3RJdGVtQ291bnQoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMudmlldyA9IFtdO1xuICAgIHRoaXMub25HZXRMaXN0SXRlbUNvdW50KCk7XG4gIH1cblxuICBvbkdldExpc3RJdGVtQ291bnQoKSB7XG4gICAgdGhpcy5zZXRMaXN0SXRlbU9uU2Nyb2xsKCk7XG4gICAgdGhpcy5saXN0SXRlbUNvdW50LmVtaXQodGhpcy52aWV3Lmxlbmd0aCk7XG4gIH1cblxuICBvblNjcm9sbFRvQm90dG9tKCkge1xuICAgIHRoaXMuc2V0TGlzdEl0ZW1PblNjcm9sbCgpO1xuICAgIHRoaXMuc2Nyb2xsQm90dG9tLmVtaXQodGhpcy52aWV3Lmxlbmd0aCk7XG4gIH1cblxuICBzZXRMaXN0SXRlbU9uU2Nyb2xsKCkge1xuICAgIGlmICh0aGlzLmVuYWJsZUVuZGxlc3NTY3JvbGwpIHtcbiAgICAgIGNvbnN0IG5leHQgPSB0aGlzLnZpZXcubGVuZ3RoO1xuICAgICAgdGhpcy52aWV3ID0gWy4uLnRoaXMudmlldywgLi4udGhpcy5kYXRhLnNsaWNlKG5leHQsIG5leHQgKyB0aGlzLm5vT2ZMaXN0SXRlbXMpXTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy52aWV3ID0gdGhpcy5kYXRhXG4gICAgfVxuICB9XG5cbn1cblxuIiwiPGtlbmRvLWxpc3R2aWV3IFtrZW5kb0xpc3RWaWV3QmluZGluZ109XCJ2aWV3XCIgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHRcIiAoc2Nyb2xsQm90dG9tKT1cIm9uU2Nyb2xsVG9Cb3R0b20oKVwiXG4gIGNvbnRhaW5lckNsYXNzPVwiay1kLWZsZXggay1mbGV4LWNvbCBrLWZsZXgtbm93cmFwXCIgW2l0ZW1TdHlsZV09XCJsaXN0SXRlbVN0eWxlXCIgW2NvbnRhaW5lclN0eWxlXT1cImNvbnRhaW5lclN0eWxlXCJcbiAgW2xvYWRpbmddPVwibG9hZGluZ1wiIFtuYXZpZ2FibGVdPVwibmF2aWdhYmxlXCIgZGF0YS1rZW5kby1saXN0dmlldy1pbmRleD1cIjBcIj5cblxuICA8bmctdGVtcGxhdGUga2VuZG9MaXN0Vmlld0hlYWRlclRlbXBsYXRlICpuZ0lmPVwiY3VzdG9tSGVhZGVyXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlSGVhZGVyOyBcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy10ZW1wbGF0ZT5cblxuICA8bmctdGVtcGxhdGUga2VuZG9MaXN0Vmlld0l0ZW1UZW1wbGF0ZSBsZXQtZGF0YUl0ZW09XCJkYXRhSXRlbVwiIGxldC1pbmRleD1cImluZGV4XCIgKm5nSWY9XCIhbG9hZGluZ1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wTGlzdEl0ZW07IGNvbnRleHQ6IHskaW1wbGljaXQ6IGRhdGFJdGVtLCBpbmRleDogaW5kZXh9XCI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctdGVtcGxhdGU+XG5cbiAgPG5nLXRlbXBsYXRlICpuZ0lmPVwiY3VzdG9tRm9vdGVyXCIga2VuZG9MaXN0Vmlld0Zvb3RlclRlbXBsYXRlPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZUZvb3RlcjsgXCI+PC9uZy1jb250YWluZXI+XG4gIDwvbmctdGVtcGxhdGU+XG5cbjwva2VuZG8tbGlzdHZpZXc+XG4iXX0=
|
|
@@ -2815,13 +2815,21 @@ class ListViewComponent {
|
|
|
2815
2815
|
this.view = [];
|
|
2816
2816
|
}
|
|
2817
2817
|
ngOnInit() {
|
|
2818
|
-
this.
|
|
2818
|
+
this.onGetListItemCount();
|
|
2819
2819
|
}
|
|
2820
2820
|
ngOnChanges() {
|
|
2821
2821
|
this.view = [];
|
|
2822
|
-
this.
|
|
2822
|
+
this.onGetListItemCount();
|
|
2823
2823
|
}
|
|
2824
|
-
|
|
2824
|
+
onGetListItemCount() {
|
|
2825
|
+
this.setListItemOnScroll();
|
|
2826
|
+
this.listItemCount.emit(this.view.length);
|
|
2827
|
+
}
|
|
2828
|
+
onScrollToBottom() {
|
|
2829
|
+
this.setListItemOnScroll();
|
|
2830
|
+
this.scrollBottom.emit(this.view.length);
|
|
2831
|
+
}
|
|
2832
|
+
setListItemOnScroll() {
|
|
2825
2833
|
if (this.enableEndlessScroll) {
|
|
2826
2834
|
const next = this.view.length;
|
|
2827
2835
|
this.view = [...this.view, ...this.data.slice(next, next + this.noOfListItems)];
|
|
@@ -2829,14 +2837,13 @@ class ListViewComponent {
|
|
|
2829
2837
|
else {
|
|
2830
2838
|
this.view = this.data;
|
|
2831
2839
|
}
|
|
2832
|
-
this.listItemCount.emit(this.view.length);
|
|
2833
2840
|
}
|
|
2834
2841
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2835
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListViewComponent, selector: "lib-list-view", inputs: { data: "data", customHeader: "customHeader", customFooter: "customFooter", height: "height", enableEndlessScroll: "enableEndlessScroll", noOfListItems: "noOfListItems", listItemStyle: "listItemStyle", loading: "loading", navigable: "navigable", containerStyle: "containerStyle" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", listItemCount: "listItemCount" }, queries: [{ propertyName: "templateHeader", first: true, predicate: ["templateHeader"], descendants: true }, { propertyName: "templateFooter", first: true, predicate: ["templateFooter"], descendants: true }, { propertyName: "tempListItem", first: true, predicate: ["tempListItem"], descendants: true }, { propertyName: "templateLoader", first: true, predicate: ["templateLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"
|
|
2842
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListViewComponent, selector: "lib-list-view", inputs: { data: "data", customHeader: "customHeader", customFooter: "customFooter", height: "height", enableEndlessScroll: "enableEndlessScroll", noOfListItems: "noOfListItems", listItemStyle: "listItemStyle", loading: "loading", navigable: "navigable", containerStyle: "containerStyle" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", listItemCount: "listItemCount" }, queries: [{ propertyName: "templateHeader", first: true, predicate: ["templateHeader"], descendants: true }, { propertyName: "templateFooter", first: true, predicate: ["templateFooter"], descendants: true }, { propertyName: "tempListItem", first: true, predicate: ["tempListItem"], descendants: true }, { propertyName: "templateLoader", first: true, predicate: ["templateLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"onScrollToBottom()\"\n containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n </ng-template>\n\n <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\" let-index=\"index\" *ngIf=\"!loading\">\n <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem, index: index}\">\n </ng-container>\n </ng-template>\n\n <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}.k-listview{background-color:none;border:none}.k-listview-header{border:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$6.ItemTemplateDirective, selector: "[kendoListViewItemTemplate]" }, { kind: "directive", type: i2$6.HeaderTemplateDirective, selector: "[kendoListViewHeaderTemplate]" }, { kind: "directive", type: i2$6.FooterTemplateDirective, selector: "[kendoListViewFooterTemplate]" }, { kind: "directive", type: i2$6.DataBindingDirective, selector: "[kendoListViewBinding]", inputs: ["kendoListViewBinding"] }, { kind: "component", type: i2$6.ListViewComponent, selector: "kendo-listview", inputs: ["data", "loading", "containerStyle", "itemStyle", "containerClass", "itemClass", "containerLabel", "containerRole", "listItemRole", "navigable", "pageSize", "skip", "pageable", "height"], outputs: ["scrollBottom", "pageChange", "pageSizeChange", "edit", "cancel", "save", "remove", "add"], exportAs: ["kendoListView"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2836
2843
|
}
|
|
2837
2844
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, decorators: [{
|
|
2838
2845
|
type: Component,
|
|
2839
|
-
args: [{ selector: 'lib-list-view', encapsulation: ViewEncapsulation.None, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"
|
|
2846
|
+
args: [{ selector: 'lib-list-view', encapsulation: ViewEncapsulation.None, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"onScrollToBottom()\"\n containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n </ng-template>\n\n <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\" let-index=\"index\" *ngIf=\"!loading\">\n <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem, index: index}\">\n </ng-container>\n </ng-template>\n\n <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}.k-listview{background-color:none;border:none}.k-listview-header{border:none}\n"] }]
|
|
2840
2847
|
}], propDecorators: { templateHeader: [{
|
|
2841
2848
|
type: ContentChild,
|
|
2842
2849
|
args: ['templateHeader']
|