@pepperi-addons/ngx-lib 0.3.15-loader.26 → 0.3.15-loader.29

package/bundles/pepperi-addons-ngx-lib-form.umd.js

@@ -3223,17 +3223,9 @@
             this.internalFormFieldClick = new core.EventEmitter();
             this.formValueChange = new core.EventEmitter();
             this.formFieldClick = new core.EventEmitter();
+            this.componentMapper = new Map();
+            this.createMap(); //temp - move to singleton service
         }
-        Object.defineProperty(PepDynamicFieldGeneratorComponent.prototype, "controlContainer", {
-            get: function () {
-                return this._controlContainer;
-            },
-            set: function (val) {
-                this._controlContainer = val;
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(PepDynamicFieldGeneratorComponent.prototype, "field", {
             set: function (value) {
                 var _this = this;
@@ -3248,13 +3240,21 @@
         PepDynamicFieldGeneratorComponent.prototype.hasProperty = function (obj, prop) {
             return Object.prototype.hasOwnProperty.call(obj, prop);
         };
+        PepDynamicFieldGeneratorComponent.prototype.createMap = function () {
+            this.componentMapper.set('address', address.PepAddressComponent);
+            this.componentMapper.set('attachment', attachment.PepAttachmentComponent);
+            this.componentMapper.set('checkbox', checkbox.PepCheckboxComponent);
+            this.componentMapper.set('date', date.PepDateComponent);
+            this.componentMapper.set('textbox', textbox.PepTextboxComponent);
+        };
         PepDynamicFieldGeneratorComponent.prototype.createControlDynamically = function () {
-            if (this._controlContainer) {
-                var factory = this.getComponentFactory();
-                // const factory = this._resolver.resolveComponentFactory(PepTextboxComponent);
+            if (this.controlContainer) {
+                //const factory: ComponentFactory<any> = this.getComponentFactory();
+                // const factory = this.componentMapper.get(this._field.controlType);
+                var factory = this._resolver.resolveComponentFactory(textbox.PepTextboxComponent);
                 if (factory) {
-                    var componentRef = this._controlContainer.createComponent(factory);
-                    //const componentRef: ComponentRef<PepTextboxComponent> = this._controlContainer.createComponent(factory);
+                    // const componentRef: ComponentRef<any> = this.controlContainer.createComponent(factory);
+                    var componentRef = this.controlContainer.createComponent(factory);
                     this._containerRef = componentRef.instance;
                     this.setBaseProperties();
                     this.setControlProperties();
@@ -3364,7 +3364,7 @@
     PepDynamicFieldGeneratorComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'pep-dynamic-field-generator',
-                    template: "<!-- <ng-container [formGroup]=\"form\"> -->\n    <ng-container #controlContainer></ng-container>\n<!-- </ng-container> -->",
+                    template: "<!-- <ng-container [formGroup]=\"form\"> -->\n    <div #controlContainer></div>\n<!-- </ng-container> -->",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     styles: [":host{width:100%;height:100%}"]
                 },] }
@@ -3373,7 +3373,7 @@
         { type: core.ComponentFactoryResolver }
     ]; };
     PepDynamicFieldGeneratorComponent.propDecorators = {
-        controlContainer: [{ type: core.ViewChild, args: ['controlContainer', { read: core.ViewContainerRef, static: true },] }],
+        controlContainer: [{ type: core.ViewChild, args: ['controlContainer', { read: core.ViewContainerRef },] }],
         field: [{ type: core.Input }],
         isActive: [{ type: core.Input }],
         uid: [{ type: core.Input }],