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

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

@@ -3233,8 +3233,11 @@
         });
         Object.defineProperty(PepDynamicFieldGeneratorComponent.prototype, "field", {
             set: function (value) {
+                var _this = this;
                 this._field = value;
-                this.createControlDynamically();
+                setTimeout(function () {
+                    _this.createControlDynamically();
+                }, 0);
             },
             enumerable: false,
             configurable: true
@@ -3247,7 +3250,9 @@
                 var factory = this.getComponentFactory();
                 var componentRef = this._controlContainer.createComponent(factory);
                 this._containerRef = componentRef.instance;
-                this.setControlVariables();
+                if (this._resolvedComponent) {
+                    this.setControlVariables();
+                }
                 // this.pepList = componentRef.instance;
             }
             else {
@@ -3257,42 +3262,61 @@
         PepDynamicFieldGeneratorComponent.prototype.getComponentFactory = function () {
             switch (this._field.controlType) {
                 case 'address':
+                    this._resolvedComponent = address.PepAddressComponent;
                     return this._resolver.resolveComponentFactory(address.PepAddressComponent);
                 case 'attachment':
+                    this._resolvedComponent = attachment.PepAttachmentComponent;
                     return this._resolver.resolveComponentFactory(attachment.PepAttachmentComponent);
                 case 'checkbox':
+                    this._resolvedComponent = checkbox.PepCheckboxComponent;
                     return this._resolver.resolveComponentFactory(checkbox.PepCheckboxComponent);
                 case 'date':
+                    this._resolvedComponent = date.PepDateComponent;
                     return this._resolver.resolveComponentFactory(date.PepDateComponent);
                 case 'image':
+                    this._resolvedComponent = image.PepImageComponent;
                     return this._resolver.resolveComponentFactory(image.PepImageComponent);
                 case 'images':
+                    this._resolvedComponent = imagesFilmstrip.PepImagesFilmstripComponent;
                     return this._resolver.resolveComponentFactory(imagesFilmstrip.PepImagesFilmstripComponent);
                 case 'qs':
+                    this._resolvedComponent = quantitySelector.PepQuantitySelectorComponent;
                     return this._resolver.resolveComponentFactory(quantitySelector.PepQuantitySelectorComponent);
                 case 'richhtmltextarea':
+                    this._resolvedComponent = richHtmlTextarea.PepRichHtmlTextareaComponent;
                     return this._resolver.resolveComponentFactory(richHtmlTextarea.PepRichHtmlTextareaComponent);
                 case 'select':
+                    this._resolvedComponent = select.PepSelectComponent;
                     return this._resolver.resolveComponentFactory(select.PepSelectComponent);
                 case 'separator':
+                    this._resolvedComponent = separator.PepSeparatorComponent;
                     return this._resolver.resolveComponentFactory(separator.PepSeparatorComponent);
                 /*case 'signature':
+                    this._resolvedComponent = PepSignatureComponent;
                     return this._resolver.resolveComponentFactory(PepSignatureComponent); */
                 case 'textarea':
+                    this._resolvedComponent = textarea.PepTextareaComponent;
                     return this._resolver.resolveComponentFactory(textarea.PepTextareaComponent);
                 case 'textbox':
+                    this._resolvedComponent = textbox.PepTextboxComponent;
                     return this._resolver.resolveComponentFactory(textbox.PepTextboxComponent);
                 case 'link':
+                    this._resolvedComponent = link.PepLinkComponent;
                     return this._resolver.resolveComponentFactory(link.PepLinkComponent);
                 case 'indicators':
+                    this._resolvedComponent = PepIndicatorsComponent;
                     return this._resolver.resolveComponentFactory(PepIndicatorsComponent);
                 case 'button':
+                    this._resolvedComponent = PepInternalButtonComponent;
                     return this._resolver.resolveComponentFactory(PepInternalButtonComponent);
                 case 'menu':
+                    this._resolvedComponent = PepInternalMenuComponent;
                     return this._resolver.resolveComponentFactory(PepInternalMenuComponent);
                 case 'internalPage':
+                    this._resolvedComponent = PepInternalPageComponent;
                     return this._resolver.resolveComponentFactory(PepInternalPageComponent);
                 case 'internalCarusel':
+                    this._resolvedComponent = PepInternalCaruselComponent;
                     return this._resolver.resolveComponentFactory(PepInternalCaruselComponent);
             }
         };
@@ -3302,7 +3326,7 @@
             debugger;
             Object.entries(this._field).forEach(function (prop) {
                 console.log('prop', prop);
-                if (_this.hasProperty(PepInternalMenuComponent, prop[0])) {
+                if (prop[1] !== undefined && _this.hasProperty(_this._resolvedComponent.propDecorators, prop[0])) {
                     _this._containerRef[prop[0]] = prop[1];
                 }
             });