@acorex/components 4.1.2 → 4.1.5

package/esm2020/lib/data-list/list/list.component.mjs

@@ -75,9 +75,9 @@ export class AXListComponent extends AXDataListComponent {
     dragDrop(event) {
     }
 }
-AXListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXListComponent, selector: "ax-list", inputs: { width: "width", height: "height", dropId: "dropId", connectedList: "connectedList", allowMoveItem: "allowMoveItem", dataSource: "dataSource", itemTemplate: "itemTemplate", emptyTemplate: "emptyTemplate", direction: "direction" }, outputs: { onDirectionChanged: "onDirectionChanged" }, queries: [{ propertyName: "_contentDataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }, { propertyName: "_contentItemTemplate", first: true, predicate: ["itemTemplate"], descendants: true, static: true }, { propertyName: "_contentEmptyTemplate", first: true, predicate: ["emptyTemplate"], descendants: true, static: true }, { propertyName: "searchToolbar", first: true, predicate: AXToolbarSearchComponent, descendants: true, static: true }, { propertyName: "viewToolbar", first: true, predicate: AXToolbarListViewComponent, descendants: true, static: true }, { propertyName: "toolbar", first: true, predicate: AXToolbarComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div [style.height]=\"height\" [style.width]=\"width\">\r\n  <div class=\"ax-list-toolbar\" *ngIf=\"toolbar\">\r\n    <ng-content select=\"ax-toolbar\"></ng-content>\r\n  </div>\r\n  <div class=\"ax-list-container\" cdkDropList [id]=\"dropId\" [cdkDropListConnectedTo]=\"connectedList\"\r\n    (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"items\"\r\n    [ngClass]=\"{'overflow-y': direction=='vertical' || direction=='horizontal-wrap','overflow-x': direction=='horizontal' || direction=='vertical-wrap'}\">\r\n    <div class=\"item-wrapper\" [ngClass]=\"direction\">\r\n      <!-- <ng-container *ngIf=\"items && items.length; else emptyTemplate\"> -->\r\n      <ng-container *ngIf=\"allowMoveItem; else elseTemplate\">\r\n        <div class=\"ax-list-item\" *ngFor=\"let item of items\" cdkDrag [cdkDragData]=\"item\">\r\n          <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item,direction:direction}\">\r\n          </ng-container>\r\n          <div class=\"drop-placeholder\" *cdkDragPlaceholder></div>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #elseTemplate>\r\n        <div class=\"ax-list-item\" *ngFor=\"let item of items\">\r\n          <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item,direction:direction }\">\r\n          </ng-container>\r\n        </div>\r\n      </ng-template>\r\n      <!-- </ng-container> -->\r\n\r\n    </div>\r\n    <ng-container *ngIf=\"items==null || items.length==0\">\r\n      <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n  </div>\r\n</div>", styles: [".ax-list-container{height:calc(100% - 45px);min-height:50px}.ax-list-container.overflow-x{overflow-x:auto;overflow-y:hidden}.ax-list-container.overflow-y{overflow-y:auto;overflow-x:hidden}.ax-list-container .item-wrapper{height:auto;display:flex}.ax-list-container .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.ax-list-container .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}.ax-list-container .drop-placeholder{background:var(--gray-light-color);border:dotted 2px var(--border-color);min-height:60px;margin-bottom:5px;transition:transform .25s cubic-bezier(0,0,.2,1)}.ax-list-container .vertical{flex-direction:column}.ax-list-container .vertical-wrap{flex-direction:column;flex-wrap:wrap}.ax-list-container .horizontal-wrap{flex-direction:row;flex-wrap:wrap}.ax-list-container .horizontal{flex-direction:row}.ax-list-toolbar{padding:4px 5px;background:#fff;border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXListComponent, decorators: [{
+AXListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXListComponent, selector: "ax-list", inputs: { width: "width", height: "height", dropId: "dropId", connectedList: "connectedList", allowMoveItem: "allowMoveItem", dataSource: "dataSource", itemTemplate: "itemTemplate", emptyTemplate: "emptyTemplate", direction: "direction" }, outputs: { onDirectionChanged: "onDirectionChanged" }, queries: [{ propertyName: "_contentDataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }, { propertyName: "_contentItemTemplate", first: true, predicate: ["itemTemplate"], descendants: true, static: true }, { propertyName: "_contentEmptyTemplate", first: true, predicate: ["emptyTemplate"], descendants: true, static: true }, { propertyName: "searchToolbar", first: true, predicate: AXToolbarSearchComponent, descendants: true, static: true }, { propertyName: "viewToolbar", first: true, predicate: AXToolbarListViewComponent, descendants: true, static: true }, { propertyName: "toolbar", first: true, predicate: AXToolbarComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div [style.height]=\"height\" [style.width]=\"width\">\r\n  <div class=\"ax-list-toolbar\" *ngIf=\"toolbar\">\r\n    <ng-content select=\"ax-toolbar\"></ng-content>\r\n  </div>\r\n  <div class=\"ax-list-container\" cdkDropList [id]=\"dropId\" [cdkDropListConnectedTo]=\"connectedList\"\r\n    (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"items\"\r\n    [ngClass]=\"{'overflow-y': direction=='vertical' || direction=='horizontal-wrap','overflow-x': direction=='horizontal' || direction=='vertical-wrap'}\">\r\n    <div class=\"item-wrapper\" [ngClass]=\"direction\">\r\n      <!-- <ng-container *ngIf=\"items && items.length; else emptyTemplate\"> -->\r\n      <ng-container *ngIf=\"allowMoveItem; else elseTemplate\">\r\n        <div class=\"ax-list-item\" *ngFor=\"let item of items\" cdkDrag [cdkDragData]=\"item\">\r\n          <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item,direction:direction}\">\r\n          </ng-container>\r\n          <div class=\"drop-placeholder\" *cdkDragPlaceholder></div>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #elseTemplate>\r\n        <div class=\"ax-list-item\" *ngFor=\"let item of items\">\r\n          <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item,direction:direction }\">\r\n          </ng-container>\r\n        </div>\r\n      </ng-template>\r\n      <!-- </ng-container> -->\r\n\r\n    </div>\r\n    <ng-container *ngIf=\"items==null || items.length==0\">\r\n      <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n  </div>\r\n</div>", styles: [".ax-list-container{height:calc(100% - 45px);min-height:50px}.ax-list-container.overflow-x{overflow-x:auto;overflow-y:hidden}.ax-list-container.overflow-y{overflow-y:auto;overflow-x:hidden}.ax-list-container .item-wrapper{height:auto;display:flex}.ax-list-container .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.ax-list-container .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}.ax-list-container .drop-placeholder{background:var(--gray-light-color);border:dotted 2px var(--border-color);min-height:60px;margin-bottom:5px;transition:transform .25s cubic-bezier(0,0,.2,1)}.ax-list-container .vertical{flex-direction:column}.ax-list-container .vertical-wrap{flex-direction:column;flex-wrap:wrap}.ax-list-container .horizontal-wrap{flex-direction:row;flex-wrap:wrap}.ax-list-container .horizontal{flex-direction:row}.ax-list-toolbar{padding:4px 5px;background:#fff;border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXListComponent, decorators: [{
             type: Component,
             args: [{ selector: "ax-list", encapsulation: ViewEncapsulation.None, template: "<div [style.height]=\"height\" [style.width]=\"width\">\r\n  <div class=\"ax-list-toolbar\" *ngIf=\"toolbar\">\r\n    <ng-content select=\"ax-toolbar\"></ng-content>\r\n  </div>\r\n  <div class=\"ax-list-container\" cdkDropList [id]=\"dropId\" [cdkDropListConnectedTo]=\"connectedList\"\r\n    (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"items\"\r\n    [ngClass]=\"{'overflow-y': direction=='vertical' || direction=='horizontal-wrap','overflow-x': direction=='horizontal' || direction=='vertical-wrap'}\">\r\n    <div class=\"item-wrapper\" [ngClass]=\"direction\">\r\n      <!-- <ng-container *ngIf=\"items && items.length; else emptyTemplate\"> -->\r\n      <ng-container *ngIf=\"allowMoveItem; else elseTemplate\">\r\n        <div class=\"ax-list-item\" *ngFor=\"let item of items\" cdkDrag [cdkDragData]=\"item\">\r\n          <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item,direction:direction}\">\r\n          </ng-container>\r\n          <div class=\"drop-placeholder\" *cdkDragPlaceholder></div>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #elseTemplate>\r\n        <div class=\"ax-list-item\" *ngFor=\"let item of items\">\r\n          <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item,direction:direction }\">\r\n          </ng-container>\r\n        </div>\r\n      </ng-template>\r\n      <!-- </ng-container> -->\r\n\r\n    </div>\r\n    <ng-container *ngIf=\"items==null || items.length==0\">\r\n      <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n  </div>\r\n</div>", styles: [".ax-list-container{height:calc(100% - 45px);min-height:50px}.ax-list-container.overflow-x{overflow-x:auto;overflow-y:hidden}.ax-list-container.overflow-y{overflow-y:auto;overflow-x:hidden}.ax-list-container .item-wrapper{height:auto;display:flex}.ax-list-container .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.ax-list-container .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}.ax-list-container .drop-placeholder{background:var(--gray-light-color);border:dotted 2px var(--border-color);min-height:60px;margin-bottom:5px;transition:transform .25s cubic-bezier(0,0,.2,1)}.ax-list-container .vertical{flex-direction:column}.ax-list-container .vertical-wrap{flex-direction:column;flex-wrap:wrap}.ax-list-container .horizontal-wrap{flex-direction:row;flex-wrap:wrap}.ax-list-container .horizontal{flex-direction:row}.ax-list-toolbar{padding:4px 5px;background:#fff;border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { width: [{

package/esm2020/lib/data-list/list/list.module.mjs

@@ -7,10 +7,10 @@ import { AXDataSourceModule } from '../../data-source/datasource.module';
 import * as i0 from "@angular/core";
 export class AXListModule {
 }
-AXListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXListModule, declarations: [AXListComponent, AXToolbarListViewComponent], imports: [CommonModule, AXDataSourceModule, DragDropModule], exports: [AXListComponent, AXToolbarListViewComponent] });
-AXListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXListModule, providers: [], imports: [[CommonModule, AXDataSourceModule, DragDropModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXListModule, decorators: [{
+AXListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXListModule, declarations: [AXListComponent, AXToolbarListViewComponent], imports: [CommonModule, AXDataSourceModule, DragDropModule], exports: [AXListComponent, AXToolbarListViewComponent] });
+AXListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXListModule, providers: [], imports: [[CommonModule, AXDataSourceModule, DragDropModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXListComponent, AXToolbarListViewComponent],

package/esm2020/lib/data-list/list/toolbar-list-view.component.mjs

@@ -26,8 +26,8 @@ export class AXToolbarListViewComponent {
         }
     }
 }
-AXToolbarListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXToolbarListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXToolbarListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXToolbarListViewComponent, selector: "ax-toolbar-list-view", inputs: { vertical: "vertical", verticalWrap: ["vertical-wrap", "verticalWrap"], horizontalWrap: ["horizontal-wrap", "horizontalWrap"], horizontal: "horizontal", direction: "direction" }, outputs: { onDirectionChanged: "onDirectionChanged" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarListViewComponent }], ngImport: i0, template: `
+AXToolbarListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXToolbarListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXToolbarListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXToolbarListViewComponent, selector: "ax-toolbar-list-view", inputs: { vertical: "vertical", verticalWrap: ["vertical-wrap", "verticalWrap"], horizontalWrap: ["horizontal-wrap", "horizontalWrap"], horizontal: "horizontal", direction: "direction" }, outputs: { onDirectionChanged: "onDirectionChanged" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarListViewComponent }], ngImport: i0, template: `
     <div class="btn-group" role="group">
         <button type="button" class="btn btn-light btn-sm" *ngIf="vertical" [class.active]="direction=='vertical'"   (click)="direction='vertical'" title="vertical">
         <i class="far fa-bars"></i>
@@ -43,7 +43,7 @@ AXToolbarListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
         </button>
     </div>
     `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXToolbarListViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXToolbarListViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-toolbar-list-view',

package/esm2020/lib/data-source/datasource.component.mjs

@@ -31,9 +31,9 @@ export class AXDataSourceComponent {
         }
     }
 }
-AXDataSourceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDataSourceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDataSourceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXDataSourceComponent, selector: "ax-data-source", inputs: { provideData: "provideData", params: "params" }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDataSourceComponent, decorators: [{
+AXDataSourceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataSourceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDataSourceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDataSourceComponent, selector: "ax-data-source", inputs: { provideData: "provideData", params: "params" }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataSourceComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "ax-data-source",

package/esm2020/lib/data-source/datasource.module.mjs

@@ -3,10 +3,10 @@ import { AXDataSourceComponent } from './datasource.component';
 import * as i0 from "@angular/core";
 export class AXDataSourceModule {
 }
-AXDataSourceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDataSourceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXDataSourceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDataSourceModule, declarations: [AXDataSourceComponent], exports: [AXDataSourceComponent] });
-AXDataSourceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDataSourceModule, providers: [], imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDataSourceModule, decorators: [{
+AXDataSourceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataSourceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXDataSourceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataSourceModule, declarations: [AXDataSourceComponent], exports: [AXDataSourceComponent] });
+AXDataSourceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataSourceModule, providers: [], imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataSourceModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXDataSourceComponent],

package/esm2020/lib/date-picker/date-picker.component.mjs

@@ -645,9 +645,9 @@ export class AXDatePickerComponent extends AXValidatableComponent {
         this.setCaretPosition(this.input.input.nativeElement, this.cursorPosition);
     }
 }
-AXDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { dayStyle: "dayStyle", dayMinMaxResoan: "dayMinMaxResoan", validation: "validation", placeholder: "placeholder", min: "min", max: "max", readonly: "readonly", disabled: "disabled", allowClear: "allowClear", textAlign: "textAlign", showToday: "showToday", selectableHoliday: "selectableHoliday", dateType: "dateType", showTodayButton: "showTodayButton", openByClick: "openByClick", size: "size", type: "type", value: "value" }, outputs: { typeChange: "typeChange", onValueChanged: "onValueChanged", valueChange: "valueChange" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXDatePickerComponent }], queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-drop-down [readonly]=\"readonly\" [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\"\r\n    icon=\"far fa-calendar-alt\" #dropdown maxHeight=\"unset\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container header>\r\n        <ax-text-box #input [textAlign]=\"textAlign\" [(value)]=\"text\" [readonly]=\"false\" [textMask]=\"dateType\"\r\n            [disabled]=\"disabled\" [placeholder]=\"placeholder\" [size]=\"size\" (onkey)=\"handleKeyPress($event)\"\r\n            (onFocus)=\"handleInputFocus()\" (click)=\"handleClick()\" (onBlur)=\"handleInputBlur()\"\r\n            (onValueChanged)=\"textChange($event)\"></ax-text-box>\r\n    </ng-container>\r\n    <ng-container panel>\r\n        <ax-calendar-box *ngIf=\"_renderPicker\" [showTodayButton]=\"showTodayButton\"\r\n            [selectableHoliday]=\"selectableHoliday\" [min]=\"min\" [max]=\"max\" [size]=\"size\" (onClick)=\"onClick($event)\"\r\n            (onValueChanged)=\"onDateChange($event)\" [type]=\"type\" [(value)]=\"value\" [dayStyle]=\"dayStyle\"\r\n            [dayMinMaxResoan]=\"dayMinMaxResoan\">\r\n        </ax-calendar-box>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button end *ngIf=\"allowClear && value\" [disabled]=\"disabled\" icon=\"far fa-times icon\" type=\"blank danger\"\r\n            (click)=\"clear()\" [size]=\"size\" [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ax-button end icon=\"far fa-calendar-alt icon\" type=\"light blank\" (click)=\"handleButtonClick()\"\r\n            [disabled]=\"disabled\" [size]=\"size\" [tabIndex]=\"-1\"></ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n\r\n</ax-drop-down>", styles: [".ax-dropdown-container-bordered .ax-calendar-container{border:none!important}\n"], components: [{ type: i1.AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading"], outputs: ["dropdownToggle", "onButtonClick"] }, { type: i2.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "type", "showMask", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { type: i3.AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: ["size", "type", "locale", "dir", "min", "max", "selectableHoliday", "dayStyle", "dayMinMaxResoan", "showTodayButton", "view", "depth", "value"], outputs: ["onValueChanged", "onClick", "valueChange"] }, { type: i4.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i5.MaskedInputDirective, selector: "[textMask]", inputs: ["textMask"], exportAs: ["textMask"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDatePickerComponent, decorators: [{
+AXDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { dayStyle: "dayStyle", dayMinMaxResoan: "dayMinMaxResoan", validation: "validation", placeholder: "placeholder", min: "min", max: "max", readonly: "readonly", disabled: "disabled", allowClear: "allowClear", textAlign: "textAlign", showToday: "showToday", selectableHoliday: "selectableHoliday", dateType: "dateType", showTodayButton: "showTodayButton", openByClick: "openByClick", size: "size", type: "type", value: "value" }, outputs: { typeChange: "typeChange", onValueChanged: "onValueChanged", valueChange: "valueChange" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXDatePickerComponent }], queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-drop-down [readonly]=\"readonly\" [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\"\r\n    icon=\"far fa-calendar-alt\" #dropdown maxHeight=\"unset\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container header>\r\n        <ax-text-box #input [textAlign]=\"textAlign\" [(value)]=\"text\" [readonly]=\"false\" [textMask]=\"dateType\"\r\n            [disabled]=\"disabled\" [placeholder]=\"placeholder\" [size]=\"size\" (onkey)=\"handleKeyPress($event)\"\r\n            (onFocus)=\"handleInputFocus()\" (click)=\"handleClick()\" (onBlur)=\"handleInputBlur()\"\r\n            (onValueChanged)=\"textChange($event)\"></ax-text-box>\r\n    </ng-container>\r\n    <ng-container panel>\r\n        <ax-calendar-box *ngIf=\"_renderPicker\" [showTodayButton]=\"showTodayButton\"\r\n            [selectableHoliday]=\"selectableHoliday\" [min]=\"min\" [max]=\"max\" [size]=\"size\" (onClick)=\"onClick($event)\"\r\n            (onValueChanged)=\"onDateChange($event)\" [type]=\"type\" [(value)]=\"value\" [dayStyle]=\"dayStyle\"\r\n            [dayMinMaxResoan]=\"dayMinMaxResoan\">\r\n        </ax-calendar-box>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button end *ngIf=\"allowClear && value\" [disabled]=\"disabled\" icon=\"far fa-times icon\" type=\"blank danger\"\r\n            (click)=\"clear()\" [size]=\"size\" [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ax-button end icon=\"far fa-calendar-alt icon\" type=\"light blank\" (click)=\"handleButtonClick()\"\r\n            [disabled]=\"disabled\" [size]=\"size\" [tabIndex]=\"-1\"></ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n\r\n</ax-drop-down>", styles: [".ax-dropdown-container-bordered .ax-calendar-container{border:none!important}\n"], components: [{ type: i1.AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading"], outputs: ["dropdownToggle", "onButtonClick"] }, { type: i2.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "type", "showMask", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { type: i3.AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: ["size", "type", "locale", "dir", "min", "max", "selectableHoliday", "dayStyle", "dayMinMaxResoan", "showTodayButton", "view", "depth", "value"], outputs: ["onValueChanged", "onClick", "valueChange"] }, { type: i4.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i5.MaskedInputDirective, selector: "[textMask]", inputs: ["textMask"], exportAs: ["textMask"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-date-picker', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXValidatableComponent, useExisting: AXDatePickerComponent }], host: { style: 'width: 100%' }, template: "<ax-drop-down [readonly]=\"readonly\" [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\"\r\n    icon=\"far fa-calendar-alt\" #dropdown maxHeight=\"unset\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container header>\r\n        <ax-text-box #input [textAlign]=\"textAlign\" [(value)]=\"text\" [readonly]=\"false\" [textMask]=\"dateType\"\r\n            [disabled]=\"disabled\" [placeholder]=\"placeholder\" [size]=\"size\" (onkey)=\"handleKeyPress($event)\"\r\n            (onFocus)=\"handleInputFocus()\" (click)=\"handleClick()\" (onBlur)=\"handleInputBlur()\"\r\n            (onValueChanged)=\"textChange($event)\"></ax-text-box>\r\n    </ng-container>\r\n    <ng-container panel>\r\n        <ax-calendar-box *ngIf=\"_renderPicker\" [showTodayButton]=\"showTodayButton\"\r\n            [selectableHoliday]=\"selectableHoliday\" [min]=\"min\" [max]=\"max\" [size]=\"size\" (onClick)=\"onClick($event)\"\r\n            (onValueChanged)=\"onDateChange($event)\" [type]=\"type\" [(value)]=\"value\" [dayStyle]=\"dayStyle\"\r\n            [dayMinMaxResoan]=\"dayMinMaxResoan\">\r\n        </ax-calendar-box>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button end *ngIf=\"allowClear && value\" [disabled]=\"disabled\" icon=\"far fa-times icon\" type=\"blank danger\"\r\n            (click)=\"clear()\" [size]=\"size\" [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ax-button end icon=\"far fa-calendar-alt icon\" type=\"light blank\" (click)=\"handleButtonClick()\"\r\n            [disabled]=\"disabled\" [size]=\"size\" [tabIndex]=\"-1\"></ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n\r\n</ax-drop-down>", styles: [".ax-dropdown-container-bordered .ax-calendar-container{border:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { dropdown: [{

package/esm2020/lib/date-picker/date-picker.module.mjs

@@ -10,10 +10,10 @@ import { TextMaskModule } from 'angular2-text-mask';
 import * as i0 from "@angular/core";
 export class AXDatePickerModule {
 }
-AXDatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXDatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDatePickerModule, declarations: [AXDatePickerComponent], imports: [CommonModule, FormsModule, AXDropdownModule, AXCalendarBoxModule, AXButtonModule, AXTextBoxModule, TextMaskModule, FormsModule], exports: [AXDatePickerComponent] });
-AXDatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDatePickerModule, providers: [], imports: [[CommonModule, FormsModule, AXDropdownModule, AXCalendarBoxModule, AXButtonModule, AXTextBoxModule, TextMaskModule, FormsModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDatePickerModule, decorators: [{
+AXDatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXDatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDatePickerModule, declarations: [AXDatePickerComponent], imports: [CommonModule, FormsModule, AXDropdownModule, AXCalendarBoxModule, AXButtonModule, AXTextBoxModule, TextMaskModule, FormsModule], exports: [AXDatePickerComponent] });
+AXDatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDatePickerModule, providers: [], imports: [[CommonModule, FormsModule, AXDropdownModule, AXCalendarBoxModule, AXButtonModule, AXTextBoxModule, TextMaskModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXDatePickerComponent],

package/esm2020/lib/dialog/dialog.component.mjs

@@ -15,9 +15,9 @@ export class AXDialogComponent extends AXBasePopupPageComponent {
         return this.buttons;
     }
 }
-AXDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXDialogComponent, selector: "ax-dialog", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-dialog\">\r\n    <div class=\"dialog-content\" [innerHTML]=\"message\">\r\n            \r\n    </div>\r\n</div>", styles: [".ax-dialog{background:var(--ax-white-color);display:flex;flex-direction:column;padding:.8em}.ax-dialog .dialog-content{display:flex;justify-content:center;align-items:center}.ax-dialog .buttons{display:flex;flex-direction:row-reverse;margin-top:1em}.ax-dialog .buttons .button{-webkit-margin-end:.5em;margin-inline-end:.5em;min-width:100px}[dir=rtl] .ax-dialog .buttons{flex-direction:row!important}.ax-dialog .buttons .btn{margin:0 5px}\n"], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDialogComponent, decorators: [{
+AXDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDialogComponent, selector: "ax-dialog", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-dialog\">\r\n    <div class=\"dialog-content\" [innerHTML]=\"message\">\r\n            \r\n    </div>\r\n</div>", styles: [".ax-dialog{background:var(--ax-white-color);display:flex;flex-direction:column;padding:.8em}.ax-dialog .dialog-content{display:flex;justify-content:center;align-items:center}.ax-dialog .buttons{display:flex;flex-direction:row-reverse;margin-top:1em}.ax-dialog .buttons .button{-webkit-margin-end:.5em;margin-inline-end:.5em;min-width:100px}[dir=rtl] .ax-dialog .buttons{flex-direction:row!important}.ax-dialog .buttons .btn{margin:0 5px}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-dialog', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-dialog\">\r\n    <div class=\"dialog-content\" [innerHTML]=\"message\">\r\n            \r\n    </div>\r\n</div>", styles: [".ax-dialog{background:var(--ax-white-color);display:flex;flex-direction:column;padding:.8em}.ax-dialog .dialog-content{display:flex;justify-content:center;align-items:center}.ax-dialog .buttons{display:flex;flex-direction:row-reverse;margin-top:1em}.ax-dialog .buttons .button{-webkit-margin-end:.5em;margin-inline-end:.5em;min-width:100px}[dir=rtl] .ax-dialog .buttons{flex-direction:row!important}.ax-dialog .buttons .btn{margin:0 5px}\n"] }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/dialog/dialog.module.mjs

@@ -6,10 +6,10 @@ import { AXTranslatorModule } from '@acorex/core';
 import * as i0 from "@angular/core";
 export class AXDialogModule {
 }
-AXDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDialogModule, declarations: [AXDialogComponent], imports: [CommonModule, AXButtonModule, AXTranslatorModule], exports: [AXDialogComponent] });
-AXDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDialogModule, providers: [], imports: [[CommonModule, AXButtonModule, AXTranslatorModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDialogModule, decorators: [{
+AXDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDialogModule, declarations: [AXDialogComponent], imports: [CommonModule, AXButtonModule, AXTranslatorModule], exports: [AXDialogComponent] });
+AXDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDialogModule, providers: [], imports: [[CommonModule, AXButtonModule, AXTranslatorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXDialogComponent],

package/esm2020/lib/dialog/dialog.service.mjs

@@ -141,9 +141,9 @@ export class AXDialogService {
         });
     }
 }
-AXDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDialogService, deps: [{ token: i1.AXPopupService }], target: i0.ɵɵFactoryTarget.Injectable });
-AXDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDialogService, decorators: [{
+AXDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDialogService, deps: [{ token: i1.AXPopupService }], target: i0.ɵɵFactoryTarget.Injectable });
+AXDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.AXPopupService }]; } });

package/esm2020/lib/drawer/drawer.component.mjs

@@ -21,8 +21,8 @@ export class AXDrawerComponent {
         }
     }
 }
-AXDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXDrawerComponent, selector: "ax-drawer", inputs: { width: "width" }, ngImport: i0, template: "<div class=\"ax-drawer-overlay\" [@slideInOut]=\"drawerState\" (click)=\"toggle()\" >\r\n  <div class=\"ax-drawer-container\" [style.width.px]=\"width\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", animations: [
+AXDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDrawerComponent, selector: "ax-drawer", inputs: { width: "width" }, ngImport: i0, template: "<div class=\"ax-drawer-overlay\" [@slideInOut]=\"drawerState\" (click)=\"toggle()\" >\r\n  <div class=\"ax-drawer-container\" [style.width.px]=\"width\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", animations: [
         trigger('slideInOut', [
             state('in', style({
                 transform: 'translate3d(0,0,0)',
@@ -34,7 +34,7 @@ AXDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             transition('out => in', animate('200ms ease-in-out')),
         ]),
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDrawerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-drawer', animations: [
                         trigger('slideInOut', [

package/esm2020/lib/drawer/drawer.module.mjs

@@ -5,10 +5,10 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import * as i0 from "@angular/core";
 export class AXDrawerModule {
 }
-AXDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDrawerModule, declarations: [AXDrawerComponent], imports: [CommonModule, BrowserAnimationsModule], exports: [AXDrawerComponent] });
-AXDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDrawerModule, providers: [], imports: [[CommonModule, BrowserAnimationsModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDrawerModule, decorators: [{
+AXDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDrawerModule, declarations: [AXDrawerComponent], imports: [CommonModule, BrowserAnimationsModule], exports: [AXDrawerComponent] });
+AXDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDrawerModule, providers: [], imports: [[CommonModule, BrowserAnimationsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDrawerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXDrawerComponent],

package/esm2020/lib/dropdown/dropdown.component.mjs

@@ -143,9 +143,9 @@ export class AXDropdownComponent extends AXBaseDropdownComponent {
     }
     focus() { }
 }
-AXDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-AXDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXDropdownComponent, selector: "ax-drop-down", inputs: { rtl: "rtl", readonly: "readonly", loading: "loading" }, outputs: { dropdownToggle: "dropdownToggle", onButtonClick: "onButtonClick" }, host: { listeners: { "keydown": "onKeydownHandler($event)" }, styleAttribute: "display:contents;" }, viewQueries: [{ propertyName: "baseTemplate", first: true, predicate: ["baseTemplate"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "endButtons", first: true, predicate: ["endButtons"], descendants: true }, { propertyName: "dropdownEL", first: true, predicate: ["el"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item {{size}}\" [class.readonly]=\"readonly\" [attr.id]=\"uid\" [class.disabled]=\"disabled\" #el>\r\n    <div class=\"ax items-wrapper\">\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </div>\r\n    <div class=\"content\">\r\n        <ng-content select=\"ng-container[header]\">\r\n        </ng-content>\r\n    </div>\r\n    <div class=\"ax items-wrapper\">\r\n        <ax-button *ngIf=\"showDropDownButton\" [disabled]=\"disabled || readonly\" [loading]=\"loading\" icon=\"far fa-angle-down icon\"\r\n            type=\"light blank\" [size]=\"size\" (click)=\"handleArrowClick($event)\"  [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #baseTemplate>\r\n    <!-- [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" -->\r\n    <div class=\"ax-dropdown-container-bordered\" [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" >\r\n        <ng-content select=\"ng-container[panel]\">\r\n        </ng-content>\r\n    </div>\r\n</ng-template>", styles: [".ax-dropdown-container-bordered{background:var(--ax-white-color);border:1px solid;border-color:var(--ax-border-color);border-radius:var(--ax-size-border-radius);box-shadow:0 0 3px #0003;margin:.2rem 0}\n"], components: [{ type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDropdownComponent, decorators: [{
+AXDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDropdownComponent, selector: "ax-drop-down", inputs: { rtl: "rtl", readonly: "readonly", loading: "loading" }, outputs: { dropdownToggle: "dropdownToggle", onButtonClick: "onButtonClick" }, host: { listeners: { "keydown": "onKeydownHandler($event)" }, styleAttribute: "display:contents;" }, viewQueries: [{ propertyName: "baseTemplate", first: true, predicate: ["baseTemplate"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "endButtons", first: true, predicate: ["endButtons"], descendants: true }, { propertyName: "dropdownEL", first: true, predicate: ["el"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item {{size}}\" [class.readonly]=\"readonly\" [attr.id]=\"uid\" [class.disabled]=\"disabled\" #el>\r\n    <div class=\"ax items-wrapper\">\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </div>\r\n    <div class=\"content\">\r\n        <ng-content select=\"ng-container[header]\">\r\n        </ng-content>\r\n    </div>\r\n    <div class=\"ax items-wrapper\">\r\n        <ax-button *ngIf=\"showDropDownButton\" [disabled]=\"disabled || readonly\" [loading]=\"loading\" icon=\"far fa-angle-down icon\"\r\n            type=\"light blank\" [size]=\"size\" (click)=\"handleArrowClick($event)\"  [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #baseTemplate>\r\n    <!-- [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" -->\r\n    <div class=\"ax-dropdown-container-bordered\" [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" >\r\n        <ng-content select=\"ng-container[panel]\">\r\n        </ng-content>\r\n    </div>\r\n</ng-template>", styles: [".ax-dropdown-container-bordered{background:var(--ax-white-color);border:1px solid;border-color:var(--ax-border-color);border-radius:var(--ax-size-border-radius);box-shadow:0 0 3px #0003;margin:.2rem 0}\n"], components: [{ type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-drop-down', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'display:contents;' }, template: "<div class=\"ax form-item {{size}}\" [class.readonly]=\"readonly\" [attr.id]=\"uid\" [class.disabled]=\"disabled\" #el>\r\n    <div class=\"ax items-wrapper\">\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </div>\r\n    <div class=\"content\">\r\n        <ng-content select=\"ng-container[header]\">\r\n        </ng-content>\r\n    </div>\r\n    <div class=\"ax items-wrapper\">\r\n        <ax-button *ngIf=\"showDropDownButton\" [disabled]=\"disabled || readonly\" [loading]=\"loading\" icon=\"far fa-angle-down icon\"\r\n            type=\"light blank\" [size]=\"size\" (click)=\"handleArrowClick($event)\"  [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #baseTemplate>\r\n    <!-- [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" -->\r\n    <div class=\"ax-dropdown-container-bordered\" [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" >\r\n        <ng-content select=\"ng-container[panel]\">\r\n        </ng-content>\r\n    </div>\r\n</ng-template>", styles: [".ax-dropdown-container-bordered{background:var(--ax-white-color);border:1px solid;border-color:var(--ax-border-color);border-radius:var(--ax-size-border-radius);box-shadow:0 0 3px #0003;margin:.2rem 0}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { baseTemplate: [{

package/esm2020/lib/dropdown/dropdown.module.mjs

@@ -11,10 +11,10 @@ const COMPONENT = [AXDropdownComponent];
 const MODULES = [CommonModule, AXFormGroupModule, AXTextBoxModule, AXButtonModule, AXPopoverModule, OverlayModule];
 export class AXDropdownModule {
 }
-AXDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDropdownModule, declarations: [AXDropdownComponent], imports: [CommonModule, AXFormGroupModule, AXTextBoxModule, AXButtonModule, AXPopoverModule, OverlayModule], exports: [AXDropdownComponent] });
-AXDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDropdownModule, providers: [], imports: [[...MODULES]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXDropdownModule, decorators: [{
+AXDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDropdownModule, declarations: [AXDropdownComponent], imports: [CommonModule, AXFormGroupModule, AXTextBoxModule, AXButtonModule, AXPopoverModule, OverlayModule], exports: [AXDropdownComponent] });
+AXDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDropdownModule, providers: [], imports: [[...MODULES]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/esm2020/lib/fieldset/fieldset.component.mjs

@@ -14,8 +14,8 @@ export class AXFieldsetComponent {
         }
     }
 }
-AXFieldsetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXFieldsetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXFieldsetComponent, selector: "ax-fieldset", inputs: { size: "size", caption: "caption", allowCollapse: "allowCollapse" }, ngImport: i0, template: "<fieldset class=\"ax fieldset {{size}}\">\r\n    <legend (click)=\"toggle()\"> {{ caption }} </legend>\r\n    <div class=\"fieldset-content\" [@visibilityChanged]=\"collapsed ? 'hidden' : 'shown'\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</fieldset>", animations: [
+AXFieldsetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXFieldsetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXFieldsetComponent, selector: "ax-fieldset", inputs: { size: "size", caption: "caption", allowCollapse: "allowCollapse" }, ngImport: i0, template: "<fieldset class=\"ax fieldset {{size}}\">\r\n    <legend (click)=\"toggle()\"> {{ caption }} </legend>\r\n    <div class=\"fieldset-content\" [@visibilityChanged]=\"collapsed ? 'hidden' : 'shown'\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</fieldset>", animations: [
         trigger('visibilityChanged', [
             state('shown', style({
                 height: '*',
@@ -31,7 +31,7 @@ AXFieldsetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             transition('hidden => shown', animate('200ms'))
         ])
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFieldsetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFieldsetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-fieldset', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('visibilityChanged', [

package/esm2020/lib/fieldset/fieldset.module.mjs

@@ -4,10 +4,10 @@ import { AXFieldsetComponent } from './fieldset.component';
 import * as i0 from "@angular/core";
 export class AXFieldsetModule {
 }
-AXFieldsetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFieldsetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXFieldsetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFieldsetModule, declarations: [AXFieldsetComponent], imports: [CommonModule], exports: [AXFieldsetComponent] });
-AXFieldsetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFieldsetModule, providers: [], imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFieldsetModule, decorators: [{
+AXFieldsetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFieldsetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXFieldsetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFieldsetModule, declarations: [AXFieldsetComponent], imports: [CommonModule], exports: [AXFieldsetComponent] });
+AXFieldsetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFieldsetModule, providers: [], imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFieldsetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXFieldsetComponent],

package/esm2020/lib/form-group/form-group.component.mjs

@@ -10,16 +10,15 @@ export class AXFormGroupComponent extends AXBaseComponent {
         this.required = false;
     }
     ngAfterViewInit() {
-        debugger;
         this.required = this.component?.validation?.rules?.some(c => c.type === 'required');
         if (this.required) {
             this.div.nativeElement.classList.add('required-state');
         }
     }
 }
-AXFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFormGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXFormGroupComponent, selector: "ax-form-group", inputs: { size: "size" }, host: { styleAttribute: "width: 100%; display:contents;" }, queries: [{ propertyName: "component", first: true, predicate: AXValidatableComponent, descendants: true }], viewQueries: [{ propertyName: "div", first: true, predicate: ["div"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-group {{size}}\">\r\n    <ng-content select=\"ax-label\"></ng-content>\r\n    <div #div class=\"ax form-item\" [ngClass]=\"{'required-state': required}\">\r\n        <div class=\"ax buttons start-buttons\" #startButtons>\r\n            <ng-content select=\"ax-button[start]\"></ng-content>\r\n        </div>\r\n        <div class=\"content\" #content>\r\n            <ng-content></ng-content>\r\n        </div>\r\n        <div class=\"ax buttons end-buttons\" #endButtons>\r\n            <ng-content select=\"ax-button[end]\"></ng-content>\r\n            <ng-content select=\"ax-button\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFormGroupComponent, decorators: [{
+AXFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFormGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXFormGroupComponent, selector: "ax-form-group", inputs: { size: "size" }, host: { styleAttribute: "width: 100%; display:contents;" }, queries: [{ propertyName: "component", first: true, predicate: AXValidatableComponent, descendants: true }], viewQueries: [{ propertyName: "div", first: true, predicate: ["div"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-group {{size}}\">\r\n    <ng-content select=\"ax-label\"></ng-content>\r\n    <div #div class=\"ax form-item\" [ngClass]=\"{'required-state': required}\">\r\n        <div class=\"ax buttons start-buttons\" #startButtons>\r\n            <ng-content select=\"ax-button[start]\"></ng-content>\r\n        </div>\r\n        <div class=\"content\" #content>\r\n            <ng-content></ng-content>\r\n        </div>\r\n        <div class=\"ax buttons end-buttons\" #endButtons>\r\n            <ng-content select=\"ax-button[end]\"></ng-content>\r\n            <ng-content select=\"ax-button\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFormGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, template: "<div class=\"ax form-group {{size}}\">\r\n    <ng-content select=\"ax-label\"></ng-content>\r\n    <div #div class=\"ax form-item\" [ngClass]=\"{'required-state': required}\">\r\n        <div class=\"ax buttons start-buttons\" #startButtons>\r\n            <ng-content select=\"ax-button[start]\"></ng-content>\r\n        </div>\r\n        <div class=\"content\" #content>\r\n            <ng-content></ng-content>\r\n        </div>\r\n        <div class=\"ax buttons end-buttons\" #endButtons>\r\n            <ng-content select=\"ax-button[end]\"></ng-content>\r\n            <ng-content select=\"ax-button\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{
@@ -31,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImpo
                 type: ContentChild,
                 args: [AXValidatableComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2Zvcm0tZ3JvdXAvZm9ybS1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2Zvcm0tZ3JvdXAvZm9ybS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFDNUQsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQ3ZELE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQXlDLHNCQUFzQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7OztBQVN2SCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsZUFBZTtJQVl2RCxZQUFvQixHQUFzQjtRQUN4QyxLQUFLLEVBQUUsQ0FBQztRQURVLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBVjFDLFNBQUksR0FBa0IsSUFBSSxDQUFDO1FBUTNCLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFJMUIsQ0FBQztJQUdELGVBQWU7UUFDYixRQUFRLENBQUE7UUFDUixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLFVBQVUsQ0FBQyxDQUFDO1FBQ3BGLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUE7U0FFdkQ7SUFDSCxDQUFDOztrSEF4QlUsb0JBQW9CO3NHQUFwQixvQkFBb0Isa0xBT2pCLHNCQUFzQixtS0NwQnRDLDBwQkFjTTs0RkRETyxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsZUFBZSxpQkFFVixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFDLGdDQUFnQyxFQUFFO3dHQUloRCxJQUFJO3NCQURILEtBQUs7Z0JBSU4sR0FBRztzQkFERixTQUFTO3VCQUFDLEtBQUs7Z0JBSVIsU0FBUztzQkFEaEIsWUFBWTt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCwgSW5wdXQsIENoYW5nZURldGVjdG9yUmVmLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBWaWV3RW5jYXBzdWxhdGlvbiwgQ29udGVudENoaWxkLCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50LCBBWEJhc2VTaXphYmxlQ29tcG9uZW50LCBBWEVsZW1lbnRTaXplLCBBWFZhbGlkYXRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXgtZm9ybS1ncm91cCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgaG9zdDogeyBzdHlsZTond2lkdGg6IDEwMCU7IGRpc3BsYXk6Y29udGVudHM7JyB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWEZvcm1Hcm91cENvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFYQmFzZVNpemFibGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpXHJcbiAgc2l6ZTogQVhFbGVtZW50U2l6ZSA9ICdtZCc7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2RpdicpXHJcbiAgZGl2OiBFbGVtZW50UmVmXHJcblxyXG4gIEBDb250ZW50Q2hpbGQoQVhWYWxpZGF0YWJsZUNvbXBvbmVudClcclxuICBwcml2YXRlIGNvbXBvbmVudDogQVhWYWxpZGF0YWJsZUNvbXBvbmVudDtcclxuXHJcbiAgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGRlYnVnZ2VyXHJcbiAgICB0aGlzLnJlcXVpcmVkID0gdGhpcy5jb21wb25lbnQ/LnZhbGlkYXRpb24/LnJ1bGVzPy5zb21lKGMgPT4gYy50eXBlID09PSAncmVxdWlyZWQnKTtcclxuICAgIGlmICh0aGlzLnJlcXVpcmVkKSB7XHJcbiAgICAgIHRoaXMuZGl2Lm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgncmVxdWlyZWQtc3RhdGUnKVxyXG5cclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJheCBmb3JtLWdyb3VwIHt7c2l6ZX19XCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1sYWJlbFwiPjwvbmctY29udGVudD5cclxuICAgIDxkaXYgI2RpdiBjbGFzcz1cImF4IGZvcm0taXRlbVwiIFtuZ0NsYXNzXT1cInsncmVxdWlyZWQtc3RhdGUnOiByZXF1aXJlZH1cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXggYnV0dG9ucyBzdGFydC1idXR0b25zXCIgI3N0YXJ0QnV0dG9ucz5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uW3N0YXJ0XVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiICNjb250ZW50PlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImF4IGJ1dHRvbnMgZW5kLWJ1dHRvbnNcIiAjZW5kQnV0dG9ucz5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uW2VuZF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWJ1dHRvblwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2Zvcm0tZ3JvdXAvZm9ybS1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2Zvcm0tZ3JvdXAvZm9ybS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFDNUQsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQ3ZELE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQXlDLHNCQUFzQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7OztBQVN2SCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsZUFBZTtJQVl2RCxZQUFvQixHQUFzQjtRQUN4QyxLQUFLLEVBQUUsQ0FBQztRQURVLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBVjFDLFNBQUksR0FBa0IsSUFBSSxDQUFDO1FBUTNCLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFJMUIsQ0FBQztJQUdELGVBQWU7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLFVBQVUsQ0FBQyxDQUFDO1FBQ3BGLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUE7U0FFdkQ7SUFDSCxDQUFDOztrSEF2QlUsb0JBQW9CO3NHQUFwQixvQkFBb0Isa0xBT2pCLHNCQUFzQixtS0NwQnRDLDBwQkFjTTs0RkRETyxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsZUFBZSxpQkFFVixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFDLGdDQUFnQyxFQUFFO3dHQUloRCxJQUFJO3NCQURILEtBQUs7Z0JBSU4sR0FBRztzQkFERixTQUFTO3VCQUFDLEtBQUs7Z0JBSVIsU0FBUztzQkFEaEIsWUFBWTt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCwgSW5wdXQsIENoYW5nZURldGVjdG9yUmVmLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBWaWV3RW5jYXBzdWxhdGlvbiwgQ29udGVudENoaWxkLCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50LCBBWEJhc2VTaXphYmxlQ29tcG9uZW50LCBBWEVsZW1lbnRTaXplLCBBWFZhbGlkYXRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXgtZm9ybS1ncm91cCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgaG9zdDogeyBzdHlsZTond2lkdGg6IDEwMCU7IGRpc3BsYXk6Y29udGVudHM7JyB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWEZvcm1Hcm91cENvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFYQmFzZVNpemFibGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpXHJcbiAgc2l6ZTogQVhFbGVtZW50U2l6ZSA9ICdtZCc7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2RpdicpXHJcbiAgZGl2OiBFbGVtZW50UmVmXHJcblxyXG4gIEBDb250ZW50Q2hpbGQoQVhWYWxpZGF0YWJsZUNvbXBvbmVudClcclxuICBwcml2YXRlIGNvbXBvbmVudDogQVhWYWxpZGF0YWJsZUNvbXBvbmVudDtcclxuXHJcbiAgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMucmVxdWlyZWQgPSB0aGlzLmNvbXBvbmVudD8udmFsaWRhdGlvbj8ucnVsZXM/LnNvbWUoYyA9PiBjLnR5cGUgPT09ICdyZXF1aXJlZCcpO1xyXG4gICAgaWYgKHRoaXMucmVxdWlyZWQpIHtcclxuICAgICAgdGhpcy5kaXYubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKCdyZXF1aXJlZC1zdGF0ZScpXHJcblxyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImF4IGZvcm0tZ3JvdXAge3tzaXplfX1cIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWxhYmVsXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPGRpdiAjZGl2IGNsYXNzPVwiYXggZm9ybS1pdGVtXCIgW25nQ2xhc3NdPVwieydyZXF1aXJlZC1zdGF0ZSc6IHJlcXVpcmVkfVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJheCBidXR0b25zIHN0YXJ0LWJ1dHRvbnNcIiAjc3RhcnRCdXR0b25zPlxyXG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b25bc3RhcnRdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCIgI2NvbnRlbnQ+XHJcbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXggYnV0dG9ucyBlbmQtYnV0dG9uc1wiICNlbmRCdXR0b25zPlxyXG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b25bZW5kXVwiPjwvbmctY29udGVudD5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/form-group/form-group.module.mjs

@@ -6,10 +6,10 @@ const COMPONENT = [AXFormGroupComponent];
 const MODULES = [CommonModule];
 export class AXFormGroupModule {
 }
-AXFormGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXFormGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFormGroupModule, declarations: [AXFormGroupComponent], imports: [CommonModule], exports: [AXFormGroupComponent] });
-AXFormGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFormGroupModule, providers: [], imports: [[...MODULES]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXFormGroupModule, decorators: [{
+AXFormGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXFormGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFormGroupModule, declarations: [AXFormGroupComponent], imports: [CommonModule], exports: [AXFormGroupComponent] });
+AXFormGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFormGroupModule, providers: [], imports: [[...MODULES]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXFormGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/esm2020/lib/label/label.component.mjs

@@ -8,9 +8,9 @@ export class AXLabelComponent extends AXBaseComponent {
     }
     ngOnInit() { }
 }
-AXLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXLabelComponent, selector: "ax-label", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-group-label {{size}}\">\r\n    <label>\r\n        <ng-content></ng-content>\r\n    </label>\r\n</div>", encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLabelComponent, decorators: [{
+AXLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXLabelComponent, selector: "ax-label", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-group-label {{size}}\">\r\n    <label>\r\n        <ng-content></ng-content>\r\n    </label>\r\n</div>", encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-label', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax form-group-label {{size}}\">\r\n    <label>\r\n        <ng-content></ng-content>\r\n    </label>\r\n</div>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { size: [{

package/esm2020/lib/label/label.module.mjs

@@ -6,10 +6,10 @@ const COMPONENT = [AXLabelComponent];
 const MODULES = [CommonModule];
 export class AXLabelModule {
 }
-AXLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLabelModule, declarations: [AXLabelComponent], imports: [CommonModule], exports: [AXLabelComponent] });
-AXLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLabelModule, providers: [], imports: [[...MODULES]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLabelModule, decorators: [{
+AXLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLabelModule, declarations: [AXLabelComponent], imports: [CommonModule], exports: [AXLabelComponent] });
+AXLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLabelModule, providers: [], imports: [[...MODULES]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLabelModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/esm2020/lib/loading/loading-indicator.component.mjs

@@ -6,9 +6,9 @@ export class AXLoadingIndicatorComponent {
         this.size = 80;
     }
 }
-AXLoadingIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXLoadingIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXLoadingIndicatorComponent, selector: "ax-loading-indicator", inputs: { size: "size" }, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;display:block;\"\r\n    [style.width.px]=\"size\" [style.height.px]=\"size\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n    <rect fill=\"var(--ax-gray-trans-light-color)\" x=\"55\" y=\"55\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\r\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-1.8333333333333333s\"></animate>\r\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-1.3333333333333333s\"></animate>\r\n    </rect>\r\n    <rect fill=\"var(--ax-primary-light-color)\" x=\"55\" y=\"15\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\r\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-1.1666666666666667s\"></animate>\r\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-0.6666666666666666s\"></animate>\r\n    </rect>\r\n    <rect fill=\"var(--ax-primary-dark-color)\" x=\"15\" y=\"34.6776\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\r\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"-0.5s\">\r\n        </animate>\r\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"0s\">\r\n        </animate>\r\n    </rect>\r\n</svg>" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingIndicatorComponent, decorators: [{
+AXLoadingIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXLoadingIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXLoadingIndicatorComponent, selector: "ax-loading-indicator", inputs: { size: "size" }, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;display:block;\"\r\n    [style.width.px]=\"size\" [style.height.px]=\"size\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n    <rect fill=\"var(--ax-gray-trans-light-color)\" x=\"55\" y=\"55\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\r\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-1.8333333333333333s\"></animate>\r\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-1.3333333333333333s\"></animate>\r\n    </rect>\r\n    <rect fill=\"var(--ax-primary-light-color)\" x=\"55\" y=\"15\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\r\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-1.1666666666666667s\"></animate>\r\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-0.6666666666666666s\"></animate>\r\n    </rect>\r\n    <rect fill=\"var(--ax-primary-dark-color)\" x=\"15\" y=\"34.6776\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\r\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"-0.5s\">\r\n        </animate>\r\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"0s\">\r\n        </animate>\r\n    </rect>\r\n</svg>" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-loading-indicator', template: "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;display:block;\"\r\n    [style.width.px]=\"size\" [style.height.px]=\"size\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n    <rect fill=\"var(--ax-gray-trans-light-color)\" x=\"55\" y=\"55\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\r\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-1.8333333333333333s\"></animate>\r\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-1.3333333333333333s\"></animate>\r\n    </rect>\r\n    <rect fill=\"var(--ax-primary-light-color)\" x=\"55\" y=\"15\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\r\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-1.1666666666666667s\"></animate>\r\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\"\r\n            begin=\"-0.6666666666666666s\"></animate>\r\n    </rect>\r\n    <rect fill=\"var(--ax-primary-dark-color)\" x=\"15\" y=\"34.6776\" width=\"30\" height=\"30\" rx=\"3\" ry=\"3\">\r\n        <animate attributeName=\"x\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"-0.5s\">\r\n        </animate>\r\n        <animate attributeName=\"y\" dur=\"2s\" repeatCount=\"indefinite\"\r\n            keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" values=\"15;55;55;55;55;15;15;15;15\" begin=\"0s\">\r\n        </animate>\r\n    </rect>\r\n</svg>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { size: [{

package/esm2020/lib/loading/loading-panel.component.mjs

@@ -20,14 +20,14 @@ export class AXLoadingPanelComponent {
         this.visible = false;
     }
 }
-AXLoadingPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingPanelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AXLoadingPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXLoadingPanelComponent, selector: "ax-loading-panel", inputs: { visible: "visible" }, ngImport: i0, template: `
+AXLoadingPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingPanelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AXLoadingPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXLoadingPanelComponent, selector: "ax-loading-panel", inputs: { visible: "visible" }, ngImport: i0, template: `
     <div onclick="return false;" class="ax ax-loading-panel ax-overlay-wrapper ax-overlay-modal ax-loading-overlay" *ngIf="visible" >
         <ax-loading-indicator tabindex="0" cdkTrapFocus>
         </ax-loading-indicator>
     </div>
   `, isInline: true, components: [{ type: i1.AXLoadingIndicatorComponent, selector: "ax-loading-indicator", inputs: ["size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingPanelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-loading-panel',

package/esm2020/lib/loading/loading.module.mjs

@@ -6,10 +6,10 @@ import { A11yModule } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
 export class AXLoadingModule {
 }
-AXLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingModule, declarations: [AXLoadingIndicatorComponent, AXLoadingPanelComponent], imports: [CommonModule, A11yModule], exports: [AXLoadingIndicatorComponent, AXLoadingPanelComponent] });
-AXLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingModule, providers: [], imports: [[CommonModule, A11yModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingModule, decorators: [{
+AXLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingModule, declarations: [AXLoadingIndicatorComponent, AXLoadingPanelComponent], imports: [CommonModule, A11yModule], exports: [AXLoadingIndicatorComponent, AXLoadingPanelComponent] });
+AXLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingModule, providers: [], imports: [[CommonModule, A11yModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXLoadingIndicatorComponent, AXLoadingPanelComponent],

package/esm2020/lib/loading/loading.service.mjs

@@ -36,9 +36,9 @@ export class AXLoadingService {
         }
     }
 }
-AXLoadingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingService, deps: [{ token: i1.AXRenderService }, { token: i2.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
-AXLoadingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXLoadingService, decorators: [{
+AXLoadingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingService, deps: [{ token: i1.AXRenderService }, { token: i2.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
+AXLoadingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLoadingService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.AXRenderService }, { type: i2.AXOverlayService }]; } });