@acorex/components 7.0.41 → 7.1.1

package/fesm2022/acorex-components-dropdown.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, ContentChildren, Output, ViewChild, Input, 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';
+import { A11yModule } from '@angular/cdk/a11y';
+import { AXCommonModule } from '@acorex/components/common';
+
+class AXDropdownPanelComponent extends AXBaseDropdownMixin {
+    _parent;
+    constructor(elementRef, cdr, _parent) {
+        super(elementRef, cdr);
+        this._parent = _parent;
+        this._target = this._parent?.getHostElement();
+    }
+    _contentButtons;
+    onItemClick = new EventEmitter();
+    popover = null;
+    _needBorder = false;
+    _subs = [];
+    _target;
+    get target() {
+        return this._target;
+    }
+    set target(v) {
+        this._target = v;
+    }
+    onViewInit() {
+        super.onViewInit();
+        [this.target, this._getHostElement()].forEach(el => {
+            el.addEventListener('keydown', e => {
+                if (e.code == 'Escape' && this.isOpen) {
+                    e.stopPropagation();
+                    this.close();
+                }
+            });
+        });
+    }
+    ngAfterContentInit() {
+        this._initContents();
+        this._contentButtons.changes.subscribe(() => {
+            this._initContents();
+        });
+    }
+    _initContents() {
+        this._needBorder = this._contentButtons.length > 0;
+        this._bindEvents();
+        this._bindProps();
+        this._cdr.markForCheck();
+    }
+    _bindEvents() {
+        this._contentButtons?.forEach(b => {
+            if (!b.onClick.length)
+                b.onClick.subscribe(c => {
+                    this._handleOnItemClick(c);
+                });
+        });
+    }
+    _bindProps() {
+        this._contentButtons?.forEach(b => {
+            //b.look = this.look ?? this.look;
+            b.disabled = b.disabled ?? this.disabled;
+            //b.toggleable = false;
+        });
+    }
+    onOptionChanged(options) {
+        this._bindProps();
+    }
+    onDestroy() {
+        this._subs.forEach(s => {
+            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);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDropdownPanelComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXButtonComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", target: "target" }, 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>", styles: [""], 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: "16.0.0", 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 }]
+            }], target: [{
+                type: Input
+            }] } });
+
+class AXDropdownModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXDropdownModule, declarations: [AXDropdownPanelComponent], imports: [CommonModule, AXCommonModule, A11yModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule], exports: [AXDropdownPanelComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDropdownModule, imports: [CommonModule, AXCommonModule, A11yModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, AXCommonModule, A11yModule, 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/fesm2022/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  Input,\r\n  HostListener,\r\n} from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { AXButtonClickEvent, AXClickEvent } from '@acorex/components/common';\r\nimport { AXButtonComponent, AXButtonItemComponent } from '@acorex/components/button';\r\nimport { AXPopoverComponent } from '@acorex/components/popover';\r\nimport { AXBaseDropdownMixin } from '@acorex/components/mixin';\r\n\r\n@Component({\r\n  selector: 'ax-dropdown-panel',\r\n  templateUrl: './dropdown-panel.component.html',\r\n  styleUrls: ['./dropdown-panel.component.scss'],\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 = null;\r\n\r\n  _needBorder: boolean = false;\r\n  _subs: Subscription[] = [];\r\n\r\n  private _target: HTMLElement;\r\n  @Input()\r\n  public get target(): HTMLElement {\r\n    return this._target;\r\n  }\r\n  public set target(v: HTMLElement) {\r\n    this._target = v;\r\n  }\r\n\r\n  onViewInit(): void {\r\n    super.onViewInit();\r\n    [this.target, this._getHostElement()].forEach(el => {\r\n      el.addEventListener('keydown', e => {\r\n        if (e.code == 'Escape' && this.isOpen) {\r\n          e.stopPropagation();\r\n          this.close();\r\n        }\r\n      });\r\n    });\r\n  }\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\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { AXCommonModule } from '@acorex/components/common';\r\n\r\n@NgModule({\r\n    imports: [CommonModule,AXCommonModule, A11yModule, 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/fesm2022/acorex-components-form.mjs

@@ -0,0 +1,450 @@
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, EventEmitter, Input, Output, 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);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXFormFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXFormFieldComponent, selector: "ax-form-field", host: { classAttribute: "ax-form-field" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".ax-dark ax-form.ax-form-normal .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}.ax-dark ax-form.ax-form-normal .ax-error-message:before,.ax-dark ax-form.ax-form-normal .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-900))}.ax-dark ax-form.ax-form-normal .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-700))}.ax-form-field{position:relative}.ax-form-field ax-form-hint-text{font-size:.875rem;color:rgba(var(--ax-color-text-default));margin-top:.5rem}.ax-form-field .ax-error-message{font-size:.75rem}form.ax-normal-error .ax-error-message{color:rgba(var(--ax-color-danger-500))}form.ax-tooltip-error .ax-error-message{position:absolute;display:block;border:1px solid;background:rgba(var(--ax-color-danger-50));color:rgba(var(--ax-color-danger-500));border-radius:.375rem;border-color:rgba(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.25rem;font-weight:400;width:-moz-fit-content;width:fit-content}form.ax-tooltip-error .ax-error-message:before,form.ax-tooltip-error .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgba(var(--ax-color-danger-50))}form.ax-tooltip-error .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgba(var(--ax-color-danger-200))}form.ax-tooltip-error .ax-error-message:after{border-width:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", 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, styles: [".ax-dark ax-form.ax-form-normal .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}.ax-dark ax-form.ax-form-normal .ax-error-message:before,.ax-dark ax-form.ax-form-normal .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-900))}.ax-dark ax-form.ax-form-normal .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-700))}.ax-form-field{position:relative}.ax-form-field ax-form-hint-text{font-size:.875rem;color:rgba(var(--ax-color-text-default));margin-top:.5rem}.ax-form-field .ax-error-message{font-size:.75rem}form.ax-normal-error .ax-error-message{color:rgba(var(--ax-color-danger-500))}form.ax-tooltip-error .ax-error-message{position:absolute;display:block;border:1px solid;background:rgba(var(--ax-color-danger-50));color:rgba(var(--ax-color-danger-500));border-radius:.375rem;border-color:rgba(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.25rem;font-weight:400;width:-moz-fit-content;width:fit-content}form.ax-tooltip-error .ax-error-message:before,form.ax-tooltip-error .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgba(var(--ax-color-danger-50))}form.ax-tooltip-error .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgba(var(--ax-color-danger-200))}form.ax-tooltip-error .ax-error-message:after{border-width:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
+/**
+ *  Contains native event
+ * @category Events
+ */
+class AXFormValidationEvent extends AXEvent {
+    result;
+}
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXFormComponent extends AXBaseComponentMixin {
+    cdr;
+    validationMessageMode = 'normal';
+    onValidate = new EventEmitter();
+    updateOnChange = new EventEmitter();
+    _updateOn = 'blur';
+    get updateOn() {
+        return this._updateOn;
+    }
+    set updateOn(v) {
+        this._setOption({
+            name: 'updateOn',
+            value: v,
+            afterCallback: (oldValue, newValue) => {
+                this._bindEvents();
+            },
+        });
+    }
+    validateInitValues = false;
+    _observer;
+    _subs = [];
+    /**
+     *  @ignore
+     */
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.cdr = cdr;
+    }
+    _handleSubmit(e) {
+        e.preventDefault();
+        this.validate();
+    }
+    _handleReset(e) {
+        this.clear();
+    }
+    _getComponenets() {
+        return Array.from(this._getHostElement().querySelectorAll('[ax-form-input="true"]')).map(c => c.__axContext__);
+    }
+    onViewInit() {
+        if (this.validateInitValues) {
+            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 => {
+            if (this.updateOn == 'change') {
+                this._subs.push(w.onValueChanged?.subscribe(v => {
+                    w.validate();
+                }));
+            }
+            else if (this.updateOn == 'blur') {
+                this._subs.push(w.onBlur?.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();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXFormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXFormComponent, selector: "ax-form", inputs: { validationMessageMode: "validationMessageMode", updateOn: "updateOn", validateInitValues: "validateInitValues" }, outputs: { onValidate: "onValidate", updateOnChange: "updateOnChange" }, usesInheritance: true, ngImport: i0, template: '<form (submit)="_handleSubmit($event)" (reset)="_handleReset($event)" class="ax-{{validationMessageMode}}-error"><ng-content></ng-content></form>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-form',
+                    template: '<form (submit)="_handleSubmit($event)" (reset)="_handleReset($event)" class="ax-{{validationMessageMode}}-error"><ng-content></ng-content></form>',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { validationMessageMode: [{
+                type: Input
+            }], onValidate: [{
+                type: Output
+            }], updateOnChange: [{
+                type: Output
+            }], updateOn: [{
+                type: Input
+            }], validateInitValues: [{
+                type: Input
+            }] } });
+
+class AXValidationRuleComponent extends AXBaseComponentMixin {
+    rule = 'required';
+    message;
+    showMessage = true;
+    value;
+    enabled = true;
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+    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: !this._isNullOrEmpty(value),
+                    });
+                    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,
+                    });
+            }
+        });
+    }
+    _isNullOrEmpty(value) {
+        return (value === undefined ||
+            value === null ||
+            Number.isNaN(value) ||
+            //(typeof value === 'object' && Object.keys(value).length === 0) ||
+            (Array.isArray(value) && value.length == 0) ||
+            (typeof value === 'string' && value.trim().length === 0));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXValidationRuleComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", 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: "16.0.0", 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 {
+    _tosatService;
+    _parent;
+    _content = '';
+    _title = AXTranslator.get('validation.messages.title');
+    get title() {
+        return this._title;
+    }
+    set title(v) {
+        this._title = v;
+    }
+    displayMode = 'toast';
+    timeOut;
+    autoHide = false;
+    _timeOut;
+    constructor(_elementRef, _cdr, _tosatService, _parent) {
+        super(_elementRef, _cdr);
+        this._tosatService = _tosatService;
+        this._parent = _parent;
+        //
+        _parent.onValidate.subscribe((c) => {
+            if (!c.result.result) {
+                this._content = `<ul>${c.result.items.map(c => `<li>${c.message}</li>`).join('')}</ul>`;
+                this._timeOut = this.autoHide ? (this.timeOut ?? 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: this.title
+                    });
+                }
+            }
+            else {
+                this._content = '';
+            }
+            _cdr.markForCheck();
+        });
+    }
+    _handleOnDismissed(e) {
+        this._content = '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXValidationSummaryComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXToastService }, { token: AXFormComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXValidationSummaryComponent, selector: "ax-validation-summary", inputs: { title: "title", displayMode: "displayMode", timeOut: "timeOut", autoHide: "autoHide" }, usesInheritance: true, ngImport: i0, template: `
+      <ax-alert color="danger" *ngIf="displayMode=='alert' && _content" [timeOut]="_timeOut" #a (onClosed)="_handleOnDismissed($event)">
+          <ax-icon></ax-icon>
+          <ax-title>{{title}}</ax-title>
+        <ax-content>
+          <div [innerHTML]="_content">
+          </div>
+        </ax-content>
+        <ax-footer>
+        <ax-suffix>
+          <ax-button text="Dismiss" (onClick)="a.close()"></ax-button>
+        </ax-suffix>
+        </ax-footer>
+      </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.AXDecoratorFooterComponent, selector: "ax-footer" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i4.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut", "visible"], outputs: ["onClosed"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXValidationSummaryComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-validation-summary',
+                    template: `
+      <ax-alert color="danger" *ngIf="displayMode=='alert' && _content" [timeOut]="_timeOut" #a (onClosed)="_handleOnDismissed($event)">
+          <ax-icon></ax-icon>
+          <ax-title>{{title}}</ax-title>
+        <ax-content>
+          <div [innerHTML]="_content">
+          </div>
+        </ax-content>
+        <ax-footer>
+        <ax-suffix>
+          <ax-button text="Dismiss" (onClick)="a.close()"></ax-button>
+        </ax-suffix>
+        </ax-footer>
+      </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: { title: [{
+                type: Input
+            }], 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'),
+                        },
+                    },
+                },
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXFormModule, declarations: [AXFormFieldComponent,
+            AXFormComponent,
+            AXValidationRuleComponent,
+            AXValidationSummaryComponent], imports: [CommonModule, AXDecoratorModule, AXAlertModule, AXButtonModule], exports: [AXFormFieldComponent,
+            AXFormComponent,
+            AXValidationRuleComponent,
+            AXValidationSummaryComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXFormModule, imports: [CommonModule, AXDecoratorModule, AXAlertModule, AXButtonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AXFormFieldComponent,
+                        AXFormComponent,
+                        AXValidationRuleComponent,
+                        AXValidationSummaryComponent,
+                    ],
+                    imports: [CommonModule, AXDecoratorModule, AXAlertModule, AXButtonModule],
+                    exports: [
+                        AXFormFieldComponent,
+                        AXFormComponent,
+                        AXValidationRuleComponent,
+                        AXValidationSummaryComponent,
+                    ],
+                    providers: [],
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXFormComponent, AXFormFieldComponent, AXFormModule, AXFormValidationEvent, AXValidationRuleComponent, AXValidationSummaryComponent };
+//# sourceMappingURL=acorex-components-form.mjs.map