ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-input.mjs

@@ -43,7 +43,7 @@ class ThyInputDirective {
          * @type 'xs' | 'sm' | 'md' | 'default' | 'lg'
          * @default default
          */
-        this.thySize = input(undefined);
+        this.thySize = input(undefined, ...(ngDevMode ? [{ debugName: "thySize" }] : []));
         effect(() => {
             const size = this.thySize();
             if (size && inputGroupSizeMap$1[size]) {
@@ -54,10 +54,10 @@ class ThyInputDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyInputDirective, isStandalone: true, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.form-control": "this.isFormControl" } }, exportAs: ["thyInput"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThyInputDirective, isStandalone: true, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.form-control": "this.isFormControl" } }, exportAs: ["thyInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[thyInput], select[thyInput], textarea[thyInput]',
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
         }], ctorParameters: () => [], propDecorators: { isFormControl: [{
                 type: HostBinding,
                 args: ['class.form-control']
-            }] } });
+            }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }] } });
 
 const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
@@ -87,34 +87,34 @@ class ThyInput {
         /**
          * Placeholder
          */
-        this.placeholder = input('');
+        this.placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         /**
          * 输入框大小
          * @type 'xs' | 'sm' | 'md' | 'default' | 'lg'
          * @default default
          */
-        this.thySize = input();
+        this.thySize = input(...(ngDevMode ? [undefined, { debugName: "thySize" }] : []));
         /**
          * 是否自动聚焦
          */
-        this.thyAutofocus = input(false, { transform: coerceBooleanProperty });
+        this.thyAutofocus = input(false, ...(ngDevMode ? [{ debugName: "thyAutofocus", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 输入框类型
          * @type 'number' | 'input'
          */
-        this.thyType = input();
+        this.thyType = input(...(ngDevMode ? [undefined, { debugName: "thyType" }] : []));
         /**
          * @deprecated please use thyType
          */
-        this._type = input(undefined, { alias: 'type' });
+        this._type = input(undefined, ...(ngDevMode ? [{ debugName: "_type", alias: 'type' }] : [{ alias: 'type' }]));
         /**
          * 输入 Label 文本
          */
-        this.thyLabelText = input(undefined);
+        this.thyLabelText = input(undefined, ...(ngDevMode ? [{ debugName: "thyLabelText" }] : []));
         /**
          * 是否只读
          */
-        this.readonly = input(false, { transform: coerceBooleanProperty });
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * focus 聚焦事件
          */
@@ -126,19 +126,19 @@ class ThyInput {
         /**
          * 后置模板
          */
-        this.appendTemplate = contentChild('append');
+        this.appendTemplate = contentChild('append', ...(ngDevMode ? [{ debugName: "appendTemplate" }] : []));
         /**
          * 前置模板
          */
-        this.prependTemplate = contentChild('prepend');
-        this.type = signal(undefined);
-        this.value = signal('');
-        this.showLabel = signal(false);
-        this.focused = signal(false);
-        this.disabled = signal(false);
+        this.prependTemplate = contentChild('prepend', ...(ngDevMode ? [{ debugName: "prependTemplate" }] : []));
+        this.type = signal(undefined, ...(ngDevMode ? [{ debugName: "type" }] : []));
+        this.value = signal('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.showLabel = signal(false, ...(ngDevMode ? [{ debugName: "showLabel" }] : []));
+        this.focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : []));
+        this.disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.onTouchedCallback = noop$1;
         this.onChangeCallback = noop$1;
-        this.isPasswordType = signal(false);
+        this.isPasswordType = signal(false, ...(ngDevMode ? [{ debugName: "isPasswordType" }] : []));
         effect(() => {
             this.type.set(this.thyType() || this._type());
         });
@@ -183,17 +183,17 @@ class ThyInput {
     togglePasswordType() {
         this.type.set(this.isPassword(this.type()) ? 'text' : 'password');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyInput, isStandalone: true, selector: "thy-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyAutofocus: { classPropertyName: "thyAutofocus", publicName: "thyAutofocus", isSignal: true, isRequired: false, transformFunction: null }, thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, _type: { classPropertyName: "_type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, thyLabelText: { classPropertyName: "thyLabelText", publicName: "thyLabelText", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focus: "focus", blur: "blur" }, host: { properties: { "class.form-control-active": "focused()", "class.disabled": "disabled()" }, classAttribute: "thy-input form-control" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "appendTemplate", first: true, predicate: ["append"], descendants: true, isSignal: true }, { propertyName: "prependTemplate", first: true, predicate: ["prepend"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (prependTemplate()) {\n  <div #prepend class=\"input-prepend\">\n    <ng-template *ngTemplateOutlet=\"prependTemplate()\"></ng-template>\n  </div>\n}\n<input\n  #input\n  thyInput\n  [thySize]=\"thySize()\"\n  [thyAutofocus]=\"thyAutofocus()\"\n  [type]=\"type()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [(ngModel)]=\"value\"\n  (ngModelChange)=\"onModelChange()\"\n  (focus)=\"onInputFocus($event)\"\n  (blur)=\"onInputBlur($event)\"\n  [readonly]=\"readonly()\"\n  />\n<span class=\"input-label input-label-{{ thySize() }}\" [class.active]=\"showLabel()\">{{ thyLabelText() }}</span>\n\n@if (isPasswordType() || appendTemplate()) {\n  <div #append class=\"input-append\">\n    @if (isPasswordType()) {\n      <a href=\"javascript:;\" class=\"link-secondary input-password-icon\" (click)=\"togglePasswordType()\">\n        @if (isPassword(type())) {\n          <thy-icon thyIconName=\"eye\"></thy-icon>\n        }\n        @if (!isPassword(type())) {\n          <thy-icon thyIconName=\"eye-invisible\"></thy-icon>\n        }\n      </a>\n    } @else {\n      <ng-template *ngTemplateOutlet=\"appendTemplate()\"></ng-template>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: ThyAutofocusDirective, selector: "input[thyAutofocus],textarea[thyAutofocus]", inputs: ["thyAutofocus", "thyAutoSelect"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyInput, isStandalone: true, selector: "thy-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyAutofocus: { classPropertyName: "thyAutofocus", publicName: "thyAutofocus", isSignal: true, isRequired: false, transformFunction: null }, thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, _type: { classPropertyName: "_type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, thyLabelText: { classPropertyName: "thyLabelText", publicName: "thyLabelText", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focus: "focus", blur: "blur" }, host: { properties: { "class.form-control-active": "focused()", "class.disabled": "disabled()" }, classAttribute: "thy-input form-control" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "appendTemplate", first: true, predicate: ["append"], descendants: true, isSignal: true }, { propertyName: "prependTemplate", first: true, predicate: ["prepend"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (prependTemplate()) {\n  <div #prepend class=\"input-prepend\">\n    <ng-template *ngTemplateOutlet=\"prependTemplate()\"></ng-template>\n  </div>\n}\n<input\n  #input\n  thyInput\n  [thySize]=\"thySize()\"\n  [thyAutofocus]=\"thyAutofocus()\"\n  [type]=\"type()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [(ngModel)]=\"value\"\n  (ngModelChange)=\"onModelChange()\"\n  (focus)=\"onInputFocus($event)\"\n  (blur)=\"onInputBlur($event)\"\n  [readonly]=\"readonly()\"\n  />\n<span class=\"input-label input-label-{{ thySize() }}\" [class.active]=\"showLabel()\">{{ thyLabelText() }}</span>\n\n@if (isPasswordType() || appendTemplate()) {\n  <div #append class=\"input-append\">\n    @if (isPasswordType()) {\n      <a href=\"javascript:;\" class=\"link-secondary input-password-icon\" (click)=\"togglePasswordType()\">\n        @if (isPassword(type())) {\n          <thy-icon thyIconName=\"eye\"></thy-icon>\n        }\n        @if (!isPassword(type())) {\n          <thy-icon thyIconName=\"eye-invisible\"></thy-icon>\n        }\n      </a>\n    } @else {\n      <ng-template *ngTemplateOutlet=\"appendTemplate()\"></ng-template>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: ThyAutofocusDirective, selector: "input[thyAutofocus],textarea[thyAutofocus]", inputs: ["thyAutofocus", "thyAutoSelect"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInput, decorators: [{
             type: Component,
             args: [{ selector: 'thy-input', providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], encapsulation: ViewEncapsulation.None, host: {
                         class: 'thy-input form-control',
                         '[class.form-control-active]': 'focused()',
                         '[class.disabled]': 'disabled()'
                     }, imports: [NgTemplateOutlet, ThyInputDirective, ThyAutofocusDirective, FormsModule, ThyIcon], template: "@if (prependTemplate()) {\n  <div #prepend class=\"input-prepend\">\n    <ng-template *ngTemplateOutlet=\"prependTemplate()\"></ng-template>\n  </div>\n}\n<input\n  #input\n  thyInput\n  [thySize]=\"thySize()\"\n  [thyAutofocus]=\"thyAutofocus()\"\n  [type]=\"type()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [(ngModel)]=\"value\"\n  (ngModelChange)=\"onModelChange()\"\n  (focus)=\"onInputFocus($event)\"\n  (blur)=\"onInputBlur($event)\"\n  [readonly]=\"readonly()\"\n  />\n<span class=\"input-label input-label-{{ thySize() }}\" [class.active]=\"showLabel()\">{{ thyLabelText() }}</span>\n\n@if (isPasswordType() || appendTemplate()) {\n  <div #append class=\"input-append\">\n    @if (isPasswordType()) {\n      <a href=\"javascript:;\" class=\"link-secondary input-password-icon\" (click)=\"togglePasswordType()\">\n        @if (isPassword(type())) {\n          <thy-icon thyIconName=\"eye\"></thy-icon>\n        }\n        @if (!isPassword(type())) {\n          <thy-icon thyIconName=\"eye-invisible\"></thy-icon>\n        }\n      </a>\n    } @else {\n      <ng-template *ngTemplateOutlet=\"appendTemplate()\"></ng-template>\n    }\n  </div>\n}\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyAutofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAutofocus", required: false }] }], thyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyType", required: false }] }], _type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], thyLabelText: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLabelText", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], focus: [{ type: i0.Output, args: ["focus"] }], blur: [{ type: i0.Output, args: ["blur"] }], appendTemplate: [{ type: i0.ContentChild, args: ['append', { isSignal: true }] }], prependTemplate: [{ type: i0.ContentChild, args: ['prepend', { isSignal: true }] }] } });
 
 const inputGroupSizeMap = {
     sm: ['input-group-sm'],
@@ -212,65 +212,65 @@ class ThyInputGroup {
         this.hostRenderer = useHostRenderer();
         this.hostFocusControl = useHostFocusControl();
         this.destroyRef = inject(DestroyRef);
-        this.isTextareaSuffix = signal(false);
-        this.hasScrollbar = signal(false);
-        this.disabled = signal(false);
+        this.isTextareaSuffix = signal(false, ...(ngDevMode ? [{ debugName: "isTextareaSuffix" }] : []));
+        this.hasScrollbar = signal(false, ...(ngDevMode ? [{ debugName: "hasScrollbar" }] : []));
+        this.disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         /**
          * 输入框上添加的后置文本
          */
-        this.thyAppendText = input();
+        this.thyAppendText = input(...(ngDevMode ? [undefined, { debugName: "thyAppendText" }] : []));
         /**
          * 输入框上添加的后置文本多语言 Key
          */
-        this.thyAppendTextTranslateKey = input();
+        this.thyAppendTextTranslateKey = input(...(ngDevMode ? [undefined, { debugName: "thyAppendTextTranslateKey" }] : []));
         /**
          * 输入框上添加的前置文本
          */
-        this.thyPrependText = input();
+        this.thyPrependText = input(...(ngDevMode ? [undefined, { debugName: "thyPrependText" }] : []));
         /**
          * 输入框上添加的前置文本多语言 Key
          */
-        this.thyPrependTextTranslateKey = input();
+        this.thyPrependTextTranslateKey = input(...(ngDevMode ? [undefined, { debugName: "thyPrependTextTranslateKey" }] : []));
         this.prependText = computed(() => {
             const prependTextTranslateKey = this.thyPrependTextTranslateKey();
             if (prependTextTranslateKey) {
                 return this.thyTranslate.instant(prependTextTranslateKey);
             }
             return this.thyPrependText();
-        });
+        }, ...(ngDevMode ? [{ debugName: "prependText" }] : []));
         this.appendText = computed(() => {
             const appendTextTranslateKey = this.thyAppendTextTranslateKey();
             if (appendTextTranslateKey) {
                 return this.thyTranslate.instant(appendTextTranslateKey);
             }
             return this.thyAppendText();
-        });
+        }, ...(ngDevMode ? [{ debugName: "appendText" }] : []));
         /**
          * 输入框分组大小
          * @type 'sm' | 'lg' | 'md' | ''
          * @default ''
          */
-        this.thySize = input();
+        this.thySize = input(...(ngDevMode ? [undefined, { debugName: "thySize" }] : []));
         /**
          * 后置模板
          */
-        this.appendTemplate = contentChild('append');
+        this.appendTemplate = contentChild('append', ...(ngDevMode ? [{ debugName: "appendTemplate" }] : []));
         /**
          * 前置模板
          */
-        this.prependTemplate = contentChild('prepend');
+        this.prependTemplate = contentChild('prepend', ...(ngDevMode ? [{ debugName: "prependTemplate" }] : []));
         /**
          * 前缀
          */
-        this.prefixTemplate = contentChild('prefix');
+        this.prefixTemplate = contentChild('prefix', ...(ngDevMode ? [{ debugName: "prefixTemplate" }] : []));
         /**
          * 后缀
          */
-        this.suffixTemplate = contentChild('suffix');
+        this.suffixTemplate = contentChild('suffix', ...(ngDevMode ? [{ debugName: "suffixTemplate" }] : []));
         /**
          * @private
          */
-        this.inputDirective = contentChild(ThyInputDirective);
+        this.inputDirective = contentChild(ThyInputDirective, ...(ngDevMode ? [{ debugName: "inputDirective" }] : []));
         effect(() => {
             const size = this.thySize();
             if (size && inputGroupSizeMap[size]) {
@@ -349,10 +349,10 @@ class ThyInputGroup {
     ngOnDestroy() {
         this.hostFocusControl.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyInputGroup, isStandalone: true, selector: "thy-input-group", inputs: { thyAppendText: { classPropertyName: "thyAppendText", publicName: "thyAppendText", isSignal: true, isRequired: false, transformFunction: null }, thyAppendTextTranslateKey: { classPropertyName: "thyAppendTextTranslateKey", publicName: "thyAppendTextTranslateKey", isSignal: true, isRequired: false, transformFunction: null }, thyPrependText: { classPropertyName: "thyPrependText", publicName: "thyPrependText", isSignal: true, isRequired: false, transformFunction: null }, thyPrependTextTranslateKey: { classPropertyName: "thyPrependTextTranslateKey", publicName: "thyPrependTextTranslateKey", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.form-control": "prefixTemplate() || suffixTemplate()", "class.thy-input-group-with-prefix": "prefixTemplate()", "class.thy-input-group-with-suffix": "suffixTemplate()", "class.thy-input-group-with-textarea-suffix": "isTextareaSuffix()", "class.thy-input-group-with-scroll-bar": "isTextareaSuffix() && hasScrollbar()", "class.disabled": "disabled()" }, classAttribute: "thy-input-group" }, queries: [{ propertyName: "appendTemplate", first: true, predicate: ["append"], descendants: true, isSignal: true }, { propertyName: "prependTemplate", first: true, predicate: ["prepend"], descendants: true, isSignal: true }, { propertyName: "prefixTemplate", first: true, predicate: ["prefix"], descendants: true, isSignal: true }, { propertyName: "suffixTemplate", first: true, predicate: ["suffix"], descendants: true, isSignal: true }, { propertyName: "inputDirective", first: true, predicate: ThyInputDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (prependText()) {\n  <div class=\"input-group-prepend\">\n    <span class=\"input-group-text\">{{ prependText() }}</span>\n  </div>\n}\n@if (prependTemplate()) {\n  <div class=\"input-group-prepend\">\n    <ng-template *ngTemplateOutlet=\"prependTemplate()\"></ng-template>\n  </div>\n}\n\n@if (prefixTemplate()) {\n  <div class=\"input-group-prefix\">\n    <ng-template *ngTemplateOutlet=\"prefixTemplate()\"></ng-template>\n  </div>\n}\n\n<ng-content></ng-content>\n\n@if (appendText()) {\n  <div class=\"input-group-append\">\n    <span class=\"input-group-text\">{{ appendText() }}</span>\n  </div>\n}\n@if (appendTemplate()) {\n  <div class=\"input-group-append\">\n    <ng-template *ngTemplateOutlet=\"appendTemplate()\"></ng-template>\n  </div>\n}\n\n@if (suffixTemplate()) {\n  <div class=\"input-group-suffix\">\n    <ng-template *ngTemplateOutlet=\"suffixTemplate()\"></ng-template>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyInputGroup, isStandalone: true, selector: "thy-input-group", inputs: { thyAppendText: { classPropertyName: "thyAppendText", publicName: "thyAppendText", isSignal: true, isRequired: false, transformFunction: null }, thyAppendTextTranslateKey: { classPropertyName: "thyAppendTextTranslateKey", publicName: "thyAppendTextTranslateKey", isSignal: true, isRequired: false, transformFunction: null }, thyPrependText: { classPropertyName: "thyPrependText", publicName: "thyPrependText", isSignal: true, isRequired: false, transformFunction: null }, thyPrependTextTranslateKey: { classPropertyName: "thyPrependTextTranslateKey", publicName: "thyPrependTextTranslateKey", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.form-control": "prefixTemplate() || suffixTemplate()", "class.thy-input-group-with-prefix": "prefixTemplate()", "class.thy-input-group-with-suffix": "suffixTemplate()", "class.thy-input-group-with-textarea-suffix": "isTextareaSuffix()", "class.thy-input-group-with-scroll-bar": "isTextareaSuffix() && hasScrollbar()", "class.disabled": "disabled()" }, classAttribute: "thy-input-group" }, queries: [{ propertyName: "appendTemplate", first: true, predicate: ["append"], descendants: true, isSignal: true }, { propertyName: "prependTemplate", first: true, predicate: ["prepend"], descendants: true, isSignal: true }, { propertyName: "prefixTemplate", first: true, predicate: ["prefix"], descendants: true, isSignal: true }, { propertyName: "suffixTemplate", first: true, predicate: ["suffix"], descendants: true, isSignal: true }, { propertyName: "inputDirective", first: true, predicate: ThyInputDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (prependText()) {\n  <div class=\"input-group-prepend\">\n    <span class=\"input-group-text\">{{ prependText() }}</span>\n  </div>\n}\n@if (prependTemplate()) {\n  <div class=\"input-group-prepend\">\n    <ng-template *ngTemplateOutlet=\"prependTemplate()\"></ng-template>\n  </div>\n}\n\n@if (prefixTemplate()) {\n  <div class=\"input-group-prefix\">\n    <ng-template *ngTemplateOutlet=\"prefixTemplate()\"></ng-template>\n  </div>\n}\n\n<ng-content></ng-content>\n\n@if (appendText()) {\n  <div class=\"input-group-append\">\n    <span class=\"input-group-text\">{{ appendText() }}</span>\n  </div>\n}\n@if (appendTemplate()) {\n  <div class=\"input-group-append\">\n    <ng-template *ngTemplateOutlet=\"appendTemplate()\"></ng-template>\n  </div>\n}\n\n@if (suffixTemplate()) {\n  <div class=\"input-group-suffix\">\n    <ng-template *ngTemplateOutlet=\"suffixTemplate()\"></ng-template>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputGroup, decorators: [{
             type: Component,
             args: [{ selector: 'thy-input-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'thy-input-group',
@@ -363,7 +363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.thy-input-group-with-scroll-bar]': 'isTextareaSuffix() && hasScrollbar()',
                         '[class.disabled]': 'disabled()'
                     }, imports: [NgTemplateOutlet], template: "@if (prependText()) {\n  <div class=\"input-group-prepend\">\n    <span class=\"input-group-text\">{{ prependText() }}</span>\n  </div>\n}\n@if (prependTemplate()) {\n  <div class=\"input-group-prepend\">\n    <ng-template *ngTemplateOutlet=\"prependTemplate()\"></ng-template>\n  </div>\n}\n\n@if (prefixTemplate()) {\n  <div class=\"input-group-prefix\">\n    <ng-template *ngTemplateOutlet=\"prefixTemplate()\"></ng-template>\n  </div>\n}\n\n<ng-content></ng-content>\n\n@if (appendText()) {\n  <div class=\"input-group-append\">\n    <span class=\"input-group-text\">{{ appendText() }}</span>\n  </div>\n}\n@if (appendTemplate()) {\n  <div class=\"input-group-append\">\n    <ng-template *ngTemplateOutlet=\"appendTemplate()\"></ng-template>\n  </div>\n}\n\n@if (suffixTemplate()) {\n  <div class=\"input-group-suffix\">\n    <ng-template *ngTemplateOutlet=\"suffixTemplate()\"></ng-template>\n  </div>\n}\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyAppendText: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAppendText", required: false }] }], thyAppendTextTranslateKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAppendTextTranslateKey", required: false }] }], thyPrependText: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPrependText", required: false }] }], thyPrependTextTranslateKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPrependTextTranslateKey", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], appendTemplate: [{ type: i0.ContentChild, args: ['append', { isSignal: true }] }], prependTemplate: [{ type: i0.ContentChild, args: ['prepend', { isSignal: true }] }], prefixTemplate: [{ type: i0.ContentChild, args: ['prefix', { isSignal: true }] }], suffixTemplate: [{ type: i0.ContentChild, args: ['suffix', { isSignal: true }] }], inputDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ThyInputDirective), { isSignal: true }] }] } });
 
 const CUSTOM_INPUT_SEARCH_CONTROL_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
@@ -381,44 +381,45 @@ class ThyInputSearch extends _MixinBase {
     constructor() {
         super();
         this.elementRef = inject(ElementRef);
-        this.inputElement = viewChild('input');
+        this.inputElement = viewChild('input', ...(ngDevMode ? [{ debugName: "inputElement" }] : []));
         this.hostRenderer = useHostRenderer();
         this.hostFocusControl = useHostFocusControl();
-        this.disabled = signal(false);
-        this.searchText = signal('');
-        this.focused = signal(false);
+        this.disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.searchText = signal('', ...(ngDevMode ? [{ debugName: "searchText" }] : []));
+        this.focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : []));
         /**
          * 搜索框 name 属性
          */
-        this.name = input('');
+        this.name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
         /**
          * 搜索框 Placeholder
          */
-        this.placeholder = input('');
+        this.placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         /**
          * 搜索框风格
          * @type 'default' | 'ellipse' | 'transparent'
          * @default default
          */
-        this.thyTheme = input();
+        this.thyTheme = input(...(ngDevMode ? [undefined, { debugName: "thyTheme" }] : []));
         /**
          * 是否自动聚焦
          * @default false
          */
-        this.autoFocus = input(false, { alias: 'thySearchFocus', transform: coerceBooleanProperty });
+        this.autoFocus = input(false, ...(ngDevMode ? [{ debugName: "autoFocus", alias: 'thySearchFocus', transform: coerceBooleanProperty }] : [{ alias: 'thySearchFocus', transform: coerceBooleanProperty }]));
         /**
          * 搜索图标位置，当传入 after 时，搜索图标在输入框后方显示，有内容时显示为关闭按钮
          * @type ThyInputSearchIconPosition
          */
-        this.iconPosition = input('before', {
-            alias: 'thyIconPosition',
-            transform: (value) => value || 'before'
-        });
+        this.iconPosition = input('before', ...(ngDevMode ? [{ debugName: "iconPosition", alias: 'thyIconPosition',
+                transform: (value) => value || 'before' }] : [{
+                alias: 'thyIconPosition',
+                transform: (value) => value || 'before'
+            }]));
         /**
          * 输入框大小
          * @type 'xs' | 'sm' | 'md' | 'default' | 'lg'
          */
-        this.thySize = input();
+        this.thySize = input(...(ngDevMode ? [undefined, { debugName: "thySize" }] : []));
         /**
          * @deprecated please use thyClear
          */
@@ -478,10 +479,10 @@ class ThyInputSearch extends _MixinBase {
     ngOnDestroy() {
         this.hostFocusControl.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputSearch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyInputSearch, isStandalone: true, selector: "thy-input-search", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "thySearchFocus", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "thyIconPosition", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clear: "clear", thyClear: "thyClear" }, host: { properties: { "class.thy-input-search-ellipse": "thyTheme() === \"ellipse\"", "class.thy-input-search-transparent": "thyTheme() === \"transparent\"", "class.thy-input-search-before-with-clear": "searchText() && iconPosition() === \"before\"", "class.form-control-active": "focused()", "attr.tabindex": "tabIndex" }, classAttribute: "thy-input form-control thy-input-search" }, providers: [CUSTOM_INPUT_SEARCH_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (iconPosition() === 'before') {\n  <thy-icon class=\"input-prepend\" thyIconName=\"search\"></thy-icon>\n}\n<input\n  class=\"input-search-control\"\n  #input\n  thyInput\n  [name]=\"name()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [thyAutofocus]=\"autoFocus()\"\n  [(ngModel)]=\"searchText\"\n  (ngModelChange)=\"searchModelChange()\"\n  (focus)=\"!focused() ? (focused.set(true)) : null\"\n  [thySize]=\"thySize()\"\n  tabindex=\"-1\" />\n@if (iconPosition() === 'after') {\n  <div class=\"input-append input-append-divider\">\n    @if (searchText()) {\n      <a class=\"close\" href=\"javascript:;\" (click)=\"clearSearchText($event)\">\n        <thy-icon thyIconName=\"close\"></thy-icon>\n      </a>\n    } @else {\n      <thy-icon class=\"text-placeholder\" thyIconName=\"search\"></thy-icon>\n    }\n  </div>\n}\n\n@if (searchText() && iconPosition() === 'before') {\n  <a class=\"close input-append\" href=\"javascript:;\" (click)=\"clearSearchText($event)\">\n    <thy-icon thyIconName=\"close\"></thy-icon>\n  </a>\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: ThyAutofocusDirective, selector: "input[thyAutofocus],textarea[thyAutofocus]", inputs: ["thyAutofocus", "thyAutoSelect"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputSearch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyInputSearch, isStandalone: true, selector: "thy-input-search", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "thySearchFocus", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "thyIconPosition", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clear: "clear", thyClear: "thyClear" }, host: { properties: { "class.thy-input-search-ellipse": "thyTheme() === \"ellipse\"", "class.thy-input-search-transparent": "thyTheme() === \"transparent\"", "class.thy-input-search-before-with-clear": "searchText() && iconPosition() === \"before\"", "class.form-control-active": "focused()", "attr.tabindex": "tabIndex" }, classAttribute: "thy-input form-control thy-input-search" }, providers: [CUSTOM_INPUT_SEARCH_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (iconPosition() === 'before') {\n  <thy-icon class=\"input-prepend\" thyIconName=\"search\"></thy-icon>\n}\n<input\n  class=\"input-search-control\"\n  #input\n  thyInput\n  [name]=\"name()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [thyAutofocus]=\"autoFocus()\"\n  [(ngModel)]=\"searchText\"\n  (ngModelChange)=\"searchModelChange()\"\n  (focus)=\"!focused() ? (focused.set(true)) : null\"\n  [thySize]=\"thySize()\"\n  tabindex=\"-1\" />\n@if (iconPosition() === 'after') {\n  <div class=\"input-append input-append-divider\">\n    @if (searchText()) {\n      <a class=\"close\" href=\"javascript:;\" (click)=\"clearSearchText($event)\">\n        <thy-icon thyIconName=\"close\"></thy-icon>\n      </a>\n    } @else {\n      <thy-icon class=\"text-placeholder\" thyIconName=\"search\"></thy-icon>\n    }\n  </div>\n}\n\n@if (searchText() && iconPosition() === 'before') {\n  <a class=\"close input-append\" href=\"javascript:;\" (click)=\"clearSearchText($event)\">\n    <thy-icon thyIconName=\"close\"></thy-icon>\n  </a>\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: ThyAutofocusDirective, selector: "input[thyAutofocus],textarea[thyAutofocus]", inputs: ["thyAutofocus", "thyAutoSelect"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputSearch, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputSearch, decorators: [{
             type: Component,
             args: [{ selector: 'thy-input-search', providers: [CUSTOM_INPUT_SEARCH_CONTROL_VALUE_ACCESSOR], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-input form-control thy-input-search',
@@ -491,7 +492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.form-control-active]': 'focused()',
                         '[attr.tabindex]': 'tabIndex'
                     }, imports: [ThyIcon, ThyInputDirective, ThyAutofocusDirective, FormsModule], template: "@if (iconPosition() === 'before') {\n  <thy-icon class=\"input-prepend\" thyIconName=\"search\"></thy-icon>\n}\n<input\n  class=\"input-search-control\"\n  #input\n  thyInput\n  [name]=\"name()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [thyAutofocus]=\"autoFocus()\"\n  [(ngModel)]=\"searchText\"\n  (ngModelChange)=\"searchModelChange()\"\n  (focus)=\"!focused() ? (focused.set(true)) : null\"\n  [thySize]=\"thySize()\"\n  tabindex=\"-1\" />\n@if (iconPosition() === 'after') {\n  <div class=\"input-append input-append-divider\">\n    @if (searchText()) {\n      <a class=\"close\" href=\"javascript:;\" (click)=\"clearSearchText($event)\">\n        <thy-icon thyIconName=\"close\"></thy-icon>\n      </a>\n    } @else {\n      <thy-icon class=\"text-placeholder\" thyIconName=\"search\"></thy-icon>\n    }\n  </div>\n}\n\n@if (searchText() && iconPosition() === 'before') {\n  <a class=\"close input-append\" href=\"javascript:;\" (click)=\"clearSearchText($event)\">\n    <thy-icon thyIconName=\"close\"></thy-icon>\n  </a>\n}\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { inputElement: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], thyTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTheme", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySearchFocus", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIconPosition", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], clear: [{ type: i0.Output, args: ["clear"] }], thyClear: [{ type: i0.Output, args: ["thyClear"] }] } });
 
 /**
  * 输入框输入文字展示
@@ -507,9 +508,9 @@ class ThyInputCount {
          * 输入框组件，如果不传默认会读取外层 thy-input-group 下的 thyInput 指令
          * @type ThyInputDirective
          */
