@brggroup/share-lib 0.0.68 → 0.0.69

package/fesm2022/brggroup-share-lib.mjs

@@ -2477,11 +2477,11 @@ class ExtendSelectComponent {
         }
     }
     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: { layOutType: "layOutType", label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", 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" }, outputs: { _ngModelChange: "_ngModelChange", itemChange: "itemChange", onFocus: "onFocus" }, host: { properties: { "style.--custom-select-height": "this.cssHeight" } }, ngImport: i0, template: "<div class=\"extend-wrapper\" [ngStyle]=\"{ display: displayInline ? 'inline' : null }\">\n  @if (!multiple) {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzDropdownMatchSelectWidth]=\"false\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n          [disabled]=\"disabled\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n          }\"\n          [ngClass]=\"{\n            'border-bottom-only': borderBottomOnly,\n            'custom-height-select': inputHeight ? true : false,\n          }\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  } @else {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzMode]=\"'multiple'\"\n          [nzMaxMultipleCount]=\"lstItem.length\"\n          [nzMaxTagCount]=\"maxTagCount\"\n          [nzDropdownMatchSelectWidth]=\"false\"\n          [ngModel]=\"_ngModel\"\n          [disabled]=\"disabled\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  }\n</div>\n", styles: [":host ::ng-deep .ant-select-selector{height:var(--custom-select-height)!important;line-height:var(--custom-select-height)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendSelectComponent, isStandalone: true, selector: "extend-select", inputs: { layOutType: "layOutType", label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", 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" }, outputs: { _ngModelChange: "_ngModelChange", itemChange: "itemChange", onFocus: "onFocus" }, host: { properties: { "style.--custom-select-height": "this.cssHeight" } }, ngImport: i0, template: "<div class=\"extend-wrapper\" [ngStyle]=\"{ display: displayInline ? 'inline' : null }\">\n  @if (!multiple) {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzDropdownMatchSelectWidth]=\"false\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n          [disabled]=\"disabled\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n          }\"\n          [ngClass]=\"{\n            'border-bottom-only': borderBottomOnly,\n            'custom-height-select': inputHeight ? true : false,\n          }\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  } @else {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzMode]=\"'multiple'\"\n          [nzMaxMultipleCount]=\"lstItem.length\"\n          [nzMaxTagCount]=\"maxTagCount\"\n          [nzDropdownMatchSelectWidth]=\"false\"\n          [ngModel]=\"_ngModel\"\n          [disabled]=\"disabled\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  }\n</div>\n", styles: [":host ::ng-deep .ant-select-selector{height:var(--custom-select-height)!important;line-height:var(--custom-select-height)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'extend-select', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzSelectModule], template: "<div class=\"extend-wrapper\" [ngStyle]=\"{ display: displayInline ? 'inline' : null }\">\n  @if (!multiple) {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzDropdownMatchSelectWidth]=\"false\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n          [disabled]=\"disabled\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n          }\"\n          [ngClass]=\"{\n            'border-bottom-only': borderBottomOnly,\n            'custom-height-select': inputHeight ? true : false,\n          }\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  } @else {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzMode]=\"'multiple'\"\n          [nzMaxMultipleCount]=\"lstItem.length\"\n          [nzMaxTagCount]=\"maxTagCount\"\n          [nzDropdownMatchSelectWidth]=\"false\"\n          [ngModel]=\"_ngModel\"\n          [disabled]=\"disabled\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  }\n</div>\n", styles: [":host ::ng-deep .ant-select-selector{height:var(--custom-select-height)!important;line-height:var(--custom-select-height)!important}\n"] }]
