ng-zorro-antd-extension 19.0.1 → 20.0.1

package/fesm2022/ng-zorro-antd-extension-configurable-query.mjs

@@ -1,41 +1,41 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, Component, ChangeDetectionStrategy, InjectionToken, Injectable, Optional, Inject, ViewContainerRef, ViewChild, EventEmitter, Output, ContentChildren, NgModule } from '@angular/core';
+import { Input, Directive, ChangeDetectionStrategy, Component, InjectionToken, Optional, Inject, Injectable, ViewContainerRef, ViewChild, EventEmitter, ContentChildren, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import { updateControlStatus } from 'ng-zorro-antd-extension/util';
 import * as i2$3 from 'ng-zorro-antd/grid';
 import { NzGridModule } from 'ng-zorro-antd/grid';
 import { BehaviorSubject, Subject, takeUntil, fromEvent } from 'rxjs';
-import * as i4 from 'ng-zorro-antd/card';
+import * as i3$1 from 'ng-zorro-antd/card';
 import { NzCardModule } from 'ng-zorro-antd/card';
-import * as i3$1 from 'ng-zorro-antd/form';
+import * as i3 from 'ng-zorro-antd/form';
 import { NzFormModule } from 'ng-zorro-antd/form';
-import * as i3 from '@angular/common';
-import { NgStyle, NgFor, CommonModule, NgIf } from '@angular/common';
 import * as i2 from 'ng-zorro-antd/date-picker';
 import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
+import * as i1$1 from '@angular/common';
+import { NgStyle, CommonModule } from '@angular/common';
 import * as i2$1 from 'ng-zorro-antd/input';
 import { NzInputModule } from 'ng-zorro-antd/input';
 import * as i2$2 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
-import * as i6 from 'ng-zorro-antd/space';
+import * as i5 from 'ng-zorro-antd/space';
 import { NzSpaceModule } from 'ng-zorro-antd/space';
-import * as i10 from 'ng-zorro-antd/icon';
+import * as i9 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
-import * as i7 from 'ng-zorro-antd/button';
+import * as i6 from 'ng-zorro-antd/button';
 import { NzButtonModule } from 'ng-zorro-antd/button';
-import * as i1$1 from 'ng-zorro-antd/i18n';
-import * as i8 from 'ng-zorro-antd/core/transition-patch';
-import * as i9 from 'ng-zorro-antd/core/wave';
+import * as i1$2 from 'ng-zorro-antd/i18n';
+import * as i7 from 'ng-zorro-antd/core/transition-patch';
+import * as i8 from 'ng-zorro-antd/core/wave';
 
 class NzxControlDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxControlDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.2", type: NzxControlDirective, isStandalone: true, selector: "[nzxControl]", inputs: { nzxControl: "nzxControl" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxControlDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: NzxControlDirective, isStandalone: true, selector: "[nzxControl]", inputs: { nzxControl: "nzxControl" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxControlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[nzxControl]',
@@ -51,10 +51,10 @@ class NzxAbstractControl {
     get formControl() {
         return this.form.get(this.control.controlName);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxAbstractControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.2", type: NzxAbstractControl, isStandalone: true, inputs: { form: "form", control: "control" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxAbstractControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: NzxAbstractControl, isStandalone: true, inputs: { form: "form", control: "control" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxAbstractControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxAbstractControl, decorators: [{
             type: Directive
         }], propDecorators: { form: [{
                 type: Input
@@ -63,8 +63,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
             }] } });
 
 class NzxDatePickerControlComponent extends NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxDatePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: NzxDatePickerControlComponent, isStandalone: true, selector: "nzx-date-picker-control", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxDatePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: NzxDatePickerControlComponent, isStandalone: true, selector: "nzx-date-picker-control", usesInheritance: true, ngImport: i0, template: `
     <ng-container [formGroup]="form">
       <nz-date-picker
         [ngStyle]="{ width: '100%' }"
@@ -73,9 +73,9 @@ class NzxDatePickerControlComponent extends NzxAbstractControl {
       >
       </nz-date-picker>
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "component", type: i2.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "component", type: i2.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzVariant", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxDatePickerControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxDatePickerControlComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'nzx-date-picker-control',
@@ -95,8 +95,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
         }] });
 
 class NzxInputControlComponent extends NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxInputControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: NzxInputControlComponent, isStandalone: true, selector: "nzx-input-control", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxInputControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: NzxInputControlComponent, isStandalone: true, selector: "nzx-input-control", usesInheritance: true, ngImport: i0, template: `
     <ng-container [formGroup]="form">
       <input
         [formControl]="formControl"
