@progress-chef/platform-shared-components 0.0.106 → 0.0.108
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/esm2022/lib/atoms/list-view/list-view.component.mjs +14 -7
- package/esm2022/lib/molecules/grid/grid-form/grid-form.component.mjs +2 -2
- package/esm2022/lib/molecules/grid/grid.component.mjs +2 -2
- package/esm2022/lib/molecules/grid-pagination/grid-pagination.component.mjs +2 -2
- package/fesm2022/progress-chef-platform-shared-components.mjs +16 -9
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/list-view/list-view.component.d.ts +3 -1
- package/package.json +1 -1
|
@@ -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']
|
|
@@ -4455,7 +4462,7 @@ class LibGridComponent {
|
|
|
4455
4462
|
this.dragColumns = false;
|
|
4456
4463
|
this.navigable = true;
|
|
4457
4464
|
this.gridRowSelectByValue = '';
|
|
4458
|
-
this.noRecordsContent = 'No
|
|
4465
|
+
this.noRecordsContent = 'No records are available yet.';
|
|
4459
4466
|
this.selectedRowData = new EventEmitter();
|
|
4460
4467
|
this.showToolbar = false;
|
|
4461
4468
|
this.selectableSettings = {};
|
|
@@ -4723,7 +4730,7 @@ class GridFormComponent {
|
|
|
4723
4730
|
constructor(renderer) {
|
|
4724
4731
|
this.renderer = renderer;
|
|
4725
4732
|
this.showToolbar = false;
|
|
4726
|
-
this.noRecordsContent = 'No tags added yet';
|
|
4733
|
+
this.noRecordsContent = 'No tags have been added yet.';
|
|
4727
4734
|
this.showColumns = false;
|
|
4728
4735
|
this.gridData = [];
|
|
4729
4736
|
this.columnData = [];
|
|
@@ -4946,7 +4953,7 @@ class GridPaginationComponent {
|
|
|
4946
4953
|
this.dragColumns = false;
|
|
4947
4954
|
this.navigable = true;
|
|
4948
4955
|
this.gridRowSelectByValue = '';
|
|
4949
|
-
this.noRecordsContent = 'No
|
|
4956
|
+
this.noRecordsContent = 'No records are available yet.';
|
|
4950
4957
|
this.selectedRowData = new EventEmitter();
|
|
4951
4958
|
this.showToolbar = false;
|
|
4952
4959
|
this.selectableSettings = {};
|