@acorex/components 4.2.18 → 4.2.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1681,10 +1681,10 @@ class AXMenuComponent {
1681
1681
  }
1682
1682
  }
1683
1683
  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 });
1684
- 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 });
1684
+ 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 });
1685
1685
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuComponent, decorators: [{
1686
1686
  type: Component,
1687
- 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" }]
1687
+ 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>" }]
1688
1688
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _contentMenuTemplate: [{
1689
1689
  type: ContentChild,
1690
1690
  args: [TemplateRef, { static: true }]
@@ -3076,7 +3076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
3076
3076
 
3077
3077
  class AXCheckBoxItemClick extends AXHtmlEvent {
3078
3078
  }
3079
- class AXCheckBoxComponent extends AXBaseComponent {
3079
+ class AXCheckBoxComponent extends AXValidatableComponent {
3080
3080
  constructor(cdr, ref) {
3081
3081
  super();
3082
3082
  this.cdr = cdr;
@@ -3138,10 +3138,10 @@ class AXCheckBoxComponent extends AXBaseComponent {
3138
3138
  }
3139
3139
  }
3140
3140
  AXCheckBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXCheckBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
3141
- AXCheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: { readonly: "readonly", disabled: "disabled", size: "size", label: "label", tabIndex: "tabIndex", indeterminate: "indeterminate", value: "value" }, outputs: { onValueChanged: "onValueChanged", valueChange: "valueChange", onClick: "onClick" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n (click)=\"handleClick($event)\">\r\n {{ label }}\r\n <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\r\n [disabled]=\"disabled || readonly\" />\r\n <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\r\n\r\n</label> -->\r\n\r\n\r\n<!-- [(ngModel)]=\"value\" -->\r\n<!-- (click)=\"handleClick($event)\" -->\r\n\r\n<label class=\"ax-checkbox-container\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\">\r\n\r\n <input #input class=\"ax-checkbox\" type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [class.checked]=\"value\"\r\n [checked]=\"value\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\" (click)=\"handleClick($event)\"\r\n [disabled]=\"disabled || readonly\" />\r\n\r\n\r\n <span>{{ label ? label : '&nbsp;' }}</span>\r\n</label>", directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3141
+ AXCheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: { readonly: "readonly", disabled: "disabled", size: "size", label: "label", tabIndex: "tabIndex", indeterminate: "indeterminate", value: "value" }, outputs: { onValueChanged: "onValueChanged", valueChange: "valueChange", onClick: "onClick" }, providers: [{ provide: AXValidatableComponent, useExisting: AXCheckBoxComponent }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n (click)=\"handleClick($event)\">\r\n {{ label }}\r\n <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\r\n [disabled]=\"disabled || readonly\" />\r\n <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\r\n\r\n</label> -->\r\n\r\n\r\n<!-- [(ngModel)]=\"value\" -->\r\n<!-- (click)=\"handleClick($event)\" -->\r\n\r\n<label class=\"ax-checkbox-container\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\">\r\n\r\n <input #input class=\"ax-checkbox\" type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [class.checked]=\"value\"\r\n [checked]=\"value\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\" (click)=\"handleClick($event)\"\r\n [disabled]=\"disabled || readonly\" />\r\n\r\n\r\n <span>{{ label ? label : '&nbsp;' }}</span>\r\n</label>", directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3142
3142
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
3143
3143
  type: Component,
3144
- args: [{ selector: 'ax-check-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n (click)=\"handleClick($event)\">\r\n {{ label }}\r\n <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\r\n [disabled]=\"disabled || readonly\" />\r\n <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\r\n\r\n</label> -->\r\n\r\n\r\n<!-- [(ngModel)]=\"value\" -->\r\n<!-- (click)=\"handleClick($event)\" -->\r\n\r\n<label class=\"ax-checkbox-container\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\">\r\n\r\n <input #input class=\"ax-checkbox\" type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [class.checked]=\"value\"\r\n [checked]=\"value\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\" (click)=\"handleClick($event)\"\r\n [disabled]=\"disabled || readonly\" />\r\n\r\n\r\n <span>{{ label ? label : '&nbsp;' }}</span>\r\n</label>" }]
3144
+ args: [{ selector: 'ax-check-box', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXValidatableComponent, useExisting: AXCheckBoxComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n (click)=\"handleClick($event)\">\r\n {{ label }}\r\n <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\r\n [disabled]=\"disabled || readonly\" />\r\n <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\r\n\r\n</label> -->\r\n\r\n\r\n<!-- [(ngModel)]=\"value\" -->\r\n<!-- (click)=\"handleClick($event)\" -->\r\n\r\n<label class=\"ax-checkbox-container\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\">\r\n\r\n <input #input class=\"ax-checkbox\" type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [class.checked]=\"value\"\r\n [checked]=\"value\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\" (click)=\"handleClick($event)\"\r\n [disabled]=\"disabled || readonly\" />\r\n\r\n\r\n <span>{{ label ? label : '&nbsp;' }}</span>\r\n</label>" }]
3145
3145
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { input: [{
3146
3146
  type: ViewChild,
3147
3147
  args: ['input', { static: true }]
@@ -10242,10 +10242,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
10242
10242
  }] } });
10243
10243
 
10244
10244
  class AXSearchBarComponent {
10245
- constructor() {
10245
+ constructor(ref) {
10246
+ this.ref = ref;
10246
10247
  this.size = 'md';
10247
10248
  this.disabled = false;
10248
10249
  this.items = [];
10250
+ this.rtl = AXConfig.get('layout.rtl');
10251
+ this.onSearchValue = new EventEmitter();
10249
10252
  this._items = [];
10250
10253
  this._filterItems = [];
10251
10254
  this._filterItemsClone = [];
@@ -10276,8 +10279,8 @@ class AXSearchBarComponent {
10276
10279
  }
10277
10280
  search() {
10278
10281
  this._filterItems = JSON.parse(JSON.stringify(this._filterItemsClone));
10279
- console.log(this._filterItems);
10280
10282
  this.handleButtonClick();
10283
+ this.onSearchValue.emit(this._filterItems);
10281
10284
  }
10282
10285
  clear() {
10283
10286
  this._editors.forEach(e => {
@@ -10286,6 +10289,7 @@ class AXSearchBarComponent {
10286
10289
  this._filterItems = [];
10287
10290
  this._filterItemsClone = [];
10288
10291
  this.handleButtonClick();
10292
+ this.onSearchValue.emit(this._filterItems);
10289
10293
  }
10290
10294
  renderCol(e) {
10291
10295
  let className = [];
@@ -10313,15 +10317,34 @@ class AXSearchBarComponent {
10313
10317
  return className.toString().replace(/,/, ' ');
10314
10318
  }
10315
10319
  ngOnInit() {
10320
+ this.items.forEach((el) => {
10321
+ if (el.value != null) {
10322
+ this._filterItems.push({
10323
+ name: el.property.name,
10324
+ title: el.property.title,
10325
+ value: el.value
10326
+ });
10327
+ }
10328
+ });
10329
+ if (this.rtl == null) {
10330
+ this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
10331
+ }
10332
+ setTimeout(() => {
10333
+ this.ref.nativeElement.classList.add(this.rtl ? 'rtl' : 'ltr');
10334
+ this.el.nativeElement.classList.add(this.rtl ? 'rtl' : 'ltr');
10335
+ }, 5);
10316
10336
  this._items = _.chain(this.items).groupBy(x => x.property.row).map((value, key) => ({ row: key, items: value })).value();
10317
10337
  }
10318
10338
  }
10319
- AXSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10320
- AXSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSearchBarComponent, selector: "ax-search-bar", inputs: { size: "size", disabled: "disabled", items: "items" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #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\">\r\n <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n <span class=\"chips-text\">\r\n <b>{{item.title}} :</b> {{item.value}}\r\n </span>\r\n <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n <i class=\"far fa-times close\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container panel>\r\n <div class=\"panel-box\">\r\n <div *ngFor=\"let item of _items\" class=\"row\">\r\n <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n <ax-form-group>\r\n <ax-label>{{prop.property.title}}</ax-label>\r\n <ng-container ax-property-editor-renderer [property]=\"prop\" [context]=\"_context\"\r\n (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n </ax-form-group>\r\n </div>\r\n </div>\r\n <div class=\"footer-button\">\r\n <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container end>\r\n <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n [tabIndex]=\"-1\" (click)=\"handleButtonClick()\"></ax-button>\r\n </ng-container>\r\n\r\n</ax-drop-down>", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"], components: [{ type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading"], outputs: ["dropdownToggle", "onButtonClick"] }, { type: AXFormGroupComponent, selector: "ax-form-group", inputs: ["size"] }, { type: AXLabelComponent, selector: "ax-label", inputs: ["size"] }, { type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: AXPropertyEditorRendererDirective, selector: "[ax-property-editor-renderer]", inputs: ["property", "validationForm", "context", "host", "groupId"], outputs: ["onValueChange"] }], pipes: { "trans": i1$2.AXTranslatorPipe } });
10339
+ AXSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
10340
+ AXSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSearchBarComponent, selector: "ax-search-bar", inputs: { size: "size", disabled: "disabled", items: "items", rtl: "rtl" }, outputs: { onSearchValue: "onSearchValue" }, viewQueries: [{ propertyName: "el", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #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\">\r\n <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n <span class=\"chips-text\">\r\n <b>{{item.title}} :</b> {{item.value}}\r\n </span>\r\n <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n <i class=\"far fa-times close\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container panel>\r\n <div class=\"panel-box\">\r\n <div *ngFor=\"let item of _items\" class=\"row\">\r\n <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n <ax-form-group>\r\n <ax-label>{{prop.property.title}}</ax-label>\r\n <ng-container ax-property-editor-renderer [property]=\"prop\" [context]=\"_context\"\r\n (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n </ax-form-group>\r\n </div>\r\n </div>\r\n <div class=\"footer-button\">\r\n <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container end>\r\n <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n [tabIndex]=\"-1\" (click)=\"handleButtonClick()\">{{'common.search' | trans}}</ax-button>\r\n </ng-container>\r\n\r\n</ax-drop-down>\r\n", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"], components: [{ type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading"], outputs: ["dropdownToggle", "onButtonClick"] }, { type: AXFormGroupComponent, selector: "ax-form-group", inputs: ["size"] }, { type: AXLabelComponent, selector: "ax-label", inputs: ["size"] }, { type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: AXPropertyEditorRendererDirective, selector: "[ax-property-editor-renderer]", inputs: ["property", "validationForm", "context", "host", "groupId"], outputs: ["onValueChange"] }], pipes: { "trans": i1$2.AXTranslatorPipe } });
10321
10341
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, decorators: [{
10322
10342
  type: Component,
10323
- args: [{ selector: 'ax-search-bar', template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #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\">\r\n <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n <span class=\"chips-text\">\r\n <b>{{item.title}} :</b> {{item.value}}\r\n </span>\r\n <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n <i class=\"far fa-times close\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container panel>\r\n <div class=\"panel-box\">\r\n <div *ngFor=\"let item of _items\" class=\"row\">\r\n <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n <ax-form-group>\r\n <ax-label>{{prop.property.title}}</ax-label>\r\n <ng-container ax-property-editor-renderer [property]=\"prop\" [context]=\"_context\"\r\n (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n </ax-form-group>\r\n </div>\r\n </div>\r\n <div class=\"footer-button\">\r\n <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container end>\r\n <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n [tabIndex]=\"-1\" (click)=\"handleButtonClick()\"></ax-button>\r\n </ng-container>\r\n\r\n</ax-drop-down>", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"] }]
10324
- }], ctorParameters: function () { return []; }, propDecorators: { dropdown: [{
10343
+ args: [{ selector: 'ax-search-bar', template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #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\">\r\n <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n <span class=\"chips-text\">\r\n <b>{{item.title}} :</b> {{item.value}}\r\n </span>\r\n <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n <i class=\"far fa-times close\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container panel>\r\n <div class=\"panel-box\">\r\n <div *ngFor=\"let item of _items\" class=\"row\">\r\n <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n <ax-form-group>\r\n <ax-label>{{prop.property.title}}</ax-label>\r\n <ng-container ax-property-editor-renderer [property]=\"prop\" [context]=\"_context\"\r\n (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n </ax-form-group>\r\n </div>\r\n </div>\r\n <div class=\"footer-button\">\r\n <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container end>\r\n <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n [tabIndex]=\"-1\" (click)=\"handleButtonClick()\">{{'common.search' | trans}}</ax-button>\r\n </ng-container>\r\n\r\n</ax-drop-down>\r\n", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"] }]
10344
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { el: [{
10345
+ type: ViewChild,
10346
+ args: ['dropdown', { static: true }]
10347
+ }], dropdown: [{
10325
10348
  type: ViewChild,
10326
10349
  args: ['dropdown', { static: true }]
10327
10350
  }], _editors: [{
@@ -10333,6 +10356,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
10333
10356
  type: Input
10334
10357
  }], items: [{
10335
10358
  type: Input
10359
+ }], rtl: [{
10360
+ type: Input
10361
+ }], onSearchValue: [{
10362
+ type: Output
10336
10363
  }] } });
10337
10364
 
10338
10365
  class AXProperyEditorComponent {
@@ -12971,6 +12998,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
12971
12998
  }]
12972
12999
  }], ctorParameters: function () { return []; } });
12973
13000
 
13001
+ class AXCheckBoxPropertyEditorComponent extends AXProperyEditorComponent {
13002
+ constructor(cdr) {
13003
+ super(cdr);
13004
+ this.cdr = cdr;
13005
+ this.disabled = false;
13006
+ this.indeterminate = false;
13007
+ this.readonly = false;
13008
+ this.size = 'md';
13009
+ }
13010
+ ngAfterViewInit() {
13011
+ console.log('checkbox');
13012
+ this.registerForValidationForm(this.textBox);
13013
+ this.onRenderCompleted.emit();
13014
+ }
13015
+ }
13016
+ AXCheckBoxPropertyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXCheckBoxPropertyEditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
13017
+ AXCheckBoxPropertyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXCheckBoxPropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "textBox", first: true, predicate: AXCheckBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ax-check-box
13018
+ [disabled]="disabled"
13019
+ [label]="label"
13020
+ [size]="size"
13021
+ [indeterminate]="indeterminate"
13022
+ [readonly]="readonly"
13023
+ [value]="value">
13024
+ <ax-validation [rules]="validation?.rules">
13025
+ </ax-validation>
13026
+ </ax-check-box>`, isInline: true, components: [{ type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }, { type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
13027
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXCheckBoxPropertyEditorComponent, decorators: [{
13028
+ type: Component,
13029
+ args: [{
13030
+ template: `<ax-check-box
13031
+ [disabled]="disabled"
13032
+ [label]="label"
13033
+ [size]="size"
13034
+ [indeterminate]="indeterminate"
13035
+ [readonly]="readonly"
13036
+ [value]="value">
13037
+ <ax-validation [rules]="validation?.rules">
13038
+ </ax-validation>
13039
+ </ax-check-box>`,
13040
+ }]
13041
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { textBox: [{
13042
+ type: ViewChild,
13043
+ args: [AXCheckBoxComponent]
13044
+ }] } });
13045
+
13046
+ class AXCheckPropertyEditorModule {
13047
+ }
13048
+ AXCheckPropertyEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXCheckPropertyEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
13049
+ AXCheckPropertyEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXCheckPropertyEditorModule, declarations: [AXCheckBoxPropertyEditorComponent], imports: [CommonModule, AXCheckBoxModule, FormsModule, AXValidationModule] });
13050
+ AXCheckPropertyEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXCheckPropertyEditorModule, providers: [], imports: [[CommonModule, AXCheckBoxModule, FormsModule, AXValidationModule]] });
13051
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXCheckPropertyEditorModule, decorators: [{
13052
+ type: NgModule,
13053
+ args: [{
13054
+ declarations: [AXCheckBoxPropertyEditorComponent],
13055
+ imports: [CommonModule, AXCheckBoxModule, FormsModule, AXValidationModule],
13056
+ exports: [],
13057
+ providers: [],
13058
+ }]
13059
+ }] });
13060
+
12974
13061
  const WDIGET_MODULES = [
12975
13062
  AXNumberBoxPropertyEditorModule,
12976
13063
  AXTextPropertyEditorModule,
@@ -12983,7 +13070,8 @@ const WDIGET_MODULES = [
12983
13070
  AXDatePropertyEditorModule,
12984
13071
  AXTimePropertyEditorModule,
12985
13072
  AXTimePropertyEditorModule,
12986
- AXTextareaPropertyEditorModule
13073
+ AXTextareaPropertyEditorModule,
13074
+ AXCheckPropertyEditorModule
12987
13075
  ];
12988
13076
  class AXProppertyEditorModule {
12989
13077
  }
@@ -12999,10 +13087,15 @@ AXProppertyEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
12999
13087
  AXDatePropertyEditorModule,
13000
13088
  AXTimePropertyEditorModule,
13001
13089
  AXTimePropertyEditorModule,
13002
- AXTextareaPropertyEditorModule, i1$4.RouterModule], exports: [AXPropertyEditorRendererDirective] });
13090
+ AXTextareaPropertyEditorModule,
13091
+ AXCheckPropertyEditorModule, i1$4.RouterModule], exports: [AXPropertyEditorRendererDirective] });
13003
13092
  AXProppertyEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXProppertyEditorModule, providers: [], imports: [[
13004
13093
  WDIGET_MODULES,
13005
13094
  RouterModule.forChild([
13095
+ {
13096
+ component: AXCheckPropertyEditorModule,
13097
+ path: 'ax/editors/check'
13098
+ },
13006
13099
  {
13007
13100
  component: AXTextPropertyEditorComponent,
13008
13101
  path: 'ax/editors/text'
@@ -13054,6 +13147,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
13054
13147
  imports: [
13055
13148
  WDIGET_MODULES,
13056
13149
  RouterModule.forChild([
13150
+ {
13151
+ component: AXCheckPropertyEditorModule,
13152
+ path: 'ax/editors/check'
13153
+ },
13057
13154
  {
13058
13155
  component: AXTextPropertyEditorComponent,
13059
13156
  path: 'ax/editors/text'