npm - @acorex/components - Versions diffs - 16.18.14 → 16.18.16 - Mend

@acorex/components 16.18.14 → 16.18.16

Files changed (74) hide show

package/esm2022/lib/tab-view/tab.component.mjs CHANGED Viewed

@@ -9,12 +9,14 @@ export class AXTabComponent {
     template;
     dataContext;
     icon;
+    axId;
+    axClass;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTabComponent, selector: "ax-tab", inputs: { caption: "caption", name: "name", active: "active", isCloseable: "isCloseable", template: "template", dataContext: "dataContext", icon: "icon" }, ngImport: i0, template: "<div [hidden]=\"!active\" class=\"ax tab-pane\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"template\"\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"dataContext\"\n    >\n    </ng-container>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTabComponent, selector: "ax-tab", inputs: { caption: "caption", name: "name", active: "active", isCloseable: "isCloseable", template: "template", dataContext: "dataContext", icon: "icon", axId: "axId", axClass: "axClass" }, ngImport: i0, template: "<div \n  [hidden]=\"!active\" \n  class=\"ax tab-pane {{ axClass ? axClass : '' }}\" \n  [attr.id]=\"axId ? axId : null\"\n>\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"template\"\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"dataContext\"\n    >\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tab', encapsulation: ViewEncapsulation.None, template: "<div [hidden]=\"!active\" class=\"ax tab-pane\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"template\"\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"dataContext\"\n    >\n    </ng-container>\n</div>" }]
+            args: [{ selector: 'ax-tab', encapsulation: ViewEncapsulation.None, template: "<div \n  [hidden]=\"!active\" \n  class=\"ax tab-pane {{ axClass ? axClass : '' }}\" \n  [attr.id]=\"axId ? axId : null\"\n>\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"template\"\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"dataContext\"\n    >\n    </ng-container>\n</div>\n" }]
         }], propDecorators: { caption: [{
                 type: Input
             }], name: [{
@@ -29,5 +31,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImpor
                 type: Input
             }], icon: [{
                 type: Input
+            }], axId: [{
+                type: Input
+            }], axClass: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3RhYi12aWV3L3RhYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90YWItdmlldy90YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU1wRSxNQUFNLE9BQU8sY0FBYztJQUNoQixPQUFPLENBQVM7SUFDaEIsSUFBSSxDQUFTO0lBQ2IsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUNmLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDcEIsUUFBUSxDQUFNO0lBQ2QsV0FBVyxDQUFNO0lBQ2pCLElBQUksQ0FBUzt1R0FQWCxjQUFjOzJGQUFkLGNBQWMsME1DTjNCLG1QQU9NOzsyRkRETyxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFFBQVEsaUJBRUgsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXRhYicsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWIuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEFYVGFiQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2FwdGlvbjogc3RyaW5nO1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFjdGl2ZSA9IGZhbHNlO1xuICBASW5wdXQoKSBpc0Nsb3NlYWJsZSA9IGZhbHNlO1xuICBASW5wdXQoKSB0ZW1wbGF0ZTogYW55O1xuICBASW5wdXQoKSBkYXRhQ29udGV4dDogYW55O1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG59XG4iLCI8ZGl2IFtoaWRkZW5dPVwiIWFjdGl2ZVwiIGNsYXNzPVwiYXggdGFiLXBhbmVcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRlbXBsYXRlXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJkYXRhQ29udGV4dFwiXG4gICAgPlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3RhYi12aWV3L3RhYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90YWItdmlldy90YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU1wRSxNQUFNLE9BQU8sY0FBYztJQUNoQixPQUFPLENBQVM7SUFDaEIsSUFBSSxDQUFTO0lBQ2IsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUNmLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDcEIsUUFBUSxDQUFNO0lBQ2QsV0FBVyxDQUFNO0lBQ2pCLElBQUksQ0FBUztJQUNiLElBQUksQ0FBUztJQUNiLE9BQU8sQ0FBUzt1R0FUZCxjQUFjOzJGQUFkLGNBQWMsNE9DTjNCLGlVQVlBOzsyRkROYSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFFBQVEsaUJBRUgsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtdGFiJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYi5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgQVhUYWJDb21wb25lbnQge1xuICBASW5wdXQoKSBjYXB0aW9uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgYWN0aXZlID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlzQ2xvc2VhYmxlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRlbXBsYXRlOiBhbnk7XG4gIEBJbnB1dCgpIGRhdGFDb250ZXh0OiBhbnk7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQElucHV0KCkgYXhJZDogc3RyaW5nO1xuICBASW5wdXQoKSBheENsYXNzOiBzdHJpbmc7XG59XG4iLCI8ZGl2IFxuICBbaGlkZGVuXT1cIiFhY3RpdmVcIiBcbiAgY2xhc3M9XCJheCB0YWItcGFuZSB7eyBheENsYXNzID8gYXhDbGFzcyA6ICcnIH19XCIgXG4gIFthdHRyLmlkXT1cImF4SWQgPyBheElkIDogbnVsbFwiXG4+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0ZW1wbGF0ZVwiXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJ0ZW1wbGF0ZVwiXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwiZGF0YUNvbnRleHRcIlxuICAgID5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19

package/esm2022/lib/textarea/textarea.component.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, Input } from '@angular/core';
-import { AXBaseTextComponent, AXValidatableComponent } from '../base/element.class';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, Input, } from '@angular/core';
+import { AXBaseTextComponent, AXValidatableComponent, } from '../base/element.class';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class AXTextAreaComponent extends AXBaseTextComponent {
@@ -12,11 +12,15 @@ export class AXTextAreaComponent extends AXBaseTextComponent {
     cols = 0;
     maxLength = null;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextAreaComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextAreaComponent, selector: "ax-text-area", inputs: { rows: "rows", cols: "cols", maxLength: "maxLength" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXTextAreaComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item {{size}}\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n    <div class=\"content\">\n        <div class=\"ax input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\n            <textarea [name]=\"name\" [attr.maxlength]=\"maxLength\" rows=\"{{rows}}\" cols=\"{{cols}}\" #input type=\"text\"\n                class=\"ax icon {{size}}\" [ngClass]=\"setTextAlign()\" placeholder=\"{{placeholder}}\" [readonly]=\"readonly\"\n                [disabled]=\"disabled\" value=\"{{value}}\"></textarea>\n        </div>\n    </div>\n    <div class=\"ax buttons\">\n        <ng-content select=\"ax-button\">\n        </ng-content>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextAreaComponent, selector: "ax-text-area", inputs: { rows: "rows", cols: "cols", maxLength: "maxLength" }, host: { styleAttribute: "width: 100%" }, providers: [
+            { provide: AXValidatableComponent, useExisting: AXTextAreaComponent },
+        ], usesInheritance: true, ngImport: i0, template: "<div \n  class=\"ax form-item {{size}} {{ axClass ? axClass : '' }}\" \n  [class.disabled]=\"disabled\" \n  [attr.id]=\"axId ? axId : uid\"\n>\n  <div class=\"content\">\n    <div \n      class=\"ax input {{size}} {{ axClass ? axClass + '-input' : '' }}\" \n      [class.disabled]=\"disabled\" \n      [class.readonly]=\"readonly\"\n      [attr.id]=\"axId ? axId + '-input' : null\"\n    >\n      <textarea \n        [name]=\"name\" \n        [attr.maxlength]=\"maxLength\" \n        rows=\"{{rows}}\" \n        cols=\"{{cols}}\" \n        #input \n        type=\"text\"\n        class=\"ax icon {{size}} {{ axClass ? axClass + '-textarea' : '' }}\" \n        [ngClass]=\"setTextAlign()\" \n        placeholder=\"{{placeholder}}\" \n        [readonly]=\"readonly\"\n        [disabled]=\"disabled\" \n        [attr.id]=\"axId ? axId + '-textarea' : null\"\n        [attr.class]=\"axClass ? axClass + '-textarea' : ''\"\n        value=\"{{value}}\"\n      ></textarea>\n    </div>\n  </div>\n  <div \n    class=\"ax buttons {{ axClass ? axClass + '-buttons' : '' }}\" \n    [attr.id]=\"axId ? axId + '-buttons' : null\"\n  >\n    <ng-content select=\"ax-button\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-text-area', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [{ provide: AXValidatableComponent, useExisting: AXTextAreaComponent }], template: "<div class=\"ax form-item {{size}}\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n    <div class=\"content\">\n        <div class=\"ax input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\n            <textarea [name]=\"name\" [attr.maxlength]=\"maxLength\" rows=\"{{rows}}\" cols=\"{{cols}}\" #input type=\"text\"\n                class=\"ax icon {{size}}\" [ngClass]=\"setTextAlign()\" placeholder=\"{{placeholder}}\" [readonly]=\"readonly\"\n                [disabled]=\"disabled\" value=\"{{value}}\"></textarea>\n        </div>\n    </div>\n    <div class=\"ax buttons\">\n        <ng-content select=\"ax-button\">\n        </ng-content>\n    </div>\n</div>" }]
+            args: [{ selector: 'ax-text-area', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [
+                        { provide: AXValidatableComponent, useExisting: AXTextAreaComponent },
+                    ], template: "<div \n  class=\"ax form-item {{size}} {{ axClass ? axClass : '' }}\" \n  [class.disabled]=\"disabled\" \n  [attr.id]=\"axId ? axId : uid\"\n>\n  <div class=\"content\">\n    <div \n      class=\"ax input {{size}} {{ axClass ? axClass + '-input' : '' }}\" \n      [class.disabled]=\"disabled\" \n      [class.readonly]=\"readonly\"\n      [attr.id]=\"axId ? axId + '-input' : null\"\n    >\n      <textarea \n        [name]=\"name\" \n        [attr.maxlength]=\"maxLength\" \n        rows=\"{{rows}}\" \n        cols=\"{{cols}}\" \n        #input \n        type=\"text\"\n        class=\"ax icon {{size}} {{ axClass ? axClass + '-textarea' : '' }}\" \n        [ngClass]=\"setTextAlign()\" \n        placeholder=\"{{placeholder}}\" \n        [readonly]=\"readonly\"\n        [disabled]=\"disabled\" \n        [attr.id]=\"axId ? axId + '-textarea' : null\"\n        [attr.class]=\"axClass ? axClass + '-textarea' : ''\"\n        value=\"{{value}}\"\n      ></textarea>\n    </div>\n  </div>\n  <div \n    class=\"ax buttons {{ axClass ? axClass + '-buttons' : '' }}\" \n    [attr.id]=\"axId ? axId + '-buttons' : null\"\n  >\n    <ng-content select=\"ax-button\"></ng-content>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { rows: [{
                 type: Input
             }], cols: [{
@@ -24,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImpor
             }], maxLength: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGFyZWEvdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGFyZWEvdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBYSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZJLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFVcEYsTUFBTSxPQUFPLG1CQUFvQixTQUFRLG1CQUFtQjtJQUNwQztJQUF0QixZQUFzQixHQUFzQixFQUFFLEdBQWU7UUFDM0QsS0FBSyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQURJLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBRTVDLENBQUM7SUFHRCxJQUFJLEdBQVcsQ0FBQyxDQUFDO0lBRWpCLElBQUksR0FBVyxDQUFDLENBQUM7SUFHakIsU0FBUyxHQUFXLElBQUksQ0FBQzt1R0FYZCxtQkFBbUI7MkZBQW5CLG1CQUFtQixnSkFGbkIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxpRENUcEYsc3JCQVlNOzsyRkRETyxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsY0FBYyxpQkFFVCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFDLGFBQWEsRUFBRSxhQUNsQixDQUFDLEVBQUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFdBQVcscUJBQXFCLEVBQUUsQ0FBQzsrR0FRbEYsSUFBSTtzQkFESCxLQUFLO2dCQUdOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQmFzZVRleHRDb21wb25lbnQsIEFYVmFsaWRhdGFibGVDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlL2VsZW1lbnQuY2xhc3MnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10ZXh0LWFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDogeyBzdHlsZTond2lkdGg6IDEwMCUnIH0sXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhWYWxpZGF0YWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYVGV4dEFyZWFDb21wb25lbnQgfV1cbn0pXG5leHBvcnQgY2xhc3MgQVhUZXh0QXJlYUNvbXBvbmVudCBleHRlbmRzIEFYQmFzZVRleHRDb21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZiwgcmVmOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoY2RyLCByZWYpO1xuICB9XG5cbiAgQElucHV0KClcbiAgcm93czogbnVtYmVyID0gMDtcbiAgQElucHV0KClcbiAgY29sczogbnVtYmVyID0gMDtcblxuICBASW5wdXQoKVxuICBtYXhMZW5ndGg6IG51bWJlciA9IG51bGw7XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXggZm9ybS1pdGVtIHt7c2l6ZX19XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2F0dHIuaWRdPVwidWlkXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4IGlucHV0IHt7c2l6ZX19XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2NsYXNzLnJlYWRvbmx5XT1cInJlYWRvbmx5XCI+XG4gICAgICAgICAgICA8dGV4dGFyZWEgW25hbWVdPVwibmFtZVwiIFthdHRyLm1heGxlbmd0aF09XCJtYXhMZW5ndGhcIiByb3dzPVwie3tyb3dzfX1cIiBjb2xzPVwie3tjb2xzfX1cIiAjaW5wdXQgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYXggaWNvbiB7e3NpemV9fVwiIFtuZ0NsYXNzXT1cInNldFRleHRBbGlnbigpXCIgcGxhY2Vob2xkZXI9XCJ7e3BsYWNlaG9sZGVyfX1cIiBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIHZhbHVlPVwie3t2YWx1ZX19XCI+PC90ZXh0YXJlYT5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImF4IGJ1dHRvbnNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uXCI+XG4gICAgICAgIDwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGFyZWEvdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGFyZWEvdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLGlCQUFpQixFQUVqQixVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsc0JBQXNCLEdBQ3ZCLE1BQU0sdUJBQXVCLENBQUM7OztBQVkvQixNQUFNLE9BQU8sbUJBQW9CLFNBQVEsbUJBQW1CO0lBQ3BDO0lBQXRCLFlBQXNCLEdBQXNCLEVBQUUsR0FBZTtRQUMzRCxLQUFLLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBREksUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFFNUMsQ0FBQztJQUdELElBQUksR0FBVyxDQUFDLENBQUM7SUFFakIsSUFBSSxHQUFXLENBQUMsQ0FBQztJQUdqQixTQUFTLEdBQVcsSUFBSSxDQUFDO3VHQVhkLG1CQUFtQjsyRkFBbkIsbUJBQW1CLGdKQUpuQjtZQUNULEVBQUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRTtTQUN0RSxpREN0QkgsNHFDQXFDQTs7MkZEYmEsbUJBQW1CO2tCQVYvQixTQUFTOytCQUNFLGNBQWMsaUJBRVQsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsYUFDbkI7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsV0FBVyxxQkFBcUIsRUFBRTtxQkFDdEU7K0dBUUQsSUFBSTtzQkFESCxLQUFLO2dCQUdOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQVhCYXNlVGV4dENvbXBvbmVudCxcbiAgQVhWYWxpZGF0YWJsZUNvbXBvbmVudCxcbn0gZnJvbSAnLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtdGV4dC1hcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRhcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgc3R5bGU6ICd3aWR0aDogMTAwJScgfSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBBWFZhbGlkYXRhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUZXh0QXJlYUNvbXBvbmVudCB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFRleHRBcmVhQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlVGV4dENvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBjZHI6IENoYW5nZURldGVjdG9yUmVmLCByZWY6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcihjZHIsIHJlZik7XG4gIH1cblxuICBASW5wdXQoKVxuICByb3dzOiBudW1iZXIgPSAwO1xuICBASW5wdXQoKVxuICBjb2xzOiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIG1heExlbmd0aDogbnVtYmVyID0gbnVsbDtcbn1cbiIsIjxkaXYgXG4gIGNsYXNzPVwiYXggZm9ybS1pdGVtIHt7c2l6ZX19IHt7IGF4Q2xhc3MgPyBheENsYXNzIDogJycgfX1cIiBcbiAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgXG4gIFthdHRyLmlkXT1cImF4SWQgPyBheElkIDogdWlkXCJcbj5cbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICA8ZGl2IFxuICAgICAgY2xhc3M9XCJheCBpbnB1dCB7e3NpemV9fSB7eyBheENsYXNzID8gYXhDbGFzcyArICctaW5wdXQnIDogJycgfX1cIiBcbiAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxuICAgICAgW2NsYXNzLnJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgIFthdHRyLmlkXT1cImF4SWQgPyBheElkICsgJy1pbnB1dCcgOiBudWxsXCJcbiAgICA+XG4gICAgICA8dGV4dGFyZWEgXG4gICAgICAgIFtuYW1lXT1cIm5hbWVcIiBcbiAgICAgICAgW2F0dHIubWF4bGVuZ3RoXT1cIm1heExlbmd0aFwiIFxuICAgICAgICByb3dzPVwie3tyb3dzfX1cIiBcbiAgICAgICAgY29scz1cInt7Y29sc319XCIgXG4gICAgICAgICNpbnB1dCBcbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICBjbGFzcz1cImF4IGljb24ge3tzaXplfX0ge3sgYXhDbGFzcyA/IGF4Q2xhc3MgKyAnLXRleHRhcmVhJyA6ICcnIH19XCIgXG4gICAgICAgIFtuZ0NsYXNzXT1cInNldFRleHRBbGlnbigpXCIgXG4gICAgICAgIHBsYWNlaG9sZGVyPVwie3twbGFjZWhvbGRlcn19XCIgXG4gICAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxuICAgICAgICBbYXR0ci5pZF09XCJheElkID8gYXhJZCArICctdGV4dGFyZWEnIDogbnVsbFwiXG4gICAgICAgIFthdHRyLmNsYXNzXT1cImF4Q2xhc3MgPyBheENsYXNzICsgJy10ZXh0YXJlYScgOiAnJ1wiXG4gICAgICAgIHZhbHVlPVwie3t2YWx1ZX19XCJcbiAgICAgID48L3RleHRhcmVhPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBcbiAgICBjbGFzcz1cImF4IGJ1dHRvbnMge3sgYXhDbGFzcyA/IGF4Q2xhc3MgKyAnLWJ1dHRvbnMnIDogJycgfX1cIiBcbiAgICBbYXR0ci5pZF09XCJheElkID8gYXhJZCArICctYnV0dG9ucycgOiBudWxsXCJcbiAgPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWJ1dHRvblwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/textbox/textbox.component.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, Input } from '@angular/core';
