@brggroup/share-lib 0.1.48 → 0.1.50

package/fesm2022/brggroup-share-lib.mjs

@@ -281,7 +281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
 
 class CustomNotiService {
     notification;
-    static defaultDuration = 2000;
+    static defaultDuration = 3000;
     static defaultPlacement = 'topRight';
     globalTemplate;
     constructor(notification) {
@@ -403,13 +403,7 @@ class NotiService {
     }
     handleError(err) {
         if (err?.status == 0) {
-            // this.notification.error('', this.translate.instant('NO_CONNECT_TO_SERVER'), { nzDuration: 0 });
-            this.modal.error({
-                nzTitle: 'Lỗi phát sinh',
-                nzContent: this.translate.instant('NO_CONNECT_TO_SERVER'),
-                nzWidth: this.modalWidth,
-                nzOkText: 'Đóng',
-            });
+            this.notification.error(this.translate.instant('NO_CONNECT_TO_SERVER'), '', { duration: 0 });
             return;
         }
         let _data = null;
@@ -429,23 +423,11 @@ class NotiService {
                     this.handleError(_data);
                 }
                 catch (e) {
-                    // this.notification.error('', this.translate.instant('UNKNOWN_ERROR'), { nzDuration: 0 });
-                    this.modal.error({
-                        nzTitle: 'Lỗi phát sinh',
-                        nzContent: this.translate.instant('UNKNOWN_ERROR'),
-                        nzWidth: this.modalWidth,
-                        nzOkText: 'Đóng',
-                    });
+                    this.notification.error(this.translate.instant('UNKNOWN_ERROR'), '', { duration: 0 });
                 }
             };
             reader.onerror = () => {
-                // this.notification.error('', this.translate.instant('UNKNOWN_ERROR'), { nzDuration: 0 });
-                this.modal.error({
-                    nzTitle: 'Lỗi phát sinh',
-                    nzContent: this.translate.instant('UNKNOWN_ERROR'),
-                    nzWidth: this.modalWidth,
-                    nzOkText: 'Đóng',
-                });
+                this.notification.error(this.translate.instant('UNKNOWN_ERROR'), '', { duration: 0 });
             };
             reader.readAsText(err.error);
             return;
@@ -481,7 +463,7 @@ class NotiService {
             }
         }
         this.notification.error('Lỗi phát sinh', errorMsg, {
-            showDetail: true,
+            showDetail: !!_data?.Data,
             onDetail: () => {
                 this.modal.error({
                     nzTitle: 'Chi tiết lỗi',
@@ -2555,7 +2537,7 @@ class ExtendDatePicker {
         return '';
     }
     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\r\n  class=\"extend-date-picker-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        @if (label) {\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            [nzFor]=\"controlName\"\r\n            nzNoColon\r\n            nzLabelWrap\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n        }\r\n        <nz-form-control\r\n          [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n          [nzErrorTip]=\"customValidateStatus\"\r\n          [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n        >\r\n          <nz-date-picker\r\n            class=\"full-width\"\r\n            [nzPlaceHolder]=\"placeHolder || ' '\"\r\n            [nzFormat]=\"dateFormat\"\r\n            [nzSize]=\"size\"\r\n            [formControlName]=\"controlName\"\r\n            [nzDisabledDate]=\"disabledDate\"\r\n            [nzShowTime]=\"showTime\"\r\n            [ngStyle]=\"{\r\n              width: inputWidth,\r\n              height: inputHeight,\r\n            }\"\r\n            [ngClass]=\"{\r\n              'border-bottom-only': borderBottomOnly,\r\n            }\"\r\n          ></nz-date-picker>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    <nz-form-item>\r\n      @if (label) {\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n      }\r\n      <nz-form-control\r\n        [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n        [nzFlex]=\"inputFlex\"\r\n        [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n        [nzErrorTip]=\"customValidateStatus\"\r\n        [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n      >\r\n        <nz-date-picker\r\n          class=\"full-width\"\r\n          [nzPlaceHolder]=\"placeHolder || ' '\"\r\n          [nzFormat]=\"dateFormat\"\r\n          [nzSize]=\"size\"\r\n          [disabled]=\"disabled\"\r\n          [nzDisabledDate]=\"disabledDate\"\r\n          [nzShowTime]=\"showTime\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n          }\"\r\n          [ngClass]=\"{\r\n            'border-bottom-only': borderBottomOnly,\r\n          }\"\r\n          [(ngModel)]=\"_ngModel\"\r\n          (ngModelChange)=\"onNgModelChange($event)\"\r\n          (blur)=\"onBlur()\"\r\n        ></nz-date-picker>\r\n      </nz-form-control>\r\n    </nz-form-item>\r\n  }\r\n</div>\r\n\r\n<ng-template #dynamicErrorTemplate let-control>\r\n  <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\r\n    <ng-container *ngIf=\"control.hasError(error.key)\">\r\n      {{ error.value }}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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,var(--form-bg-color, #ffffff) 60%,#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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$4.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.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\r\n  class=\"extend-date-picker-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        @if (label) {\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            [nzFor]=\"controlName\"\r\n            nzNoColon\r\n            nzLabelWrap\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n        }\r\n        <nz-form-control\r\n          [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n          [nzErrorTip]=\"customValidateStatus\"\r\n          [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n        >\r\n          <nz-date-picker\r\n            class=\"full-width\"\r\n            [nzPlaceHolder]=\"placeHolder || ' '\"\r\n            [nzFormat]=\"dateFormat\"\r\n            [nzSize]=\"size\"\r\n            [formControlName]=\"controlName\"\r\n            [nzDisabledDate]=\"disabledDate\"\r\n            [nzShowTime]=\"showTime\"\r\n            [ngStyle]=\"{\r\n              width: inputWidth,\r\n              height: inputHeight,\r\n            }\"\r\n            [ngClass]=\"{\r\n              'border-bottom-only': borderBottomOnly,\r\n            }\"\r\n          ></nz-date-picker>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    <nz-form-item>\r\n      @if (label) {\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n      }\r\n      <nz-form-control\r\n        [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n        [nzFlex]=\"inputFlex\"\r\n        [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n        [nzErrorTip]=\"customValidateStatus\"\r\n        [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n      >\r\n        <nz-date-picker\r\n          class=\"full-width\"\r\n          [nzPlaceHolder]=\"placeHolder || ' '\"\r\n          [nzFormat]=\"dateFormat\"\r\n          [nzSize]=\"size\"\r\n          [disabled]=\"disabled\"\r\n          [nzDisabledDate]=\"disabledDate\"\r\n          [nzShowTime]=\"showTime\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n          }\"\r\n          [ngClass]=\"{\r\n            'border-bottom-only': borderBottomOnly,\r\n          }\"\r\n          [(ngModel)]=\"_ngModel\"\r\n          (ngModelChange)=\"onNgModelChange($event)\"\r\n          (blur)=\"onBlur()\"\r\n        ></nz-date-picker>\r\n      </nz-form-control>\r\n    </nz-form-item>\r\n  }\r\n</div>\r\n\r\n<ng-template #dynamicErrorTemplate let-control>\r\n  <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\r\n    <ng-container *ngIf=\"control.hasError(error.key)\">\r\n      {{ error.value }}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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:var(--darkgray, #565656);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,var(--form-bg-color, #ffffff) 60%,#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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$4.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.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,
@@ -2567,7 +2549,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         NzDatePickerModule,
                         TranslateModule,
                         DateInputParserDirective,
-                    ], template: "<div\r\n  class=\"extend-date-picker-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        @if (label) {\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            [nzFor]=\"controlName\"\r\n            nzNoColon\r\n            nzLabelWrap\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n        }\r\n        <nz-form-control\r\n          [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n          [nzErrorTip]=\"customValidateStatus\"\r\n          [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n        >\r\n          <nz-date-picker\r\n            class=\"full-width\"\r\n            [nzPlaceHolder]=\"placeHolder || ' '\"\r\n            [nzFormat]=\"dateFormat\"\r\n            [nzSize]=\"size\"\r\n            [formControlName]=\"controlName\"\r\n            [nzDisabledDate]=\"disabledDate\"\r\n            [nzShowTime]=\"showTime\"\r\n            [ngStyle]=\"{\r\n              width: inputWidth,\r\n              height: inputHeight,\r\n            }\"\r\n            [ngClass]=\"{\r\n              'border-bottom-only': borderBottomOnly,\r\n            }\"\r\n          ></nz-date-picker>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    <nz-form-item>\r\n      @if (label) {\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n      }\r\n      <nz-form-control\r\n        [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n        [nzFlex]=\"inputFlex\"\r\n        [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n        [nzErrorTip]=\"customValidateStatus\"\r\n        [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n      >\r\n        <nz-date-picker\r\n          class=\"full-width\"\r\n          [nzPlaceHolder]=\"placeHolder || ' '\"\r\n          [nzFormat]=\"dateFormat\"\r\n          [nzSize]=\"size\"\r\n          [disabled]=\"disabled\"\r\n          [nzDisabledDate]=\"disabledDate\"\r\n          [nzShowTime]=\"showTime\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n          }\"\r\n          [ngClass]=\"{\r\n            'border-bottom-only': borderBottomOnly,\r\n          }\"\r\n          [(ngModel)]=\"_ngModel\"\r\n          (ngModelChange)=\"onNgModelChange($event)\"\r\n          (blur)=\"onBlur()\"\r\n        ></nz-date-picker>\r\n      </nz-form-control>\r\n    </nz-form-item>\r\n  }\r\n</div>\r\n\r\n<ng-template #dynamicErrorTemplate let-control>\r\n  <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\r\n    <ng-container *ngIf=\"control.hasError(error.key)\">\r\n      {{ error.value }}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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,var(--form-bg-color, #ffffff) 60%,#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"] }]
+                    ], template: "<div\r\n  class=\"extend-date-picker-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        @if (label) {\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            [nzFor]=\"controlName\"\r\n            nzNoColon\r\n            nzLabelWrap\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n        }\r\n        <nz-form-control\r\n          [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n          [nzErrorTip]=\"customValidateStatus\"\r\n          [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n        >\r\n          <nz-date-picker\r\n            class=\"full-width\"\r\n            [nzPlaceHolder]=\"placeHolder || ' '\"\r\n            [nzFormat]=\"dateFormat\"\r\n            [nzSize]=\"size\"\r\n            [formControlName]=\"controlName\"\r\n            [nzDisabledDate]=\"disabledDate\"\r\n            [nzShowTime]=\"showTime\"\r\n            [ngStyle]=\"{\r\n              width: inputWidth,\r\n              height: inputHeight,\r\n            }\"\r\n            [ngClass]=\"{\r\n              'border-bottom-only': borderBottomOnly,\r\n            }\"\r\n          ></nz-date-picker>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    <nz-form-item>\r\n      @if (label) {\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n      }\r\n      <nz-form-control\r\n        [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n        [nzFlex]=\"inputFlex\"\r\n        [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n        [nzErrorTip]=\"customValidateStatus\"\r\n        [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n      >\r\n        <nz-date-picker\r\n          class=\"full-width\"\r\n          [nzPlaceHolder]=\"placeHolder || ' '\"\r\n          [nzFormat]=\"dateFormat\"\r\n          [nzSize]=\"size\"\r\n          [disabled]=\"disabled\"\r\n          [nzDisabledDate]=\"disabledDate\"\r\n          [nzShowTime]=\"showTime\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n          }\"\r\n          [ngClass]=\"{\r\n            'border-bottom-only': borderBottomOnly,\r\n          }\"\r\n          [(ngModel)]=\"_ngModel\"\r\n          (ngModelChange)=\"onNgModelChange($event)\"\r\n          (blur)=\"onBlur()\"\r\n        ></nz-date-picker>\r\n      </nz-form-control>\r\n    </nz-form-item>\r\n  }\r\n</div>\r\n\r\n<ng-template #dynamicErrorTemplate let-control>\r\n  <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\r\n    <ng-container *ngIf=\"control.hasError(error.key)\">\r\n      {{ error.value }}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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:var(--darkgray, #565656);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,var(--form-bg-color, #ffffff) 60%,#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: [{
@@ -2850,11 +2832,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\r\n  class=\"extend-input-number-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '', hiddenUpDown ? 'hidden-up-down' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <nz-input-number\r\n            #inputnumber\r\n            class=\"full-width\"\r\n            [nzSize]=\"size\"\r\n            [nzPlaceHolder]=\"placeHolder\"\r\n            [nzFormatter]=\"formatterNumber\"\r\n            [nzParser]=\"parserNumber\"\r\n            [nzPrecision]=\"precision\"\r\n            [formControlName]=\"controlName\"\r\n          />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    @if (label) {\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzValidateStatus]=\"customValidateStatus\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          @if (min != null && max != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMin]=\"min\"\r\n              [nzMax]=\"max\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else if (min != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMin]=\"min\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else if (max != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMax]=\"max\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          }\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    } @else {\r\n      @if (min != null && max != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMin]=\"min\"\r\n          [nzMax]=\"max\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else if (min != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMin]=\"min\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else if (max != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMax]=\"max\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n            border: borderBottomOnly ? 'none' : '',\r\n            'border-bottom': borderBottomOnly ? '1px dashed' : '',\r\n          }\"\r\n        />\r\n      }\r\n    }\r\n  }\r\n</div>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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,var(--form-bg-color, #ffffff) 60%,#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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.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\r\n  class=\"extend-input-number-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '', hiddenUpDown ? 'hidden-up-down' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <nz-input-number\r\n            #inputnumber\r\n            class=\"full-width\"\r\n            [nzSize]=\"size\"\r\n            [nzPlaceHolder]=\"placeHolder\"\r\n            [nzFormatter]=\"formatterNumber\"\r\n            [nzParser]=\"parserNumber\"\r\n            [nzPrecision]=\"precision\"\r\n            [formControlName]=\"controlName\"\r\n          />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    @if (label) {\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzValidateStatus]=\"customValidateStatus\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          @if (min != null && max != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMin]=\"min\"\r\n              [nzMax]=\"max\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else if (min != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMin]=\"min\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else if (max != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMax]=\"max\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          }\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    } @else {\r\n      @if (min != null && max != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMin]=\"min\"\r\n          [nzMax]=\"max\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else if (min != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMin]=\"min\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else if (max != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMax]=\"max\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n            border: borderBottomOnly ? 'none' : '',\r\n            'border-bottom': borderBottomOnly ? '1px dashed' : '',\r\n          }\"\r\n        />\r\n      }\r\n    }\r\n  }\r\n</div>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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:var(--darkgray, #565656);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,var(--form-bg-color, #ffffff) 60%,#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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.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\r\n  class=\"extend-input-number-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '', hiddenUpDown ? 'hidden-up-down' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <nz-input-number\r\n            #inputnumber\r\n            class=\"full-width\"\r\n            [nzSize]=\"size\"\r\n            [nzPlaceHolder]=\"placeHolder\"\r\n            [nzFormatter]=\"formatterNumber\"\r\n            [nzParser]=\"parserNumber\"\r\n            [nzPrecision]=\"precision\"\r\n            [formControlName]=\"controlName\"\r\n          />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    @if (label) {\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzValidateStatus]=\"customValidateStatus\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          @if (min != null && max != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMin]=\"min\"\r\n              [nzMax]=\"max\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else if (min != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMin]=\"min\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else if (max != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMax]=\"max\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          }\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    } @else {\r\n      @if (min != null && max != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMin]=\"min\"\r\n          [nzMax]=\"max\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else if (min != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMin]=\"min\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else if (max != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMax]=\"max\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n            border: borderBottomOnly ? 'none' : '',\r\n            'border-bottom': borderBottomOnly ? '1px dashed' : '',\r\n          }\"\r\n        />\r\n      }\r\n    }\r\n  }\r\n</div>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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,var(--form-bg-color, #ffffff) 60%,#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"] }]
+            args: [{ selector: 'extend-input-number', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzInputNumberModule], template: "<div\r\n  class=\"extend-input-number-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '', hiddenUpDown ? 'hidden-up-down' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <nz-input-number\r\n            #inputnumber\r\n            class=\"full-width\"\r\n            [nzSize]=\"size\"\r\n            [nzPlaceHolder]=\"placeHolder\"\r\n            [nzFormatter]=\"formatterNumber\"\r\n            [nzParser]=\"parserNumber\"\r\n            [nzPrecision]=\"precision\"\r\n            [formControlName]=\"controlName\"\r\n          />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    @if (label) {\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzValidateStatus]=\"customValidateStatus\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          @if (min != null && max != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMin]=\"min\"\r\n              [nzMax]=\"max\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else if (min != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMin]=\"min\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else if (max != null) {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzMax]=\"max\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          } @else {\r\n            <nz-input-number\r\n              #inputnumber\r\n              class=\"full-width\"\r\n              [nzSize]=\"size\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzFormatter]=\"formatterNumber\"\r\n              [nzParser]=\"parserNumber\"\r\n              [nzPrecision]=\"precision\"\r\n              [nzDisabled]=\"disabled\"\r\n              [ngModel]=\"_ngModel\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n            />\r\n          }\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    } @else {\r\n      @if (min != null && max != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMin]=\"min\"\r\n          [nzMax]=\"max\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else if (min != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMin]=\"min\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else if (max != null) {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzMax]=\"max\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n        />\r\n      } @else {\r\n        <nz-input-number\r\n          #inputnumber\r\n          class=\"full-width\"\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzFormatter]=\"formatterNumber\"\r\n          [nzParser]=\"parserNumber\"\r\n          [nzPrecision]=\"precision\"\r\n          [nzDisabled]=\"disabled\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"_onNgModelChange()\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n            border: borderBottomOnly ? 'none' : '',\r\n            'border-bottom': borderBottomOnly ? '1px dashed' : '',\r\n          }\"\r\n        />\r\n      }\r\n    }\r\n  }\r\n</div>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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:var(--darkgray, #565656);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,var(--form-bg-color, #ffffff) 60%,#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: [{
@@ -3005,11 +2987,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\r\n  class=\"extend-input-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <input\r\n            #inputElement\r\n            nz-input\r\n            [nzSize]=\"size\"\r\n            [id]=\"controlName\"\r\n            [name]=\"controlName\"\r\n            [formControlName]=\"controlName\"\r\n            [autocomplete]=\"autocomplete\"\r\n            [placeholder]=\"placeHolder\"\r\n            [ngClass]=\"inputClass\"\r\n            (keyup.enter)=\"onenter.emit()\"\r\n          />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    @if (label) {\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzValidateStatus]=\"customValidateStatus\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\r\n            <input\r\n              #inputElement\r\n              nz-input\r\n              [nzSize]=\"size\"\r\n              [id]=\"controlName\"\r\n              [name]=\"controlName\"\r\n              [(ngModel)]=\"_ngModel\"\r\n              [autocomplete]=\"autocomplete\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n              [disabled]=\"disabled\"\r\n              [readOnly]=\"readOnly\"\r\n              [placeholder]=\"placeHolder\"\r\n              [ngClass]=\"inputClass\"\r\n              (keyup.enter)=\"onenter.emit()\"\r\n            />\r\n          </nz-input-group>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    } @else {\r\n      <input\r\n        #inputElement\r\n        nz-input\r\n        [nzSize]=\"size\"\r\n        [ngStyle]=\"{\r\n          width: inputWidth,\r\n          height: inputHeight,\r\n        }\"\r\n        [id]=\"controlName\"\r\n        [name]=\"controlName\"\r\n        [(ngModel)]=\"_ngModel\"\r\n        (ngModelChange)=\"_onNgModelChange()\"\r\n        [autocomplete]=\"autocomplete\"\r\n        [disabled]=\"disabled\"\r\n        [readOnly]=\"readOnly\"\r\n        [placeholder]=\"placeHolder\"\r\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\r\n        (keyup.enter)=\"onenter.emit()\"\r\n      />\r\n    }\r\n  }\r\n</div>\r\n\r\n<ng-template #clearIcon>\r\n  <i\r\n    nz-icon\r\n    nzType=\"close-circle\"\r\n    nzTheme=\"twotone\"\r\n    nzTwotoneColor=\"#999\"\r\n    *ngIf=\"_ngModel\"\r\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\r\n    style=\"cursor: pointer\"\r\n  ></i>\r\n</ng-template>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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,var(--form-bg-color, #ffffff) 60%,#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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.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$3.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\r\n  class=\"extend-input-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <input\r\n            #inputElement\r\n            nz-input\r\n            [nzSize]=\"size\"\r\n            [id]=\"controlName\"\r\n            [name]=\"controlName\"\r\n            [formControlName]=\"controlName\"\r\n            [autocomplete]=\"autocomplete\"\r\n            [placeholder]=\"placeHolder\"\r\n            [ngClass]=\"inputClass\"\r\n            (keyup.enter)=\"onenter.emit()\"\r\n          />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    @if (label) {\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzValidateStatus]=\"customValidateStatus\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\r\n            <input\r\n              #inputElement\r\n              nz-input\r\n              [nzSize]=\"size\"\r\n              [id]=\"controlName\"\r\n              [name]=\"controlName\"\r\n              [(ngModel)]=\"_ngModel\"\r\n              [autocomplete]=\"autocomplete\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n              [disabled]=\"disabled\"\r\n              [readOnly]=\"readOnly\"\r\n              [placeholder]=\"placeHolder\"\r\n              [ngClass]=\"inputClass\"\r\n              (keyup.enter)=\"onenter.emit()\"\r\n            />\r\n          </nz-input-group>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    } @else {\r\n      <input\r\n        #inputElement\r\n        nz-input\r\n        [nzSize]=\"size\"\r\n        [ngStyle]=\"{\r\n          width: inputWidth,\r\n          height: inputHeight,\r\n        }\"\r\n        [id]=\"controlName\"\r\n        [name]=\"controlName\"\r\n        [(ngModel)]=\"_ngModel\"\r\n        (ngModelChange)=\"_onNgModelChange()\"\r\n        [autocomplete]=\"autocomplete\"\r\n        [disabled]=\"disabled\"\r\n        [readOnly]=\"readOnly\"\r\n        [placeholder]=\"placeHolder\"\r\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\r\n        (keyup.enter)=\"onenter.emit()\"\r\n      />\r\n    }\r\n  }\r\n</div>\r\n\r\n<ng-template #clearIcon>\r\n  <i\r\n    nz-icon\r\n    nzType=\"close-circle\"\r\n    nzTheme=\"twotone\"\r\n    nzTwotoneColor=\"#999\"\r\n    *ngIf=\"_ngModel\"\r\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\r\n    style=\"cursor: pointer\"\r\n  ></i>\r\n</ng-template>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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:var(--darkgray, #565656);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,var(--form-bg-color, #ffffff) 60%,#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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.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$3.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\r\n  class=\"extend-input-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <input\r\n            #inputElement\r\n            nz-input\r\n            [nzSize]=\"size\"\r\n            [id]=\"controlName\"\r\n            [name]=\"controlName\"\r\n            [formControlName]=\"controlName\"\r\n            [autocomplete]=\"autocomplete\"\r\n            [placeholder]=\"placeHolder\"\r\n            [ngClass]=\"inputClass\"\r\n            (keyup.enter)=\"onenter.emit()\"\r\n          />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    @if (label) {\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzValidateStatus]=\"customValidateStatus\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\r\n            <input\r\n              #inputElement\r\n              nz-input\r\n              [nzSize]=\"size\"\r\n              [id]=\"controlName\"\r\n              [name]=\"controlName\"\r\n              [(ngModel)]=\"_ngModel\"\r\n              [autocomplete]=\"autocomplete\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n              [disabled]=\"disabled\"\r\n              [readOnly]=\"readOnly\"\r\n              [placeholder]=\"placeHolder\"\r\n              [ngClass]=\"inputClass\"\r\n              (keyup.enter)=\"onenter.emit()\"\r\n            />\r\n          </nz-input-group>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    } @else {\r\n      <input\r\n        #inputElement\r\n        nz-input\r\n        [nzSize]=\"size\"\r\n        [ngStyle]=\"{\r\n          width: inputWidth,\r\n          height: inputHeight,\r\n        }\"\r\n        [id]=\"controlName\"\r\n        [name]=\"controlName\"\r\n        [(ngModel)]=\"_ngModel\"\r\n        (ngModelChange)=\"_onNgModelChange()\"\r\n        [autocomplete]=\"autocomplete\"\r\n        [disabled]=\"disabled\"\r\n        [readOnly]=\"readOnly\"\r\n        [placeholder]=\"placeHolder\"\r\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\r\n        (keyup.enter)=\"onenter.emit()\"\r\n      />\r\n    }\r\n  }\r\n</div>\r\n\r\n<ng-template #clearIcon>\r\n  <i\r\n    nz-icon\r\n    nzType=\"close-circle\"\r\n    nzTheme=\"twotone\"\r\n    nzTwotoneColor=\"#999\"\r\n    *ngIf=\"_ngModel\"\r\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\r\n    style=\"cursor: pointer\"\r\n  ></i>\r\n</ng-template>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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,var(--form-bg-color, #ffffff) 60%,#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"] }]
+            args: [{ selector: 'extend-input', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzInputModule, NzIconModule], template: "<div\r\n  class=\"extend-input-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <input\r\n            #inputElement\r\n            nz-input\r\n            [nzSize]=\"size\"\r\n            [id]=\"controlName\"\r\n            [name]=\"controlName\"\r\n            [formControlName]=\"controlName\"\r\n            [autocomplete]=\"autocomplete\"\r\n            [placeholder]=\"placeHolder\"\r\n            [ngClass]=\"inputClass\"\r\n            (keyup.enter)=\"onenter.emit()\"\r\n          />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    </div>\r\n  } @else {\r\n    @if (label) {\r\n      <nz-form-item>\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          [nzFor]=\"controlName\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n        <nz-form-control\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n          [nzValidateStatus]=\"customValidateStatus\"\r\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n        >\r\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\r\n            <input\r\n              #inputElement\r\n              nz-input\r\n              [nzSize]=\"size\"\r\n              [id]=\"controlName\"\r\n              [name]=\"controlName\"\r\n              [(ngModel)]=\"_ngModel\"\r\n              [autocomplete]=\"autocomplete\"\r\n              (ngModelChange)=\"_onNgModelChange()\"\r\n              [disabled]=\"disabled\"\r\n              [readOnly]=\"readOnly\"\r\n              [placeholder]=\"placeHolder\"\r\n              [ngClass]=\"inputClass\"\r\n              (keyup.enter)=\"onenter.emit()\"\r\n            />\r\n          </nz-input-group>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n    } @else {\r\n      <input\r\n        #inputElement\r\n        nz-input\r\n        [nzSize]=\"size\"\r\n        [ngStyle]=\"{\r\n          width: inputWidth,\r\n          height: inputHeight,\r\n        }\"\r\n        [id]=\"controlName\"\r\n        [name]=\"controlName\"\r\n        [(ngModel)]=\"_ngModel\"\r\n        (ngModelChange)=\"_onNgModelChange()\"\r\n        [autocomplete]=\"autocomplete\"\r\n        [disabled]=\"disabled\"\r\n        [readOnly]=\"readOnly\"\r\n        [placeholder]=\"placeHolder\"\r\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\r\n        (keyup.enter)=\"onenter.emit()\"\r\n      />\r\n    }\r\n  }\r\n</div>\r\n\r\n<ng-template #clearIcon>\r\n  <i\r\n    nz-icon\r\n    nzType=\"close-circle\"\r\n    nzTheme=\"twotone\"\r\n    nzTwotoneColor=\"#999\"\r\n    *ngIf=\"_ngModel\"\r\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\r\n    style=\"cursor: pointer\"\r\n  ></i>\r\n</ng-template>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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:var(--darkgray, #565656);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,var(--form-bg-color, #ffffff) 60%,#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: [{
@@ -3190,11 +3172,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\r\n  class=\"extend-select-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (!multiple) {\r\n    @if (controlName) {\r\n      <div [formGroup]=\"formData\">\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [formControlName]=\"controlName\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </div>\r\n    } @else {\r\n      @if (label) {\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzValidateStatus]=\"customValidateStatus\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [ngModel]=\"_ngModel\"\r\n              [disabled]=\"disabled\"\r\n              (ngModelChange)=\"onSelectChange($event)\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      } @else {\r\n        <nz-select\r\n          class=\"full-width\"\r\n          nzShowSearch\r\n          nzAllowClear\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"onSelectChange($event)\"\r\n          (nzFocus)=\"onFocus.emit()\"\r\n          [disabled]=\"disabled\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n          }\"\r\n          [ngClass]=\"{\r\n            'border-bottom-only': borderBottomOnly,\r\n            'custom-height-select': inputHeight ? true : false,\r\n          }\"\r\n        >\r\n          @if (showSelectAll) {\r\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n          }\r\n          @for (item of lstItem; track $index) {\r\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n          }\r\n        </nz-select>\r\n      }\r\n    }\r\n  } @else {\r\n    @if (controlName) {\r\n      <div [formGroup]=\"formData\">\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzMode]=\"'multiple'\"\r\n              [nzMaxMultipleCount]=\"lstItem.length\"\r\n              [nzMaxTagCount]=\"maxTagCount\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [formControlName]=\"controlName\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </div>\r\n    } @else {\r\n      @if (label) {\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzValidateStatus]=\"customValidateStatus\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzMode]=\"'multiple'\"\r\n              [nzMaxMultipleCount]=\"lstItem.length\"\r\n              [nzMaxTagCount]=\"maxTagCount\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [ngModel]=\"_ngModel\"\r\n              [disabled]=\"disabled\"\r\n              (ngModelChange)=\"onSelectChange($event)\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      } @else {\r\n        <nz-select\r\n          class=\"full-width\"\r\n          nzShowSearch\r\n          nzAllowClear\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzMode]=\"'multiple'\"\r\n          [nzMaxMultipleCount]=\"lstItem.length\"\r\n          [nzMaxTagCount]=\"maxTagCount\"\r\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n          [ngModel]=\"_ngModel\"\r\n          [disabled]=\"disabled\"\r\n          (ngModelChange)=\"onSelectChange($event)\"\r\n          (nzFocus)=\"onFocus.emit()\"\r\n        >\r\n          @if (showSelectAll) {\r\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n          }\r\n          @for (item of lstItem; track $index) {\r\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n          }\r\n        </nz-select>\r\n      }\r\n    }\r\n  }\r\n</div>\r\n", styles: ["::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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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,var(--form-bg-color, #ffffff) 60%,#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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.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\r\n  class=\"extend-select-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (!multiple) {\r\n    @if (controlName) {\r\n      <div [formGroup]=\"formData\">\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [formControlName]=\"controlName\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </div>\r\n    } @else {\r\n      @if (label) {\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzValidateStatus]=\"customValidateStatus\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [ngModel]=\"_ngModel\"\r\n              [disabled]=\"disabled\"\r\n              (ngModelChange)=\"onSelectChange($event)\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      } @else {\r\n        <nz-select\r\n          class=\"full-width\"\r\n          nzShowSearch\r\n          nzAllowClear\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"onSelectChange($event)\"\r\n          (nzFocus)=\"onFocus.emit()\"\r\n          [disabled]=\"disabled\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n          }\"\r\n          [ngClass]=\"{\r\n            'border-bottom-only': borderBottomOnly,\r\n            'custom-height-select': inputHeight ? true : false,\r\n          }\"\r\n        >\r\n          @if (showSelectAll) {\r\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n          }\r\n          @for (item of lstItem; track $index) {\r\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n          }\r\n        </nz-select>\r\n      }\r\n    }\r\n  } @else {\r\n    @if (controlName) {\r\n      <div [formGroup]=\"formData\">\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzMode]=\"'multiple'\"\r\n              [nzMaxMultipleCount]=\"lstItem.length\"\r\n              [nzMaxTagCount]=\"maxTagCount\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [formControlName]=\"controlName\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </div>\r\n    } @else {\r\n      @if (label) {\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzValidateStatus]=\"customValidateStatus\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzMode]=\"'multiple'\"\r\n              [nzMaxMultipleCount]=\"lstItem.length\"\r\n              [nzMaxTagCount]=\"maxTagCount\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [ngModel]=\"_ngModel\"\r\n              [disabled]=\"disabled\"\r\n              (ngModelChange)=\"onSelectChange($event)\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      } @else {\r\n        <nz-select\r\n          class=\"full-width\"\r\n          nzShowSearch\r\n          nzAllowClear\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzMode]=\"'multiple'\"\r\n          [nzMaxMultipleCount]=\"lstItem.length\"\r\n          [nzMaxTagCount]=\"maxTagCount\"\r\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n          [ngModel]=\"_ngModel\"\r\n          [disabled]=\"disabled\"\r\n          (ngModelChange)=\"onSelectChange($event)\"\r\n          (nzFocus)=\"onFocus.emit()\"\r\n        >\r\n          @if (showSelectAll) {\r\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n          }\r\n          @for (item of lstItem; track $index) {\r\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n          }\r\n        </nz-select>\r\n      }\r\n    }\r\n  }\r\n</div>\r\n", styles: ["::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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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:var(--darkgray, #565656);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,var(--form-bg-color, #ffffff) 60%,#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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.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\r\n  class=\"extend-select-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (!multiple) {\r\n    @if (controlName) {\r\n      <div [formGroup]=\"formData\">\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [formControlName]=\"controlName\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </div>\r\n    } @else {\r\n      @if (label) {\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzValidateStatus]=\"customValidateStatus\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [ngModel]=\"_ngModel\"\r\n              [disabled]=\"disabled\"\r\n              (ngModelChange)=\"onSelectChange($event)\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      } @else {\r\n        <nz-select\r\n          class=\"full-width\"\r\n          nzShowSearch\r\n          nzAllowClear\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"onSelectChange($event)\"\r\n          (nzFocus)=\"onFocus.emit()\"\r\n          [disabled]=\"disabled\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n          }\"\r\n          [ngClass]=\"{\r\n            'border-bottom-only': borderBottomOnly,\r\n            'custom-height-select': inputHeight ? true : false,\r\n          }\"\r\n        >\r\n          @if (showSelectAll) {\r\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n          }\r\n          @for (item of lstItem; track $index) {\r\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n          }\r\n        </nz-select>\r\n      }\r\n    }\r\n  } @else {\r\n    @if (controlName) {\r\n      <div [formGroup]=\"formData\">\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzMode]=\"'multiple'\"\r\n              [nzMaxMultipleCount]=\"lstItem.length\"\r\n              [nzMaxTagCount]=\"maxTagCount\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [formControlName]=\"controlName\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </div>\r\n    } @else {\r\n      @if (label) {\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzValidateStatus]=\"customValidateStatus\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzMode]=\"'multiple'\"\r\n              [nzMaxMultipleCount]=\"lstItem.length\"\r\n              [nzMaxTagCount]=\"maxTagCount\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [ngModel]=\"_ngModel\"\r\n              [disabled]=\"disabled\"\r\n              (ngModelChange)=\"onSelectChange($event)\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      } @else {\r\n        <nz-select\r\n          class=\"full-width\"\r\n          nzShowSearch\r\n          nzAllowClear\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzMode]=\"'multiple'\"\r\n          [nzMaxMultipleCount]=\"lstItem.length\"\r\n          [nzMaxTagCount]=\"maxTagCount\"\r\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n          [ngModel]=\"_ngModel\"\r\n          [disabled]=\"disabled\"\r\n          (ngModelChange)=\"onSelectChange($event)\"\r\n          (nzFocus)=\"onFocus.emit()\"\r\n        >\r\n          @if (showSelectAll) {\r\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n          }\r\n          @for (item of lstItem; track $index) {\r\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n          }\r\n        </nz-select>\r\n      }\r\n    }\r\n  }\r\n</div>\r\n", styles: ["::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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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,var(--form-bg-color, #ffffff) 60%,#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"] }]
+            args: [{ selector: 'extend-select', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzSelectModule], template: "<div\r\n  class=\"extend-select-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (!multiple) {\r\n    @if (controlName) {\r\n      <div [formGroup]=\"formData\">\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [formControlName]=\"controlName\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </div>\r\n    } @else {\r\n      @if (label) {\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzValidateStatus]=\"customValidateStatus\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [ngModel]=\"_ngModel\"\r\n              [disabled]=\"disabled\"\r\n              (ngModelChange)=\"onSelectChange($event)\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      } @else {\r\n        <nz-select\r\n          class=\"full-width\"\r\n          nzShowSearch\r\n          nzAllowClear\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n          [ngModel]=\"_ngModel\"\r\n          (ngModelChange)=\"onSelectChange($event)\"\r\n          (nzFocus)=\"onFocus.emit()\"\r\n          [disabled]=\"disabled\"\r\n          [ngStyle]=\"{\r\n            width: inputWidth,\r\n            height: inputHeight,\r\n          }\"\r\n          [ngClass]=\"{\r\n            'border-bottom-only': borderBottomOnly,\r\n            'custom-height-select': inputHeight ? true : false,\r\n          }\"\r\n        >\r\n          @if (showSelectAll) {\r\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n          }\r\n          @for (item of lstItem; track $index) {\r\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n          }\r\n        </nz-select>\r\n      }\r\n    }\r\n  } @else {\r\n    @if (controlName) {\r\n      <div [formGroup]=\"formData\">\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzMode]=\"'multiple'\"\r\n              [nzMaxMultipleCount]=\"lstItem.length\"\r\n              [nzMaxTagCount]=\"maxTagCount\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [formControlName]=\"controlName\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </div>\r\n    } @else {\r\n      @if (label) {\r\n        <nz-form-item>\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            nzNoColon\r\n            [nzLabelWrap]=\"floatingLabel ? false : true\"\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n          <nz-form-control\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : 24 - labelSpan\"\r\n            [ngClass]=\"{ 'full-width': floatingLabel }\"\r\n            [nzValidateStatus]=\"customValidateStatus\"\r\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\r\n          >\r\n            <nz-select\r\n              nzShowSearch\r\n              nzAllowClear\r\n              [nzSize]=\"size\"\r\n              [nzMode]=\"'multiple'\"\r\n              [nzMaxMultipleCount]=\"lstItem.length\"\r\n              [nzMaxTagCount]=\"maxTagCount\"\r\n              [nzAllowClear]=\"true\"\r\n              [nzShowSearch]=\"true\"\r\n              [nzPlaceHolder]=\"placeHolder\"\r\n              [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n              [ngModel]=\"_ngModel\"\r\n              [disabled]=\"disabled\"\r\n              (ngModelChange)=\"onSelectChange($event)\"\r\n              (nzFocus)=\"onFocus.emit()\"\r\n            >\r\n              @if (showSelectAll) {\r\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n              }\r\n              @for (item of lstItem; track $index) {\r\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n              }\r\n            </nz-select>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      } @else {\r\n        <nz-select\r\n          class=\"full-width\"\r\n          nzShowSearch\r\n          nzAllowClear\r\n          [nzSize]=\"size\"\r\n          [nzPlaceHolder]=\"placeHolder\"\r\n          [nzMode]=\"'multiple'\"\r\n          [nzMaxMultipleCount]=\"lstItem.length\"\r\n          [nzMaxTagCount]=\"maxTagCount\"\r\n          [nzDropdownMatchSelectWidth]=\"dropdownMatchSelectWidth\"\r\n          [ngModel]=\"_ngModel\"\r\n          [disabled]=\"disabled\"\r\n          (ngModelChange)=\"onSelectChange($event)\"\r\n          (nzFocus)=\"onFocus.emit()\"\r\n        >\r\n          @if (showSelectAll) {\r\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\r\n          }\r\n          @for (item of lstItem; track $index) {\r\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\r\n          }\r\n        </nz-select>\r\n      }\r\n    }\r\n  }\r\n</div>\r\n", styles: ["::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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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:var(--darkgray, #565656);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,var(--form-bg-color, #ffffff) 60%,#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: [{
@@ -3323,7 +3305,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", isTouched: "isTouched", inputErrorMessage: "inputErrorMessage", errorMessages: "errorMessages" }, outputs: { _ngModelChange: "_ngModelChange" }, ngImport: i0, template: "<div\r\n  class=\"extend-textarea-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        @if (label) {\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            [nzFor]=\"controlName\"\r\n            nzNoColon\r\n            nzLabelWrap\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n        }\r\n        <nz-form-control\r\n          [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n          [nzErrorTip]=\"dynamicErrorTemplate\"\r\n        >\r\n          <textarea\r\n            nz-input\r\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\r\n            [formControlName]=\"controlName\"\r\n            [ngClass]=\"inputClass\"\r\n            [nzSize]=\"size\"\r\n          ></textarea>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n\r\n      <ng-template #dynamicErrorTemplate let-control>\r\n        <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\r\n          <ng-container *ngIf=\"control.hasError(error.key)\">\r\n            {{ error.value }}\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-template>\r\n    </div>\r\n  } @else {\r\n    <nz-form-item>\r\n      @if (label) {\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n      }\r\n      <nz-form-control\r\n        [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n        [nzFlex]=\"inputFlex\"\r\n        [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n        [nzErrorTip]=\"customValidateStatus\"\r\n        [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n      >\r\n        <textarea\r\n          nz-input\r\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\r\n          [(ngModel)]=\"_ngModel\"\r\n          (ngModelChange)=\"onChange()\"\r\n          (blur)=\"onBlur()\"\r\n          [disabled]=\"disabled\"\r\n          [ngClass]=\"inputClass\"\r\n          [nzSize]=\"size\"\r\n        ></textarea>\r\n      </nz-form-control>\r\n    </nz-form-item>\r\n  }\r\n</div>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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,var(--form-bg-color, #ffffff) 60%,#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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$4.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.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: "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", isTouched: "isTouched", inputErrorMessage: "inputErrorMessage", errorMessages: "errorMessages" }, outputs: { _ngModelChange: "_ngModelChange" }, ngImport: i0, template: "<div\r\n  class=\"extend-textarea-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        @if (label) {\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            [nzFor]=\"controlName\"\r\n            nzNoColon\r\n            nzLabelWrap\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n        }\r\n        <nz-form-control\r\n          [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n          [nzErrorTip]=\"dynamicErrorTemplate\"\r\n        >\r\n          <textarea\r\n            nz-input\r\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\r\n            [formControlName]=\"controlName\"\r\n            [ngClass]=\"inputClass\"\r\n            [nzSize]=\"size\"\r\n          ></textarea>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n\r\n      <ng-template #dynamicErrorTemplate let-control>\r\n        <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\r\n          <ng-container *ngIf=\"control.hasError(error.key)\">\r\n            {{ error.value }}\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-template>\r\n    </div>\r\n  } @else {\r\n    <nz-form-item>\r\n      @if (label) {\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n      }\r\n      <nz-form-control\r\n        [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n        [nzFlex]=\"inputFlex\"\r\n        [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n        [nzErrorTip]=\"customValidateStatus\"\r\n        [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n      >\r\n        <textarea\r\n          nz-input\r\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\r\n          [(ngModel)]=\"_ngModel\"\r\n          (ngModelChange)=\"onChange()\"\r\n          (blur)=\"onBlur()\"\r\n          [disabled]=\"disabled\"\r\n          [ngClass]=\"inputClass\"\r\n          [nzSize]=\"size\"\r\n        ></textarea>\r\n      </nz-form-control>\r\n    </nz-form-item>\r\n  }\r\n</div>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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:var(--darkgray, #565656);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,var(--form-bg-color, #ffffff) 60%,#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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$4.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.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: "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,
@@ -3335,7 +3317,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         NzDatePickerModule,
                         TranslateModule,
                         NzInputModule,
-                    ], template: "<div\r\n  class=\"extend-textarea-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        @if (label) {\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            [nzFor]=\"controlName\"\r\n            nzNoColon\r\n            nzLabelWrap\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n        }\r\n        <nz-form-control\r\n          [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n          [nzErrorTip]=\"dynamicErrorTemplate\"\r\n        >\r\n          <textarea\r\n            nz-input\r\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\r\n            [formControlName]=\"controlName\"\r\n            [ngClass]=\"inputClass\"\r\n            [nzSize]=\"size\"\r\n          ></textarea>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n\r\n      <ng-template #dynamicErrorTemplate let-control>\r\n        <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\r\n          <ng-container *ngIf=\"control.hasError(error.key)\">\r\n            {{ error.value }}\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-template>\r\n    </div>\r\n  } @else {\r\n    <nz-form-item>\r\n      @if (label) {\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n      }\r\n      <nz-form-control\r\n        [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n        [nzFlex]=\"inputFlex\"\r\n        [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n        [nzErrorTip]=\"customValidateStatus\"\r\n        [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n      >\r\n        <textarea\r\n          nz-input\r\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\r\n          [(ngModel)]=\"_ngModel\"\r\n          (ngModelChange)=\"onChange()\"\r\n          (blur)=\"onBlur()\"\r\n          [disabled]=\"disabled\"\r\n          [ngClass]=\"inputClass\"\r\n          [nzSize]=\"size\"\r\n        ></textarea>\r\n      </nz-form-control>\r\n    </nz-form-item>\r\n  }\r\n</div>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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,var(--form-bg-color, #ffffff) 60%,#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"] }]
+                    ], template: "<div\r\n  class=\"extend-textarea-wrapper\"\r\n  [ngClass]=\"[floatingLabel && label ? 'floating-label' : '']\"\r\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\r\n>\r\n  @if (controlName) {\r\n    <div [formGroup]=\"formData\">\r\n      <nz-form-item>\r\n        @if (label) {\r\n          <nz-form-label\r\n            [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n            [nzFlex]=\"labelFlex\"\r\n            [nzLabelAlign]=\"labelAlign\"\r\n            [nzRequired]=\"required\"\r\n            [nzFor]=\"controlName\"\r\n            nzNoColon\r\n            nzLabelWrap\r\n          >\r\n            {{ label }}\r\n          </nz-form-label>\r\n        }\r\n        <nz-form-control\r\n          [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n          [nzFlex]=\"inputFlex\"\r\n          [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n          [nzErrorTip]=\"dynamicErrorTemplate\"\r\n        >\r\n          <textarea\r\n            nz-input\r\n            [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\r\n            [formControlName]=\"controlName\"\r\n            [ngClass]=\"inputClass\"\r\n            [nzSize]=\"size\"\r\n          ></textarea>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n\r\n      <ng-template #dynamicErrorTemplate let-control>\r\n        <ng-container *ngFor=\"let error of errorMessages | keyvalue\">\r\n          <ng-container *ngIf=\"control.hasError(error.key)\">\r\n            {{ error.value }}\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-template>\r\n    </div>\r\n  } @else {\r\n    <nz-form-item>\r\n      @if (label) {\r\n        <nz-form-label\r\n          [nzSpan]=\"floatingLabel || labelFlex ? null : labelSpan\"\r\n          [nzFlex]=\"labelFlex\"\r\n          [nzLabelAlign]=\"labelAlign\"\r\n          [nzRequired]=\"required\"\r\n          nzNoColon\r\n          nzLabelWrap\r\n        >\r\n          {{ label }}\r\n        </nz-form-label>\r\n      }\r\n      <nz-form-control\r\n        [nzSpan]=\"label ? (floatingLabel || labelFlex ? null : 24 - labelSpan) : null\"\r\n        [nzFlex]=\"inputFlex\"\r\n        [ngClass]=\"{ 'full-width': floatingLabel || !label }\"\r\n        [nzErrorTip]=\"customValidateStatus\"\r\n        [nzValidateStatus]=\"customValidateStatus ? 'error' : ''\"\r\n      >\r\n        <textarea\r\n          nz-input\r\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\r\n          [(ngModel)]=\"_ngModel\"\r\n          (ngModelChange)=\"onChange()\"\r\n          (blur)=\"onBlur()\"\r\n          [disabled]=\"disabled\"\r\n          [ngClass]=\"inputClass\"\r\n          [nzSize]=\"size\"\r\n        ></textarea>\r\n      </nz-form-control>\r\n    </nz-form-item>\r\n  }\r\n</div>\r\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:12px;left:10px;transform:translateY(-50%);background:linear-gradient(to bottom,var(--form-bg-color, #ffffff) 80%,#ffffff 80%);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:var(--darkgray, #565656);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,var(--form-bg-color, #ffffff) 60%,#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: [{
@@ -3566,6 +3548,7 @@ class TableHeader {
     MinWidth = '';
     ShowSort = false;
     SortOrder = 'ascend';
+    Fixed = '';
     DomainCode = '';
     MaxLines = null;
 }
