@brggroup/share-lib 0.1.38 → 0.1.39

package/fesm2022/brggroup-share-lib.mjs

@@ -1225,8 +1225,13 @@ class BaseComponent {
             this.location.back();
         }
     }
-    goto(url) {
-        if (url) {
+    goto(url, isNewTab = false) {
+        if (!url)
+            return;
+        if (isNewTab) {
+            window.open(url, '_blank');
+        }
+        else {
             if (url.startsWith('/')) {
                 this.router.navigateByUrl(url);
             }
@@ -2332,7 +2337,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: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"] }] });
+    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:#969696;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%}.extend-date-picker-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label,.extend-date-picker-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label,.extend-date-picker-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label{background:linear-gradient(to bottom,#fff 75%,#f5f5f5 50%)}.extend-date-picker-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label label,.extend-date-picker-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label label,.extend-date-picker-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label label{color:#bfbfbf}\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 +2349,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: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"] }]
+                    ], 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:#969696;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%}.extend-date-picker-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label,.extend-date-picker-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label,.extend-date-picker-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label{background:linear-gradient(to bottom,#fff 75%,#f5f5f5 50%)}.extend-date-picker-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label label,.extend-date-picker-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label label,.extend-date-picker-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label label{color:#bfbfbf}\n"] }]
         }], propDecorators: { dateFormat: [{
                 type: Input
             }], label: [{
@@ -2627,11 +2632,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: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"] }] });
+    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:#969696;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%}.extend-input-number-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label,.extend-input-number-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label,.extend-input-number-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label{background:linear-gradient(to bottom,#fff 75%,#f5f5f5 50%)}.extend-input-number-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label label,.extend-input-number-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label label,.extend-input-number-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label label{color:#bfbfbf}\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: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"] }]
+            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:#969696;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%}.extend-input-number-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label,.extend-input-number-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label,.extend-input-number-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label{background:linear-gradient(to bottom,#fff 75%,#f5f5f5 50%)}.extend-input-number-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label label,.extend-input-number-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label label,.extend-input-number-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label label{color:#bfbfbf}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeHolder: [{
@@ -2767,11 +2772,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: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"] }] });
+    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:2;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-wrapper nz-form-item nz-form-label label{font-size:12px;color:#969696;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-input-wrapper .full-width{width:100%}.extend-input-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label,.extend-input-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label,.extend-input-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label{background:linear-gradient(to bottom,#fff 75%,#f5f5f5 50%)}.extend-input-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label label,.extend-input-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label label,.extend-input-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label label{color:#bfbfbf}\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: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"] }]
+            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:2;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-wrapper nz-form-item nz-form-label label{font-size:12px;color:#969696;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-input-wrapper .full-width{width:100%}.extend-input-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label,.extend-input-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label,.extend-input-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label{background:linear-gradient(to bottom,#fff 75%,#f5f5f5 50%)}.extend-input-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label label,.extend-input-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label label,.extend-input-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label label{color:#bfbfbf}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], floatingLabel: [{
@@ -2952,11 +2957,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: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"] }] });
+    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 && label ? '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:#969696;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-select-wrapper .full-width{width:100%}.extend-select-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label,.extend-select-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label,.extend-select-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label{background:linear-gradient(to bottom,#fff 75%,#f5f5f5 50%)}.extend-select-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label label,.extend-select-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label label,.extend-select-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label label{color:#bfbfbf}\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: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"] }]
+            args: [{ selector: 'extend-select', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzSelectModule], template: "<div\n  class=\"extend-select-wrapper\"\n  [ngClass]=\"[floatingLabel && label ? '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:#969696;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-select-wrapper .full-width{width:100%}.extend-select-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label,.extend-select-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label,.extend-select-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label{background:linear-gradient(to bottom,#fff 75%,#f5f5f5 50%)}.extend-select-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label label,.extend-select-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label label,.extend-select-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label label{color:#bfbfbf}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], floatingLabel: [{
@@ -3070,7 +3075,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: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"] }] });
+    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:#969696;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-textarea-wrapper .full-width{width:100%}.extend-textarea-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label,.extend-textarea-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label,.extend-textarea-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label{background:linear-gradient(to bottom,#fff 75%,#f5f5f5 50%)}.extend-textarea-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label label,.extend-textarea-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label label,.extend-textarea-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label label{color:#bfbfbf}\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 +3087,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: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"] }]
+                    ], 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:#969696;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}::ng-deep .extend-textarea-wrapper .full-width{width:100%}.extend-textarea-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label,.extend-textarea-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label,.extend-textarea-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label{background:linear-gradient(to bottom,#fff 75%,#f5f5f5 50%)}.extend-textarea-wrapper.floating-label nz-form-item:has(.ant-select-disabled) nz-form-label label,.extend-textarea-wrapper.floating-label nz-form-item:has(input[disabled]) nz-form-label label,.extend-textarea-wrapper.floating-label nz-form-item:has(.ant-input-disabled) nz-form-label label{color:#bfbfbf}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeHolder: [{
@@ -3140,7 +3145,7 @@ class HighlightPipe {
             return value;
         const pattern = search.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
         const regex = new RegExp(pattern, 'gi');
-        return value.replace(regex, (match) => `<span class="highlight">${match}</span>`);
+        return value.toString().replace(regex, (match) => `<span class="highlight">${match}</span>`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: HighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: HighlightPipe, isStandalone: true, name: "highlight" });
@@ -3308,6 +3313,7 @@ class TableHeader {
     ShowSort = false;
     SortOrder = 'ascend';
     DomainCode = '';
+    MaxLines = null;
 }
 class CheckModel {
     ConfirmMessage = '';
@@ -3336,6 +3342,52 @@ class App_Org {
     LstUserId;
 }
 
+class ReadMoreProComponent {
+    text = '';
+    lines = 2;
+    content;
+    expanded = false;
+    overflow = false;
+    maxHeight = '0px';
+    ro;
+    ngAfterViewInit() {
+        this.calculateHeight();
+        this.ro = new ResizeObserver(() => {
+            this.calculateHeight();
+        });
+        this.ro.observe(this.content.nativeElement);
+    }
+    ngOnDestroy() {
+        this.ro?.disconnect();
+    }
+    toggle() {
+        this.expanded = !this.expanded;
+        this.calculateHeight();
+    }
+    calculateHeight() {
+        const el = this.content.nativeElement;
+        const style = getComputedStyle(el);
+        const lineHeight = parseFloat(style.lineHeight);
+        const collapsedHeight = lineHeight * this.lines;
+        const fullHeight = el.scrollHeight;
+        this.overflow = fullHeight > collapsedHeight + 2;
+        this.maxHeight = this.expanded ? fullHeight + 'px' : collapsedHeight + 'px';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ReadMoreProComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ReadMoreProComponent, isStandalone: true, selector: "read-more", inputs: { text: "text", lines: "lines" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div class=\"wrapper\">\n  <div\n    #content\n    class=\"content\"\n    [class.clamp]=\"!expanded && overflow\"\n    [style.-webkit-line-clamp]=\"!expanded && overflow ? lines : 'none'\"\n    [style.maxHeight]=\"maxHeight\"\n    [innerHTML]=\"text\"\n  ></div>\n\n  @if (overflow) {\n    <div class=\"toggle-container\" [class.expanded]=\"expanded\">\n      <span class=\"toggle text-italic\" (click)=\"toggle()\">\n        {{ expanded ? \"Thu g\u1ECDn\" : \"Xem th\u00EAm\" }}\n        <nz-icon [nzType]=\"expanded ? 'up' : 'down'\" nzTheme=\"outline\" />\n      </span>\n    </div>\n  }\n</div>\n", styles: [".wrapper{position:relative;width:100%}.content{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);white-space:pre-line}.clamp{display:-webkit-box;-webkit-box-orient:vertical}.toggle-container{text-align:right}.toggle{color:#1677ffa9;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:4px;font-size:.85em}.toggle:hover{text-decoration:underline}\n"], dependencies: [{ 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: ReadMoreProComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'read-more', imports: [NzIconModule], template: "<div class=\"wrapper\">\n  <div\n    #content\n    class=\"content\"\n    [class.clamp]=\"!expanded && overflow\"\n    [style.-webkit-line-clamp]=\"!expanded && overflow ? lines : 'none'\"\n    [style.maxHeight]=\"maxHeight\"\n    [innerHTML]=\"text\"\n  ></div>\n\n  @if (overflow) {\n    <div class=\"toggle-container\" [class.expanded]=\"expanded\">\n      <span class=\"toggle text-italic\" (click)=\"toggle()\">\n        {{ expanded ? \"Thu g\u1ECDn\" : \"Xem th\u00EAm\" }}\n        <nz-icon [nzType]=\"expanded ? 'up' : 'down'\" nzTheme=\"outline\" />\n      </span>\n    </div>\n  }\n</div>\n", styles: [".wrapper{position:relative;width:100%}.content{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);white-space:pre-line}.clamp{display:-webkit-box;-webkit-box-orient:vertical}.toggle-container{text-align:right}.toggle{color:#1677ffa9;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:4px;font-size:.85em}.toggle:hover{text-decoration:underline}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], lines: [{
+                type: Input
+            }], content: [{
+                type: ViewChild,
+                args: ['content']
+            }] } });
+
 class ExtendTableComponent extends BaseComponent {
     data = new PagingData();
     filter = new GridFilter();
@@ -3368,11 +3420,20 @@ class ExtendTableComponent extends BaseComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendTableComponent, isStandalone: true, selector: "extend-table", inputs: { data: "data", filter: "filter", isLoading: "isLoading", idKey: "idKey", detailKey: "detailKey", actionTemplate: "actionTemplate" }, outputs: { filterChange: "filterChange", ondblclickrow: "ondblclickrow" }, usesInheritance: true, ngImport: i0, template: "<nz-table\n  class=\"extend-table\"\n  [nzData]=\"data.LstItem || []\"\n  [nzBordered]=\"true\"\n  [nzSize]=\"'small'\"\n  [nzLoading]=\"isLoading\"\n  [nzFrontPagination]=\"false\"\n  [nzShowPagination]=\"false\"\n  [nzTotal]=\"data.TotalCount || 0\"\n  [(nzPageIndex)]=\"filter.PageIndex\"\n  [(nzPageSize)]=\"filter.PageSize\"\n  (nzPageIndexChange)=\"onPageIndexChange($event)\"\n  (nzPageSizeChange)=\"onPageSizeChange($event)\"\n>\n  <thead>\n    <tr>\n      @for (item of data.LstHeader; track $index) {\n        <th\n          [nzWidth]=\"item.Width\"\n          [nzShowSort]=\"item.ShowSort\"\n          [nzSortOrder]=\"item.SortOrder\"\n          (nzSortOrderChange)=\"onSortChange(item.Code, $event)\"\n        >\n          {{ item.Name }}\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (row of data.LstItem; track $index; let i = $index) {\n      <tr tabindex=\"0\" class=\"selectable-row\" (dblclick)=\"_ondblclickrow(row)\">\n        @for (col of data.LstHeader; track $index) {\n          @if (col.Code === \"NO\") {\n            <td [class]=\"col.Class\">\n              {{ i + 1 + filter.PageIndex * filter.PageSize }}\n            </td>\n          } @else if (col.Code === \"ACTION\") {\n            <td [class]=\"col.Class\">\n              @if (actionTemplate) {\n                <ng-container *ngTemplateOutlet=\"actionTemplate; context: { $implicit: row, index: i }\"> </ng-container>\n              }\n            </td>\n          } @else if (col.Type === \"CHECKBOX\") {\n            <td [class]=\"col.Class\">\n              @if (row[col.Code]) {\n                <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\n              }\n              <!-- @else {\n                <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\n              } -->\n            </td>\n          } @else if (col.Code == detailKey) {\n            <td [class]=\"col.Class\">\n              <span\n                class=\"link-detail\"\n                (click)=\"goto(row[idKey])\"\n                [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"\n              ></span>\n            </td>\n          } @else {\n            @if (col.DomainCode) {\n              <td\n                [class]=\"col.Class\"\n                [innerHTML]=\"row[col.Code] | dicDomain: col.DomainCode | async | highlight: filter.Keyword || ''\"\n              ></td>\n            } @else {\n              <td [class]=\"col.Class\" [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"></td>\n            }\n          }\n        }\n      </tr>\n    }\n  </tbody>\n</nz-table>\n", styles: ["@charset \"UTF-8\";.extend-table .ant-table-tbody>tr:nth-child(odd)>td{background-color:#fff}.extend-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#f6f6f6}.extend-table .selectable-row:hover td{background-color:#bae8fd!important}.extend-table .selectable-row:focus td{background-color:#bae8fd!important}.extend-table .link-detail{color:var(--primary-color);cursor:pointer}.extend-table .link-detail:hover{text-decoration:underline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i2$2.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i2$2.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i2$2.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i2$2.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i2$2.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i2$2.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i2$2.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i4$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: DicDomainPipe, name: "dicDomain" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendTableComponent, isStandalone: true, selector: "extend-table", inputs: { data: "data", filter: "filter", isLoading: "isLoading", idKey: "idKey", detailKey: "detailKey", actionTemplate: "actionTemplate" }, outputs: { filterChange: "filterChange", ondblclickrow: "ondblclickrow" }, usesInheritance: true, ngImport: i0, template: "<nz-table\n  class=\"extend-table\"\n  [nzData]=\"data.LstItem || []\"\n  [nzBordered]=\"true\"\n  [nzSize]=\"'small'\"\n  [nzLoading]=\"isLoading\"\n  [nzFrontPagination]=\"false\"\n  [nzShowPagination]=\"false\"\n  [nzTotal]=\"data.TotalCount || 0\"\n  [(nzPageIndex)]=\"filter.PageIndex\"\n  [(nzPageSize)]=\"filter.PageSize\"\n  (nzPageIndexChange)=\"onPageIndexChange($event)\"\n  (nzPageSizeChange)=\"onPageSizeChange($event)\"\n>\n  <thead>\n    <tr>\n      @for (item of data.LstHeader; track $index) {\n        <th\n          [nzWidth]=\"item.Width\"\n          [nzShowSort]=\"item.ShowSort\"\n          [nzSortOrder]=\"item.SortOrder\"\n          (nzSortOrderChange)=\"onSortChange(item.Code, $event)\"\n        >\n          {{ item.Name }}\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (row of data.LstItem; track $index; let i = $index) {\n      <tr tabindex=\"0\" class=\"selectable-row\" (dblclick)=\"_ondblclickrow(row)\">\n        @for (col of data.LstHeader; track $index) {\n          @if (col.Code === \"NO\") {\n            <td [class]=\"col.Class\">\n              {{ i + 1 + filter.PageIndex * filter.PageSize }}\n            </td>\n          } @else if (col.Code === \"ACTION\") {\n            <td [class]=\"col.Class\">\n              @if (actionTemplate) {\n                <ng-container *ngTemplateOutlet=\"actionTemplate; context: { $implicit: row, index: i }\"> </ng-container>\n              }\n            </td>\n          } @else if (col.Type === \"CHECKBOX\") {\n            <td [class]=\"col.Class\">\n              @if (row[col.Code]) {\n                <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\n              }\n              <!-- @else {\n                <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\n              } -->\n            </td>\n          } @else if (col.Code == detailKey) {\n            <td [class]=\"col.Class\">\n              <span\n                class=\"link-detail\"\n                (click)=\"goto(row[idKey])\"\n                [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"\n              ></span>\n            </td>\n          } @else {\n            @if (col.DomainCode) {\n              <td\n                [class]=\"col.Class\"\n                [innerHTML]=\"row[col.Code] | dicDomain: col.DomainCode | async | highlight: filter.Keyword || ''\"\n              ></td>\n            } @else if (col.MaxLines) {\n              <td>\n                <read-more [text]=\"row[col.Code]\" [lines]=\"col.MaxLines\"></read-more>\n              </td>\n            } @else {\n              <td [class]=\"col.Class\" [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"></td>\n            }\n          }\n        }\n      </tr>\n    }\n  </tbody>\n</nz-table>\n", styles: ["@charset \"UTF-8\";.extend-table .ant-table-tbody>tr:nth-child(odd)>td{background-color:#fff}.extend-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#f6f6f6}.extend-table .selectable-row:hover td{background-color:#bae8fd!important}.extend-table .selectable-row:focus td{background-color:#bae8fd!important}.extend-table .link-detail{color:var(--primary-color);cursor:pointer}.extend-table .link-detail:hover{text-decoration:underline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i2$2.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i2$2.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i2$2.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i2$2.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i2$2.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i2$2.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i2$2.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i4$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: DicDomainPipe, name: "dicDomain" }, { kind: "component", type: ReadMoreProComponent, selector: "read-more", inputs: ["text", "lines"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'extend-table', imports: [CommonModule, NzTableModule, NzIconModule, NzButtonModule, NgTemplateOutlet, HighlightPipe, DicDomainPipe], template: "<nz-table\n  class=\"extend-table\"\n  [nzData]=\"data.LstItem || []\"\n  [nzBordered]=\"true\"\n  [nzSize]=\"'small'\"\n  [nzLoading]=\"isLoading\"\n  [nzFrontPagination]=\"false\"\n  [nzShowPagination]=\"false\"\n  [nzTotal]=\"data.TotalCount || 0\"\n  [(nzPageIndex)]=\"filter.PageIndex\"\n  [(nzPageSize)]=\"filter.PageSize\"\n  (nzPageIndexChange)=\"onPageIndexChange($event)\"\n  (nzPageSizeChange)=\"onPageSizeChange($event)\"\n>\n  <thead>\n    <tr>\n      @for (item of data.LstHeader; track $index) {\n        <th\n          [nzWidth]=\"item.Width\"\n          [nzShowSort]=\"item.ShowSort\"\n          [nzSortOrder]=\"item.SortOrder\"\n          (nzSortOrderChange)=\"onSortChange(item.Code, $event)\"\n        >\n          {{ item.Name }}\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (row of data.LstItem; track $index; let i = $index) {\n      <tr tabindex=\"0\" class=\"selectable-row\" (dblclick)=\"_ondblclickrow(row)\">\n        @for (col of data.LstHeader; track $index) {\n          @if (col.Code === \"NO\") {\n            <td [class]=\"col.Class\">\n              {{ i + 1 + filter.PageIndex * filter.PageSize }}\n            </td>\n          } @else if (col.Code === \"ACTION\") {\n            <td [class]=\"col.Class\">\n              @if (actionTemplate) {\n                <ng-container *ngTemplateOutlet=\"actionTemplate; context: { $implicit: row, index: i }\"> </ng-container>\n              }\n            </td>\n          } @else if (col.Type === \"CHECKBOX\") {\n            <td [class]=\"col.Class\">\n              @if (row[col.Code]) {\n                <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\n              }\n              <!-- @else {\n                <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\n              } -->\n            </td>\n          } @else if (col.Code == detailKey) {\n            <td [class]=\"col.Class\">\n              <span\n                class=\"link-detail\"\n                (click)=\"goto(row[idKey])\"\n                [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"\n              ></span>\n            </td>\n          } @else {\n            @if (col.DomainCode) {\n              <td\n                [class]=\"col.Class\"\n                [innerHTML]=\"row[col.Code] | dicDomain: col.DomainCode | async | highlight: filter.Keyword || ''\"\n              ></td>\n            } @else {\n              <td [class]=\"col.Class\" [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"></td>\n            }\n          }\n        }\n      </tr>\n    }\n  </tbody>\n</nz-table>\n", styles: ["@charset \"UTF-8\";.extend-table .ant-table-tbody>tr:nth-child(odd)>td{background-color:#fff}.extend-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#f6f6f6}.extend-table .selectable-row:hover td{background-color:#bae8fd!important}.extend-table .selectable-row:focus td{background-color:#bae8fd!important}.extend-table .link-detail{color:var(--primary-color);cursor:pointer}.extend-table .link-detail:hover{text-decoration:underline}\n"] }]
+            args: [{ selector: 'extend-table', imports: [
+                        CommonModule,
+                        NzTableModule,
+                        NzIconModule,
+                        NzButtonModule,
+                        NgTemplateOutlet,
+                        HighlightPipe,
+                        DicDomainPipe,
+                        ReadMoreProComponent,
+                    ], template: "<nz-table\n  class=\"extend-table\"\n  [nzData]=\"data.LstItem || []\"\n  [nzBordered]=\"true\"\n  [nzSize]=\"'small'\"\n  [nzLoading]=\"isLoading\"\n  [nzFrontPagination]=\"false\"\n  [nzShowPagination]=\"false\"\n  [nzTotal]=\"data.TotalCount || 0\"\n  [(nzPageIndex)]=\"filter.PageIndex\"\n  [(nzPageSize)]=\"filter.PageSize\"\n  (nzPageIndexChange)=\"onPageIndexChange($event)\"\n  (nzPageSizeChange)=\"onPageSizeChange($event)\"\n>\n  <thead>\n    <tr>\n      @for (item of data.LstHeader; track $index) {\n        <th\n          [nzWidth]=\"item.Width\"\n          [nzShowSort]=\"item.ShowSort\"\n          [nzSortOrder]=\"item.SortOrder\"\n          (nzSortOrderChange)=\"onSortChange(item.Code, $event)\"\n        >\n          {{ item.Name }}\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (row of data.LstItem; track $index; let i = $index) {\n      <tr tabindex=\"0\" class=\"selectable-row\" (dblclick)=\"_ondblclickrow(row)\">\n        @for (col of data.LstHeader; track $index) {\n          @if (col.Code === \"NO\") {\n            <td [class]=\"col.Class\">\n              {{ i + 1 + filter.PageIndex * filter.PageSize }}\n            </td>\n          } @else if (col.Code === \"ACTION\") {\n            <td [class]=\"col.Class\">\n              @if (actionTemplate) {\n                <ng-container *ngTemplateOutlet=\"actionTemplate; context: { $implicit: row, index: i }\"> </ng-container>\n              }\n            </td>\n          } @else if (col.Type === \"CHECKBOX\") {\n            <td [class]=\"col.Class\">\n              @if (row[col.Code]) {\n                <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\n              }\n              <!-- @else {\n                <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\n              } -->\n            </td>\n          } @else if (col.Code == detailKey) {\n            <td [class]=\"col.Class\">\n              <span\n                class=\"link-detail\"\n                (click)=\"goto(row[idKey])\"\n                [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"\n              ></span>\n            </td>\n          } @else {\n            @if (col.DomainCode) {\n              <td\n                [class]=\"col.Class\"\n                [innerHTML]=\"row[col.Code] | dicDomain: col.DomainCode | async | highlight: filter.Keyword || ''\"\n              ></td>\n            } @else if (col.MaxLines) {\n              <td>\n                <read-more [text]=\"row[col.Code]\" [lines]=\"col.MaxLines\"></read-more>\n              </td>\n            } @else {\n              <td [class]=\"col.Class\" [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"></td>\n            }\n          }\n        }\n      </tr>\n    }\n  </tbody>\n</nz-table>\n", styles: ["@charset \"UTF-8\";.extend-table .ant-table-tbody>tr:nth-child(odd)>td{background-color:#fff}.extend-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#f6f6f6}.extend-table .selectable-row:hover td{background-color:#bae8fd!important}.extend-table .selectable-row:focus td{background-color:#bae8fd!important}.extend-table .link-detail{color:var(--primary-color);cursor:pointer}.extend-table .link-detail:hover{text-decoration:underline}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], filter: [{
@@ -6061,6 +6122,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 args: ['inputElement', { static: false }]
             }] } });
 
+class ExpandableSearchComponent {
+    searchInputRef;
+    isExpanded = false;
+    searchValue = null;
+    searchValueChange = new EventEmitter();
+    // Biến lưu trữ bộ đếm thời gian để có thể hủy nó khi cần
+    blurTimeout;
+    toggleSearch() {
+        // Hủy ngay lệnh tự động đóng (nếu có) để tránh xung đột
+        if (this.blurTimeout) {
+            clearTimeout(this.blurTimeout);
+        }
+        if (!this.isExpanded) {
+            this.isExpanded = true;
+            setTimeout(() => this.searchInputRef.nativeElement.focus(), 150);
+        }
+        else if (!this.searchValue) {
+            this.isExpanded = false;
+        }
+        else {
+            this.performSearch();
+        }
+    }
+    clearSearch(event) {
+        event.stopPropagation();
+        this.searchValue = '';
+        this.searchInputRef.nativeElement.focus();
+        this.performSearch();
+    }
+    // Bắt thêm sự kiện focus: Khi người dùng nhấp lại vào input thì không được đóng nó
+    onFocus() {
+        if (this.blurTimeout) {
+            clearTimeout(this.blurTimeout);
+        }
+    }
+    onBlur() {
+        // Lưu lại bộ đếm để kiểm soát
+        this.blurTimeout = setTimeout(() => {
+            if (!this.searchValue?.trim()) {
+                this.isExpanded = false;
+            }
+        }, 200); // Mình tăng lên 200ms để hoạt động an toàn hơn
+    }
+    performSearch() {
+        this.searchValueChange.emit(this.searchValue);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExpandableSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: ExpandableSearchComponent, isStandalone: true, selector: "expandable-search", inputs: { searchValue: "searchValue" }, outputs: { searchValueChange: "searchValueChange" }, viewQueries: [{ propertyName: "searchInputRef", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div class=\"nz-search-wrapper\" [class.expanded]=\"isExpanded\">\n  <input\n    #searchInput\n    type=\"text\"\n    class=\"custom-search-input\"\n    [(ngModel)]=\"searchValue\"\n    placeholder=\"Nh\u1EADp \u0111i\u1EC1u ki\u1EC7n t\u00ECm ki\u1EBFm...\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    (keyup.enter)=\"performSearch()\"\n  />\n\n  <span class=\"suffix-wrap\" (mousedown)=\"$event.preventDefault()\" (click)=\"toggleSearch()\">\n    <i\n      nz-icon\n      nzType=\"close-circle\"\n      nzTheme=\"fill\"\n      class=\"suffix-icon delete\"\n      [class.show]=\"isExpanded && searchValue\"\n      (click)=\"clearSearch($event)\"\n    ></i>\n\n    <i\n      nz-icon\n      nzType=\"search\"\n      nzTheme=\"outline\"\n      class=\"suffix-icon search\"\n      [class.show]=\"!isExpanded || !searchValue\"\n    ></i>\n  </span>\n</div>\n", styles: ["@charset \"UTF-8\";.nz-search-wrapper{position:relative;display:inline-flex;align-items:center;height:32px;width:32px;background-color:transparent;border:1px solid transparent;border-radius:6px;transition:all .3s cubic-bezier(.645,.045,.355,1);overflow:hidden}.nz-search-wrapper:hover:not(.expanded){background-color:#0000000a;cursor:pointer}.nz-search-wrapper.expanded{width:250px;background-color:#fff;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.nz-search-wrapper.expanded .custom-search-input{width:100%;padding:4px 32px 4px 11px;opacity:1}.custom-search-input{width:0;opacity:0;border:none;outline:none;background:transparent;padding:0;font-size:14px;color:#000000d9;transition:all .3s cubic-bezier(.645,.045,.355,1)}.custom-search-input::placeholder{color:#bfbfbf}.suffix-wrap{position:absolute;right:0;top:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.suffix-icon{position:absolute;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;pointer-events:none;transition:opacity .2s ease}.suffix-icon.show{opacity:1;pointer-events:auto}.search{color:var(--primary-color)}.delete{color:#bfbfbf}.delete:hover{color:#ff4d4f}.delete.show{animation:popIn .18s ease}@keyframes popIn{0%{transform:scale(.5)}70%{transform:scale(1.15)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: ExpandableSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'expandable-search', imports: [CommonModule, FormsModule, NzIconModule], template: "<div class=\"nz-search-wrapper\" [class.expanded]=\"isExpanded\">\n  <input\n    #searchInput\n    type=\"text\"\n    class=\"custom-search-input\"\n    [(ngModel)]=\"searchValue\"\n    placeholder=\"Nh\u1EADp \u0111i\u1EC1u ki\u1EC7n t\u00ECm ki\u1EBFm...\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    (keyup.enter)=\"performSearch()\"\n  />\n\n  <span class=\"suffix-wrap\" (mousedown)=\"$event.preventDefault()\" (click)=\"toggleSearch()\">\n    <i\n      nz-icon\n      nzType=\"close-circle\"\n      nzTheme=\"fill\"\n      class=\"suffix-icon delete\"\n      [class.show]=\"isExpanded && searchValue\"\n      (click)=\"clearSearch($event)\"\n    ></i>\n\n    <i\n      nz-icon\n      nzType=\"search\"\n      nzTheme=\"outline\"\n      class=\"suffix-icon search\"\n      [class.show]=\"!isExpanded || !searchValue\"\n    ></i>\n  </span>\n</div>\n", styles: ["@charset \"UTF-8\";.nz-search-wrapper{position:relative;display:inline-flex;align-items:center;height:32px;width:32px;background-color:transparent;border:1px solid transparent;border-radius:6px;transition:all .3s cubic-bezier(.645,.045,.355,1);overflow:hidden}.nz-search-wrapper:hover:not(.expanded){background-color:#0000000a;cursor:pointer}.nz-search-wrapper.expanded{width:250px;background-color:#fff;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.nz-search-wrapper.expanded .custom-search-input{width:100%;padding:4px 32px 4px 11px;opacity:1}.custom-search-input{width:0;opacity:0;border:none;outline:none;background:transparent;padding:0;font-size:14px;color:#000000d9;transition:all .3s cubic-bezier(.645,.045,.355,1)}.custom-search-input::placeholder{color:#bfbfbf}.suffix-wrap{position:absolute;right:0;top:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.suffix-icon{position:absolute;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;pointer-events:none;transition:opacity .2s ease}.suffix-icon.show{opacity:1;pointer-events:auto}.search{color:var(--primary-color)}.delete{color:#bfbfbf}.delete:hover{color:#ff4d4f}.delete.show{animation:popIn .18s ease}@keyframes popIn{0%{transform:scale(.5)}70%{transform:scale(1.15)}to{transform:scale(1)}}\n"] }]
+        }], propDecorators: { searchInputRef: [{
+                type: ViewChild,
+                args: ['searchInput']
+            }], searchValue: [{
+                type: Input
+            }], searchValueChange: [{
+                type: Output
+            }] } });
+
 class NullIfEmptyDirective {
     el;
     ngControl;
@@ -7550,5 +7672,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionRule, ActionRuleLine, AnimatedDigitComponent, AppGlobals, AppStorage, App_Org, AuthGuard, AuthService, AutoFocusDirective, BarGraphComponent, BaseComponent, BaseGuardChangeComponent, BaseOverlayComponent, Box, Breadcrumb, CheckModel, CommonService, DashcardComponent, DateInputParserDirective, DateTimeHelper, DicDomainPipe, DoughnutGraphComponent, DownloadHelper, ENUM_ResponseType, ExtendCheckbox, ExtendDatePicker, ExtendDateRangePicker, ExtendInput, ExtendInputNumber, ExtendPaginationComponent, ExtendSelectComponent, ExtendTableComponent, ExtendTextArea, GlobalSpinnerComponent, GridFilter, H3Icon, HTTPService, Height, HideIfErrorDirective, HighlightPipe, IconAdd, IconDelete, IconEdit, IconSave, IconSearch, IconView, LayoutComponent, LimitWordsPipe, LineGraphComponent, LoadingService, LoginComponent, NoPermission, NotiService, NullIfEmptyDirective, NumberOnlyDirective, OrderOption, PagingData, PagingModel, PdfViewerComponent, RouteMonitorService, SessionManagerService, TableHeader, ThemeService, TokenStorage, TranslateKey, URLs$4 as URLs, UnsavedChangesGuard, UpperCaseFirsLetterEachWordDirective, UppercaseDirective, UppercaseFirstLetterDirective, VscService, WF_TemplateActionRef, WF_TransitionRule, WF_TransitionRuleLine, Width, Workflow, WorkflowAction, WorkflowActionEditorOption, WorkflowActionRef, WorkflowEditorComponent, WorkflowEditorOption, WorkflowStage, WorkflowStageEditorOption, XLSXHelper, authInterceptor };
+export { ActionRule, ActionRuleLine, AnimatedDigitComponent, AppGlobals, AppStorage, App_Org, AuthGuard, AuthService, AutoFocusDirective, BarGraphComponent, BaseComponent, BaseGuardChangeComponent, BaseOverlayComponent, Box, Breadcrumb, CheckModel, CommonService, DashcardComponent, DateInputParserDirective, DateTimeHelper, DicDomainPipe, DoughnutGraphComponent, DownloadHelper, ENUM_ResponseType, ExpandableSearchComponent, ExtendCheckbox, ExtendDatePicker, ExtendDateRangePicker, ExtendInput, ExtendInputNumber, ExtendPaginationComponent, ExtendSelectComponent, ExtendTableComponent, ExtendTextArea, GlobalSpinnerComponent, GridFilter, H3Icon, HTTPService, Height, HideIfErrorDirective, HighlightPipe, IconAdd, IconDelete, IconEdit, IconSave, IconSearch, IconView, LayoutComponent, LimitWordsPipe, LineGraphComponent, LoadingService, LoginComponent, NoPermission, NotiService, NullIfEmptyDirective, NumberOnlyDirective, OrderOption, PagingData, PagingModel, PdfViewerComponent, ReadMoreProComponent, RouteMonitorService, SessionManagerService, TableHeader, ThemeService, TokenStorage, TranslateKey, URLs$4 as URLs, UnsavedChangesGuard, UpperCaseFirsLetterEachWordDirective, UppercaseDirective, UppercaseFirstLetterDirective, VscService, WF_TemplateActionRef, WF_TransitionRule, WF_TransitionRuleLine, Width, Workflow, WorkflowAction, WorkflowActionEditorOption, WorkflowActionRef, WorkflowEditorComponent, WorkflowEditorOption, WorkflowStage, WorkflowStageEditorOption, XLSXHelper, authInterceptor };
 //# sourceMappingURL=brggroup-share-lib.mjs.map