@pepperi-addons/ngx-lib 0.3.15-loader.15 → 0.3.15-loader.18

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

@@ -3248,11 +3248,18 @@
         PepDynamicFieldGeneratorComponent.prototype.createControlDynamically = function () {
             if (this._controlContainer) {
                 var factory = this.getComponentFactory();
-                var componentRef = this._controlContainer.createComponent(factory);
-                this._containerRef = componentRef.instance;
-                if (this._resolvedComponent) {
-                    this.setControlVariables();
+                if (factory) {
+                    var componentRef = this._controlContainer.createComponent(factory);
+                    this._containerRef = componentRef.instance;
+                    this.setBaseProperties();
+                    this.setControlProperties();
+                    this.setAdditionalProperties();
                 }
+                else {
+                    console.log('no fctory for comp type - ', this._field.controlType);
+                }
+                //if (this._resolvedComponent) {
+                // }
                 // this.pepList = componentRef.instance;
             }
             else {
@@ -3320,17 +3327,33 @@
                     return this._resolver.resolveComponentFactory(PepInternalCaruselComponent);
             }
         };
-        PepDynamicFieldGeneratorComponent.prototype.setControlVariables = function () {
+        PepDynamicFieldGeneratorComponent.prototype.setBaseProperties = function () {
+            switch (this._field.controlType) {
+                case 'textbox':
+                    this._containerRef.form = this.form;
+                    this._containerRef.showTitle = this.showTitle;
+                    this._containerRef.layoutType = this.layoutType;
+                    break;
+            }
+        };
+        PepDynamicFieldGeneratorComponent.prototype.setControlProperties = function () {
             var _this = this;
-            this._containerRef.form = this.form;
-            debugger;
+            // debugger;
+            /*Object.entries(this._field).forEach((prop: [string, any]) => {
+                console.log('prop', prop);
+                if (prop[1] !== undefined && this.hasProperty(this._resolvedComponent.propDecorators, prop[0])) {
+                    this._containerRef[prop[0]] = prop[1];
+                }
+            }) */
             Object.entries(this._field).forEach(function (prop) {
                 console.log('prop', prop);
-                if (prop[1] !== undefined && _this.hasProperty(_this._resolvedComponent.propDecorators, prop[0])) {
+                if (prop[1] !== undefined && _this.hasProperty(_this._containerRef, prop[0])) {
                     _this._containerRef[prop[0]] = prop[1];
                 }
             });
         };
+        PepDynamicFieldGeneratorComponent.prototype.setAdditionalProperties = function () {
+        };
         return PepDynamicFieldGeneratorComponent;
     }());
     PepDynamicFieldGeneratorComponent.decorators = [
@@ -3338,7 +3361,7 @@
                     selector: 'pep-dynamic-field-generator',
                     template: "<ng-container [formGroup]=\"form\">\n    <ng-container #controlContainer></ng-container>\n</ng-container>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [""]
+                    styles: [":host{width:100%;height:100%}"]
                 },] }
     ];
     PepDynamicFieldGeneratorComponent.ctorParameters = function () { return [