@brggroup/share-lib 0.1.34 → 0.1.35

package/fesm2022/brggroup-share-lib.mjs

@@ -2774,11 +2774,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: { layOutType: "layOutType", label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", inputClass: "inputClass", floatingLabel: "floatingLabel", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", allowClear: "allowClear", disabled: "disabled", readOnly: "readOnly", required: "required", noBottom: "noBottom", selectModeType: "selectModeType", autocomplete: "autocomplete", autofocus: "autofocus", inputWidth: "inputWidth", inputHeight: "inputHeight", borderBottomOnly: "borderBottomOnly", displayInline: "displayInline", size: "size", lstItem: "lstItem", displayField: "displayField", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel", isSubmited: "isSubmited" }, outputs: { _ngModelChange: "_ngModelChange", onclickClearIcon: "onclickClearIcon", onenter: "onenter" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"extend-wrapper\"\n  [ngClass]=\"[layOutType, floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"\n            floatingLabel || layOutType == 'vertical'\n              ? null\n              : layOutType == 'horizontal' && !labelFlex\n                ? labelSpan\n                : null\n          \"\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]=\"\n            floatingLabel || layOutType == 'vertical'\n              ? null\n              : layOutType == 'horizontal' && !labelFlex\n                ? 24 - labelSpan\n                : null\n          \"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel || layOutType == 'vertical' }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <input\n            #inputElement\n            nz-input\n            [nzSize]=\"size\"\n            [id]=\"controlName\"\n            [name]=\"controlName\"\n            [formControlName]=\"controlName\"\n            [autocomplete]=\"autocomplete\"\n            [placeholder]=\"placeHolder\"\n            [ngClass]=\"inputClass\"\n            (keyup.enter)=\"onenter.emit()\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"\n            floatingLabel || layOutType == 'vertical'\n              ? null\n              : layOutType == 'horizontal' && !labelFlex\n                ? labelSpan\n                : null\n          \"\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]=\"\n            floatingLabel || layOutType == 'vertical'\n              ? null\n              : layOutType == 'horizontal' && !labelFlex\n                ? 24 - labelSpan\n                : null\n          \"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel || layOutType == 'vertical' }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\n            <input\n              #inputElement\n              nz-input\n              [nzSize]=\"size\"\n              [id]=\"controlName\"\n              [name]=\"controlName\"\n              [(ngModel)]=\"_ngModel\"\n              [autocomplete]=\"autocomplete\"\n              (ngModelChange)=\"_onNgModelChange()\"\n              [disabled]=\"disabled\"\n              [readOnly]=\"readOnly\"\n              [placeholder]=\"placeHolder\"\n              [ngClass]=\"inputClass\"\n              (keyup.enter)=\"onenter.emit()\"\n            />\n          </nz-input-group>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <input\n        #inputElement\n        nz-input\n        [nzSize]=\"size\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [id]=\"controlName\"\n        [name]=\"controlName\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"_onNgModelChange()\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [placeholder]=\"placeHolder\"\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\n        (keyup.enter)=\"onenter.emit()\"\n      />\n    }\n  }\n</div>\n\n<ng-template #clearIcon>\n  <i\n    nz-icon\n    nzType=\"close-circle\"\n    nzTheme=\"twotone\"\n    nzTwotoneColor=\"#999\"\n    *ngIf=\"_ngModel\"\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\n    style=\"cursor: pointer\"\n  ></i>\n</ng-template>\n", styles: ["::ng-deep .extend-input-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-input-wrapper.floating-label nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-wrapper.floating-label nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i6$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: ExtendInput, isStandalone: true, selector: "extend-input", inputs: { layOutType: "layOutType", label: "label", placeHolder: "placeHolder", labelAlign: "labelAlign", inputClass: "inputClass", floatingLabel: "floatingLabel", labelSpan: "labelSpan", labelFlex: "labelFlex", inputFlex: "inputFlex", allowClear: "allowClear", disabled: "disabled", readOnly: "readOnly", required: "required", noBottom: "noBottom", selectModeType: "selectModeType", autocomplete: "autocomplete", autofocus: "autofocus", inputWidth: "inputWidth", inputHeight: "inputHeight", borderBottomOnly: "borderBottomOnly", displayInline: "displayInline", size: "size", lstItem: "lstItem", displayField: "displayField", valueField: "valueField", formData: "formData", controlName: "controlName", _ngModel: "_ngModel", isSubmited: "isSubmited" }, outputs: { _ngModelChange: "_ngModelChange", onclickClearIcon: "onclickClearIcon", onenter: "onenter" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"extend-wrapper\"\n  [ngClass]=\"[layOutType, floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"layOutType == 'vertical' ? null : 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 == 'vertical' ? null : layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <input\n            #inputElement\n            nz-input\n            [nzSize]=\"size\"\n            [id]=\"controlName\"\n            [name]=\"controlName\"\n            [formControlName]=\"controlName\"\n            [autocomplete]=\"autocomplete\"\n            [placeholder]=\"placeHolder\"\n            [ngClass]=\"inputClass\"\n            (keyup.enter)=\"onenter.emit()\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"layOutType == 'vertical' ? null : 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 == 'vertical' ? null : layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\n            <input\n              #inputElement\n              nz-input\n              [nzSize]=\"size\"\n              [id]=\"controlName\"\n              [name]=\"controlName\"\n              [(ngModel)]=\"_ngModel\"\n              [autocomplete]=\"autocomplete\"\n              (ngModelChange)=\"_onNgModelChange()\"\n              [disabled]=\"disabled\"\n              [readOnly]=\"readOnly\"\n              [placeholder]=\"placeHolder\"\n              [ngClass]=\"inputClass\"\n              (keyup.enter)=\"onenter.emit()\"\n            />\n          </nz-input-group>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <input\n        #inputElement\n        nz-input\n        [nzSize]=\"size\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [id]=\"controlName\"\n        [name]=\"controlName\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"_onNgModelChange()\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [placeholder]=\"placeHolder\"\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\n        (keyup.enter)=\"onenter.emit()\"\n      />\n    }\n  }\n</div>\n\n<ng-template #clearIcon>\n  <i\n    nz-icon\n    nzType=\"close-circle\"\n    nzTheme=\"twotone\"\n    nzTwotoneColor=\"#999\"\n    *ngIf=\"_ngModel\"\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\n    style=\"cursor: pointer\"\n  ></i>\n</ng-template>\n", styles: ["::ng-deep .extend-wrapper.vertical .ant-form-vertical .ant-form-item-label,::ng-deep .extend-wrapper.vertical .ant-col-24.ant-form-item-label,::ng-deep .extend-wrapper.vertical .ant-col-xl-24.ant-form-item-label{padding:0}::ng-deep .floating-label{position:relative;padding-top:14px}::ng-deep .floating-label nz-form-item nz-form-label{position:absolute;top:0;left:6px;background:#fff;z-index:10;font-weight:700;height:18px}::ng-deep .floating-label nz-form-item nz-form-label label{font-size:12px;color:#595959;padding:0 6px;height:18px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i6$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: ExtendInput, decorators: [{
             type: Component,
-            args: [{ selector: 'extend-input', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzInputModule, NzIconModule], template: "<div\n  class=\"extend-wrapper\"\n  [ngClass]=\"[layOutType, floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"\n            floatingLabel || layOutType == 'vertical'\n              ? null\n              : layOutType == 'horizontal' && !labelFlex\n                ? labelSpan\n                : null\n          \"\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]=\"\n            floatingLabel || layOutType == 'vertical'\n              ? null\n              : layOutType == 'horizontal' && !labelFlex\n                ? 24 - labelSpan\n                : null\n          \"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel || layOutType == 'vertical' }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <input\n            #inputElement\n            nz-input\n            [nzSize]=\"size\"\n            [id]=\"controlName\"\n            [name]=\"controlName\"\n            [formControlName]=\"controlName\"\n            [autocomplete]=\"autocomplete\"\n            [placeholder]=\"placeHolder\"\n            [ngClass]=\"inputClass\"\n            (keyup.enter)=\"onenter.emit()\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"\n            floatingLabel || layOutType == 'vertical'\n              ? null\n              : layOutType == 'horizontal' && !labelFlex\n                ? labelSpan\n                : null\n          \"\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]=\"\n            floatingLabel || layOutType == 'vertical'\n              ? null\n              : layOutType == 'horizontal' && !labelFlex\n                ? 24 - labelSpan\n                : null\n          \"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': floatingLabel || layOutType == 'vertical' }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\n            <input\n              #inputElement\n              nz-input\n              [nzSize]=\"size\"\n              [id]=\"controlName\"\n              [name]=\"controlName\"\n              [(ngModel)]=\"_ngModel\"\n              [autocomplete]=\"autocomplete\"\n              (ngModelChange)=\"_onNgModelChange()\"\n              [disabled]=\"disabled\"\n              [readOnly]=\"readOnly\"\n              [placeholder]=\"placeHolder\"\n              [ngClass]=\"inputClass\"\n              (keyup.enter)=\"onenter.emit()\"\n            />\n          </nz-input-group>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <input\n        #inputElement\n        nz-input\n        [nzSize]=\"size\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [id]=\"controlName\"\n        [name]=\"controlName\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"_onNgModelChange()\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [placeholder]=\"placeHolder\"\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\n        (keyup.enter)=\"onenter.emit()\"\n      />\n    }\n  }\n</div>\n\n<ng-template #clearIcon>\n  <i\n    nz-icon\n    nzType=\"close-circle\"\n    nzTheme=\"twotone\"\n    nzTwotoneColor=\"#999\"\n    *ngIf=\"_ngModel\"\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\n    style=\"cursor: pointer\"\n  ></i>\n</ng-template>\n", styles: ["::ng-deep .extend-input-wrapper.floating-label{position:relative;padding-top:14px}::ng-deep .extend-input-wrapper.floating-label nz-form-item nz-form-label{position:absolute;top:11px;left:10px;transform:translateY(-50%);background:#fff;z-index:10;height:auto;line-height:normal;padding:0 4px}::ng-deep .extend-input-wrapper.floating-label nz-form-item nz-form-label label{font-size:12px;color:#595959;font-weight:700;height:auto;line-height:normal;padding:0;display:flex;align-items:center}\n"] }]
+            args: [{ selector: 'extend-input', imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NzFormModule, NzInputModule, NzIconModule], template: "<div\n  class=\"extend-wrapper\"\n  [ngClass]=\"[layOutType, floatingLabel ? 'floating-label' : '']\"\n  [ngStyle]=\"{ display: displayInline ? 'inline' : null }\"\n>\n  @if (controlName) {\n    <div [formGroup]=\"formData\">\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"layOutType == 'vertical' ? null : 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 == 'vertical' ? null : layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <input\n            #inputElement\n            nz-input\n            [nzSize]=\"size\"\n            [id]=\"controlName\"\n            [name]=\"controlName\"\n            [formControlName]=\"controlName\"\n            [autocomplete]=\"autocomplete\"\n            [placeholder]=\"placeHolder\"\n            [ngClass]=\"inputClass\"\n            (keyup.enter)=\"onenter.emit()\"\n          />\n        </nz-form-control>\n      </nz-form-item>\n    </div>\n  } @else {\n    @if (label) {\n      <nz-form-item>\n        <nz-form-label\n          [nzSpan]=\"layOutType == 'vertical' ? null : 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 == 'vertical' ? null : layOutType == 'horizontal' && !labelFlex ? 24 - labelSpan : null\"\n          [nzFlex]=\"inputFlex\"\n          [ngClass]=\"{ 'full-width': layOutType == 'vertical' }\"\n          [nzValidateStatus]=\"customValidateStatus\"\n          [nzErrorTip]=\"'REQUIRED_FIELD' | translate\"\n        >\n          <nz-input-group [nzSize]=\"size\" [nzSuffix]=\"allowClear ? clearIcon : undefined\">\n            <input\n              #inputElement\n              nz-input\n              [nzSize]=\"size\"\n              [id]=\"controlName\"\n              [name]=\"controlName\"\n              [(ngModel)]=\"_ngModel\"\n              [autocomplete]=\"autocomplete\"\n              (ngModelChange)=\"_onNgModelChange()\"\n              [disabled]=\"disabled\"\n              [readOnly]=\"readOnly\"\n              [placeholder]=\"placeHolder\"\n              [ngClass]=\"inputClass\"\n              (keyup.enter)=\"onenter.emit()\"\n            />\n          </nz-input-group>\n        </nz-form-control>\n      </nz-form-item>\n    } @else {\n      <input\n        #inputElement\n        nz-input\n        [nzSize]=\"size\"\n        [ngStyle]=\"{\n          width: inputWidth,\n          height: inputHeight,\n        }\"\n        [id]=\"controlName\"\n        [name]=\"controlName\"\n        [(ngModel)]=\"_ngModel\"\n        (ngModelChange)=\"_onNgModelChange()\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [placeholder]=\"placeHolder\"\n        [ngClass]=\"inputClass + ' ' + (borderBottomOnly ? 'border-bottom-only' : '')\"\n        (keyup.enter)=\"onenter.emit()\"\n      />\n    }\n  }\n</div>\n\n<ng-template #clearIcon>\n  <i\n    nz-icon\n    nzType=\"close-circle\"\n    nzTheme=\"twotone\"\n    nzTwotoneColor=\"#999\"\n    *ngIf=\"_ngModel\"\n    (click)=\"_ngModel = null; _onNgModelChange(); onclickClearIcon.emit()\"\n    style=\"cursor: pointer\"\n  ></i>\n</ng-template>\n", styles: ["::ng-deep .extend-wrapper.vertical .ant-form-vertical .ant-form-item-label,::ng-deep .extend-wrapper.vertical .ant-col-24.ant-form-item-label,::ng-deep .extend-wrapper.vertical .ant-col-xl-24.ant-form-item-label{padding:0}::ng-deep .floating-label{position:relative;padding-top:14px}::ng-deep .floating-label nz-form-item nz-form-label{position:absolute;top:0;left:6px;background:#fff;z-index:10;font-weight:700;height:18px}::ng-deep .floating-label nz-form-item nz-form-label label{font-size:12px;color:#595959;padding:0 6px;height:18px}\n"] }]
         }], propDecorators: { layOutType: [{
                 type: Input
             }], label: [{