-import { AXBaseTextComponent, AXValidatableComponent } from '../base/element.class';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, Input, } from '@angular/core';
+import { AXBaseTextComponent, AXValidatableComponent, } from '../base/element.class';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../button/button.component";
@@ -19,11 +19,15 @@ export class AXTextBoxComponent extends AXBaseTextComponent {
         this.cdr = cdr;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXTextBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { mask: "mask", showMask: "showMask", type: "type", maxLength: "maxLength", maskGuid: "maskGuid", maskPlaceholder: "maskPlaceholder", maskKeepCharPositions: "maskKeepCharPositions" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXTextBoxComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n  <div class=\"ax items-wrapper\">\n    <ng-content select=\"[start]\"> </ng-content>\n    <i class=\"form-item-icon {{ icon }}\" *ngIf=\"icon\"></i>\n  </div>\n  <div class=\"content\" #content>\n    <div class=\"ax form-control input {{ size }}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n      [class.icon]=\"icon\">\n      <input #input [autocomplete]=\"autocomplete\" [name]=\"name\" class=\"ax {{ size }}\" [attr.type]=\"type\"\n        [attr.maxlength]=\"maxLength\" [mask]=\"mask\" [showMaskTyped]=\"showMask\" [(ngModel)]=\"value\"\n        placeholder=\"{{ placeholder }}\" [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n        [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" />\n    </div>\n  </div>\n  <div class=\"ax items-wrapper\">\n    <ax-button *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\"></ax-button>\n    <ng-content select=\"[end]\"> </ng-content>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i3.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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 ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { mask: "mask", showMask: "showMask", type: "type", maxLength: "maxLength", maskGuid: "maskGuid", maskPlaceholder: "maskPlaceholder", maskKeepCharPositions: "maskKeepCharPositions" }, host: { styleAttribute: "width: 100%" }, providers: [
+            { provide: AXValidatableComponent, useExisting: AXTextBoxComponent },
+        ], usesInheritance: true, ngImport: i0, template: "<div \n  class=\"ax form-item {{ axClass }}\" \n  [class.disabled]=\"disabled\" \n  [attr.id]=\"axId ? axId : null\" \n  #fc\n>\n  <div class=\"ax items-wrapper\">\n    <ng-content select=\"[start]\"></ng-content>\n    <i \n      class=\"form-item-icon {{ icon }}\" \n      *ngIf=\"icon\"\n      [attr.id]=\"axId ? axId + '-icon' : null\"\n      [attr.class]=\"axClass ? axClass + '-icon' : null\"\n    ></i>\n  </div>\n  <div \n    class=\"content\" \n    #content\n    [attr.id]=\"axId ? axId + '-content' : null\"\n    [attr.class]=\"axClass ? axClass + '-content' : null\"\n  >\n    <div \n      class=\"ax form-control input {{ size }}\" \n      [class.disabled]=\"disabled\" \n      [class.readonly]=\"readonly\" \n      [class.icon]=\"icon\"\n      [attr.id]=\"axId ? axId + '-form-control' : null\"\n      [attr.class]=\"axClass ? axClass + '-form-control' : null\"\n    >\n      <input \n        #input \n        [autocomplete]=\"autocomplete\" \n        [name]=\"name\" \n        class=\"ax {{ size }} {{ axClass ? axClass + '-input' : '' }}\" \n        [attr.type]=\"type\"\n        [attr.maxlength]=\"maxLength\" \n        [mask]=\"mask\" \n        [showMaskTyped]=\"showMask\" \n        [(ngModel)]=\"value\"\n        placeholder=\"{{ placeholder }}\" \n        [readonly]=\"readonly\" \n        [disabled]=\"disabled\" \n        [ngClass]=\"setTextAlign()\"\n        [class.clear]=\"value && allowClear\" \n        [attr.id]=\"axId ? axId + '-input' : null\"\n        (focus)=\"handleInputFocus($event)\" \n        (blur)=\"handleInputBlur($event)\"\n      />\n    </div>\n  </div>\n  <div class=\"ax items-wrapper\">\n    <ax-button \n      *ngIf=\"value && allowClear\" \n      icon=\"far fa-times\" \n      type=\"danger blank\" \n      (click)=\"clear()\"\n      [attr.id]=\"axId ? axId + '-clear-button' : null\"\n      [attr.class]=\"axClass ? axClass + '-clear-button' : null\"\n    ></ax-button>\n    <ng-content select=\"[end]\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i3.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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: "18.0.7", ngImport: i0, type: AXTextBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-text-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [{ provide: AXValidatableComponent, useExisting: AXTextBoxComponent }], template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n  <div class=\"ax items-wrapper\">\n    <ng-content select=\"[start]\"> </ng-content>\n    <i class=\"form-item-icon {{ icon }}\" *ngIf=\"icon\"></i>\n  </div>\n  <div class=\"content\" #content>\n    <div class=\"ax form-control input {{ size }}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n      [class.icon]=\"icon\">\n      <input #input [autocomplete]=\"autocomplete\" [name]=\"name\" class=\"ax {{ size }}\" [attr.type]=\"type\"\n        [attr.maxlength]=\"maxLength\" [mask]=\"mask\" [showMaskTyped]=\"showMask\" [(ngModel)]=\"value\"\n        placeholder=\"{{ placeholder }}\" [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\n        [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" />\n    </div>\n  </div>\n  <div class=\"ax items-wrapper\">\n    <ax-button *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\"></ax-button>\n    <ng-content select=\"[end]\"> </ng-content>\n  </div>\n</div>" }]
+            args: [{ selector: 'ax-text-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%' }, providers: [
+                        { provide: AXValidatableComponent, useExisting: AXTextBoxComponent },
+                    ], template: "<div \n  class=\"ax form-item {{ axClass }}\" \n  [class.disabled]=\"disabled\" \n  [attr.id]=\"axId ? axId : null\" \n  #fc\n>\n  <div class=\"ax items-wrapper\">\n    <ng-content select=\"[start]\"></ng-content>\n    <i \n      class=\"form-item-icon {{ icon }}\" \n      *ngIf=\"icon\"\n      [attr.id]=\"axId ? axId + '-icon' : null\"\n      [attr.class]=\"axClass ? axClass + '-icon' : null\"\n    ></i>\n  </div>\n  <div \n    class=\"content\" \n    #content\n    [attr.id]=\"axId ? axId + '-content' : null\"\n    [attr.class]=\"axClass ? axClass + '-content' : null\"\n  >\n    <div \n      class=\"ax form-control input {{ size }}\" \n      [class.disabled]=\"disabled\" \n      [class.readonly]=\"readonly\" \n      [class.icon]=\"icon\"\n      [attr.id]=\"axId ? axId + '-form-control' : null\"\n      [attr.class]=\"axClass ? axClass + '-form-control' : null\"\n    >\n      <input \n        #input \n        [autocomplete]=\"autocomplete\" \n        [name]=\"name\" \n        class=\"ax {{ size }} {{ axClass ? axClass + '-input' : '' }}\" \n        [attr.type]=\"type\"\n        [attr.maxlength]=\"maxLength\" \n        [mask]=\"mask\" \n        [showMaskTyped]=\"showMask\" \n        [(ngModel)]=\"value\"\n        placeholder=\"{{ placeholder }}\" \n        [readonly]=\"readonly\" \n        [disabled]=\"disabled\" \n        [ngClass]=\"setTextAlign()\"\n        [class.clear]=\"value && allowClear\" \n        [attr.id]=\"axId ? axId + '-input' : null\"\n        (focus)=\"handleInputFocus($event)\" \n        (blur)=\"handleInputBlur($event)\"\n      />\n    </div>\n  </div>\n  <div class=\"ax items-wrapper\">\n    <ax-button \n      *ngIf=\"value && allowClear\" \n      icon=\"far fa-times\" \n      type=\"danger blank\" \n      (click)=\"clear()\"\n      [attr.id]=\"axId ? axId + '-clear-button' : null\"\n      [attr.class]=\"axClass ? axClass + '-clear-button' : null\"\n    ></ax-button>\n    <ng-content select=\"[end]\"></ng-content>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { mask: [{
                 type: Input
             }], showMask: [{
@@ -39,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImpor
             }], maskKeepCharPositions: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90ZXh0Ym94L3RleHRib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGJveC90ZXh0Ym94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQWEsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2SSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7O0FBVXBGLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxtQkFBbUI7SUF1Qm5DO0lBcEJ0QixJQUFJLENBQU07SUFHVixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBR2pCLElBQUksR0FBOEQsTUFBTSxDQUFDO0lBR3pFLFNBQVMsQ0FBUztJQUdsQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBRzFCLGVBQWUsR0FBVyxHQUFHLENBQUM7SUFHOUIscUJBQXFCLEdBQVksS0FBSyxDQUFDO0lBRXZDLFlBQXNCLEdBQXNCLEVBQUUsR0FBZTtRQUMzRCxLQUFLLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBREksUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFFNUMsQ0FBQzt1R0F6QlUsa0JBQWtCOzJGQUFsQixrQkFBa0IsK1FBRmxCLENBQUMsRUFBRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsV0FBVyxFQUFFLGtCQUFrQixFQUFFLENBQUMsaURDVG5GLDZtQ0FrQk07OzJGRFBPLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxhQUFhLGlCQUVSLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLGFBQ25CLENBQUMsRUFBRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsV0FBVyxvQkFBb0IsRUFBRSxDQUFDOytHQUtqRixJQUFJO3NCQURILEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixxQkFBcUI7c0JBRHBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQmFzZVRleHRDb21wb25lbnQsIEFYVmFsaWRhdGFibGVDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlL2VsZW1lbnQuY2xhc3MnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10ZXh0LWJveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0Ym94LmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgc3R5bGU6ICd3aWR0aDogMTAwJScgfSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWFZhbGlkYXRhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUZXh0Qm94Q29tcG9uZW50IH1dXG59KVxuZXhwb3J0IGNsYXNzIEFYVGV4dEJveENvbXBvbmVudCBleHRlbmRzIEFYQmFzZVRleHRDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIG1hc2s6IGFueTtcblxuICBASW5wdXQoKVxuICBzaG93TWFzayA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHR5cGU6ICd0ZXh0JyB8ICdudW1iZXInIHwgJ3RlbCcgfCAndXJsJyB8ICdwYXNzd29yZCcgfCAnc2VhcmNoJyA9ICd0ZXh0JztcblxuICBASW5wdXQoKVxuICBtYXhMZW5ndGg6IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBtYXNrR3VpZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIG1hc2tQbGFjZWhvbGRlcjogc3RyaW5nID0gJ18nO1xuXG4gIEBJbnB1dCgpXG4gIG1hc2tLZWVwQ2hhclBvc2l0aW9uczogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBjZHI6IENoYW5nZURldGVjdG9yUmVmLCByZWY6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcihjZHIsIHJlZik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJheCBmb3JtLWl0ZW1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbYXR0ci5pZF09XCJ1aWRcIiAjZmM+XG4gIDxkaXYgY2xhc3M9XCJheCBpdGVtcy13cmFwcGVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N0YXJ0XVwiPiA8L25nLWNvbnRlbnQ+XG4gICAgPGkgY2xhc3M9XCJmb3JtLWl0ZW0taWNvbiB7eyBpY29uIH19XCIgKm5nSWY9XCJpY29uXCI+PC9pPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIiAjY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiYXggZm9ybS1jb250cm9sIGlucHV0IHt7IHNpemUgfX1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbY2xhc3MucmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgW2NsYXNzLmljb25dPVwiaWNvblwiPlxuICAgICAgPGlucHV0ICNpbnB1dCBbYXV0b2NvbXBsZXRlXT1cImF1dG9jb21wbGV0ZVwiIFtuYW1lXT1cIm5hbWVcIiBjbGFzcz1cImF4IHt7IHNpemUgfX1cIiBbYXR0ci50eXBlXT1cInR5cGVcIlxuICAgICAgICBbYXR0ci5tYXhsZW5ndGhdPVwibWF4TGVuZ3RoXCIgW21hc2tdPVwibWFza1wiIFtzaG93TWFza1R5cGVkXT1cInNob3dNYXNrXCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwie3sgcGxhY2Vob2xkZXIgfX1cIiBbcmVhZG9ubHldPVwicmVhZG9ubHlcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbbmdDbGFzc109XCJzZXRUZXh0QWxpZ24oKVwiXG4gICAgICAgIFtjbGFzcy5jbGVhcl09XCJ2YWx1ZSAmJiBhbGxvd0NsZWFyXCIgKGZvY3VzKT1cImhhbmRsZUlucHV0Rm9jdXMoJGV2ZW50KVwiIChibHVyKT1cImhhbmRsZUlucHV0Qmx1cigkZXZlbnQpXCIgLz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJheCBpdGVtcy13cmFwcGVyXCI+XG4gICAgPGF4LWJ1dHRvbiAqbmdJZj1cInZhbHVlICYmIGFsbG93Q2xlYXJcIiBpY29uPVwiZmFyIGZhLXRpbWVzXCIgdHlwZT1cImRhbmdlciBibGFua1wiIChjbGljayk9XCJjbGVhcigpXCI+PC9heC1idXR0b24+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2VuZF1cIj4gPC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90ZXh0Ym94L3RleHRib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGV4dGJveC90ZXh0Ym94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixpQkFBaUIsRUFFakIsVUFBVSxFQUNWLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLHNCQUFzQixHQUN2QixNQUFNLHVCQUF1QixDQUFDOzs7Ozs7QUFZL0IsTUFBTSxPQUFPLGtCQUFtQixTQUFRLG1CQUFtQjtJQXNCbkM7SUFwQnRCLElBQUksQ0FBTTtJQUdWLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFHakIsSUFBSSxHQUE4RCxNQUFNLENBQUM7SUFHekUsU0FBUyxDQUFTO0lBR2xCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFHMUIsZUFBZSxHQUFXLEdBQUcsQ0FBQztJQUc5QixxQkFBcUIsR0FBWSxLQUFLLENBQUM7SUFFdkMsWUFBc0IsR0FBc0IsRUFBRSxHQUFlO1FBQzNELEtBQUssQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFESSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUU1QyxDQUFDO3VHQXhCVSxrQkFBa0I7MkZBQWxCLGtCQUFrQiwrUUFKbEI7WUFDVCxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxXQUFXLEVBQUUsa0JBQWtCLEVBQUU7U0FDckUsaURDdEJILG04REE4REE7OzJGRHRDYSxrQkFBa0I7a0JBVjlCLFNBQVM7K0JBQ0UsYUFBYSxpQkFFUixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxhQUNuQjt3QkFDVCxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxXQUFXLG9CQUFvQixFQUFFO3FCQUNyRTsrR0FJRCxJQUFJO3NCQURILEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixxQkFBcUI7c0JBRHBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQVhCYXNlVGV4dENvbXBvbmVudCxcbiAgQVhWYWxpZGF0YWJsZUNvbXBvbmVudCxcbn0gZnJvbSAnLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtdGV4dC1ib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dGJveC5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7IHN0eWxlOiAnd2lkdGg6IDEwMCUnIH0sXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhWYWxpZGF0YWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYVGV4dEJveENvbXBvbmVudCB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFRleHRCb3hDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VUZXh0Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgbWFzazogYW55O1xuXG4gIEBJbnB1dCgpXG4gIHNob3dNYXNrID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgdHlwZTogJ3RleHQnIHwgJ251bWJlcicgfCAndGVsJyB8ICd1cmwnIHwgJ3Bhc3N3b3JkJyB8ICdzZWFyY2gnID0gJ3RleHQnO1xuXG4gIEBJbnB1dCgpXG4gIG1heExlbmd0aDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIG1hc2tHdWlkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgbWFza1BsYWNlaG9sZGVyOiBzdHJpbmcgPSAnXyc7XG5cbiAgQElucHV0KClcbiAgbWFza0tlZXBDaGFyUG9zaXRpb25zOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHJlZjogRWxlbWVudFJlZikge1xuICAgIHN1cGVyKGNkciwgcmVmKTtcbiAgfVxufVxuIiwiPGRpdiBcbiAgY2xhc3M9XCJheCBmb3JtLWl0ZW0ge3sgYXhDbGFzcyB9fVwiIFxuICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBcbiAgW2F0dHIuaWRdPVwiYXhJZCA/IGF4SWQgOiBudWxsXCIgXG4gICNmY1xuPlxuICA8ZGl2IGNsYXNzPVwiYXggaXRlbXMtd3JhcHBlclwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzdGFydF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPGkgXG4gICAgICBjbGFzcz1cImZvcm0taXRlbS1pY29uIHt7IGljb24gfX1cIiBcbiAgICAgICpuZ0lmPVwiaWNvblwiXG4gICAgICBbYXR0ci5pZF09XCJheElkID8gYXhJZCArICctaWNvbicgOiBudWxsXCJcbiAgICAgIFthdHRyLmNsYXNzXT1cImF4Q2xhc3MgPyBheENsYXNzICsgJy1pY29uJyA6IG51bGxcIlxuICAgID48L2k+XG4gIDwvZGl2PlxuICA8ZGl2IFxuICAgIGNsYXNzPVwiY29udGVudFwiIFxuICAgICNjb250ZW50XG4gICAgW2F0dHIuaWRdPVwiYXhJZCA/IGF4SWQgKyAnLWNvbnRlbnQnIDogbnVsbFwiXG4gICAgW2F0dHIuY2xhc3NdPVwiYXhDbGFzcyA/IGF4Q2xhc3MgKyAnLWNvbnRlbnQnIDogbnVsbFwiXG4gID5cbiAgICA8ZGl2IFxuICAgICAgY2xhc3M9XCJheCBmb3JtLWNvbnRyb2wgaW5wdXQge3sgc2l6ZSB9fVwiIFxuICAgICAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgXG4gICAgICBbY2xhc3MucmVhZG9ubHldPVwicmVhZG9ubHlcIiBcbiAgICAgIFtjbGFzcy5pY29uXT1cImljb25cIlxuICAgICAgW2F0dHIuaWRdPVwiYXhJZCA/IGF4SWQgKyAnLWZvcm0tY29udHJvbCcgOiBudWxsXCJcbiAgICAgIFthdHRyLmNsYXNzXT1cImF4Q2xhc3MgPyBheENsYXNzICsgJy1mb3JtLWNvbnRyb2wnIDogbnVsbFwiXG4gICAgPlxuICAgICAgPGlucHV0IFxuICAgICAgICAjaW5wdXQgXG4gICAgICAgIFthdXRvY29tcGxldGVdPVwiYXV0b2NvbXBsZXRlXCIgXG4gICAgICAgIFtuYW1lXT1cIm5hbWVcIiBcbiAgICAgICAgY2xhc3M9XCJheCB7eyBzaXplIH19IHt7IGF4Q2xhc3MgPyBheENsYXNzICsgJy1pbnB1dCcgOiAnJyB9fVwiIFxuICAgICAgICBbYXR0ci50eXBlXT1cInR5cGVcIlxuICAgICAgICBbYXR0ci5tYXhsZW5ndGhdPVwibWF4TGVuZ3RoXCIgXG4gICAgICAgIFttYXNrXT1cIm1hc2tcIiBcbiAgICAgICAgW3Nob3dNYXNrVHlwZWRdPVwic2hvd01hc2tcIiBcbiAgICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwie3sgcGxhY2Vob2xkZXIgfX1cIiBcbiAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCIgXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxuICAgICAgICBbbmdDbGFzc109XCJzZXRUZXh0QWxpZ24oKVwiXG4gICAgICAgIFtjbGFzcy5jbGVhcl09XCJ2YWx1ZSAmJiBhbGxvd0NsZWFyXCIgXG4gICAgICAgIFthdHRyLmlkXT1cImF4SWQgPyBheElkICsgJy1pbnB1dCcgOiBudWxsXCJcbiAgICAgICAgKGZvY3VzKT1cImhhbmRsZUlucHV0Rm9jdXMoJGV2ZW50KVwiIFxuICAgICAgICAoYmx1cik9XCJoYW5kbGVJbnB1dEJsdXIoJGV2ZW50KVwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImF4IGl0ZW1zLXdyYXBwZXJcIj5cbiAgICA8YXgtYnV0dG9uIFxuICAgICAgKm5nSWY9XCJ2YWx1ZSAmJiBhbGxvd0NsZWFyXCIgXG4gICAgICBpY29uPVwiZmFyIGZhLXRpbWVzXCIgXG4gICAgICB0eXBlPVwiZGFuZ2VyIGJsYW5rXCIgXG4gICAgICAoY2xpY2spPVwiY2xlYXIoKVwiXG4gICAgICBbYXR0ci5pZF09XCJheElkID8gYXhJZCArICctY2xlYXItYnV0dG9uJyA6IG51bGxcIlxuICAgICAgW2F0dHIuY2xhc3NdPVwiYXhDbGFzcyA/IGF4Q2xhc3MgKyAnLWNsZWFyLWJ1dHRvbicgOiBudWxsXCJcbiAgICA+PC9heC1idXR0b24+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2VuZF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=