@@ -3646,8 +3629,17 @@ class ExtendTableComponent extends BaseComponent {
     data = new PagingData();
     filter = new GridFilter();
     isLoading = false;
+    /**
+     * Khoá chính
+     */
     idKey = '';
+    /**
+     * Cột chữ xanh click vào detail
+     */
     detailKey = '';
+    /**
+     * Giá trị khoá chính đang được chọn. Dòng sẽ tô đậm text và đổi mầu
+     */
     selectedIdKey;
     scroll;
     actionTemplate;
@@ -3668,7 +3660,7 @@ class ExtendTableComponent extends BaseComponent {
         this.filterChange.emit(this.filter);
     }
     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", selectedIdKey: "selectedIdKey", scroll: "scroll", actionTemplate: "actionTemplate" }, outputs: { filterChange: "filterChange", ondblclickrow: "ondblclickrow" }, usesInheritance: true, ngImport: i0, template: "<nz-table\r\n  class=\"extend-table\"\r\n  [nzData]=\"data.LstItem || []\"\r\n  [nzBordered]=\"true\"\r\n  [nzSize]=\"'small'\"\r\n  [nzLoading]=\"isLoading\"\r\n  [nzFrontPagination]=\"false\"\r\n  [nzShowPagination]=\"false\"\r\n  [nzTotal]=\"data.TotalCount || 0\"\r\n  [(nzPageIndex)]=\"filter.PageIndex\"\r\n  [(nzPageSize)]=\"filter.PageSize\"\r\n  [nzScroll]=\"scroll || {}\"\r\n  (nzPageIndexChange)=\"onPageIndexChange($event)\"\r\n  (nzPageSizeChange)=\"onPageSizeChange($event)\"\r\n>\r\n  <thead>\r\n    <tr>\r\n      @for (item of data.LstHeader; track $index) {\r\n        <th\r\n          [nzWidth]=\"item.Width\"\r\n          [nzShowSort]=\"item.ShowSort\"\r\n          [nzSortOrder]=\"item.SortOrder\"\r\n          (nzSortOrderChange)=\"onSortChange(item.Code, $event)\"\r\n        >\r\n          {{ item.Name }}\r\n        </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    @for (row of data.LstItem; track $index; let i = $index) {\r\n      <tr\r\n        tabindex=\"0\"\r\n        class=\"selectable-row\"\r\n        [ngClass]=\"selectedIdKey && row[idKey] == selectedIdKey ? 'selected-row' : ''\"\r\n        (dblclick)=\"ondblclickrow.emit(row)\"\r\n      >\r\n        @for (col of data.LstHeader; track $index) {\r\n          @if (col.Code === \"NO\") {\r\n            <td [class]=\"col.Class\">\r\n              {{ i + 1 + filter.PageIndex * filter.PageSize }}\r\n            </td>\r\n          } @else if (col.Code === \"ACTION\") {\r\n            <td [class]=\"col.Class\">\r\n              @if (actionTemplate) {\r\n                <ng-container *ngTemplateOutlet=\"actionTemplate; context: { $implicit: row, index: i }\"> </ng-container>\r\n              }\r\n            </td>\r\n          } @else if (col.Type === \"CHECKBOX\") {\r\n            <td [class]=\"col.Class\">\r\n              @if (row[col.Code]) {\r\n                <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\r\n              }\r\n              <!-- @else {\r\n                <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\r\n              } -->\r\n            </td>\r\n          } @else if (col.Code == detailKey) {\r\n            <td [class]=\"col.Class\">\r\n              <span\r\n                class=\"link-detail\"\r\n                (click)=\"goto(row[idKey])\"\r\n                [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"\r\n              ></span>\r\n            </td>\r\n          } @else {\r\n            @if (col.DomainCode) {\r\n              <td\r\n                [class]=\"col.Class\"\r\n                [innerHTML]=\"row[col.Code] | dicDomain: col.DomainCode | async | highlight: filter.Keyword || ''\"\r\n              ></td>\r\n            } @else if (col.MaxLines) {\r\n              <td>\r\n                <read-more [text]=\"row[col.Code]\" [lines]=\"col.MaxLines\"></read-more>\r\n              </td>\r\n            } @else {\r\n              <td [class]=\"col.Class\" [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"></td>\r\n            }\r\n          }\r\n        }\r\n      </tr>\r\n    }\r\n  </tbody>\r\n</nz-table>\r\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 .selected-rowtd{background-color:#bae8fd!important;font-weight:700}.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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i1$5.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: i1$5.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: i1$5.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i1$5.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i1$5.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i1$5.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i1$5.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$3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i6$3.ɵ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"] }] });
+    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", selectedIdKey: "selectedIdKey", scroll: "scroll", actionTemplate: "actionTemplate" }, outputs: { filterChange: "filterChange", ondblclickrow: "ondblclickrow" }, usesInheritance: true, ngImport: i0, template: "<nz-table\r\n  class=\"extend-table\"\r\n  [nzData]=\"data.LstItem || []\"\r\n  [nzBordered]=\"true\"\r\n  [nzSize]=\"'small'\"\r\n  [nzLoading]=\"isLoading\"\r\n  [nzFrontPagination]=\"false\"\r\n  [nzShowPagination]=\"false\"\r\n  [nzTotal]=\"data.TotalCount || 0\"\r\n  [(nzPageIndex)]=\"filter.PageIndex\"\r\n  [(nzPageSize)]=\"filter.PageSize\"\r\n  [nzScroll]=\"scroll || {}\"\r\n  (nzPageIndexChange)=\"onPageIndexChange($event)\"\r\n  (nzPageSizeChange)=\"onPageSizeChange($event)\"\r\n>\r\n  <thead>\r\n    <tr>\r\n      @for (header of data.LstHeader; track $index) {\r\n        <th\r\n          [nzWidth]=\"header.Width\"\r\n          [nzShowSort]=\"header.ShowSort\"\r\n          [nzSortOrder]=\"header.SortOrder\"\r\n          [nzLeft]=\"header.Fixed == 'left'\"\r\n          [nzRight]=\"header.Fixed == 'right'\"\r\n          (nzSortOrderChange)=\"onSortChange(header.Code, $event)\"\r\n        >\r\n          {{ header.Name }}\r\n        </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    @for (item of data.LstItem; track $index; let i = $index) {\r\n      <tr\r\n        tabindex=\"0\"\r\n        class=\"selectable-row\"\r\n        [ngClass]=\"selectedIdKey && item[idKey] == selectedIdKey ? 'selected-row' : ''\"\r\n        (dblclick)=\"ondblclickrow.emit(item)\"\r\n      >\r\n        @for (header of data.LstHeader; track $index) {\r\n          @if (header.Code === \"NO\") {\r\n            <td [class]=\"header.Class\" [nzLeft]=\"header.Fixed == 'left'\" [nzRight]=\"header.Fixed == 'right'\">\r\n              {{ i + 1 + filter.PageIndex * filter.PageSize }}\r\n            </td>\r\n          } @else if (header.Code === \"ACTION\") {\r\n            <td [class]=\"header.Class\" [nzLeft]=\"header.Fixed == 'left'\" [nzRight]=\"header.Fixed == 'right'\">\r\n              @if (actionTemplate) {\r\n                <ng-container *ngTemplateOutlet=\"actionTemplate; context: { $implicit: item, index: i }\">\r\n                </ng-container>\r\n              }\r\n            </td>\r\n          } @else if (header.Type === \"CHECKBOX\") {\r\n            <td [class]=\"header.Class\" [nzLeft]=\"header.Fixed == 'left'\" [nzRight]=\"header.Fixed == 'right'\">\r\n              @if (item[header.Code]) {\r\n                <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\r\n              }\r\n              <!-- @else {\r\n                <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\r\n              } -->\r\n            </td>\r\n          } @else if (header.Code == detailKey) {\r\n            <td [class]=\"header.Class\" [nzLeft]=\"header.Fixed == 'left'\" [nzRight]=\"header.Fixed == 'right'\">\r\n              <span\r\n                class=\"link-detail\"\r\n                (click)=\"goto(item[idKey])\"\r\n                [innerHTML]=\"item[header.Code] | highlight: filter.Keyword || ''\"\r\n              ></span>\r\n            </td>\r\n          } @else {\r\n            @if (header.DomainCode) {\r\n              <td\r\n                [class]=\"header.Class\"\r\n                [innerHTML]=\"item[header.Code] | dicDomain: header.DomainCode | async | highlight: filter.Keyword || ''\"\r\n                [nzLeft]=\"header.Fixed == 'left'\"\r\n                [nzRight]=\"header.Fixed == 'right'\"\r\n              ></td>\r\n            } @else if (header.MaxLines) {\r\n              <td [nzLeft]=\"header.Fixed == 'left'\" [nzRight]=\"header.Fixed == 'right'\">\r\n                <read-more [text]=\"item[header.Code]\" [lines]=\"header.MaxLines\"></read-more>\r\n              </td>\r\n            } @else {\r\n              <td\r\n                [nzLeft]=\"header.Fixed == 'left'\"\r\n                [nzRight]=\"header.Fixed == 'right'\"\r\n                [class]=\"header.Class\"\r\n                [innerHTML]=\"item[header.Code] | highlight: filter.Keyword || ''\"\r\n              ></td>\r\n            }\r\n          }\r\n        }\r\n      </tr>\r\n    }\r\n  </tbody>\r\n</nz-table>\r\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 .selected-row td{background-color:#bae8fd!important;font-weight:700}.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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i1$5.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: i1$5.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: i1$5.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i1$5.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i1$5.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i1$5.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i1$5.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i1$5.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i6$3.ɵ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,
@@ -3681,7 +3673,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         HighlightPipe,
                         DicDomainPipe,
                         ReadMoreProComponent,
-                    ], template: "<nz-table\r\n  class=\"extend-table\"\r\n  [nzData]=\"data.LstItem || []\"\r\n  [nzBordered]=\"true\"\r\n  [nzSize]=\"'small'\"\r\n  [nzLoading]=\"isLoading\"\r\n  [nzFrontPagination]=\"false\"\r\n  [nzShowPagination]=\"false\"\r\n  [nzTotal]=\"data.TotalCount || 0\"\r\n  [(nzPageIndex)]=\"filter.PageIndex\"\r\n  [(nzPageSize)]=\"filter.PageSize\"\r\n  [nzScroll]=\"scroll || {}\"\r\n  (nzPageIndexChange)=\"onPageIndexChange($event)\"\r\n  (nzPageSizeChange)=\"onPageSizeChange($event)\"\r\n>\r\n  <thead>\r\n    <tr>\r\n      @for (item of data.LstHeader; track $index) {\r\n        <th\r\n          [nzWidth]=\"item.Width\"\r\n          [nzShowSort]=\"item.ShowSort\"\r\n          [nzSortOrder]=\"item.SortOrder\"\r\n          (nzSortOrderChange)=\"onSortChange(item.Code, $event)\"\r\n        >\r\n          {{ item.Name }}\r\n        </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    @for (row of data.LstItem; track $index; let i = $index) {\r\n      <tr\r\n        tabindex=\"0\"\r\n        class=\"selectable-row\"\r\n        [ngClass]=\"selectedIdKey && row[idKey] == selectedIdKey ? 'selected-row' : ''\"\r\n        (dblclick)=\"ondblclickrow.emit(row)\"\r\n      >\r\n        @for (col of data.LstHeader; track $index) {\r\n          @if (col.Code === \"NO\") {\r\n            <td [class]=\"col.Class\">\r\n              {{ i + 1 + filter.PageIndex * filter.PageSize }}\r\n            </td>\r\n          } @else if (col.Code === \"ACTION\") {\r\n            <td [class]=\"col.Class\">\r\n              @if (actionTemplate) {\r\n                <ng-container *ngTemplateOutlet=\"actionTemplate; context: { $implicit: row, index: i }\"> </ng-container>\r\n              }\r\n            </td>\r\n          } @else if (col.Type === \"CHECKBOX\") {\r\n            <td [class]=\"col.Class\">\r\n              @if (row[col.Code]) {\r\n                <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\r\n              }\r\n              <!-- @else {\r\n                <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\r\n              } -->\r\n            </td>\r\n          } @else if (col.Code == detailKey) {\r\n            <td [class]=\"col.Class\">\r\n              <span\r\n                class=\"link-detail\"\r\n                (click)=\"goto(row[idKey])\"\r\n                [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"\r\n              ></span>\r\n            </td>\r\n          } @else {\r\n            @if (col.DomainCode) {\r\n              <td\r\n                [class]=\"col.Class\"\r\n                [innerHTML]=\"row[col.Code] | dicDomain: col.DomainCode | async | highlight: filter.Keyword || ''\"\r\n              ></td>\r\n            } @else if (col.MaxLines) {\r\n              <td>\r\n                <read-more [text]=\"row[col.Code]\" [lines]=\"col.MaxLines\"></read-more>\r\n              </td>\r\n            } @else {\r\n              <td [class]=\"col.Class\" [innerHTML]=\"row[col.Code] | highlight: filter.Keyword || ''\"></td>\r\n            }\r\n          }\r\n        }\r\n      </tr>\r\n    }\r\n  </tbody>\r\n</nz-table>\r\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 .selected-rowtd{background-color:#bae8fd!important;font-weight:700}.extend-table .link-detail{color:var(--primary-color);cursor:pointer}.extend-table .link-detail:hover{text-decoration:underline}\n"] }]
+                    ], template: "<nz-table\r\n  class=\"extend-table\"\r\n  [nzData]=\"data.LstItem || []\"\r\n  [nzBordered]=\"true\"\r\n  [nzSize]=\"'small'\"\r\n  [nzLoading]=\"isLoading\"\r\n  [nzFrontPagination]=\"false\"\r\n  [nzShowPagination]=\"false\"\r\n  [nzTotal]=\"data.TotalCount || 0\"\r\n  [(nzPageIndex)]=\"filter.PageIndex\"\r\n  [(nzPageSize)]=\"filter.PageSize\"\r\n  [nzScroll]=\"scroll || {}\"\r\n  (nzPageIndexChange)=\"onPageIndexChange($event)\"\r\n  (nzPageSizeChange)=\"onPageSizeChange($event)\"\r\n>\r\n  <thead>\r\n    <tr>\r\n      @for (header of data.LstHeader; track $index) {\r\n        <th\r\n          [nzWidth]=\"header.Width\"\r\n          [nzShowSort]=\"header.ShowSort\"\r\n          [nzSortOrder]=\"header.SortOrder\"\r\n          [nzLeft]=\"header.Fixed == 'left'\"\r\n          [nzRight]=\"header.Fixed == 'right'\"\r\n          (nzSortOrderChange)=\"onSortChange(header.Code, $event)\"\r\n        >\r\n          {{ header.Name }}\r\n        </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    @for (item of data.LstItem; track $index; let i = $index) {\r\n      <tr\r\n        tabindex=\"0\"\r\n        class=\"selectable-row\"\r\n        [ngClass]=\"selectedIdKey && item[idKey] == selectedIdKey ? 'selected-row' : ''\"\r\n        (dblclick)=\"ondblclickrow.emit(item)\"\r\n      >\r\n        @for (header of data.LstHeader; track $index) {\r\n          @if (header.Code === \"NO\") {\r\n            <td [class]=\"header.Class\" [nzLeft]=\"header.Fixed == 'left'\" [nzRight]=\"header.Fixed == 'right'\">\r\n              {{ i + 1 + filter.PageIndex * filter.PageSize }}\r\n            </td>\r\n          } @else if (header.Code === \"ACTION\") {\r\n            <td [class]=\"header.Class\" [nzLeft]=\"header.Fixed == 'left'\" [nzRight]=\"header.Fixed == 'right'\">\r\n              @if (actionTemplate) {\r\n                <ng-container *ngTemplateOutlet=\"actionTemplate; context: { $implicit: item, index: i }\">\r\n                </ng-container>\r\n              }\r\n            </td>\r\n          } @else if (header.Type === \"CHECKBOX\") {\r\n            <td [class]=\"header.Class\" [nzLeft]=\"header.Fixed == 'left'\" [nzRight]=\"header.Fixed == 'right'\">\r\n              @if (item[header.Code]) {\r\n                <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\r\n              }\r\n              <!-- @else {\r\n                <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\r\n              } -->\r\n            </td>\r\n          } @else if (header.Code == detailKey) {\r\n            <td [class]=\"header.Class\" [nzLeft]=\"header.Fixed == 'left'\" [nzRight]=\"header.Fixed == 'right'\">\r\n              <span\r\n                class=\"link-detail\"\r\n                (click)=\"goto(item[idKey])\"\r\n                [innerHTML]=\"item[header.Code] | highlight: filter.Keyword || ''\"\r\n              ></span>\r\n            </td>\r\n          } @else {\r\n            @if (header.DomainCode) {\r\n              <td\r\n                [class]=\"header.Class\"\r\n                [innerHTML]=\"item[header.Code] | dicDomain: header.DomainCode | async | highlight: filter.Keyword || ''\"\r\n                [nzLeft]=\"header.Fixed == 'left'\"\r\n                [nzRight]=\"header.Fixed == 'right'\"\r\n              ></td>\r\n            } @else if (header.MaxLines) {\r\n              <td [nzLeft]=\"header.Fixed == 'left'\" [nzRight]=\"header.Fixed == 'right'\">\r\n                <read-more [text]=\"item[header.Code]\" [lines]=\"header.MaxLines\"></read-more>\r\n              </td>\r\n            } @else {\r\n              <td\r\n                [nzLeft]=\"header.Fixed == 'left'\"\r\n                [nzRight]=\"header.Fixed == 'right'\"\r\n                [class]=\"header.Class\"\r\n                [innerHTML]=\"item[header.Code] | highlight: filter.Keyword || ''\"\r\n              ></td>\r\n            }\r\n          }\r\n        }\r\n      </tr>\r\n    }\r\n  </tbody>\r\n</nz-table>\r\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 .selected-row td{background-color:#bae8fd!important;font-weight:700}.extend-table .link-detail{color:var(--primary-color);cursor:pointer}.extend-table .link-detail:hover{text-decoration:underline}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], filter: [{
@@ -6583,10 +6575,8 @@ class PermissionService extends HTTPService {
         });
     }
     addRoleResourcePermissionRef(roleId, permissionCodes) {
-        return this.cms.ESP({
-            SPN: 'Permission_addRoleResourcePermissionRef',
-            Params: [roleId, permissionCodes],
-        });
+        let pr = new HttpParams().append('roleId', roleId).append('permissionCodes', permissionCodes);
+        return this.postParams(AppGlobals.apiEndpoint + '/api/App_Permission/addRoleResourcePermissionRef', pr);
     }
     getRolePermissions(roleId) {
         return this.cms.ESP({
@@ -7349,12 +7339,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
             args: [{ selector: 'app-permision', imports: [NzTabsModule, UserRolePermission, RoleMenuPermission, RolePermissionComponent, PermissionManagerComponent], template: "<div class=\"panel\">\r\n  <nz-tabset\r\n    nzType=\"card\"\r\n    [nzSize]=\"'small'\"\r\n    [nzSelectedIndex]=\"tab\"\r\n    (nzSelectedIndexChange)=\"onSelectedIndexChange($event)\"\r\n  >\r\n    <nz-tab nzTitle=\"User - Role\">\r\n      <app-user-role-permission></app-user-role-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Role - Menu\">\r\n      <app-role-menu-permission></app-role-menu-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Resource permission\">\r\n      <resource-permission></resource-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Role - Resource permission\">\r\n      <role-resource-permission></role-resource-permission>\r\n    </nz-tab>\r\n  </nz-tabset>\r\n</div>\r\n" }]
         }] });
 
