@3kles/kles-material-dynamicforms 1.1.18 → 1.1.19

package/fesm2015/3kles-kles-material-dynamicforms.js

@@ -1,5 +1,5 @@
 import { __decorate, __awaiter } from 'tslib';
-import { EventEmitter, Input, Output, Component, ComponentFactoryResolver, ViewContainerRef, Directive, ViewChild, ViewChildren, NgModule, forwardRef, Pipe, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
+import { EventEmitter, Input, Output, Component, ComponentFactoryResolver, ViewContainerRef, Directive, HostBinding, ViewChild, ViewChildren, NgModule, forwardRef, Pipe, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Validators, FormBuilder, FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { Subject, Observable, of, ReplaySubject } from 'rxjs';
@@ -361,8 +361,9 @@ KlesComponentDirective = __decorate([
     })
 ], KlesComponentDirective);
 
-class KlesFieldAbstract {
-    constructor() {
+let KlesFieldAbstract = class KlesFieldAbstract {
+    constructor(viewRef) {
+        this.viewRef = viewRef;
         this._onDestroy = new Subject();
     }
     ngOnInit() {
@@ -377,10 +378,16 @@ class KlesFieldAbstract {
             }
             // this.applyPipeTransform();
         });
+        if (this.field.directive) {
+            this.directive = new this.field.directive(this.viewRef, this);
+            this.directive.ngOnInit();
+        }
     }
     ngAfterViewInit() {
     }
     ngOnDestroy() {
+        var _a;
+        (_a = this.directive) === null || _a === void 0 ? void 0 : _a.ngOnDestroy();
         this._onDestroy.next();
         this._onDestroy.complete();
     }
@@ -406,7 +413,16 @@ class KlesFieldAbstract {
             }
         }
     }
-}
+};
+KlesFieldAbstract.ctorParameters = () => [
+    { type: ViewContainerRef }
+];
+__decorate([
+    HostBinding('attr.klesDirective')
+], KlesFieldAbstract.prototype, "directive", void 0);
+KlesFieldAbstract = __decorate([
+    Directive()
+], KlesFieldAbstract);
 
 let KlesFormLabelComponent = class KlesFormLabelComponent extends KlesFieldAbstract {
     ngOnInit() {
@@ -548,8 +564,9 @@ KlesFormSubmitButtonComponent = __decorate([
 ], KlesFormSubmitButtonComponent);
 
 let KlesFormSelectComponent = class KlesFormSelectComponent extends KlesFieldAbstract {
-    constructor() {
-        super();
+    constructor(viewRef) {
+        super(viewRef);
+        this.viewRef = viewRef;
         this.compareFn = (o1, o2) => {
             if (this.field.property && o1 && o2) {
                 return o1[this.field.property] === o2[this.field.property];
@@ -578,6 +595,9 @@ let KlesFormSelectComponent = class KlesFormSelectComponent extends KlesFieldAbs
         }
     }
 };
+KlesFormSelectComponent.ctorParameters = () => [
+    { type: ViewContainerRef }
+];
 __decorate([
     ViewChild(CdkVirtualScrollViewport)
 ], KlesFormSelectComponent.prototype, "cdkVirtualScrollViewport", void 0);
@@ -740,9 +760,10 @@ KlesFormCheckboxComponent = __decorate([
 ], KlesFormCheckboxComponent);
 
 let KlesFormListFieldComponent = class KlesFormListFieldComponent extends KlesFieldAbstract {
-    constructor(fb) {
-        super();
+    constructor(fb, viewRef) {
+        super(viewRef);
         this.fb = fb;
+        this.viewRef = viewRef;
     }
     ngOnInit() {
         this.formArray = this.group.controls[this.field.name];
@@ -787,7 +808,8 @@ let KlesFormListFieldComponent = class KlesFormListFieldComponent extends KlesFi
     }
 };
 KlesFormListFieldComponent.ctorParameters = () => [
-    { type: FormBuilder }
+    { type: FormBuilder },
+    { type: ViewContainerRef }
 ];
 KlesFormListFieldComponent = __decorate([
     Component({