ngx-tethys 19.0.13 → 19.1.0-next.0

package/fesm2022/ngx-tethys-arrow-switcher.mjs

@@ -1,6 +1,6 @@
 import { ThyTooltipDirective, ThyTooltipModule } from 'ngx-tethys/tooltip';
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, EventEmitter, forwardRef, numberAttribute, Input, Output, HostBinding, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { inject, ChangeDetectorRef, signal, output, input, numberAttribute, computed, forwardRef, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ThyButtonIcon, ThyButtonModule } from 'ngx-tethys/button';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -15,52 +15,50 @@ import { ThyAction, ThyActionModule } from 'ngx-tethys/action';
 class ThyArrowSwitcher {
     constructor() {
         this.cd = inject(ChangeDetectorRef);
-        this._isArrowSwitcher = true;
-        this._isSmallSize = false;
-        this.theme = 'default';
+        this.disabled = signal(false);
         /**
          * 点击上一条事件
          */
-        this.thyPrevious = new EventEmitter();
+        this.thyPrevious = output();
         /**
          * 点击下一条事件
          */
-        this.thyNext = new EventEmitter();
-        this.index = 0;
-        this.disabled = false;
-        this.previousDisabled = false;
-        this.nextDisabled = false;
-    }
-    /**
-     * 展示主题
-     * @type default | lite
-     * @default default
-     */
-    set thyTheme(value) {
-        this.theme = value;
-    }
-    /**
-     * 总条数
-     */
-    set thyTotal(value) {
-        if (value) {
-            this.total = value;
-            this.getDisabled();
-        }
-    }
-    /**
-     * 尺寸大小，默认尺寸为大号，取值为`sm`时展示小号
-     */
-    set thySize(size) {
-        if (size === 'sm') {
-            this._isSmallSize = true;
-        }
+        this.thyNext = output();
+        /**
+         * 设置上一条 Hover Tooltip 提示
+         */
+        this.thyPreviousTooltip = input();
+        /**
+         * 设置下一条 Hover Tooltip 提示
+         */
+        this.thyNextTooltip = input();
+        /**
+         * 展示主题
+         * @type default | lite
+         */
+        this.thyTheme = input('default');
+        /**
+         * 总条数
+         */
+        this.thyTotal = input(undefined, { transform: numberAttribute });
+        /**
+         * 尺寸大小，默认尺寸为大号，取值为`sm`时展示小号
+         */
+        this.thySize = input();
+        this.isSmallSize = computed(() => {
+            return this.thySize() === 'sm';
+        });
+        this.index = signal(0);
+        this.previousDisabled = computed(() => {
+            return this.index() <= 0 || this.disabled();
+        });
+        this.nextDisabled = computed(() => {
+            return this.index() >= this.thyTotal() - 1 || this.disabled();
+        });
     }
-    ngOnInit() { }
     writeValue(value) {
         if (value >= 0) {
-            this.index = value;
-            this.getDisabled();
+            this.index.set(value);
         }
         this.cd.markForCheck();
     }
@@ -71,64 +69,40 @@ class ThyArrowSwitcher {
         this.onModelTouched = fn;
     }
     setDisabledState(isDisable) {
-        this.disabled = isDisable;
-    }
-    getDisabled() {
-        this.previousDisabled = this.index <= 0 || this.disabled;
-        this.nextDisabled = this.index >= this.total - 1 || this.disabled;
+        this.disabled.set(isDisable);
     }
     onPreviousClick(event) {
-        this.index--;
-        this.onModelChange(this.index);
-        this.getDisabled();
-        this.thyPrevious.emit({ index: this.index, event });
+        this.index.set(this.index() - 1);
+        this.onModelChange(this.index());
+        this.thyPrevious.emit({ index: this.index(), event });
     }
     onNextClick(event) {
-        this.index++;
-        this.onModelChange(this.index);
-        this.getDisabled();
-        this.thyNext.emit({ index: this.index, event });
+        this.index.set(this.index() + 1);
+        this.onModelChange(this.index());
+        this.thyNext.emit({ index: this.index(), event });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyArrowSwitcher, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyArrowSwitcher, isStandalone: true, selector: "thy-arrow-switcher", inputs: { thyPreviousTooltip: "thyPreviousTooltip", thyNextTooltip: "thyNextTooltip", thyTheme: "thyTheme", thyTotal: ["thyTotal", "thyTotal", numberAttribute], thySize: "thySize" }, outputs: { thyPrevious: "thyPrevious", thyNext: "thyNext" }, host: { properties: { "class.thy-arrow-switcher": "this._isArrowSwitcher", "class.thy-arrow-switcher-small": "this._isSmallSize" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyArrowSwitcher, isStandalone: true, selector: "thy-arrow-switcher", inputs: { thyPreviousTooltip: { classPropertyName: "thyPreviousTooltip", publicName: "thyPreviousTooltip", isSignal: true, isRequired: false, transformFunction: null }, thyNextTooltip: { classPropertyName: "thyNextTooltip", publicName: "thyNextTooltip", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyTotal: { classPropertyName: "thyTotal", publicName: "thyTotal", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyPrevious: "thyPrevious", thyNext: "thyNext" }, host: { properties: { "class.thy-arrow-switcher-small": "isSmallSize()" }, classAttribute: "thy-arrow-switcher" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyArrowSwitcher),
                 multi: true
             }
-        ], ngImport: i0, template: "@if (theme === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"thyPreviousTooltip\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"thyNextTooltip\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"thyPreviousTooltip\"\n      [disabled]=\"previousDisabled\"\n      (click)=\"onPreviousClick($event)\"\n    ></button>\n    <span>{{ index + 1 }} / {{ total }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"thyNextTooltip\" [disabled]=\"nextDisabled\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"thyNextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"thyNextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyArrowSwitcher, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-arrow-switcher', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ selector: 'thy-arrow-switcher', host: {
+                        class: 'thy-arrow-switcher',
+                        '[class.thy-arrow-switcher-small]': 'isSmallSize()'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => ThyArrowSwitcher),
                             multi: true
                         }
-                    ], imports: [ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon], template: "@if (theme === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"thyPreviousTooltip\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"thyNextTooltip\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"thyPreviousTooltip\"\n      [disabled]=\"previousDisabled\"\n      (click)=\"onPreviousClick($event)\"\n    ></button>\n    <span>{{ index + 1 }} / {{ total }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"thyNextTooltip\" [disabled]=\"nextDisabled\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n\n" }]
-        }], propDecorators: { _isArrowSwitcher: [{
-                type: HostBinding,
-                args: ['class.thy-arrow-switcher']
-            }], _isSmallSize: [{
-                type: HostBinding,
-                args: ['class.thy-arrow-switcher-small']
-            }], thyPrevious: [{
-                type: Output
-            }], thyNext: [{
-                type: Output
-            }], thyPreviousTooltip: [{
-                type: Input
-            }], thyNextTooltip: [{
-                type: Input
-            }], thyTheme: [{
-                type: Input
-            }], thyTotal: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thySize: [{
-                type: Input
-            }] } });
+                    ], imports: [ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon], template: "@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"thyNextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"thyNextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n" }]
+        }] });
 
 class ThyArrowSwitcherModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyArrowSwitcherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

