@acorex/components 16.18.38 → 16.18.40

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

@@ -1,6 +1,7 @@
 import { AXConfig } from '@acorex/core';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, Input, ViewChild, ViewEncapsulation, afterNextRender, inject, model, } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, Input, ViewChild, ViewEncapsulation, afterNextRender, contentChild, inject, model, } from '@angular/core';
 import { AXBaseComponent, AXValidatableComponent, } from '../base/element.class';
+import { AXLabelComponent } from '../label/label.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class AXFormGroupComponent extends AXBaseComponent {
@@ -10,6 +11,7 @@ export class AXFormGroupComponent extends AXBaseComponent {
     component;
     required = AXConfig.get('form')?.required || false;
     labelMode = model(AXConfig.get('form')?.labelMode || 'static');
+    label = contentChild(AXLabelComponent);
     #nextRender = afterNextRender(() => {
         this.required = this.component?.validation?.rules?.some((c) => c.type === 'required' && c.enabled);
         this.div.nativeElement.classList.add(this.size);
@@ -17,6 +19,9 @@ export class AXFormGroupComponent extends AXBaseComponent {
             this.div.nativeElement.classList.add('required-state');
         }
         const convertTypeComponent = this.component;
+        this.label().clickLabel.subscribe(() => {
+            convertTypeComponent.focus();
+        });
         if (this.labelMode() === 'static' || this.labelMode() === 'over')
             return;
         if (convertTypeComponent.value ||
@@ -86,11 +91,11 @@ export class AXFormGroupComponent extends AXBaseComponent {
         }
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.7", type: AXFormGroupComponent, selector: "ax-form-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, labelMode: { classPropertyName: "labelMode", publicName: "labelMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { labelMode: "labelModeChange" }, host: { styleAttribute: "width: 100%; display:contents;" }, queries: [{ propertyName: "component", first: true, predicate: AXValidatableComponent, descendants: true }], viewQueries: [{ propertyName: "div", first: true, predicate: ["div"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax form-group {{ size }} ax-form-group-container {{\n    labelMode() !== 'static' && 'ax-margin-form'\n  }}\"\n>\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\n  >\n    <div class=\"ax-lable-{{ labelMode() }}\">\n      <ng-content select=\"ax-label\"></ng-content>\n    </div>\n    <div class=\"ax buttons start-buttons\" #startButtons>\n      <ng-content select=\"ax-button[start]\"></ng-content>\n    </div>\n    <div class=\"content\" #content>\n      <ng-content></ng-content>\n    </div>\n    <div class=\"ax buttons end-buttons\" #endButtons>\n      <ng-content select=\"ax-button[end]\"></ng-content>\n      <ng-content select=\"ax-button\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".ax-form-group-container .form-item{position:relative}.ax-form-group-container .ax-lable-static{position:static}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:-9%}.ax-form-group-container .ax-lable-over,.ax-form-group-container .ax-lable-float{position:absolute;z-index:999;transition:all .15s ease-in-out;inset-inline-start:.3rem;color:var(--ax-gray-dark-color)}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.7", type: AXFormGroupComponent, selector: "ax-form-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, labelMode: { classPropertyName: "labelMode", publicName: "labelMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { labelMode: "labelModeChange" }, host: { styleAttribute: "width: 100%; display:contents;" }, queries: [{ propertyName: "label", first: true, predicate: AXLabelComponent, descendants: true, isSignal: true }, { propertyName: "component", first: true, predicate: AXValidatableComponent, descendants: true }], viewQueries: [{ propertyName: "div", first: true, predicate: ["div"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax form-group {{ size }} ax-form-group-container {{\n    labelMode() !== 'static' && 'ax-margin-form'\n  }}\"\n>\n  <div *ngIf=\"labelMode() === 'static'\" class=\"ax-lable-static\">\n    <ng-container *ngTemplateOutlet=\"lableRef\"></ng-container>\n  </div>\n\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\n  >\n    <div *ngIf=\"labelMode() !== 'static'\" class=\"ax-lable-{{ labelMode() }}\">\n      <ng-container *ngTemplateOutlet=\"lableRef\"></ng-container>\n    </div>\n\n    <div class=\"ax buttons start-buttons\" #startButtons>\n      <ng-content select=\"ax-button[start]\"></ng-content>\n    </div>\n    <div class=\"content\" #content>\n      <ng-content></ng-content>\n    </div>\n    <div class=\"ax buttons end-buttons\" #endButtons>\n      <ng-content select=\"ax-button[end]\"></ng-content>\n      <ng-content select=\"ax-button\"></ng-content>\n    </div>\n  </div>\n</div>\n\n<ng-template #lableRef><ng-content select=\"ax-label\"></ng-content></ng-template>\n", styles: [".ax-form-group-container{position:relative}.ax-form-group-container .ax-lable-static{position:static}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:-9%}.ax-form-group-container .ax-lable-over label{transition:all .2s ease-in-out;font-size:.67rem!important}.ax-form-group-container .ax-lable-over,.ax-form-group-container .ax-lable-float{position:absolute;z-index:999;transition:all .15s ease-in-out;inset-inline-start:.3rem;color:var(--ax-gray-dark-color)}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXFormGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, template: "<div\n  class=\"ax form-group {{ size }} ax-form-group-container {{\n    labelMode() !== 'static' && 'ax-margin-form'\n  }}\"\n>\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\n  >\n    <div class=\"ax-lable-{{ labelMode() }}\">\n      <ng-content select=\"ax-label\"></ng-content>\n    </div>\n    <div class=\"ax buttons start-buttons\" #startButtons>\n      <ng-content select=\"ax-button[start]\"></ng-content>\n    </div>\n    <div class=\"content\" #content>\n      <ng-content></ng-content>\n    </div>\n    <div class=\"ax buttons end-buttons\" #endButtons>\n      <ng-content select=\"ax-button[end]\"></ng-content>\n      <ng-content select=\"ax-button\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".ax-form-group-container .form-item{position:relative}.ax-form-group-container .ax-lable-static{position:static}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:-9%}.ax-form-group-container .ax-lable-over,.ax-form-group-container .ax-lable-float{position:absolute;z-index:999;transition:all .15s ease-in-out;inset-inline-start:.3rem;color:var(--ax-gray-dark-color)}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"] }]
+            args: [{ selector: 'ax-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'width: 100%; display:contents;' }, template: "<div\n  class=\"ax form-group {{ size }} ax-form-group-container {{\n    labelMode() !== 'static' && 'ax-margin-form'\n  }}\"\n>\n  <div *ngIf=\"labelMode() === 'static'\" class=\"ax-lable-static\">\n    <ng-container *ngTemplateOutlet=\"lableRef\"></ng-container>\n  </div>\n\n  <div\n    #div\n    class=\"ax form-item {{ size }}\"\n    [ngClass]=\"{ 'required-state': required }\"\n  >\n    <div *ngIf=\"labelMode() !== 'static'\" class=\"ax-lable-{{ labelMode() }}\">\n      <ng-container *ngTemplateOutlet=\"lableRef\"></ng-container>\n    </div>\n\n    <div class=\"ax buttons start-buttons\" #startButtons>\n      <ng-content select=\"ax-button[start]\"></ng-content>\n    </div>\n    <div class=\"content\" #content>\n      <ng-content></ng-content>\n    </div>\n    <div class=\"ax buttons end-buttons\" #endButtons>\n      <ng-content select=\"ax-button[end]\"></ng-content>\n      <ng-content select=\"ax-button\"></ng-content>\n    </div>\n  </div>\n</div>\n\n<ng-template #lableRef><ng-content select=\"ax-label\"></ng-content></ng-template>\n", styles: [".ax-form-group-container{position:relative}.ax-form-group-container .ax-lable-static{position:static}.ax-form-group-container .ax-lable-float{top:50%;transform:translateY(-50%)}.ax-form-group-container .ax-lable-over{top:-9%}.ax-form-group-container .ax-lable-over label{transition:all .2s ease-in-out;font-size:.67rem!important}.ax-form-group-container .ax-lable-over,.ax-form-group-container .ax-lable-float{position:absolute;z-index:999;transition:all .15s ease-in-out;inset-inline-start:.3rem;color:var(--ax-gray-dark-color)}.ax-form-group-container .form-group-label{padding:.1rem .5rem!important}.ax-form-group-container.ax-margin-form{margin-bottom:.5rem}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], div: [{
@@ -100,4 +105,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImpor
                 type: ContentChild,
                 args: [AXValidatableComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9mb3JtLWdyb3VwL2Zvcm0tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvZm9ybS1ncm91cC9mb3JtLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsZUFBZSxFQUNmLE1BQU0sRUFDTixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGVBQWUsRUFHZixzQkFBc0IsR0FDdkIsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBVS9CLE1BQU0sT0FBTyxvQkFDWCxTQUFRLGVBQWU7SUFHdkIsR0FBRyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBR2hDLElBQUksR0FBa0IsUUFBUSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFBRSxJQUFJLElBQUksSUFBSSxDQUFDO0lBR3pELEdBQUcsQ0FBYTtJQUdSLFNBQVMsQ0FBeUI7SUFFMUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsUUFBUSxJQUFJLEtBQUssQ0FBQztJQUVuRCxTQUFTLEdBQUcsS0FBSyxDQUNmLFFBQVEsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxJQUFJLFFBQVEsQ0FDNUMsQ0FBQztJQUVGLFdBQVcsR0FBRyxlQUFlLENBQUMsR0FBRyxFQUFFO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdB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QUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFFLGdDQUFnQyxFQUFFOzhCQVNqRCxJQUFJO3NCQURILEtBQUs7Z0JBSU4sR0FBRztzQkFERixTQUFTO3VCQUFDLEtBQUs7Z0JBSVIsU0FBUztzQkFEaEIsWUFBWTt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbmZpZyB9IGZyb20gJ0BhY29yZXgvY29yZSc7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgYWZ0ZXJOZXh0UmVuZGVyLFxuICBpbmplY3QsXG4gIG1vZGVsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFYQmFzZUNvbXBvbmVudCxcbiAgQVhCYXNlU2l6YWJsZUNvbXBvbmVudCxcbiAgQVhFbGVtZW50U2l6ZSxcbiAgQVhWYWxpZGF0YWJsZUNvbXBvbmVudCxcbn0gZnJvbSAnLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtZm9ybS1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2Zvcm0tZ3JvdXAuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDogeyBzdHlsZTogJ3dpZHRoOiAxMDAlOyBkaXNwbGF5OmNvbnRlbnRzOycgfSxcbn0pXG5leHBvcnQgY2xhc3MgQVhGb3JtR3JvdXBDb21wb25lbnRcbiAgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRcbiAgaW1wbGVtZW50cyBBWEJhc2VTaXphYmxlQ29tcG9uZW50XG57XG4gIGNyZCA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG5cbiAgQElucHV0KClcbiAgc2l6ZTogQVhFbGVtZW50U2l6ZSA9IEFYQ29uZmlnLmdldCgnZm9ybScpPy5zaXplIHx8ICdtZCc7XG5cbiAgQFZpZXdDaGlsZCgnZGl2JylcbiAgZGl2OiBFbGVtZW50UmVmO1xuXG4gIEBDb250ZW50Q2hpbGQoQVhWYWxpZGF0YWJsZUNvbXBvbmVudClcbiAgcHJpdmF0ZSBjb21wb25lbnQ6IEFYVmFsaWRhdGFibGVDb21wb25lbnQ7XG5cbiAgcmVxdWlyZWQgPSBBWENvbmZpZy5nZXQoJ2Zvcm0nKT8ucmVxdWlyZWQgfHwgZmFsc2U7XG5cbiAgbGFiZWxNb2RlID0gbW9kZWw8J3N0YXRpYycgfCAnZmxvYXQnIHwgJ292ZXInPihcbiAgICBBWENvbmZpZy5nZXQoJ2Zvcm0nKT8ubGFiZWxNb2RlIHx8ICdzdGF0aWMnXG4gICk7XG5cbiAgI25leHRSZW5kZXIgPSBhZnRlck5leHRSZW5kZXIoKCkgPT4ge1xuICAgIHRoaXMucmVxdWlyZWQgPSB0aGlzLmNvbXBvbmVudD8udmFsaWRhdGlvbj8ucnVsZXM/LnNvbWUoXG4gICAgICAoYykgPT4gYy50eXBlID09PSAncmVxdWlyZWQnICYmIGMuZW5hYmxlZFxuICAgICk7XG4gICAgdGhpcy5kaXYubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKHRoaXMuc2l6ZSk7XG4gICAgaWYgKHRoaXMucmVxdWlyZWQpIHtcbiAgICAgIHRoaXMuZGl2Lm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgncmVxdWlyZWQtc3RhdGUnKTtcbiAgICB9XG5cbiAgICBjb25zdCBjb252ZXJ0VHlwZUNvbXBvbmVudCA9IHRoaXMuY29tcG9uZW50IGFzIGFueTtcblxuICAgIGlmICh0aGlzLmxhYmVsTW9kZSgpID09PSAnc3RhdGljJyB8fCB0aGlzLmxhYmVsTW9kZSgpID09PSAnb3ZlcicpIHJldHVybjtcblxuICAgIGlmIChcbiAgICAgIGNvbnZlcnRUeXBlQ29tcG9uZW50LnZhbHVlIHx8XG4gICAgICBjb252ZXJ0VHlwZUNvbXBvbmVudC5zZWxlY3RlZEl0ZW1zPy5sZW5ndGggPiAwXG4gICAgKSB7XG4gICAgICB0aGlzLmxhYmVsTW9kZS5zZXQoJ292ZXInKTtcbiAgICB9XG5cbiAgICBzd2l0Y2ggKGNvbnZlcnRUeXBlQ29tcG9uZW50LmNvbXBvbmVudE5hbWUpIHtcbiAgICAgIGNhc2UgJ3NlbGVjdEJveCc6XG4gICAgICAgIGNvbnZlcnRUeXBlQ29tcG9uZW50LnNlbGVjdGVkSXRlbXNDaGFuZ2Uuc3Vic2NyaWJlKChlKSA9PiB7XG4gICAgICAgICAgaWYgKGUubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgdGhpcy5sYWJlbE1vZGUuc2V0KCdvdmVyJyk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxNb2RlLnNldCgnZmxvYXQnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2xvdic6XG4gICAgICAgIGNvbnZlcnRUeXBlQ29tcG9uZW50Lm9uU2VsZWN0aW9uQ2hhbmdlLnN1YnNjcmliZSgoZSkgPT4ge1xuICAgICAgICAgIGlmIChlLmRhdGEubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgdGhpcy5sYWJlbE1vZGUuc2V0KCdvdmVyJyk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxNb2RlLnNldCgnZmxvYXQnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ3RleHRBcmVhJzpcbiAgICAgICAgY29udmVydFR5cGVDb21wb25lbnQub25WYWx1ZUNoYW5nZWQuc3Vic2NyaWJlKChlOiBhbnkpID0+IHtcbiAgICAgICAgICBpZiAoZS52YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5sYWJlbE1vZGUuc2V0KCdvdmVyJyk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxNb2RlLnNldCgnZmxvYXQnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICBjb252ZXJ0VHlwZUNvbXBvbmVudC5vbkZvY3VzLnN1YnNjcmliZSgoZSkgPT4ge1xuICAgICAgICAgIGlmICghZS50YXJnZXQudmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxNb2RlLnNldCgnb3ZlcicpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIGNvbnZlcnRUeXBlQ29tcG9uZW50Lm9uQmx1ci5zdWJzY3JpYmUoKGUpID0+IHtcbiAgICAgICAgICBpZiAoIWUudGFyZ2V0LnZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmxhYmVsTW9kZS5zZXQoJ2Zsb2F0Jyk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICBjb252ZXJ0VHlwZUNvbXBvbmVudC5vblZhbHVlQ2hhbmdlZC5zdWJzY3JpYmUoKGU6IGFueSkgPT4ge1xuICAgICAgICAgIGlmIChlLnZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmxhYmVsTW9kZS5zZXQoJ292ZXInKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5sYWJlbE1vZGUuc2V0KCdmbG9hdCcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG5cbiAgICAgICAgY29udmVydFR5cGVDb21wb25lbnQub25Gb2N1cy5zdWJzY3JpYmUoKGUpID0+IHtcbiAgICAgICAgICBpZiAoIWUuY29tcG9uZW50Py52YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5sYWJlbE1vZGUuc2V0KCdvdmVyJyk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcblxuICAgICAgICBjb252ZXJ0VHlwZUNvbXBvbmVudC5vbkJsdXIuc3Vic2NyaWJlKChlKSA9PiB7XG4gICAgICAgICAgaWYgKCFlLmNvbXBvbmVudD8udmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxNb2RlLnNldCgnZmxvYXQnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cbiAgfSk7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiYXggZm9ybS1ncm91cCB7eyBzaXplIH19IGF4LWZvcm0tZ3JvdXAtY29udGFpbmVyIHt7XG4gICAgbGFiZWxNb2RlKCkgIT09ICdzdGF0aWMnICYmICdheC1tYXJnaW4tZm9ybSdcbiAgfX1cIlxuPlxuICA8ZGl2XG4gICAgI2RpdlxuICAgIGNsYXNzPVwiYXggZm9ybS1pdGVtIHt7IHNpemUgfX1cIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3JlcXVpcmVkLXN0YXRlJzogcmVxdWlyZWQgfVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtbGFibGUte3sgbGFiZWxNb2RlKCkgfX1cIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWxhYmVsXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJheCBidXR0b25zIHN0YXJ0LWJ1dHRvbnNcIiAjc3RhcnRCdXR0b25zPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uW3N0YXJ0XVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiICNjb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJheCBidXR0b25zIGVuZC1idXR0b25zXCIgI2VuZEJ1dHRvbnM+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b25bZW5kXVwiPjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWJ1dHRvblwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9mb3JtLWdyb3VwL2Zvcm0tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvZm9ybS1ncm91cC9mb3JtLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsZUFBZSxFQUNmLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxlQUFlLEVBR2Ysc0JBQXNCLEdBQ3ZCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQVU1RCxNQUFNLE9BQU8sb0JBQ1gsU0FBUSxlQUFlO0lBR3ZCLEdBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUdoQyxJQUFJLEdBQWtCLFFBQVEsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsSUFBSSxJQUFJLElBQUksQ0FBQztJQUd6RCxHQUFHLENBQWE7SUFHUixTQUFTLENBQXlCO0lBRTFDLFFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLFFBQVEsSUFBSSxLQUFLLENBQUM7SUFFbkQsU0FBUyxHQUFHLEtBQUssQ0FDZixRQUFRLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLFNBQVMsSUFBSSxRQUFRLENBQzVDLENBQUM7SUFFRixLQUFLLEdBQUcsWUFBWSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFFdkMsV0FBVyxHQUFHLGVBQWUsQ0FBQyxHQUFHLEVBQUU7UUFDakMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUNyRCxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxVQUFVLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FDMUMsQ0FBQztRQUNGLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hELElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUN6RCxDQUFDO1FBRUQsTUFBTSxvQkFBb0IsR0FBRyxJQUFJLENBQUMsU0FBZ0IsQ0FBQztRQUVuRCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDckMsb0JBQW9CLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsS0FBSyxRQUFRLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLE1BQU07WUFBRSxPQUFPO1FBRXpFLElBQ0Usb0JBQW9CLENBQUMsS0FBSztZQUMxQixvQkFBb0IsQ0FBQyxhQUFhLEVBQUUsTUFBTSxHQUFHLENBQUMsRUFDOUMsQ0FBQztZQUNELElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzdCLENBQUM7UUFFRCxRQUFRLG9CQUFvQixDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzNDLEtBQUssV0FBVztnQkFDZCxvQkFBb0IsQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtvQkFDdkQsSUFBSSxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO3dCQUNqQixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztvQkFDN0IsQ0FBQzt5QkFBTSxDQUFDO3dCQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO29CQUM5QixDQUFDO2dCQUNILENBQUMsQ0FBQyxDQUFDO2dCQUNILE1BQU07WUFDUixLQUFLLEtBQUs7Z0JBQ1Isb0JBQW9CLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7b0JBQ3JELElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7d0JBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO29CQUM3QixDQUFDO3lCQUFNLENBQUM7d0JBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQzlCLENBQUM7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7Z0JBQ0gsTUFBTTtZQUNSLEtBQUssVUFBVTtnQkFDYixvQkFBb0IsQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBTSxFQUFFLEVBQUU7b0JBQ3ZELElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO3dCQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO29CQUM3QixDQUFDO3lCQUFNLENBQUM7d0JBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQzlCLENBQUM7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7Z0JBQ0gsb0JBQW9CLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO29CQUMzQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQzt3QkFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7b0JBQzdCLENBQUM7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7Z0JBQ0gsb0JBQW9CLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO29CQUMxQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQzt3QkFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQzlCLENBQUM7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7Z0JBQ0gsTUFBTTtZQUNSO2dCQUNFLG9CQUFvQixDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFNLEVBQUUsRUFBRTtvQkFDdkQsSUFBSSxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUM7d0JBQ1osSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7b0JBQzdCLENBQUM7eUJBQU0sQ0FBQzt3QkFDTixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztvQkFDOUIsQ0FBQztnQkFDSCxDQUFDLENBQUMsQ0FBQztnQkFFSCxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7b0JBQzNDLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO3dCQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztvQkFDN0IsQ0FBQztnQkFDSCxDQUFDLENBQUMsQ0FBQztnQkFFSCxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7b0JBQzFDLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO3dCQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztvQkFDOUIsQ0FBQztnQkFDSCxDQUFDLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDSCxDQUFDLENBQUMsQ0FBQzt1R0ExR1Esb0JBQW9COzJGQUFwQixvQkFBb0IscWNBcUJWLGdCQUFnQiw0RkFUdkIsc0JBQXNCLG1LQzVDdEMsa2lDQWdDQTs7MkZEQWEsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGVBQWUsaUJBR1YsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFFLEtBQUssRUFBRSxnQ0FBZ0MsRUFBRTs4QkFTakQsSUFBSTtzQkFESCxLQUFLO2dCQUlOLEdBQUc7c0JBREYsU0FBUzt1QkFBQyxLQUFLO2dCQUlSLFNBQVM7c0JBRGhCLFlBQVk7dUJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDb25maWcgfSBmcm9tICdAYWNvcmV4L2NvcmUnO1xuaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGFmdGVyTmV4dFJlbmRlcixcbiAgY29udGVudENoaWxkLFxuICBpbmplY3QsXG4gIG1vZGVsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFYQmFzZUNvbXBvbmVudCxcbiAgQVhCYXNlU2l6YWJsZUNvbXBvbmVudCxcbiAgQVhFbGVtZW50U2l6ZSxcbiAgQVhWYWxpZGF0YWJsZUNvbXBvbmVudCxcbn0gZnJvbSAnLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcbmltcG9ydCB7IEFYTGFiZWxDb21wb25lbnQgfSBmcm9tICcuLi9sYWJlbC9sYWJlbC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1mb3JtLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZm9ybS1ncm91cC5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7IHN0eWxlOiAnd2lkdGg6IDEwMCU7IGRpc3BsYXk6Y29udGVudHM7JyB9LFxufSlcbmV4cG9ydCBjbGFzcyBBWEZvcm1Hcm91cENvbXBvbmVudFxuICBleHRlbmRzIEFYQmFzZUNvbXBvbmVudFxuICBpbXBsZW1lbnRzIEFYQmFzZVNpemFibGVDb21wb25lbnRcbntcbiAgY3JkID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcblxuICBASW5wdXQoKVxuICBzaXplOiBBWEVsZW1lbnRTaXplID0gQVhDb25maWcuZ2V0KCdmb3JtJyk/LnNpemUgfHwgJ21kJztcblxuICBAVmlld0NoaWxkKCdkaXYnKVxuICBkaXY6IEVsZW1lbnRSZWY7XG5cbiAgQENvbnRlbnRDaGlsZChBWFZhbGlkYXRhYmxlQ29tcG9uZW50KVxuICBwcml2YXRlIGNvbXBvbmVudDogQVhWYWxpZGF0YWJsZUNvbXBvbmVudDtcblxuICByZXF1aXJlZCA9IEFYQ29uZmlnLmdldCgnZm9ybScpPy5yZXF1aXJlZCB8fCBmYWxzZTtcblxuICBsYWJlbE1vZGUgPSBtb2RlbDwnc3RhdGljJyB8ICdmbG9hdCcgfCAnb3Zlcic+KFxuICAgIEFYQ29uZmlnLmdldCgnZm9ybScpPy5sYWJlbE1vZGUgfHwgJ3N0YXRpYydcbiAgKTtcblxuICBsYWJlbCA9IGNvbnRlbnRDaGlsZChBWExhYmVsQ29tcG9uZW50KTtcblxuICAjbmV4dFJlbmRlciA9IGFmdGVyTmV4dFJlbmRlcigoKSA9PiB7XG4gICAgdGhpcy5yZXF1aXJlZCA9IHRoaXMuY29tcG9uZW50Py52YWxpZGF0aW9uPy5ydWxlcz8uc29tZShcbiAgICAgIChjKSA9PiBjLnR5cGUgPT09ICdyZXF1aXJlZCcgJiYgYy5lbmFibGVkXG4gICAgKTtcbiAgICB0aGlzLmRpdi5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQodGhpcy5zaXplKTtcbiAgICBpZiAodGhpcy5yZXF1aXJlZCkge1xuICAgICAgdGhpcy5kaXYubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKCdyZXF1aXJlZC1zdGF0ZScpO1xuICAgIH1cblxuICAgIGNvbnN0IGNvbnZlcnRUeXBlQ29tcG9uZW50ID0gdGhpcy5jb21wb25lbnQgYXMgYW55O1xuXG4gICAgdGhpcy5sYWJlbCgpLmNsaWNrTGFiZWwuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIGNvbnZlcnRUeXBlQ29tcG9uZW50LmZvY3VzKCk7XG4gICAgfSk7XG5cbiAgICBpZiAodGhpcy5sYWJlbE1vZGUoKSA9PT0gJ3N0YXRpYycgfHwgdGhpcy5sYWJlbE1vZGUoKSA9PT0gJ292ZXInKSByZXR1cm47XG5cbiAgICBpZiAoXG4gICAgICBjb252ZXJ0VHlwZUNvbXBvbmVudC52YWx1ZSB8fFxuICAgICAgY29udmVydFR5cGVDb21wb25lbnQuc2VsZWN0ZWRJdGVtcz8ubGVuZ3RoID4gMFxuICAgICkge1xuICAgICAgdGhpcy5sYWJlbE1vZGUuc2V0KCdvdmVyJyk7XG4gICAgfVxuXG4gICAgc3dpdGNoIChjb252ZXJ0VHlwZUNvbXBvbmVudC5jb21wb25lbnROYW1lKSB7XG4gICAgICBjYXNlICdzZWxlY3RCb3gnOlxuICAgICAgICBjb252ZXJ0VHlwZUNvbXBvbmVudC5zZWxlY3RlZEl0ZW1zQ2hhbmdlLnN1YnNjcmliZSgoZSkgPT4ge1xuICAgICAgICAgIGlmIChlLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxNb2RlLnNldCgnb3ZlcicpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmxhYmVsTW9kZS5zZXQoJ2Zsb2F0Jyk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdsb3YnOlxuICAgICAgICBjb252ZXJ0VHlwZUNvbXBvbmVudC5vblNlbGVjdGlvbkNoYW5nZS5zdWJzY3JpYmUoKGUpID0+IHtcbiAgICAgICAgICBpZiAoZS5kYXRhLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxNb2RlLnNldCgnb3ZlcicpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmxhYmVsTW9kZS5zZXQoJ2Zsb2F0Jyk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICd0ZXh0QXJlYSc6XG4gICAgICAgIGNvbnZlcnRUeXBlQ29tcG9uZW50Lm9uVmFsdWVDaGFuZ2VkLnN1YnNjcmliZSgoZTogYW55KSA9PiB7XG4gICAgICAgICAgaWYgKGUudmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxNb2RlLnNldCgnb3ZlcicpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmxhYmVsTW9kZS5zZXQoJ2Zsb2F0Jyk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgY29udmVydFR5cGVDb21wb25lbnQub25Gb2N1cy5zdWJzY3JpYmUoKGUpID0+IHtcbiAgICAgICAgICBpZiAoIWUudGFyZ2V0LnZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmxhYmVsTW9kZS5zZXQoJ292ZXInKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICBjb252ZXJ0VHlwZUNvbXBvbmVudC5vbkJsdXIuc3Vic2NyaWJlKChlKSA9PiB7XG4gICAgICAgICAgaWYgKCFlLnRhcmdldC52YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5sYWJlbE1vZGUuc2V0KCdmbG9hdCcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgY29udmVydFR5cGVDb21wb25lbnQub25WYWx1ZUNoYW5nZWQuc3Vic2NyaWJlKChlOiBhbnkpID0+IHtcbiAgICAgICAgICBpZiAoZS52YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5sYWJlbE1vZGUuc2V0KCdvdmVyJyk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxNb2RlLnNldCgnZmxvYXQnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuXG4gICAgICAgIGNvbnZlcnRUeXBlQ29tcG9uZW50Lm9uRm9jdXMuc3Vic2NyaWJlKChlKSA9PiB7XG4gICAgICAgICAgaWYgKCFlLmNvbXBvbmVudD8udmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxNb2RlLnNldCgnb3ZlcicpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG5cbiAgICAgICAgY29udmVydFR5cGVDb21wb25lbnQub25CbHVyLnN1YnNjcmliZSgoZSkgPT4ge1xuICAgICAgICAgIGlmICghZS5jb21wb25lbnQ/LnZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmxhYmVsTW9kZS5zZXQoJ2Zsb2F0Jyk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG4gIH0pO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cImF4IGZvcm0tZ3JvdXAge3sgc2l6ZSB9fSBheC1mb3JtLWdyb3VwLWNvbnRhaW5lciB7e1xuICAgIGxhYmVsTW9kZSgpICE9PSAnc3RhdGljJyAmJiAnYXgtbWFyZ2luLWZvcm0nXG4gIH19XCJcbj5cbiAgPGRpdiAqbmdJZj1cImxhYmVsTW9kZSgpID09PSAnc3RhdGljJ1wiIGNsYXNzPVwiYXgtbGFibGUtc3RhdGljXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxhYmxlUmVmXCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuXG4gIDxkaXZcbiAgICAjZGl2XG4gICAgY2xhc3M9XCJheCBmb3JtLWl0ZW0ge3sgc2l6ZSB9fVwiXG4gICAgW25nQ2xhc3NdPVwieyAncmVxdWlyZWQtc3RhdGUnOiByZXF1aXJlZCB9XCJcbiAgPlxuICAgIDxkaXYgKm5nSWY9XCJsYWJlbE1vZGUoKSAhPT0gJ3N0YXRpYydcIiBjbGFzcz1cImF4LWxhYmxlLXt7IGxhYmVsTW9kZSgpIH19XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibGFibGVSZWZcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJheCBidXR0b25zIHN0YXJ0LWJ1dHRvbnNcIiAjc3RhcnRCdXR0b25zPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uW3N0YXJ0XVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiICNjb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJheCBidXR0b25zIGVuZC1idXR0b25zXCIgI2VuZEJ1dHRvbnM+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b25bZW5kXVwiPjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWJ1dHRvblwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNsYWJsZVJlZj48bmctY29udGVudCBzZWxlY3Q9XCJheC1sYWJlbFwiPjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/lib/label/label.component.mjs

@@ -1,19 +1,22 @@
-import { Component, ViewEncapsulation, Input } from '@angular/core';
-import { AXBaseComponent } from '../base/element.class';
+import { Component, ViewEncapsulation, Input, output, } from '@angular/core';
+import { AXBaseComponent, } from '../base/element.class';
 import * as i0 from "@angular/core";
 export class AXLabelComponent extends AXBaseComponent {
     constructor() {
         super();
     }
+    clickLabel = output();
     size = 'md';
-    ngOnInit() { }
+    clickHandler() {
+        this.clickLabel.emit();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXLabelComponent, selector: "ax-label", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-group-label {{size}}\">\n    <label>\n        <ng-content></ng-content>\n    </label>\n</div>", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXLabelComponent, selector: "ax-label", inputs: { size: "size" }, outputs: { clickLabel: "clickLabel" }, usesInheritance: true, ngImport: i0, template: "<div (click)=\"clickHandler()\" class=\"ax form-group-label {{ size }}\">\n  <label>\n    <ng-content></ng-content>\n  </label>\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-label', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax form-group-label {{size}}\">\n    <label>\n        <ng-content></ng-content>\n    </label>\n</div>" }]
+            args: [{ selector: 'ax-label', encapsulation: ViewEncapsulation.None, template: "<div (click)=\"clickHandler()\" class=\"ax form-group-label {{ size }}\">\n  <label>\n    <ng-content></ng-content>\n  </label>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { size: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvbGFiZWwvbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvbGFiZWwvbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLGVBQWUsRUFBeUMsTUFBTSx1QkFBdUIsQ0FBQzs7QUFPL0YsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGVBQWU7SUFDbkQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztJQUNWLENBQUM7SUFHRCxJQUFJLEdBQWtCLElBQUksQ0FBQztJQUUzQixRQUFRLEtBQVUsQ0FBQzt1R0FSUixnQkFBZ0I7MkZBQWhCLGdCQUFnQixpR0NSN0Isb0hBSU07OzJGRElPLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVLGlCQUVMLGlCQUFpQixDQUFDLElBQUk7d0RBUXJDLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQmFzZUNvbXBvbmVudCwgQVhCYXNlU2l6YWJsZUNvbXBvbmVudCwgQVhFbGVtZW50U2l6ZSB9IGZyb20gJy4uL2Jhc2UvZWxlbWVudC5jbGFzcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBBWExhYmVsQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgQVhCYXNlU2l6YWJsZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBzaXplOiBBWEVsZW1lbnRTaXplID0gJ21kJztcblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXggZm9ybS1ncm91cC1sYWJlbCB7e3NpemV9fVwiPlxuICAgIDxsYWJlbD5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvbGFiZWw+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvbGFiZWwvbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvbGFiZWwvbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxpQkFBaUIsRUFDakIsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsZUFBZSxHQUdoQixNQUFNLHVCQUF1QixDQUFDOztBQU8vQixNQUFNLE9BQU8sZ0JBQ1gsU0FBUSxlQUFlO0lBR3ZCO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDO0lBRUQsVUFBVSxHQUFHLE1BQU0sRUFBRSxDQUFDO0lBR3RCLElBQUksR0FBa0IsSUFBSSxDQUFDO0lBRWpCLFlBQVk7UUFDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO3VHQWZVLGdCQUFnQjsyRkFBaEIsZ0JBQWdCLHdJQ2xCN0IsMklBS0E7OzJGRGFhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVLGlCQUVMLGlCQUFpQixDQUFDLElBQUk7d0RBYXJDLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSW5wdXQsXG4gIG91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBBWEJhc2VDb21wb25lbnQsXG4gIEFYQmFzZVNpemFibGVDb21wb25lbnQsXG4gIEFYRWxlbWVudFNpemUsXG59IGZyb20gJy4uL2Jhc2UvZWxlbWVudC5jbGFzcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQVhMYWJlbENvbXBvbmVudFxuICBleHRlbmRzIEFYQmFzZUNvbXBvbmVudFxuICBpbXBsZW1lbnRzIEFYQmFzZVNpemFibGVDb21wb25lbnRcbntcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIGNsaWNrTGFiZWwgPSBvdXRwdXQoKTtcblxuICBASW5wdXQoKVxuICBzaXplOiBBWEVsZW1lbnRTaXplID0gJ21kJztcblxuICBwcm90ZWN0ZWQgY2xpY2tIYW5kbGVyKCkge1xuICAgIHRoaXMuY2xpY2tMYWJlbC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgKGNsaWNrKT1cImNsaWNrSGFuZGxlcigpXCIgY2xhc3M9XCJheCBmb3JtLWdyb3VwLWxhYmVsIHt7IHNpemUgfX1cIj5cbiAgPGxhYmVsPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9sYWJlbD5cbjwvZGl2PlxuIl19

package/esm2022/lib/property-editor/editors/conditional-color-editor/conditional-color.editor.mjs

@@ -202,7 +202,7 @@ export class AXConditionalColorPropertyEditorComponent extends AXProperyEditorCo
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXConditionalColorPropertyEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.AXPopupService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXConditionalColorPropertyEditorComponent, selector: "ng-component", inputs: { dataType: "dataType" }, viewQueries: [{ propertyName: "tplEdit", first: true, predicate: ["tplEdit"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngFor=\"let r of ranges\" [style.border-color]=\"r.color\" class=\"range-item\" (click)=\"handleEditClick(r)\">\n    <div>\n        <div [style.background-color]=\"r.color\"></div>\n        <div>{{ r.display }}</div>\n    </div>\n    <div [attr.title]=\"getTitle(r.operator)\">\n        <div class=\"value\">{{r.value}}</div>\n        <div>\n            <i class=\"far {{getIcon(r.operator)}}\"></i>\n        </div>\n        <div class=\"value-text\">{{'common.value' | trans}}</div>\n        <div class=\"remove-button\" (click)=\"handleRemoveClick(r)\"><i class=\"far fa-trash-alt\"></i></div>\n    </div>\n</div>\n<ax-button icon=\"far fa-plus\" type=\"success outline\" (click)=\"handleAddClick()\">{{ 'common.add-item' | trans  }}\n</ax-button>\n<ng-template #tplEdit>\n    <ax-page>\n        <ax-page-content>\n            <div class=\"container\">\n                <ax-validation-form (onInit)=\"onFormInit($event)\">\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'common.condition' | trans  }}</ax-label>\n                            <ax-select-box [(selectedValues)]=\"editRow.operator\" [allowSearch]=\"false\"\n                                [allowNull]=\"false\" [items]=\"operators\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-select-box>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'common.value' | trans  }}</ax-label>\n                            <div [ngSwitch]=\"dataType\">\n                                <ax-text-box *ngSwitchCase=\"'string'\" [(value)]=\"editRow.value\">\n                                    <ax-validation>\n                                        <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                    </ax-validation>\n                                </ax-text-box>\n                                <ax-select-box *ngSwitchCase=\"'boolean'\" [(selectedValues)]=\"editRow.value\"\n                                    [allowSearch]=\"false\" [allowNull]=\"false\" [items]=\"booleanItems\">\n                                    <ax-validation>\n                                        <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                    </ax-validation>\n                                </ax-select-box>\n                                <ax-number-box *ngSwitchDefault [(value)]=\"editRow.value\"\n                                    [showSeparator]=\"showSeparator\" [decimalNumber]=\"decimalNumber\">\n                                    <ax-validation>\n                                        <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                    </ax-validation>\n                                </ax-number-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'conditional-color-property-editor.replaced-color' | trans  }}</ax-label>\n                            <ax-color-picker [(value)]=\"editRow.color\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-color-picker>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'conditional-color-property-editor.replaced-title' | trans  }}</ax-label>\n                            <ax-text-box [(value)]=\"editRow.display\">\n                            </ax-text-box>\n                        </div>\n                    </div>\n                </ax-validation-form>\n            </div>\n            <div class=\"ax-mrg-md\"></div>\n        </ax-page-content>\n    </ax-page>\n</ng-template>", styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display:flex;padding:5px;border-radius:5px;justify-content:space-between;align-items:center;cursor:pointer}.range-item .remove-button{color:var(--ax-danger-color);padding:var(--ax-size-sm);display:flex;justify-content:center;cursor:pointer}.range-item .remove-button:hover{background-color:var(--ax-danger-trans-light-color)}.range-item div:first-child{display:flex;align-items:center}.range-item div:first-child div:first-child{width:25px;height:25px;border-radius:3px}.range-item div:first-child div:last-child{margin-inline-start:10px}.range-item div:last-child{display:flex;align-items:center}.range-item div:last-child button{background-color:transparent;border:none;cursor:pointer}.range-item div:last-child button i{color:var(--ax-danger-color)}.range-item div:last-child div{min-width:40px}.range-item div:last-child div.value-text{color:var(--ax-success-color)}.range-item div:last-child div.value{color:var(--ax-danger-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { kind: "component", type: i4.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { kind: "component", type: i5.AXColorPickerComponent, selector: "ax-color-picker", inputs: ["placeholder", "showClear", "label", "readonly", "disabled", "size", "rtl", "validation"] }, { kind: "component", type: i6.AXLabelComponent, selector: "ax-label", inputs: ["size"] }, { kind: "component", type: i7.AXPageContentComponent, selector: "ax-page-content" }, { kind: "component", type: i8.AXPageComponent, selector: "ax-page" }, { kind: "component", type: i9.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: i10.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { kind: "component", type: i11.AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: i12.AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }, { kind: "component", type: i13.AXValidationRuleComponent, selector: "ax-validation-rule", inputs: ["type", "message", "value", "enabled", "operation"] }, { kind: "pipe", type: i14.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXConditionalColorPropertyEditorComponent, selector: "ng-component", inputs: { dataType: "dataType" }, viewQueries: [{ propertyName: "tplEdit", first: true, predicate: ["tplEdit"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngFor=\"let r of ranges\" [style.border-color]=\"r.color\" class=\"range-item\" (click)=\"handleEditClick(r)\">\n    <div>\n        <div [style.background-color]=\"r.color\"></div>\n        <div>{{ r.display }}</div>\n    </div>\n    <div [attr.title]=\"getTitle(r.operator)\">\n        <div class=\"value\">{{r.value}}</div>\n        <div>\n            <i class=\"far {{getIcon(r.operator)}}\"></i>\n        </div>\n        <div class=\"value-text\">{{'common.value' | trans}}</div>\n        <div class=\"remove-button\" (click)=\"handleRemoveClick(r)\"><i class=\"far fa-trash-alt\"></i></div>\n    </div>\n</div>\n<ax-button icon=\"far fa-plus\" type=\"success outline\" (click)=\"handleAddClick()\">{{ 'common.add-item' | trans  }}\n</ax-button>\n<ng-template #tplEdit>\n    <ax-page>\n        <ax-page-content>\n            <div class=\"container\">\n                <ax-validation-form (onInit)=\"onFormInit($event)\">\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'common.condition' | trans  }}</ax-label>\n                            <ax-select-box [(selectedValues)]=\"editRow.operator\" [allowSearch]=\"false\"\n                                [allowNull]=\"false\" [items]=\"operators\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-select-box>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'common.value' | trans  }}</ax-label>\n                            <div [ngSwitch]=\"dataType\">\n                                <ax-text-box *ngSwitchCase=\"'string'\" [(value)]=\"editRow.value\">\n                                    <ax-validation>\n                                        <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                    </ax-validation>\n                                </ax-text-box>\n                                <ax-select-box *ngSwitchCase=\"'boolean'\" [(selectedValues)]=\"editRow.value\"\n                                    [allowSearch]=\"false\" [allowNull]=\"false\" [items]=\"booleanItems\">\n                                    <ax-validation>\n                                        <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                    </ax-validation>\n                                </ax-select-box>\n                                <ax-number-box *ngSwitchDefault [(value)]=\"editRow.value\"\n                                    [showSeparator]=\"showSeparator\" [decimalNumber]=\"decimalNumber\">\n                                    <ax-validation>\n                                        <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                    </ax-validation>\n                                </ax-number-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'conditional-color-property-editor.replaced-color' | trans  }}</ax-label>\n                            <ax-color-picker [(value)]=\"editRow.color\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-color-picker>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'conditional-color-property-editor.replaced-title' | trans  }}</ax-label>\n                            <ax-text-box [(value)]=\"editRow.display\">\n                            </ax-text-box>\n                        </div>\n                    </div>\n                </ax-validation-form>\n            </div>\n            <div class=\"ax-mrg-md\"></div>\n        </ax-page-content>\n    </ax-page>\n</ng-template>", styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display:flex;padding:5px;border-radius:5px;justify-content:space-between;align-items:center;cursor:pointer}.range-item .remove-button{color:var(--ax-danger-color);padding:var(--ax-size-sm);display:flex;justify-content:center;cursor:pointer}.range-item .remove-button:hover{background-color:var(--ax-danger-trans-light-color)}.range-item div:first-child{display:flex;align-items:center}.range-item div:first-child div:first-child{width:25px;height:25px;border-radius:3px}.range-item div:first-child div:last-child{margin-inline-start:10px}.range-item div:last-child{display:flex;align-items:center}.range-item div:last-child button{background-color:transparent;border:none;cursor:pointer}.range-item div:last-child button i{color:var(--ax-danger-color)}.range-item div:last-child div{min-width:40px}.range-item div:last-child div.value-text{color:var(--ax-success-color)}.range-item div:last-child div.value{color:var(--ax-danger-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { kind: "component", type: i4.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { kind: "component", type: i5.AXColorPickerComponent, selector: "ax-color-picker", inputs: ["placeholder", "showClear", "label", "readonly", "disabled", "size", "rtl", "validation"] }, { kind: "component", type: i6.AXLabelComponent, selector: "ax-label", inputs: ["size"], outputs: ["clickLabel"] }, { kind: "component", type: i7.AXPageContentComponent, selector: "ax-page-content" }, { kind: "component", type: i8.AXPageComponent, selector: "ax-page" }, { kind: "component", type: i9.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: i10.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { kind: "component", type: i11.AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: i12.AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }, { kind: "component", type: i13.AXValidationRuleComponent, selector: "ax-validation-rule", inputs: ["type", "message", "value", "enabled", "operation"] }, { kind: "pipe", type: i14.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXConditionalColorPropertyEditorComponent, decorators: [{
             type: Component,

package/esm2022/lib/property-editor/editors/range-editor/range.editor.mjs

@@ -133,7 +133,7 @@ export class AXRangePropertyEditorComponent extends AXProperyEditorComponent {
         super.handleValueChange(this.ranges);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXRangePropertyEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.AXPopupService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXRangePropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "tplEdit", first: true, predicate: ["tplEdit"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngFor=\"let r of ranges\" [style.border-color]=\"r.color\" class=\"range-item\" (click)=\"handleEditClick(r)\">\n    <div>\n        <div [style.background-color]=\"r.color\"></div>\n        <div>{{r.title}}</div>\n    </div>\n    <div>\n        <div class=\"min\" title=\"minimum {{r.minValue}}\">{{r.minValue}}</div>\n        <div>\n            <i class=\"far fa-long-arrow-left\"></i>\n        </div>\n        <div class=\"max\" title=\"maxmimum {{r.maxValue}}\">{{r.maxValue}}</div>\n        <div class=\"remove-button\" (click)=\"handleRemoveClick(r)\"><i class=\"far fa-trash-alt\"></i></div>\n    </div>\n</div>\n<ax-button icon=\"far fa-plus\" type=\"success outline\" (click)=\"handleAddClick()\">{{ 'common.add-item' | trans  }}\n</ax-button>\n<ng-template #tplEdit>\n    <ax-page>\n        <ax-page-content>\n            <div class=\"container\">\n                <ax-validation-form (onInit)=\"onFormInit($event)\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'common.title' | trans  }}</ax-label>\n                            <ax-text-box [(value)]=\"editRow.title\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-text-box>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-6\">\n                            <ax-label>{{ 'common.min-value' | trans  }}</ax-label>\n                            <ax-number-box [(value)]=\"editRow.minValue\" [showSeparator]=\"showSeparator\"\n                                [decimalNumber]=\"decimalNumber\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-number-box>\n                        </div>\n                        <div class=\"col-6\">\n                            <ax-label>{{ 'common.max-value' | trans  }}</ax-label>\n                            <ax-number-box [(value)]=\"editRow.maxValue\" [showSeparator]=\"showSeparator\"\n                                [decimalNumber]=\"decimalNumber\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-number-box>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'common.color' | trans  }}</ax-label>\n                            <ax-color-picker [(value)]=\"editRow.color\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-color-picker>\n                        </div>\n                    </div>\n                </ax-validation-form>\n            </div>\n            <div class=\"ax-mrg-md\"></div>\n        </ax-page-content>\n    </ax-page>\n</ng-template>", styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display:flex;padding:5px;border-radius:5px;justify-content:space-between;align-items:center;cursor:pointer}.range-item .remove-button{color:var(--ax-danger-color);padding:var(--ax-size-sm);display:flex;justify-content:center;cursor:pointer}.range-item .remove-button:hover{background-color:var(--ax-danger-trans-light-color)}.range-item div:first-child{display:flex;align-items:center}.range-item div:first-child div:first-child{width:25px;height:25px;border-radius:3px}.range-item div:first-child div:last-child{margin-inline-start:10px}.range-item div:last-child{display:flex;align-items:center}.range-item div:last-child button{background-color:transparent;border:none;cursor:pointer}.range-item div:last-child button i{color:var(--ax-danger-color)}.range-item div:last-child div{min-width:40px}.range-item div:last-child div.min{color:var(--ax-danger-color)}.range-item div:last-child div.max{color:var(--ax-success-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { kind: "component", type: i4.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { kind: "component", type: i5.AXColorPickerComponent, selector: "ax-color-picker", inputs: ["placeholder", "showClear", "label", "readonly", "disabled", "size", "rtl", "validation"] }, { kind: "component", type: i6.AXLabelComponent, selector: "ax-label", inputs: ["size"] }, { kind: "component", type: i7.AXPageContentComponent, selector: "ax-page-content" }, { kind: "component", type: i8.AXPageComponent, selector: "ax-page" }, { kind: "component", type: i9.AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: i10.AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }, { kind: "component", type: i11.AXValidationRuleComponent, selector: "ax-validation-rule", inputs: ["type", "message", "value", "enabled", "operation"] }, { kind: "component", type: i12.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "pipe", type: i13.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXRangePropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "tplEdit", first: true, predicate: ["tplEdit"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngFor=\"let r of ranges\" [style.border-color]=\"r.color\" class=\"range-item\" (click)=\"handleEditClick(r)\">\n    <div>\n        <div [style.background-color]=\"r.color\"></div>\n        <div>{{r.title}}</div>\n    </div>\n    <div>\n        <div class=\"min\" title=\"minimum {{r.minValue}}\">{{r.minValue}}</div>\n        <div>\n            <i class=\"far fa-long-arrow-left\"></i>\n        </div>\n        <div class=\"max\" title=\"maxmimum {{r.maxValue}}\">{{r.maxValue}}</div>\n        <div class=\"remove-button\" (click)=\"handleRemoveClick(r)\"><i class=\"far fa-trash-alt\"></i></div>\n    </div>\n</div>\n<ax-button icon=\"far fa-plus\" type=\"success outline\" (click)=\"handleAddClick()\">{{ 'common.add-item' | trans  }}\n</ax-button>\n<ng-template #tplEdit>\n    <ax-page>\n        <ax-page-content>\n            <div class=\"container\">\n                <ax-validation-form (onInit)=\"onFormInit($event)\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'common.title' | trans  }}</ax-label>\n                            <ax-text-box [(value)]=\"editRow.title\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-text-box>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-6\">\n                            <ax-label>{{ 'common.min-value' | trans  }}</ax-label>\n                            <ax-number-box [(value)]=\"editRow.minValue\" [showSeparator]=\"showSeparator\"\n                                [decimalNumber]=\"decimalNumber\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-number-box>\n                        </div>\n                        <div class=\"col-6\">\n                            <ax-label>{{ 'common.max-value' | trans  }}</ax-label>\n                            <ax-number-box [(value)]=\"editRow.maxValue\" [showSeparator]=\"showSeparator\"\n                                [decimalNumber]=\"decimalNumber\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-number-box>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <ax-label>{{ 'common.color' | trans  }}</ax-label>\n                            <ax-color-picker [(value)]=\"editRow.color\">\n                                <ax-validation>\n                                    <ax-validation-rule type=\"required\"></ax-validation-rule>\n                                </ax-validation>\n                            </ax-color-picker>\n                        </div>\n                    </div>\n                </ax-validation-form>\n            </div>\n            <div class=\"ax-mrg-md\"></div>\n        </ax-page-content>\n    </ax-page>\n</ng-template>", styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display:flex;padding:5px;border-radius:5px;justify-content:space-between;align-items:center;cursor:pointer}.range-item .remove-button{color:var(--ax-danger-color);padding:var(--ax-size-sm);display:flex;justify-content:center;cursor:pointer}.range-item .remove-button:hover{background-color:var(--ax-danger-trans-light-color)}.range-item div:first-child{display:flex;align-items:center}.range-item div:first-child div:first-child{width:25px;height:25px;border-radius:3px}.range-item div:first-child div:last-child{margin-inline-start:10px}.range-item div:last-child{display:flex;align-items:center}.range-item div:last-child button{background-color:transparent;border:none;cursor:pointer}.range-item div:last-child button i{color:var(--ax-danger-color)}.range-item div:last-child div{min-width:40px}.range-item div:last-child div.min{color:var(--ax-danger-color)}.range-item div:last-child div.max{color:var(--ax-success-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { kind: "component", type: i4.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { kind: "component", type: i5.AXColorPickerComponent, selector: "ax-color-picker", inputs: ["placeholder", "showClear", "label", "readonly", "disabled", "size", "rtl", "validation"] }, { kind: "component", type: i6.AXLabelComponent, selector: "ax-label", inputs: ["size"], outputs: ["clickLabel"] }, { kind: "component", type: i7.AXPageContentComponent, selector: "ax-page-content" }, { kind: "component", type: i8.AXPageComponent, selector: "ax-page" }, { kind: "component", type: i9.AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: i10.AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }, { kind: "component", type: i11.AXValidationRuleComponent, selector: "ax-validation-rule", inputs: ["type", "message", "value", "enabled", "operation"] }, { kind: "component", type: i12.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "pipe", type: i13.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXRangePropertyEditorComponent, decorators: [{
             type: Component,

package/esm2022/lib/query-builder/query-builder-popup/query-builder-popup.component.mjs

@@ -165,7 +165,7 @@ export class AXQueryBuilderPopupComponent extends AXBasePopupPageComponent {
         ];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXQueryBuilderPopupComponent, deps: [{ token: i1.AXToastService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXQueryBuilderPopupComponent, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div>\n    <ax-validation-form #form>\n        <div *ngFor=\"let rule of items\">\n\n            <div *ngIf=\" rule.control\" [ngSwitch]=\"rule.control.type\" style=\"padding: 1em;\">\n                <div *ngSwitchCase=\"'textBox'\">\n                    <ax-form-group>\n                        <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n                        <ax-text-box (onValueChanged)=\"textValueChange($event,rule)\"\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\" size=\"sm\">\n                            <ax-validation>\n                                <ax-validation-rule type=\"required\"></ax-validation-rule>\n                            </ax-validation>\n                        </ax-text-box>\n                    </ax-form-group>\n                </div>\n                <div *ngSwitchCase=\"'selectBox'\">\n                    <ax-form-group>\n                        <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n                        <ax-select-box 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\"\n                            [textField]=\"getOption('textField',rule)\" [(selectedItems)]=\"rule.valueItem\"\n                            [valueField]=\"getOption('valueField',rule)\" [mode]=\"getOption('mode',rule)\"\n                            (selectedItemsChange)=\"selectedItemsChange($event,rule)\" size=\"sm\" #selectBoxValue\n                            [remoteOperation]=\"getOption('remoteOperation',rule)\">\n                            <ax-validation>\n                                <ax-validation-rule type=\"required\"></ax-validation-rule>\n                            </ax-validation>\n                            <ax-data-source [provideData]=\"getProvideData\" [params]=\"rule\"></ax-data-source>\n                        </ax-select-box>\n                    </ax-form-group>\n                </div>\n                <div *ngSwitchCase=\"'numberBox'\">\n                    <ax-form-group>\n                        <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n                        <ax-number-box (onValueChanged)=\"valueChange($event,rule)\"\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\" size=\"sm\">\n                            <ax-validation>\n                                <ax-validation-rule type=\"required\"></ax-validation-rule>\n                            </ax-validation>\n                        </ax-number-box>\n                    </ax-form-group>\n                </div>\n                <div *ngSwitchCase=\"'datetime'\">\n                  <ax-date-picker label=\"From\" [(value)]=\"rule.value\" (onValueChanged)=\"valueChange($event,rule)\">\n                  </ax-date-picker>\n                </div>\n                <div *ngSwitchCase=\"'boolean'\">\n                    <ax-form-group>\n                        <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n                        <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event,rule)\"\n                            allowNull=\"false\" [selectedValues]=\"rule.value\" size=\"sm\" mode=\"single\">\n                            <ax-data-source [provideData]=\"provideDataBoolean\">\n                            </ax-data-source>\n                            <ax-validation>\n                                <ax-validation-rule type=\"required\"></ax-validation-rule>\n                            </ax-validation>\n                        </ax-select-box>\n                    </ax-form-group>\n                </div>\n                <div *ngSwitchDefault>\n                    <ax-form-group>\n                        <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n                        <ax-text-box (onValueChanged)=\"textValueChange($event,rule)\"\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\" size=\"sm\">\n                            <ax-validation>\n                                <ax-validation-rule type=\"required\"></ax-validation-rule>\n                            </ax-validation>\n                        </ax-text-box>\n\n                    </ax-form-group>\n\n                </div>\n            </div>\n\n\n\n\n        </div>\n\n    </ax-validation-form>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { kind: "component", type: i4.AXDataSourceComponent, selector: "ax-data-source", inputs: ["provideData", "params"] }, { kind: "component", type: i5.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { kind: "component", type: i6.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { kind: "component", type: i7.AXFormGroupComponent, selector: "ax-form-group", inputs: ["size", "labelMode"], outputs: ["labelModeChange"] }, { kind: "component", type: i8.AXLabelComponent, selector: "ax-label", inputs: ["size"] }, { kind: "component", type: i9.AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: i10.AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }, { kind: "component", type: i11.AXValidationRuleComponent, selector: "ax-validation-rule", inputs: ["type", "message", "value", "enabled", "operation"] }, { kind: "component", type: i12.AXDatePickerComponent, selector: "ax-date-picker", inputs: ["dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXQueryBuilderPopupComponent, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div>\n    <ax-validation-form #form>\n        <div *ngFor=\"let rule of items\">\n\n            <div *ngIf=\" rule.control\" [ngSwitch]=\"rule.control.type\" style=\"padding: 1em;\">\n                <div *ngSwitchCase=\"'textBox'\">\n                    <ax-form-group>\n                        <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n                        <ax-text-box (onValueChanged)=\"textValueChange($event,rule)\"\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\" size=\"sm\">\n                            <ax-validation>\n                                <ax-validation-rule type=\"required\"></ax-validation-rule>\n                            </ax-validation>\n                        </ax-text-box>\n                    </ax-form-group>\n                </div>\n                <div *ngSwitchCase=\"'selectBox'\">\n                    <ax-form-group>\n                        <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n                        <ax-select-box 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\"\n                            [textField]=\"getOption('textField',rule)\" [(selectedItems)]=\"rule.valueItem\"\n                            [valueField]=\"getOption('valueField',rule)\" [mode]=\"getOption('mode',rule)\"\n                            (selectedItemsChange)=\"selectedItemsChange($event,rule)\" size=\"sm\" #selectBoxValue\n                            [remoteOperation]=\"getOption('remoteOperation',rule)\">\n                            <ax-validation>\n                                <ax-validation-rule type=\"required\"></ax-validation-rule>\n                            </ax-validation>\n                            <ax-data-source [provideData]=\"getProvideData\" [params]=\"rule\"></ax-data-source>\n                        </ax-select-box>\n                    </ax-form-group>\n                </div>\n                <div *ngSwitchCase=\"'numberBox'\">\n                    <ax-form-group>\n                        <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n                        <ax-number-box (onValueChanged)=\"valueChange($event,rule)\"\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\" size=\"sm\">\n                            <ax-validation>\n                                <ax-validation-rule type=\"required\"></ax-validation-rule>\n                            </ax-validation>\n                        </ax-number-box>\n                    </ax-form-group>\n                </div>\n                <div *ngSwitchCase=\"'datetime'\">\n                  <ax-date-picker label=\"From\" [(value)]=\"rule.value\" (onValueChanged)=\"valueChange($event,rule)\">\n                  </ax-date-picker>\n                </div>\n                <div *ngSwitchCase=\"'boolean'\">\n                    <ax-form-group>\n                        <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n                        <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event,rule)\"\n                            allowNull=\"false\" [selectedValues]=\"rule.value\" size=\"sm\" mode=\"single\">\n                            <ax-data-source [provideData]=\"provideDataBoolean\">\n                            </ax-data-source>\n                            <ax-validation>\n                                <ax-validation-rule type=\"required\"></ax-validation-rule>\n                            </ax-validation>\n                        </ax-select-box>\n                    </ax-form-group>\n                </div>\n                <div *ngSwitchDefault>\n                    <ax-form-group>\n                        <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n                        <ax-text-box (onValueChanged)=\"textValueChange($event,rule)\"\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\" size=\"sm\">\n                            <ax-validation>\n                                <ax-validation-rule type=\"required\"></ax-validation-rule>\n                            </ax-validation>\n                        </ax-text-box>\n\n                    </ax-form-group>\n\n                </div>\n            </div>\n\n\n\n\n        </div>\n\n    </ax-validation-form>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { kind: "component", type: i4.AXDataSourceComponent, selector: "ax-data-source", inputs: ["provideData", "params"] }, { kind: "component", type: i5.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { kind: "component", type: i6.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { kind: "component", type: i7.AXFormGroupComponent, selector: "ax-form-group", inputs: ["size", "labelMode"], outputs: ["labelModeChange"] }, { kind: "component", type: i8.AXLabelComponent, selector: "ax-label", inputs: ["size"], outputs: ["clickLabel"] }, { kind: "component", type: i9.AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: i10.AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }, { kind: "component", type: i11.AXValidationRuleComponent, selector: "ax-validation-rule", inputs: ["type", "message", "value", "enabled", "operation"] }, { kind: "component", type: i12.AXDatePickerComponent, selector: "ax-date-picker", inputs: ["dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXQueryBuilderPopupComponent, decorators: [{
             type: Component,

package/esm2022/lib/search-bar/search-bar.component.mjs

@@ -251,7 +251,7 @@ export class AXSearchBarComponent {
         this.searchPopover.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSearchBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXSearchBarComponent, selector: "ax-search-bar", inputs: { sizeButton: "sizeButton", size: "size", disabled: "disabled", fitParent: "fitParent", popoverWidth: "popoverWidth", rtl: "rtl", loadOnInit: "loadOnInit", caption: "caption", block: "block", items: "items" }, outputs: { onValueChange: "onValueChange", onSearchValue: "onSearchValue" }, viewQueries: [{ propertyName: "searchPopover", first: true, predicate: ["searchPop"], descendants: true }, { propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-button [block]=\"block\" end icon=\"far fa-sliders-h icon\" [selected]=\"_searchCount? true:false\"\n    [type]=\" _searchCount ? 'primary':'primary outline'\" [disabled]=\"disabled\" [size]=\"sizeButton\" [tabIndex]=\"-1\"\n    (click)=\"handleButtonClick()\"> {{caption? caption:'common.search' | trans}}\n    <span *ngIf=\"_searchCount\" class=\"search-count\">{{_searchCount}}</span></ax-button>\n\n\n<ax-popover #searchPop [target]=\"ref\" [rtl]=\"rtl\"\n    [position]=\"{originX:'end',originY:'bottom',overlayX:'end',overlayY:'top',offsetY:10}\">\n    <div class=\"panel-box ax-dropdown-container-bordered {{size}}\">\n        <ax-validation-form #form>\n            <ng-container *ngFor=\"let item of _items\">\n                <div class=\"row\">\n                    <ng-container *ngFor=\"let prop of item.items\">\n                        <div *ngIf=\"prop.property.visible != false\" class=\"{{renderCol(prop.property.col)}}\">\n                            <div>\n                                <ax-label>{{prop.property.title}}</ax-label>\n                                <ng-container ax-property-editor-renderer [validationForm]=\"form\" [property]=\"prop\"\n                                    [context]=\"_context\" (onValueChange)=\"handleValueChange($event)\"></ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <div class=\"footer-button\">\n                <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\n                <ax-button type=\"blank danger\" (click)=\"clear()\">{{'common.reset' | trans}}</ax-button>\n            </div>\n        </ax-validation-form>\n    </div>\n</ax-popover>", styles: [".panel-box{padding:1rem}.panel-box.ax-dropdown-container-bordered{background:var(--ax-white-color);border:1px solid;border-color:var(--ax-border-color);border-radius:var(--ax-border-radius-size);box-shadow:0 5px 10px #0000004d}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}.panel-box.sm{width:30vw}.panel-box.md{width:50vw}.panel-box.lg{width:70vw}.panel-box.full{width:80vw}@media all and (min-width: 1280px){.panel-box.sm{width:420px!important}.panel-box.md{width:680px!important}.panel-box.lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md{width:500px!important}.panel-box.lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md{width:500px!important}.panel-box.lg{width:700px!important}}@media all and (min-width: 425px) and (max-width: 767px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md,.panel-box.lg{width:460px!important}}@media all and (min-width: 0px) and (max-width: 424px){.panel-box.sm,.panel-box.md,.panel-box.lg{width:100vw;max-height:100vh}}.search-count{background:#fff3;border-radius:50%;color:var(--ax-white-color);padding:.125rem;width:1.75rem;height:1.75rem;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;margin-inline-start:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i3.AXPropertyEditorRendererDirective, selector: "[ax-property-editor-renderer]", inputs: ["property", "validationForm", "context", "host", "groupId"], outputs: ["onValueChange"] }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["size"] }, { kind: "component", type: i5.AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: i6.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openMode", "closeMode", "rtl", "visible"], outputs: ["onOutSideClick"] }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "trans" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXSearchBarComponent, selector: "ax-search-bar", inputs: { sizeButton: "sizeButton", size: "size", disabled: "disabled", fitParent: "fitParent", popoverWidth: "popoverWidth", rtl: "rtl", loadOnInit: "loadOnInit", caption: "caption", block: "block", items: "items" }, outputs: { onValueChange: "onValueChange", onSearchValue: "onSearchValue" }, viewQueries: [{ propertyName: "searchPopover", first: true, predicate: ["searchPop"], descendants: true }, { propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-button [block]=\"block\" end icon=\"far fa-sliders-h icon\" [selected]=\"_searchCount? true:false\"\n    [type]=\" _searchCount ? 'primary':'primary outline'\" [disabled]=\"disabled\" [size]=\"sizeButton\" [tabIndex]=\"-1\"\n    (click)=\"handleButtonClick()\"> {{caption? caption:'common.search' | trans}}\n    <span *ngIf=\"_searchCount\" class=\"search-count\">{{_searchCount}}</span></ax-button>\n\n\n<ax-popover #searchPop [target]=\"ref\" [rtl]=\"rtl\"\n    [position]=\"{originX:'end',originY:'bottom',overlayX:'end',overlayY:'top',offsetY:10}\">\n    <div class=\"panel-box ax-dropdown-container-bordered {{size}}\">\n        <ax-validation-form #form>\n            <ng-container *ngFor=\"let item of _items\">\n                <div class=\"row\">\n                    <ng-container *ngFor=\"let prop of item.items\">\n                        <div *ngIf=\"prop.property.visible != false\" class=\"{{renderCol(prop.property.col)}}\">\n                            <div>\n                                <ax-label>{{prop.property.title}}</ax-label>\n                                <ng-container ax-property-editor-renderer [validationForm]=\"form\" [property]=\"prop\"\n                                    [context]=\"_context\" (onValueChange)=\"handleValueChange($event)\"></ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <div class=\"footer-button\">\n                <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\n                <ax-button type=\"blank danger\" (click)=\"clear()\">{{'common.reset' | trans}}</ax-button>\n            </div>\n        </ax-validation-form>\n    </div>\n</ax-popover>", styles: [".panel-box{padding:1rem}.panel-box.ax-dropdown-container-bordered{background:var(--ax-white-color);border:1px solid;border-color:var(--ax-border-color);border-radius:var(--ax-border-radius-size);box-shadow:0 5px 10px #0000004d}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}.panel-box.sm{width:30vw}.panel-box.md{width:50vw}.panel-box.lg{width:70vw}.panel-box.full{width:80vw}@media all and (min-width: 1280px){.panel-box.sm{width:420px!important}.panel-box.md{width:680px!important}.panel-box.lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md{width:500px!important}.panel-box.lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md{width:500px!important}.panel-box.lg{width:700px!important}}@media all and (min-width: 425px) and (max-width: 767px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md,.panel-box.lg{width:460px!important}}@media all and (min-width: 0px) and (max-width: 424px){.panel-box.sm,.panel-box.md,.panel-box.lg{width:100vw;max-height:100vh}}.search-count{background:#fff3;border-radius:50%;color:var(--ax-white-color);padding:.125rem;width:1.75rem;height:1.75rem;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;margin-inline-start:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i3.AXPropertyEditorRendererDirective, selector: "[ax-property-editor-renderer]", inputs: ["property", "validationForm", "context", "host", "groupId"], outputs: ["onValueChange"] }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["size"], outputs: ["clickLabel"] }, { kind: "component", type: i5.AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: i6.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openMode", "closeMode", "rtl", "visible"], outputs: ["onOutSideClick"] }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "trans" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSearchBarComponent, decorators: [{
             type: Component,