@acorex/components 6.0.1 → 6.0.7

package/fesm2015/acorex-components-dropdown.mjs

@@ -0,0 +1,112 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, ContentChildren, Output, ViewChild, NgModule } from '@angular/core';
+import * as i1 from '@acorex/components/button';
+import { AXButtonItemComponent, AXButtonModule } from '@acorex/components/button';
+import * as i2 from '@acorex/components/popover';
+import { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
+import { AXBaseDropdownMixin } from '@acorex/components/mixin';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { CommonModule } from '@angular/common';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+
+class AXDropdownPanelComponent extends AXBaseDropdownMixin {
+    constructor(elementRef, cdr, _parent) {
+        super(elementRef, cdr);
+        this._parent = _parent;
+        this.onItemClick = new EventEmitter();
+        this._needBorder = false;
+        this._subs = [];
+        this._target = this._parent._getHostElement();
+    }
+    ngAfterContentInit() {
+        this._initContents();
+        this._contentButtons.changes.subscribe(() => {
+            this._initContents();
+        });
+    }
+    _initContents() {
+        this._needBorder = this._contentButtons.length > 0;
+        this._bindEvents();
+        this._bindProps();
+        this._cdr.markForCheck();
+    }
+    _bindEvents() {
+        var _a;
+        (_a = this._contentButtons) === null || _a === void 0 ? void 0 : _a.forEach((b) => {
+            if (!b.onClick.length)
+                b.onClick.subscribe((c) => {
+                    this._handleOnItemClick(c);
+                });
+        });
+    }
+    _bindProps() {
+        var _a;
+        (_a = this._contentButtons) === null || _a === void 0 ? void 0 : _a.forEach((b) => {
+            var _a;
+            //b.look = this.look ?? this.look;
+            b.disabled = (_a = b.disabled) !== null && _a !== void 0 ? _a : this.disabled;
+            //b.toggleable = false;
+        });
+    }
+    onOptionChanged(options) {
+        this._bindProps();
+    }
+    onDestroy() {
+        this._subs.forEach((s) => {
+            s === null || s === void 0 ? void 0 : s.unsubscribe();
+        });
+    }
+    _emitOnItemClickEvent(e, item) {
+        this.onItemClick.emit({
+            component: this,
+            htmlElement: this._getHostElement(),
+            nativeEvent: e.nativeEvent,
+            name: item.name,
+            data: item.data,
+        });
+    }
+    _handleOnItemClick(e) {
+        this.close();
+        this._emitOnItemClickEvent(e, e.component);
+    }
+}
+AXDropdownPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDropdownPanelComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXButtonComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AXDropdownPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onItemClick: "onItemClick" }, host: { classAttribute: "ax-dropdown-panel" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'toggle'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"false\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\" >\r\n        <ng-content select=\"[panel],ax-button-item\">\r\n        </ng-content>\r\n    </div>\r\n</ax-popover>", dependencies: [{ kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDropdownPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-dropdown-panel', inputs: ['isOpen', 'fitParent', 'dropdownWidth', 'position'], outputs: ['onOpened', 'onClosed'], host: { class: 'ax-dropdown-panel' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'toggle'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"false\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\" >\r\n        <ng-content select=\"[panel],ax-button-item\">\r\n        </ng-content>\r\n    </div>\r\n</ax-popover>" }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXButtonComponent, decorators: [{
+                        type: Optional
+                    }] }];
+    }, propDecorators: { _contentButtons: [{
+                type: ContentChildren,
+                args: [AXButtonItemComponent]
+            }], onItemClick: [{
+                type: Output
+            }], popover: [{
+                type: ViewChild,
+                args: [AXPopoverComponent, { static: true }]
+            }] } });
+
+class AXDropdownModule {
+}
+AXDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXDropdownModule, declarations: [AXDropdownPanelComponent], imports: [CommonModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule], exports: [AXDropdownPanelComponent] });
+AXDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDropdownModule, imports: [CommonModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule],
+                    exports: [AXDropdownPanelComponent],
+                    declarations: [AXDropdownPanelComponent],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXDropdownModule, AXDropdownPanelComponent };
+//# sourceMappingURL=acorex-components-dropdown.mjs.map

