@acorex/components 4.2.4 → 4.2.16

package/fesm2020/acorex-components.mjs

@@ -1680,10 +1680,10 @@ class AXMenuComponent {
     }
 }
 AXMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXMenuComponent, selector: "ax-menu", inputs: { menuTemplate: "menuTemplate", rtl: "rtl", size: "size", selection: "selection", mode: "mode", target: "target", floatAlignment: "floatAlignment", floatPlacemnet: "floatPlacemnet", direction: "direction", items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentMenuTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\r\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\r\n    <ng-template #recursiveList let-list>\r\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\r\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\r\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\r\n          [attr.data-uid]=\"item.uid\"\r\n          [class.split]=\"item.split\">\r\n          <div class=\"content-side\">\r\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\r\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #menuBody>\r\n              <span class=\"ax-toolbar-menu-item-text\">\r\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\r\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\r\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\r\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\r\n              </span>\r\n            </ng-template>\r\n          </div>\r\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\r\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\r\n          </div>\r\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\r\n            <ng-container *ngTemplateOutlet=\"\r\n              recursiveList;\r\n              context: { $implicit: item.items }\r\n            \"></ng-container>\r\n          </ul>\r\n        </li>\r\n      </ng-container>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\r\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\r\n      <i class=\"far fa-bars\"></i>\r\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\r\n    </li>\r\n  </ul>\r\n</div> -->\r\n\r\n<nav>\r\n  <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\" [class.nav-vertical]=\"direction=='vertical'\">\r\n    <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: items }\"></ng-container>\r\n  </ul>\r\n</nav>\r\n\r\n<ng-template #recursiveMenu let-items>\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <li class=\"ax {{item.style}}\" [ngClass]=\"{'disabled': item.disable}\"  *ngIf=\"item.visible === undefined || item.visible\"\r\n      (click)=\"handleItemClick($event,item)\" axTooltip [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\" [tooltip]=\"item.tooltip ? item.tooltip : ''\" >\r\n      <span>\r\n        <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\r\n        <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\r\n        <span *ngIf=\"item.text\">{{item.text}}</span>\r\n        <i class=\"far fa-angle-down drop-icon\" *ngIf=\"item.items && item.text\"></i>\r\n      </span>\r\n      <ul>\r\n        <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: item.items }\">\r\n        </ng-container>\r\n      </ul>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>\r\n", directives: [{ type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["tooltip", "placement", "delay"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+AXMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXMenuComponent, selector: "ax-menu", inputs: { menuTemplate: "menuTemplate", rtl: "rtl", size: "size", selection: "selection", mode: "mode", target: "target", floatAlignment: "floatAlignment", floatPlacemnet: "floatPlacemnet", direction: "direction", items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentMenuTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\r\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\r\n    <ng-template #recursiveList let-list>\r\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\r\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\r\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\r\n          [attr.data-uid]=\"item.uid\"\r\n          [class.split]=\"item.split\">\r\n          <div class=\"content-side\">\r\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\r\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #menuBody>\r\n              <span class=\"ax-toolbar-menu-item-text\">\r\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\r\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\r\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\r\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\r\n              </span>\r\n            </ng-template>\r\n          </div>\r\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\r\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\r\n          </div>\r\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\r\n            <ng-container *ngTemplateOutlet=\"\r\n              recursiveList;\r\n              context: { $implicit: item.items }\r\n            \"></ng-container>\r\n          </ul>\r\n        </li>\r\n      </ng-container>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\r\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\r\n      <i class=\"far fa-bars\"></i>\r\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\r\n    </li>\r\n  </ul>\r\n</div> -->\r\n\r\n<nav>\r\n  <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\"\r\n    [class.nav-vertical]=\"direction=='vertical'\">\r\n    <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: items }\"></ng-container>\r\n  </ul>\r\n</nav>\r\n\r\n<ng-template #recursiveMenu let-items>\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <li class=\"ax {{item.style}}\" [ngClass]=\"{'disabled': item.disable}\"\r\n      *ngIf=\"item.visible === undefined || item.visible\" (click)=\"handleItemClick($event,item)\" axTooltip\r\n      [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\r\n      [tooltip]=\"item.tooltip ? item.tooltip : ''\">\r\n      <div class=\"ax-menu-item\" >\r\n        <span class=\"menu-item-start-side\">\r\n          <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\r\n          <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\r\n          <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{item.text}}</span>\r\n        </span>\r\n        <span class=\"menu-item-end-side\">\r\n          <i class=\"far fa-angle-down drop-icon\" *ngIf=\"item.items && item.text\"></i>\r\n          <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\r\n        </span>\r\n\r\n      </div>\r\n      <ul *ngIf=\"item.items\" class=\"ax-sub-menu\">\r\n        <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: item.items }\">\r\n        </ng-container>\r\n      </ul>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>", directives: [{ type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["tooltip", "placement", "delay"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-menu', encapsulation: ViewEncapsulation.None, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\r\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\r\n    <ng-template #recursiveList let-list>\r\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\r\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\r\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\r\n          [attr.data-uid]=\"item.uid\"\r\n          [class.split]=\"item.split\">\r\n          <div class=\"content-side\">\r\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\r\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #menuBody>\r\n              <span class=\"ax-toolbar-menu-item-text\">\r\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\r\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\r\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\r\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\r\n              </span>\r\n            </ng-template>\r\n          </div>\r\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\r\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\r\n          </div>\r\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\r\n            <ng-container *ngTemplateOutlet=\"\r\n              recursiveList;\r\n              context: { $implicit: item.items }\r\n            \"></ng-container>\r\n          </ul>\r\n        </li>\r\n      </ng-container>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\r\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\r\n      <i class=\"far fa-bars\"></i>\r\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\r\n    </li>\r\n  </ul>\r\n</div> -->\r\n\r\n<nav>\r\n  <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\" [class.nav-vertical]=\"direction=='vertical'\">\r\n    <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: items }\"></ng-container>\r\n  </ul>\r\n</nav>\r\n\r\n<ng-template #recursiveMenu let-items>\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <li class=\"ax {{item.style}}\" [ngClass]=\"{'disabled': item.disable}\"  *ngIf=\"item.visible === undefined || item.visible\"\r\n      (click)=\"handleItemClick($event,item)\" axTooltip [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\" [tooltip]=\"item.tooltip ? item.tooltip : ''\" >\r\n      <span>\r\n        <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\r\n        <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\r\n        <span *ngIf=\"item.text\">{{item.text}}</span>\r\n        <i class=\"far fa-angle-down drop-icon\" *ngIf=\"item.items && item.text\"></i>\r\n      </span>\r\n      <ul>\r\n        <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: item.items }\">\r\n        </ng-container>\r\n      </ul>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>\r\n" }]
+            args: [{ selector: 'ax-menu', encapsulation: ViewEncapsulation.None, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\r\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\r\n    <ng-template #recursiveList let-list>\r\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\r\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\r\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\r\n          [attr.data-uid]=\"item.uid\"\r\n          [class.split]=\"item.split\">\r\n          <div class=\"content-side\">\r\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\r\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #menuBody>\r\n              <span class=\"ax-toolbar-menu-item-text\">\r\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\r\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\r\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\r\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\r\n              </span>\r\n            </ng-template>\r\n          </div>\r\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\r\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\r\n          </div>\r\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\r\n            <ng-container *ngTemplateOutlet=\"\r\n              recursiveList;\r\n              context: { $implicit: item.items }\r\n            \"></ng-container>\r\n          </ul>\r\n        </li>\r\n      </ng-container>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\r\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\r\n      <i class=\"far fa-bars\"></i>\r\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\r\n    </li>\r\n  </ul>\r\n</div> -->\r\n\r\n<nav>\r\n  <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\"\r\n    [class.nav-vertical]=\"direction=='vertical'\">\r\n    <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: items }\"></ng-container>\r\n  </ul>\r\n</nav>\r\n\r\n<ng-template #recursiveMenu let-items>\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <li class=\"ax {{item.style}}\" [ngClass]=\"{'disabled': item.disable}\"\r\n      *ngIf=\"item.visible === undefined || item.visible\" (click)=\"handleItemClick($event,item)\" axTooltip\r\n      [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\r\n      [tooltip]=\"item.tooltip ? item.tooltip : ''\">\r\n      <div class=\"ax-menu-item\" >\r\n        <span class=\"menu-item-start-side\">\r\n          <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\r\n          <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\r\n          <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{item.text}}</span>\r\n        </span>\r\n        <span class=\"menu-item-end-side\">\r\n          <i class=\"far fa-angle-down drop-icon\" *ngIf=\"item.items && item.text\"></i>\r\n          <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\r\n        </span>\r\n\r\n      </div>\r\n      <ul *ngIf=\"item.items\" class=\"ax-sub-menu\">\r\n        <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: item.items }\">\r\n        </ng-container>\r\n      </ul>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _contentMenuTemplate: [{
                 type: ContentChild,
                 args: [TemplateRef, { static: true }]
@@ -8886,10 +8886,10 @@ class AXQueryBuilderRuleComponent {
     }
 }
 AXQueryBuilderRuleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXQueryBuilderRuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXQueryBuilderRuleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXQueryBuilderRuleComponent, selector: "ax-query-rule", inputs: { isEditing: "isEditing", rule: "rule", parent: "parent", mode: "mode", fields: "fields" }, outputs: { onRuleDelete: "onRuleDelete", ruleChanged: "ruleChanged" }, host: { classAttribute: "ax ax-query-rule" }, viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true }, { propertyName: "selectBoxValue", first: true, predicate: ["selectBoxValue"], descendants: true }, { propertyName: "selectBoxBoolean", first: true, predicate: ["selectBoxBoolean"], descendants: true }, { propertyName: "textBoxNameValue", first: true, predicate: ["textBoxNameValue"], descendants: true }, { propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"condition\" *ngIf=\"parent\">\r\n    <div class=\"text {{parent.condition}}\">\r\n        <span>{{parent.condition}}</span>\r\n    </div>\r\n</div>\r\n<div class=\"handler\">\r\n    <i class=\"far fa-grip-lines-vertical\"></i>\r\n</div>\r\n\r\n<div class=\"caption\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else fieldsTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box [readonly]=\"mode == 'edit'\" (selectionChanged)=\"captionChange($event)\" allowNull=\"false\"\r\n                [(selectedItems)]=\"rule.dataFieldItem\" textField=\"caption\" valueField=\"dataField\" [items]=\"fields\"\r\n                mode=\"single\">\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #fieldsTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n            {{rule.caption}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"operator\" [ngClass]=\"{'editable': isEditing,'radius':!showValue}\">\r\n    <ng-container *ngIf=\"isEditing;else operatorTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box [readonly]=\"mode == 'edit'\" *ngIf=\"showOperatorSelectBox\" [(selectedValues)]=\"rule.operator\"\r\n                #selectBox (selectedItemsChange)=\"operatorChange($event)\" allowNull=\"false\" mode=\"single\">\r\n                <ax-data-source [provideData]=\"provideDataOperator\">\r\n                </ax-data-source>\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #operatorTemplate>\r\n        <div class=\"text\" (click)=\"handleEditClick()\">\r\n            {{('queryBuilder.'+rule.operator) | trans}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n<div *ngIf=\"showValue\" class=\"value\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else valueTemplate\">\r\n\r\n        <div *ngIf=\" rule.control && !isOnDemandLabel\" [ngSwitch]=\"rule.control.type\">\r\n            <div *ngSwitchCase=\"'textBox'\">\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-text-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'selectBox'\">\r\n                <ax-form-group>\r\n                    <ax-select-box *ngIf=\"showSelectBox\" [mode]=\"getOption('mode')\"\r\n                        [remoteOperation]=\"getOption('remoteOperation')\" [valueField]=\"getOption('valueField')\"\r\n                        placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" [textField]=\"getOption('textField')\"\r\n                        [(selectedItems)]=\"rule.valueItem\" (selectedItemsChange)=\"selectedItemsChange($event)\"\r\n                        #selectBoxValue>\r\n                        <ax-data-source [provideData]=\"getProvideData\"></ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'numberBox'\">\r\n                <ax-form-group>\r\n                    <ax-number-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-number-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'datePicker'\">\r\n\r\n\r\n            </div>\r\n            <div *ngSwitchCase=\"'boolean'\">\r\n\r\n                <ax-form-group>\r\n                    <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event)\"\r\n                        allowNull=\"false\" [selectedValues]=\"rule.value\" mode=\"single\">\r\n                        <ax-data-source [provideData]=\"provideDataBoolean\">\r\n                        </ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n\r\n            </div>\r\n            <div *ngSwitchDefault>\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-text-box>\r\n\r\n                </ax-form-group>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"isOnDemandLabel\">\r\n\r\n            <ax-text-box #textBoxNameValue [value]=\"getOnDemandName(rule.onDemandLabel)\"\r\n                (onValueChanged)=\"onDemandLabelChange($event)\" placeholder=\"\u0646\u0627\u0645 \u0645\u062A\u063A\u06CC\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\">\r\n                <!-- <ax-validation>\r\n                    <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n                </ax-validation> -->\r\n            </ax-text-box>\r\n\r\n\r\n        </div>\r\n\r\n    </ng-container>\r\n    <ng-template #valueTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n\r\n            {{rule.text}}\r\n\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"buttons-list\">\r\n    <div *ngIf=\"showValue && isEditing && mode == 'new'\" class=\"button variable\"\r\n        [ngClass]=\"{'active-button': isOnDemandLabel}\">\r\n        <i class=\"far fa-dollar-sign\"></i>\r\n        <ax-check-box [value]=\"isOnDemandLabel\" (onClick)=\"onDemandLabel($event)\">\r\n        </ax-check-box>\r\n    </div>\r\n\r\n    <div class=\"button commit\" (click)=\"handleCommitClick()\" *ngIf=\"isEditing\">\r\n        <i class=\"far fa-check\"></i>\r\n    </div>\r\n    <div class=\"button remove\" (click)=\"handleRemoveClick()\" *ngIf=\"mode == 'new'\">\r\n        <i class=\"far fa-times\"></i>\r\n    </div>\r\n</div>", components: [{ type: AXFormGroupComponent, selector: "ax-form-group", inputs: ["size"] }, { type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { type: AXDataSourceComponent, selector: "ax-data-source", inputs: ["provideData", "params"] }, { type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "type", "showMask", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "trans": i1$2.AXTranslatorPipe }, encapsulation: i0.ViewEncapsulation.None });
+AXQueryBuilderRuleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXQueryBuilderRuleComponent, selector: "ax-query-rule", inputs: { isEditing: "isEditing", rule: "rule", parent: "parent", mode: "mode", fields: "fields" }, outputs: { onRuleDelete: "onRuleDelete", ruleChanged: "ruleChanged" }, host: { classAttribute: "ax ax-query-rule" }, viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true }, { propertyName: "selectBoxValue", first: true, predicate: ["selectBoxValue"], descendants: true }, { propertyName: "selectBoxBoolean", first: true, predicate: ["selectBoxBoolean"], descendants: true }, { propertyName: "textBoxNameValue", first: true, predicate: ["textBoxNameValue"], descendants: true }, { propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"condition\" *ngIf=\"parent\">\r\n    <div class=\"text {{parent.condition}}\">\r\n        <span>{{parent.condition}}</span>\r\n    </div>\r\n</div>\r\n<div class=\"handler\">\r\n    <i class=\"far fa-grip-lines-vertical\"></i>\r\n</div>\r\n\r\n<div class=\"caption\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else fieldsTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box [readonly]=\"mode == 'edit'\" (selectionChanged)=\"captionChange($event)\" allowNull=\"false\"\r\n                [(selectedItems)]=\"rule.dataFieldItem\" textField=\"caption\" valueField=\"dataField\" [items]=\"fields\"\r\n                mode=\"single\">\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #fieldsTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n            {{rule.caption}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"operator\" [ngClass]=\"{'editable': isEditing,'radius':!showValue}\">\r\n    <ng-container *ngIf=\"isEditing;else operatorTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box [readonly]=\"mode == 'edit'\" *ngIf=\"showOperatorSelectBox\" [(selectedValues)]=\"rule.operator\"\r\n                #selectBox (selectedItemsChange)=\"operatorChange($event)\" allowNull=\"false\" mode=\"single\">\r\n                <ax-data-source [provideData]=\"provideDataOperator\">\r\n                </ax-data-source>\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #operatorTemplate>\r\n        <div class=\"text\" (click)=\"handleEditClick()\">\r\n            {{('queryBuilder.'+rule.operator) | trans}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n<div *ngIf=\"showValue\" class=\"value\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else valueTemplate\">\r\n\r\n        <div *ngIf=\" rule.control && !isOnDemandLabel\" [ngSwitch]=\"rule.control.type\">\r\n            <div *ngSwitchCase=\"'textBox'\">\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-text-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'selectBox'\">\r\n                <ax-form-group>\r\n                    <ax-select-box *ngIf=\"showSelectBox\" [mode]=\"getOption('mode')\"\r\n                        [remoteOperation]=\"getOption('remoteOperation')\" [valueField]=\"getOption('valueField')\"\r\n                        placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" [textField]=\"getOption('textField')\"\r\n                        [(selectedItems)]=\"rule.valueItem\" (selectedItemsChange)=\"selectedItemsChange($event)\"\r\n                        #selectBoxValue>\r\n                        <ax-data-source [provideData]=\"getProvideData\"></ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'numberBox'\">\r\n                <ax-form-group>\r\n                    <ax-number-box [decimalNumber]=\"2\" (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-number-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'datePicker'\">\r\n\r\n\r\n            </div>\r\n            <div *ngSwitchCase=\"'boolean'\">\r\n\r\n                <ax-form-group>\r\n                    <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event)\"\r\n                        allowNull=\"false\" [selectedValues]=\"rule.value\" mode=\"single\">\r\n                        <ax-data-source [provideData]=\"provideDataBoolean\">\r\n                        </ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n\r\n            </div>\r\n            <div *ngSwitchDefault>\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-text-box>\r\n\r\n                </ax-form-group>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"isOnDemandLabel\">\r\n\r\n            <ax-text-box #textBoxNameValue [value]=\"getOnDemandName(rule.onDemandLabel)\"\r\n                (onValueChanged)=\"onDemandLabelChange($event)\" placeholder=\"\u0646\u0627\u0645 \u0645\u062A\u063A\u06CC\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\">\r\n                <!-- <ax-validation>\r\n                    <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n                </ax-validation> -->\r\n            </ax-text-box>\r\n\r\n\r\n        </div>\r\n\r\n    </ng-container>\r\n    <ng-template #valueTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n\r\n            {{rule.text}}\r\n\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"buttons-list\">\r\n    <div *ngIf=\"showValue && isEditing && mode == 'new'\" class=\"button variable\"\r\n        [ngClass]=\"{'active-button': isOnDemandLabel}\">\r\n        <i class=\"far fa-dollar-sign\"></i>\r\n        <ax-check-box [value]=\"isOnDemandLabel\" (onClick)=\"onDemandLabel($event)\">\r\n        </ax-check-box>\r\n    </div>\r\n\r\n    <div class=\"button commit\" (click)=\"handleCommitClick()\" *ngIf=\"isEditing\">\r\n        <i class=\"far fa-check\"></i>\r\n    </div>\r\n    <div class=\"button remove\" (click)=\"handleRemoveClick()\" *ngIf=\"mode == 'new'\">\r\n        <i class=\"far fa-times\"></i>\r\n    </div>\r\n</div>", components: [{ type: AXFormGroupComponent, selector: "ax-form-group", inputs: ["size"] }, { type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { type: AXDataSourceComponent, selector: "ax-data-source", inputs: ["provideData", "params"] }, { type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "type", "showMask", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "trans": i1$2.AXTranslatorPipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXQueryBuilderRuleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-query-rule', host: { class: 'ax ax-query-rule' }, encapsulation: ViewEncapsulation.None, template: "<div class=\"condition\" *ngIf=\"parent\">\r\n    <div class=\"text {{parent.condition}}\">\r\n        <span>{{parent.condition}}</span>\r\n    </div>\r\n</div>\r\n<div class=\"handler\">\r\n    <i class=\"far fa-grip-lines-vertical\"></i>\r\n</div>\r\n\r\n<div class=\"caption\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else fieldsTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box [readonly]=\"mode == 'edit'\" (selectionChanged)=\"captionChange($event)\" allowNull=\"false\"\r\n                [(selectedItems)]=\"rule.dataFieldItem\" textField=\"caption\" valueField=\"dataField\" [items]=\"fields\"\r\n                mode=\"single\">\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #fieldsTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n            {{rule.caption}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"operator\" [ngClass]=\"{'editable': isEditing,'radius':!showValue}\">\r\n    <ng-container *ngIf=\"isEditing;else operatorTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box [readonly]=\"mode == 'edit'\" *ngIf=\"showOperatorSelectBox\" [(selectedValues)]=\"rule.operator\"\r\n                #selectBox (selectedItemsChange)=\"operatorChange($event)\" allowNull=\"false\" mode=\"single\">\r\n                <ax-data-source [provideData]=\"provideDataOperator\">\r\n                </ax-data-source>\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #operatorTemplate>\r\n        <div class=\"text\" (click)=\"handleEditClick()\">\r\n            {{('queryBuilder.'+rule.operator) | trans}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n<div *ngIf=\"showValue\" class=\"value\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else valueTemplate\">\r\n\r\n        <div *ngIf=\" rule.control && !isOnDemandLabel\" [ngSwitch]=\"rule.control.type\">\r\n            <div *ngSwitchCase=\"'textBox'\">\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-text-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'selectBox'\">\r\n                <ax-form-group>\r\n                    <ax-select-box *ngIf=\"showSelectBox\" [mode]=\"getOption('mode')\"\r\n                        [remoteOperation]=\"getOption('remoteOperation')\" [valueField]=\"getOption('valueField')\"\r\n                        placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" [textField]=\"getOption('textField')\"\r\n                        [(selectedItems)]=\"rule.valueItem\" (selectedItemsChange)=\"selectedItemsChange($event)\"\r\n                        #selectBoxValue>\r\n                        <ax-data-source [provideData]=\"getProvideData\"></ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'numberBox'\">\r\n                <ax-form-group>\r\n                    <ax-number-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-number-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'datePicker'\">\r\n\r\n\r\n            </div>\r\n            <div *ngSwitchCase=\"'boolean'\">\r\n\r\n                <ax-form-group>\r\n                    <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event)\"\r\n                        allowNull=\"false\" [selectedValues]=\"rule.value\" mode=\"single\">\r\n                        <ax-data-source [provideData]=\"provideDataBoolean\">\r\n                        </ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n\r\n            </div>\r\n            <div *ngSwitchDefault>\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-text-box>\r\n\r\n                </ax-form-group>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"isOnDemandLabel\">\r\n\r\n            <ax-text-box #textBoxNameValue [value]=\"getOnDemandName(rule.onDemandLabel)\"\r\n                (onValueChanged)=\"onDemandLabelChange($event)\" placeholder=\"\u0646\u0627\u0645 \u0645\u062A\u063A\u06CC\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\">\r\n                <!-- <ax-validation>\r\n                    <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n                </ax-validation> -->\r\n            </ax-text-box>\r\n\r\n\r\n        </div>\r\n\r\n    </ng-container>\r\n    <ng-template #valueTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n\r\n            {{rule.text}}\r\n\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"buttons-list\">\r\n    <div *ngIf=\"showValue && isEditing && mode == 'new'\" class=\"button variable\"\r\n        [ngClass]=\"{'active-button': isOnDemandLabel}\">\r\n        <i class=\"far fa-dollar-sign\"></i>\r\n        <ax-check-box [value]=\"isOnDemandLabel\" (onClick)=\"onDemandLabel($event)\">\r\n        </ax-check-box>\r\n    </div>\r\n\r\n    <div class=\"button commit\" (click)=\"handleCommitClick()\" *ngIf=\"isEditing\">\r\n        <i class=\"far fa-check\"></i>\r\n    </div>\r\n    <div class=\"button remove\" (click)=\"handleRemoveClick()\" *ngIf=\"mode == 'new'\">\r\n        <i class=\"far fa-times\"></i>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'ax-query-rule', host: { class: 'ax ax-query-rule' }, encapsulation: ViewEncapsulation.None, template: "<div class=\"condition\" *ngIf=\"parent\">\r\n    <div class=\"text {{parent.condition}}\">\r\n        <span>{{parent.condition}}</span>\r\n    </div>\r\n</div>\r\n<div class=\"handler\">\r\n    <i class=\"far fa-grip-lines-vertical\"></i>\r\n</div>\r\n\r\n<div class=\"caption\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else fieldsTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box [readonly]=\"mode == 'edit'\" (selectionChanged)=\"captionChange($event)\" allowNull=\"false\"\r\n                [(selectedItems)]=\"rule.dataFieldItem\" textField=\"caption\" valueField=\"dataField\" [items]=\"fields\"\r\n                mode=\"single\">\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #fieldsTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n            {{rule.caption}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"operator\" [ngClass]=\"{'editable': isEditing,'radius':!showValue}\">\r\n    <ng-container *ngIf=\"isEditing;else operatorTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box [readonly]=\"mode == 'edit'\" *ngIf=\"showOperatorSelectBox\" [(selectedValues)]=\"rule.operator\"\r\n                #selectBox (selectedItemsChange)=\"operatorChange($event)\" allowNull=\"false\" mode=\"single\">\r\n                <ax-data-source [provideData]=\"provideDataOperator\">\r\n                </ax-data-source>\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #operatorTemplate>\r\n        <div class=\"text\" (click)=\"handleEditClick()\">\r\n            {{('queryBuilder.'+rule.operator) | trans}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n<div *ngIf=\"showValue\" class=\"value\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else valueTemplate\">\r\n\r\n        <div *ngIf=\" rule.control && !isOnDemandLabel\" [ngSwitch]=\"rule.control.type\">\r\n            <div *ngSwitchCase=\"'textBox'\">\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-text-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'selectBox'\">\r\n                <ax-form-group>\r\n                    <ax-select-box *ngIf=\"showSelectBox\" [mode]=\"getOption('mode')\"\r\n                        [remoteOperation]=\"getOption('remoteOperation')\" [valueField]=\"getOption('valueField')\"\r\n                        placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" [textField]=\"getOption('textField')\"\r\n                        [(selectedItems)]=\"rule.valueItem\" (selectedItemsChange)=\"selectedItemsChange($event)\"\r\n                        #selectBoxValue>\r\n                        <ax-data-source [provideData]=\"getProvideData\"></ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'numberBox'\">\r\n                <ax-form-group>\r\n                    <ax-number-box [decimalNumber]=\"2\" (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-number-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'datePicker'\">\r\n\r\n\r\n            </div>\r\n            <div *ngSwitchCase=\"'boolean'\">\r\n\r\n                <ax-form-group>\r\n                    <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event)\"\r\n                        allowNull=\"false\" [selectedValues]=\"rule.value\" mode=\"single\">\r\n                        <ax-data-source [provideData]=\"provideDataBoolean\">\r\n                        </ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n\r\n            </div>\r\n            <div *ngSwitchDefault>\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\">\r\n                    </ax-text-box>\r\n\r\n                </ax-form-group>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"isOnDemandLabel\">\r\n\r\n            <ax-text-box #textBoxNameValue [value]=\"getOnDemandName(rule.onDemandLabel)\"\r\n                (onValueChanged)=\"onDemandLabelChange($event)\" placeholder=\"\u0646\u0627\u0645 \u0645\u062A\u063A\u06CC\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\">\r\n                <!-- <ax-validation>\r\n                    <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n                </ax-validation> -->\r\n            </ax-text-box>\r\n\r\n\r\n        </div>\r\n\r\n    </ng-container>\r\n    <ng-template #valueTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n\r\n            {{rule.text}}\r\n\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"buttons-list\">\r\n    <div *ngIf=\"showValue && isEditing && mode == 'new'\" class=\"button variable\"\r\n        [ngClass]=\"{'active-button': isOnDemandLabel}\">\r\n        <i class=\"far fa-dollar-sign\"></i>\r\n        <ax-check-box [value]=\"isOnDemandLabel\" (onClick)=\"onDemandLabel($event)\">\r\n        </ax-check-box>\r\n    </div>\r\n\r\n    <div class=\"button commit\" (click)=\"handleCommitClick()\" *ngIf=\"isEditing\">\r\n        <i class=\"far fa-check\"></i>\r\n    </div>\r\n    <div class=\"button remove\" (click)=\"handleRemoveClick()\" *ngIf=\"mode == 'new'\">\r\n        <i class=\"far fa-times\"></i>\r\n    </div>\r\n</div>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { selectBox: [{
                 type: ViewChild,
                 args: ['selectBox']
@@ -10093,6 +10093,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 }]
         }] });
 
