@acorex/components 7.2.6 → 7.2.8

package/fesm2022/acorex-components-tag.mjs

@@ -14,10 +14,10 @@ class AXTagComponent extends AXBaseComponent {
     get __hostClass() {
         return `ax-default-${this.look}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AXTagComponent, selector: "ax-tag", inputs: { text: "text", look: "look" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{font-size:.875rem;padding:.25rem .75rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-default-default{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-tag.ax-default-outline{border:1px solid;border-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AXTagComponent, selector: "ax-tag", inputs: { text: "text", look: "look" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{font-size:.875rem;padding:.25rem .75rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-default-default{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-tag.ax-default-outline{border:1px solid;border-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-tag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{font-size:.875rem;padding:.25rem .75rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-default-default{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-tag.ax-default-outline{border:1px solid;border-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { text: [{
@@ -30,11 +30,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
             }] } });
 
 class AXTagModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AXTagModule, declarations: [AXTagComponent], imports: [CommonModule], exports: [AXTagComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AXTagModule, declarations: [AXTagComponent], imports: [CommonModule], exports: [AXTagComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTagModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTagModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXTagComponent],

package/fesm2022/acorex-components-textarea.mjs

@@ -16,10 +16,10 @@ class AXTextareaComponent extends AXBaseTextBoxMixin {
     focus() {
         this.input.nativeElement.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTextareaComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AXTextareaComponent, selector: "ax-textarea", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", rows: "rows" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { classAttribute: "ax-editor-container" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<textarea #input [attr.name]=\"name\" type=\"text\" [rows]=\"rows\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\"\n    [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [(ngModel)]=\"value\" (focus)=\"_emitOnFocusEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\" [attr.autocomplete]=\"autoComplete\"></textarea>\n<ng-content select=\"ax-suffix\"></ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>", styles: ["ax-textarea{position:relative;width:100%;height:auto!important;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border:rgba(var(--ax-color-border-default));overflow:hidden}ax-textarea textarea{height:-moz-fit-content;height:fit-content;line-height:1.7;width:100%;font-size:.875rem;padding:.625rem;background-color:inherit}ax-textarea textarea:focus{outline-color:transparent}ax-textarea>ax-prefix,ax-textarea>ax-suffix{margin-bottom:.5rem;padding:.375rem}ax-textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTextareaComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AXTextareaComponent, selector: "ax-textarea", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", rows: "rows" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { classAttribute: "ax-editor-container" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<textarea #input [attr.name]=\"name\" type=\"text\" [rows]=\"rows\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\"\n    [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [(ngModel)]=\"value\" (focus)=\"_emitOnFocusEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\" [attr.autocomplete]=\"autoComplete\"></textarea>\n<ng-content select=\"ax-suffix\"></ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>", styles: ["ax-textarea{position:relative;width:100%;height:auto!important;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border:rgba(var(--ax-color-border-default));overflow:hidden}ax-textarea textarea{height:-moz-fit-content;height:fit-content;line-height:1.7;width:100%;font-size:.875rem;padding:.625rem;background-color:inherit}ax-textarea textarea:focus{outline-color:transparent}ax-textarea>ax-prefix,ax-textarea>ax-suffix{margin-bottom:.5rem;padding:.375rem}ax-textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTextareaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-textarea', inputs: [
                         'disabled',
@@ -39,11 +39,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
             }] } });
 
 class AXTextareaModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AXTextareaModule, declarations: [AXTextareaComponent], imports: [CommonModule, FormsModule], exports: [AXTextareaComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTextareaModule, imports: [CommonModule, FormsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AXTextareaModule, declarations: [AXTextareaComponent], imports: [CommonModule, FormsModule], exports: [AXTextareaComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTextareaModule, imports: [CommonModule, FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTextareaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTextareaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXTextareaComponent],

package/fesm2022/acorex-components-textbox.mjs

@@ -1,19 +1,18 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, ContentChild, NgModule } from '@angular/core';
-import { AXComponent, AXFocusableComponent, AXCommonModule } from '@acorex/components/common';
-import { AXBaseTextBoxMixin } from '@acorex/components/mixin';
+import { Directive, Input, forwardRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, ContentChild, NgModule } from '@angular/core';
+import { MXInputBaseValueComponent, AXComponent, AXFocusableComponent, AXCommonModule } from '@acorex/components/common';
 import IMask from 'imask';
 import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { AXButtonModule } from '@acorex/components/button';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { CommonModule } from '@angular/common';
 
 class AXMaskOptionsDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXMaskOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: AXMaskOptionsDirective, selector: "ax-mask-options", inputs: { mask: "mask", updateValue: "updateValue" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXMaskOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: AXMaskOptionsDirective, selector: "ax-mask-options", inputs: { mask: "mask", updateValue: "updateValue" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXMaskOptionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXMaskOptionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ax-mask-options',
@@ -29,21 +28,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  *
  * @category Components
  */
-class AXTextBoxComponent extends AXBaseTextBoxMixin {
+class AXTextBoxComponent extends MXInputBaseValueComponent {
+    constructor() {
+        super(...arguments);
+        this._updateOn = 'change';
+        this._maskOptions = { mask: null };
+    }
     get maskOptions() {
         return this._maskOptions;
     }
     set maskOptions(value) {
         this._maskOptions = value;
     }
-    /**
-     *  @ignore
-     */
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-        this._updateOn = 'change';
-        this._maskOptions = { mask: null };
-    }
     ngAfterContentInit() {
         if (this._maskOptionsContent?.mask) {
             if (typeof this._maskOptionsContent.mask == 'string' ||
@@ -70,18 +66,26 @@ class AXTextBoxComponent extends AXBaseTextBoxMixin {
         this.input.nativeElement.focus();
     }
     _onComplete(e) {
-        this.value = this._maskObj.value;
+        this.commitValue(this._maskObj.value, e.isTrusted);
         if (typeof this._maskOptionsContent?.updateValue === 'function') {
             this._maskOptionsContent?.updateValue(this._maskObj.value, this._maskObj.unmaskedValue);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTextBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", state: "state", name: "name", placeholder: "placeholder", maxLength: "maxLength", allowNull: "allowNull", type: "type", autoComplete: "autoComplete", maskOptions: ["mask-options", "maskOptions"] }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged" }, host: { classAttribute: "ax-editor-container" }, providers: [
+    _handleModelChange(value) {
+        this.commitValue(value, true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTextBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", state: "state", name: "name", placeholder: "placeholder", maxLength: "maxLength", allowNull: "allowNull", type: "type", autoComplete: "autoComplete", maskOptions: ["mask-options", "maskOptions"] }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange" }, host: { classAttribute: "ax-editor-container" }, providers: [
             { provide: AXComponent, useExisting: AXTextBoxComponent },
             { provide: AXFocusableComponent, useExisting: AXTextBoxComponent },
-        ], queries: [{ propertyName: "_maskOptionsContent", first: true, predicate: AXMaskOptionsDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\n</ng-content>\n<input #input class=\"ax-input\" \n    [attr.name]=\"name\" \n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\" \n    [attr.maxlength]=\"maxLength\" \n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\" \n    [disabled]=\"disabled\" \n    [readonly]=\"readonly\" \n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\" \n    (ngModelChange)=\"value = $event\"\n    [ngModelOptions]=\"{ updateOn:_updateOn }\" \n    (keydown)=\"_emitOnKeydownEvent($event)\"\n    (keyup)=\"_emitOnKeyupEvent($event)\" \n    (keypress)=\"_emitOnKeypressEvent($event)\" \n    (focus)=\"_emitOnFocusEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\">\n<ng-content select=\"ax-suffix\">\n</ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>", dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AXTextBoxComponent),
+                multi: true
+            }
+        ], queries: [{ propertyName: "_maskOptionsContent", first: true, predicate: AXMaskOptionsDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\n</ng-content>\n<input #input class=\"ax-input\" \n    [attr.name]=\"name\" \n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\" \n    [attr.maxlength]=\"maxLength\" \n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\" \n    [disabled]=\"disabled\" \n    [readonly]=\"readonly\" \n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\" \n    (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn:_updateOn }\" \n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\" \n    (keypress)=\"emitOnKeypressEvent($event)\" \n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\">\n<ng-content select=\"ax-suffix\">\n</ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>", dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTextBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTextBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-text-box', inputs: [
                         'disabled',
@@ -95,35 +99,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                         'allowNull',
                         'type',
                         'autoComplete',
-                    ], outputs: ['onBlur', 'onFocus', 'valueChange', 'stateChange', 'onValueChanged'], host: { class: 'ax-editor-container' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                    ], outputs: ['onBlur', 'onFocus', 'valueChange', 'stateChange', 'onValueChanged', 'readonlyChange', 'disabledChange'], host: { class: 'ax-editor-container' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: AXComponent, useExisting: AXTextBoxComponent },
                         { provide: AXFocusableComponent, useExisting: AXTextBoxComponent },
-                    ], template: "<ng-content select=\"ax-prefix\">\n</ng-content>\n<input #input class=\"ax-input\" \n    [attr.name]=\"name\" \n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\" \n    [attr.maxlength]=\"maxLength\" \n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\" \n    [disabled]=\"disabled\" \n    [readonly]=\"readonly\" \n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\" \n    (ngModelChange)=\"value = $event\"\n    [ngModelOptions]=\"{ updateOn:_updateOn }\" \n    (keydown)=\"_emitOnKeydownEvent($event)\"\n    (keyup)=\"_emitOnKeyupEvent($event)\" \n    (keypress)=\"_emitOnKeypressEvent($event)\" \n    (focus)=\"_emitOnFocusEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\">\n<ng-content select=\"ax-suffix\">\n</ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AXTextBoxComponent),
+                            multi: true
+                        }
+                    ], template: "<ng-content select=\"ax-prefix\">\n</ng-content>\n<input #input class=\"ax-input\" \n    [attr.name]=\"name\" \n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\" \n    [attr.maxlength]=\"maxLength\" \n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\" \n    [disabled]=\"disabled\" \n    [readonly]=\"readonly\" \n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\" \n    (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn:_updateOn }\" \n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\" \n    (keypress)=\"emitOnKeypressEvent($event)\" \n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\">\n<ng-content select=\"ax-suffix\">\n</ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>" }]
+        }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input', { static: true }]
             }], maskOptions: [{
                 type: Input,
                 args: ['mask-options']
+            }], maxLength: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], autoComplete: [{
+                type: Input
             }], _maskOptionsContent: [{
                 type: ContentChild,
                 args: [AXMaskOptionsDirective, { static: true }]
             }] } });
 
 class AXTextBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AXTextBoxModule, declarations: [AXTextBoxComponent, AXMaskOptionsDirective], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AXTextBoxModule, declarations: [AXTextBoxComponent, AXMaskOptionsDirective], imports: [CommonModule,
             AXCommonModule,
             FormsModule,
             AXButtonModule,
             AXDecoratorModule], exports: [AXTextBoxComponent, AXMaskOptionsDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTextBoxModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTextBoxModule, imports: [CommonModule,
             AXCommonModule,
             FormsModule,
             AXButtonModule,
             AXDecoratorModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTextBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTextBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/acorex-components-textbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-textbox.mjs","sources":["../../../../libs/components/textbox/src/lib/mask-options.directive.ts","../../../../libs/components/textbox/src/lib/textbox.component.ts","../../../../libs/components/textbox/src/lib/textbox.component.html","../../../../libs/components/textbox/src/lib/textbox.module.ts","../../../../libs/components/textbox/src/acorex-components-textbox.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\nimport { MaskedOptions } from 'imask';\n\nexport type AXMaskOptions = MaskedOptions | any;\n\nexport interface AXMaskOptionsInterface {\n  mask: MaskedOptions | string | RegExp;\n  updateValue?: (masked: string, unmasked: string) => void;\n}\n\n@Directive({\n  selector: 'ax-mask-options',\n})\nexport class AXMaskOptionsDirective implements AXMaskOptionsInterface {\n  @Input()\n  mask: MaskedOptions | string | RegExp;\n\n  @Input()\n  updateValue?: (masked: string, unmasked: string) => void;\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  ViewChild,\n  ViewEncapsulation,\n  ContentChild,\n  Input,\n} from '@angular/core';\nimport { AXComponent, AXFocusableComponent } from '@acorex/components/common';\nimport { AXBaseTextBoxMixin } from '@acorex/components/mixin';\nimport {\n  AXMaskOptions,\n  AXMaskOptionsDirective,\n  AXMaskOptionsInterface,\n} from './mask-options.directive';\nimport IMask, { InputMask, MaskedOptions } from 'imask';\n\n/**\n * The Textbox is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-text-box',\n  templateUrl: 'textbox.component.html',\n  inputs: [\n    'disabled',\n    'tabIndex',\n    'readonly',\n    'value',\n    'state',\n    'name',\n    'placeholder',\n    'maxLength',\n    'allowNull',\n    'type',\n    'autoComplete',\n  ],\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'stateChange', 'onValueChanged'],\n  host: { class: 'ax-editor-container' },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXComponent, useExisting: AXTextBoxComponent },\n    { provide: AXFocusableComponent, useExisting: AXTextBoxComponent },\n  ],\n})\nexport class AXTextBoxComponent extends AXBaseTextBoxMixin {\n  protected _updateOn: 'change' | 'blur' | 'submit' = 'change';\n\n  @ViewChild('input', { static: true })\n  private input: ElementRef<HTMLInputElement>;\n\n  private _maskObj: InputMask<any>;\n\n  private _maskOptions: AXMaskOptions = { mask: null };\n  @Input('mask-options')\n  public get maskOptions(): AXMaskOptions {\n    return this._maskOptions;\n  }\n\n  public set maskOptions(value: AXMaskOptions) {\n    this._maskOptions = value;\n  }\n\n  @ContentChild(AXMaskOptionsDirective, { static: true })\n  protected _maskOptionsContent: AXMaskOptionsDirective;\n\n  /**\n   *  @ignore\n   */\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\n    super(elementRef, cdr);\n  }\n\n  ngAfterContentInit() {\n    if (this._maskOptionsContent?.mask) {\n      if (\n        typeof this._maskOptionsContent.mask == 'string' ||\n        this._maskOptionsContent.mask instanceof RegExp\n      ) {\n        Object.assign(this.maskOptions, { mask: this._maskOptionsContent.mask, unmask: false });\n      }\n      if (typeof this._maskOptionsContent.mask == 'object') {\n        Object.assign(this.maskOptions, this._maskOptionsContent.mask);\n      }\n    }\n    //\n    if (this.maskOptions?.mask) {\n      this._maskObj = IMask(this.input.nativeElement, this.maskOptions);\n      this._updateOn = 'submit';\n      this._maskObj.on('accept', this._onComplete.bind(this));\n      this._maskObj.on('complete', this._onComplete.bind(this));\n      if (this.value) {\n        this._maskObj.value = `${this.value}`;\n        this._maskObj.updateValue();\n      }\n    }\n  }\n\n  override focus(): void {\n    this.input.nativeElement.focus();\n  }\n\n  private _onComplete(e) {\n    this.value = this._maskObj.value;\n    if (typeof this._maskOptionsContent?.updateValue === 'function') {\n      this._maskOptionsContent?.updateValue(this._maskObj.value, this._maskObj.unmaskedValue);\n    }\n  }\n}\n","<ng-content select=\"ax-prefix\">\n</ng-content>\n<input #input class=\"ax-input\" \n    [attr.name]=\"name\" \n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\" \n    [attr.maxlength]=\"maxLength\" \n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\" \n    [disabled]=\"disabled\" \n    [readonly]=\"readonly\" \n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\" \n    (ngModelChange)=\"value = $event\"\n    [ngModelOptions]=\"{ updateOn:_updateOn }\" \n    (keydown)=\"_emitOnKeydownEvent($event)\"\n    (keyup)=\"_emitOnKeyupEvent($event)\" \n    (keypress)=\"_emitOnKeypressEvent($event)\" \n    (focus)=\"_emitOnFocusEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\">\n<ng-content select=\"ax-suffix\">\n</ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>","import { AXButtonModule } from '@acorex/components/button';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXMaskOptionsDirective } from './mask-options.directive';\nimport { AXTextBoxComponent } from './textbox.component';\n\n\n@NgModule({\n    imports: [\n        CommonModule,\n        AXCommonModule,\n        FormsModule,\n        AXButtonModule,\n        AXDecoratorModule\n    ],\n    exports: [AXTextBoxComponent, AXMaskOptionsDirective],\n    declarations: [AXTextBoxComponent, AXMaskOptionsDirective],\n    providers: [],\n})\nexport class AXTextBoxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-textbox.mjs","sources":["../../../../libs/components/textbox/src/lib/mask-options.directive.ts","../../../../libs/components/textbox/src/lib/textbox.component.ts","../../../../libs/components/textbox/src/lib/textbox.component.html","../../../../libs/components/textbox/src/lib/textbox.module.ts","../../../../libs/components/textbox/src/acorex-components-textbox.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\nimport { MaskedOptions } from 'imask';\n\nexport type AXMaskOptions = MaskedOptions | any;\n\nexport interface AXMaskOptionsInterface {\n  mask: MaskedOptions | string | RegExp;\n  updateValue?: (masked: string, unmasked: string) => void;\n}\n\n@Directive({\n  selector: 'ax-mask-options',\n})\nexport class AXMaskOptionsDirective implements AXMaskOptionsInterface {\n  @Input()\n  mask: MaskedOptions | string | RegExp;\n\n  @Input()\n  updateValue?: (masked: string, unmasked: string) => void;\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  ViewChild,\n  ViewEncapsulation,\n  ContentChild,\n  Input,\n  forwardRef,\n} from '@angular/core';\nimport { AXComponent, AXFocusableComponent, MXInputBaseValueComponent } from '@acorex/components/common';\nimport { AXBaseTextBoxMixin } from '@acorex/components/mixin';\nimport {\n  AXMaskOptions,\n  AXMaskOptionsDirective,\n  AXMaskOptionsInterface,\n} from './mask-options.directive';\nimport IMask, { InputMask, MaskedOptions } from 'imask';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n/**\n * The Textbox is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-text-box',\n  templateUrl: 'textbox.component.html',\n  inputs: [\n    'disabled',\n    'tabIndex',\n    'readonly',\n    'value',\n    'state',\n    'name',\n    'placeholder',\n    'maxLength',\n    'allowNull',\n    'type',\n    'autoComplete',\n  ],\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'stateChange', 'onValueChanged', 'readonlyChange', 'disabledChange'],\n  host: { class: 'ax-editor-container' },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXComponent, useExisting: AXTextBoxComponent },\n    { provide: AXFocusableComponent, useExisting: AXTextBoxComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXTextBoxComponent),\n      multi: true\n    }\n  ]\n})\nexport class AXTextBoxComponent extends MXInputBaseValueComponent<string> {\n\n  protected _updateOn: 'change' | 'blur' | 'submit' = 'change';\n\n  @ViewChild('input', { static: true })\n  private input: ElementRef<HTMLInputElement>;\n\n  private _maskObj: InputMask<any>;\n\n  private _maskOptions: AXMaskOptions = { mask: null };\n  @Input('mask-options')\n  public get maskOptions(): AXMaskOptions {\n    return this._maskOptions;\n  }\n\n  public set maskOptions(value: AXMaskOptions) {\n    this._maskOptions = value;\n  }\n\n\n\n  @Input()\n  maxLength: number;\n\n  @Input()\n  placeholder: string;\n\n  @Input()\n  type: string;\n\n  @Input()\n  autoComplete: string;\n\n  @ContentChild(AXMaskOptionsDirective, { static: true })\n  protected _maskOptionsContent: AXMaskOptionsDirective;\n\n\n  ngAfterContentInit() {\n    if (this._maskOptionsContent?.mask) {\n      if (\n        typeof this._maskOptionsContent.mask == 'string' ||\n        this._maskOptionsContent.mask instanceof RegExp\n      ) {\n        Object.assign(this.maskOptions, { mask: this._maskOptionsContent.mask, unmask: false });\n      }\n      if (typeof this._maskOptionsContent.mask == 'object') {\n        Object.assign(this.maskOptions, this._maskOptionsContent.mask);\n      }\n    }\n    //\n    if (this.maskOptions?.mask) {\n      this._maskObj = IMask(this.input.nativeElement, this.maskOptions);\n      this._updateOn = 'submit';\n      this._maskObj.on('accept', this._onComplete.bind(this));\n      this._maskObj.on('complete', this._onComplete.bind(this));\n      if (this.value) {\n        this._maskObj.value = `${this.value}`;\n        this._maskObj.updateValue();\n      }\n    }\n  }\n\n  override focus(): void {\n    this.input.nativeElement.focus();\n  }\n\n  private _onComplete(e:InputEvent) {\n    this.commitValue(this._maskObj.value, e.isTrusted);\n    if (typeof this._maskOptionsContent?.updateValue === 'function') {\n      this._maskOptionsContent?.updateValue(this._maskObj.value, this._maskObj.unmaskedValue);\n    }\n  }\n\n  protected _handleModelChange(value: string | null) {\n    this.commitValue(value, true);\n  }\n}\n","<ng-content select=\"ax-prefix\">\n</ng-content>\n<input #input class=\"ax-input\" \n    [attr.name]=\"name\" \n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\" \n    [attr.maxlength]=\"maxLength\" \n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\" \n    [disabled]=\"disabled\" \n    [readonly]=\"readonly\" \n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\" \n    (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn:_updateOn }\" \n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\" \n    (keypress)=\"emitOnKeypressEvent($event)\" \n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\">\n<ng-content select=\"ax-suffix\">\n</ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>","import { AXButtonModule } from '@acorex/components/button';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXMaskOptionsDirective } from './mask-options.directive';\nimport { AXTextBoxComponent } from './textbox.component';\n\n\n@NgModule({\n    imports: [\n        CommonModule,\n        AXCommonModule,\n        FormsModule,\n        AXButtonModule,\n        AXDecoratorModule\n    ],\n    exports: [AXTextBoxComponent, AXMaskOptionsDirective],\n    declarations: [AXTextBoxComponent, AXMaskOptionsDirective],\n    providers: [],\n})\nexport class AXTextBoxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-time-box.mjs

@@ -256,10 +256,10 @@ class AXTimeBoxComponent extends AXBaseTextBoxMixin {
         const { start, end } = AXStringUtil.getWordBoundsAtPosition(input.value, pos != null ? pos : input.selectionStart || 0);
         input.setSelectionRange(start, end);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTimeBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AXTimeBoxComponent, selector: "ax-time-box", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", size: "size", value: "value", placeholder: "placeholder", maxLength: "maxLength", allowNull: "allowNull", type: "type", autoComplete: "autoComplete", name: "name", checked: "checked", minValue: "minValue", maxValue: "maxValue", format: "format", displayText: "displayText" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", formatChange: "formatChange", displayTextChange: "displayTextChange" }, host: { classAttribute: "ax-editor-container ax-drop-down" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "_maskDirective", first: true, predicate: IMaskDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\n</ng-content>\n<input #input class=\"ax-input\" \n    [imask]=\"_maskObj\" \n    [unmask]=\"false\"  \n    type=\"text\" \n    [attr.placeholder]=\"placeholder\"\n    [class.ax-state-disabled]=\"disabled\" \n    [class.ax-state-readonly]=\"readonly\" \n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\" \n    [tabindex]=\"tabIndex\" \n    [ngModel]=\"displayText\" \n    (mouseup)=\"_handleOnInputClickEvent($event)\"\n    (focus)=\"_emitOnFocusEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\"\n    (keyup)=\"_handleKeyUpEvent($event)\" \n    (keydown)=\"_handleOnKeydownEvent($event)\" \n    autocomplete=\"off\">\n<ng-content select=\"ax-suffix\">\n</ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>", dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTimeBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AXTimeBoxComponent, selector: "ax-time-box", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", size: "size", value: "value", placeholder: "placeholder", maxLength: "maxLength", type: "type", autoComplete: "autoComplete", name: "name", checked: "checked", minValue: "minValue", maxValue: "maxValue", format: "format", displayText: "displayText" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", formatChange: "formatChange", displayTextChange: "displayTextChange" }, host: { classAttribute: "ax-editor-container ax-drop-down" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "_maskDirective", first: true, predicate: IMaskDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\n</ng-content>\n<input #input class=\"ax-input\" \n    [imask]=\"_maskObj\" \n    [unmask]=\"false\"  \n    type=\"text\" \n    [attr.placeholder]=\"placeholder\"\n    [class.ax-state-disabled]=\"disabled\" \n    [class.ax-state-readonly]=\"readonly\" \n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\" \n    [tabindex]=\"tabIndex\" \n    [ngModel]=\"displayText\" \n    (mouseup)=\"_handleOnInputClickEvent($event)\"\n    (focus)=\"_emitOnFocusEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\"\n    (keyup)=\"_handleKeyUpEvent($event)\" \n    (keydown)=\"_handleOnKeydownEvent($event)\" \n    autocomplete=\"off\">\n<ng-content select=\"ax-suffix\">\n</ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>", dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTimeBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTimeBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-time-box', inputs: [
                         'disabled',
@@ -269,11 +269,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                         'value',
                         'placeholder',
                         'maxLength',
-                        'allowNull',
                         'type',
                         'autoComplete',
                         'readonly',
-                        'allowNull',
                         'value',
                         'name',
                         'checked',
@@ -306,14 +304,14 @@ const MODULES = [
     IMaskModule
 ];
 class AXTimeBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTimeBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AXTimeBoxModule, declarations: [AXTimeBoxComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTimeBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AXTimeBoxModule, declarations: [AXTimeBoxComponent], imports: [CommonModule,
             FormsModule,
             AXButtonModule,
             IMaskModule], exports: [AXTimeBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTimeBoxModule, imports: [MODULES] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTimeBoxModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXTimeBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXTimeBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2022/acorex-components-time-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-time-box.mjs","sources":["../../../../libs/components/time-box/src/lib/time-box.component.ts","../../../../libs/components/time-box/src/lib/time-box.component.html","../../../../libs/components/time-box/src/lib/time-box.module.ts","../../../../libs/components/time-box/src/acorex-components-time-box.ts"],"sourcesContent":["import { AXStringUtil } from '@acorex/core/utils';\nimport { AXDateTime } from '@acorex/core/dateTime';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  ElementRef,\n  ChangeDetectorRef,\n  EventEmitter,\n  Output,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { MaskedPattern, MaskedNumber, MaskedRange, createMask } from 'imask';\nimport { IMaskDirective } from 'angular-imask';\nimport { AXBaseTextBoxMixin, AXComponentOptionChanged } from '@acorex/components/mixin';\n\nexport type AX_TIME_FORMAT = 'HH:mm' | 'HH:mm:ss';\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-time-box',\n  templateUrl: './time-box.component.html',\n  inputs: [\n    'disabled',\n    'readonly',\n    'tabIndex',\n    'size',\n    'value',\n    'placeholder',\n    'maxLength',\n    'allowNull',\n    'type',\n    'autoComplete',\n    'readonly',\n    'allowNull',\n    'value',\n    'name',\n    'checked',\n  ],\n  outputs: ['valueChange', 'onValueChanged', 'onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'ax-editor-container ax-drop-down' },\n})\nexport class AXTimeBoxComponent extends AXBaseTextBoxMixin {\n  @ViewChild('input')\n  input: ElementRef<HTMLInputElement>;\n\n  private _minValue: Date;\n  @Input()\n  public get minValue(): Date {\n    return this._minValue;\n  }\n  public set minValue(v: Date) {\n    this._minValue = v;\n  }\n\n  private _maxValue: Date;\n  @Input()\n  public get maxValue(): Date {\n    return this._maxValue;\n  }\n  public set maxValue(v: Date) {\n    this._maxValue = v;\n  }\n\n  @Output()\n  formatChange = new EventEmitter<string>();\n\n  private _format: AX_TIME_FORMAT = 'HH:mm';\n  @Input()\n  public get format(): AX_TIME_FORMAT {\n    return this._format;\n  }\n  public set format(v: AX_TIME_FORMAT) {\n    this._setOption({\n      name: 'format',\n      value: v,\n    });\n  }\n\n  @Output()\n  public displayTextChange: EventEmitter<string> = new EventEmitter<string>();\n  private _displayText: string = '';\n\n  @Input()\n  public get displayText(): string {\n    return this._displayText;\n  }\n\n  public set displayText(v: string) {\n    this._displayText = v;\n    this.displayTextChange.emit(v);\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _maskObj: MaskedPattern;\n\n  @ViewChild(IMaskDirective)\n  private _maskDirective: IMaskDirective<MaskedNumber>;\n\n  /**\n   *  @ignore\n   */\n  constructor(elementRef: ElementRef, private cdr: ChangeDetectorRef) {\n    super(elementRef, cdr);\n  }\n\n  override onViewInit(): void {\n    super.onViewInit();\n    this._updateMask();\n  }\n\n  override _onValueChanged(oldValue?: any, newValue?: any) {\n    this._updateText();\n    this._maskDirective?.maskRef?.updateValue();\n    this._maskDirective?.maskRef?.updateControl();\n  }\n\n  _updateText() {\n    this.displayText = this.value ? AXDateTime.convert(this.value).format(this.format) : '';\n  }\n\n  override _onOptionChanged(option: AXComponentOptionChanged): void {\n    super._onOptionChanged(option);\n    this._updateMask();\n  }\n\n  override focus(): void {\n    this.input.nativeElement.focus();\n  }\n\n  private _updateMask() {\n    if (!this._maskObj) {\n      this._maskObj = createMask({\n        mask: this.format,\n        lazy: false,\n        autofix: true,\n        overwrite: true,\n        blocks: {\n          HH: {\n            mask: MaskedRange,\n            from: 0,\n            to: 23,\n            maxLength: 2,\n            placeholderChar: '0',\n            autofix: 'pad',\n          },\n          mm: {\n            mask: MaskedRange,\n            from: 0,\n            to: 59,\n            maxLength: 2,\n            placeholderChar: '0',\n            autofix: 'pad',\n          },\n          ss: {\n            mask: MaskedRange,\n            from: 0,\n            to: 59,\n            maxLength: 2,\n            placeholderChar: '0',\n            autofix: 'pad',\n          },\n        },\n      });\n    } else {\n      this._maskObj.updateOptions({\n        mask: this.format,\n      });\n    }\n    this._maskDirective?.maskRef?.updateValue();\n    this._maskDirective?.maskRef?.updateControl();\n  }\n\n  _handleOnKeydownEvent(e: KeyboardEvent) {\n    const ignore = () => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    const nums: string[] = Array(10)\n      .fill(0)\n      .map((v, i) => i.toString());\n    const chars: string[] = [\n      'Backspace',\n      'ArrowDown',\n      'ArrowUp',\n      'ArrowRight',\n      'ArrowLeft',\n      'Tab',\n      'Enter',\n    ];\n    const input = e.target as HTMLInputElement;\n    const key = e.key;\n    const valStr = input.value;\n    const sStart = input.selectionStart || 0;\n    const sEnd = input.selectionEnd || 0;\n    const dateVal = new AXDateTime(this.value);\n    //\n    const re = /[a-zA-Z0-9]+/gi;\n    const parts = Array.from(this.format.matchAll(re));\n    const word = valStr.substring(sStart, sEnd);\n    const part = parts.find((c: any) => c.index >= sStart);\n    const next = Array.from(valStr.substr(sEnd).matchAll(re));\n    const prev = Array.from(valStr.substring(0, sStart).matchAll(re));\n    //const part = parts[Array.from(valStr.matchAll(re)).findIndex(c => c[0] == word)];\n    //\n\n    const goNext = () => {\n      this._highlightPart(input, sEnd + (next[0]?.index || 0));\n    };\n    const goPrev = () => {\n      this._highlightPart(input, prev[prev.length - 1]?.index);\n    };\n\n    //\n    if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n      ignore();\n      e.key === 'ArrowRight' ? goNext() : goPrev();\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n      if (e.ctrlKey && e.key === 'ArrowDown') {\n        //this.open();\n      } else {\n        const sign = e.key === 'ArrowUp' ? +1 : -1;\n        if (part) {\n          switch (part[0]) {\n            case 'hh':\n            case 'h':\n            case 'HH':\n            case 'H':\n              this.value = dateVal.add('hour', sign).date;\n              break;\n            case 'mm':\n              this.value = dateVal.add('minute', sign).date;\n              break;\n            case 'ss':\n            case 'SS':\n              this.value = dateVal.add('second', sign).date;\n              break;\n          }\n          setTimeout(() => {\n            this._highlightPart(input, sStart);\n          }, 10);\n        }\n      }\n      ignore();\n    } else if (e.key == 'Backspace') {\n      // if (this.allowNull) {\n      //     this.value = null;\n      // }\n      // ignore();\n    } else if (e.key == 'Tab') {\n      if (sEnd < valStr.length && !e.shiftKey) {\n        goNext();\n        ignore();\n      } else if (sStart != 0 && e.shiftKey) {\n        goPrev();\n        ignore();\n      }\n    } else {\n      // const keys = {\n      //     h: {\n      //         v: /^[0-9]$|^[1][0-2]$/,\n      //         p: '0'\n      //     },\n      //     H: {\n      //         v: /^[0-9]$|^1[0-9]$|2[0-3]$/,\n      //         p: '0'\n      //     },\n      //     m: {\n      //         v: /^[0-9]$|^[1-5][0-9]$/,\n      //         p: '0'\n      //     }\n      // }\n      // // const re = new RegExp(_.orderBy(Object.keys(keys), c => c.length, ['desc']).join(\"|\"), \"gi\");\n      // // return format.replace(re, function (matched) {\n      // //   return keys[matched]();\n      // // });\n      // const t = keys[part[0]];\n      // if (!t.v.test(key)) {\n      //     ignore();\n      // }\n      // else {\n      //     this._updateText()\n      // }\n    }\n    // super._emitOnKeydownEvent(e);\n  }\n\n  _handleKeyUpEvent(e: KeyboardEvent) {\n    // const input = (e.target as HTMLInputElement);\n    // setTimeout(() => {\n    //     this._highlightPart(input);\n    // }, 700);\n  }\n\n  override _emitOnFocusEvent(e: FocusEvent): void {\n    const input = e.target as HTMLInputElement;\n    this._highlightPart(input);\n    super._emitOnFocusEvent(e);\n  }\n\n  _handleOnInputClickEvent(e: MouseEvent): void {\n    const input = e.target as HTMLInputElement;\n    this._highlightPart(input);\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  private _highlightPart(input: HTMLInputElement, pos?: number) {\n    const { start, end } = AXStringUtil.getWordBoundsAtPosition(\n      input.value,\n      pos != null ? pos : input.selectionStart || 0\n    );\n    input.setSelectionRange(start, end);\n  }\n}\n","<ng-content select=\"ax-prefix\">\n</ng-content>\n<input #input class=\"ax-input\" \n    [imask]=\"_maskObj\" \n    [unmask]=\"false\"  \n    type=\"text\" \n    [attr.placeholder]=\"placeholder\"\n    [class.ax-state-disabled]=\"disabled\" \n    [class.ax-state-readonly]=\"readonly\" \n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\" \n    [tabindex]=\"tabIndex\" \n    [ngModel]=\"displayText\" \n    (mouseup)=\"_handleOnInputClickEvent($event)\"\n    (focus)=\"_emitOnFocusEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\"\n    (keyup)=\"_handleKeyUpEvent($event)\" \n    (keydown)=\"_handleOnKeydownEvent($event)\" \n    autocomplete=\"off\">\n<ng-content select=\"ax-suffix\">\n</ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXTimeBoxComponent } from './time-box.component';\nimport { FormsModule } from '@angular/forms';\nimport { IMaskModule } from 'angular-imask';\nimport { AXButtonModule } from '@acorex/components/button';\n\nconst COMPONENT = [AXTimeBoxComponent];\nconst MODULES = [\n    CommonModule,\n    FormsModule,\n    AXButtonModule,\n    IMaskModule\n];\n\n@NgModule({\n    declarations: [...COMPONENT],\n    imports: [...MODULES],\n    exports: [...COMPONENT],\n    providers: [],\n})\nexport class AXTimeBoxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-time-box.mjs","sources":["../../../../libs/components/time-box/src/lib/time-box.component.ts","../../../../libs/components/time-box/src/lib/time-box.component.html","../../../../libs/components/time-box/src/lib/time-box.module.ts","../../../../libs/components/time-box/src/acorex-components-time-box.ts"],"sourcesContent":["import { AXStringUtil } from '@acorex/core/utils';\nimport { AXDateTime } from '@acorex/core/dateTime';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  ElementRef,\n  ChangeDetectorRef,\n  EventEmitter,\n  Output,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { MaskedPattern, MaskedNumber, MaskedRange, createMask } from 'imask';\nimport { IMaskDirective } from 'angular-imask';\nimport { AXBaseTextBoxMixin, AXComponentOptionChanged } from '@acorex/components/mixin';\n\nexport type AX_TIME_FORMAT = 'HH:mm' | 'HH:mm:ss';\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-time-box',\n  templateUrl: './time-box.component.html',\n  inputs: [\n    'disabled',\n    'readonly',\n    'tabIndex',\n    'size',\n    'value',\n    'placeholder',\n    'maxLength',\n    'type',\n    'autoComplete',\n    'readonly',\n    'value',\n    'name',\n    'checked',\n  ],\n  outputs: ['valueChange', 'onValueChanged', 'onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'ax-editor-container ax-drop-down' },\n})\nexport class AXTimeBoxComponent extends AXBaseTextBoxMixin {\n  @ViewChild('input')\n  input: ElementRef<HTMLInputElement>;\n\n  private _minValue: Date;\n  @Input()\n  public get minValue(): Date {\n    return this._minValue;\n  }\n  public set minValue(v: Date) {\n    this._minValue = v;\n  }\n\n  private _maxValue: Date;\n  @Input()\n  public get maxValue(): Date {\n    return this._maxValue;\n  }\n  public set maxValue(v: Date) {\n    this._maxValue = v;\n  }\n\n  @Output()\n  formatChange = new EventEmitter<string>();\n\n  private _format: AX_TIME_FORMAT = 'HH:mm';\n  @Input()\n  public get format(): AX_TIME_FORMAT {\n    return this._format;\n  }\n  public set format(v: AX_TIME_FORMAT) {\n    this._setOption({\n      name: 'format',\n      value: v,\n    });\n  }\n\n  @Output()\n  public displayTextChange: EventEmitter<string> = new EventEmitter<string>();\n  private _displayText: string = '';\n\n  @Input()\n  public get displayText(): string {\n    return this._displayText;\n  }\n\n  public set displayText(v: string) {\n    this._displayText = v;\n    this.displayTextChange.emit(v);\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _maskObj: MaskedPattern;\n\n  @ViewChild(IMaskDirective)\n  private _maskDirective: IMaskDirective<MaskedNumber>;\n\n  /**\n   *  @ignore\n   */\n  constructor(elementRef: ElementRef, private cdr: ChangeDetectorRef) {\n    super(elementRef, cdr);\n  }\n\n  override onViewInit(): void {\n    super.onViewInit();\n    this._updateMask();\n  }\n\n  override _onValueChanged(oldValue?: any, newValue?: any) {\n    this._updateText();\n    this._maskDirective?.maskRef?.updateValue();\n    this._maskDirective?.maskRef?.updateControl();\n  }\n\n  _updateText() {\n    this.displayText = this.value ? AXDateTime.convert(this.value).format(this.format) : '';\n  }\n\n  override _onOptionChanged(option: AXComponentOptionChanged): void {\n    super._onOptionChanged(option);\n    this._updateMask();\n  }\n\n  override focus(): void {\n    this.input.nativeElement.focus();\n  }\n\n  private _updateMask() {\n    if (!this._maskObj) {\n      this._maskObj = createMask({\n        mask: this.format,\n        lazy: false,\n        autofix: true,\n        overwrite: true,\n        blocks: {\n          HH: {\n            mask: MaskedRange,\n            from: 0,\n            to: 23,\n            maxLength: 2,\n            placeholderChar: '0',\n            autofix: 'pad',\n          },\n          mm: {\n            mask: MaskedRange,\n            from: 0,\n            to: 59,\n            maxLength: 2,\n            placeholderChar: '0',\n            autofix: 'pad',\n          },\n          ss: {\n            mask: MaskedRange,\n            from: 0,\n            to: 59,\n            maxLength: 2,\n            placeholderChar: '0',\n            autofix: 'pad',\n          },\n        },\n      });\n    } else {\n      this._maskObj.updateOptions({\n        mask: this.format,\n      });\n    }\n    this._maskDirective?.maskRef?.updateValue();\n    this._maskDirective?.maskRef?.updateControl();\n  }\n\n  _handleOnKeydownEvent(e: KeyboardEvent) {\n    const ignore = () => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    const nums: string[] = Array(10)\n      .fill(0)\n      .map((v, i) => i.toString());\n    const chars: string[] = [\n      'Backspace',\n      'ArrowDown',\n      'ArrowUp',\n      'ArrowRight',\n      'ArrowLeft',\n      'Tab',\n      'Enter',\n    ];\n    const input = e.target as HTMLInputElement;\n    const key = e.key;\n    const valStr = input.value;\n    const sStart = input.selectionStart || 0;\n    const sEnd = input.selectionEnd || 0;\n    const dateVal = new AXDateTime(this.value);\n    //\n    const re = /[a-zA-Z0-9]+/gi;\n    const parts = Array.from(this.format.matchAll(re));\n    const word = valStr.substring(sStart, sEnd);\n    const part = parts.find((c: any) => c.index >= sStart);\n    const next = Array.from(valStr.substr(sEnd).matchAll(re));\n    const prev = Array.from(valStr.substring(0, sStart).matchAll(re));\n    //const part = parts[Array.from(valStr.matchAll(re)).findIndex(c => c[0] == word)];\n    //\n\n    const goNext = () => {\n      this._highlightPart(input, sEnd + (next[0]?.index || 0));\n    };\n    const goPrev = () => {\n      this._highlightPart(input, prev[prev.length - 1]?.index);\n    };\n\n    //\n    if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n      ignore();\n      e.key === 'ArrowRight' ? goNext() : goPrev();\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n      if (e.ctrlKey && e.key === 'ArrowDown') {\n        //this.open();\n      } else {\n        const sign = e.key === 'ArrowUp' ? +1 : -1;\n        if (part) {\n          switch (part[0]) {\n            case 'hh':\n            case 'h':\n            case 'HH':\n            case 'H':\n              this.value = dateVal.add('hour', sign).date;\n              break;\n            case 'mm':\n              this.value = dateVal.add('minute', sign).date;\n              break;\n            case 'ss':\n            case 'SS':\n              this.value = dateVal.add('second', sign).date;\n              break;\n          }\n          setTimeout(() => {\n            this._highlightPart(input, sStart);\n          }, 10);\n        }\n      }\n      ignore();\n    } else if (e.key == 'Backspace') {\n      // if (this.allowNull) {\n      //     this.value = null;\n      // }\n      // ignore();\n    } else if (e.key == 'Tab') {\n      if (sEnd < valStr.length && !e.shiftKey) {\n        goNext();\n        ignore();\n      } else if (sStart != 0 && e.shiftKey) {\n        goPrev();\n        ignore();\n      }\n    } else {\n      // const keys = {\n      //     h: {\n      //         v: /^[0-9]$|^[1][0-2]$/,\n      //         p: '0'\n      //     },\n      //     H: {\n      //         v: /^[0-9]$|^1[0-9]$|2[0-3]$/,\n      //         p: '0'\n      //     },\n      //     m: {\n      //         v: /^[0-9]$|^[1-5][0-9]$/,\n      //         p: '0'\n      //     }\n      // }\n      // // const re = new RegExp(_.orderBy(Object.keys(keys), c => c.length, ['desc']).join(\"|\"), \"gi\");\n      // // return format.replace(re, function (matched) {\n      // //   return keys[matched]();\n      // // });\n      // const t = keys[part[0]];\n      // if (!t.v.test(key)) {\n      //     ignore();\n      // }\n      // else {\n      //     this._updateText()\n      // }\n    }\n    // super._emitOnKeydownEvent(e);\n  }\n\n  _handleKeyUpEvent(e: KeyboardEvent) {\n    // const input = (e.target as HTMLInputElement);\n    // setTimeout(() => {\n    //     this._highlightPart(input);\n    // }, 700);\n  }\n\n  override _emitOnFocusEvent(e: FocusEvent): void {\n    const input = e.target as HTMLInputElement;\n    this._highlightPart(input);\n    super._emitOnFocusEvent(e);\n  }\n\n  _handleOnInputClickEvent(e: MouseEvent): void {\n    const input = e.target as HTMLInputElement;\n    this._highlightPart(input);\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  private _highlightPart(input: HTMLInputElement, pos?: number) {\n    const { start, end } = AXStringUtil.getWordBoundsAtPosition(\n      input.value,\n      pos != null ? pos : input.selectionStart || 0\n    );\n    input.setSelectionRange(start, end);\n  }\n}\n","<ng-content select=\"ax-prefix\">\n</ng-content>\n<input #input class=\"ax-input\" \n    [imask]=\"_maskObj\" \n    [unmask]=\"false\"  \n    type=\"text\" \n    [attr.placeholder]=\"placeholder\"\n    [class.ax-state-disabled]=\"disabled\" \n    [class.ax-state-readonly]=\"readonly\" \n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\" \n    [tabindex]=\"tabIndex\" \n    [ngModel]=\"displayText\" \n    (mouseup)=\"_handleOnInputClickEvent($event)\"\n    (focus)=\"_emitOnFocusEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\"\n    (keyup)=\"_handleKeyUpEvent($event)\" \n    (keydown)=\"_handleOnKeydownEvent($event)\" \n    autocomplete=\"off\">\n<ng-content select=\"ax-suffix\">\n</ng-content>\n<ng-content select=\"ax-validation-rule\">\n</ng-content>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXTimeBoxComponent } from './time-box.component';\nimport { FormsModule } from '@angular/forms';\nimport { IMaskModule } from 'angular-imask';\nimport { AXButtonModule } from '@acorex/components/button';\n\nconst COMPONENT = [AXTimeBoxComponent];\nconst MODULES = [\n    CommonModule,\n    FormsModule,\n    AXButtonModule,\n    IMaskModule\n];\n\n@NgModule({\n    declarations: [...COMPONENT],\n    imports: [...MODULES],\n    exports: [...COMPONENT],\n    providers: [],\n})\nexport class AXTimeBoxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-toast.mjs

@@ -60,10 +60,10 @@ class AXToastComponent extends AXBaseComponentMixin {
     get __hostClass() {
         return `ax-${this.options.color}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\n            {{button.text}}\n        </button> -->\n    <ng-container *ngFor=\"let button of options.buttons\">\n      <ax-button class=\"ax-sm\" [look]=\"button.look\" [color]=\"this.options.color\" [text]=\"button.text\" (onClick)=\"_handleButtonClick(button)\"></ax-button>\n    </ng-container>\n  </div>\n</div>\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-black));color:rgba(var(--ax-color-white));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-800))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-800))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-800))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-800))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-800))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-800))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-toast-content .ax-toast-buttons ax-button{color:inherit!important;margin-inline-end:.5rem}ax-toast .ax-toast-content .ax-toast-buttons ax-button[class*=default]{background-color:#fff3!important;border-color:transparent!important}ax-toast .ax-toast-content .ax-toast-buttons ax-button[class*=outline]{background-color:transparent!important;color:inherit!important;border-color:currentColor!important;border:2px solid}ax-toast .ax-toast-content .ax-toast-buttons ax-button[class*=blank]{background-color:transparent!important;color:inherit!important}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:#ffffff75}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\n            {{button.text}}\n        </button> -->\n    <ng-container *ngFor=\"let button of options.buttons\">\n      <ax-button class=\"ax-sm\" [look]=\"button.look\" [color]=\"this.options.color\" [text]=\"button.text\" (onClick)=\"_handleButtonClick(button)\"></ax-button>\n    </ng-container>\n  </div>\n</div>\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-black));color:rgba(var(--ax-color-white));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-800))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-800))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-800))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-800))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-800))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-800))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-toast-content .ax-toast-buttons ax-button{color:inherit!important;margin-inline-end:.5rem}ax-toast .ax-toast-content .ax-toast-buttons ax-button[class*=default]{background-color:#fff3!important;border-color:transparent!important}ax-toast .ax-toast-content .ax-toast-buttons ax-button[class*=outline]{background-color:transparent!important;color:inherit!important;border-color:currentColor!important;border:2px solid}ax-toast .ax-toast-content .ax-toast-buttons ax-button[class*=blank]{background-color:transparent!important;color:inherit!important}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:#ffffff75}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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.1.5", ngImport: i0, type: AXToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\n            {{button.text}}\n        </button> -->\n    <ng-container *ngFor=\"let button of options.buttons\">\n      <ax-button class=\"ax-sm\" [look]=\"button.look\" [color]=\"this.options.color\" [text]=\"button.text\" (onClick)=\"_handleButtonClick(button)\"></ax-button>\n    </ng-container>\n  </div>\n</div>\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-black));color:rgba(var(--ax-color-white));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-800))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-800))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-800))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-800))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-800))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-800))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-toast-content .ax-toast-buttons ax-button{color:inherit!important;margin-inline-end:.5rem}ax-toast .ax-toast-content .ax-toast-buttons ax-button[class*=default]{background-color:#fff3!important;border-color:transparent!important}ax-toast .ax-toast-content .ax-toast-buttons ax-button[class*=outline]{background-color:transparent!important;color:inherit!important;border-color:currentColor!important;border:2px solid}ax-toast .ax-toast-content .ax-toast-buttons ax-button[class*=blank]{background-color:transparent!important;color:inherit!important}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:#ffffff75}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { __hostClass: [{
@@ -74,11 +74,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
 const COMPONENT = [AXToastComponent];
 const MODULES = [CommonModule, AXButtonModule];
 class AXToastModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule, AXButtonModule], exports: [AXToastComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXToastModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule, AXButtonModule], exports: [AXToastComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXToastModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXToastModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXToastModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],
@@ -208,10 +208,10 @@ class AXToastService {
             return list[list.length - 1]._getHostElement().offsetTop + list[list.length - 1]._getHostElement().offsetHeight;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXToastService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXToastService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXToastService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXToastService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXToastService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }]; } });