-class CanActionPipe {
+class HasPermissionPipe {
     permissionService;
     constructor(permissionService) {
         this.permissionService = permissionService;
     }
     /**
+     * @example *ngIf="row | hasPermission: 'org' : 'update'"
      * @param data Dữ liệu của bản ghi hiện tại (VD: object todo)
      * @param resource Tên resource (VD: 'todos')
      * @param action Hành động (VD: 'update', 'delete')
@@ -7365,27 +7356,6 @@ class CanActionPipe {
         // Chuyển việc thẩm định cho PermissionService xử lý
         return this.permissionService.hasAccess(resource, action, data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CanActionPipe, deps: [{ token: PermissionService$1 }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: CanActionPipe, isStandalone: true, name: "canAction" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CanActionPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'canAction',
-                    pure: true,
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: PermissionService$1 }] });
-
-class HasPermissionPipe {
-    permissionService;
-    constructor(permissionService) {
-        this.permissionService = permissionService;
-    }
-    // Lấy giá trị bên trái là Resource, tham số bên phải là Action
-    transform(resource, action) {
-        return this.permissionService.hasAccess(resource, action);
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: HasPermissionPipe, deps: [{ token: PermissionService$1 }], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: HasPermissionPipe, isStandalone: true, name: "hasPermission" });
 }
@@ -7402,25 +7372,44 @@ class HasPermissionDirective {
     templateRef;
     viewContainer;
     permissionService;
+    // Biến cờ để kiểm tra xem view đã được tạo hay chưa, tránh bị render lại nhiều lần
+    hasView = false;
+    /**
+     * @example *hasPermission="'org:create'"
+     */
     constructor(templateRef, viewContainer, permissionService) {
         this.templateRef = templateRef;
         this.viewContainer = viewContainer;
         this.permissionService = permissionService;
     }
-    // Nhận vào một mảng chứa [resource, action]
-    set checkPermission(params) {
-        const [resource, action] = params;
-        // Gọi hàm kiểm tra quyền
+    // Nhận vào một chuỗi dạng 'resource:action', VD: 'org:create'
+    set checkPermission(permissionString) {
+        // 1. Validate đầu vào
+        if (!permissionString || !permissionString.includes(':')) {
+            console.warn(`[hasPermission] Format không hợp lệ: "${permissionString}". Vui lòng dùng format "resource:action"`);
+            this.clearView();
+            return;
+        }
+        // 2. Tách chuỗi
+        const [resource, action] = permissionString.split(':');
+        // 3. Gọi hàm kiểm tra quyền.
+        // Do split() trả về string, ta cần ép kiểu resource về keyof ResourceMap
         const hasAccess = this.permissionService.hasAccess(resource, action);
-        if (hasAccess) {
-            // Nếu có quyền -> Hiển thị DOM
+        // 4. Xử lý DOM
+        if (hasAccess && !this.hasView) {
+            // Nếu có quyền và chưa có view -> Tạo view
             this.viewContainer.createEmbeddedView(this.templateRef);
+            this.hasView = true;
         }
-        else {
-            // Nếu không có quyền -> Xóa DOM
-            this.viewContainer.clear();
+        else if (!hasAccess && this.hasView) {
+            // Nếu không có quyền nhưng đang hiển thị view -> Xóa view
+            this.clearView();
         }
     }
+    clearView() {
+        this.viewContainer.clear();
+        this.hasView = false;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: HasPermissionDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: PermissionService$1 }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.7", type: HasPermissionDirective, isStandalone: true, selector: "[hasPermission]", inputs: { checkPermission: ["hasPermission", "checkPermission"] }, ngImport: i0 });
 }
@@ -8931,5 +8920,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ABAC_RULES_TOKEN, ActionRule, ActionRuleLine, AnimatedDigitComponent, AppGlobals, AppStorage, App_Org, AuthGuard, AuthService, AutoFocusDirective, BarGraphComponent, BaseComponent, BaseGuardChangeComponent, BaseOverlayComponent, Box, Breadcrumb, CanActionPipe, CheckModel, CommonService, CustomNotiComponent, CustomNotiService, DashcardComponent, DateInputParserDirective, DateTimeHelper, DicDomainPipe, DoughnutGraphComponent, DownloadHelper, ENUM_ResponseType, ExpandableSearchComponent, ExtendCheckbox, ExtendDatePicker, ExtendDateRangePicker, ExtendInput, ExtendInputNumber, ExtendPaginationComponent, ExtendSelectComponent, ExtendTableComponent, ExtendTextArea, GlobalSpinnerComponent, GridFilter, H3Icon, HTTPService, HasPermissionDirective, HasPermissionPipe, Height, HideIfErrorDirective, HighlightPipe, IconAdd, IconDelete, IconEdit, IconSave, IconSearch, IconView, LayoutComponent, LimitWordsPipe, LineGraphComponent, LoadingService, LoginComponent, NoPermission, NotiService, NullIfEmptyDirective, NumberOnlyDirective, OrderOption, PagingData, PagingModel, PdfViewerComponent, PermissionComponent, ReadMoreProComponent, RouteMonitorService, SessionManagerService, TableHeader, ThemeService, TokenStorage, TranslateKey, URLs$7 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 { ABAC_RULES_TOKEN, ActionRule, ActionRuleLine, AnimatedDigitComponent, AppGlobals, AppStorage, App_Org, AuthGuard, AuthService, AutoFocusDirective, BarGraphComponent, BaseComponent, BaseGuardChangeComponent, BaseOverlayComponent, Box, Breadcrumb, CheckModel, CommonService, CustomNotiComponent, CustomNotiService, DashcardComponent, DateInputParserDirective, DateTimeHelper, DicDomainPipe, DoughnutGraphComponent, DownloadHelper, ENUM_ResponseType, ExpandableSearchComponent, ExtendCheckbox, ExtendDatePicker, ExtendDateRangePicker, ExtendInput, ExtendInputNumber, ExtendPaginationComponent, ExtendSelectComponent, ExtendTableComponent, ExtendTextArea, GlobalSpinnerComponent, GridFilter, H3Icon, HTTPService, HasPermissionDirective, HasPermissionPipe, Height, HideIfErrorDirective, HighlightPipe, IconAdd, IconDelete, IconEdit, IconSave, IconSearch, IconView, LayoutComponent, LimitWordsPipe, LineGraphComponent, LoadingService, LoginComponent, NoPermission, NotiService, NullIfEmptyDirective, NumberOnlyDirective, OrderOption, PagingData, PagingModel, PdfViewerComponent, PermissionComponent, ReadMoreProComponent, RouteMonitorService, SessionManagerService, TableHeader, ThemeService, TokenStorage, TranslateKey, URLs$7 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