@acorex/components 16.0.2 → 17.0.1

package/esm2022/dropdown-button/lib/dropdown-button.component.mjs

@@ -0,0 +1,97 @@
+import { AXClosbaleComponent, MXButtonBaseComponent, } from '@acorex/components/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/decorators";
+import * as i3 from "@acorex/components/common";
+import * as i4 from "@acorex/components/dropdown";
+// import { AXButtonType } from './button-item.class';
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export class AXDropdownButtonComponent extends MXButtonBaseComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         *  Fires each time the user clicks the button.
+         *  @event
+         */
+        this.onClick = new EventEmitter();
+        this.type = 'button';
+        this.mode = 'split';
+    }
+    ngAfterViewInit() {
+        this.getHostElement().removeAttribute('tabindex');
+    }
+    getButton() {
+        return this.getHostElement().firstElementChild;
+    }
+    _handleClick(e) {
+        if (this.disabled) {
+            e.preventDefault();
+            return;
+        }
+        this.onClick.emit({
+            component: this,
+            htmlElement: this.getHostElement(),
+            nativeEvent: e,
+        });
+        // TODO: check keyboard event
+        setTimeout(() => {
+            this.blur();
+        });
+    }
+    click() {
+        this.getButton()?.click();
+    }
+    // @HostBinding('class')
+    // private get __hostClass(): string[] {
+    //   return Object.entries(this.cssClasses)
+    //     .filter((c) => c[1])
+    //     .map((c) => c[0]);
+    // }
+    focus() {
+        this.getButton()?.focus();
+        this.getButton().classList.add('ax-state-focus');
+    }
+    blur() {
+        this.getButton().classList.remove('ax-state-focus');
+    }
+    close() {
+        this.dropdownPanel.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDropdownButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex", color: "color", look: "look", text: "text", type: "type", mode: "mode" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange" }, providers: [
+            {
+                provide: AXClosbaleComponent,
+                useExisting: AXDropdownButtonComponent,
+            },
+        ], viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dropdown>\n  <ax-dropdown-panel #panel>\n    <ng-content></ng-content>\n  </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n  <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode == 'dropdown') {\n  <button\n    class=\"ax-dropdown-button ax-el-interactive ax-el-{{ color }}-{{ look }} ax-relative\"\n    [axRipple]\n    [disabled]=\"disabled\"\n    [attr.tabindex]=\"tabIndex\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    (click)=\"_handleClick($event)\"\n    [attr.type]=\"type\"\n  >\n    <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n    @if (text) {\n      <span class=\"ax-button-text\">{{ text }}</span>\n    }\n    <ax-icon class=\"far fa-chevron-down ax-ms-3\"> </ax-icon>\n    <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n  </button>\n} @else {\n  <button\n    class=\"ax-dropdown-split-button ax-el-interactive ax-el-{{ color }}-{{ look }} ax-relative\"\n    [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n    [disabled]=\"disabled\"\n    [axRipple]\n    [attr.tabindex]=\"tabIndex\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    (click)=\"_handleClick($event)\"\n    [attr.type]=\"type\"\n  >\n    <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n    @if (text) {\n      <span class=\"ax-button-text\">{{ text }}</span>\n    }\n  </button>\n  <button\n    [axRipple]\n    class=\"ax-dropdown-button-marker ax-el-interactive ax-el-{{ color }}-{{ look }} ax-relative\"\n    [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n  >\n    <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n    <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n  </button>\n}\n", styles: ["ax-dropdown-button{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-weight:500}ax-dropdown-button>button{height:100%;outline-color:transparent}ax-dropdown-button>button.ax-state-focus:focus,ax-dropdown-button>button:focus-visible{outline-offset:2px;outline-width:2px;outline-color:#000}ax-dropdown-button ax-prefix,ax-dropdown-button ax-loading,ax-dropdown-button ax-loading-spinner{margin-inline-end:.5rem}ax-dropdown-button.ax-xs button{font-size:.75rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem}ax-dropdown-button.ax-sm button{padding-left:.5rem;padding-right:.5rem}ax-dropdown-button.ax-sm button,ax-dropdown-button.ax-md button{font-size:.875rem;line-height:1.25rem}ax-dropdown-button.ax-lg .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-lg button{font-size:1rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem}ax-dropdown-button.ax-xl .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-xl button{font-size:1.125rem;line-height:1.75rem;padding-left:2rem;padding-right:2rem}ax-dropdown-button.ax-xl button.ax-button-icon{font-size:1.5rem}ax-dropdown-button.ax-xs.ax-button-icon,ax-dropdown-button.ax-sm.ax-button-icon{font-size:1rem}ax-dropdown-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}ax-dropdown-button button.ax-state-disabled,ax-dropdown-button button.ax-state-loading{opacity:.5;cursor:not-allowed}ax-dropdown-button .ax-dropdown-split-button{display:flex;flex:1;justify-content:center;align-items:center;border-inline-end:0!important;padding:0rem .75rem;border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-button{display:flex;flex:1;justify-content:center;align-items:center;padding:0rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-button-marker{border-inline-start:1px solid;padding:0rem .75rem;border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-dropdown-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "directive", type: i3.AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDropdownButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-dropdown-button', inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text'], outputs: [
+                        'onBlur',
+                        'onFocus',
+                        'onClick',
+                        'selectedChange',
+                        'lookChange',
+                        'colorChange',
+                        'disabledChange',
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: AXClosbaleComponent,
+                            useExisting: AXDropdownButtonComponent,
+                        },
+                    ], template: "<ng-template #dropdown>\n  <ax-dropdown-panel #panel>\n    <ng-content></ng-content>\n  </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n  <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode == 'dropdown') {\n  <button\n    class=\"ax-dropdown-button ax-el-interactive ax-el-{{ color }}-{{ look }} ax-relative\"\n    [axRipple]\n    [disabled]=\"disabled\"\n    [attr.tabindex]=\"tabIndex\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    (click)=\"_handleClick($event)\"\n    [attr.type]=\"type\"\n  >\n    <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n    @if (text) {\n      <span class=\"ax-button-text\">{{ text }}</span>\n    }\n    <ax-icon class=\"far fa-chevron-down ax-ms-3\"> </ax-icon>\n    <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n  </button>\n} @else {\n  <button\n    class=\"ax-dropdown-split-button ax-el-interactive ax-el-{{ color }}-{{ look }} ax-relative\"\n    [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n    [disabled]=\"disabled\"\n    [axRipple]\n    [attr.tabindex]=\"tabIndex\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    (click)=\"_handleClick($event)\"\n    [attr.type]=\"type\"\n  >\n    <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n    @if (text) {\n      <span class=\"ax-button-text\">{{ text }}</span>\n    }\n  </button>\n  <button\n    [axRipple]\n    class=\"ax-dropdown-button-marker ax-el-interactive ax-el-{{ color }}-{{ look }} ax-relative\"\n    [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n  >\n    <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n    <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n  </button>\n}\n", styles: ["ax-dropdown-button{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-weight:500}ax-dropdown-button>button{height:100%;outline-color:transparent}ax-dropdown-button>button.ax-state-focus:focus,ax-dropdown-button>button:focus-visible{outline-offset:2px;outline-width:2px;outline-color:#000}ax-dropdown-button ax-prefix,ax-dropdown-button ax-loading,ax-dropdown-button ax-loading-spinner{margin-inline-end:.5rem}ax-dropdown-button.ax-xs button{font-size:.75rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem}ax-dropdown-button.ax-sm button{padding-left:.5rem;padding-right:.5rem}ax-dropdown-button.ax-sm button,ax-dropdown-button.ax-md button{font-size:.875rem;line-height:1.25rem}ax-dropdown-button.ax-lg .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-lg button{font-size:1rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem}ax-dropdown-button.ax-xl .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-xl button{font-size:1.125rem;line-height:1.75rem;padding-left:2rem;padding-right:2rem}ax-dropdown-button.ax-xl button.ax-button-icon{font-size:1.5rem}ax-dropdown-button.ax-xs.ax-button-icon,ax-dropdown-button.ax-sm.ax-button-icon{font-size:1rem}ax-dropdown-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}ax-dropdown-button button.ax-state-disabled,ax-dropdown-button button.ax-state-loading{opacity:.5;cursor:not-allowed}ax-dropdown-button .ax-dropdown-split-button{display:flex;flex:1;justify-content:center;align-items:center;border-inline-end:0!important;padding:0rem .75rem;border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-button{display:flex;flex:1;justify-content:center;align-items:center;padding:0rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-button-marker{border-inline-start:1px solid;padding:0rem .75rem;border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-dropdown-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
+        }], propDecorators: { dropdownPanel: [{
+                type: ViewChild,
+                args: ['panel']
+            }], type: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kcm9wZG93bi1idXR0b24vc3JjL2xpYi9kcm9wZG93bi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2Ryb3Bkb3duLWJ1dHRvbi9zcmMvbGliL2Ryb3Bkb3duLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBRUwsbUJBQW1CLEVBQ25CLHFCQUFxQixHQUN0QixNQUFNLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBQ3ZCLHNEQUFzRDtBQUV0RDs7OztHQUlHO0FBOEJILE1BQU0sT0FBTyx5QkFDWCxTQUFRLHFCQUFxQjtJQTlCL0I7O1FBaUNFOzs7V0FHRztRQUNILFlBQU8sR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFLdkUsU0FBSSxHQUFpQixRQUFRLENBQUM7UUFFckIsU0FBSSxHQUF5QixPQUFPLENBQUM7S0FpRC9DO0lBL0NDLGVBQWU7UUFDYixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFTyxTQUFTO1FBQ2YsT0FBTyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsaUJBQXNDLENBQUM7SUFDdEUsQ0FBQztJQUVELFlBQVksQ0FBQyxDQUFhO1FBQ3hCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNuQixPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1lBQ2hCLFNBQVMsRUFBRSxJQUFJO1lBQ2YsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLENBQUM7U0FDZixDQUFDLENBQUM7UUFFSCw2QkFBNkI7UUFDN0IsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNkLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELHdCQUF3QjtJQUN4Qix3Q0FBd0M7SUFDeEMsMkNBQTJDO0lBQzNDLDJCQUEyQjtJQUMzQix5QkFBeUI7SUFDekIsSUFBSTtJQUVLLEtBQUs7UUFDWixJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBQ1EsSUFBSTtRQUNYLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzdCLENBQUM7OEdBL0RVLHlCQUF5QjtrR0FBekIseUJBQXlCLDRYQVB6QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxtQkFBbUI7Z0JBQzVCLFdBQVcsRUFBRSx5QkFBeUI7YUFDdkM7U0FDRix5SkNqREgsNHdEQXVEQTs7MkZESmEseUJBQXlCO2tCQTdCckMsU0FBUzsrQkFDRSxvQkFBb0IsVUFHdEIsQ0FBQyxVQUFVLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBQyxXQUN4RDt3QkFDUCxRQUFRO3dCQUNSLFNBQVM7d0JBQ1QsU0FBUzt3QkFDVCxnQkFBZ0I7d0JBQ2hCLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixnQkFBZ0I7cUJBQ2pCLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBTzFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxtQkFBbUI7NEJBQzVCLFdBQVcsMkJBQTJCO3lCQUN2QztxQkFDRjs4QkFZbUIsYUFBYTtzQkFBaEMsU0FBUzt1QkFBQyxPQUFPO2dCQUdsQixJQUFJO3NCQURILEtBQUs7Z0JBR0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCdXR0b25UeXBlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1xuICBBWENsaWNrRXZlbnQsXG4gIEFYQ2xvc2JhbGVDb21wb25lbnQsXG4gIE1YQnV0dG9uQmFzZUNvbXBvbmVudCxcbn0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbi8vIGltcG9ydCB7IEFYQnV0dG9uVHlwZSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY2xhc3MnO1xuXG4vKipcbiAqIFRoZSBCdXR0b24gaXMgYSBjb21wb25lbnQgd2hpY2ggZGV0ZWN0cyB1c2VyIGludGVyYWN0aW9uIGFuZCB0cmlnZ2VycyBhIGNvcnJlc3BvbmRpbmcgZXZlbnRcbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1kcm9wZG93bi1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICdzaXplJywgJ3RhYkluZGV4JywgJ2NvbG9yJywgJ2xvb2snLCAndGV4dCddLFxuICBvdXRwdXRzOiBbXG4gICAgJ29uQmx1cicsXG4gICAgJ29uRm9jdXMnLFxuICAgICdvbkNsaWNrJyxcbiAgICAnc2VsZWN0ZWRDaGFuZ2UnLFxuICAgICdsb29rQ2hhbmdlJyxcbiAgICAnY29sb3JDaGFuZ2UnLFxuICAgICdkaXNhYmxlZENoYW5nZScsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAvLyBwcm92aWRlcnM6IFtcbiAgLy8gICB7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhEcm9wZG93bkJ1dHRvbkNvbXBvbmVudCB9LFxuICAvLyAgIHsgcHJvdmlkZTogQVhCdXR0b25JdGVtQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhEcm9wZG93bkJ1dHRvbkNvbXBvbmVudCB9LFxuICAvLyAgIHsgcHJvdmlkZTogQVhGb2N1c2FibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWERyb3Bkb3duQnV0dG9uQ29tcG9uZW50IH0sXG4gIC8vIF0sXG5cbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQVhDbG9zYmFsZUNvbXBvbmVudCxcbiAgICAgIHVzZUV4aXN0aW5nOiBBWERyb3Bkb3duQnV0dG9uQ29tcG9uZW50LFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYRHJvcGRvd25CdXR0b25Db21wb25lbnRcbiAgZXh0ZW5kcyBNWEJ1dHRvbkJhc2VDb21wb25lbnRcbiAgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0XG57XG4gIC8qKlxuICAgKiAgRmlyZXMgZWFjaCB0aW1lIHRoZSB1c2VyIGNsaWNrcyB0aGUgYnV0dG9uLlxuICAgKiAgQGV2ZW50XG4gICAqL1xuICBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PigpO1xuXG4gIEBWaWV3Q2hpbGQoJ3BhbmVsJykgZHJvcGRvd25QYW5lbDogQVhDbG9zYmFsZUNvbXBvbmVudDtcblxuICBASW5wdXQoKVxuICB0eXBlOiBBWEJ1dHRvblR5cGUgPSAnYnV0dG9uJztcblxuICBASW5wdXQoKSBtb2RlOiAnc3BsaXQnIHwgJ2Ryb3Bkb3duJyA9ICdzcGxpdCc7XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZ2V0SG9zdEVsZW1lbnQoKS5yZW1vdmVBdHRyaWJ1dGUoJ3RhYmluZGV4Jyk7XG4gIH1cblxuICBwcml2YXRlIGdldEJ1dHRvbigpOiBIVE1MQnV0dG9uRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZ2V0SG9zdEVsZW1lbnQoKS5maXJzdEVsZW1lbnRDaGlsZCBhcyBIVE1MQnV0dG9uRWxlbWVudDtcbiAgfVxuXG4gIF9oYW5kbGVDbGljayhlOiBNb3VzZUV2ZW50KSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKSxcbiAgICAgIG5hdGl2ZUV2ZW50OiBlLFxuICAgIH0pO1xuXG4gICAgLy8gVE9ETzogY2hlY2sga2V5Ym9hcmQgZXZlbnRcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuYmx1cigpO1xuICAgIH0pO1xuICB9XG5cbiAgY2xpY2soKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKT8uY2xpY2soKTtcbiAgfVxuXG4gIC8vIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAvLyBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmdbXSB7XG4gIC8vICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKHRoaXMuY3NzQ2xhc3NlcylcbiAgLy8gICAgIC5maWx0ZXIoKGMpID0+IGNbMV0pXG4gIC8vICAgICAubWFwKChjKSA9PiBjWzBdKTtcbiAgLy8gfVxuXG4gIG92ZXJyaWRlIGZvY3VzKCkge1xuICAgIHRoaXMuZ2V0QnV0dG9uKCk/LmZvY3VzKCk7XG4gICAgdGhpcy5nZXRCdXR0b24oKS5jbGFzc0xpc3QuYWRkKCdheC1zdGF0ZS1mb2N1cycpO1xuICB9XG4gIG92ZXJyaWRlIGJsdXIoKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKS5jbGFzc0xpc3QucmVtb3ZlKCdheC1zdGF0ZS1mb2N1cycpO1xuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5kcm9wZG93blBhbmVsLmNsb3NlKCk7XG4gIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSAjZHJvcGRvd24+XG4gIDxheC1kcm9wZG93bi1wYW5lbCAjcGFuZWw+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2F4LWRyb3Bkb3duLXBhbmVsPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjZGVjb3JhdG9yPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXgsIGF4LWxvYWRpbmcsIGF4LWxvYWRpbmctc3Bpbm5lclwiPiA8L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG5AaWYgKG1vZGUgPT0gJ2Ryb3Bkb3duJykge1xuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJheC1kcm9wZG93bi1idXR0b24gYXgtZWwtaW50ZXJhY3RpdmUgYXgtZWwte3sgY29sb3IgfX0te3sgbG9vayB9fSBheC1yZWxhdGl2ZVwiXG4gICAgW2F4UmlwcGxlXVxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgW2F0dHIudGFiaW5kZXhdPVwidGFiSW5kZXhcIlxuICAgIChmb2N1cyk9XCJlbWl0T25Gb2N1c0V2ZW50KCRldmVudClcIlxuICAgIChibHVyKT1cImVtaXRPbkJsdXJFdmVudCgkZXZlbnQpXCJcbiAgICAoY2xpY2spPVwiX2hhbmRsZUNsaWNrKCRldmVudClcIlxuICAgIFthdHRyLnR5cGVdPVwidHlwZVwiXG4gID5cbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRlY29yYXRvclwiPjwvbmctY29udGFpbmVyPlxuXG4gICAgQGlmICh0ZXh0KSB7XG4gICAgICA8c3BhbiBjbGFzcz1cImF4LWJ1dHRvbi10ZXh0XCI+e3sgdGV4dCB9fTwvc3Bhbj5cbiAgICB9XG4gICAgPGF4LWljb24gY2xhc3M9XCJmYXIgZmEtY2hldnJvbi1kb3duIGF4LW1zLTNcIj4gPC9heC1pY29uPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiZHJvcGRvd25cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9idXR0b24+XG59IEBlbHNlIHtcbiAgPGJ1dHRvblxuICAgIGNsYXNzPVwiYXgtZHJvcGRvd24tc3BsaXQtYnV0dG9uIGF4LWVsLWludGVyYWN0aXZlIGF4LWVsLXt7IGNvbG9yIH19LXt7IGxvb2sgfX0gYXgtcmVsYXRpdmVcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ2F4LXN0YXRlLWRpc2FibGVkJzogZGlzYWJsZWQgfVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbYXhSaXBwbGVdXG4gICAgW2F0dHIudGFiaW5kZXhdPVwidGFiSW5kZXhcIlxuICAgIChmb2N1cyk9XCJlbWl0T25Gb2N1c0V2ZW50KCRldmVudClcIlxuICAgIChibHVyKT1cImVtaXRPbkJsdXJFdmVudCgkZXZlbnQpXCJcbiAgICAoY2xpY2spPVwiX2hhbmRsZUNsaWNrKCRldmVudClcIlxuICAgIFthdHRyLnR5cGVdPVwidHlwZVwiXG4gID5cbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRlY29yYXRvclwiPjwvbmctY29udGFpbmVyPlxuXG4gICAgQGlmICh0ZXh0KSB7XG4gICAgICA8c3BhbiBjbGFzcz1cImF4LWJ1dHRvbi10ZXh0XCI+e3sgdGV4dCB9fTwvc3Bhbj5cbiAgICB9XG4gIDwvYnV0dG9uPlxuICA8YnV0dG9uXG4gICAgW2F4UmlwcGxlXVxuICAgIGNsYXNzPVwiYXgtZHJvcGRvd24tYnV0dG9uLW1hcmtlciBheC1lbC1pbnRlcmFjdGl2ZSBheC1lbC17eyBjb2xvciB9fS17eyBsb29rIH19IGF4LXJlbGF0aXZlXCJcbiAgICBbbmdDbGFzc109XCJ7ICdheC1zdGF0ZS1kaXNhYmxlZCc6IGRpc2FibGVkIH1cIlxuICA+XG4gICAgPGF4LWljb24gY2xhc3M9XCJmYXIgZmEtY2hldnJvbi1kb3duXCI+IDwvYXgtaWNvbj5cbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRyb3Bkb3duXCI+PC9uZy1jb250YWluZXI+XG4gIDwvYnV0dG9uPlxufVxuIl19

package/esm2022/dropdown-button/lib/dropdown-button.module.mjs

@@ -0,0 +1,45 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXCommonModule, AXRippleDirective } from '@acorex/components/common';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { AXDropdownButtonComponent } from './dropdown-button.component';
+import * as i0 from "@angular/core";
+const COMPONENT = [AXDropdownButtonComponent];
+const MODULES = [
+    CommonModule,
+    AXCommonModule,
+    AXDecoratorModule,
+    AXLoadingModule,
+    AXRippleDirective,
+    AXDropdownModule,
+    AXButtonModule,
+];
+export class AXDropdownButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDropdownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.2", ngImport: i0, type: AXDropdownButtonModule, declarations: [AXDropdownButtonComponent], imports: [CommonModule,
+            AXCommonModule,
+            AXDecoratorModule,
+            AXLoadingModule,
+            AXRippleDirective,
+            AXDropdownModule,
+            AXButtonModule], exports: [AXDropdownButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,
+            AXCommonModule,
+            AXDecoratorModule,
+            AXLoadingModule,
+            AXDropdownModule,
+            AXButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDropdownButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kcm9wZG93bi1idXR0b24vc3JjL2xpYi9kcm9wZG93bi1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQUV4RSxNQUFNLFNBQVMsR0FBRyxDQUFDLHlCQUF5QixDQUFDLENBQUM7QUFDOUMsTUFBTSxPQUFPLEdBQUc7SUFDZCxZQUFZO0lBQ1osY0FBYztJQUNkLGlCQUFpQjtJQUNqQixlQUFlO0lBQ2YsaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQixjQUFjO0NBQ2YsQ0FBQztBQVFGLE1BQU0sT0FBTyxzQkFBc0I7OEdBQXRCLHNCQUFzQjsrR0FBdEIsc0JBQXNCLGlCQWpCaEIseUJBQXlCLGFBRTFDLFlBQVk7WUFDWixjQUFjO1lBQ2QsaUJBQWlCO1lBQ2pCLGVBQWU7WUFDZixpQkFBaUI7WUFDakIsZ0JBQWdCO1lBQ2hCLGNBQWMsYUFSRyx5QkFBeUI7K0dBaUIvQixzQkFBc0IsWUFmakMsWUFBWTtZQUNaLGNBQWM7WUFDZCxpQkFBaUI7WUFDakIsZUFBZTtZQUVmLGdCQUFnQjtZQUNoQixjQUFjOzsyRkFTSCxzQkFBc0I7a0JBTmxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQzVCLE9BQU8sRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDO29CQUNyQixPQUFPLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDdkIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhDb21tb25Nb2R1bGUsIEFYUmlwcGxlRGlyZWN0aXZlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYRHJvcGRvd25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZHJvcGRvd24nO1xuaW1wb3J0IHsgQVhMb2FkaW5nTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2xvYWRpbmcnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWERyb3Bkb3duQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9kcm9wZG93bi1idXR0b24uY29tcG9uZW50JztcblxuY29uc3QgQ09NUE9ORU5UID0gW0FYRHJvcGRvd25CdXR0b25Db21wb25lbnRdO1xuY29uc3QgTU9EVUxFUyA9IFtcbiAgQ29tbW9uTW9kdWxlLFxuICBBWENvbW1vbk1vZHVsZSxcbiAgQVhEZWNvcmF0b3JNb2R1bGUsXG4gIEFYTG9hZGluZ01vZHVsZSxcbiAgQVhSaXBwbGVEaXJlY3RpdmUsXG4gIEFYRHJvcGRvd25Nb2R1bGUsXG4gIEFYQnV0dG9uTW9kdWxlLFxuXTtcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbLi4uQ09NUE9ORU5UXSxcbiAgaW1wb3J0czogWy4uLk1PRFVMRVNdLFxuICBleHBvcnRzOiBbLi4uQ09NUE9ORU5UXSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhEcm9wZG93bkJ1dHRvbk1vZHVsZSB7fVxuIl19

package/esm2022/form/acorex-components-form.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtZm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mb3JtL3NyYy9hY29yZXgtY29tcG9uZW50cy1mb3JtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2022/form/index.mjs

@@ -0,0 +1,7 @@
+export * from './lib/form-field.component';
+export * from './lib/form.component';
+export * from './lib/form.config';
+export * from './lib/form.module';
+export * from './lib/validation-rule.directive';
+export * from './lib/validation-summary.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZm9ybS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsb0NBQW9DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9mb3JtLWZpZWxkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9mb3JtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9mb3JtLmNvbmZpZyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9mb3JtLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92YWxpZGF0aW9uLXJ1bGUuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbGlkYXRpb24tc3VtbWFyeS5jb21wb25lbnQnO1xuIl19

package/esm2022/form/lib/form-field.component.mjs

@@ -0,0 +1,40 @@
+import { AXValuableComponent, MXBaseComponent, } from '@acorex/components/common';
+import { AXLabelComponent } from '@acorex/components/label';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { ChangeDetectionStrategy, Component, ContentChild, ViewEncapsulation, inject, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AXFormFieldComponent extends MXBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.unsubscriber = inject(AXUnsubscriber);
+    }
+    ngAfterContentInit() {
+        this.autoSetRequired();
+        this.input?.validationRulesChange
+            .pipe(this.unsubscriber.takeUntilDestroy)
+            .subscribe(() => {
+            this.autoSetRequired();
+        });
+    }
+    autoSetRequired() {
+        if (this.label && this.input) {
+            if (this.label.required == null || this.label['autoSetRequired']) {
+                this.label.required = this.input.isRequired;
+                this.label['autoSetRequired'] = true;
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXFormFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXFormFieldComponent, selector: "ax-form-field", providers: [AXUnsubscriber], queries: [{ propertyName: "input", first: true, predicate: AXValuableComponent, descendants: true }, { propertyName: "label", first: true, predicate: AXLabelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".ax-dark ax-form.ax-form-normal .ax-error-message{border-color:rgba(var(--ax-color-danger-500));background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.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-500))}.ax-dark ax-form.ax-form-normal .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-form form.ax-float-error .ax-error-message{border-color:rgba(var(--ax-color-danger-700));background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-form form.ax-float-error .ax-error-message:before,.ax-dark ax-form form.ax-float-error .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-700))}.ax-dark ax-form form.ax-float-error .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-700))}ax-form-field{position:relative;display:block;width:100%}ax-form-field .ax-error-message{margin-top:.25rem;margin-bottom:.25rem;display:block;font-size:.75rem;line-height:1rem}ax-form{width:100%}ax-form form.ax-bottom-error .ax-error-message{color:rgba(var(--ax-color-danger-500))}ax-form form.ax-float-error .ax-error-message{position:absolute;bottom:-2.5rem;z-index:10;display:block;width:fit-content;border-radius:.375rem;border-width:1px;border-color:rgba(var(--ax-color-danger-500));background-color:rgba(var(--ax-color-danger-500));padding:.25rem .5rem;font-weight:400;color:rgba(var(--ax-color-danger-fore))}ax-form form.ax-float-error .ax-error-message:before,ax-form form.ax-float-error .ax-error-message:after{pointer-events:none;position:absolute;bottom:100%;inset-inline-start:.75rem;z-index:20;height:0px;width:0px;border-bottom-color:rgba(var(--ax-color-danger-500));border-inline-end-color:transparent;border-inline-start-color:transparent;border-top-color:transparent;content:\"\"}ax-form form.ax-float-error .ax-error-message:before{margin-inline-start:-1px;border-width:4px;border-bottom-color:rgba(var(--ax-color-danger-500))}ax-form form.ax-float-error .ax-error-message:after{border-width:4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-form-field', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [AXUnsubscriber], styles: [".ax-dark ax-form.ax-form-normal .ax-error-message{border-color:rgba(var(--ax-color-danger-500));background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.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-500))}.ax-dark ax-form.ax-form-normal .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-form form.ax-float-error .ax-error-message{border-color:rgba(var(--ax-color-danger-700));background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-form form.ax-float-error .ax-error-message:before,.ax-dark ax-form form.ax-float-error .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-700))}.ax-dark ax-form form.ax-float-error .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-700))}ax-form-field{position:relative;display:block;width:100%}ax-form-field .ax-error-message{margin-top:.25rem;margin-bottom:.25rem;display:block;font-size:.75rem;line-height:1rem}ax-form{width:100%}ax-form form.ax-bottom-error .ax-error-message{color:rgba(var(--ax-color-danger-500))}ax-form form.ax-float-error .ax-error-message{position:absolute;bottom:-2.5rem;z-index:10;display:block;width:fit-content;border-radius:.375rem;border-width:1px;border-color:rgba(var(--ax-color-danger-500));background-color:rgba(var(--ax-color-danger-500));padding:.25rem .5rem;font-weight:400;color:rgba(var(--ax-color-danger-fore))}ax-form form.ax-float-error .ax-error-message:before,ax-form form.ax-float-error .ax-error-message:after{pointer-events:none;position:absolute;bottom:100%;inset-inline-start:.75rem;z-index:20;height:0px;width:0px;border-bottom-color:rgba(var(--ax-color-danger-500));border-inline-end-color:transparent;border-inline-start-color:transparent;border-top-color:transparent;content:\"\"}ax-form form.ax-float-error .ax-error-message:before{margin-inline-start:-1px;border-width:4px;border-bottom-color:rgba(var(--ax-color-danger-500))}ax-form form.ax-float-error .ax-error-message:after{border-width:4px}\n"] }]
+        }], propDecorators: { input: [{
+                type: ContentChild,
+                args: [AXValuableComponent]
+            }], label: [{
+                type: ContentChild,
+                args: [AXLabelComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZm9ybS9zcmMvbGliL2Zvcm0tZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsZUFBZSxHQUNoQixNQUFNLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzVELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBRVosaUJBQWlCLEVBQ2pCLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7QUFVdkIsTUFBTSxPQUFPLG9CQUNYLFNBQVEsZUFBZTtJQVR6Qjs7UUFZVSxpQkFBWSxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztLQXlCL0M7SUFqQkMsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsS0FBSyxFQUFFLHFCQUFxQjthQUM5QixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQzthQUN4QyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLGVBQWU7UUFDckIsSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUM3QixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLGlCQUFpQixDQUFDLEVBQUUsQ0FBQztnQkFDakUsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUM7Z0JBQzVDLElBQUksQ0FBQyxLQUFLLENBQUMsaUJBQWlCLENBQUMsR0FBRyxJQUFJLENBQUM7WUFDdkMsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDOzhHQTVCVSxvQkFBb0I7a0dBQXBCLG9CQUFvQix3Q0FGcEIsQ0FBQyxjQUFjLENBQUMsNkRBUWIsbUJBQW1CLHdFQUduQixnQkFBZ0IsdUVBZnBCLDJCQUEyQjs7MkZBTTFCLG9CQUFvQjtrQkFSaEMsU0FBUzsrQkFDRSxlQUFlLFlBQ2YsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUMsY0FBYyxDQUFDOzhCQVNuQixLQUFLO3NCQURaLFlBQVk7dUJBQUMsbUJBQW1CO2dCQUl6QixLQUFLO3NCQURaLFlBQVk7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQVhWYWx1YWJsZUNvbXBvbmVudCxcbiAgTVhCYXNlQ29tcG9uZW50LFxufSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7IEFYTGFiZWxDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbGFiZWwnO1xuaW1wb3J0IHsgQVhVbnN1YnNjcmliZXIgfSBmcm9tICdAYWNvcmV4L2NvcmUvdXRpbHMnO1xuaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtZm9ybS1maWVsZCcsXG4gIHRlbXBsYXRlOiBgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PmAsXG4gIHN0eWxlVXJsczogWycuL2Zvcm0tZmllbGQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW0FYVW5zdWJzY3JpYmVyXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhGb3JtRmllbGRDb21wb25lbnRcbiAgZXh0ZW5kcyBNWEJhc2VDb21wb25lbnRcbiAgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0XG57XG4gIHByaXZhdGUgdW5zdWJzY3JpYmVyID0gaW5qZWN0KEFYVW5zdWJzY3JpYmVyKTtcblxuICBAQ29udGVudENoaWxkKEFYVmFsdWFibGVDb21wb25lbnQpXG4gIHByaXZhdGUgaW5wdXQ6IEFYVmFsdWFibGVDb21wb25lbnQ7XG5cbiAgQENvbnRlbnRDaGlsZChBWExhYmVsQ29tcG9uZW50KVxuICBwcml2YXRlIGxhYmVsOiBBWExhYmVsQ29tcG9uZW50O1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmF1dG9TZXRSZXF1aXJlZCgpO1xuICAgIHRoaXMuaW5wdXQ/LnZhbGlkYXRpb25SdWxlc0NoYW5nZVxuICAgICAgLnBpcGUodGhpcy51bnN1YnNjcmliZXIudGFrZVVudGlsRGVzdHJveSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLmF1dG9TZXRSZXF1aXJlZCgpO1xuICAgICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGF1dG9TZXRSZXF1aXJlZCgpIHtcbiAgICBpZiAodGhpcy5sYWJlbCAmJiB0aGlzLmlucHV0KSB7XG4gICAgICBpZiAodGhpcy5sYWJlbC5yZXF1aXJlZCA9PSBudWxsIHx8IHRoaXMubGFiZWxbJ2F1dG9TZXRSZXF1aXJlZCddKSB7XG4gICAgICAgIHRoaXMubGFiZWwucmVxdWlyZWQgPSB0aGlzLmlucHV0LmlzUmVxdWlyZWQ7XG4gICAgICAgIHRoaXMubGFiZWxbJ2F1dG9TZXRSZXF1aXJlZCddID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/form/lib/form.component.mjs

@@ -0,0 +1,122 @@
+import { AXEvent, MXBaseComponent } from '@acorex/components/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ *  Contains native event
+ * @category Events
+ */
+export class AXFormValidationEvent extends AXEvent {
+}
+/**
+ * The AXForm is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export class AXFormComponent extends MXBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.messageStyle = 'bottom';
+        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: () => {
+                //this._bindEvents();
+            },
+        });
+    }
+    async _handleSubmit(e) {
+        e.preventDefault();
+        await this.validate();
+    }
+    _handleReset() {
+        this.clear();
+    }
+    ngAfterViewInit() {
+        //this._bindEvents();
+    }
+    // private _bindEvents() {
+    //   this._clearSubs();
+    //   const widgets = this._getComponenets();
+    //   //
+    //   widgets.forEach((w) => {
+    //     if (this.updateOn == 'change') {
+    //       this._subs.push(
+    //         w.onValueChanged?.subscribe((v: AXValueChangedEvent) => {
+    //           if (v.isUserInteraction) 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 = [];
+    }
+    get fields() {
+        return Array.from(this.getHostElement().querySelectorAll('[ax-form-item="true"]'))
+            .map((c) => c.__axContext__)
+            .filter((c) => c != null);
+    }
+    async validate(...names) {
+        const results = await Promise.all(this.fields.filter((c) => names == null || names.length == 0 || names.includes(c.name)).map((field) => field.validate()));
+        // Merge all validation summaries into one
+        const mergedSummary = {
+            result: results.every((res) => res.result),
+            rules: results.flatMap((res) => res.rules),
+        };
+        this._emitOnValidateEvent(mergedSummary);
+        return mergedSummary;
+    }
+    _emitOnValidateEvent(e) {
+        this.onValidate.emit({
+            component: this,
+            result: e,
+            htmlElement: this.getHostElement(),
+        });
+    }
+    clear() {
+        this.fields.forEach((c) => c.clear(false));
+    }
+    ngOnDestroy() {
+        this._clearSubs();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXFormComponent, selector: "ax-form", inputs: { messageStyle: "messageStyle", updateOn: "updateOn" }, outputs: { onValidate: "onValidate", updateOnChange: "updateOnChange" }, usesInheritance: true, ngImport: i0, template: `<form (submit)="_handleSubmit($event)" (reset)="_handleReset()" class="ax-{{ messageStyle }}-error">
+    <ng-content></ng-content>
+  </form>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-form',
+                    template: `<form (submit)="_handleSubmit($event)" (reset)="_handleReset()" class="ax-{{ messageStyle }}-error">
+    <ng-content></ng-content>
+  </form>`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { messageStyle: [{
+                type: Input
+            }], onValidate: [{
+                type: Output
+            }], updateOnChange: [{
+                type: Output
+            }], updateOn: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZm9ybS9zcmMvbGliL2Zvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQXVCLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTFGLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7QUFHdkI7OztHQUdHO0FBQ0gsTUFBTSxPQUFPLHFCQUFzQixTQUFRLE9BQU87Q0FFakQ7QUFTRDs7OztHQUlHO0FBU0gsTUFBTSxPQUFPLGVBQWdCLFNBQVEsZUFBZTtJQVJwRDs7UUFVRSxpQkFBWSxHQUF1QixRQUFRLENBQUM7UUFHNUMsZUFBVSxHQUF3QyxJQUFJLFlBQVksRUFBeUIsQ0FBQztRQUc1RixtQkFBYyxHQUFpQyxJQUFJLFlBQVksRUFBa0IsQ0FBQztRQUUxRSxjQUFTLEdBQW1CLE1BQU0sQ0FBQztRQWVuQyxVQUFLLEdBQW1CLEVBQUUsQ0FBQztLQTJFcEM7SUF6RkMsSUFDVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBVyxRQUFRLENBQUMsQ0FBaUI7UUFDbkMsSUFBSSxDQUFDLFNBQVMsQ0FBQztZQUNiLElBQUksRUFBRSxVQUFVO1lBQ2hCLEtBQUssRUFBRSxDQUFDO1lBQ1IsYUFBYSxFQUFFLEdBQUcsRUFBRTtnQkFDbEIscUJBQXFCO1lBQ3ZCLENBQUM7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDO0lBSVMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFjO1FBQzFDLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUNuQixNQUFNLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRVMsWUFBWTtRQUNwQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0lBRUQsZUFBZTtRQUNiLHFCQUFxQjtJQUN2QixDQUFDO0lBRUQsMEJBQTBCO0lBQzFCLHVCQUF1QjtJQUN2Qiw0Q0FBNEM7SUFDNUMsT0FBTztJQUNQLDZCQUE2QjtJQUM3Qix1Q0FBdUM7SUFDdkMseUJBQXlCO0lBQ3pCLG9FQUFvRTtJQUNwRSxtREFBbUQ7SUFDbkQsY0FBYztJQUNkLFdBQVc7SUFDWCw0Q0FBNEM7SUFDNUMseUJBQXlCO0lBQ3pCLHVDQUF1QztJQUN2QywwQkFBMEI7SUFDMUIsY0FBYztJQUNkLFdBQVc7SUFDWCxRQUFRO0lBQ1IsUUFBUTtJQUNSLElBQUk7SUFFSSxVQUFVO1FBQ2hCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsV0FBVyxFQUFFLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsSUFBWSxNQUFNO1FBQ2hCLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsZ0JBQWdCLENBQUMsdUJBQXVCLENBQUMsQ0FBQzthQUMvRSxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFFLENBQVMsQ0FBQyxhQUFhLENBQUM7YUFDcEMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxLQUFlO1FBQy9CLE1BQU0sT0FBTyxHQUFHLE1BQU0sT0FBTyxDQUFDLEdBQUcsQ0FDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLEtBQUssSUFBSSxJQUFJLElBQUksS0FBSyxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUN6SCxDQUFDO1FBQ0YsMENBQTBDO1FBQzFDLE1BQU0sYUFBYSxHQUF3QjtZQUN6QyxNQUFNLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQztZQUMxQyxLQUFLLEVBQUUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQztTQUMzQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3pDLE9BQU8sYUFBYSxDQUFDO0lBQ3ZCLENBQUM7SUFFTyxvQkFBb0IsQ0FBQyxDQUFzQjtRQUNqRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQztZQUNuQixTQUFTLEVBQUUsSUFBSTtZQUNmLE1BQU0sRUFBRSxDQUFDO1lBQ1QsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7U0FDbkMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7OEdBbkdVLGVBQWU7a0dBQWYsZUFBZSwrTUFOaEI7O1VBRUY7OzJGQUlHLGVBQWU7a0JBUjNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFFBQVEsRUFBRTs7VUFFRjtvQkFDUixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzhCQUdDLFlBQVk7c0JBRFgsS0FBSztnQkFJTixVQUFVO3NCQURULE1BQU07Z0JBSVAsY0FBYztzQkFEYixNQUFNO2dCQUtJLFFBQVE7c0JBRGxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEV2ZW50LCBBWFZhbHVhYmxlQ29tcG9uZW50LCBNWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7IEFYVmFsaWRhdGlvblN1bW1hcnkgfSBmcm9tICdAYWNvcmV4L2NvcmUvdmFsaWRhdGlvbic7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbi8qKlxuICogIENvbnRhaW5zIG5hdGl2ZSBldmVudFxuICogQGNhdGVnb3J5IEV2ZW50c1xuICovXG5leHBvcnQgY2xhc3MgQVhGb3JtVmFsaWRhdGlvbkV2ZW50IGV4dGVuZHMgQVhFdmVudCB7XG4gIHJlc3VsdDogQVhWYWxpZGF0aW9uU3VtbWFyeTtcbn1cblxuLyoqXG4gKiAgQ29udGFpbnMgbmF0aXZlIGV2ZW50XG4gKiBAY2F0ZWdvcnkgRXZlbnRzXG4gKi9cbmV4cG9ydCB0eXBlIEFYRm9ybVVwZGF0ZU9uID0gJ2NoYW5nZScgfCAnYmx1cicgfCAnc3VibWl0JztcbmV4cG9ydCB0eXBlIEFYRm9ybU1lc3NhZ2VTdHlsZSA9ICdib3R0b20nIHwgJ2Zsb2F0JztcblxuLyoqXG4gKiBUaGUgQVhGb3JtIGlzIGEgY29tcG9uZW50IHdoaWNoIGRldGVjdHMgdXNlciBpbnRlcmFjdGlvbiBhbmQgdHJpZ2dlcnMgYSBjb3JyZXNwb25kaW5nIGV2ZW50XG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtZm9ybScsXG4gIHRlbXBsYXRlOiBgPGZvcm0gKHN1Ym1pdCk9XCJfaGFuZGxlU3VibWl0KCRldmVudClcIiAocmVzZXQpPVwiX2hhbmRsZVJlc2V0KClcIiBjbGFzcz1cImF4LXt7IG1lc3NhZ2VTdHlsZSB9fS1lcnJvclwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9mb3JtPmAsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBWEZvcm1Db21wb25lbnQgZXh0ZW5kcyBNWEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKVxuICBtZXNzYWdlU3R5bGU6IEFYRm9ybU1lc3NhZ2VTdHlsZSA9ICdib3R0b20nO1xuXG4gIEBPdXRwdXQoKVxuICBvblZhbGlkYXRlOiBFdmVudEVtaXR0ZXI8QVhGb3JtVmFsaWRhdGlvbkV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhGb3JtVmFsaWRhdGlvbkV2ZW50PigpO1xuXG4gIEBPdXRwdXQoKVxuICB1cGRhdGVPbkNoYW5nZTogRXZlbnRFbWl0dGVyPEFYRm9ybVVwZGF0ZU9uPiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhGb3JtVXBkYXRlT24+KCk7XG5cbiAgcHJpdmF0ZSBfdXBkYXRlT246IEFYRm9ybVVwZGF0ZU9uID0gJ2JsdXInO1xuICBASW5wdXQoKVxuICBwdWJsaWMgZ2V0IHVwZGF0ZU9uKCk6IEFYRm9ybVVwZGF0ZU9uIHtcbiAgICByZXR1cm4gdGhpcy5fdXBkYXRlT247XG4gIH1cbiAgcHVibGljIHNldCB1cGRhdGVPbih2OiBBWEZvcm1VcGRhdGVPbikge1xuICAgIHRoaXMuc2V0T3B0aW9uKHtcbiAgICAgIG5hbWU6ICd1cGRhdGVPbicsXG4gICAgICB2YWx1ZTogdixcbiAgICAgIGFmdGVyQ2FsbGJhY2s6ICgpID0+IHtcbiAgICAgICAgLy90aGlzLl9iaW5kRXZlbnRzKCk7XG4gICAgICB9LFxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBfc3ViczogU3Vic2NyaXB0aW9uW10gPSBbXTtcblxuICBwcm90ZWN0ZWQgYXN5bmMgX2hhbmRsZVN1Ym1pdChlOiBTdWJtaXRFdmVudCkge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBhd2FpdCB0aGlzLnZhbGlkYXRlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgX2hhbmRsZVJlc2V0KCkge1xuICAgIHRoaXMuY2xlYXIoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAvL3RoaXMuX2JpbmRFdmVudHMoKTtcbiAgfVxuXG4gIC8vIHByaXZhdGUgX2JpbmRFdmVudHMoKSB7XG4gIC8vICAgdGhpcy5fY2xlYXJTdWJzKCk7XG4gIC8vICAgY29uc3Qgd2lkZ2V0cyA9IHRoaXMuX2dldENvbXBvbmVuZXRzKCk7XG4gIC8vICAgLy9cbiAgLy8gICB3aWRnZXRzLmZvckVhY2goKHcpID0+IHtcbiAgLy8gICAgIGlmICh0aGlzLnVwZGF0ZU9uID09ICdjaGFuZ2UnKSB7XG4gIC8vICAgICAgIHRoaXMuX3N1YnMucHVzaChcbiAgLy8gICAgICAgICB3Lm9uVmFsdWVDaGFuZ2VkPy5zdWJzY3JpYmUoKHY6IEFYVmFsdWVDaGFuZ2VkRXZlbnQpID0+IHtcbiAgLy8gICAgICAgICAgIGlmICh2LmlzVXNlckludGVyYWN0aW9uKSB3LnZhbGlkYXRlKCk7XG4gIC8vICAgICAgICAgfSksXG4gIC8vICAgICAgICk7XG4gIC8vICAgICB9IGVsc2UgaWYgKHRoaXMudXBkYXRlT24gPT0gJ2JsdXInKSB7XG4gIC8vICAgICAgIHRoaXMuX3N1YnMucHVzaChcbiAgLy8gICAgICAgICB3Lm9uQmx1cj8uc3Vic2NyaWJlKCh2KSA9PiB7XG4gIC8vICAgICAgICAgICB3LnZhbGlkYXRlKCk7XG4gIC8vICAgICAgICAgfSksXG4gIC8vICAgICAgICk7XG4gIC8vICAgICB9XG4gIC8vICAgfSk7XG4gIC8vIH1cblxuICBwcml2YXRlIF9jbGVhclN1YnMoKSB7XG4gICAgdGhpcy5fc3Vicy5mb3JFYWNoKChjKSA9PiBjPy51bnN1YnNjcmliZSgpKTtcbiAgICB0aGlzLl9zdWJzID0gW107XG4gIH1cblxuICBwcml2YXRlIGdldCBmaWVsZHMoKTogQVhWYWx1YWJsZUNvbXBvbmVudFtdIHtcbiAgICByZXR1cm4gQXJyYXkuZnJvbSh0aGlzLmdldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvckFsbCgnW2F4LWZvcm0taXRlbT1cInRydWVcIl0nKSlcbiAgICAgIC5tYXAoKGMpID0+IChjIGFzIGFueSkuX19heENvbnRleHRfXylcbiAgICAgIC5maWx0ZXIoKGMpID0+IGMgIT0gbnVsbCk7XG4gIH1cblxuICBhc3luYyB2YWxpZGF0ZSguLi5uYW1lczogc3RyaW5nW10pOiBQcm9taXNlPEFYVmFsaWRhdGlvblN1bW1hcnk+IHtcbiAgICBjb25zdCByZXN1bHRzID0gYXdhaXQgUHJvbWlzZS5hbGwoXG4gICAgICB0aGlzLmZpZWxkcy5maWx0ZXIoKGMpID0+IG5hbWVzID09IG51bGwgfHwgbmFtZXMubGVuZ3RoID09IDAgfHwgbmFtZXMuaW5jbHVkZXMoYy5uYW1lKSkubWFwKChmaWVsZCkgPT4gZmllbGQudmFsaWRhdGUoKSksXG4gICAgKTtcbiAgICAvLyBNZXJnZSBhbGwgdmFsaWRhdGlvbiBzdW1tYXJpZXMgaW50byBvbmVcbiAgICBjb25zdCBtZXJnZWRTdW1tYXJ5OiBBWFZhbGlkYXRpb25TdW1tYXJ5ID0ge1xuICAgICAgcmVzdWx0OiByZXN1bHRzLmV2ZXJ5KChyZXMpID0+IHJlcy5yZXN1bHQpLFxuICAgICAgcnVsZXM6IHJlc3VsdHMuZmxhdE1hcCgocmVzKSA9PiByZXMucnVsZXMpLFxuICAgIH07XG4gICAgdGhpcy5fZW1pdE9uVmFsaWRhdGVFdmVudChtZXJnZWRTdW1tYXJ5KTtcbiAgICByZXR1cm4gbWVyZ2VkU3VtbWFyeTtcbiAgfVxuXG4gIHByaXZhdGUgX2VtaXRPblZhbGlkYXRlRXZlbnQoZTogQVhWYWxpZGF0aW9uU3VtbWFyeSkge1xuICAgIHRoaXMub25WYWxpZGF0ZS5lbWl0KHtcbiAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgIHJlc3VsdDogZSxcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgfSk7XG4gIH1cblxuICBjbGVhcigpIHtcbiAgICB0aGlzLmZpZWxkcy5mb3JFYWNoKChjKSA9PiBjLmNsZWFyKGZhbHNlKSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9jbGVhclN1YnMoKTtcbiAgfVxufVxuIl19

package/esm2022/form/lib/form.config.mjs

@@ -0,0 +1,16 @@
+import { InjectionToken } from '@angular/core';
+export const AX_FORM_CONFIG = new InjectionToken('AX_FORM_CONFIG', {
+    providedIn: 'root',
+    factory: () => {
+        return AXFormDefaultConfig;
+    },
+});
+export const AXFormDefaultConfig = {};
+export function formConfig(config = {}) {
+    const result = {
+        ...AXFormDefaultConfig,
+        ...config,
+    };
+    return result;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZm9ybS9zcmMvbGliL2Zvcm0uY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJL0MsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLElBQUksY0FBYyxDQUM5QyxnQkFBZ0IsRUFDaEI7SUFDRSxVQUFVLEVBQUUsTUFBTTtJQUNsQixPQUFPLEVBQUUsR0FBRyxFQUFFO1FBQ1osT0FBTyxtQkFBbUIsQ0FBQztJQUM3QixDQUFDO0NBQ0YsQ0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQWlCLEVBQUUsQ0FBQztBQUlwRCxNQUFNLFVBQVUsVUFBVSxDQUFDLFNBQTRCLEVBQUU7SUFDdkQsTUFBTSxNQUFNLEdBQUc7UUFDYixHQUFHLG1CQUFtQjtRQUN0QixHQUFHLE1BQU07S0FDVixDQUFDO0lBQ0YsT0FBTyxNQUFNLENBQUM7QUFDaEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQVhGb3JtQ29uZmlnIHt9XG5cbmV4cG9ydCBjb25zdCBBWF9GT1JNX0NPTkZJRyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxBWEZvcm1Db25maWc+KFxuICAnQVhfRk9STV9DT05GSUcnLFxuICB7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxuICAgIGZhY3Rvcnk6ICgpID0+IHtcbiAgICAgIHJldHVybiBBWEZvcm1EZWZhdWx0Q29uZmlnO1xuICAgIH0sXG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBBWEZvcm1EZWZhdWx0Q29uZmlnOiBBWEZvcm1Db25maWcgPSB7fTtcblxuZXhwb3J0IHR5cGUgUGFydGlhbEZvcm1Db25maWcgPSBQYXJ0aWFsPEFYRm9ybUNvbmZpZz47XG5cbmV4cG9ydCBmdW5jdGlvbiBmb3JtQ29uZmlnKGNvbmZpZzogUGFydGlhbEZvcm1Db25maWcgPSB7fSk6IEFYRm9ybUNvbmZpZyB7XG4gIGNvbnN0IHJlc3VsdCA9IHtcbiAgICAuLi5BWEZvcm1EZWZhdWx0Q29uZmlnLFxuICAgIC4uLmNvbmZpZyxcbiAgfTtcbiAgcmV0dXJuIHJlc3VsdDtcbn1cbiJdfQ==

package/esm2022/form/lib/form.module.mjs

@@ -0,0 +1,60 @@
+import { AXAlertModule } from '@acorex/components/alert';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { AXFormFieldComponent } from './form-field.component';
+import { AXFormComponent } from './form.component';
+import { AXValidationSummaryComponent } from './validation-summary.component';
+import { AXValidationRuleDirective } from './validation-rule.directive';
+import { AXValidationModule } from '@acorex/core/validation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import * as i0 from "@angular/core";
+export class AXFormModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.2", ngImport: i0, type: AXFormModule, declarations: [AXFormFieldComponent,
+            AXFormComponent,
+            AXValidationRuleDirective,
+            AXValidationSummaryComponent], imports: [CommonModule,
+            AXDecoratorModule,
+            AXAlertModule,
+            AXButtonModule,
+            AXValidationModule,
+            AXTranslationModule], exports: [AXFormFieldComponent,
+            AXFormComponent,
+            AXValidationRuleDirective,
+            AXValidationSummaryComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXFormModule, imports: [CommonModule,
+            AXDecoratorModule,
+            AXAlertModule,
+            AXButtonModule,
+            AXValidationModule,
+            AXTranslationModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AXFormFieldComponent,
+                        AXFormComponent,
+                        AXValidationRuleDirective,
+                        AXValidationSummaryComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        AXDecoratorModule,
+                        AXAlertModule,
+                        AXButtonModule,
+                        AXValidationModule,
+                        AXTranslationModule,
+                    ],
+                    exports: [
+                        AXFormFieldComponent,
+                        AXFormComponent,
+                        AXValidationRuleDirective,
+                        AXValidationSummaryComponent,
+                    ],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZm9ybS9zcmMvbGliL2Zvcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25ELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQXlCL0QsTUFBTSxPQUFPLFlBQVk7OEdBQVosWUFBWTsrR0FBWixZQUFZLGlCQXJCckIsb0JBQW9CO1lBQ3BCLGVBQWU7WUFDZix5QkFBeUI7WUFDekIsNEJBQTRCLGFBRzVCLFlBQVk7WUFDWixpQkFBaUI7WUFDakIsYUFBYTtZQUNiLGNBQWM7WUFDZCxrQkFBa0I7WUFDbEIsbUJBQW1CLGFBR25CLG9CQUFvQjtZQUNwQixlQUFlO1lBQ2YseUJBQXlCO1lBQ3pCLDRCQUE0QjsrR0FJbkIsWUFBWSxZQWZyQixZQUFZO1lBQ1osaUJBQWlCO1lBQ2pCLGFBQWE7WUFDYixjQUFjO1lBQ2Qsa0JBQWtCO1lBQ2xCLG1CQUFtQjs7MkZBVVYsWUFBWTtrQkF2QnhCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG9CQUFvQjt3QkFDcEIsZUFBZTt3QkFDZix5QkFBeUI7d0JBQ3pCLDRCQUE0QjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixhQUFhO3dCQUNiLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7d0JBQ3BCLGVBQWU7d0JBQ2YseUJBQXlCO3dCQUN6Qiw0QkFBNEI7cUJBQzdCO29CQUNELFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhBbGVydE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9hbGVydCc7XG5pbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYRm9ybUZpZWxkQ29tcG9uZW50IH0gZnJvbSAnLi9mb3JtLWZpZWxkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWEZvcm1Db21wb25lbnQgfSBmcm9tICcuL2Zvcm0uY29tcG9uZW50JztcbmltcG9ydCB7IEFYVmFsaWRhdGlvblN1bW1hcnlDb21wb25lbnQgfSBmcm9tICcuL3ZhbGlkYXRpb24tc3VtbWFyeS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhWYWxpZGF0aW9uUnVsZURpcmVjdGl2ZSB9IGZyb20gJy4vdmFsaWRhdGlvbi1ydWxlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBBWFZhbGlkYXRpb25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvdmFsaWRhdGlvbic7XG5pbXBvcnQgeyBBWFRyYW5zbGF0aW9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb3JlL3RyYW5zbGF0aW9uJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQVhGb3JtRmllbGRDb21wb25lbnQsXG4gICAgQVhGb3JtQ29tcG9uZW50LFxuICAgIEFYVmFsaWRhdGlvblJ1bGVEaXJlY3RpdmUsXG4gICAgQVhWYWxpZGF0aW9uU3VtbWFyeUNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBWERlY29yYXRvck1vZHVsZSxcbiAgICBBWEFsZXJ0TW9kdWxlLFxuICAgIEFYQnV0dG9uTW9kdWxlLFxuICAgIEFYVmFsaWRhdGlvbk1vZHVsZSxcbiAgICBBWFRyYW5zbGF0aW9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQVhGb3JtRmllbGRDb21wb25lbnQsXG4gICAgQVhGb3JtQ29tcG9uZW50LFxuICAgIEFYVmFsaWRhdGlvblJ1bGVEaXJlY3RpdmUsXG4gICAgQVhWYWxpZGF0aW9uU3VtbWFyeUNvbXBvbmVudCxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhGb3JtTW9kdWxlIHt9XG4iXX0=

package/esm2022/form/lib/validation-rule.directive.mjs

@@ -0,0 +1,36 @@
+import { Directive, Input } from '@angular/core';
+import { AXValuableComponent } from '@acorex/components/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/common";
+export class AXValidationRuleDirective {
+    constructor(host) {
+        this.host = host;
+    }
+    ngOnInit() {
+        this.host.addValidationRule({ rule: this.rule, options: this.ruleOptions });
+    }
+    ngOnDestroy() {
+        this.host.removeValidationRule({
+            rule: this.rule,
+            options: this.ruleOptions,
+        });
+    }
+    get ruleOptions() {
+        return Object.assign({ message: this.message, name: this.host.name }, this.options);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXValidationRuleDirective, deps: [{ token: i1.AXValuableComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.2", type: AXValidationRuleDirective, selector: "ax-validation-rule", inputs: { rule: "rule", options: "options", message: "message" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXValidationRuleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ax-validation-rule',
+                }]
+        }], ctorParameters: () => [{ type: i1.AXValuableComponent }], propDecorators: { rule: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdGlvbi1ydWxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mb3JtL3NyYy9saWIvdmFsaWRhdGlvbi1ydWxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQU1oRSxNQUFNLE9BQU8seUJBQXlCO0lBS3BDLFlBQW9CLElBQXlCO1FBQXpCLFNBQUksR0FBSixJQUFJLENBQXFCO0lBQUcsQ0FBQztJQUVqRCxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUM7WUFDN0IsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO1lBQ2YsT0FBTyxFQUFFLElBQUksQ0FBQyxXQUFXO1NBQzFCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFZLFdBQVc7UUFDckIsT0FBTyxNQUFNLENBQUMsTUFBTSxDQUNsQixFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxFQUMvQyxJQUFJLENBQUMsT0FBTyxDQUNiLENBQUM7SUFDSixDQUFDOzhHQXZCVSx5QkFBeUI7a0dBQXpCLHlCQUF5Qjs7MkZBQXpCLHlCQUF5QjtrQkFIckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2lCQUMvQjt3RkFFVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWFZhbHVhYmxlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBWFZhbGlkYXRpb25SdWxlT3B0aW9ucyB9IGZyb20gJ0BhY29yZXgvY29yZS92YWxpZGF0aW9uJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnYXgtdmFsaWRhdGlvbi1ydWxlJyxcbn0pXG5leHBvcnQgY2xhc3MgQVhWYWxpZGF0aW9uUnVsZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgcnVsZTogc3RyaW5nO1xuICBASW5wdXQoKSBvcHRpb25zOiBPbWl0PEFYVmFsaWRhdGlvblJ1bGVPcHRpb25zLCAnbWVzc2FnZSc+O1xuICBASW5wdXQoKSBtZXNzYWdlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBob3N0OiBBWFZhbHVhYmxlQ29tcG9uZW50KSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaG9zdC5hZGRWYWxpZGF0aW9uUnVsZSh7IHJ1bGU6IHRoaXMucnVsZSwgb3B0aW9uczogdGhpcy5ydWxlT3B0aW9ucyB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuaG9zdC5yZW1vdmVWYWxpZGF0aW9uUnVsZSh7XG4gICAgICBydWxlOiB0aGlzLnJ1bGUsXG4gICAgICBvcHRpb25zOiB0aGlzLnJ1bGVPcHRpb25zLFxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgcnVsZU9wdGlvbnMoKTogQVhWYWxpZGF0aW9uUnVsZU9wdGlvbnMge1xuICAgIHJldHVybiBPYmplY3QuYXNzaWduKFxuICAgICAgeyBtZXNzYWdlOiB0aGlzLm1lc3NhZ2UsIG5hbWU6IHRoaXMuaG9zdC5uYW1lIH0sXG4gICAgICB0aGlzLm9wdGlvbnNcbiAgICApO1xuICB9XG59XG4iXX0=