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
|
@@ -1624,7 +1624,7 @@ class ZformComponent {
|
|
|
1624
1624
|
this.fieldService.incrementComponentCounter(field.FieldElementName);
|
|
1625
1625
|
}
|
|
1626
1626
|
if (isFormControl === true) {
|
|
1627
|
-
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired);
|
|
1627
|
+
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired, this.group);
|
|
1628
1628
|
formControls[field.Value] = new FormControl(this.group.zModel[field.Value], validators);
|
|
1629
1629
|
if (ZComponentHelper.hasCCField(field.Type)) {
|
|
1630
1630
|
const ccValidators = ZComponentHelper.getCCValidators(field, isVisible, isRequired);
|
|
@@ -9161,7 +9161,7 @@ class ZgridComponent extends DataListingFieldBase {
|
|
|
9161
9161
|
gridCols.forEach(c => {
|
|
9162
9162
|
const isVisible = ZComponentHelper.isVisibleFormControl(this, c.field);
|
|
9163
9163
|
const isRequired = ZComponentHelper.isRequiredFormControl(this, c.field);
|
|
9164
|
-
const validators = ZComponentHelper.getValidators(c.field, isVisible, isRequired);
|
|
9164
|
+
const validators = ZComponentHelper.getValidators(c.field, isVisible, isRequired, this.group);
|
|
9165
9165
|
items[c.field] = new FormControl(d[c.field], validators);
|
|
9166
9166
|
});
|
|
9167
9167
|
const formGroup = new FormGroup(items);
|
|
@@ -10498,7 +10498,7 @@ class ZtabComponent extends ContainerFieldBase {
|
|
|
10498
10498
|
Label: field.Label,
|
|
10499
10499
|
Icon: field.Icon ? field.Icon : null,
|
|
10500
10500
|
Visible: ZComponentHelper.getGroupValue(field.Visible, this.group),
|
|
10501
|
-
Counter: typeof (field
|
|
10501
|
+
Counter: typeof (field.Counter) === "string" ? ZComponentHelper.getGroupValue(field.Counter, this.group) : field.Counter,
|
|
10502
10502
|
Index: ind++
|
|
10503
10503
|
});
|
|
10504
10504
|
}
|
|
@@ -10558,7 +10558,7 @@ class ZtabComponent extends ContainerFieldBase {
|
|
|
10558
10558
|
}
|
|
10559
10559
|
}
|
|
10560
10560
|
}
|
|
10561
|
-
let tabSelections = "tabSelections" in this.group ? this.group['tabSelections'] : null;
|
|
10561
|
+
let tabSelections = ("tabSelections" in this.group ? this.group['tabSelections'] : null);
|
|
10562
10562
|
if (tabSelections !== null && tabSelections.has(this.data.Name)) { // subsequent loads
|
|
10563
10563
|
this.state.lastSelectedTabIndex = tabSelections.get(this.data.Name);
|
|
10564
10564
|
}
|
|
@@ -11690,7 +11690,7 @@ class ZudfComponent extends ContainerFieldBase {
|
|
|
11690
11690
|
this.toastService = toastService;
|
|
11691
11691
|
this.componentErrorHandlerService = componentErrorHandlerService;
|
|
11692
11692
|
this.cdr = cdr;
|
|
11693
|
-
// formFields: any[]; // populate using field element.
|
|
11693
|
+
// formFields: any[]; // populate using field element.
|
|
11694
11694
|
this.componentProperties = new ZComponentProperties();
|
|
11695
11695
|
this.prefixValueOption = '_zudfmvgOptions';
|
|
11696
11696
|
this.prefixDataSourceName = '_zudfmvgDataSource';
|
|
@@ -12050,7 +12050,7 @@ class ZudfComponent extends ContainerFieldBase {
|
|
|
12050
12050
|
});
|
|
12051
12051
|
}
|
|
12052
12052
|
// validator for the component
|
|
12053
|
-
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired);
|
|
12053
|
+
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired, this.group);
|
|
12054
12054
|
formControls[field.Value] = new FormControl(zudfGroup.zModel[field.Value], validators);
|
|
12055
12055
|
if (ZComponentHelper.hasCCField(field.Type)) {
|
|
12056
12056
|
const ccValidators = ZComponentHelper.getCCValidators(field, isVisible, isRequired);
|
|
@@ -12099,7 +12099,7 @@ class ZudfComponent extends ContainerFieldBase {
|
|
|
12099
12099
|
const patchedModelData = this.addZModelPropertyPrefix(modelData);
|
|
12100
12100
|
// Update the zModel values of the form group
|
|
12101
12101
|
Object.assign(group[this.componentScopeName].zModel, patchedModelData);
|
|
12102
|
-
// Update grid values for any arrays in the model data base on kcard component.
|
|
12102
|
+
// Update grid values for any arrays in the model data base on kcard component.
|
|
12103
12103
|
for (const model in patchedModelData) {
|
|
12104
12104
|
if (Array.isArray(patchedModelData[model])) {
|
|
12105
12105
|
const gridValue = `${model}${this.prefixValueOption}`;
|
|
@@ -12362,7 +12362,7 @@ class ZudfComponent extends ContainerFieldBase {
|
|
|
12362
12362
|
});
|
|
12363
12363
|
this.group[gridDataSourceName] = [];
|
|
12364
12364
|
this.group[gridColumnFieldsName] = groupFieldElements;
|
|
12365
|
-
// Create grid column based on field elements and insert them into the grid.
|
|
12365
|
+
// Create grid column based on field elements and insert them into the grid.
|
|
12366
12366
|
this.group[`${name}${this.prefixCustomAddButtonOnClick}`] = this.captureContainerFieldValueToModel.bind(this, this.group, gridValueName, gridDataSourceName, containerName);
|
|
12367
12367
|
this.group[`${name}${this.prefixCustomResetButtonOnClick}`] = this.clearContainerRelatedFieldValue.bind(this, this.group, containerName);
|
|
12368
12368
|
this.group[`${name}${this.prefixCustomRemoveButtonOnClick}`] = this.removeGridRow.bind(this, gridValueName, gridDataSourceName);
|
|
@@ -13326,7 +13326,7 @@ class ZloopComponent extends ContainerFieldBase {
|
|
|
13326
13326
|
const isVisible = ZComponentHelper.isVisibleFormControl(this, field);
|
|
13327
13327
|
const isRequired = ZComponentHelper.isRequiredFormControl(this, field);
|
|
13328
13328
|
if (isFormControl === true) {
|
|
13329
|
-
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired);
|
|
13329
|
+
const validators = ZComponentHelper.getValidators(field, isVisible, isRequired, this.group);
|
|
13330
13330
|
this.group.form.addControl(field.Value, new FormControl(this.group.zModel[field.Value], validators));
|
|
13331
13331
|
this.clonedFormControlList.push(field.Value);
|
|
13332
13332
|
if (ZComponentHelper.hasCCField(field.Type)) {
|
|
@@ -13355,10 +13355,10 @@ class KsplitterComponent extends ContainerFieldBase {
|
|
|
13355
13355
|
}
|
|
13356
13356
|
}
|
|
13357
13357
|
KsplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: KsplitterComponent, deps: [{ token: ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
13358
|
-
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.
|
|
13358
|
+
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 } });
|
|
13359
13359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: KsplitterComponent, decorators: [{
|
|
13360
13360
|
type: Component,
|
|
13361
|
-
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.
|
|
13361
|
+
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: [""] }]
|
|
13362
13362
|
}], ctorParameters: function () { return [{ type: ZComponentService }]; } });
|
|
13363
13363
|
|
|
13364
13364
|
/********** Angular **********/
|
|
@@ -13369,7 +13369,7 @@ class VirtualScrollComponent extends ContainerFieldBase {
|
|
|
13369
13369
|
super(componentService);
|
|
13370
13370
|
this.pageSize = 50;
|
|
13371
13371
|
this.pageFetched = [];
|
|
13372
|
-
this.
|
|
13372
|
+
this.footerFields = [];
|
|
13373
13373
|
}
|
|
13374
13374
|
ngOnInit() {
|
|
13375
13375
|
this.setData();
|
|
@@ -13474,15 +13474,15 @@ class VirtualScrollComponent extends ContainerFieldBase {
|
|
|
13474
13474
|
}
|
|
13475
13475
|
setupFooter() {
|
|
13476
13476
|
if (this.data.Value && Array.isArray(this.data.Value)) {
|
|
13477
|
-
this.
|
|
13477
|
+
this.footerFields = this.data.Value.filter(x => x.Section === 'footer');
|
|
13478
13478
|
}
|
|
13479
13479
|
}
|
|
13480
13480
|
}
|
|
13481
13481
|
VirtualScrollComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: VirtualScrollComponent, deps: [{ token: ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
13482
|
-
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
|
|
13482
|
+
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 } });
|
|
13483
13483
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: VirtualScrollComponent, decorators: [{
|
|
13484
13484
|
type: Component,
|
|
13485
|
-
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
|
|
13485
|
+
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"] }]
|
|
13486
13486
|
}], ctorParameters: function () { return [{ type: ZComponentService }]; }, propDecorators: { viewPort: [{
|
|
13487
13487
|
type: ViewChild,
|
|
13488
13488
|
args: [CdkVirtualScrollViewport]
|