@pepperi-addons/ngx-composite-lib 0.0.16-beta.5 → 0.0.16-beta.9

package/fesm2015/pepperi-addons-ngx-composite-lib-generic-form.js

@@ -12,315 +12,315 @@ import * as i4 from '@pepperi-addons/ngx-lib/top-bar';
 import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
 import { DataViewConverter } from '@pepperi-addons/data-views';
 
-class PepGenericFormService {
-    constructor() {
-        // 
-    }
-    /**
-     * checks if the object contains property
-     * @param obj object
-     * @param prop property name
-     * @returns true if contains, false otherwise
-    */
-    hasProperty(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    }
-    createFormField(controlField, value, optionalValues) {
-        const field = new ObjectsDataRowCell();
-        field.ApiName = controlField.ApiName;
-        field.Value = value;
-        field.FieldType = controlField.FieldType;
-        field.Enabled = !controlField.ReadOnly;
-        field.Visible = !controlField.Hidden;
-        /* field.Accessory = "";
-         field.AdditionalValue = "";
-         field.BackgroundColor = "";
-         field.FormattedValue = "";*/
-        field.GroupFields = [];
-        field.Highlighted = false;
-        // field.NotificationInfo = "";
-        field.OptionalValues = optionalValues;
-        /* field.ReferenceObjectInternalType = "";
-         field.ReferenceObjectSubType = "";
-         field.ReferenceObjectType = '0';
-         field.TextColor = "";
-         field.UiPageKey = "";*/
-        return field;
-    }
-    convertToUiControlField(field) {
-        return {
-            ApiName: field.ApiName,
-            FieldType: field.FieldType,
-            Title: field.Title,
-            ReadOnly: field.ReadOnlyField,
-            Mandatory: field.MandatoryField,
-            Hidden: field.Hidden,
-            ColumnWidth: field.ColumnWidth,
-            ColumnWidthType: 1,
-            MaxFieldCharacters: field.MaxCharacters,
-            MinValue: field.MinValue,
-            MaxValue: field.MaxValue,
-            Layout: {
-                X: field.Layout.X,
-                Y: field.Layout.Y,
-                Width: field.Layout.Width,
-                Height: field.Layout.Field_Height,
-                XAlignment: field.Layout.xAlignment,
-                YAlignment: field.Layout.yAlignment,
-            }
-        };
-    }
-}
-PepGenericFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepGenericFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormService, decorators: [{
-            type: Injectable
+class PepGenericFormService {
+    constructor() {
+        // 
+    }
+    /**
+     * checks if the object contains property
+     * @param obj object
+     * @param prop property name
+     * @returns true if contains, false otherwise
+    */
+    hasProperty(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    }
+    createFormField(controlField, value, optionalValues) {
+        const field = new ObjectsDataRowCell();
+        field.ApiName = controlField.ApiName;
+        field.Value = value;
+        field.FieldType = controlField.FieldType;
+        field.Enabled = !controlField.ReadOnly;
+        field.Visible = !controlField.Hidden;
+        /* field.Accessory = "";
+         field.AdditionalValue = "";
+         field.BackgroundColor = "";
+         field.FormattedValue = "";*/
+        field.GroupFields = [];
+        field.Highlighted = false;
+        // field.NotificationInfo = "";
+        field.OptionalValues = optionalValues;
+        /* field.ReferenceObjectInternalType = "";
+         field.ReferenceObjectSubType = "";
+         field.ReferenceObjectType = '0';
+         field.TextColor = "";
+         field.UiPageKey = "";*/
+        return field;
+    }
+    convertToUiControlField(field) {
+        return {
+            ApiName: field.ApiName,
+            FieldType: field.FieldType,
+            Title: field.Title,
+            ReadOnly: field.ReadOnlyField,
+            Mandatory: field.MandatoryField,
+            Hidden: field.Hidden,
+            ColumnWidth: field.ColumnWidth,
+            ColumnWidthType: 1,
+            MaxFieldCharacters: field.MaxCharacters,
+            MinValue: field.MinValue,
+            MaxValue: field.MaxValue,
+            Layout: {
+                X: field.Layout.X,
+                Y: field.Layout.Y,
+                Width: field.Layout.Width,
+                Height: field.Layout.Field_Height,
+                XAlignment: field.Layout.xAlignment,
+                YAlignment: field.Layout.yAlignment,
+            }
+        };
+    }
+}
+PepGenericFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepGenericFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormService, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return []; } });
 
