@brggroup/share-lib 0.1.37 → 0.1.38

package/fesm2022/brggroup-share-lib.mjs

@@ -2332,7 +2332,7 @@ class ExtendDatePicker {
         invalidDate: 'Ngày không hợp lệ',
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendDatePicker, isStandalone: true, selector: "extend-date-picker", inputs: { dateFormat: "dateFormat", label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", floatingLabel: "floatingLabel", showTime: "showTime", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", disabled: "disabled", required: "required", isSubmited: "isSubmited", noBottom: "noBottom", selectModeType: "selectModeType", inputWidth: "inputWidth", inputHeight: "inputHeight", borderBottomOnly: "borderBottomOnly", displayInline: "displayInline", size: "size", minDate: "minDate", maxDate: "maxDate", lstItem: "lstItem", displayField: "displayField", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel", isTouched: "isTouched", inputErrorMessage: "inputErrorMessage", errorMessages: "errorMessages" }, outputs: { _ngModelChange: "_ngModelChange" }, ngImport: i0, template: "<div\n  class=\"extend-date-picker-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"dynamicErrorTemplate\"\n        >\n          <nz-date-picker\n            class=\"full-width\"\n            [nzPlaceHolder]=\"placeHolder || ' '\"\n            [nzFormat]=\"dateFormat\"\n            [nzSize]=\"size\"\n            [formControlName]=\"controlName\"\n            [ngStyle]=\"{\n              width: inputWidth,\n              height: inputHeight,\n            }\"\n            [ngClass]=\"{\n              'border-bottom-only': borderBottomOnly,\n            }\"\n            [nzShowTime]=\"showTime\"\n          ></nz-date-picker>\n        </nz-form-control>\n      </nz-form-item>\n\n      <ng-template #dynamicErrorTemplate let-control>\n        <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\n          <ng-container *ngIf=\"control.hasError(error.key)\">\n            {{ error.value }}\n          </ng-container>\n        </ng-container>\n      </ng-template>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"customValidateStatus\"\n          [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\n        >\n          <nz-date-picker\n            class=\"full-width\"\n            [nzPlaceHolder]=\"placeHolder || ' '\"\n            [nzFormat]=\"dateFormat\"\n            [nzSize]=\"size\"\n            [disabled]=\"disabled\"\n            [nzDisabledDate]=\"disabledDate\"\n            [nzShowTime]=\"showTime\"\n            [ngStyle]=\"{\n              width: inputWidth,\n              height: inputHeight,\n            }\"\n            [ngClass]=\"{\n              'border-bottom-only': borderBottomOnly,\n            }\"\n            [(ngModel)]=\"_ngModel\"\n            (ngModelChange)=\"onNgModelChange($event)\"\n            (blur)=\"onBlur()\"\n          ></nz-date-picker>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <nz-date-picker\n        class=\"full-width\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [ngClass]=\"{\n          'border-bottom-only': borderBottomOnly,\n        }\"\n        [nzSize]=\"size\"\n        [nzPlaceHolder]=\"placeHolder || ' '\"\n        [nzFormat]=\"dateFormat\"\n        [nzShowTime]=\"showTime\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"onNgModelChange($event)\"\n      ></nz-date-picker>\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-date-picker-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-date-picker-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-date-picker-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-date-picker-wrapper .full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$3.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "component", type: i5$1.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: "ngmodule", type: TranslateModule }, { kind: "directive", type: DateInputParserDirective, selector: "nz-date-picker", inputs: ["nzFormat"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendDatePicker, isStandalone: true, selector: "extend-date-picker", inputs: { dateFormat: "dateFormat", label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", floatingLabel: "floatingLabel", showTime: "showTime", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", disabled: "disabled", required: "required", isSubmited: "isSubmited", noBottom: "noBottom", selectModeType: "selectModeType", inputWidth: "inputWidth", inputHeight: "inputHeight", borderBottomOnly: "borderBottomOnly", displayInline: "displayInline", size: "size", minDate: "minDate", maxDate: "maxDate", lstItem: "lstItem", displayField: "displayField", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel", isTouched: "isTouched", inputErrorMessage: "inputErrorMessage", errorMessages: "errorMessages" }, outputs: { _ngModelChange: "_ngModelChange" }, ngImport: i0, template: "<div\n  class=\"extend-date-picker-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"dynamicErrorTemplate\"\n        >\n          <nz-date-picker\n            class=\"full-width\"\n            [nzPlaceHolder]=\"placeHolder || ' '\"\n            [nzFormat]=\"dateFormat\"\n            [nzSize]=\"size\"\n            [formControlName]=\"controlName\"\n            [ngStyle]=\"{\n              width: inputWidth,\n              height: inputHeight,\n            }\"\n            [ngClass]=\"{\n              'border-bottom-only': borderBottomOnly,\n            }\"\n            [nzShowTime]=\"showTime\"\n          ></nz-date-picker>\n        </nz-form-control>\n      </nz-form-item>\n\n      <ng-template #dynamicErrorTemplate let-control>\n        <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\n          <ng-container *ngIf=\"control.hasError(error.key)\">\n            {{ error.value }}\n          </ng-container>\n        </ng-container>\n      </ng-template>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"customValidateStatus\"\n          [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\n        >\n          <nz-date-picker\n            class=\"full-width\"\n            [nzPlaceHolder]=\"placeHolder || ' '\"\n            [nzFormat]=\"dateFormat\"\n            [nzSize]=\"size\"\n            [disabled]=\"disabled\"\n            [nzDisabledDate]=\"disabledDate\"\n            [nzShowTime]=\"showTime\"\n            [ngStyle]=\"{\n              width: inputWidth,\n              height: inputHeight,\n            }\"\n            [ngClass]=\"{\n              'border-bottom-only': borderBottomOnly,\n            }\"\n            [(ngModel)]=\"_ngModel\"\n            (ngModelChange)=\"onNgModelChange($event)\"\n            (blur)=\"onBlur()\"\n          ></nz-date-picker>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <nz-date-picker\n        class=\"full-width\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [ngClass]=\"{\n          'border-bottom-only': borderBottomOnly,\n        }\"\n        [nzSize]=\"size\"\n        [nzPlaceHolder]=\"placeHolder || ' '\"\n        [nzFormat]=\"dateFormat\"\n        [nzShowTime]=\"showTime\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"onNgModelChange($event)\"\n      ></nz-date-picker>\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-date-picker-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-date-picker-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:1;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-date-picker-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-date-picker-wrapper .full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$3.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "component", type: i5$1.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: "ngmodule", type: TranslateModule }, { kind: "directive", type: DateInputParserDirective, selector: "nz-date-picker", inputs: ["nzFormat"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendDatePicker, decorators: [{
             type: Component,
@@ -2344,7 +2344,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         NzDatePickerModule,
                         TranslateModule,
                         DateInputParserDirective,
-                    ], template: "<div\n  class=\"extend-date-picker-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"dynamicErrorTemplate\"\n        >\n          <nz-date-picker\n            class=\"full-width\"\n            [nzPlaceHolder]=\"placeHolder || ' '\"\n            [nzFormat]=\"dateFormat\"\n            [nzSize]=\"size\"\n            [formControlName]=\"controlName\"\n            [ngStyle]=\"{\n              width: inputWidth,\n              height: inputHeight,\n            }\"\n            [ngClass]=\"{\n              'border-bottom-only': borderBottomOnly,\n            }\"\n            [nzShowTime]=\"showTime\"\n          ></nz-date-picker>\n        </nz-form-control>\n      </nz-form-item>\n\n      <ng-template #dynamicErrorTemplate let-control>\n        <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\n          <ng-container *ngIf=\"control.hasError(error.key)\">\n            {{ error.value }}\n          </ng-container>\n        </ng-container>\n      </ng-template>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"customValidateStatus\"\n          [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\n        >\n          <nz-date-picker\n            class=\"full-width\"\n            [nzPlaceHolder]=\"placeHolder || ' '\"\n            [nzFormat]=\"dateFormat\"\n            [nzSize]=\"size\"\n            [disabled]=\"disabled\"\n            [nzDisabledDate]=\"disabledDate\"\n            [nzShowTime]=\"showTime\"\n            [ngStyle]=\"{\n              width: inputWidth,\n              height: inputHeight,\n            }\"\n            [ngClass]=\"{\n              'border-bottom-only': borderBottomOnly,\n            }\"\n            [(ngModel)]=\"_ngModel\"\n            (ngModelChange)=\"onNgModelChange($event)\"\n            (blur)=\"onBlur()\"\n          ></nz-date-picker>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <nz-date-picker\n        class=\"full-width\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [ngClass]=\"{\n          'border-bottom-only': borderBottomOnly,\n        }\"\n        [nzSize]=\"size\"\n        [nzPlaceHolder]=\"placeHolder || ' '\"\n        [nzFormat]=\"dateFormat\"\n        [nzShowTime]=\"showTime\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"onNgModelChange($event)\"\n      ></nz-date-picker>\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-date-picker-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-date-picker-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-date-picker-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-date-picker-wrapper .full-width{width:100%}\n"] }]
+                    ], template: "<div\n  class=\"extend-date-picker-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"dynamicErrorTemplate\"\n        >\n          <nz-date-picker\n            class=\"full-width\"\n            [nzPlaceHolder]=\"placeHolder || ' '\"\n            [nzFormat]=\"dateFormat\"\n            [nzSize]=\"size\"\n            [formControlName]=\"controlName\"\n            [ngStyle]=\"{\n              width: inputWidth,\n              height: inputHeight,\n            }\"\n            [ngClass]=\"{\n              'border-bottom-only': borderBottomOnly,\n            }\"\n            [nzShowTime]=\"showTime\"\n          ></nz-date-picker>\n        </nz-form-control>\n      </nz-form-item>\n\n      <ng-template #dynamicErrorTemplate let-control>\n        <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\n          <ng-container *ngIf=\"control.hasError(error.key)\">\n            {{ error.value }}\n          </ng-container>\n        </ng-container>\n      </ng-template>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"customValidateStatus\"\n          [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\n        >\n          <nz-date-picker\n            class=\"full-width\"\n            [nzPlaceHolder]=\"placeHolder || ' '\"\n            [nzFormat]=\"dateFormat\"\n            [nzSize]=\"size\"\n            [disabled]=\"disabled\"\n            [nzDisabledDate]=\"disabledDate\"\n            [nzShowTime]=\"showTime\"\n            [ngStyle]=\"{\n              width: inputWidth,\n              height: inputHeight,\n            }\"\n            [ngClass]=\"{\n              'border-bottom-only': borderBottomOnly,\n            }\"\n            [(ngModel)]=\"_ngModel\"\n            (ngModelChange)=\"onNgModelChange($event)\"\n            (blur)=\"onBlur()\"\n          ></nz-date-picker>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <nz-date-picker\n        class=\"full-width\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [ngClass]=\"{\n          'border-bottom-only': borderBottomOnly,\n        }\"\n        [nzSize]=\"size\"\n        [nzPlaceHolder]=\"placeHolder || ' '\"\n        [nzFormat]=\"dateFormat\"\n        [nzShowTime]=\"showTime\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"onNgModelChange($event)\"\n      ></nz-date-picker>\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-date-picker-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-date-picker-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:1;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-date-picker-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-date-picker-wrapper .full-width{width:100%}\n"] }]
         }], propDecorators: { dateFormat: [{
                 type: Input
             }], label: [{
@@ -2627,11 +2627,11 @@ class ExtendInputNumber {
         return '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendInputNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendInputNumber, isStandalone: true, selector: "extend-input-number", inputs: { label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", floatingLabel: "floatingLabel", hiddenUpDown: "hiddenUpDown", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", disabled: "disabled", required: "required", noBottom: "noBottom", size: "size", min: "min", max: "max", precision: "precision", inputWidth: "inputWidth", inputHeight: "inputHeight", borderBottomOnly: "borderBottomOnly", displayInline: "displayInline", isSubmited: "isSubmited", separatorType: "separatorType", formData: "formData", controlName: "controlName", _ngModel: "_ngModel" }, outputs: { _ngModelChange: "_ngModelChange" }, viewQueries: [{ propertyName: "inputnumber", first: true, predicate: ["inputnumber"], descendants: true }, { propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div\n  class=\"extend-input-number-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '', hiddenUpDown ? 'hidden-up-down' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-number\n            #inputnumber\n            class=\"full-width\"\n            [nzSize]=\"size\"\n            [nzFormatter]=\"formatterNumber\"\n            [nzParser]=\"parserNumber\"\n            [nzPrecision]=\"precision\"\n            [formControlName]=\"controlName\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          @if (min != null && max != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMin]=\"min\"\n              [nzMax]=\"max\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else if (min != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMin]=\"min\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else if (max != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMax]=\"max\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          }\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      @if (min != null && max != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMin]=\"min\"\n          [nzMax]=\"max\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else if (min != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMin]=\"min\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else if (max != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMax]=\"max\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n            border: borderBottomOnly ? 'none' : '',\n            'border-bottom': borderBottomOnly ? '1px dashed' : '',\n          }\"\n        />\n      }\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-input-number-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-input-number-wrapper.hidden-up-down .ant-input-number-handler-wrap{display:none}::ng-deep .extend-input-number-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-number-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-input-number-wrapper .full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i6.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzOnStep"], exportAs: ["nzInputNumber"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendInputNumber, isStandalone: true, selector: "extend-input-number", inputs: { label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", floatingLabel: "floatingLabel", hiddenUpDown: "hiddenUpDown", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", disabled: "disabled", required: "required", noBottom: "noBottom", size: "size", min: "min", max: "max", precision: "precision", inputWidth: "inputWidth", inputHeight: "inputHeight", borderBottomOnly: "borderBottomOnly", displayInline: "displayInline", isSubmited: "isSubmited", separatorType: "separatorType", formData: "formData", controlName: "controlName", _ngModel: "_ngModel" }, outputs: { _ngModelChange: "_ngModelChange" }, viewQueries: [{ propertyName: "inputnumber", first: true, predicate: ["inputnumber"], descendants: true }, { propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div\n  class=\"extend-input-number-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '', hiddenUpDown ? 'hidden-up-down' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-number\n            #inputnumber\n            class=\"full-width\"\n            [nzSize]=\"size\"\n            [nzFormatter]=\"formatterNumber\"\n            [nzParser]=\"parserNumber\"\n            [nzPrecision]=\"precision\"\n            [formControlName]=\"controlName\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          @if (min != null && max != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMin]=\"min\"\n              [nzMax]=\"max\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else if (min != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMin]=\"min\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else if (max != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMax]=\"max\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          }\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      @if (min != null && max != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMin]=\"min\"\n          [nzMax]=\"max\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else if (min != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMin]=\"min\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else if (max != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMax]=\"max\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n            border: borderBottomOnly ? 'none' : '',\n            'border-bottom': borderBottomOnly ? '1px dashed' : '',\n          }\"\n        />\n      }\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-input-number-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-input-number-wrapper.hidden-up-down .ant-input-number-handler-wrap{display:none}::ng-deep .extend-input-number-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:1;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-number-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-input-number-wrapper .full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i6.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzOnStep"], exportAs: ["nzInputNumber"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendInputNumber, decorators: [{
             type: Component,
-            args: [{ selector: 'extend-input-number', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzInputNumberModule], template: "<div\n  class=\"extend-input-number-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '', hiddenUpDown ? 'hidden-up-down' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-number\n            #inputnumber\n            class=\"full-width\"\n            [nzSize]=\"size\"\n            [nzFormatter]=\"formatterNumber\"\n            [nzParser]=\"parserNumber\"\n            [nzPrecision]=\"precision\"\n            [formControlName]=\"controlName\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          @if (min != null && max != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMin]=\"min\"\n              [nzMax]=\"max\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else if (min != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMin]=\"min\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else if (max != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMax]=\"max\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          }\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      @if (min != null && max != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMin]=\"min\"\n          [nzMax]=\"max\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else if (min != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMin]=\"min\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else if (max != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMax]=\"max\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n            border: borderBottomOnly ? 'none' : '',\n            'border-bottom': borderBottomOnly ? '1px dashed' : '',\n          }\"\n        />\n      }\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-input-number-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-input-number-wrapper.hidden-up-down .ant-input-number-handler-wrap{display:none}::ng-deep .extend-input-number-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-number-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-input-number-wrapper .full-width{width:100%}\n"] }]
+            args: [{ selector: 'extend-input-number', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzInputNumberModule], template: "<div\n  class=\"extend-input-number-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '', hiddenUpDown ? 'hidden-up-down' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-number\n            #inputnumber\n            class=\"full-width\"\n            [nzSize]=\"size\"\n            [nzFormatter]=\"formatterNumber\"\n            [nzParser]=\"parserNumber\"\n            [nzPrecision]=\"precision\"\n            [formControlName]=\"controlName\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          @if (min != null && max != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMin]=\"min\"\n              [nzMax]=\"max\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else if (min != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMin]=\"min\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else if (max != null) {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzMax]=\"max\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          } @else {\n            <nz-input-number\n              #inputnumber\n              class=\"full-width\"\n              [nzSize]=\"size\"\n              [nzFormatter]=\"formatterNumber\"\n              [nzParser]=\"parserNumber\"\n              [nzPrecision]=\"precision\"\n              [nzDisabled]=\"disabled\"\n              [ngModel]=\"_ngModel\"\n              (ngModelChange)=\"_onNgModelChange()\"\n            />\n          }\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      @if (min != null && max != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMin]=\"min\"\n          [nzMax]=\"max\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else if (min != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMin]=\"min\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else if (max != null) {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzMax]=\"max\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n        />\n      } @else {\n        <nz-input-number\n          #inputnumber\n          class=\"full-width\"\n          [nzSize]=\"size\"\n          [nzFormatter]=\"formatterNumber\"\n          [nzParser]=\"parserNumber\"\n          [nzPrecision]=\"precision\"\n          [nzDisabled]=\"disabled\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"_onNgModelChange()\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n            border: borderBottomOnly ? 'none' : '',\n            'border-bottom': borderBottomOnly ? '1px dashed' : '',\n          }\"\n        />\n      }\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-input-number-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-input-number-wrapper.hidden-up-down .ant-input-number-handler-wrap{display:none}::ng-deep .extend-input-number-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:1;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-number-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-input-number-wrapper .full-width{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeHolder: [{
@@ -2767,11 +2767,11 @@ class ExtendInput {
         return '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendInput, isStandalone: true, selector: "extend-input", inputs: { label: "label", floatingLabel: "floatingLabel", placeHolder: "placeHolder", labelAlign: "labelAlign", inputClass: "inputClass", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", allowClear: "allowClear", disabled: "disabled", readOnly: "readOnly", required: "required", noBottom: "noBottom", selectModeType: "selectModeType", autocomplete: "autocomplete", autofocus: "autofocus", inputWidth: "inputWidth", inputHeight: "inputHeight", borderBottomOnly: "borderBottomOnly", displayInline: "displayInline", size: "size", lstItem: "lstItem", displayField: "displayField", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel", isSubmited: "isSubmited" }, outputs: { _ngModelChange: "_ngModelChange", onclickClearIcon: "onclickClearIcon", onenter: "onenter" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"extend-input-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <input\n            #inputElement\n            nz-input\n            [nzSize]=\"size\"\n            [id]=\"controlName\"\n            [name]=\"controlName\"\n            [formControlName]=\"controlName\"\n            [autocomplete]=\"autocomplete\"\n            [placeholder]=\"placeHolder\"\n            [ngClass]=\"inputClass\"\n            (keyup.enter)=\"onenter.emit()\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\n            <input\n              #inputElement\n              nz-input\n              [nzSize]=\"size\"\n              [id]=\"controlName\"\n              [name]=\"controlName\"\n              [(ngModel)]=\"_ngModel\"\n              [autocomplete]=\"autocomplete\"\n              (ngModelChange)=\"_onNgModelChange()\"\n              [disabled]=\"disabled\"\n              [readOnly]=\"readOnly\"\n              [placeholder]=\"placeHolder\"\n              [ngClass]=\"inputClass\"\n              (keyup.enter)=\"onenter.emit()\"\n            />\n          </nz-input-group>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <input\n        #inputElement\n        nz-input\n        [nzSize]=\"size\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [id]=\"controlName\"\n        [name]=\"controlName\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"_onNgModelChange()\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [placeholder]=\"placeHolder\"\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\n        (keyup.enter)=\"onenter.emit()\"\n      />\n    }\n  }\n</div>\n\n<ng-template #clearIcon>\n  <i\n    nz-icon\n    nzType=\"close-circle\"\n    nzTheme=\"twotone\"\n    nzTwotoneColor=\"#999\"\n    *ngIf=\"_ngModel\"\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\n    style=\"cursor: pointer\"\n  ></i>\n</ng-template>\n", styles: ["::ng-deep .extend-input-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-input-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-input-wrapper .full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i6$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendInput, isStandalone: true, selector: "extend-input", inputs: { label: "label", floatingLabel: "floatingLabel", placeHolder: "placeHolder", labelAlign: "labelAlign", inputClass: "inputClass", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", allowClear: "allowClear", disabled: "disabled", readOnly: "readOnly", required: "required", noBottom: "noBottom", selectModeType: "selectModeType", autocomplete: "autocomplete", autofocus: "autofocus", inputWidth: "inputWidth", inputHeight: "inputHeight", borderBottomOnly: "borderBottomOnly", displayInline: "displayInline", size: "size", lstItem: "lstItem", displayField: "displayField", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel", isSubmited: "isSubmited" }, outputs: { _ngModelChange: "_ngModelChange", onclickClearIcon: "onclickClearIcon", onenter: "onenter" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"extend-input-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <input\n            #inputElement\n            nz-input\n            [nzSize]=\"size\"\n            [id]=\"controlName\"\n            [name]=\"controlName\"\n            [formControlName]=\"controlName\"\n            [autocomplete]=\"autocomplete\"\n            [placeholder]=\"placeHolder\"\n            [ngClass]=\"inputClass\"\n            (keyup.enter)=\"onenter.emit()\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\n            <input\n              #inputElement\n              nz-input\n              [nzSize]=\"size\"\n              [id]=\"controlName\"\n              [name]=\"controlName\"\n              [(ngModel)]=\"_ngModel\"\n              [autocomplete]=\"autocomplete\"\n              (ngModelChange)=\"_onNgModelChange()\"\n              [disabled]=\"disabled\"\n              [readOnly]=\"readOnly\"\n              [placeholder]=\"placeHolder\"\n              [ngClass]=\"inputClass\"\n              (keyup.enter)=\"onenter.emit()\"\n            />\n          </nz-input-group>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <input\n        #inputElement\n        nz-input\n        [nzSize]=\"size\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [id]=\"controlName\"\n        [name]=\"controlName\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"_onNgModelChange()\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [placeholder]=\"placeHolder\"\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\n        (keyup.enter)=\"onenter.emit()\"\n      />\n    }\n  }\n</div>\n\n<ng-template #clearIcon>\n  <i\n    nz-icon\n    nzType=\"close-circle\"\n    nzTheme=\"twotone\"\n    nzTwotoneColor=\"#999\"\n    *ngIf=\"_ngModel\"\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\n    style=\"cursor: pointer\"\n  ></i>\n</ng-template>\n", styles: ["::ng-deep .extend-input-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-input-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:1;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-input-wrapper .full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i6$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendInput, decorators: [{
             type: Component,
-            args: [{ selector: 'extend-input', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzInputModule, NzIconModule], template: "<div\n  class=\"extend-input-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <input\n            #inputElement\n            nz-input\n            [nzSize]=\"size\"\n            [id]=\"controlName\"\n            [name]=\"controlName\"\n            [formControlName]=\"controlName\"\n            [autocomplete]=\"autocomplete\"\n            [placeholder]=\"placeHolder\"\n            [ngClass]=\"inputClass\"\n            (keyup.enter)=\"onenter.emit()\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\n            <input\n              #inputElement\n              nz-input\n              [nzSize]=\"size\"\n              [id]=\"controlName\"\n              [name]=\"controlName\"\n              [(ngModel)]=\"_ngModel\"\n              [autocomplete]=\"autocomplete\"\n              (ngModelChange)=\"_onNgModelChange()\"\n              [disabled]=\"disabled\"\n              [readOnly]=\"readOnly\"\n              [placeholder]=\"placeHolder\"\n              [ngClass]=\"inputClass\"\n              (keyup.enter)=\"onenter.emit()\"\n            />\n          </nz-input-group>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <input\n        #inputElement\n        nz-input\n        [nzSize]=\"size\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [id]=\"controlName\"\n        [name]=\"controlName\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"_onNgModelChange()\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [placeholder]=\"placeHolder\"\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\n        (keyup.enter)=\"onenter.emit()\"\n      />\n    }\n  }\n</div>\n\n<ng-template #clearIcon>\n  <i\n    nz-icon\n    nzType=\"close-circle\"\n    nzTheme=\"twotone\"\n    nzTwotoneColor=\"#999\"\n    *ngIf=\"_ngModel\"\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\n    style=\"cursor: pointer\"\n  ></i>\n</ng-template>\n", styles: ["::ng-deep .extend-input-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-input-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-input-wrapper .full-width{width:100%}\n"] }]
+            args: [{ selector: 'extend-input', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzInputModule, NzIconModule], template: "<div\n  class=\"extend-input-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <input\n            #inputElement\n            nz-input\n            [nzSize]=\"size\"\n            [id]=\"controlName\"\n            [name]=\"controlName\"\n            [formControlName]=\"controlName\"\n            [autocomplete]=\"autocomplete\"\n            [placeholder]=\"placeHolder\"\n            [ngClass]=\"inputClass\"\n            (keyup.enter)=\"onenter.emit()\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\n            <input\n              #inputElement\n              nz-input\n              [nzSize]=\"size\"\n              [id]=\"controlName\"\n              [name]=\"controlName\"\n              [(ngModel)]=\"_ngModel\"\n              [autocomplete]=\"autocomplete\"\n              (ngModelChange)=\"_onNgModelChange()\"\n              [disabled]=\"disabled\"\n              [readOnly]=\"readOnly\"\n              [placeholder]=\"placeHolder\"\n              [ngClass]=\"inputClass\"\n              (keyup.enter)=\"onenter.emit()\"\n            />\n          </nz-input-group>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <input\n        #inputElement\n        nz-input\n        [nzSize]=\"size\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [id]=\"controlName\"\n        [name]=\"controlName\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"_onNgModelChange()\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [placeholder]=\"placeHolder\"\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\n        (keyup.enter)=\"onenter.emit()\"\n      />\n    }\n  }\n</div>\n\n<ng-template #clearIcon>\n  <i\n    nz-icon\n    nzType=\"close-circle\"\n    nzTheme=\"twotone\"\n    nzTwotoneColor=\"#999\"\n    *ngIf=\"_ngModel\"\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\n    style=\"cursor: pointer\"\n  ></i>\n</ng-template>\n", styles: ["::ng-deep .extend-input-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-input-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:1;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-input-wrapper .full-width{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], floatingLabel: [{
@@ -2952,11 +2952,11 @@ class ExtendSelectComponent {
         return '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendSelectComponent, isStandalone: true, selector: "extend-select", inputs: { label: "label", floatingLabel: "floatingLabel", placeHolder: "placeHolder", labelAlign: "labelAlign", dropdownMatchSelectWidth: "dropdownMatchSelectWidth", labelSpan: "labelSpan", labelFlex: "labelFlex", disabled: "disabled", required: "required", noBottom: "noBottom", multiple: "multiple", showSelectAll: "showSelectAll", maxTagCount: "maxTagCount", inputWidth: "inputWidth", inputHeight: "inputHeight", borderBottomOnly: "borderBottomOnly", displayInline: "displayInline", size: "size", lstItem: "lstItem", displayField: "displayField", displayFields: "displayFields", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel", isSubmited: "isSubmited" }, outputs: { _ngModelChange: "_ngModelChange", itemChange: "itemChange", onFocus: "onFocus" }, host: { properties: { "style.--custom-select-height": "this.cssHeight" } }, ngImport: i0, template: "<div\n  class=\"extend-select-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (!multiple) {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzValidateStatus]=\"customValidateStatus\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n          [disabled]=\"disabled\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n          }\"\n          [ngClass]=\"{\n            'border-bottom-only': borderBottomOnly,\n            'custom-height-select': inputHeight ? true : false,\n          }\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  } @else {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }} xxx\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzValidateStatus]=\"customValidateStatus\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzMode]=\"'multiple'\"\n          [nzMaxMultipleCount]=\"lstItem.length\"\n          [nzMaxTagCount]=\"maxTagCount\"\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n          [ngModel]=\"_ngModel\"\n          [disabled]=\"disabled\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  }\n</div>\n", styles: ["@charset \"UTF-8\";::ng-deep .extend-select-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-select-wrapper.floating-label nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-select-wrapper.floating-label nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-select-wrapper .full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendSelectComponent, isStandalone: true, selector: "extend-select", inputs: { label: "label", floatingLabel: "floatingLabel", placeHolder: "placeHolder", labelAlign: "labelAlign", dropdownMatchSelectWidth: "dropdownMatchSelectWidth", labelSpan: "labelSpan", labelFlex: "labelFlex", disabled: "disabled", required: "required", noBottom: "noBottom", multiple: "multiple", showSelectAll: "showSelectAll", maxTagCount: "maxTagCount", inputWidth: "inputWidth", inputHeight: "inputHeight", borderBottomOnly: "borderBottomOnly", displayInline: "displayInline", size: "size", lstItem: "lstItem", displayField: "displayField", displayFields: "displayFields", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel", isSubmited: "isSubmited" }, outputs: { _ngModelChange: "_ngModelChange", itemChange: "itemChange", onFocus: "onFocus" }, host: { properties: { "style.--custom-select-height": "this.cssHeight" } }, ngImport: i0, template: "<div\n  class=\"extend-select-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (!multiple) {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzValidateStatus]=\"customValidateStatus\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n          [disabled]=\"disabled\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n          }\"\n          [ngClass]=\"{\n            'border-bottom-only': borderBottomOnly,\n            'custom-height-select': inputHeight ? true : false,\n          }\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  } @else {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }} xxx\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzValidateStatus]=\"customValidateStatus\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzMode]=\"'multiple'\"\n          [nzMaxMultipleCount]=\"lstItem.length\"\n          [nzMaxTagCount]=\"maxTagCount\"\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n          [ngModel]=\"_ngModel\"\n          [disabled]=\"disabled\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  }\n</div>\n", styles: ["@charset \"UTF-8\";::ng-deep .extend-select-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-select-wrapper.floating-label nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:1;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-select-wrapper.floating-label nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-select-wrapper .full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'extend-select', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzSelectModule], template: "<div\n  class=\"extend-select-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (!multiple) {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzValidateStatus]=\"customValidateStatus\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n          [disabled]=\"disabled\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n          }\"\n          [ngClass]=\"{\n            'border-bottom-only': borderBottomOnly,\n            'custom-height-select': inputHeight ? true : false,\n          }\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  } @else {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }} xxx\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzValidateStatus]=\"customValidateStatus\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzMode]=\"'multiple'\"\n          [nzMaxMultipleCount]=\"lstItem.length\"\n          [nzMaxTagCount]=\"maxTagCount\"\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n          [ngModel]=\"_ngModel\"\n          [disabled]=\"disabled\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  }\n</div>\n", styles: ["@charset \"UTF-8\";::ng-deep .extend-select-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-select-wrapper.floating-label nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-select-wrapper.floating-label nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-select-wrapper .full-width{width:100%}\n"] }]
+            args: [{ selector: 'extend-select', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzSelectModule], template: "<div\n  class=\"extend-select-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (!multiple) {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzValidateStatus]=\"customValidateStatus\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n          [disabled]=\"disabled\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n          }\"\n          [ngClass]=\"{\n            'border-bottom-only': borderBottomOnly,\n            'custom-height-select': inputHeight ? true : false,\n          }\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  } @else {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }} xxx\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\n            [nzValidateStatus]=\"customValidateStatus\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzMode]=\"'multiple'\"\n          [nzMaxMultipleCount]=\"lstItem.length\"\n          [nzMaxTagCount]=\"maxTagCount\"\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\n          [ngModel]=\"_ngModel\"\n          [disabled]=\"disabled\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  }\n</div>\n", styles: ["@charset \"UTF-8\";::ng-deep .extend-select-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-select-wrapper.floating-label nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:1;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-select-wrapper.floating-label nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-select-wrapper .full-width{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], floatingLabel: [{
@@ -3070,7 +3070,7 @@ class ExtendTextArea {
         return '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendTextArea, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendTextArea, isStandalone: true, selector: "extend-textarea", inputs: { label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", floatingLabel: "floatingLabel", displayInline: "displayInline", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", disabled: "disabled", required: "required", noBottom: "noBottom", selectModeType: "selectModeType", inputClass: "inputClass", size: "size", isSubmited: "isSubmited", minRows: "minRows", maxRows: "maxRows", lstItem: "lstItem", displayField: "displayField", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel" }, outputs: { _ngModelChange: "_ngModelChange" }, ngImport: i0, template: "<div\n  class=\"extend-textarea-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <textarea\n            nz-input\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n            [formControlName]=\"controlName\"\n            [ngClass]=\"inputClass\"\n            [nzSize]=\"size\"\n          ></textarea>\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <textarea\n            nz-input\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n            [(ngModel)]=\"_ngModel\"\n            (ngModelChange)=\"onChange()\"\n            [disabled]=\"disabled\"\n            [ngClass]=\"inputClass\"\n            [nzSize]=\"size\"\n          ></textarea>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <textarea\n        nz-input\n        [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"onChange()\"\n        [disabled]=\"disabled\"\n        [ngClass]=\"inputClass\"\n        [nzSize]=\"size\"\n      ></textarea>\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-textarea-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-textarea-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-textarea-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-textarea-wrapper .full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i6$1.NzAutosizeDirective, selector: "textarea[nzAutosize]", inputs: ["nzAutosize"], exportAs: ["nzAutosize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendTextArea, isStandalone: true, selector: "extend-textarea", inputs: { label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", floatingLabel: "floatingLabel", displayInline: "displayInline", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", disabled: "disabled", required: "required", noBottom: "noBottom", selectModeType: "selectModeType", inputClass: "inputClass", size: "size", isSubmited: "isSubmited", minRows: "minRows", maxRows: "maxRows", lstItem: "lstItem", displayField: "displayField", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel" }, outputs: { _ngModelChange: "_ngModelChange" }, ngImport: i0, template: "<div\n  class=\"extend-textarea-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <textarea\n            nz-input\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n            [formControlName]=\"controlName\"\n            [ngClass]=\"inputClass\"\n            [nzSize]=\"size\"\n          ></textarea>\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <textarea\n            nz-input\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n            [(ngModel)]=\"_ngModel\"\n            (ngModelChange)=\"onChange()\"\n            [disabled]=\"disabled\"\n            [ngClass]=\"inputClass\"\n            [nzSize]=\"size\"\n          ></textarea>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <textarea\n        nz-input\n        [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"onChange()\"\n        [disabled]=\"disabled\"\n        [ngClass]=\"inputClass\"\n        [nzSize]=\"size\"\n      ></textarea>\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-textarea-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-textarea-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:1;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-textarea-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-textarea-wrapper .full-width{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i6$1.NzAutosizeDirective, selector: "textarea[nzAutosize]", inputs: ["nzAutosize"], exportAs: ["nzAutosize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendTextArea, decorators: [{
             type: Component,
@@ -3082,7 +3082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         NzDatePickerModule,
                         TranslateModule,
                         NzInputModule,
-                    ], template: "<div\n  class=\"extend-textarea-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <textarea\n            nz-input\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n            [formControlName]=\"controlName\"\n            [ngClass]=\"inputClass\"\n            [nzSize]=\"size\"\n          ></textarea>\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <textarea\n            nz-input\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n            [(ngModel)]=\"_ngModel\"\n            (ngModelChange)=\"onChange()\"\n            [disabled]=\"disabled\"\n            [ngClass]=\"inputClass\"\n            [nzSize]=\"size\"\n          ></textarea>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <textarea\n        nz-input\n        [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"onChange()\"\n        [disabled]=\"disabled\"\n        [ngClass]=\"inputClass\"\n        [nzSize]=\"size\"\n      ></textarea>\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-textarea-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-textarea-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-textarea-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-textarea-wrapper .full-width{width:100%}\n"] }]
+                    ], template: "<div\n  class=\"extend-textarea-wrapper\"\n  [ngClass]=\"[floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <textarea\n            nz-input\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n            [formControlName]=\"controlName\"\n            [ngClass]=\"inputClass\"\n            [nzSize]=\"size\"\n          ></textarea>\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\n          [nzFlex]=\"labelFlex\"\n          [nzLabelAlign]=\"labelAlign\"\n          [nzRequired]=\"required\"\n          [nzFor]=\"controlName\"\n          nzNoColon\n          nzLabelWrap\n        >\n          {{ label }}\n        </nz-form-label>\n        <nz-form-control\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <textarea\n            nz-input\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n            [(ngModel)]=\"_ngModel\"\n            (ngModelChange)=\"onChange()\"\n            [disabled]=\"disabled\"\n            [ngClass]=\"inputClass\"\n            [nzSize]=\"size\"\n          ></textarea>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <textarea\n        nz-input\n        [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"onChange()\"\n        [disabled]=\"disabled\"\n        [ngClass]=\"inputClass\"\n        [nzSize]=\"size\"\n      ></textarea>\n    }\n  }\n</div>\n", styles: ["::ng-deep .extend-textarea-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-textarea-wrapper nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:1;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-textarea-wrapper nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-textarea-wrapper .full-width{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeHolder: [{