+            args: [{ selector: 'extend-select', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzSelectModule], template: "<div class=\"extend-wrapper\" [ngStyle]=\"{ display: displayInline ? 'inline' : null }\">\n  @if (!multiple) {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzDropdownMatchSelectWidth]=\"false\"\n          [ngModel]=\"_ngModel\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n          [disabled]=\"disabled\"\n          [ngStyle]=\"{\n            width: inputWidth,\n            height: inputHeight,\n          }\"\n          [ngClass]=\"{\n            'border-bottom-only': borderBottomOnly,\n            'custom-height-select': inputHeight ? true : false,\n          }\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  } @else {\n    @if (controlName) {\n      <div [formGroup]=\"formData\">\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [formControlName]=\"controlName\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    } @else {\n      @if (label) {\n        <nz-form-item>\n          <nz-form-label\n            [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n            [nzFlex]=\"labelFlex\"\n            [nzLabelAlign]=\"labelAlign\"\n            [nzRequired]=\"required\"\n            nzNoColon\n            nzLabelWrap\n          >\n            {{ label }}\n          </nz-form-label>\n          <nz-form-control\n            [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n            [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n          >\n            <nz-select\n              nzShowSearch\n              nzAllowClear\n              [nzSize]=\"size\"\n              [nzMode]=\"'multiple'\"\n              [nzMaxMultipleCount]=\"lstItem.length\"\n              [nzMaxTagCount]=\"maxTagCount\"\n              [nzAllowClear]=\"true\"\n              [nzShowSearch]=\"true\"\n              [nzDropdownMatchSelectWidth]=\"false\"\n              [ngModel]=\"_ngModel\"\n              [disabled]=\"disabled\"\n              (ngModelChange)=\"onSelectChange($event)\"\n              (nzFocus)=\"onFocus.emit()\"\n            >\n              @if (showSelectAll) {\n                <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n              }\n              @for (item of lstItem; track $index) {\n                <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n              }\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n      } @else {\n        <nz-select\n          class=\"full-width\"\n          nzShowSearch\n          nzAllowClear\n          [nzSize]=\"size\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [nzMode]=\"'multiple'\"\n          [nzMaxMultipleCount]=\"lstItem.length\"\n          [nzMaxTagCount]=\"maxTagCount\"\n          [nzDropdownMatchSelectWidth]=\"false\"\n          [ngModel]=\"_ngModel\"\n          [disabled]=\"disabled\"\n          (ngModelChange)=\"onSelectChange($event)\"\n          (nzFocus)=\"onFocus.emit()\"\n        >\n          @if (showSelectAll) {\n            <nz-option [nzLabel]=\"'-- Ch\u1ECDn t\u1EA5t c\u1EA3 --'\" [nzValue]=\"'__all__'\"></nz-option>\n          }\n          @for (item of lstItem; track $index) {\n            <nz-option [nzLabel]=\"getDisplay(item)\" [nzValue]=\"valueField ? item[valueField] : item\"></nz-option>\n          }\n        </nz-select>\n      }\n    }\n  }\n</div>\n", styles: [":host ::ng-deep .ant-select-selector{height:var(--custom-select-height)!important;line-height:var(--custom-select-height)!important}\n"] }]
         }], propDecorators: { layOutType: [{
                 type: Input
             }], label: [{
@@ -2571,7 +2571,7 @@ class ExtendTextArea {
         this._ngModelChange.emit(this._ngModel);
     }
     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: { layOutType: "layOutType", label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", disabled: "disabled", required: "required", noBottom: "noBottom", selectModeType: "selectModeType", inputClass: "inputClass", minRows: "minRows", maxRows: "maxRows", lstItem: "lstItem", displayField: "displayField", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel" }, outputs: { _ngModelChange: "_ngModelChange" }, ngImport: i0, template: "@if (controlName) {\n  <div [formGroup]=\"formData\">\n    <nz-form-item>\n      <nz-form-label\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n        [nzFlex]=\"labelFlex\"\n        [nzLabelAlign]=\"labelAlign\"\n        [nzRequired]=\"required\"\n        [nzFor]=\"controlName\"\n        nzNoColon\n        nzLabelWrap\n      >\n        {{ label }}\n      </nz-form-label>\n      <nz-form-control\n        [nzFlex]=\"inputFlex\"\n        [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n        [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n      >\n        <textarea\n          nz-input\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n          [formControlName]=\"controlName\"\n          [ngClass]=\"inputClass\"\n        ></textarea>\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n} @else {\n  @if (label) {\n    <nz-form-item>\n      <nz-form-label\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n        [nzFlex]=\"labelFlex\"\n        [nzLabelAlign]=\"labelAlign\"\n        [nzRequired]=\"required\"\n        [nzFor]=\"controlName\"\n        nzNoColon\n        nzLabelWrap\n      >\n        {{ label }}\n      </nz-form-label>\n      <nz-form-control\n        [nzFlex]=\"inputFlex\"\n        [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n        [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n      >\n        <textarea\n          nz-input\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n          [(ngModel)]=\"_ngModel\"\n          (ngModelChange)=\"onChange()\"\n          [disabled]=\"disabled\"\n          [ngClass]=\"inputClass\"\n        ></textarea>\n      </nz-form-control>\n    </nz-form-item>\n  } @else {\n    <textarea\n      nz-input\n      [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n      [(ngModel)]=\"_ngModel\"\n      (ngModelChange)=\"onChange()\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"inputClass\"\n    ></textarea>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i6$1.NzAutosizeDirective, selector: "textarea[nzAutosize]", inputs: ["nzAutosize"], exportAs: ["nzAutosize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendTextArea, isStandalone: true, selector: "extend-textarea", inputs: { layOutType: "layOutType", label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", disabled: "disabled", required: "required", noBottom: "noBottom", selectModeType: "selectModeType", inputClass: "inputClass", minRows: "minRows", maxRows: "maxRows", lstItem: "lstItem", displayField: "displayField", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel" }, outputs: { _ngModelChange: "_ngModelChange" }, ngImport: i0, template: "@if (controlName) {\n  <div [formGroup]=\"formData\">\n    <nz-form-item>\n      <nz-form-label\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n        [nzFlex]=\"labelFlex\"\n        [nzLabelAlign]=\"labelAlign\"\n        [nzRequired]=\"required\"\n        [nzFor]=\"controlName\"\n        nzNoColon\n        nzLabelWrap\n      >\n        {{ label }}\n      </nz-form-label>\n      <nz-form-control\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n        [nzFlex]=\"inputFlex\"\n        [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n        [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n      >\n        <textarea\n          nz-input\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n          [formControlName]=\"controlName\"\n          [ngClass]=\"inputClass\"\n        ></textarea>\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n} @else {\n  @if (label) {\n    <nz-form-item>\n      <nz-form-label\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n        [nzFlex]=\"labelFlex\"\n        [nzLabelAlign]=\"labelAlign\"\n        [nzRequired]=\"required\"\n        [nzFor]=\"controlName\"\n        nzNoColon\n        nzLabelWrap\n      >\n        {{ label }}\n      </nz-form-label>\n      <nz-form-control\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n        [nzFlex]=\"inputFlex\"\n        [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n        [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n      >\n        <textarea\n          nz-input\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n          [(ngModel)]=\"_ngModel\"\n          (ngModelChange)=\"onChange()\"\n          [disabled]=\"disabled\"\n          [ngClass]=\"inputClass\"\n        ></textarea>\n      </nz-form-control>\n    </nz-form-item>\n  } @else {\n    <textarea\n      nz-input\n      [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n      [(ngModel)]=\"_ngModel\"\n      (ngModelChange)=\"onChange()\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"inputClass\"\n    ></textarea>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i6$1.NzAutosizeDirective, selector: "textarea[nzAutosize]", inputs: ["nzAutosize"], exportAs: ["nzAutosize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendTextArea, decorators: [{
             type: Component,
@@ -2583,7 +2583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         NzDatePickerModule,
                         TranslateModule,
                         NzInputModule,
-                    ], template: "@if (controlName) {\n  <div [formGroup]=\"formData\">\n    <nz-form-item>\n      <nz-form-label\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n        [nzFlex]=\"labelFlex\"\n        [nzLabelAlign]=\"labelAlign\"\n        [nzRequired]=\"required\"\n        [nzFor]=\"controlName\"\n        nzNoColon\n        nzLabelWrap\n      >\n        {{ label }}\n      </nz-form-label>\n      <nz-form-control\n        [nzFlex]=\"inputFlex\"\n        [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n        [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n      >\n        <textarea\n          nz-input\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n          [formControlName]=\"controlName\"\n          [ngClass]=\"inputClass\"\n        ></textarea>\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n} @else {\n  @if (label) {\n    <nz-form-item>\n      <nz-form-label\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n        [nzFlex]=\"labelFlex\"\n        [nzLabelAlign]=\"labelAlign\"\n        [nzRequired]=\"required\"\n        [nzFor]=\"controlName\"\n        nzNoColon\n        nzLabelWrap\n      >\n        {{ label }}\n      </nz-form-label>\n      <nz-form-control\n        [nzFlex]=\"inputFlex\"\n        [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n        [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n      >\n        <textarea\n          nz-input\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n          [(ngModel)]=\"_ngModel\"\n          (ngModelChange)=\"onChange()\"\n          [disabled]=\"disabled\"\n          [ngClass]=\"inputClass\"\n        ></textarea>\n      </nz-form-control>\n    </nz-form-item>\n  } @else {\n    <textarea\n      nz-input\n      [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n      [(ngModel)]=\"_ngModel\"\n      (ngModelChange)=\"onChange()\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"inputClass\"\n    ></textarea>\n  }\n}\n" }]
+                    ], template: "@if (controlName) {\n  <div [formGroup]=\"formData\">\n    <nz-form-item>\n      <nz-form-label\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n        [nzFlex]=\"labelFlex\"\n        [nzLabelAlign]=\"labelAlign\"\n        [nzRequired]=\"required\"\n        [nzFor]=\"controlName\"\n        nzNoColon\n        nzLabelWrap\n      >\n        {{ label }}\n      </nz-form-label>\n      <nz-form-control\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n        [nzFlex]=\"inputFlex\"\n        [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n        [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n      >\n        <textarea\n          nz-input\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n          [formControlName]=\"controlName\"\n          [ngClass]=\"inputClass\"\n        ></textarea>\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n} @else {\n  @if (label) {\n    <nz-form-item>\n      <nz-form-label\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? labelSpan : null\"\n        [nzFlex]=\"labelFlex\"\n        [nzLabelAlign]=\"labelAlign\"\n        [nzRequired]=\"required\"\n        [nzFor]=\"controlName\"\n        nzNoColon\n        nzLabelWrap\n      >\n        {{ label }}\n      </nz-form-label>\n      <nz-form-control\n        [nzSpan]=\"layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n        [nzFlex]=\"inputFlex\"\n        [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n        [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n      >\n        <textarea\n          nz-input\n          [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n          [(ngModel)]=\"_ngModel\"\n          (ngModelChange)=\"onChange()\"\n          [disabled]=\"disabled\"\n          [ngClass]=\"inputClass\"\n        ></textarea>\n      </nz-form-control>\n    </nz-form-item>\n  } @else {\n    <textarea\n      nz-input\n      [nzAutosize]=\"{ minRows: minRows || 3, maxRows: maxRows || 5 }\"\n      [(ngModel)]=\"_ngModel\"\n      (ngModelChange)=\"onChange()\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"inputClass\"\n    ></textarea>\n  }\n}\n" }]
         }], propDecorators: { layOutType: [{
                 type: Input
             }], label: [{