package/fesm2022/ngx-tethys-arrow-switcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-arrow-switcher.mjs","sources":["../../../src/arrow-switcher/arrow-switcher.component.ts","../../../src/arrow-switcher/arrow-switcher.component.html","../../../src/arrow-switcher/module.ts","../../../src/arrow-switcher/ngx-tethys-arrow-switcher.ts"],"sourcesContent":["import {\n    Component,\n    HostBinding,\n    Input,\n    Output,\n    EventEmitter,\n    ChangeDetectionStrategy,\n    OnInit,\n    ChangeDetectorRef,\n    forwardRef,\n    numberAttribute,\n    inject\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ThyButtonIcon } from 'ngx-tethys/button';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyTooltipDirective } from 'ngx-tethys/tooltip';\nimport { ThyAction } from 'ngx-tethys/action';\n\nexport type ThyArrowSwitcherTheme = 'default' | 'lite';\nexport interface ThyArrowSwitcherEvent {\n    index: number;\n    event: Event;\n}\n\n/**\n * 上下条切换组件\n * @name thy-arrow-switcher\n * @order 10\n */\n@Component({\n    selector: 'thy-arrow-switcher',\n    templateUrl: './arrow-switcher.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThyArrowSwitcher),\n            multi: true\n        }\n    ],\n    imports: [ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon]\n})\nexport class ThyArrowSwitcher implements OnInit, ControlValueAccessor {\n    private cd = inject(ChangeDetectorRef);\n\n    @HostBinding('class.thy-arrow-switcher') _isArrowSwitcher = true;\n\n    @HostBinding('class.thy-arrow-switcher-small') _isSmallSize = false;\n\n    total: number;\n\n    theme: ThyArrowSwitcherTheme = 'default';\n\n    /**\n     * 点击上一条事件\n     */\n    @Output() thyPrevious = new EventEmitter<ThyArrowSwitcherEvent>();\n\n    /**\n     * 点击下一条事件\n     */\n    @Output() thyNext = new EventEmitter<ThyArrowSwitcherEvent>();\n\n    /**\n     * 设置上一条 Hover Tooltip 提示\n     */\n    @Input() thyPreviousTooltip: string;\n\n    /**\n     * 设置下一条 Hover Tooltip 提示\n     */\n    @Input() thyNextTooltip: string;\n\n    /**\n     * 展示主题\n     * @type default | lite\n     * @default default\n     */\n    @Input() set thyTheme(value: ThyArrowSwitcherTheme) {\n        this.theme = value;\n    }\n\n    /**\n     * 总条数\n     */\n    @Input({ transform: numberAttribute })\n    set thyTotal(value: number) {\n        if (value) {\n            this.total = value;\n            this.getDisabled();\n        }\n    }\n\n    /**\n     * 尺寸大小，默认尺寸为大号，取值为`sm`时展示小号\n     */\n    @Input()\n    set thySize(size: string) {\n        if (size === 'sm') {\n            this._isSmallSize = true;\n        }\n    }\n\n    index = 0;\n\n    disabled = false;\n\n    previousDisabled = false;\n\n    nextDisabled = false;\n\n    private onModelChange: (value: number) => void;\n\n    private onModelTouched: () => void;\n\n    ngOnInit() {}\n\n    writeValue(value: number): void {\n        if (value >= 0) {\n            this.index = value;\n            this.getDisabled();\n        }\n        this.cd.markForCheck();\n    }\n\n    registerOnChange(fn: () => void) {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: () => void) {\n        this.onModelTouched = fn;\n    }\n\n    setDisabledState(isDisable: boolean) {\n        this.disabled = isDisable;\n    }\n\n    getDisabled() {\n        this.previousDisabled = this.index <= 0 || this.disabled;\n        this.nextDisabled = this.index >= this.total - 1 || this.disabled;\n    }\n\n    onPreviousClick(event: Event) {\n        this.index--;\n        this.onModelChange(this.index);\n        this.getDisabled();\n        this.thyPrevious.emit({ index: this.index, event });\n    }\n\n    onNextClick(event: Event) {\n        this.index++;\n        this.onModelChange(this.index);\n        this.getDisabled();\n        this.thyNext.emit({ index: this.index, event });\n    }\n}\n","@if (theme === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"thyPreviousTooltip\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"thyNextTooltip\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"thyPreviousTooltip\"\n      [disabled]=\"previousDisabled\"\n      (click)=\"onPreviousClick($event)\"\n    ></button>\n    <span>{{ index + 1 }} / {{ total }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"thyNextTooltip\" [disabled]=\"nextDisabled\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n\n","import { ThyTooltipModule } from 'ngx-tethys/tooltip';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyButtonModule } from 'ngx-tethys/button';\nimport { ThyArrowSwitcher } from './arrow-switcher.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyActionModule } from 'ngx-tethys/action';\n\n@NgModule({\n    imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyActionModule, ThyTooltipModule, ThyArrowSwitcher],\n    exports: [ThyArrowSwitcher]\n})\nexport class ThyArrowSwitcherModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-arrow-switcher.mjs","sources":["../../../src/arrow-switcher/arrow-switcher.component.ts","../../../src/arrow-switcher/arrow-switcher.component.html","../../../src/arrow-switcher/module.ts","../../../src/arrow-switcher/ngx-tethys-arrow-switcher.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    forwardRef,\n    numberAttribute,\n    inject,\n    input,\n    output,\n    computed,\n    Signal,\n    WritableSignal,\n    signal\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ThyButtonIcon } from 'ngx-tethys/button';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyTooltipDirective } from 'ngx-tethys/tooltip';\nimport { ThyAction } from 'ngx-tethys/action';\n\nexport type ThyArrowSwitcherTheme = 'default' | 'lite';\nexport interface ThyArrowSwitcherEvent {\n    index: number;\n    event: Event;\n}\n\n/**\n * 上下条切换组件\n * @name thy-arrow-switcher\n * @order 10\n */\n@Component({\n    selector: 'thy-arrow-switcher',\n    templateUrl: './arrow-switcher.component.html',\n    host: {\n        class: 'thy-arrow-switcher',\n        '[class.thy-arrow-switcher-small]': 'isSmallSize()'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThyArrowSwitcher),\n            multi: true\n        }\n    ],\n    imports: [ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon]\n})\nexport class ThyArrowSwitcher implements ControlValueAccessor {\n    private cd = inject(ChangeDetectorRef);\n\n    private disabled: WritableSignal<boolean> = signal(false);\n\n    /**\n     * 点击上一条事件\n     */\n    readonly thyPrevious = output<ThyArrowSwitcherEvent>();\n\n    /**\n     * 点击下一条事件\n     */\n    readonly thyNext = output<ThyArrowSwitcherEvent>();\n\n    /**\n     * 设置上一条 Hover Tooltip 提示\n     */\n    readonly thyPreviousTooltip = input<string>();\n\n    /**\n     * 设置下一条 Hover Tooltip 提示\n     */\n    readonly thyNextTooltip = input<string>();\n\n    /**\n     * 展示主题\n     * @type default | lite\n     */\n    readonly thyTheme = input<ThyArrowSwitcherTheme>('default');\n\n    /**\n     * 总条数\n     */\n    readonly thyTotal = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 尺寸大小，默认尺寸为大号，取值为`sm`时展示小号\n     */\n    readonly thySize = input<string>();\n\n    readonly isSmallSize: Signal<boolean> = computed(() => {\n        return this.thySize() === 'sm';\n    });\n\n    index: WritableSignal<number> = signal(0);\n\n    readonly previousDisabled = computed(() => {\n        return this.index() <= 0 || this.disabled();\n    });\n\n    readonly nextDisabled = computed(() => {\n        return this.index() >= this.thyTotal() - 1 || this.disabled();\n    });\n\n    private onModelChange: (value: number) => void;\n\n    private onModelTouched: () => void;\n\n    writeValue(value: number): void {\n        if (value >= 0) {\n            this.index.set(value);\n        }\n        this.cd.markForCheck();\n    }\n\n    registerOnChange(fn: () => void) {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: () => void) {\n        this.onModelTouched = fn;\n    }\n\n    setDisabledState(isDisable: boolean) {\n        this.disabled.set(isDisable);\n    }\n\n    onPreviousClick(event: Event) {\n        this.index.set(this.index() - 1);\n        this.onModelChange(this.index());\n\n        this.thyPrevious.emit({ index: this.index(), event });\n    }\n\n    onNextClick(event: Event) {\n        this.index.set(this.index() + 1);\n        this.onModelChange(this.index());\n\n        this.thyNext.emit({ index: this.index(), event });\n    }\n}\n","@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"thyNextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"thyNextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n","import { ThyTooltipModule } from 'ngx-tethys/tooltip';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyButtonModule } from 'ngx-tethys/button';\nimport { ThyArrowSwitcher } from './arrow-switcher.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyActionModule } from 'ngx-tethys/action';\n\n@NgModule({\n    imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyActionModule, ThyTooltipModule, ThyArrowSwitcher],\n    exports: [ThyArrowSwitcher]\n})\nexport class ThyArrowSwitcherModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-autocomplete.mjs