-        this.thyInput = input();
-        this.maxLength = signal(undefined);
-        this.inputLength = signal(0);
+        this.thyInput = input(...(ngDevMode ? [undefined, { debugName: "thyInput" }] : []));
+        this.maxLength = signal(undefined, ...(ngDevMode ? [{ debugName: "maxLength" }] : []));
+        this.inputLength = signal(0, ...(ngDevMode ? [{ debugName: "inputLength" }] : []));
         this.thyInput$ = new Subject();
         this.setup();
         effect(() => {
@@ -539,10 +540,10 @@ class ThyInputCount {
             this.thyInput$.next(inputDirective);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputCount, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyInputCount, isStandalone: true, selector: "thy-input-count", inputs: { thyInput: { classPropertyName: "thyInput", publicName: "thyInput", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "thy-input-count text-muted" }, ngImport: i0, template: '{{inputLength()}} / {{maxLength()}}', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputCount, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThyInputCount, isStandalone: true, selector: "thy-input-count", inputs: { thyInput: { classPropertyName: "thyInput", publicName: "thyInput", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "thy-input-count text-muted" }, ngImport: i0, template: '{{inputLength()}} / {{maxLength()}}', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputCount, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputCount, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-input-count',
@@ -552,11 +553,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         class: 'thy-input-count text-muted'
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyInput", required: false }] }] } });
 
 class ThyInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyInputModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyInputModule, imports: [CommonModule,
             FormsModule,
             ThySharedModule,
             ThyIconModule,
@@ -566,7 +567,7 @@ class ThyInputModule {
             ThyInputGroup,
             ThyInputSearch,
             ThyInputCount], exports: [ThyInputDirective, ThyInput, ThyInputGroup, ThyInputSearch, ThyInputCount] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputModule, imports: [CommonModule,
             FormsModule,
             ThySharedModule,
             ThyIconModule,
@@ -574,7 +575,7 @@ class ThyInputModule {
             ThyInput,
             ThyInputSearch] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [