mmhglobal-dynamicform 2.12.2 → 2.12.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.
- package/README.md +5 -0
- package/esm2020/lib/ksplitter/ksplitter.component.mjs +3 -3
- package/esm2020/lib/virtual-scroll/virtual-scroll.component.mjs +5 -5
- package/esm2020/lib/zform/zform.component.mjs +2 -2
- package/esm2020/lib/zgrid/zgrid.component.mjs +2 -2
- package/esm2020/lib/zloop/zloop.component.mjs +2 -2
- package/esm2020/lib/ztab/ztab.component.mjs +3 -3
- package/esm2020/lib/zudf/zudf.component.mjs +5 -5
- package/fesm2015/mmhglobal-dynamicform.mjs +15 -15
- package/fesm2015/mmhglobal-dynamicform.mjs.map +1 -1
- package/fesm2020/mmhglobal-dynamicform.mjs +15 -15
- package/fesm2020/mmhglobal-dynamicform.mjs.map +1 -1
- package/lib/virtual-scroll/virtual-scroll.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1618,7 +1618,7 @@ class ZformComponent {
|
|
|
1618
1618
|
this.fieldService.incrementComponentCounter(field.FieldElementName);
|
|
1619
1619
|
}
|
|
1620
1620
|
if (isFormControl === true) {
|
|
1621
|
-
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired);
|
|
1621
|
+
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired, this.group);
|
|
1622
1622
|
formControls[field.Value] = new FormControl(this.group.zModel[field.Value], validators);
|
|
1623
1623
|
if (ZComponentHelper.hasCCField(field.Type)) {
|
|
1624
1624
|
const ccValidators = ZComponentHelper.getCCValidators(field, isVisible, isRequired);
|
|
@@ -9147,7 +9147,7 @@ class ZgridComponent extends DataListingFieldBase {
|
|
|
9147
9147
|
gridCols.forEach(c => {
|
|
9148
9148
|
const isVisible = ZComponentHelper.isVisibleFormControl(this, c.field);
|
|
9149
9149
|
const isRequired = ZComponentHelper.isRequiredFormControl(this, c.field);
|
|
9150
|
-
const validators = ZComponentHelper.getValidators(c.field, isVisible, isRequired);
|
|
9150
|
+
const validators = ZComponentHelper.getValidators(c.field, isVisible, isRequired, this.group);
|
|
9151
9151
|
items[c.field] = new FormControl(d[c.field], validators);
|
|
9152
9152
|
});
|
|
9153
9153
|
const formGroup = new FormGroup(items);
|
|
@@ -10478,7 +10478,7 @@ class ZtabComponent extends ContainerFieldBase {
|
|
|
10478
10478
|
Label: field.Label,
|
|
10479
10479
|
Icon: field.Icon ? field.Icon : null,
|
|
10480
10480
|
Visible: ZComponentHelper.getGroupValue(field.Visible, this.group),
|
|
10481
|
-
Counter: typeof (field
|
|
10481
|
+
Counter: typeof (field.Counter) === "string" ? ZComponentHelper.getGroupValue(field.Counter, this.group) : field.Counter,
|
|
10482
10482
|
Index: ind++
|
|
10483
10483
|
});
|
|
10484
10484
|
}
|
|
@@ -10538,7 +10538,7 @@ class ZtabComponent extends ContainerFieldBase {
|
|
|
10538
10538
|
}
|
|
10539
10539
|
}
|
|
10540
10540
|
}
|
|
10541
|
-
let tabSelections = "tabSelections" in this.group ? this.group['tabSelections'] : null;
|
|
10541
|
+
let tabSelections = ("tabSelections" in this.group ? this.group['tabSelections'] : null);
|
|
10542
10542
|
if (tabSelections !== null && tabSelections.has(this.data.Name)) { // subsequent loads
|
|
10543
10543
|
this.state.lastSelectedTabIndex = tabSelections.get(this.data.Name);
|
|
10544
10544
|
}
|
|
@@ -11668,7 +11668,7 @@ class ZudfComponent extends ContainerFieldBase {
|
|
|
11668
11668
|
this.toastService = toastService;
|
|
11669
11669
|
this.componentErrorHandlerService = componentErrorHandlerService;
|
|
11670
11670
|
this.cdr = cdr;
|
|
11671
|
-
// formFields: any[]; // populate using field element.
|
|
11671
|
+
// formFields: any[]; // populate using field element.
|
|
11672
11672
|
this.componentProperties = new ZComponentProperties();
|
|
11673
11673
|
this.prefixValueOption = '_zudfmvgOptions';
|
|
11674
11674
|
this.prefixDataSourceName = '_zudfmvgDataSource';
|
|
@@ -12025,7 +12025,7 @@ class ZudfComponent extends ContainerFieldBase {
|
|
|
12025
12025
|
});
|
|
12026
12026
|
}
|
|
12027
12027
|
// validator for the component
|
|
12028
|
-
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired);
|
|
12028
|
+
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired, this.group);
|
|
12029
12029
|
formControls[field.Value] = new FormControl(zudfGroup.zModel[field.Value], validators);
|
|
12030
12030
|
if (ZComponentHelper.hasCCField(field.Type)) {
|
|
12031
12031
|
const ccValidators = ZComponentHelper.getCCValidators(field, isVisible, isRequired);
|
|
@@ -12074,7 +12074,7 @@ class ZudfComponent extends ContainerFieldBase {
|
|
|
12074
12074
|
const patchedModelData = this.addZModelPropertyPrefix(modelData);
|
|
12075
12075
|
// Update the zModel values of the form group
|
|
12076
12076
|
Object.assign(group[this.componentScopeName].zModel, patchedModelData);
|
|
12077
|
-
// Update grid values for any arrays in the model data base on kcard component.
|
|
12077
|
+
// Update grid values for any arrays in the model data base on kcard component.
|
|
12078
12078
|
for (const model in patchedModelData) {
|
|
12079
12079
|
if (Array.isArray(patchedModelData[model])) {
|
|
12080
12080
|
const gridValue = `${model}${this.prefixValueOption}`;
|
|
@@ -12336,7 +12336,7 @@ class ZudfComponent extends ContainerFieldBase {
|
|
|
12336
12336
|
});
|
|
12337
12337
|
this.group[gridDataSourceName] = [];
|
|
12338
12338
|
this.group[gridColumnFieldsName] = groupFieldElements;
|
|
12339
|
-
// Create grid column based on field elements and insert them into the grid.
|
|
12339
|
+
// Create grid column based on field elements and insert them into the grid.
|
|
12340
12340
|
this.group[`${name}${this.prefixCustomAddButtonOnClick}`] = this.captureContainerFieldValueToModel.bind(this, this.group, gridValueName, gridDataSourceName, containerName);
|
|
12341
12341
|
this.group[`${name}${this.prefixCustomResetButtonOnClick}`] = this.clearContainerRelatedFieldValue.bind(this, this.group, containerName);
|
|
12342
12342
|
this.group[`${name}${this.prefixCustomRemoveButtonOnClick}`] = this.removeGridRow.bind(this, gridValueName, gridDataSourceName);
|
|
@@ -13297,7 +13297,7 @@ class ZloopComponent extends ContainerFieldBase {
|
|
|
13297
13297
|
const isVisible = ZComponentHelper.isVisibleFormControl(this, field);
|
|
13298
13298
|
const isRequired = ZComponentHelper.isRequiredFormControl(this, field);
|
|
13299
13299
|
if (isFormControl === true) {
|
|
13300
|
-
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired);
|
|
13300
|
+
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired, this.group);
|
|
13301
13301
|
this.group.form.addControl(field.Value, new FormControl(this.group.zModel[field.Value], validators));
|
|
13302
13302
|
this.clonedFormControlList.push(field.Value);
|
|
13303
13303
|
if (ZComponentHelper.hasCCField(field.Type)) {
|
|
@@ -13326,10 +13326,10 @@ class KsplitterComponent extends ContainerFieldBase {
|
|
|
13326
13326
|
}
|
|
13327
13327
|
}
|
|
13328
13328
|
KsplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: KsplitterComponent, deps: [{ token: ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
13329
|
-
KsplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: KsplitterComponent, selector: "app-ksplitter", usesInheritance: true, ngImport: i0, template: "<div class=\"ksplitter-container e1tag-container-style\"\r\n *ngIf=\"!isLoading && (!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n [ngClass]=\"data.Class\" [style]=\"componentProperties.containerStyle.style\" [class]=\"data.ComponentStyleType\">\r\n <kendo-splitter [orientation]=\"data.Orientation || 'horizontal'\" class=\"e1tag-container-style1\"\r\n [style]=\"componentProperties.containerStyle.style1\">\r\n <kendo-splitter-pane *ngFor=\"let item of data.
|
|
13329
|
+
KsplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: KsplitterComponent, selector: "app-ksplitter", usesInheritance: true, ngImport: i0, template: "<div class=\"ksplitter-container e1tag-container-style\"\r\n *ngIf=\"!isLoading && (!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n [ngClass]=\"data.Class\" [style]=\"componentProperties.containerStyle.style\" [class]=\"data.ComponentStyleType\">\r\n <kendo-splitter [orientation]=\"data.Orientation || 'horizontal'\" class=\"e1tag-container-style1\"\r\n [style]=\"componentProperties.containerStyle.style1\">\r\n <kendo-splitter-pane *ngFor=\"let item of data.PanelItems; let i = index\"\r\n [resizable]=\"item.Resizable != undefined ? item.Resizable : true\"\r\n [collapsible]=\"item.AllowCollapse != undefined ? item.AllowCollapse : true\" [size]=\"item.Size\"\r\n class=\"e1tag-container-style2\" [style]=\"componentProperties.containerStyle.style2 + item.Style\"\r\n [min]=\"item.MinWidth\" [max]=\"item.MaxWidth\">\r\n <app-zdiv [style]=\"componentProperties.containerStyle.style3\" class=\"e1tag-container-style3\"\r\n [data]=\"data | tabfilter: i + ''\" [form]=\"form\" [group]=\"group\" [containerField]=\"containerField\">\r\n </app-zdiv>\r\n </kendo-splitter-pane>\r\n </kendo-splitter>\r\n</div>\r\n", styles: [""], components: [{ type: i2$4.SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "resizeStep"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { type: i2$4.SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "separatorLabel", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { type: ZdivComponent, selector: "app-zdiv" }], directives: [{ type: i5$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i5$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "tabfilter": TabFilter } });
|
|
13330
13330
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: KsplitterComponent, decorators: [{
|
|
13331
13331
|
type: Component,
|
|
13332
|
-
args: [{ selector: "app-ksplitter", template: "<div class=\"ksplitter-container e1tag-container-style\"\r\n *ngIf=\"!isLoading && (!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n [ngClass]=\"data.Class\" [style]=\"componentProperties.containerStyle.style\" [class]=\"data.ComponentStyleType\">\r\n <kendo-splitter [orientation]=\"data.Orientation || 'horizontal'\" class=\"e1tag-container-style1\"\r\n [style]=\"componentProperties.containerStyle.style1\">\r\n <kendo-splitter-pane *ngFor=\"let item of data.
|
|
13332
|
+
args: [{ selector: "app-ksplitter", template: "<div class=\"ksplitter-container e1tag-container-style\"\r\n *ngIf=\"!isLoading && (!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n [ngClass]=\"data.Class\" [style]=\"componentProperties.containerStyle.style\" [class]=\"data.ComponentStyleType\">\r\n <kendo-splitter [orientation]=\"data.Orientation || 'horizontal'\" class=\"e1tag-container-style1\"\r\n [style]=\"componentProperties.containerStyle.style1\">\r\n <kendo-splitter-pane *ngFor=\"let item of data.PanelItems; let i = index\"\r\n [resizable]=\"item.Resizable != undefined ? item.Resizable : true\"\r\n [collapsible]=\"item.AllowCollapse != undefined ? item.AllowCollapse : true\" [size]=\"item.Size\"\r\n class=\"e1tag-container-style2\" [style]=\"componentProperties.containerStyle.style2 + item.Style\"\r\n [min]=\"item.MinWidth\" [max]=\"item.MaxWidth\">\r\n <app-zdiv [style]=\"componentProperties.containerStyle.style3\" class=\"e1tag-container-style3\"\r\n [data]=\"data | tabfilter: i + ''\" [form]=\"form\" [group]=\"group\" [containerField]=\"containerField\">\r\n </app-zdiv>\r\n </kendo-splitter-pane>\r\n </kendo-splitter>\r\n</div>\r\n", styles: [""] }]
|
|
13333
13333
|
}], ctorParameters: function () { return [{ type: ZComponentService }]; } });
|
|
13334
13334
|
|
|
13335
13335
|
/********** Angular **********/
|
|
@@ -13340,7 +13340,7 @@ class VirtualScrollComponent extends ContainerFieldBase {
|
|
|
13340
13340
|
super(componentService);
|
|
13341
13341
|
this.pageSize = 50;
|
|
13342
13342
|
this.pageFetched = [];
|
|
13343
|
-
this.
|
|
13343
|
+
this.footerFields = [];
|
|
13344
13344
|
}
|
|
13345
13345
|
ngOnInit() {
|
|
13346
13346
|
this.setData();
|
|
@@ -13445,15 +13445,15 @@ class VirtualScrollComponent extends ContainerFieldBase {
|
|
|
13445
13445
|
}
|
|
13446
13446
|
setupFooter() {
|
|
13447
13447
|
if (this.data.Value && Array.isArray(this.data.Value)) {
|
|
13448
|
-
this.
|
|
13448
|
+
this.footerFields = this.data.Value.filter(x => x.Section === 'footer');
|
|
13449
13449
|
}
|
|
13450
13450
|
}
|
|
13451
13451
|
}
|
|
13452
13452
|
VirtualScrollComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: VirtualScrollComponent, deps: [{ token: ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
13453
|
-
VirtualScrollComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: VirtualScrollComponent, selector: "app-virtual-scroll", viewQueries: [{ propertyName: "viewPort", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n *ngIf=\"(!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n class=\"container e1tag-container-style\" [style]=\"componentProperties.containerStyle.style\"\r\n [ngClass]=\"(data.ComponentStyleType || '') + ' ' + (data.Class || '')\">\r\n <cdk-virtual-scroll-viewport [itemSize]=\"options.itemSize\" [style]=\"componentProperties.containerStyle.style1\"\r\n class=\"virtual-scroll-viewport e1tag-container-style1\" [minBufferPx]=\"options.minBufferPx\"\r\n [maxBufferPx]=\"options.maxBufferPx\">\r\n <!-- <ng-container *cdkVirtualFor=\"let field of clonedFields\"> -->\r\n <ng-container *cdkVirtualFor=\"let dataItem of dataItems; let i = index\">\r\n <div [style.height.px]=\"options.itemSize\" [style.min-height.px]=\"options.itemSize\"\r\n [style.max-height.px]=\"options.itemSize\" [style]=\"componentProperties.containerStyle.style2\"\r\n class=\"e1tag-container-style2\" (click)=\"onClick($event, dataItem)\"\r\n [id]=\"data.Name + '_' + dataItem?.Value?.Id || ''\">\r\n <div *ngIf=\"!dataItem\" [innerHTML]=\"options.loadingLabel | htmlSanitize\"></div>\r\n <div *ngIf=\"dataItem.Label\" [innerHTML]=\"dataItem.Label | htmlSanitize\"></div>\r\n </div>\r\n </ng-container>\r\n <app-zformcontrol *ngFor=\"let field of
|
|
13453
|
+
VirtualScrollComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: VirtualScrollComponent, selector: "app-virtual-scroll", viewQueries: [{ propertyName: "viewPort", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n *ngIf=\"(!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n class=\"container e1tag-container-style\" [style]=\"componentProperties.containerStyle.style\"\r\n [ngClass]=\"(data.ComponentStyleType || '') + ' ' + (data.Class || '')\">\r\n <cdk-virtual-scroll-viewport [itemSize]=\"options.itemSize\" [style]=\"componentProperties.containerStyle.style1\"\r\n class=\"virtual-scroll-viewport e1tag-container-style1\" [minBufferPx]=\"options.minBufferPx\"\r\n [maxBufferPx]=\"options.maxBufferPx\">\r\n <!-- <ng-container *cdkVirtualFor=\"let field of clonedFields\"> -->\r\n <ng-container *cdkVirtualFor=\"let dataItem of dataItems; let i = index\">\r\n <div [style.height.px]=\"options.itemSize\" [style.min-height.px]=\"options.itemSize\"\r\n [style.max-height.px]=\"options.itemSize\" [style]=\"componentProperties.containerStyle.style2\"\r\n class=\"e1tag-container-style2\" (click)=\"onClick($event, dataItem)\"\r\n [id]=\"data.Name + '_' + dataItem?.Value?.Id || ''\">\r\n <div *ngIf=\"!dataItem\" [innerHTML]=\"options.loadingLabel | htmlSanitize\"></div>\r\n <div *ngIf=\"dataItem.Label\" [innerHTML]=\"dataItem.Label | htmlSanitize\"></div>\r\n </div>\r\n </ng-container>\r\n <app-zformcontrol *ngFor=\"let field of footerFields\" [field]=\"field\" [containerField]=\"data\" [group]=\"group\"\r\n [form]=\"form\" [style]=\"componentProperties.containerStyle.style3\" class=\"e1tag-container-style3\">\r\n </app-zformcontrol>\r\n </cdk-virtual-scroll-viewport>\r\n</div>\r\n", styles: [".virtual-scroll-viewport{height:500px}\n"], components: [{ type: i2$b.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: ZformcontrolComponent, selector: "app-zformcontrol", inputs: ["field", "group", "form", "containerField"] }], directives: [{ type: i5$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i2$b.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i2$b.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i5$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "htmlSanitize": HtmlSanitizePipe } });
|
|
13454
13454
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: VirtualScrollComponent, decorators: [{
|
|
13455
13455
|
type: Component,
|
|
13456
|
-
args: [{ selector: "app-virtual-scroll", template: "<div\r\n *ngIf=\"(!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n class=\"container e1tag-container-style\" [style]=\"componentProperties.containerStyle.style\"\r\n [ngClass]=\"(data.ComponentStyleType || '') + ' ' + (data.Class || '')\">\r\n <cdk-virtual-scroll-viewport [itemSize]=\"options.itemSize\" [style]=\"componentProperties.containerStyle.style1\"\r\n class=\"virtual-scroll-viewport e1tag-container-style1\" [minBufferPx]=\"options.minBufferPx\"\r\n [maxBufferPx]=\"options.maxBufferPx\">\r\n <!-- <ng-container *cdkVirtualFor=\"let field of clonedFields\"> -->\r\n <ng-container *cdkVirtualFor=\"let dataItem of dataItems; let i = index\">\r\n <div [style.height.px]=\"options.itemSize\" [style.min-height.px]=\"options.itemSize\"\r\n [style.max-height.px]=\"options.itemSize\" [style]=\"componentProperties.containerStyle.style2\"\r\n class=\"e1tag-container-style2\" (click)=\"onClick($event, dataItem)\"\r\n [id]=\"data.Name + '_' + dataItem?.Value?.Id || ''\">\r\n <div *ngIf=\"!dataItem\" [innerHTML]=\"options.loadingLabel | htmlSanitize\"></div>\r\n <div *ngIf=\"dataItem.Label\" [innerHTML]=\"dataItem.Label | htmlSanitize\"></div>\r\n </div>\r\n </ng-container>\r\n <app-zformcontrol *ngFor=\"let field of
|
|
13456
|
+
args: [{ selector: "app-virtual-scroll", template: "<div\r\n *ngIf=\"(!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n class=\"container e1tag-container-style\" [style]=\"componentProperties.containerStyle.style\"\r\n [ngClass]=\"(data.ComponentStyleType || '') + ' ' + (data.Class || '')\">\r\n <cdk-virtual-scroll-viewport [itemSize]=\"options.itemSize\" [style]=\"componentProperties.containerStyle.style1\"\r\n class=\"virtual-scroll-viewport e1tag-container-style1\" [minBufferPx]=\"options.minBufferPx\"\r\n [maxBufferPx]=\"options.maxBufferPx\">\r\n <!-- <ng-container *cdkVirtualFor=\"let field of clonedFields\"> -->\r\n <ng-container *cdkVirtualFor=\"let dataItem of dataItems; let i = index\">\r\n <div [style.height.px]=\"options.itemSize\" [style.min-height.px]=\"options.itemSize\"\r\n [style.max-height.px]=\"options.itemSize\" [style]=\"componentProperties.containerStyle.style2\"\r\n class=\"e1tag-container-style2\" (click)=\"onClick($event, dataItem)\"\r\n [id]=\"data.Name + '_' + dataItem?.Value?.Id || ''\">\r\n <div *ngIf=\"!dataItem\" [innerHTML]=\"options.loadingLabel | htmlSanitize\"></div>\r\n <div *ngIf=\"dataItem.Label\" [innerHTML]=\"dataItem.Label | htmlSanitize\"></div>\r\n </div>\r\n </ng-container>\r\n <app-zformcontrol *ngFor=\"let field of footerFields\" [field]=\"field\" [containerField]=\"data\" [group]=\"group\"\r\n [form]=\"form\" [style]=\"componentProperties.containerStyle.style3\" class=\"e1tag-container-style3\">\r\n </app-zformcontrol>\r\n </cdk-virtual-scroll-viewport>\r\n</div>\r\n", styles: [".virtual-scroll-viewport{height:500px}\n"] }]
|
|
13457
13457
|
}], ctorParameters: function () { return [{ type: ZComponentService }]; }, propDecorators: { viewPort: [{
|
|
13458
13458
|
type: ViewChild,
|
|
13459
13459
|
args: [CdkVirtualScrollViewport]
|