@@ -2,7 +2,7 @@ import { FlexibleConnectedPositionStrategy, Overlay, ScrollDispatcher, OverlayCo
 import { PortalModule, ComponentPortal } from '@angular/cdk/portal';
 import { NgClass, DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, NgZone, ChangeDetectorRef, EventEmitter, Output, Input, ContentChildren, ViewChild, ChangeDetectionStrategy, Component, InjectionToken, ElementRef, Injector, Injectable, ViewContainerRef, numberAttribute, HostBinding, Directive, NgModule } from '@angular/core';
+import { inject, NgZone, ChangeDetectorRef, viewChild, input, output, ContentChildren, ChangeDetectionStrategy, Component, InjectionToken, ElementRef, EventEmitter, ViewChild, Injector, Injectable, ViewContainerRef, computed, numberAttribute, HostBinding, Directive, NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { ThyEmpty, ThyEmptyModule } from 'ngx-tethys/empty';
 import { ThyIconModule } from 'ngx-tethys/icon';
@@ -13,7 +13,7 @@ import { Subject, defer, merge, timer, of, fromEvent } from 'rxjs';
 import { take, switchMap, startWith, takeUntil, filter, map, delay } from 'rxjs/operators';
 import { SelectionModel } from '@angular/cdk/collections';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
-import { coerceBooleanProperty, warnDeprecation, ESCAPE, ENTER, UP_ARROW, DOWN_ARROW, TAB } from 'ngx-tethys/util';
+import { coerceBooleanProperty, ESCAPE, ENTER, UP_ARROW, DOWN_ARROW, TAB } from 'ngx-tethys/util';
 import { injectLocale } from 'ngx-tethys/i18n';
 import { injectPanelEmptyIcon, ThyAbstractOverlayConfig, ThyAbstractOverlayContainer, ThyClickDispatcher, ThyPortalOutlet, ThyAbstractOverlayRef, ThyAbstractInternalOverlayRef, ThyAbstractOverlayService, getFlexiblePositions, ScrollToService } from 'ngx-tethys/core';
 import { Directionality } from '@angular/cdk/bidi';
@@ -21,6 +21,7 @@ import { coerceElement, coerceArray } from '@angular/cdk/coercion';
 import { Platform } from '@angular/cdk/platform';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { state, style, trigger } from '@angular/animations';
+import { outputToObservable } from '@angular/core/rxjs-interop';
 
 /**
  * 自动完成组件
@@ -37,6 +38,9 @@ class ThyAutocomplete {
         this.mode = '';
         this.isEmptyOptions = false;
         this.isOpened = false;
+        this.contentTemplateRef = viewChild('contentTemplate');
+        // scroll element container
+        this.optionsContainer = viewChild('panel');
         this.optionSelectionChanges = defer(() => {
             if (this.options) {
                 return merge(...this.options.map(option => option.selectionChange));
@@ -47,28 +51,28 @@ class ThyAutocomplete {
          * 空选项时的文本
          * @default 没有任何数据
          */
-        this.thyEmptyText = this.locale().empty;
+        this.thyEmptyText = input(this.locale().empty);
+        /**
+         * 是否默认高亮第一个选项
+         */
+        this.thyAutoActiveFirstOption = input(false, { transform: coerceBooleanProperty });
         /**
          * 被选中时调用，参数包含选中项的 value 值
-         * @type EventEmitter<ThyOptionSelectionChangeEvent>
          */
-        this.thyOptionSelected = new EventEmitter();
+        this.thyOptionSelected = output();
         /**
          * 只读，展开下拉菜单的回调
-         * @type EventEmitter<void>
          */
-        this.thyOpened = new EventEmitter();
+        this.thyOpened = output();
         /**
          * 只读，关闭下拉菜单的回调
-         * @type EventEmitter<void>
          */
-        this.thyClosed = new EventEmitter();
+        this.thyClosed = output();
         /** Emits whenever an option is activated using the keyboard. */
         /**
          * 只读，option 激活状态变化时，调用此函数
-         * @type EventEmitter<ThyAutocompleteActivatedEvent>
          */
-        this.thyOptionActivated = new EventEmitter();
+        this.thyOptionActivated = output();
     }
     ngOnInit() {
         this.setDropDownClass();
@@ -153,12 +157,12 @@ class ThyAutocomplete {
         this.ngUnsubscribe$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyAutocomplete, isStandalone: true, selector: "thy-autocomplete", inputs: { thyEmptyText: "thyEmptyText", thyAutoActiveFirstOption: ["thyAutoActiveFirstOption", "thyAutoActiveFirstOption", coerceBooleanProperty] }, outputs: { thyOptionSelected: "thyOptionSelected", thyOpened: "thyOpened", thyClosed: "thyClosed", thyOptionActivated: "thyOptionActivated" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyAutocomplete, isStandalone: true, selector: "thy-autocomplete", inputs: { thyEmptyText: { classPropertyName: "thyEmptyText", publicName: "thyEmptyText", isSignal: true, isRequired: false, transformFunction: null }, thyAutoActiveFirstOption: { classPropertyName: "thyAutoActiveFirstOption", publicName: "thyAutoActiveFirstOption", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOptionSelected: "thyOptionSelected", thyOpened: "thyOpened", thyClosed: "thyClosed", thyOptionActivated: "thyOptionActivated" }, providers: [
             {
                 provide: THY_OPTION_PARENT_COMPONENT,
                 useExisting: ThyAutocomplete
             }
-        ], queries: [{ propertyName: "options", predicate: ThyOption, descendants: true }], viewQueries: [{ propertyName: "contentTemplateRef", first: true, predicate: ["contentTemplate"], descendants: true, static: true }, { propertyName: "optionsContainer", first: true, predicate: ["panel"], descendants: true }], ngImport: i0, template: "<ng-template #contentTemplate>\n  <div thyStopPropagation [ngClass]=\"dropDownClass\">\n    <div #panel class=\"thy-select-dropdown-options\">\n      <ng-content></ng-content>\n      @if (isEmptyOptions) {\n        <thy-empty [thyMessage]=\"thyEmptyText\" [thyIconName]=\"emptyIcon()\"></thy-empty>\n      }\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: ThyStopPropagationDirective, selector: "[thyStopPropagation]", inputs: ["thyStopPropagation"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "options", predicate: ThyOption, descendants: true }], viewQueries: [{ propertyName: "contentTemplateRef", first: true, predicate: ["contentTemplate"], descendants: true, isSignal: true }, { propertyName: "optionsContainer", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #contentTemplate>\n  <div thyStopPropagation [ngClass]=\"dropDownClass\">\n    <div #panel class=\"thy-select-dropdown-options\">\n      <ng-content></ng-content>\n      @if (isEmptyOptions) {\n        <thy-empty [thyMessage]=\"thyEmptyText()\" [thyIconName]=\"emptyIcon()\"></thy-empty>\n      }\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: ThyStopPropagationDirective, selector: "[thyStopPropagation]", inputs: ["thyStopPropagation"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAutocomplete, decorators: [{
             type: Component,
@@ -167,29 +171,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                             provide: THY_OPTION_PARENT_COMPONENT,
                             useExisting: ThyAutocomplete
                         }
-                    ], imports: [ThyStopPropagationDirective, NgClass, ThyEmpty], template: "<ng-template #contentTemplate>\n  <div thyStopPropagation [ngClass]=\"dropDownClass\">\n    <div #panel class=\"thy-select-dropdown-options\">\n      <ng-content></ng-content>\n      @if (isEmptyOptions) {\n        <thy-empty [thyMessage]=\"thyEmptyText\" [thyIconName]=\"emptyIcon()\"></thy-empty>\n      }\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], propDecorators: { contentTemplateRef: [{
-                type: ViewChild,
-                args: ['contentTemplate', { static: true }]
-            }], optionsContainer: [{
-                type: ViewChild,
-                args: ['panel']
-            }], options: [{
+                    ], imports: [ThyStopPropagationDirective, NgClass, ThyEmpty], template: "<ng-template #contentTemplate>\n  <div thyStopPropagation [ngClass]=\"dropDownClass\">\n    <div #panel class=\"thy-select-dropdown-options\">\n      <ng-content></ng-content>\n      @if (isEmptyOptions) {\n        <thy-empty [thyMessage]=\"thyEmptyText()\" [thyIconName]=\"emptyIcon()\"></thy-empty>\n      }\n    </div>\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { options: [{
                 type: ContentChildren,
                 args: [ThyOption, { descendants: true }]
-            }], thyEmptyText: [{
-                type: Input
-            }], thyAutoActiveFirstOption: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyOptionSelected: [{
-                type: Output
-            }], thyOpened: [{
-                type: Output
-            }], thyClosed: [{
-                type: Output
-            }], thyOptionActivated: [{
-                type: Output
             }] } });
 
 const animationBody = [state('void, exit', style({ opacity: 0, transform: 'scale(0.1)' })), state('enter', style({ transform: 'none' }))];
