@acorex/components 16.18.0 → 16.18.2

package/esm2022/lib/tree-view/tree-view.component.mjs

@@ -792,10 +792,10 @@ export class AXTreeViewComponent extends AXBaseComponent {
         });
         return keyFields;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXTreeViewComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: { selectionMode: "selectionMode", selectionLevel: "selectionLevel", selectedFieldName: "selectedFieldName", checkParents: "checkParents", checkChilds: "checkChilds", seletedKeyFields: "seletedKeyFields", keyField: "keyField", hasChildField: "hasChildField", bordered: "bordered", lazyLoading: "lazyLoading", allowDrag: "allowDrag", size: "size", disabled: "disabled", selectableField: "selectableField", contextMenuItems: "contextMenuItems" }, outputs: { selectionChanged: "selectionChanged", seletedKeyFieldsChanged: "seletedKeyFieldsChanged", onItemOpening: "onItemOpening", onItemClick: "onItemClick", onItemClosing: "onItemClosing", onItemDrag: "onItemDrag", onItemMoved: "onItemMoved", onContextMenuItemClick: "onContextMenuItemClick" }, queries: [{ propertyName: "nodeTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "_contentDataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ul class=\"ax treeview {{ size }}\">\n  <ng-template #recursiveList let-list>\n    <ng-container *ngFor=\"let item of list\">\n      <li\n        class=\"active {{ item[hasChildField] ? '' : 'node' }}\"\n        [class.bordered]=\"bordered\"\n        [class.selected]=\"item.select\"\n        [draggable]=\"allowDrag\"\n        (dragstart)=\"onDragStart($event, item)\"\n        [attr.data-id]=\"item[keyField]\"\n        (dragleave)=\"onDragEnd($event, item)\"\n        (dragend)=\"drop($event)\"\n      >\n        <div\n          [class.disabled]=\"disabled\"\n          axContextMenu\n          [contextDataItem]=\"item\"\n          [contextMenuItems]=\"contextMenuItems\"\n          [contextMenu]=\"menu\"\n          (onContextMenuItemClick)=\"handleOnContextMenuItem($event)\"\n          style=\"display: flex; cursor: pointer; align-items: center\"\n        >\n          <div class=\"start-side\">\n            <div\n              *ngIf=\"item[hasChildField]\"\n              class=\"collapse-icon\"\n              (click)=\"handleOnNodeClick($event, item, true)\"\n            >\n              <i\n                class=\"fal\"\n                [ngClass]=\"{\n                  'fa-minus': !!item.toggle,\n                  'fa-plus': !item.toggle,\n                  'fa-spinner fa-spin': item.loading\n                }\"\n              ></i>\n            </div>\n\n            <ax-check-box\n              *ngIf=\"showSelectBox\"\n              [disabled]=\"item.disabledCheckBox || disabled\"\n              [size]=\"size\"\n              [useTreeView]=\"true\"\n              [value]=\"item.select\"\n              (onClick)=\"internalSelectItem(item)\"\n            >\n            </ax-check-box>\n          </div>\n          <div\n            class=\"text-list\"\n            (click)=\"nodeClick(item)\"\n            (dblclick)=\"itemdbClick($event, item)\"\n          >\n            <ng-container *ngIf=\"nodeTemplate; else elseTemplate\">\n              <ng-container\n                *ngTemplateOutlet=\"nodeTemplate; context: { $implicit: item }\"\n              ></ng-container>\n            </ng-container>\n            <ng-template #elseTemplate>\n              {{ item.title }}\n            </ng-template>\n          </div>\n        </div>\n        <ul *ngIf=\"item.loading\">\n          <i class=\"far\"></i>\n        </ul>\n        <ul\n          class=\"child\"\n          *ngIf=\"item.toggle\"\n          style=\"background-color: white !important\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveList;\n              context: { $implicit: item.childeren }\n            \"\n          >\n          </ng-container>\n        </ul>\n      </li>\n    </ng-container>\n  </ng-template>\n  <ng-container\n    *ngTemplateOutlet=\"recursiveList; context: { $implicit: list }\"\n  ></ng-container>\n</ul>\n\n<ax-context-menu #menu></ax-context-menu>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "useTreeView", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }, { kind: "component", type: i3.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["size", "width", "items"], outputs: ["onItemClick", "onClosed"] }, { kind: "directive", type: i4.AXContextMenuDirective, selector: "[axContextMenu]", inputs: ["contextMenu", "contextDataItem", "contextMenuItems", "rtl"], outputs: ["onContextMenuItemClick"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXTreeViewComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: { selectionMode: "selectionMode", selectionLevel: "selectionLevel", selectedFieldName: "selectedFieldName", checkParents: "checkParents", checkChilds: "checkChilds", seletedKeyFields: "seletedKeyFields", keyField: "keyField", hasChildField: "hasChildField", bordered: "bordered", lazyLoading: "lazyLoading", allowDrag: "allowDrag", size: "size", disabled: "disabled", selectableField: "selectableField", contextMenuItems: "contextMenuItems" }, outputs: { selectionChanged: "selectionChanged", seletedKeyFieldsChanged: "seletedKeyFieldsChanged", onItemOpening: "onItemOpening", onItemClick: "onItemClick", onItemClosing: "onItemClosing", onItemDrag: "onItemDrag", onItemMoved: "onItemMoved", onContextMenuItemClick: "onContextMenuItemClick" }, queries: [{ propertyName: "nodeTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "_contentDataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ul class=\"ax treeview {{ size }}\">\n  <ng-template #recursiveList let-list>\n    <ng-container *ngFor=\"let item of list\">\n      <li\n        class=\"active {{ item[hasChildField] ? '' : 'node' }}\"\n        [class.bordered]=\"bordered\"\n        [class.selected]=\"item.select\"\n        [draggable]=\"allowDrag\"\n        (dragstart)=\"onDragStart($event, item)\"\n        [attr.data-id]=\"item[keyField]\"\n        (dragleave)=\"onDragEnd($event, item)\"\n        (dragend)=\"drop($event)\"\n      >\n        <div\n          [class.disabled]=\"disabled\"\n          axContextMenu\n          [contextDataItem]=\"item\"\n          [contextMenuItems]=\"contextMenuItems\"\n          [contextMenu]=\"menu\"\n          (onContextMenuItemClick)=\"handleOnContextMenuItem($event)\"\n          style=\"display: flex; cursor: pointer; align-items: center\"\n        >\n          <div class=\"start-side\">\n            <div\n              *ngIf=\"item[hasChildField]\"\n              class=\"collapse-icon\"\n              (click)=\"handleOnNodeClick($event, item, true)\"\n            >\n              <i\n                class=\"fal\"\n                [ngClass]=\"{\n                  'fa-minus': !!item.toggle,\n                  'fa-plus': !item.toggle,\n                  'fa-spinner fa-spin': item.loading\n                }\"\n              ></i>\n            </div>\n\n            <ax-check-box\n              *ngIf=\"showSelectBox\"\n              [disabled]=\"item.disabledCheckBox || disabled\"\n              [size]=\"size\"\n              [useTreeView]=\"true\"\n              [value]=\"item.select\"\n              (onClick)=\"internalSelectItem(item)\"\n            >\n            </ax-check-box>\n          </div>\n          <div\n            class=\"text-list\"\n            (click)=\"nodeClick(item)\"\n            (dblclick)=\"itemdbClick($event, item)\"\n          >\n            <ng-container *ngIf=\"nodeTemplate; else elseTemplate\">\n              <ng-container\n                *ngTemplateOutlet=\"nodeTemplate; context: { $implicit: item }\"\n              ></ng-container>\n            </ng-container>\n            <ng-template #elseTemplate>\n              {{ item.title }}\n            </ng-template>\n          </div>\n        </div>\n        <ul *ngIf=\"item.loading\">\n          <i class=\"far\"></i>\n        </ul>\n        <ul\n          class=\"child\"\n          *ngIf=\"item.toggle\"\n          style=\"background-color: white !important\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveList;\n              context: { $implicit: item.childeren }\n            \"\n          >\n          </ng-container>\n        </ul>\n      </li>\n    </ng-container>\n  </ng-template>\n  <ng-container\n    *ngTemplateOutlet=\"recursiveList; context: { $implicit: list }\"\n  ></ng-container>\n</ul>\n\n<ax-context-menu #menu></ax-context-menu>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "useTreeView", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }, { kind: "component", type: i3.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["size", "width", "items"], outputs: ["onItemClick", "onClosed"] }, { kind: "directive", type: i4.AXContextMenuDirective, selector: "[axContextMenu]", inputs: ["contextMenu", "contextDataItem", "contextMenuItems", "rtl"], outputs: ["onContextMenuItemClick"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXTreeViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXTreeViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-tree-view', encapsulation: ViewEncapsulation.None, template: "<ul class=\"ax treeview {{ size }}\">\n  <ng-template #recursiveList let-list>\n    <ng-container *ngFor=\"let item of list\">\n      <li\n        class=\"active {{ item[hasChildField] ? '' : 'node' }}\"\n        [class.bordered]=\"bordered\"\n        [class.selected]=\"item.select\"\n        [draggable]=\"allowDrag\"\n        (dragstart)=\"onDragStart($event, item)\"\n        [attr.data-id]=\"item[keyField]\"\n        (dragleave)=\"onDragEnd($event, item)\"\n        (dragend)=\"drop($event)\"\n      >\n        <div\n          [class.disabled]=\"disabled\"\n          axContextMenu\n          [contextDataItem]=\"item\"\n          [contextMenuItems]=\"contextMenuItems\"\n          [contextMenu]=\"menu\"\n          (onContextMenuItemClick)=\"handleOnContextMenuItem($event)\"\n          style=\"display: flex; cursor: pointer; align-items: center\"\n        >\n          <div class=\"start-side\">\n            <div\n              *ngIf=\"item[hasChildField]\"\n              class=\"collapse-icon\"\n              (click)=\"handleOnNodeClick($event, item, true)\"\n            >\n              <i\n                class=\"fal\"\n                [ngClass]=\"{\n                  'fa-minus': !!item.toggle,\n                  'fa-plus': !item.toggle,\n                  'fa-spinner fa-spin': item.loading\n                }\"\n              ></i>\n            </div>\n\n            <ax-check-box\n              *ngIf=\"showSelectBox\"\n              [disabled]=\"item.disabledCheckBox || disabled\"\n              [size]=\"size\"\n              [useTreeView]=\"true\"\n              [value]=\"item.select\"\n              (onClick)=\"internalSelectItem(item)\"\n            >\n            </ax-check-box>\n          </div>\n          <div\n            class=\"text-list\"\n            (click)=\"nodeClick(item)\"\n            (dblclick)=\"itemdbClick($event, item)\"\n          >\n            <ng-container *ngIf=\"nodeTemplate; else elseTemplate\">\n              <ng-container\n                *ngTemplateOutlet=\"nodeTemplate; context: { $implicit: item }\"\n              ></ng-container>\n            </ng-container>\n            <ng-template #elseTemplate>\n              {{ item.title }}\n            </ng-template>\n          </div>\n        </div>\n        <ul *ngIf=\"item.loading\">\n          <i class=\"far\"></i>\n        </ul>\n        <ul\n          class=\"child\"\n          *ngIf=\"item.toggle\"\n          style=\"background-color: white !important\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveList;\n              context: { $implicit: item.childeren }\n            \"\n          >\n          </ng-container>\n        </ul>\n      </li>\n    </ng-container>\n  </ng-template>\n  <ng-container\n    *ngTemplateOutlet=\"recursiveList; context: { $implicit: list }\"\n  ></ng-container>\n</ul>\n\n<ax-context-menu #menu></ax-context-menu>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { nodeTemplate: [{

package/esm2022/lib/tree-view/tree-view.module.mjs

@@ -6,11 +6,11 @@ import { AXCheckBoxModule } from '../checkbox/checkbox.module';
 import { AXContextMenuModule } from '../context-menu/context-menu.module';
 import * as i0 from "@angular/core";
 export class AXTreeViewModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.3", ngImport: i0, type: AXTreeViewModule, declarations: [AXTreeViewComponent], imports: [AXDataSourceModule, CommonModule, AXCheckBoxModule, AXContextMenuModule], exports: [AXTreeViewComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXTreeViewModule, imports: [AXDataSourceModule, CommonModule, AXCheckBoxModule, AXContextMenuModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXTreeViewModule, declarations: [AXTreeViewComponent], imports: [AXDataSourceModule, CommonModule, AXCheckBoxModule, AXContextMenuModule], exports: [AXTreeViewComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXTreeViewModule, imports: [AXDataSourceModule, CommonModule, AXCheckBoxModule, AXContextMenuModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXTreeViewModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXTreeViewModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXTreeViewComponent],

package/esm2022/lib/upload-file/upload-file.component.mjs

@@ -260,10 +260,10 @@ export class AXUploadFileComponent extends AXBaseComponent {
         this.rendrer.appendChild(this.dropRef, this.overlayDiv);
         this.dropRef.classList.add('ax-upload-drop-over');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXUploadFileComponent, deps: [{ token: i0.ElementRef }, { token: i1.AXRenderService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2.AXToastService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXUploadFileComponent, selector: "ax-upload-file", inputs: { contentType: "contentType", dropRef: "dropRef", progressRef: "progressRef", label: "label", size: "size", type: "type", template: "template", disabled: "disabled" }, outputs: { onLoad: "onLoad", onProgress: "onProgress", onRemove: "onRemove" }, host: { styleAttribute: "display: block; width:100%; position: relative" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input\n  #fileInput\n  type=\"file\"\n  [accept]=\"accessTypes.join(',')\"\n  style=\"display: none\"\n  (change)=\"onFileChange($event)\"\n/>\n\n<ng-container *ngIf=\"type == 'inline'; else elseTemplate\">\n  <ax-form-group size=\"{{ size }}\">\n    <ax-text-box\n      [value]=\"fileName\"\n      readonly=\"true\"\n      [disabled]=\"disabled\"\n    ></ax-text-box>\n    <ax-button\n      type=\"blank light\"\n      icon=\"far fa-times\"\n      (click)=\"remove()\"\n      *ngIf=\"fileName\"\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n    <ax-button\n      type=\"primary blank\"\n      icon=\"far fa-upload\"\n      (click)=\"open()\"\n      [disabled]=\"disabled\"\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n  </ax-form-group>\n</ng-container>\n\n<ng-template #elseTemplate>\n  <div class=\"ax upload-file-box\" (click)=\"open()\" #dropRef></div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: i5.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { kind: "component", type: i6.AXFormGroupComponent, selector: "ax-form-group", inputs: ["size"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXUploadFileComponent, deps: [{ token: i0.ElementRef }, { token: i1.AXRenderService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2.AXToastService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXUploadFileComponent, selector: "ax-upload-file", inputs: { contentType: "contentType", dropRef: "dropRef", progressRef: "progressRef", label: "label", size: "size", type: "type", template: "template", disabled: "disabled" }, outputs: { onLoad: "onLoad", onProgress: "onProgress", onRemove: "onRemove" }, host: { styleAttribute: "display: block; width:100%; position: relative" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input\n  #fileInput\n  type=\"file\"\n  [accept]=\"accessTypes.join(',')\"\n  style=\"display: none\"\n  (change)=\"onFileChange($event)\"\n/>\n\n<ng-container *ngIf=\"type == 'inline'; else elseTemplate\">\n  <ax-form-group size=\"{{ size }}\">\n    <ax-text-box\n      [value]=\"fileName\"\n      readonly=\"true\"\n      [disabled]=\"disabled\"\n    ></ax-text-box>\n    <ax-button\n      type=\"blank light\"\n      icon=\"far fa-times\"\n      (click)=\"remove()\"\n      *ngIf=\"fileName\"\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n    <ax-button\n      type=\"primary blank\"\n      icon=\"far fa-upload\"\n      (click)=\"open()\"\n      [disabled]=\"disabled\"\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n  </ax-form-group>\n</ng-container>\n\n<ng-template #elseTemplate>\n  <div class=\"ax upload-file-box\" (click)=\"open()\" #dropRef></div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: i5.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { kind: "component", type: i6.AXFormGroupComponent, selector: "ax-form-group", inputs: ["size"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXUploadFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXUploadFileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-upload-file', encapsulation: ViewEncapsulation.None, host: { style: 'display: block; width:100%; position: relative' }, template: "<input\n  #fileInput\n  type=\"file\"\n  [accept]=\"accessTypes.join(',')\"\n  style=\"display: none\"\n  (change)=\"onFileChange($event)\"\n/>\n\n<ng-container *ngIf=\"type == 'inline'; else elseTemplate\">\n  <ax-form-group size=\"{{ size }}\">\n    <ax-text-box\n      [value]=\"fileName\"\n      readonly=\"true\"\n      [disabled]=\"disabled\"\n    ></ax-text-box>\n    <ax-button\n      type=\"blank light\"\n      icon=\"far fa-times\"\n      (click)=\"remove()\"\n      *ngIf=\"fileName\"\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n    <ax-button\n      type=\"primary blank\"\n      icon=\"far fa-upload\"\n      (click)=\"open()\"\n      [disabled]=\"disabled\"\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n  </ax-form-group>\n</ng-container>\n\n<ng-template #elseTemplate>\n  <div class=\"ax upload-file-box\" (click)=\"open()\" #dropRef></div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AXRenderService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i2.AXToastService }], propDecorators: { contentType: [{

package/esm2022/lib/upload-file/upload-file.module.mjs

@@ -8,11 +8,11 @@ import { AXLabelModule } from '../label/label.module';
 import { AXFormGroupModule } from '../form-group/form-group.module';
 import * as i0 from "@angular/core";
 export class AXUploadFileModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXUploadFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.3", ngImport: i0, type: AXUploadFileModule, declarations: [AXUploadFileComponent], imports: [CommonModule, AXButtonModule, AXTextBoxModule, AXProgressBarModule, AXLabelModule, AXFormGroupModule], exports: [AXUploadFileComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXUploadFileModule, imports: [CommonModule, AXButtonModule, AXTextBoxModule, AXProgressBarModule, AXLabelModule, AXFormGroupModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXUploadFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXUploadFileModule, declarations: [AXUploadFileComponent], imports: [CommonModule, AXButtonModule, AXTextBoxModule, AXProgressBarModule, AXLabelModule, AXFormGroupModule], exports: [AXUploadFileComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXUploadFileModule, imports: [CommonModule, AXButtonModule, AXTextBoxModule, AXProgressBarModule, AXLabelModule, AXFormGroupModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXUploadFileModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXUploadFileModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXUploadFileComponent],

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

@@ -48,10 +48,10 @@ export class AXValidationFormComponent {
         if (widget)
             this.widgets.push(widget);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidationFormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXValidationFormComponent, selector: "ax-validation-form", inputs: { validateOn: "validateOn" }, outputs: { onInit: "onInit" }, queries: [{ propertyName: "widgetsQuery", predicate: AXValidatableComponent, descendants: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidationFormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXValidationFormComponent, selector: "ax-validation-form", inputs: { validateOn: "validateOn" }, outputs: { onInit: "onInit" }, queries: [{ propertyName: "widgetsQuery", predicate: AXValidatableComponent, descendants: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidationFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidationFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-validation-form',

package/esm2022/lib/validation/validation-rule.widget.mjs

@@ -102,10 +102,10 @@ export class AXValidationRuleComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidationRuleComponent, deps: [{ token: ElementRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXValidationRuleComponent, selector: "ax-validation-rule", inputs: { type: "type", message: "message", value: "value", enabled: "enabled" }, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidationRuleComponent, deps: [{ token: ElementRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXValidationRuleComponent, selector: "ax-validation-rule", inputs: { type: "type", message: "message", value: "value", enabled: "enabled" }, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidationRuleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidationRuleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-validation-rule',

package/esm2022/lib/validation/validation.component.mjs

@@ -29,10 +29,10 @@ export class AXValidation {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidation });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidation });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidation, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidation, decorators: [{
             type: Injectable
         }] });
 export class AXValidationComponent extends AXValidation {
@@ -62,10 +62,10 @@ export class AXValidationComponent extends AXValidation {
             this.rules.push(...this._getComponenets());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidationComponent, deps: [{ token: ElementRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXValidationComponent, selector: "ax-validation", inputs: { rules: "rules", validateOn: "validateOn" }, outputs: { rulesChange: "rulesChange", showMessage: "showMessage" }, providers: [{ provide: AXValidation, useExisting: AXValidationComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidationComponent, deps: [{ token: ElementRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXValidationComponent, selector: "ax-validation", inputs: { rules: "rules", validateOn: "validateOn" }, outputs: { rulesChange: "rulesChange", showMessage: "showMessage" }, providers: [{ provide: AXValidation, useExisting: AXValidationComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-validation',

package/esm2022/lib/validation/validation.module.mjs

@@ -18,11 +18,11 @@ export class AXValidationModule {
             value: /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\s\./0-9]*$/
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.3", ngImport: i0, type: AXValidationModule, declarations: [AXValidationFormComponent, AXValidationComponent, AXValidationRuleComponent], imports: [CommonModule], exports: [AXValidationFormComponent, AXValidationComponent, AXValidationRuleComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidationModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXValidationModule, declarations: [AXValidationFormComponent, AXValidationComponent, AXValidationRuleComponent], imports: [CommonModule], exports: [AXValidationFormComponent, AXValidationComponent, AXValidationRuleComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidationModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXValidationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXValidationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXValidationFormComponent, AXValidationComponent, AXValidationRuleComponent],