ngx-tethys 18.0.8 → 18.1.0-next.1

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

@@ -1,7 +1,7 @@
 import { ThyTooltipDirective, ThyTooltipModule } from 'ngx-tethys/tooltip';
 import * as i0 from '@angular/core';
-import { EventEmitter, numberAttribute, forwardRef, Component, ChangeDetectionStrategy, HostBinding, Output, Input, NgModule } from '@angular/core';
-import { NgIf, CommonModule } from '@angular/common';
+import { inject, ChangeDetectorRef, EventEmitter, numberAttribute, forwardRef, Component, ChangeDetectionStrategy, HostBinding, Output, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { ThyButtonIcon, ThyButtonModule } from 'ngx-tethys/button';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
@@ -13,6 +13,24 @@ import { ThyAction, ThyActionModule } from 'ngx-tethys/action';
  * @order 10
  */
 class ThyArrowSwitcher {
+    constructor() {
+        this.cd = inject(ChangeDetectorRef);
+        this._isArrowSwitcher = true;
+        this._isSmallSize = false;
+        this.theme = 'default';
+        /**
+         * 点击上一条事件
+         */
+        this.thyPrevious = new EventEmitter();
+        /**
+         * 点击下一条事件
+         */
+        this.thyNext = new EventEmitter();
+        this.index = 0;
+        this.disabled = false;
+        this.previousDisabled = false;
+        this.nextDisabled = false;
+    }
     /**
      * 展示主题
      * @type default | lite
@@ -38,24 +56,6 @@ class ThyArrowSwitcher {
             this._isSmallSize = true;
         }
     }
-    constructor(cd) {
-        this.cd = cd;
-        this._isArrowSwitcher = true;
-        this._isSmallSize = false;
-        this.theme = 'default';
-        /**
-         * 点击上一条事件
-         */
-        this.thyPrevious = new EventEmitter();
-        /**
-         * 点击下一条事件
-         */
-        this.thyNext = new EventEmitter();
-        this.index = 0;
-        this.disabled = false;
-        this.previousDisabled = false;
-        this.nextDisabled = false;
-    }
     ngOnInit() { }
     writeValue(value) {
         if (value >= 0) {
@@ -89,14 +89,14 @@ class ThyArrowSwitcher {
         this.getDisabled();
         this.thyNext.emit({ index: this.index, event });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyArrowSwitcher, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyArrowSwitcher, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyArrowSwitcher),
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"switcher-wrapper\" *ngIf=\"theme === 'lite'; else default\">\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\n<ng-template #default>\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</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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 (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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyArrowSwitcher, decorators: [{
             type: Component,
@@ -106,8 +106,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => ThyArrowSwitcher),
                             multi: true
                         }
-                    ], standalone: true, imports: [NgIf, ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon], template: "<div class=\"switcher-wrapper\" *ngIf=\"theme === 'lite'; else default\">\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\n<ng-template #default>\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</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { _isArrowSwitcher: [{
+                    ], standalone: 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: [{

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} 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';\nimport { NgIf } from '@angular/common';\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    standalone: true,\n    imports: [NgIf, ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon]\n})\nexport class ThyArrowSwitcher implements OnInit, ControlValueAccessor {\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    constructor(private cd: ChangeDetectorRef) {}\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","<div class=\"switcher-wrapper\" *ngIf=\"theme === 'lite'; else default\">\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\n<ng-template #default>\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</ng-template>\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    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    standalone: true,\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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"}

package/fesm2022/ngx-tethys-autocomplete.mjs

@@ -1,9 +1,8 @@
-import * as i1 from '@angular/cdk/overlay';
-import { FlexibleConnectedPositionStrategy, OverlayModule } from '@angular/cdk/overlay';
+import { FlexibleConnectedPositionStrategy, Overlay, ScrollDispatcher, OverlayContainer, OverlayModule } from '@angular/cdk/overlay';
 import { PortalModule, ComponentPortal } from '@angular/cdk/portal';
-import { NgClass, NgIf, DOCUMENT, CommonModule } from '@angular/common';
+import { NgClass, DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, ViewChild, ContentChildren, Input, Output, InjectionToken, Inject, Injector, Injectable, numberAttribute, Directive, Optional, HostBinding, NgModule } from '@angular/core';
+import { inject, NgZone, ChangeDetectorRef, EventEmitter, Component, ChangeDetectionStrategy, ViewChild, ContentChildren, Input, Output, InjectionToken, ElementRef, Injector, Injectable, ViewContainerRef, numberAttribute, Directive, HostBinding, NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { ThyEmpty, ThyEmptyModule } from 'ngx-tethys/empty';
 import { ThyIconModule } from 'ngx-tethys/icon';
@@ -15,12 +14,11 @@ import { take, switchMap, startWith, takeUntil, filter, map, delay } from 'rxjs/
 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 * as i2 from 'ngx-tethys/core';
-import { ThyAbstractOverlayConfig, ThyAbstractOverlayContainer, ThyPortalOutlet, ThyAbstractOverlayRef, ThyAbstractInternalOverlayRef, ThyAbstractOverlayService, getFlexiblePositions, ScrollToService } from 'ngx-tethys/core';
+import { ThyAbstractOverlayConfig, ThyAbstractOverlayContainer, ThyClickDispatcher, ThyPortalOutlet, ThyAbstractOverlayRef, ThyAbstractInternalOverlayRef, ThyAbstractOverlayService, getFlexiblePositions, ScrollToService } from 'ngx-tethys/core';
 import { Directionality } from '@angular/cdk/bidi';
 import { coerceElement, coerceArray } from '@angular/cdk/coercion';
-import * as i3 from '@angular/cdk/platform';
-import * as i2$1 from '@angular/cdk/scrolling';
+import { Platform } from '@angular/cdk/platform';
+import { ViewportRuler } from '@angular/cdk/scrolling';
 import { state, style, trigger } from '@angular/animations';
 
 /**
@@ -28,9 +26,9 @@ import { state, style, trigger } from '@angular/animations';
  * @name thy-autocomplete
  */
 class ThyAutocomplete {
-    constructor(ngZone, changeDetectorRef) {
-        this.ngZone = ngZone;
-        this.changeDetectorRef = changeDetectorRef;
+    constructor() {
+        this.ngZone = inject(NgZone);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
         this.ngUnsubscribe$ = new Subject();
         this.isMultiple = false;
         this.mode = '';
@@ -151,13 +149,13 @@ class ThyAutocomplete {
         this.ngUnsubscribe$.next();
         this.ngUnsubscribe$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocomplete, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyAutocomplete, isStandalone: true, selector: "thy-autocomplete", inputs: { thyEmptyText: "thyEmptyText", thyAutoActiveFirstOption: ["thyAutoActiveFirstOption", "thyAutoActiveFirstOption", coerceBooleanProperty] }, 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      <thy-empty *ngIf=\"isEmptyOptions\" [thyMessage]=\"thyEmptyText\"></thy-empty>\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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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, 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\"></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: "18.2.0", ngImport: i0, type: ThyAutocomplete, decorators: [{
             type: Component,
@@ -166,8 +164,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             provide: THY_OPTION_PARENT_COMPONENT,
                             useExisting: ThyAutocomplete
                         }
-                    ], standalone: true, imports: [ThyStopPropagationDirective, NgClass, NgIf, ThyEmpty], template: "<ng-template #contentTemplate>\n  <div thyStopPropagation [ngClass]=\"dropDownClass\">\n    <div #panel class=\"thy-select-dropdown-options\">\n      <ng-content></ng-content>\n      <thy-empty *ngIf=\"isEmptyOptions\" [thyMessage]=\"thyEmptyText\"></thy-empty>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { contentTemplateRef: [{
+                    ], standalone: true, 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\"></thy-empty>\n      }\n    </div>\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { contentTemplateRef: [{
                 type: ViewChild,
                 args: ['contentTemplate', { static: true }]
             }], optionsContainer: [{
@@ -227,13 +225,14 @@ const autocompleteAbstractOverlayOptions = {
  */
 class ThyAutocompleteContainer extends ThyAbstractOverlayContainer {
     beforeAttachPortal() { }
-    constructor(elementRef, document, config, changeDetectorRef, thyClickDispatcher, ngZone) {
+    constructor() {
+        const changeDetectorRef = inject(ChangeDetectorRef);
         super(autocompleteAbstractOverlayOptions, changeDetectorRef);
-        this.elementRef = elementRef;
-        this.document = document;
-        this.config = config;
-        this.thyClickDispatcher = thyClickDispatcher;
-        this.ngZone = ngZone;
+        this.elementRef = inject(ElementRef);
+        this.document = inject(DOCUMENT);
+        this.config = inject(ThyAutocompleteConfig);
+        this.thyClickDispatcher = inject(ThyClickDispatcher);
+        this.ngZone = inject(NgZone);
         /** State of the autocomplete animation. */
         this.animationState = 'enter';
         /** Emits when an animation state changes. */
@@ -258,7 +257,7 @@ class ThyAutocompleteContainer extends ThyAbstractOverlayContainer {
         this.animationState = 'exit';
         this.changeDetectorRef.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocompleteContainer, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: ThyAutocompleteConfig }, { token: i0.ChangeDetectorRef }, { token: i2.ThyClickDispatcher }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocompleteContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ThyAutocompleteContainer, isStandalone: true, selector: "thy-autocomplete-container", host: { attributes: { "tabindex": "-1" }, listeners: { "@autocompleteContainer.start": "onAnimationStart($event)", "@autocompleteContainer.done": "onAnimationDone($event)" }, properties: { "attr.role": "'autocomplete'", "@autocompleteContainer": "animationState" }, classAttribute: "thy-autocomplete-container" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: ThyPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template thyPortalOutlet></ng-template>\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ThyPortalOutlet, selector: "[thyPortalOutlet]", inputs: ["thyPortalOutlet"], exportAs: ["thyPortalOutlet"] }], animations: [thyAutocompleteAnimations.autocompleteContainer] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocompleteContainer, decorators: [{
@@ -271,10 +270,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         '(@autocompleteContainer.start)': 'onAnimationStart($event)',
                         '(@autocompleteContainer.done)': 'onAnimationDone($event)'
                     }, standalone: true, imports: [PortalModule, ThyPortalOutlet], template: "<ng-template thyPortalOutlet></ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: ThyAutocompleteConfig }, { type: i0.ChangeDetectorRef }, { type: i2.ThyClickDispatcher }, { type: i0.NgZone }], propDecorators: { portalOutlet: [{
+        }], ctorParameters: () => [], propDecorators: { portalOutlet: [{
                 type: ViewChild,
                 args: [ThyPortalOutlet, { static: true }]
             }] } });
@@ -367,14 +363,17 @@ class ThyAutocompleteService extends ThyAbstractOverlayService {
             coerceElement(config.origin).classList.remove(...coerceArray(config.originActiveClass));
         }
     }
-    constructor(overlay, injector, defaultConfig, scrollDispatcher, ngZone, _viewportRuler, _document, _platform, _overlayContainer) {
+    constructor() {
+        const overlay = inject(Overlay);
+        const injector = inject(Injector);
+        const defaultConfig = inject(THY_AUTOCOMPLETE_DEFAULT_CONFIG);
         super(autocompleteAbstractOverlayOptions, overlay, injector, defaultConfig);
-        this.scrollDispatcher = scrollDispatcher;
-        this.ngZone = ngZone;
-        this._viewportRuler = _viewportRuler;
-        this._document = _document;
-        this._platform = _platform;
-        this._overlayContainer = _overlayContainer;
+        this.scrollDispatcher = inject(ScrollDispatcher);
+        this.ngZone = inject(NgZone);
+        this._viewportRuler = inject(ViewportRuler);
+        this._document = inject(DOCUMENT);
+        this._platform = inject(Platform);
+        this._overlayContainer = inject(OverlayContainer);
         this.ngUnsubscribe$ = new Subject();
         this.originInstancesMap = new Map();
     }
@@ -396,24 +395,44 @@ class ThyAutocompleteService extends ThyAbstractOverlayService {
     ngOnDestroy() {
         this.dispose();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocompleteService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: THY_AUTOCOMPLETE_DEFAULT_CONFIG }, { token: i1.ScrollDispatcher }, { token: i0.NgZone }, { token: i2$1.ViewportRuler }, { token: DOCUMENT }, { token: i3.Platform }, { token: i1.OverlayContainer }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocompleteService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocompleteService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocompleteService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.Injector }, { type: ThyAutocompleteConfig, decorators: [{
-                    type: Inject,
-                    args: [THY_AUTOCOMPLETE_DEFAULT_CONFIG]
-                }] }, { type: i1.ScrollDispatcher }, { type: i0.NgZone }, { type: i2$1.ViewportRuler }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i3.Platform }, { type: i1.OverlayContainer }] });
+        }], ctorParameters: () => [] });
 
 /**
  * 自动完成触发指令
  * @name thyAutocomplete
  */
 class ThyAutocompleteTriggerDirective {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.ngZone = inject(NgZone);
+        this.overlay = inject(Overlay);
+        this.autocompleteService = inject(ThyAutocompleteService);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.document = inject(DOCUMENT, { optional: true });
+        this.cdr = inject(ChangeDetectorRef);
+        this.closeKeyEventStream = new Subject();
+        this.panelOpened = false;
+        /**
+         * 弹出框默认 offset
+         * @type number
+         */
+        this.thyOffset = 4;
+        /**
+         * 下拉菜单的显示位置，'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom'
+         * @type string
+         */
+        this.thyPlacement = 'bottomLeft';
+        /**
+         * 是否允许聚焦时打开下拉菜单
+         * @type boolean
+         */
+        this.thyIsFocusOpen = true;
+    }
     /**
      * 下拉菜单组件实例。已废弃，请使用 thyAutocomplete
      * @type thyAutocompleteComponent
@@ -446,32 +465,6 @@ class ThyAutocompleteTriggerDirective {
         // Normalize the output so we return a consistent type.
         map(event => (event instanceof ThyOptionSelectionChangeEvent ? event : null)));
     }
-    constructor(elementRef, ngZone, overlay, autocompleteService, viewContainerRef, document, cdr) {
-        this.elementRef = elementRef;
-        this.ngZone = ngZone;
-        this.overlay = overlay;
-        this.autocompleteService = autocompleteService;
-        this.viewContainerRef = viewContainerRef;
-        this.document = document;
-        this.cdr = cdr;
-        this.closeKeyEventStream = new Subject();
-        this.panelOpened = false;
-        /**
-         * 弹出框默认 offset
-         * @type number
-         */
-        this.thyOffset = 4;
-        /**
-         * 下拉菜单的显示位置，'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom'
-         * @type string
-         */
-        this.thyPlacement = 'bottomLeft';
-        /**
-         * 是否允许聚焦时打开下拉菜单
-         * @type boolean
-         */
-        this.thyIsFocusOpen = true;
-    }
     ngOnInit() { }
     onFocus() {
         if (this.canOpen() && this.thyIsFocusOpen) {
@@ -635,7 +628,7 @@ class ThyAutocompleteTriggerDirective {
         this.closeKeyEventStream.complete();
         this.destroyPanel();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocompleteTriggerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.Overlay }, { token: ThyAutocompleteService }, { token: i0.ViewContainerRef }, { token: DOCUMENT, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocompleteTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.0", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyAutocompleteTriggerDirective, decorators: [{
@@ -650,12 +643,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     },
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.Overlay }, { type: ThyAutocompleteService }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { panelOpened: [{
+        }], propDecorators: { panelOpened: [{
                 type: HostBinding,
                 args: [`class.thy-autocomplete-opened`]
             }], autocompleteComponent: [{