package/fesm2015/acorex-components-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-dropdown.mjs","sources":["../../../../projects/acorex/components/dropdown/src/dropdown-panel.component.ts","../../../../projects/acorex/components/dropdown/src/dropdown-panel.component.html","../../../../projects/acorex/components/dropdown/src/dropdown.module.ts","../../../../projects/acorex/components/dropdown/acorex-components-dropdown.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ContentChildren,\r\n  QueryList,\r\n  EventEmitter,\r\n  Output,\r\n  ViewChild,\r\n  Optional,\r\n} from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { AXButtonClickEvent, AXClickEvent } from '@acorex/components/common';\r\nimport {\r\n  AXButtonComponent,\r\n  AXButtonItemComponent,\r\n} from '@acorex/components/button';\r\nimport { AXPopoverComponent } from '@acorex/components/popover';\r\nimport { AXBaseDropdownMixin } from '@acorex/components/mixin';\r\n\r\n\r\n@Component({\r\n  selector: 'ax-dropdown-panel',\r\n  templateUrl: './dropdown-panel.component.html',\r\n  inputs: ['isOpen','fitParent', 'dropdownWidth','position'],\r\n  outputs: ['onOpened', 'onClosed'],\r\n  host: { class: 'ax-dropdown-panel' },\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXDropdownPanelComponent extends AXBaseDropdownMixin {\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    @Optional()\r\n    public _parent: AXButtonComponent\r\n  ) {\r\n    super(elementRef, cdr);\r\n    this._target = this._parent._getHostElement();\r\n  }\r\n\r\n  @ContentChildren(AXButtonItemComponent)\r\n  _contentButtons: QueryList<AXButtonItemComponent>;\r\n\r\n  @Output()\r\n  onItemClick: EventEmitter<AXButtonClickEvent> = new EventEmitter<AXButtonClickEvent>();\r\n\r\n  @ViewChild(AXPopoverComponent, { static: true })\r\n  popover: AXPopoverComponent;\r\n\r\n  _needBorder: boolean = false;\r\n  _subs: Subscription[] = [];\r\n  _target: HTMLElement;\r\n\r\n  ngAfterContentInit() {\r\n    this._initContents();\r\n    this._contentButtons.changes.subscribe(() => {\r\n      this._initContents();\r\n    });\r\n  }\r\n\r\n  private _initContents() {\r\n    this._needBorder = this._contentButtons.length > 0;\r\n    this._bindEvents();\r\n    this._bindProps();\r\n    this._cdr.markForCheck();\r\n  }\r\n\r\n  private _bindEvents() {\r\n    this._contentButtons?.forEach((b) => {\r\n      if (!b.onClick.length)\r\n        b.onClick.subscribe((c) => {\r\n          this._handleOnItemClick(c);\r\n        });\r\n    });\r\n  }\r\n\r\n  private _bindProps() {\r\n    this._contentButtons?.forEach((b) => {\r\n      //b.look = this.look ?? this.look;\r\n      b.disabled = b.disabled ?? this.disabled;\r\n      //b.toggleable = false;\r\n    });\r\n  }\r\n\r\n  onOptionChanged(options) {\r\n    this._bindProps();\r\n  }\r\n\r\n  onDestroy(): void {\r\n    this._subs.forEach((s) => {\r\n      s?.unsubscribe();\r\n    });\r\n  }\r\n\r\n  _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void {\r\n    this.onItemClick.emit({\r\n      component: this,\r\n      htmlElement: this._getHostElement(),\r\n      nativeEvent: e.nativeEvent,\r\n      name: item.name,\r\n      data: item.data,\r\n    });\r\n  }\r\n\r\n  private _handleOnItemClick(e: AXClickEvent) {\r\n    this.close();\r\n    this._emitOnItemClickEvent(e, e.component);\r\n  }\r\n}\r\n","<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'toggle'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"false\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\" >\r\n        <ng-content select=\"[panel],ax-button-item\">\r\n        </ng-content>\r\n    </div>\r\n</ax-popover>","import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXPopoverModule } from '@acorex/components/popover';\r\nimport { AXDropdownPanelComponent } from './dropdown-panel.component';\r\n\r\n@NgModule({\r\n    imports: [CommonModule, AXButtonModule, OverlayModule,  AXDecoratorModule, AXPopoverModule],\r\n    exports: [ AXDropdownPanelComponent],\r\n    declarations: [ AXDropdownPanelComponent],\r\n    providers: [],\r\n})\r\nexport class AXDropdownModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/acorex-components-form.mjs

@@ -0,0 +1,449 @@
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, EventEmitter, Output, Input, Optional, Inject, NgModule } from '@angular/core';
+import { AXEvent } from '@acorex/components/common';
+import { AXConfig } from '@acorex/core/config';
+import { AXTranslator } from '@acorex/core/translation';
+import * as i1 from '@acorex/components/toast';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i4 from '@acorex/components/alert';
+import { AXAlertModule } from '@acorex/components/alert';
+import * as i5 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+
+class AXFormFieldComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+}
+AXFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXFormFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXFormFieldComponent, selector: "ax-form-field", host: { classAttribute: "ax-form-field" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-form-field',
+                    template: '<ng-content></ng-content>',
+                    host: { class: 'ax-form-field' },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
+class AXFormHintComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+}
+AXFormHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXFormHintComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXFormHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXFormHintComponent, selector: "ax-form-hint", usesInheritance: true, ngImport: i0, template: ' <p class="ax-text-light-400 ax-text-xs ax-py-1 dark:ax-text-light-300"><ng-content></ng-content></p>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXFormHintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-form-hint',
+                    template: ' <p class="ax-text-light-400 ax-text-xs ax-py-1 dark:ax-text-light-300"><ng-content></ng-content></p>',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
+/**
+*  Contains native event
+* @category Events
+*/
+class AXFormValidationEvent extends AXEvent {
+}
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXFormComponent extends AXBaseComponentMixin {
+    /**
+    *  @ignore
+    */
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.cdr = cdr;
+        this.onValidate = new EventEmitter();
+        this.updateOnChange = new EventEmitter();
+        this._updateOn = 'blur';
+        this._subs = [];
+    }
+    get updateOn() {
+        return this._updateOn;
+    }
+    set updateOn(v) {
+        this._setOption({
+            name: 'updateOn',
+            value: v,
+            afterCallback: (oldValue, newValue) => {
+                this._bindEvents();
+            },
+        });
+    }
+    _getComponenets() {
+        return Array.from(this._getHostElement().querySelectorAll('[ax-form-input="true"]')).map((c) => c.__axContext__);
+    }
+    onViewInit() {
+        this._validateInitValues();
+        this._bindEvents();
+        const config = { attributes: false, childList: true, subtree: true };
+        const callback = (mutationList, observer) => {
+            this._bindEvents();
+        };
+        // Create an observer instance linked to the callback function
+        this._observer = new MutationObserver(callback);
+        this._observer.observe(this._getHostElement(), config);
+    }
+    _bindEvents() {
+        this._clearSubs();
+        const widgets = this._getComponenets();
+        //
+        widgets.forEach(w => {
+            var _a, _b;
+            if (this.updateOn == 'change') {
+                this._subs.push((_a = w.onValueChanged) === null || _a === void 0 ? void 0 : _a.subscribe(v => {
+                    w.validate();
+                }));
+            }
+            else if (this.updateOn == 'blur') {
+                this._subs.push((_b = w.onBlur) === null || _b === void 0 ? void 0 : _b.subscribe(v => {
+                    w.validate();
+                }));
+            }
+        });
+    }
+    _clearSubs() {
+        this._subs.forEach(c => c.unsubscribe());
+        this._subs = [];
+    }
+    _validateInitValues() {
+        this._getComponenets()
+            .filter(c => c['value'])
+            .forEach(c => c.validate());
+    }
+    validate(...args) {
+        const widgets = this._getComponenets();
+        if (widgets.length === 0) {
+            this._emitOnValidateEvent({ result: true });
+            return Promise.resolve({ result: true });
+        }
+        //
+        return new Promise((resolve, reject) => {
+            Promise.all(widgets
+                .filter(c => (args == null || args.length == 0) || args.includes(c.name))
+                .map((c) => c.validate()))
+                .then((rules) => {
+                const failed = rules.filter((c) => !c.result);
+                if (failed.length) {
+                    this._emitOnValidateEvent({
+                        result: false,
+                        items: failed
+                    });
+                    resolve({
+                        result: false,
+                        items: failed
+                    });
+                }
+                else {
+                    this._emitOnValidateEvent({ result: true });
+                    resolve({ result: true });
+                }
+            });
+        });
+    }
+    _emitOnValidateEvent(e) {
+        this.onValidate.emit({
+            component: this,
+            result: e,
+            htmlElement: this._getHostElement(),
+        });
+    }
+    clear() {
+        const widgets = this._getComponenets();
+        widgets.forEach(w => {
+            w.clear();
+        });
+    }
+    onDestroy() {
+        this._observer.disconnect();
+        this._observer = null;
+        this._clearSubs();
+    }
+}
+AXFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXFormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXFormComponent, selector: "ax-form", inputs: { updateOn: "updateOn" }, outputs: { onValidate: "onValidate", updateOnChange: "updateOnChange" }, usesInheritance: true, ngImport: i0, template: '<form  ><ng-content></ng-content></form>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-form',
+                    template: '<form  ><ng-content></ng-content></form>',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { onValidate: [{
+                type: Output
+            }], updateOnChange: [{
+                type: Output
+            }], updateOn: [{
+                type: Input
+            }] } });
+
+class AXValidationRuleComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.rule = 'required';
+        this.showMessage = true;
+        this.enabled = true;
+    }
+    onInit() {
+        this._getHostElement().validate = this.validate.bind(this);
+    }
+    validate(value) {
+        if (this.enabled === false) {
+            return Promise.resolve({ result: true });
+        }
+        if (this.rule == 'custom') {
+            const regRule = AXConfig.get(`form.validation.rules.${this.value}`);
+            if (regRule) {
+                return this._internalValidate(regRule.rule, value, this.message || regRule.message, regRule.value);
+            }
+        }
+        return this._internalValidate(this.rule, value, this.message, this.value);
+    }
+    _internalValidate(type, value, message, ruleValue) {
+        return new Promise((resolve) => {
+            switch (type) {
+                case 'required':
+                    resolve({
+                        message: this.showMessage
+                            ? message || AXTranslator.get('validation.messages.required')
+                            : '',
+                        result: value != null &&
+                            value != '' &&
+                            (!Array.isArray(value) ||
+                                (Array.isArray(value) && value.length > 0)),
+                    });
+                    break;
+                case 'regex':
+                    const ex = new RegExp(ruleValue);
+                    resolve({
+                        message: this.showMessage
+                            ? message || AXTranslator.get('validation.messages.regex')
+                            : '',
+                        result: ex.test(value),
+                    });
+                    break;
+                case 'callback':
+                    if (typeof ruleValue === 'function') {
+                        const res = {};
+                        res.message = this.showMessage ? message : null;
+                        const val = ruleValue({ value, message });
+                        if (val instanceof Promise) {
+                            val
+                                .then((c) => {
+                                res.result = c;
+                            })
+                                .catch((c) => {
+                                res.result = false;
+                            })
+                                .finally(() => {
+                                resolve(res);
+                            });
+                        }
+                        else {
+                            res.result = val;
+                            resolve(res);
+                        }
+                    }
+                    else {
+                        resolve({
+                            message: AXTranslator.get('validation.messages.invalid-rull-fn'),
+                            result: false,
+                        });
+                    }
+                    break;
+                default:
+                    resolve({
+                        message: AXTranslator.get('validation.messages.invalid-rull-name'),
+                        result: false,
+                    });
+            }
+        });
+    }
+}
+AXValidationRuleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXValidationRuleComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXValidationRuleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXValidationRuleComponent, selector: "ax-validation-rule", inputs: { rule: "rule", message: "message", showMessage: "showMessage", value: "value", enabled: "enabled" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXValidationRuleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-validation-rule',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { rule: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], showMessage: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], enabled: [{
+                type: Input
+            }] } });
+
+class AXValidationSummaryComponent extends AXBaseComponentMixin {
+    constructor(_elementRef, _cdr, _tosatService, _parent) {
+        super(_elementRef, _cdr);
+        this._tosatService = _tosatService;
+        this._parent = _parent;
+        this._content = '';
+        this._title = AXTranslator.get('validation.messages.title');
+        this.displayMode = 'toast';
+        this.autoHide = false;
+        //
+        _parent.onValidate.subscribe((c) => {
+            var _a;
+            if (!c.result.result) {
+                this._content = `<ul>${c.result.items.map(c => `<li>${c.message}</li>`).join('')}</ul>`;
+                this._timeOut = this.autoHide ? ((_a = this.timeOut) !== null && _a !== void 0 ? _a : Math.max(c.result.items.length * 1500, 2000)) : 0;
+                //
+                if (this.displayMode == 'toast') {
+                    this._tosatService.show({
+                        color: 'danger',
+                        closeable: true,
+                        timeOut: this._timeOut,
+                        content: this._content,
+                        title: AXTranslator.get('validation.messages.title')
+                    });
+                }
+            }
+            else {
+                this._content = '';
+            }
+            _cdr.markForCheck();
+        });
+    }
+    _handleOnDismissed(e) {
+        this._content = '';
+    }
+}
+AXValidationSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXValidationSummaryComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXToastService }, { token: AXFormComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AXValidationSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXValidationSummaryComponent, selector: "ax-validation-summary", inputs: { displayMode: "displayMode", timeOut: "timeOut", autoHide: "autoHide" }, usesInheritance: true, ngImport: i0, template: `
+      <ax-alert color="danger" look="twotone" *ngIf="displayMode=='alert' && _content" [timeOut]="_timeOut" #a (onDismissed)="_handleOnDismissed($event)">
+        <ax-header>
+          <ax-icon></ax-icon>
+          <ax-title>{{_title}}</ax-title>
+        </ax-header>
+        <ax-content>
+          <div [innerHTML]="_content">
+          </div>
+        </ax-content>
+        <ax-suffix>
+          <ax-button text="Dismiss" (onClick)="a.dismiss()"></ax-button>
+        </ax-suffix>
+      </ax-alert>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: i3.AXDecoratorContentComponent, selector: "ax-content" }, { kind: "component", type: i3.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title", inputs: ["text"] }, { kind: "component", type: i4.AXAlertComponent, selector: "ax-alert", inputs: ["color", "look", "timeOut", "visible"], outputs: ["onDismissed"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXValidationSummaryComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-validation-summary',
+                    template: `
+      <ax-alert color="danger" look="twotone" *ngIf="displayMode=='alert' && _content" [timeOut]="_timeOut" #a (onDismissed)="_handleOnDismissed($event)">
+        <ax-header>
+          <ax-icon></ax-icon>
+          <ax-title>{{_title}}</ax-title>
+        </ax-header>
+        <ax-content>
+          <div [innerHTML]="_content">
+          </div>
+        </ax-content>
+        <ax-suffix>
+          <ax-button text="Dismiss" (onClick)="a.dismiss()"></ax-button>
+        </ax-suffix>
+      </ax-alert>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXToastService }, { type: AXFormComponent, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [AXFormComponent]
+                    }] }];
+    }, propDecorators: { displayMode: [{
+                type: Input
+            }], timeOut: [{
+                type: Input
+            }], autoHide: [{
+                type: Input
+            }] } });
+
+class AXFormModule {
+    constructor() {
+        AXConfig.set({
+            form: {
+                validation: {
+                    rules: {
+                        email: {
+                            rule: 'regex',
+                            value: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+                            message: AXTranslator.get('validation.messages.email'),
+                        },
+                        phone: {
+                            rule: 'regex',
+                            value: /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\s\./0-9]*$/,
+                            message: AXTranslator.get('validation.messages.phone'),
+                        },
+                    },
+                },
+            },
+        });
+    }
+}
+AXFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXFormModule, declarations: [AXFormFieldComponent,
+        AXFormComponent,
+        AXFormHintComponent,
+        AXValidationRuleComponent,
+        AXValidationSummaryComponent], imports: [CommonModule, AXDecoratorModule, AXAlertModule, AXButtonModule], exports: [AXFormFieldComponent,
+        AXFormComponent,
+        AXFormHintComponent,
+        AXValidationRuleComponent,
+        AXValidationSummaryComponent] });
+AXFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXFormModule, imports: [CommonModule, AXDecoratorModule, AXAlertModule, AXButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AXFormFieldComponent,
+                        AXFormComponent,
+                        AXFormHintComponent,
+                        AXValidationRuleComponent,
+                        AXValidationSummaryComponent,
+                    ],
+                    imports: [CommonModule, AXDecoratorModule, AXAlertModule, AXButtonModule],
+                    exports: [
+                        AXFormFieldComponent,
+                        AXFormComponent,
+                        AXFormHintComponent,
+                        AXValidationRuleComponent,
+                        AXValidationSummaryComponent,
+                    ],
+                    providers: [],
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXFormComponent, AXFormFieldComponent, AXFormHintComponent, AXFormModule, AXFormValidationEvent, AXValidationRuleComponent, AXValidationSummaryComponent };
+//# sourceMappingURL=acorex-components-form.mjs.map