-class GenericFormComponent {
-    constructor(_resolver, layoutService, _genericFormService) {
-        this._resolver = _resolver;
-        this.layoutService = layoutService;
-        this._genericFormService = _genericFormService;
-        this._optionalValues = [];
-        this.isLocked = false;
-        this.inline = false;
-        this.showTopBar = false;
-        this.addPadding = false;
-        this.valueChange = new EventEmitter();
-        this.fieldClick = new EventEmitter();
-        this.formValidationChange = new EventEmitter();
-        this.layoutService.onResize$.pipe().subscribe((size) => {
-            //            
-        });
-        this._formData = new ObjectsDataRow();
-        this._uiControl = new UIControl();
-    }
-    set pepListContainer(val) {
-        this._pepFormContainer = val;
-    }
-    set dataSource(val) {
-        this._data = val;
-    }
-    set dataView(val) {
-        this.initForm(val);
-    }
-    ngOnInit() {
-        //
-    }
-    initForm(dataView) {
-        setTimeout(() => {
-            var _a, _b;
-            if (this._pepFormContainer) {
-                if (this._pepFormContainer.length) {
-                    this._pepFormContainer.remove();
-                    this._formData = new ObjectsDataRow();
-                    this._uiControl = new UIControl();
-                }
-                const factory = this._resolver.resolveComponentFactory(PepFormComponent);
-                const componentRef = this._pepFormContainer.createComponent(factory);
-                this._pepForm = componentRef.instance;
-                this._formData.IsEditable = !this.isLocked;
-                this._formData.UID = dataView.UID || PepGuid.newGuid();
-                const uiControlData = DataViewConverter.toUIControlData(dataView);
-                if (uiControlData) {
-                    if (uiControlData === null || uiControlData === void 0 ? void 0 : uiControlData.ControlFields) {
-                        (_a = dataView.Fields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {
-                            var _a;
-                            if ((_a = field.OptionalValues) === null || _a === void 0 ? void 0 : _a.length) {
-                                this._optionalValues.push({
-                                    fieldId: field.FieldID,
-                                    optionalValues: field.OptionalValues
-                                });
-                            }
-                        });
-                        this._uiControl.ControlFields = uiControlData.ControlFields.map((field) => this._genericFormService.convertToUiControlField(field));
-                    }
-                    this._uiControl.Columns = uiControlData.Columns;
-                    if ((_b = this._uiControl.ControlFields) === null || _b === void 0 ? void 0 : _b.length) {
-                        this._formData.Fields = [];
-                        this._uiControl.ControlFields.forEach((item) => {
-                            let value = '';
-                            if (this._genericFormService.hasProperty(this._data, item.ApiName)) {
-                                value = this._data[item.ApiName];
-                            }
-                            this._formData.Fields.push(this._genericFormService.createFormField(item, value, this.getOptionalValues(item.ApiName)));
-                        });
-                        componentRef.instance.layoutType = 'form';
-                        componentRef.instance.layout = this._uiControl;
-                        componentRef.instance.data = this._formData;
-                        componentRef.instance.isInternal = false;
-                        componentRef.instance.lockFields = this.isLocked;
-                        componentRef.instance.valueChange.subscribe(($event) => {
-                            this.onValueChanged($event);
-                        });
-                        componentRef.instance.fieldClick.subscribe(($event) => {
-                            this.onfieldClicked($event);
-                        });
-                        componentRef.instance.formValidationChange.subscribe(($event) => {
-                            this.onFormValidationChanged($event);
-                        });
-                    }
-                }
-            }
-        }, 0);
-    }
-    /**
-     * updates form field's value
-     * @param field object containing the data of the required update
-     */
-    updateFieldValue(fieldChanged) {
-        this._data[fieldChanged.apiName] = fieldChanged.value;
-    }
-    getOptionalValues(fieldId) {
-        const item = this._optionalValues.find((item) => item.fieldId === fieldId);
-        return (item === null || item === void 0 ? void 0 : item.optionalValues) || [];
-    }
-    getData() {
-        return {
-            UID: this._formData.UID,
-            Values: this._data
-        };
-    }
-    /**
-    * updates form field(s) params
-    * @param fields
-    */
-    updateFields(fields) {
-        fields.forEach((field) => {
-            const index = this._formData.Fields.findIndex((item) => item.ApiName === field.FieldId);
-            if (index >= 0) {
-                for (const [key, value] of Object.entries(field.Params)) {
-                    if (this._genericFormService.hasProperty(this._formData.Fields[index], key)) {
-                        const item = this._formData.Fields[index];
-                        item[key] = value;
-                    }
-                }
-            }
-        });
-        this._pepForm.ReloadForm();
-        this._pepForm.data = this._formData;
-    }
-    onValueChanged(event) {
-        const field = {
-            uid: event.id,
-            apiName: event.key,
-            value: event.value
-        };
-        this.updateFieldValue(field);
-        this.valueChange.emit(field);
-    }
-    onfieldClicked(event) {
-        const field = {
-            uid: event.id,
-            apiName: event.key,
-            value: event.value
-        };
-        this.updateFieldValue(field);
-        this.fieldClick.emit(field);
-    }
-    onFormValidationChanged(event) {
-        this.formValidationChange.emit(event);
-    }
-}
-GenericFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GenericFormComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i1.PepLayoutService }, { token: PepGenericFormService }], target: i0.ɵɵFactoryTarget.Component });
-GenericFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GenericFormComponent, selector: "pep-generic-form", inputs: { dataSource: "dataSource", dataView: "dataView", isLocked: "isLocked", inline: "inline", showTopBar: "showTopBar", addPadding: "addPadding" }, outputs: { valueChange: "valueChange", fieldClick: "fieldClick", formValidationChange: "formValidationChange" }, providers: [PepGenericFormService], viewQueries: [{ propertyName: "pepListContainer", first: true, predicate: ["pepFormContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div *ngIf=\"inline\" class=\"inline-container form-view\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div *ngIf=\"showTopBar\" class=\"inline-top-bar-container\">\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"formTemplate\"></ng-container>\n</div>\n\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\n    <ng-container *ngIf=\"showTopBar\" pep-top-area>\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </ng-container>\n    <div pep-main-area class=\"main-area-container form-view\">\n        <ng-container *ngTemplateOutlet=\"formTemplate\"></ng-container>\n    </div>\n</pep-page-layout>\n\n<ng-template #topBarTemplate>\n    <pep-top-bar [inline]=\"inline\"> \n        <div header-start-content>\n            <ng-content select=\"[left-buttons]\"></ng-content>\n        </div>\n        <div header-end-content>\n            <ng-content select=\"[right-buttons]\"></ng-content>\n        </div>\n\n        <!-- <div footer-start-content>\n            <ng-content select=\"[bottom-left-buttons]\"></ng-content>\n        </div>\n        <div footer-end-content>\n            <ng-content select=\"[bottom-right-buttons]\"></ng-content>\n        </div> -->\n    </pep-top-bar>\n</ng-template>\n\n<ng-template #formTemplate>\n    <ng-container #pepFormContainer></ng-container>\n</ng-template>\n", styles: [":host{height:inherit;display:block}.main-area-container{display:grid;height:inherit}.inline-container{height:inherit;display:grid;grid-template-rows:auto 1fr}.inline-container.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}\n"], components: [{ type: i3.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { type: i4.PepTopBarComponent, selector: "pep-top-bar", inputs: ["inline", "title"], outputs: ["footerStateChange"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GenericFormComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pep-generic-form',
-                    templateUrl: './generic-form.component.html',
-                    styleUrls: ['./generic-form.component.scss'],
-                    providers: [PepGenericFormService]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i1.PepLayoutService }, { type: PepGenericFormService }]; }, propDecorators: { pepListContainer: [{
-                type: ViewChild,
-                args: ['pepFormContainer', { read: ViewContainerRef }]
-            }], dataSource: [{
-                type: Input
-            }], dataView: [{
-                type: Input
-            }], isLocked: [{
-                type: Input
-            }], inline: [{
-                type: Input
-            }], showTopBar: [{
-                type: Input
-            }], addPadding: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], fieldClick: [{
-                type: Output
-            }], formValidationChange: [{
-                type: Output
+class GenericFormComponent {
+    constructor(_resolver, layoutService, _genericFormService) {
+        this._resolver = _resolver;
+        this.layoutService = layoutService;
+        this._genericFormService = _genericFormService;
+        this._optionalValues = [];
+        this.isLocked = false;
+        this.inline = false;
+        this.showTopBar = false;
+        this.addPadding = false;
+        this.valueChange = new EventEmitter();
+        this.fieldClick = new EventEmitter();
+        this.formValidationChange = new EventEmitter();
+        this.layoutService.onResize$.pipe().subscribe((size) => {
+            //            
+        });
+        this._formData = new ObjectsDataRow();
+        this._uiControl = new UIControl();
+    }
+    set pepListContainer(val) {
+        this._pepFormContainer = val;
+    }
+    set dataSource(val) {
+        this._data = val;
+    }
+    set dataView(val) {
+        this.initForm(val);
+    }
+    ngOnInit() {
+        //
+    }
+    initForm(dataView) {
+        setTimeout(() => {
+            var _a, _b;
+            if (this._pepFormContainer) {
+                if (this._pepFormContainer.length) {
+                    this._pepFormContainer.remove();
+                    this._formData = new ObjectsDataRow();
+                    this._uiControl = new UIControl();
+                }
+                const factory = this._resolver.resolveComponentFactory(PepFormComponent);
+                const componentRef = this._pepFormContainer.createComponent(factory);
+                this._pepForm = componentRef.instance;
+                this._formData.IsEditable = !this.isLocked;
+                this._formData.UID = dataView.UID || PepGuid.newGuid();
+                const uiControlData = DataViewConverter.toUIControlData(dataView);
+                if (uiControlData) {
+                    if (uiControlData === null || uiControlData === void 0 ? void 0 : uiControlData.ControlFields) {
+                        (_a = dataView.Fields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {
+                            var _a;
+                            if ((_a = field.OptionalValues) === null || _a === void 0 ? void 0 : _a.length) {
+                                this._optionalValues.push({
+                                    fieldId: field.FieldID,
+                                    optionalValues: field.OptionalValues
+                                });
+                            }
+                        });
+                        this._uiControl.ControlFields = uiControlData.ControlFields.map((field) => this._genericFormService.convertToUiControlField(field));
+                    }
+                    this._uiControl.Columns = uiControlData.Columns;
+                    if ((_b = this._uiControl.ControlFields) === null || _b === void 0 ? void 0 : _b.length) {
+                        this._formData.Fields = [];
+                        this._uiControl.ControlFields.forEach((item) => {
+                            let value = '';
+                            if (this._genericFormService.hasProperty(this._data, item.ApiName)) {
+                                value = this._data[item.ApiName];
+                            }
+                            this._formData.Fields.push(this._genericFormService.createFormField(item, value, this.getOptionalValues(item.ApiName)));
+                        });
+                        componentRef.instance.layoutType = 'form';
+                        componentRef.instance.layout = this._uiControl;
+                        componentRef.instance.data = this._formData;
+                        componentRef.instance.isInternal = false;
+                        componentRef.instance.lockFields = this.isLocked;
+                        componentRef.instance.valueChange.subscribe(($event) => {
+                            this.onValueChanged($event);
+                        });
+                        componentRef.instance.fieldClick.subscribe(($event) => {
+                            this.onfieldClicked($event);
+                        });
+                        componentRef.instance.formValidationChange.subscribe(($event) => {
+                            this.onFormValidationChanged($event);
+                        });
+                    }
+                }
+            }
+        }, 0);
+    }
+    /**
+     * updates form field's value
+     * @param field object containing the data of the required update
+     */
+    updateFieldValue(fieldChanged) {
+        this._data[fieldChanged.apiName] = fieldChanged.value;
+    }
+    getOptionalValues(fieldId) {
+        const item = this._optionalValues.find((item) => item.fieldId === fieldId);
+        return (item === null || item === void 0 ? void 0 : item.optionalValues) || [];
+    }
+    getData() {
+        return {
+            UID: this._formData.UID,
+            Values: this._data
+        };
+    }
+    /**
+    * updates form field(s) params
+    * @param fields
+    */
+    updateFields(fields) {
+        fields.forEach((field) => {
+            const index = this._formData.Fields.findIndex((item) => item.ApiName === field.FieldId);
+            if (index >= 0) {
+                for (const [key, value] of Object.entries(field.Params)) {
+                    if (this._genericFormService.hasProperty(this._formData.Fields[index], key)) {
+                        const item = this._formData.Fields[index];
+                        item[key] = value;
+                    }
+                }
+            }
+        });
+        this._pepForm.ReloadForm();
+        this._pepForm.data = this._formData;
+    }
+    onValueChanged(event) {
+        const field = {
+            uid: event.id,
+            apiName: event.key,
+            value: event.value
+        };
+        this.updateFieldValue(field);
+        this.valueChange.emit(field);
+    }
+    onfieldClicked(event) {
+        const field = {
+            uid: event.id,
+            apiName: event.key,
+            value: event.value
+        };
+        this.updateFieldValue(field);
+        this.fieldClick.emit(field);
+    }
+    onFormValidationChanged(event) {
+        this.formValidationChange.emit(event);
+    }
+}
+GenericFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GenericFormComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i1.PepLayoutService }, { token: PepGenericFormService }], target: i0.ɵɵFactoryTarget.Component });
+GenericFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GenericFormComponent, selector: "pep-generic-form", inputs: { dataSource: "dataSource", dataView: "dataView", isLocked: "isLocked", inline: "inline", showTopBar: "showTopBar", addPadding: "addPadding" }, outputs: { valueChange: "valueChange", fieldClick: "fieldClick", formValidationChange: "formValidationChange" }, providers: [PepGenericFormService], viewQueries: [{ propertyName: "pepListContainer", first: true, predicate: ["pepFormContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div *ngIf=\"inline\" class=\"inline-container form-view\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div *ngIf=\"showTopBar\" class=\"inline-top-bar-container\">\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"formTemplate\"></ng-container>\n</div>\n\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\n    <ng-container *ngIf=\"showTopBar\" pep-top-area>\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </ng-container>\n    <div pep-main-area class=\"main-area-container form-view\">\n        <ng-container *ngTemplateOutlet=\"formTemplate\"></ng-container>\n    </div>\n</pep-page-layout>\n\n<ng-template #topBarTemplate>\n    <pep-top-bar [inline]=\"inline\"> \n        <div header-start-content>\n            <ng-content select=\"[left-buttons]\"></ng-content>\n        </div>\n        <div header-end-content>\n            <ng-content select=\"[right-buttons]\"></ng-content>\n        </div>\n\n        <!-- <div footer-start-content>\n            <ng-content select=\"[bottom-left-buttons]\"></ng-content>\n        </div>\n        <div footer-end-content>\n            <ng-content select=\"[bottom-right-buttons]\"></ng-content>\n        </div> -->\n    </pep-top-bar>\n</ng-template>\n\n<ng-template #formTemplate>\n    <ng-container #pepFormContainer></ng-container>\n</ng-template>\n", styles: [":host{height:inherit;display:block}.main-area-container{display:grid;height:inherit}.inline-container{height:inherit;display:grid;grid-template-rows:auto 1fr}.inline-container.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}\n"], components: [{ type: i3.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { type: i4.PepTopBarComponent, selector: "pep-top-bar", inputs: ["inline", "title"], outputs: ["footerStateChange"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GenericFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-generic-form',
+                    templateUrl: './generic-form.component.html',
+                    styleUrls: ['./generic-form.component.scss'],
+                    providers: [PepGenericFormService]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i1.PepLayoutService }, { type: PepGenericFormService }]; }, propDecorators: { pepListContainer: [{
+                type: ViewChild,
+                args: ['pepFormContainer', { read: ViewContainerRef }]
+            }], dataSource: [{
+                type: Input
+            }], dataView: [{
+                type: Input
+            }], isLocked: [{
+                type: Input
+            }], inline: [{
+                type: Input
+            }], showTopBar: [{
+                type: Input
+            }], addPadding: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], fieldClick: [{
+                type: Output
+            }], formValidationChange: [{
+                type: Output
             }] } });
 
-class PepGenericFormModule {
-}
-PepGenericFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepGenericFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormModule, declarations: [GenericFormComponent], imports: [CommonModule,
-        // MatFormFieldModule,
-        //   ReactiveFormsModule,
-        PepNgxLibModule,
-        // PepListModule,
-        PepFormModule,
-        PepMenuModule,
-        PepPageLayoutModule,
-        PepTopBarModule], exports: [GenericFormComponent] });
-PepGenericFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormModule, providers: [
-        PepGenericFormService
-    ], imports: [[
-            CommonModule,
-            // MatFormFieldModule,
-            //   ReactiveFormsModule,
-            PepNgxLibModule,
-            // PepListModule,
-            PepFormModule,
-            PepMenuModule,
-            PepPageLayoutModule,
-            PepTopBarModule,
-            //   PepTextboxModule,
-            //  PepDateModule
-            //   PepSearchModule,
-            //  PepBreadCrumbsModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        GenericFormComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        // MatFormFieldModule,
-                        //   ReactiveFormsModule,
-                        PepNgxLibModule,
-                        // PepListModule,
-                        PepFormModule,
-                        PepMenuModule,
-                        PepPageLayoutModule,
-                        PepTopBarModule,
-                        //   PepTextboxModule,
-                        //  PepDateModule
-                        //   PepSearchModule,
-                        //  PepBreadCrumbsModule
-                    ],
-                    exports: [
-                        GenericFormComponent
-                    ],
-                    providers: [
-                        PepGenericFormService
-                    ]
-                }]
+class PepGenericFormModule {
+}
+PepGenericFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepGenericFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormModule, declarations: [GenericFormComponent], imports: [CommonModule,
+        // MatFormFieldModule,
+        //   ReactiveFormsModule,
+        PepNgxLibModule,
+        // PepListModule,
+        PepFormModule,
+        PepMenuModule,
+        PepPageLayoutModule,
+        PepTopBarModule], exports: [GenericFormComponent] });
+PepGenericFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormModule, providers: [
+        PepGenericFormService
+    ], imports: [[
+            CommonModule,
+            // MatFormFieldModule,
+            //   ReactiveFormsModule,
+            PepNgxLibModule,
+            // PepListModule,
+            PepFormModule,
+            PepMenuModule,
+            PepPageLayoutModule,
+            PepTopBarModule,
+            //   PepTextboxModule,
+            //  PepDateModule
+            //   PepSearchModule,
+            //  PepBreadCrumbsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        GenericFormComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        // MatFormFieldModule,
+                        //   ReactiveFormsModule,
+                        PepNgxLibModule,
+                        // PepListModule,
+                        PepFormModule,
+                        PepMenuModule,
+                        PepPageLayoutModule,
+                        PepTopBarModule,
+                        //   PepTextboxModule,
+                        //  PepDateModule
+                        //   PepSearchModule,
+                        //  PepBreadCrumbsModule
+                    ],
+                    exports: [
+                        GenericFormComponent
+                    ],
+                    providers: [
+                        PepGenericFormService
+                    ]
+                }]
         }] });
 
-/*
-* Public API Surface of ngx-composite-lib/generic-form
+/*
+* Public API Surface of ngx-composite-lib/generic-form
 */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { GenericFormComponent, PepGenericFormModule, PepGenericFormService };