@acorex/components 4.1.0 → 4.1.1

package/fesm2020/acorex-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, Injectable, EventEmitter, ContentChildren, Output, Directive, ViewChild, ContentChild, Inject, TemplateRef, ViewEncapsulation, HostListener, NgModule, ChangeDetectionStrategy, Attribute, ViewChildren, ViewContainerRef } from '@angular/core';
+import { ElementRef, Component, Inject, Optional, Input, Injectable, EventEmitter, Output, Directive, ViewChild, ContentChild, TemplateRef, ViewEncapsulation, HostListener, NgModule, ChangeDetectionStrategy, Attribute, ContentChildren, ViewChildren, ViewContainerRef } from '@angular/core';
 import * as i1$1 from '@acorex/core';
 import { AXTranslator, AXHtmlUtil, AXConfig, AXDateTime, AXDateTimeRange, AXCoreModule, AXTranslatorModule, AXObjectUtil, AXScrollModule, setPropByPath, AXColorUtil } from '@acorex/core';
 import * as i1 from '@angular/cdk/overlay';
@@ -45,9 +45,12 @@ class AXValidationRules {
 }
 AXValidationRules.registredRules = [];
 class AXValidationRuleComponent {
-    constructor() {
+    constructor(ref) {
+        this.ref = ref;
         this.type = 'required';
         this.enabled = true;
+        if (ref)
+            ref.nativeElement["__axContext__"] = this;
     }
     validate(value) {
         if (this.enabled === false) {
@@ -107,7 +110,7 @@ class AXValidationRuleComponent {
         });
     }
 }
-AXValidationRuleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AXValidationRuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXValidationRuleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AXValidationRuleComponent, deps: [{ token: ElementRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 AXValidationRuleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: AXValidationRuleComponent, selector: "ax-validation-rule", inputs: { type: "type", message: "message", value: "value", enabled: "enabled" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AXValidationRuleComponent, decorators: [{
             type: Component,
@@ -115,7 +118,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                     selector: 'ax-validation-rule',
                     template: ''
                 }]
-        }], propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { type: [{
                 type: Input
             }], message: [{
                 type: Input
@@ -130,6 +138,7 @@ class AXValidation {
         this.validateOn = 'submit';
     }
     validate(value) {
+        debugger;
         if (!this.rules || this.rules.length === 0) {
             return Promise.resolve({ result: true });
         }
@@ -161,12 +170,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
             type: Injectable
         }] });
 class AXValidationComponent extends AXValidation {
-    constructor() {
-        super(...arguments);
+    constructor(ref) {
+        super();
+        this.ref = ref;
         this.rulesChange = new EventEmitter();
         this.showMessage = true;
+        this._rules = [];
         this.validateOn = null;
     }
+    _getComponenets() {
+        return Array.from(this.ref?.nativeElement.querySelectorAll('ax-validation-rule')).map(c => c["__axContext__"]);
+    }
     get rules() {
         return this._rules;
     }
@@ -178,12 +192,12 @@ class AXValidationComponent extends AXValidation {
     }
     ngAfterContentInit() {
         if (this.rules && this.rules.length === 0) {
-            this.rules.push(...this.contentItems.toArray());
+            this.rules.push(...this._getComponenets());
         }
     }
 }
-AXValidationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AXValidationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AXValidationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: AXValidationComponent, selector: "ax-validation", inputs: { rules: "rules", validateOn: "validateOn" }, outputs: { rulesChange: "rulesChange", showMessage: "showMessage" }, providers: [{ provide: AXValidation, useExisting: AXValidationComponent }], queries: [{ propertyName: "contentItems", predicate: AXValidationRuleComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+AXValidationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AXValidationComponent, deps: [{ token: ElementRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AXValidationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: AXValidationComponent, selector: "ax-validation", inputs: { rules: "rules", validateOn: "validateOn" }, outputs: { rulesChange: "rulesChange", showMessage: "showMessage" }, providers: [{ provide: AXValidation, useExisting: AXValidationComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AXValidationComponent, decorators: [{
             type: Component,
             args: [{
@@ -191,10 +205,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                     template: '<ng-content></ng-content>',
                     providers: [{ provide: AXValidation, useExisting: AXValidationComponent }]
                 }]
-        }], propDecorators: { contentItems: [{
-                type: ContentChildren,
-                args: [AXValidationRuleComponent]
-            }], rulesChange: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { rulesChange: [{
                 type: Output
             }], showMessage: [{
                 type: Output
@@ -5442,6 +5458,7 @@ class AXFormGroupComponent extends AXBaseComponent {
         this.required = false;
     }
     ngAfterViewInit() {
+        debugger;
         this.required = this.component?.validation?.rules?.some(c => c.type === 'required');
         if (this.required) {
             this.div.nativeElement.classList.add('required-state');