@@ -420,57 +405,51 @@ class ThyAutocompleteTriggerDirective {
         this.cdr = inject(ChangeDetectorRef);
         this.closeKeyEventStream = new Subject();
         this.panelOpened = false;
+        /**
+         * 下拉菜单组件实例。已废弃，请使用 thyAutocomplete
+         * @type thyAutocompleteComponent
+         * @deprecated
+         */
+        this.thyAutocompleteComponent = input();
+        /**
+         * 下拉菜单组件实例
+         * @type thyAutocompleteComponent
+         */
+        this.thyAutocomplete = input();
+        this.autocompleteComponent = computed(() => {
+            return this.thyAutocomplete() || this.thyAutocompleteComponent();
+        });
         /**
          * 弹出框默认 offset
-         * @type number
          */
-        this.thyOffset = 4;
+        this.thyOffset = input(4, { transform: numberAttribute });
+        /**
+         * 下拉菜单的宽度，不设置默认与输入框同宽
+         */
+        this.thyAutocompleteWidth = input(undefined, { transform: numberAttribute });
         /**
          * 下拉菜单的显示位置，'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom'
-         * @type string
          */
-        this.thyPlacement = 'bottomLeft';
+        this.thyPlacement = input('bottomLeft');
         /**
          * 是否允许聚焦时打开下拉菜单
-         * @type boolean
          */
-        this.thyIsFocusOpen = true;
-    }
-    /**
-     * 下拉菜单组件实例。已废弃，请使用 thyAutocomplete
-     * @type thyAutocompleteComponent
-     * @deprecated
-     */
-    set autocompleteComponent(data) {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            warnDeprecation(`The property thyAutocompleteComponent will be deprecated, please use thyAutocomplete instead.`);
-        }
-        this._autocompleteComponent = data;
-    }
-    /**
-     * 下拉菜单组件实例
-     * @type thyAutocompleteComponent
-     */
-    set autocomplete(data) {
-        this._autocompleteComponent = data;
-    }
-    get autocompleteComponent() {
-        return this._autocompleteComponent;
-    }
-    get activeOption() {
-        if (this.autocompleteComponent && this.autocompleteComponent.keyManager) {
-            return this.autocompleteComponent.keyManager.activeItem;
-        }
-        return null;
+        this.thyIsFocusOpen = input(true, { transform: coerceBooleanProperty });
+        this.activeOption = computed(() => {
+            if (this.autocompleteComponent() && this.autocompleteComponent().keyManager) {
+                return this.autocompleteComponent().keyManager.activeItem;
+            }
+            return null;
+        });
     }
     get panelClosingActions() {
-        return merge(this.autocompleteComponent.thyOptionSelected, this.autocompleteComponent.keyManager.tabOut.pipe(filter(() => this.panelOpened)), this.closeKeyEventStream, this.getOutsideClickStream(), this.overlayRef ? this.overlayRef.detachments().pipe(filter(() => this.panelOpened)) : of()).pipe(
+        return merge(outputToObservable(this.autocompleteComponent().thyOptionSelected), this.autocompleteComponent().keyManager.tabOut.pipe(filter(() => this.panelOpened)), this.closeKeyEventStream, this.getOutsideClickStream(), this.overlayRef ? this.overlayRef.detachments().pipe(filter(() => this.panelOpened)) : of()).pipe(
         // Normalize the output so we return a consistent type.
         map(event => (event instanceof ThyOptionSelectionChangeEvent ? event : null)));
     }
     ngOnInit() { }
     onFocus() {
-        if (this.canOpen() && this.thyIsFocusOpen) {
+        if (this.canOpen() && this.thyIsFocusOpen()) {
             this.openPanel();
         }
     }
@@ -483,23 +462,24 @@ class ThyAutocompleteTriggerDirective {
         if (keyCode === ESCAPE) {
             event.preventDefault();
         }
-        if (this.activeOption && keyCode === ENTER && this.panelOpened) {
-            this.activeOption.selectViaInteraction();
+        const autocompleteComponent = this.autocompleteComponent();
+        if (this.activeOption() && keyCode === ENTER && this.panelOpened) {
+            this.activeOption().selectViaInteraction();
             this.resetActiveItem();
             event.preventDefault();
         }
-        else if (this.autocompleteComponent) {
-            const prevActiveItem = this.autocompleteComponent.keyManager.activeItem;
+        else if (autocompleteComponent) {
+            const prevActiveItem = autocompleteComponent.keyManager.activeItem;
             const isArrowKey = keyCode === UP_ARROW || keyCode === DOWN_ARROW;
             if (this.panelOpened || keyCode === TAB) {
-                this.autocompleteComponent.keyManager.onKeydown(event);
+                autocompleteComponent.keyManager.onKeydown(event);
             }
             else if (isArrowKey && this.canOpen()) {
                 this.openPanel();
             }
-            if ((isArrowKey || this.autocompleteComponent.keyManager.activeItem !== prevActiveItem) &&
-                this.autocompleteComponent.keyManager.activeItem) {
-                ScrollToService.scrollToElement(this.autocompleteComponent.keyManager.activeItem.element.nativeElement, this.autocompleteComponent.optionsContainer.nativeElement);
+            if ((isArrowKey || autocompleteComponent.keyManager.activeItem !== prevActiveItem) &&
+                autocompleteComponent.keyManager.activeItem) {
+                ScrollToService.scrollToElement(autocompleteComponent.keyManager.activeItem.element.nativeElement, autocompleteComponent.optionsContainer().nativeElement);
             }
         }
     }
@@ -527,7 +507,7 @@ class ThyAutocompleteTriggerDirective {
             }
         });
         this.panelOpened = true;
-        this.autocompleteComponent.open();
+        this.autocompleteComponent().open();
     }
     closePanel() {
         if (this.autocompleteRef) {
@@ -540,15 +520,16 @@ class ThyAutocompleteTriggerDirective {
         const config = Object.assign({
             origin: this.elementRef.nativeElement,
             viewContainerRef: this.viewContainerRef,
-            placement: this.thyPlacement,
-            offset: this.thyOffset,
+            placement: this.thyPlacement(),
+            offset: this.thyOffset(),
             scrollStrategy: this.overlay.scrollStrategies.reposition(),
-            width: this.thyAutocompleteWidth || this.elementRef.nativeElement.clientWidth
+            width: this.thyAutocompleteWidth() || this.elementRef.nativeElement.clientWidth
         });
-        this.autocompleteRef = this.autocompleteService.open(this.autocompleteComponent.contentTemplateRef, config);
+        const autocompleteComponent = this.autocompleteComponent();
+        this.autocompleteRef = this.autocompleteService.open(autocompleteComponent.contentTemplateRef(), config);
         this.autocompleteRef.afterClosed().subscribe(() => {
             this.panelOpened = false;
-            this.autocompleteComponent.close();
+            autocompleteComponent.close();
         });
         // delay 200ms to prevent emit document click rightnow
         this.autocompleteRef
@@ -565,7 +546,7 @@ class ThyAutocompleteTriggerDirective {
      */
     subscribeToClosingActions() {
         const firstStable = this.ngZone.onStable.asObservable().pipe(take(1));
-        const optionChanges = this.autocompleteComponent.options.changes.pipe(
+        const optionChanges = this.autocompleteComponent().options.changes.pipe(
         // Defer emitting to the stream until the next tick, because changing
         // bindings in here will cause "changed after checked" errors.
         delay(0));
@@ -618,7 +599,9 @@ class ThyAutocompleteTriggerDirective {
         return !element.readOnly && !element.disabled;
     }
     resetActiveItem() {
-        this.autocompleteComponent.keyManager.setActiveItem(this.autocompleteComponent.thyAutoActiveFirstOption ? 0 : -1);
+        const autocompleteComponent = this.autocompleteComponent();
+        const index = autocompleteComponent.thyAutoActiveFirstOption() ? 0 : -1;
+        autocompleteComponent.keyManager.setActiveItem(index);
     }
     destroyPanel() {
         if (this.overlayRef) {
@@ -632,7 +615,7 @@ class ThyAutocompleteTriggerDirective {
         this.destroyPanel();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAutocompleteTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.8", type: ThyAutocompleteTriggerDirective, isStandalone: true, selector: "input[thyAutocompleteTrigger], textarea[thyAutocompleteTrigger], thy-input[thyAutocompleteTrigger], thy-input-search[thyAutocompleteTrigger], input[thyAutocomplete], textarea[thyAutocomplete], thy-input[thyAutocomplete], thy-input-search[thyAutocomplete]", inputs: { autocompleteComponent: ["thyAutocompleteComponent", "autocompleteComponent"], autocomplete: ["thyAutocomplete", "autocomplete"], thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyAutocompleteWidth: ["thyAutocompleteWidth", "thyAutocompleteWidth", numberAttribute], thyPlacement: "thyPlacement", thyIsFocusOpen: ["thyIsFocusOpen", "thyIsFocusOpen", coerceBooleanProperty] }, host: { listeners: { "input": "handleInput($event)", "focusin": "onFocus()", "keydown": "onKeydown($event)" }, properties: { "class.thy-autocomplete-opened": "this.panelOpened" } }, exportAs: ["thyAutocompleteTrigger", "thyAutocomplete"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyAutocompleteTriggerDirective, isStandalone: true, selector: "input[thyAutocompleteTrigger], textarea[thyAutocompleteTrigger], thy-input[thyAutocompleteTrigger], thy-input-search[thyAutocompleteTrigger], input[thyAutocomplete], textarea[thyAutocomplete], thy-input[thyAutocomplete], thy-input-search[thyAutocomplete]", inputs: { thyAutocompleteComponent: { classPropertyName: "thyAutocompleteComponent", publicName: "thyAutocompleteComponent", isSignal: true, isRequired: false, transformFunction: null }, thyAutocomplete: { classPropertyName: "thyAutocomplete", publicName: "thyAutocomplete", isSignal: true, isRequired: false, transformFunction: null }, thyOffset: { classPropertyName: "thyOffset", publicName: "thyOffset", isSignal: true, isRequired: false, transformFunction: null }, thyAutocompleteWidth: { classPropertyName: "thyAutocompleteWidth", publicName: "thyAutocompleteWidth", isSignal: true, isRequired: false, transformFunction: null }, thyPlacement: { classPropertyName: "thyPlacement", publicName: "thyPlacement", isSignal: true, isRequired: false, transformFunction: null }, thyIsFocusOpen: { classPropertyName: "thyIsFocusOpen", publicName: "thyIsFocusOpen", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "handleInput($event)", "focusin": "onFocus()", "keydown": "onKeydown($event)" }, properties: { "class.thy-autocomplete-opened": "this.panelOpened" } }, exportAs: ["thyAutocompleteTrigger", "thyAutocomplete"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAutocompleteTriggerDirective, decorators: [{
             type: Directive,
@@ -648,23 +631,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
         }], propDecorators: { panelOpened: [{
                 type: HostBinding,
                 args: [`class.thy-autocomplete-opened`]
-            }], autocompleteComponent: [{
-                type: Input,
-                args: ['thyAutocompleteComponent']
-            }], autocomplete: [{
-                type: Input,
-                args: ['thyAutocomplete']
-            }], thyOffset: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thyAutocompleteWidth: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thyPlacement: [{
-                type: Input
-            }], thyIsFocusOpen: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
             }] } });
 
 class ThyAutocompleteModule {