@@ -105,9 +105,9 @@ class NzxInputControlComponent extends NzxAbstractControl {
         [placeholder]="control.placeholder"
       />
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i2$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i2$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxInputControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxInputControlComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'nzx-input-control',
@@ -127,8 +127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
         }] });
 
 class NzxRangePickerControlComponent extends NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxRangePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: NzxRangePickerControlComponent, isStandalone: true, selector: "nzx-range-picker-control", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxRangePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: NzxRangePickerControlComponent, isStandalone: true, selector: "nzx-range-picker-control", usesInheritance: true, ngImport: i0, template: `
     <ng-container [formGroup]="form">
       <nz-range-picker
         [formControl]="formControl"
@@ -136,9 +136,9 @@ class NzxRangePickerControlComponent extends NzxAbstractControl {
       >
       </nz-range-picker>
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "component", type: i2.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i2.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "component", type: i2.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzVariant", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i2.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxRangePickerControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxRangePickerControlComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'nzx-range-picker-control',
@@ -157,26 +157,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
         }] });
 
 class NzxSelectControlComponent extends NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxSelectControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: NzxSelectControlComponent, isStandalone: true, selector: "nzx-select-control", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxSelectControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: NzxSelectControlComponent, isStandalone: true, selector: "nzx-select-control", usesInheritance: true, ngImport: i0, template: `
     <ng-container [formGroup]="form">
       <nz-select
         [formControl]="formControl"
         [nzShowSearch]="control.nzxShowSearch ?? true"
         [nzAllowClear]="control.nzxAllowClear ?? true"
         [nzPlaceHolder]="control.placeholder!"
-      >
-        <nz-option
-          *ngFor="let item of control.menuList"
-          [nzValue]="item.value"
-          [nzLabel]="item.label"
         >
-        </nz-option>
+        @for (item of control.menuList; track item) {
+          <nz-option
+            [nzValue]="item.value"
+            [nzLabel]="item.label"
+            >
+          </nz-option>
+        }
       </nz-select>
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i2$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i2$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i2$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i2$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxSelectControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxSelectControlComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'nzx-select-control',
@@ -187,24 +188,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImpor
         [nzShowSearch]="control.nzxShowSearch ?? true"
         [nzAllowClear]="control.nzxAllowClear ?? true"
         [nzPlaceHolder]="control.placeholder!"
-      >
-        <nz-option
-          *ngFor="let item of control.menuList"
-          [nzValue]="item.value"
-          [nzLabel]="item.label"
         >
-        </nz-option>
+        @for (item of control.menuList; track item) {
+          <nz-option
+            [nzValue]="item.value"
+            [nzLabel]="item.label"
+            >
+          </nz-option>
+        }
       </nz-select>
     </ng-container>
-  `,
-                    imports: [NgFor, ReactiveFormsModule, NzSelectModule],
+    `,
+                    imports: [ReactiveFormsModule, NzSelectModule],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
 
 class NzxTemplateControlComponent extends NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxTemplateControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: NzxTemplateControlComponent, isStandalone: true, selector: "nzx-template-control", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxTemplateControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: NzxTemplateControlComponent, isStandalone: true, selector: "nzx-template-control", usesInheritance: true, ngImport: i0, template: `
     <ng-container
       *ngTemplateOutlet="
         control.templateRef!;
@@ -212,9 +214,9 @@ class NzxTemplateControlComponent extends NzxAbstractControl {
       "
     >
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxTemplateControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxTemplateControlComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'nzx-template-control',
@@ -278,10 +280,10 @@ class NzxQueryConfigService {
     refreshControlType() {
         this.controlTypes$.next(this.controlTypePoll);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxQueryConfigService, deps: [{ token: QUERY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxQueryConfigService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxQueryConfigService, deps: [{ token: QUERY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxQueryConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxQueryConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxQueryConfigService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -321,45 +323,49 @@ class NzxConfigurableQueryItemComponent {
             throw `ControlType:: '${this.control.controlType}' is invalidate`;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxConfigurableQueryItemComponent, deps: [{ token: NzxQueryConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: NzxConfigurableQueryItemComponent, isStandalone: true, selector: "nzx-configurable-query-item", inputs: { form: "form", control: "control" }, viewQueries: [{ propertyName: "controlTemplateView", first: true, predicate: ["controlTemp"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxConfigurableQueryItemComponent, deps: [{ token: NzxQueryConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: NzxConfigurableQueryItemComponent, isStandalone: true, selector: "nzx-configurable-query-item", inputs: { form: "form", control: "control" }, viewQueries: [{ propertyName: "controlTemplateView", first: true, predicate: ["controlTemp"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
     <nz-form-item>
-      <nz-form-label *ngIf="control.label" [nzSpan]="control.nzxLSpan || 6">
-        {{ control.label }}
-      </nz-form-label>
+      @if (control.label) {
+        <nz-form-label [nzSpan]="control.nzxLSpan || 6">
+          {{ control.label }}
+        </nz-form-label>
+      }
       <nz-form-control
         [nzSpan]="control.nzxRSpan || 18"
         [nzValidateStatus]="
           control?.controlInstance ?? $any(form.get(control.controlName!))
         "
         [nzErrorTip]="control.errorTip"
-      >
+        >
         <ng-template #controlTemp></ng-template>
       </nz-form-control>
     </nz-form-item>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i3$1.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3$1.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3$1.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxConfigurableQueryItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxConfigurableQueryItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'nzx-configurable-query-item',
                     template: `
     <nz-form-item>
-      <nz-form-label *ngIf="control.label" [nzSpan]="control.nzxLSpan || 6">
-        {{ control.label }}
-      </nz-form-label>
+      @if (control.label) {
+        <nz-form-label [nzSpan]="control.nzxLSpan || 6">
+          {{ control.label }}
+        </nz-form-label>
+      }
       <nz-form-control
         [nzSpan]="control.nzxRSpan || 18"
         [nzValidateStatus]="
           control?.controlInstance ?? $any(form.get(control.controlName!))
         "
         [nzErrorTip]="control.errorTip"
-      >
+        >
         <ng-template #controlTemp></ng-template>
       </nz-form-control>
     </nz-form-item>
-  `,
-                    imports: [NzFormModule, NgIf],
+    `,
+                    imports: [NzFormModule],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: () => [{ type: NzxQueryConfigService }], propDecorators: { form: [{
@@ -631,22 +637,21 @@ class NzxConfigurableQueryComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxConfigurableQueryComponent, deps: [{ token: i1$1.NzI18nService }, { token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.2", type: NzxConfigurableQueryComponent, isStandalone: true, selector: "nzx-configurable-query", inputs: { controls: "controls", nzxJustify: "nzxJustify", nzxGutter: "nzxGutter", lineNumber: "lineNumber", nzxBtnSpan: "nzxBtnSpan", initQuery: "initQuery", fixedParams: "fixedParams" }, outputs: { queryChange: "queryChange", resetChange: "resetChange" }, queries: [{ propertyName: "controlTemplateList", predicate: NzxControlDirective, descendants: true }], viewQueries: [{ propertyName: "queyFormEl", first: true, predicate: ["queyForm"], descendants: true }], exportAs: ["NzxConfigurableQuery"], usesOnChanges: true, ngImport: i0, template: "<nz-card>\n  <form #queyForm class=\"nzx-query-container\" nz-form [formGroup]=\"queryForm\">\n    <div nz-row [nzGutter]=\"nzxGutter\" [nzJustify]=\"nzxJustify\">\n      <ng-container *ngFor=\"let config of controls; let i = index\">\n        <div\n          *ngIf=\"!config.hidden\"\n          nz-col\n          [nzSpan]=\"config.nzxSpan || 24 / lineNumber\"\n          [hidden]=\"config.collapse\"\n          [nzOrder]=\"i\"\n        >\n          <nzx-configurable-query-item\n            *ngIf=\"config.controlName\"\n            [form]=\"queryForm\"\n            [control]=\"config\"\n          ></nzx-configurable-query-item>\n        </div>\n      </ng-container>\n\n      <div\n        class=\"nzx-query-btn\"\n        nz-col\n        [nzOrder]=\"controls.length\"\n        [nzSpan]=\"nzxBtnSpan || 24 / lineNumber\"\n      >\n        <div nz-row nzJustify=\"end\" nzAlign=\"middle\">\n          <nz-space>\n            <button\n              *nzSpaceItem\n              nz-button\n              nzType=\"primary\"\n              type=\"button\"\n              title=\"Enter\"\n              (click)=\"search()\"\n            >\n              {{ locale['query'] }}\n            </button>\n            <button\n              *nzSpaceItem\n              nz-button\n              type=\"button\"\n              title=\"ctrl+r\"\n              (click)=\"reset()\"\n            >\n              {{ locale['reset'] }}\n            </button>\n            <ng-container *nzSpaceItem>\n              <ng-content></ng-content>\n            </ng-container>\n            <ng-container *ngIf=\"nzxCollapse\">\n              <a\n                *nzSpaceItem\n                nz-button\n                nzType=\"link\"\n                (click)=\"toggleCollapse()\"\n              >\n                {{ collapseText }}\n                <i nz-icon [nzType]=\"collapseIcon\"></i>\n              </a>\n            </ng-container>\n          </nz-space>\n        </div>\n      </div>\n    </div>\n  </form>\n</nz-card>\n", styles: [".nzx-query-container [nz-form-label]{overflow:visible}.nzx-query-container .nzx-query-btn{flex-grow:2;max-width:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzCardModule }, { kind: "component", type: i4.NzCardComponent, selector: "nz-card", inputs: ["nzBordered", "nzLoading", "nzHoverable", "nzBodyStyle", "nzCover", "nzActions", "nzType", "nzSize", "nzTitle", "nzExtra"], exportAs: ["nzCard"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i2$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzSpaceModule }, { kind: "component", type: i6.NzSpaceComponent, selector: "nz-space, [nz-space]", inputs: ["nzDirection", "nzAlign", "nzSplit", "nzWrap", "nzSize"], exportAs: ["nzSpace"] }, { kind: "directive", type: i6.NzSpaceItemDirective, selector: "[nzSpaceItem]" }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i7.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i8.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i9.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: NzxConfigurableQueryItemComponent, selector: "nzx-configurable-query-item", inputs: ["form", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxConfigurableQueryComponent, deps: [{ token: i1$2.NzI18nService }, { token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: NzxConfigurableQueryComponent, isStandalone: true, selector: "nzx-configurable-query", inputs: { controls: "controls", nzxJustify: "nzxJustify", nzxGutter: "nzxGutter", lineNumber: "lineNumber", nzxBtnSpan: "nzxBtnSpan", initQuery: "initQuery", fixedParams: "fixedParams" }, outputs: { queryChange: "queryChange", resetChange: "resetChange" }, queries: [{ propertyName: "controlTemplateList", predicate: NzxControlDirective, descendants: true }], viewQueries: [{ propertyName: "queyFormEl", first: true, predicate: ["queyForm"], descendants: true }], exportAs: ["NzxConfigurableQuery"], usesOnChanges: true, ngImport: i0, template: "<nz-card>\n  <form #queyForm class=\"nzx-query-container\" nz-form [formGroup]=\"queryForm\">\n    <div nz-row [nzGutter]=\"nzxGutter\" [nzJustify]=\"nzxJustify\">\n      @for (config of controls; track config; let i = $index) {\n        @if (!config.hidden) {\n          <div\n            nz-col\n            [nzSpan]=\"config.nzxSpan || 24 / lineNumber\"\n            [hidden]=\"config.collapse\"\n            [nzOrder]=\"i\"\n            >\n            @if (config.controlName) {\n              <nzx-configurable-query-item\n                [form]=\"queryForm\"\n                [control]=\"config\"\n              ></nzx-configurable-query-item>\n            }\n          </div>\n        }\n      }\n\n      <div\n        class=\"nzx-query-btn\"\n        nz-col\n        [nzOrder]=\"controls.length\"\n        [nzSpan]=\"nzxBtnSpan || 24 / lineNumber\"\n        >\n        <div nz-row nzJustify=\"end\" nzAlign=\"middle\">\n          <nz-space>\n            <button\n              *nzSpaceItem\n              nz-button\n              nzType=\"primary\"\n              type=\"button\"\n              title=\"Enter\"\n              (click)=\"search()\"\n              >\n              {{ locale['query'] }}\n            </button>\n            <button\n              *nzSpaceItem\n              nz-button\n              type=\"button\"\n              title=\"ctrl+r\"\n              (click)=\"reset()\"\n              >\n              {{ locale['reset'] }}\n            </button>\n            <ng-container *nzSpaceItem>\n              <ng-content></ng-content>\n            </ng-container>\n            @if (nzxCollapse) {\n              <a\n                *nzSpaceItem\n                nz-button\n                nzType=\"link\"\n                (click)=\"toggleCollapse()\"\n                >\n                {{ collapseText }}\n                <i nz-icon [nzType]=\"collapseIcon\"></i>\n              </a>\n            }\n          </nz-space>\n        </div>\n      </div>\n    </div>\n  </form>\n</nz-card>\n", styles: [".nzx-query-container [nz-form-label]{overflow:visible}.nzx-query-container .nzx-query-btn{flex-grow:2;max-width:none}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzCardModule }, { kind: "component", type: i3$1.NzCardComponent, selector: "nz-card", inputs: ["nzBordered", "nzLoading", "nzHoverable", "nzBodyStyle", "nzCover", "nzActions", "nzType", "nzSize", "nzTitle", "nzExtra"], exportAs: ["nzCard"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i2$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzSpaceModule }, { kind: "component", type: i5.NzSpaceComponent, selector: "nz-space, [nz-space]", inputs: ["nzDirection", "nzAlign", "nzSplit", "nzWrap", "nzSize"], exportAs: ["nzSpace"] }, { kind: "directive", type: i5.NzSpaceItemDirective, selector: "[nzSpaceItem]" }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i8.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i9.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: NzxConfigurableQueryItemComponent, selector: "nzx-configurable-query-item", inputs: ["form", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxConfigurableQueryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxConfigurableQueryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nzx-configurable-query', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'NzxConfigurableQuery', imports: [
-                        CommonModule,
                         ReactiveFormsModule,
                         NzCardModule,
                         NzGridModule,
                         NzSpaceModule,
                         NzButtonModule,
                         NzIconModule,
-                        NzxConfigurableQueryItemComponent,
-                    ], template: "<nz-card>\n  <form #queyForm class=\"nzx-query-container\" nz-form [formGroup]=\"queryForm\">\n    <div nz-row [nzGutter]=\"nzxGutter\" [nzJustify]=\"nzxJustify\">\n      <ng-container *ngFor=\"let config of controls; let i = index\">\n        <div\n          *ngIf=\"!config.hidden\"\n          nz-col\n          [nzSpan]=\"config.nzxSpan || 24 / lineNumber\"\n          [hidden]=\"config.collapse\"\n          [nzOrder]=\"i\"\n        >\n          <nzx-configurable-query-item\n            *ngIf=\"config.controlName\"\n            [form]=\"queryForm\"\n            [control]=\"config\"\n          ></nzx-configurable-query-item>\n        </div>\n      </ng-container>\n\n      <div\n        class=\"nzx-query-btn\"\n        nz-col\n        [nzOrder]=\"controls.length\"\n        [nzSpan]=\"nzxBtnSpan || 24 / lineNumber\"\n      >\n        <div nz-row nzJustify=\"end\" nzAlign=\"middle\">\n          <nz-space>\n            <button\n              *nzSpaceItem\n              nz-button\n              nzType=\"primary\"\n              type=\"button\"\n              title=\"Enter\"\n              (click)=\"search()\"\n            >\n              {{ locale['query'] }}\n            </button>\n            <button\n              *nzSpaceItem\n              nz-button\n              type=\"button\"\n              title=\"ctrl+r\"\n              (click)=\"reset()\"\n            >\n              {{ locale['reset'] }}\n            </button>\n            <ng-container *nzSpaceItem>\n              <ng-content></ng-content>\n            </ng-container>\n            <ng-container *ngIf=\"nzxCollapse\">\n              <a\n                *nzSpaceItem\n                nz-button\n                nzType=\"link\"\n                (click)=\"toggleCollapse()\"\n              >\n                {{ collapseText }}\n                <i nz-icon [nzType]=\"collapseIcon\"></i>\n              </a>\n            </ng-container>\n          </nz-space>\n        </div>\n      </div>\n    </div>\n  </form>\n</nz-card>\n", styles: [".nzx-query-container [nz-form-label]{overflow:visible}.nzx-query-container .nzx-query-btn{flex-grow:2;max-width:none}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.NzI18nService }, { type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { controls: [{
+                        NzxConfigurableQueryItemComponent
+                    ], template: "<nz-card>\n  <form #queyForm class=\"nzx-query-container\" nz-form [formGroup]=\"queryForm\">\n    <div nz-row [nzGutter]=\"nzxGutter\" [nzJustify]=\"nzxJustify\">\n      @for (config of controls; track config; let i = $index) {\n        @if (!config.hidden) {\n          <div\n            nz-col\n            [nzSpan]=\"config.nzxSpan || 24 / lineNumber\"\n            [hidden]=\"config.collapse\"\n            [nzOrder]=\"i\"\n            >\n            @if (config.controlName) {\n              <nzx-configurable-query-item\n                [form]=\"queryForm\"\n                [control]=\"config\"\n              ></nzx-configurable-query-item>\n            }\n          </div>\n        }\n      }\n\n      <div\n        class=\"nzx-query-btn\"\n        nz-col\n        [nzOrder]=\"controls.length\"\n        [nzSpan]=\"nzxBtnSpan || 24 / lineNumber\"\n        >\n        <div nz-row nzJustify=\"end\" nzAlign=\"middle\">\n          <nz-space>\n            <button\n              *nzSpaceItem\n              nz-button\n              nzType=\"primary\"\n              type=\"button\"\n              title=\"Enter\"\n              (click)=\"search()\"\n              >\n              {{ locale['query'] }}\n            </button>\n            <button\n              *nzSpaceItem\n              nz-button\n              type=\"button\"\n              title=\"ctrl+r\"\n              (click)=\"reset()\"\n              >\n              {{ locale['reset'] }}\n            </button>\n            <ng-container *nzSpaceItem>\n              <ng-content></ng-content>\n            </ng-container>\n            @if (nzxCollapse) {\n              <a\n                *nzSpaceItem\n                nz-button\n                nzType=\"link\"\n                (click)=\"toggleCollapse()\"\n                >\n                {{ collapseText }}\n                <i nz-icon [nzType]=\"collapseIcon\"></i>\n              </a>\n            }\n          </nz-space>\n        </div>\n      </div>\n    </div>\n  </form>\n</nz-card>\n", styles: [".nzx-query-container [nz-form-label]{overflow:visible}.nzx-query-container .nzx-query-btn{flex-grow:2;max-width:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.NzI18nService }, { type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { controls: [{
                 type: Input
             }], nzxJustify: [{
                 type: Input
@@ -696,11 +701,11 @@ class NzxConfigurableQueryModule {
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxConfigurableQueryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.2", ngImport: i0, type: NzxConfigurableQueryModule, imports: [NzxControlDirective, NzxConfigurableQueryComponent], exports: [NzxControlDirective, NzxConfigurableQueryComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxConfigurableQueryModule, imports: [NzxConfigurableQueryComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxConfigurableQueryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: NzxConfigurableQueryModule, imports: [NzxControlDirective, NzxConfigurableQueryComponent], exports: [NzxControlDirective, NzxConfigurableQueryComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxConfigurableQueryModule, imports: [NzxConfigurableQueryComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: NzxConfigurableQueryModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NzxConfigurableQueryModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [NzxControlDirective, NzxConfigurableQueryComponent],