+class AXSearchBarComponent {
+    constructor() {
+        this.size = 'md';
+        this.readonly = false;
+        this.disabled = false;
+        this.rtl = AXConfig.get('layout.rtl');
+    }
+    focus() {
+        throw new Error('Method not implemented.');
+    }
+    ngOnInit() { }
+}
+AXSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSearchBarComponent, selector: "ax-search-bar", inputs: { tabIndex: "tabIndex", size: "size", readonly: "readonly", disabled: "disabled", rtl: "rtl" }, ngImport: i0, template: "<ax-drop-down [readonly]=\"readonly\" [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" #dropdown\r\n    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        <div class=\"ax chips-container\" [horizontalScroll]=\"40\">\r\n            <div class=\"chips\">\r\n                <span class=\"chips-text\">\r\n                    Filter Item\r\n                </span>\r\n                <span class=\"close-icon\">\r\n                    <i class=\"far fa-times close\"></i>\r\n                </span>\r\n            </div>\r\n          \r\n        </div>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button end [disabled]=\"disabled\" icon=\"fas fa-filter\" type=\"blank\" (click)=\"dropdown.toggle()\" [size]=\"size\"\r\n            [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n\r\n    <ng-container panel>\r\n        <div class=\"search-bar-form\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </ng-container>\r\n\r\n</ax-drop-down>", styles: [".search-bar-form{padding:1rem}\n"], components: [{ type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading"], outputs: ["dropdownToggle", "onButtonClick"] }, { type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i1$2.AXHorizontalScrollDirective, selector: "[horizontalScroll]", inputs: ["horizontalScroll"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-search-bar', template: "<ax-drop-down [readonly]=\"readonly\" [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" #dropdown\r\n    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        <div class=\"ax chips-container\" [horizontalScroll]=\"40\">\r\n            <div class=\"chips\">\r\n                <span class=\"chips-text\">\r\n                    Filter Item\r\n                </span>\r\n                <span class=\"close-icon\">\r\n                    <i class=\"far fa-times close\"></i>\r\n                </span>\r\n            </div>\r\n          \r\n        </div>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button end [disabled]=\"disabled\" icon=\"fas fa-filter\" type=\"blank\" (click)=\"dropdown.toggle()\" [size]=\"size\"\r\n            [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n\r\n    <ng-container panel>\r\n        <div class=\"search-bar-form\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </ng-container>\r\n\r\n</ax-drop-down>", styles: [".search-bar-form{padding:1rem}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { tabIndex: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], rtl: [{
+                type: Input
+            }] } });
+
+class AXSearchBarModule {
+}
+AXSearchBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXSearchBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarModule, declarations: [AXSearchBarComponent], imports: [CommonModule,
+        AXDropdownModule,
+        AXTextBoxModule,
+        AXTranslatorModule,
+        AXScrollModule,
+        AXCheckBoxModule,
+        AXLoadingModule,
+        AXSearchBoxModule,
+        AXButtonModule], exports: [AXSearchBarComponent] });
+AXSearchBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarModule, providers: [], imports: [[
+            CommonModule,
+            AXDropdownModule,
+            AXTextBoxModule,
+            AXTranslatorModule,
+            AXScrollModule,
+            AXCheckBoxModule,
+            AXLoadingModule,
+            AXSearchBoxModule,
+            AXButtonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXSearchBarComponent],
+                    imports: [
+                        CommonModule,
+                        AXDropdownModule,
+                        AXTextBoxModule,
+                        AXTranslatorModule,
+                        AXScrollModule,
+                        AXCheckBoxModule,
+                        AXLoadingModule,
+                        AXSearchBoxModule,
+                        AXButtonModule
+                    ],
+                    exports: [AXSearchBarComponent],
+                    providers: []
+                }]
+        }] });
+
 class AXSwitchComponent extends AXBaseComponent {
     constructor(cdr) {
         super();
@@ -15185,5 +15257,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AXAccordionComponent, AXAccordionModule, AXAsyncEventArgs, AXBaseButtonComponent, AXBaseComponent, AXBaseDropdownComponent, AXBaseEvent, AXBaseInputChangeEvent, AXBasePageComponent, AXBasePopupPageComponent, AXBaseTextComponent, AXButtonComponent, AXButtonModule, AXCalendarBoxComponent, AXCalendarBoxModule, AXCheckBoxComponent, AXCheckBoxItemClick, AXCheckBoxModule, AXColorBoxComponent, AXColorPickerComponent, AXColorPickerModule, AXColorPropertyEditorComponent, AXColorPropertyEditorModule, AXConditionalColorPropertyEditorComponent, AXConditionalColorPropertyEditorModule, AXContextMenuComponent, AXContextMenuDirective, AXContextMenuItemClickEvent, AXContextMenuModule, AXDataEvent, AXDataListComponent, AXDataPickerChangeEvent, AXDataSourceComponent, AXDataSourceModule, AXDataSourceRead, AXDataSourceReceivedEvent, AXDataSourceReceivedResult, AXDatePickerComponent, AXDatePickerModule, AXDecoratorContentComponent, AXDialogAlertResult, AXDialogComponent, AXDialogConfirmResult, AXDialogModule, AXDialogResult, AXDialogService, AXDrawerComponent, AXDrawerContainerComponent, AXDrawerModule, AXDropdownComponent, AXDropdownModule, AXEvent, AXFieldsetComponent, AXFieldsetModule, AXFilterColumnComponent, AXFilterColumnDateComponent, AXFilterColumnNumberComponent, AXFilterColumnSelectionComponent, AXFilterColumnStringComponent, AXFilterModule, AXFilterPanelComponent, AXFormGroupComponent, AXFormGroupModule, AXHtmlEvent, AXLabelComponent, AXLabelModule, AXListComponent, AXListModule, AXLoadingIndicatorComponent, AXLoadingModule, AXLoadingPanelComponent, AXLoadingService, AXMenu2Component, AXMenuComponent, AXMenuItemClickEvent, AXMenuItemComponent, AXMenuModule, AXNumberBoxComponent, AXNumberBoxModule, AXOverlayService, AXPageCloseEvent, AXPageClosedPromise, AXPageClosing, AXPageComponent, AXPageContentComponent, AXPageFooterComponent, AXPageModule, AXPageResult, AXPanelBoxComponent, AXPanelBoxModule, AXPasswordBoxComponent, AXPasswordBoxModule, AXPopoverComponent, AXPopoverModule, AXPopupComponent, AXPopupModule, AXPopupService, AXProgressBarComponent, AXProgressBarModule, AXPropertyDecorator, AXPropertyDecorators, AXPropertyEditorRendererDirective, AXProperyEditorComponent, AXProppertyEditorModule, AXQueryBuilderComponent, AXQueryBuilderControl, AXQueryBuilderField, AXQueryBuilderGroup, AXQueryBuilderGroupEvent, AXQueryBuilderModule, AXQueryBuilderPopup, AXQueryBuilderRule, AXQueryBuilderRuleEvent, AXQueryBuilderService, AXRangePropertyEditorComponent, AXRangePropertyEditorModule, AXSchedulerAgendaViewComponent, AXSchedulerBaseViewComponent, AXSchedulerComponent, AXSchedulerDayTimeViewComponent, AXSchedulerEventChangeArgs, AXSchedulerModule, AXSchedulerMonthViewComponent, AXSchedulerTimelineViewComponent, AXSchedulerViewProperty, AXSchedulerViewsProperty, AXSearchBoxComponent, AXSearchBoxModule, AXSelectBox2Component, AXSelectBoxComponent, AXSelectBoxModule, AXSelectBoxPropertyEditorComponent, AXSelectBoxPropertyEditorModule, AXSelectBoxSelectionChangedEvent, AXSelectBoxValueChangedEvent, AXSelectionListComponent, AXSelectionListModule, AXSwitchComponent, AXSwitchModule, AXTabComponent, AXTabPageHostComponent, AXTabPageModule, AXTabPageRendererComponent, AXTabPageService, AXTabStripChangedEvent, AXTabStripComponent, AXTabStripModule, AXTabViewComponent, AXTabViewModule, AXTextAreaComponent, AXTextAreaModule, AXTextBoxComponent, AXTextBoxModule, AXTextPropertyEditorComponent, AXTextPropertyEditorModule, AXTimePickerChangedEvent, AXTimePickerComponent, AXTimePickerItemChangedEvent, AXTimePickerModule, AXToastMessageComponent, AXToastModule, AXToastService, AXToastWrapperComponent, AXToolbarButtonGroupComponent, AXToolbarComponent, AXToolbarFilterViewComponent, AXToolbarItem, AXToolbarListViewComponent, AXToolbarMenuComponent, AXToolbarModule, AXToolbarSchedulerNavigatorComponent, AXToolbarSchedulerViewsComponent, AXToolbarSearchComponent, AXToolbarTitleComponent, AXTooltipDirective, AXTooltipModule, AXTreeSideMenuComponent, AXTreeSideMenuItemClick, AXTreeSideMenuItemData, AXTreeSideMenuItemMovedEvent, AXTreeSideMenuModule, AXTreeSideMenuNode, AXTreeSideMenuSelectionChangedEvent, AXTreeViewComponent, AXTreeViewItemClick, AXTreeViewItemData, AXTreeViewItemMovedEvent, AXTreeViewModule, AXTreeViewNode, AXTreeViewselectionChangedEvent, AXTreeViewseletedKeyFieldsChangedEvent, AXUploadFileComponent, AXUploadFileModule, AXValidatableComponent, AXValidation, AXValidationComponent, AXValidationFormComponent, AXValidationModule, AXValidationRuleComponent, AXValidationRules, AXValueEvent, DynamicTabsDirective, TAB_META_KEY, propertyEditor };
+export { AXAccordionComponent, AXAccordionModule, AXAsyncEventArgs, AXBaseButtonComponent, AXBaseComponent, AXBaseDropdownComponent, AXBaseEvent, AXBaseInputChangeEvent, AXBasePageComponent, AXBasePopupPageComponent, AXBaseTextComponent, AXButtonComponent, AXButtonModule, AXCalendarBoxComponent, AXCalendarBoxModule, AXCheckBoxComponent, AXCheckBoxItemClick, AXCheckBoxModule, AXColorBoxComponent, AXColorPickerComponent, AXColorPickerModule, AXColorPropertyEditorComponent, AXColorPropertyEditorModule, AXConditionalColorPropertyEditorComponent, AXConditionalColorPropertyEditorModule, AXContextMenuComponent, AXContextMenuDirective, AXContextMenuItemClickEvent, AXContextMenuModule, AXDataEvent, AXDataListComponent, AXDataPickerChangeEvent, AXDataSourceComponent, AXDataSourceModule, AXDataSourceRead, AXDataSourceReceivedEvent, AXDataSourceReceivedResult, AXDatePickerComponent, AXDatePickerModule, AXDecoratorContentComponent, AXDialogAlertResult, AXDialogComponent, AXDialogConfirmResult, AXDialogModule, AXDialogResult, AXDialogService, AXDrawerComponent, AXDrawerContainerComponent, AXDrawerModule, AXDropdownComponent, AXDropdownModule, AXEvent, AXFieldsetComponent, AXFieldsetModule, AXFilterColumnComponent, AXFilterColumnDateComponent, AXFilterColumnNumberComponent, AXFilterColumnSelectionComponent, AXFilterColumnStringComponent, AXFilterModule, AXFilterPanelComponent, AXFormGroupComponent, AXFormGroupModule, AXHtmlEvent, AXLabelComponent, AXLabelModule, AXListComponent, AXListModule, AXLoadingIndicatorComponent, AXLoadingModule, AXLoadingPanelComponent, AXLoadingService, AXMenu2Component, AXMenuComponent, AXMenuItemClickEvent, AXMenuItemComponent, AXMenuModule, AXNumberBoxComponent, AXNumberBoxModule, AXOverlayService, AXPageCloseEvent, AXPageClosedPromise, AXPageClosing, AXPageComponent, AXPageContentComponent, AXPageFooterComponent, AXPageModule, AXPageResult, AXPanelBoxComponent, AXPanelBoxModule, AXPasswordBoxComponent, AXPasswordBoxModule, AXPopoverComponent, AXPopoverModule, AXPopupComponent, AXPopupModule, AXPopupService, AXProgressBarComponent, AXProgressBarModule, AXPropertyDecorator, AXPropertyDecorators, AXPropertyEditorRendererDirective, AXProperyEditorComponent, AXProppertyEditorModule, AXQueryBuilderComponent, AXQueryBuilderControl, AXQueryBuilderField, AXQueryBuilderGroup, AXQueryBuilderGroupEvent, AXQueryBuilderModule, AXQueryBuilderPopup, AXQueryBuilderRule, AXQueryBuilderRuleEvent, AXQueryBuilderService, AXRangePropertyEditorComponent, AXRangePropertyEditorModule, AXSchedulerAgendaViewComponent, AXSchedulerBaseViewComponent, AXSchedulerComponent, AXSchedulerDayTimeViewComponent, AXSchedulerEventChangeArgs, AXSchedulerModule, AXSchedulerMonthViewComponent, AXSchedulerTimelineViewComponent, AXSchedulerViewProperty, AXSchedulerViewsProperty, AXSearchBarComponent, AXSearchBarModule, AXSearchBoxComponent, AXSearchBoxModule, AXSelectBox2Component, AXSelectBoxComponent, AXSelectBoxModule, AXSelectBoxPropertyEditorComponent, AXSelectBoxPropertyEditorModule, AXSelectBoxSelectionChangedEvent, AXSelectBoxValueChangedEvent, AXSelectionListComponent, AXSelectionListModule, AXSwitchComponent, AXSwitchModule, AXTabComponent, AXTabPageHostComponent, AXTabPageModule, AXTabPageRendererComponent, AXTabPageService, AXTabStripChangedEvent, AXTabStripComponent, AXTabStripModule, AXTabViewComponent, AXTabViewModule, AXTextAreaComponent, AXTextAreaModule, AXTextBoxComponent, AXTextBoxModule, AXTextPropertyEditorComponent, AXTextPropertyEditorModule, AXTimePickerChangedEvent, AXTimePickerComponent, AXTimePickerItemChangedEvent, AXTimePickerModule, AXToastMessageComponent, AXToastModule, AXToastService, AXToastWrapperComponent, AXToolbarButtonGroupComponent, AXToolbarComponent, AXToolbarFilterViewComponent, AXToolbarItem, AXToolbarListViewComponent, AXToolbarMenuComponent, AXToolbarModule, AXToolbarSchedulerNavigatorComponent, AXToolbarSchedulerViewsComponent, AXToolbarSearchComponent, AXToolbarTitleComponent, AXTooltipDirective, AXTooltipModule, AXTreeSideMenuComponent, AXTreeSideMenuItemClick, AXTreeSideMenuItemData, AXTreeSideMenuItemMovedEvent, AXTreeSideMenuModule, AXTreeSideMenuNode, AXTreeSideMenuSelectionChangedEvent, AXTreeViewComponent, AXTreeViewItemClick, AXTreeViewItemData, AXTreeViewItemMovedEvent, AXTreeViewModule, AXTreeViewNode, AXTreeViewselectionChangedEvent, AXTreeViewseletedKeyFieldsChangedEvent, AXUploadFileComponent, AXUploadFileModule, AXValidatableComponent, AXValidation, AXValidationComponent, AXValidationFormComponent, AXValidationModule, AXValidationRuleComponent, AXValidationRules, AXValueEvent, DynamicTabsDirective, TAB_META_KEY, propertyEditor };
 //# sourceMappingURL=acorex-components.mjs.map