ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-dropdown.mjs

@@ -19,10 +19,10 @@ class ThyDropdownAbstractMenu {
     constructor() {
         this.addDropdownMenuClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownAbstractMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyDropdownAbstractMenu, isStandalone: true, host: { properties: { "class.thy-dropdown-menu": "this.addDropdownMenuClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownAbstractMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyDropdownAbstractMenu, isStandalone: true, host: { properties: { "class.thy-dropdown-menu": "this.addDropdownMenuClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownAbstractMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownAbstractMenu, decorators: [{
             type: Directive
         }], propDecorators: { addDropdownMenuClass: [{
                 type: HostBinding,
@@ -39,14 +39,14 @@ class ThyDropdownMenuComponent {
         /**
          * 设置菜单宽度
          */
-        this.thyWidth = input(THY_DROPDOWN_DEFAULT_WIDTH, { transform: coerceCssPixelValue });
+        this.thyWidth = input(THY_DROPDOWN_DEFAULT_WIDTH, ...(ngDevMode ? [{ debugName: "thyWidth", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 是否直接渲染 dropdown-menu 中的元素
          */
-        this.thyImmediateRender = input(false, { transform: coerceBooleanProperty });
+        this.thyImmediateRender = input(false, ...(ngDevMode ? [{ debugName: "thyImmediateRender", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyDropdownMenuComponent, isStandalone: true, selector: "thy-dropdown-menu", inputs: { thyWidth: { classPropertyName: "thyWidth", publicName: "thyWidth", isSignal: true, isRequired: false, transformFunction: null }, thyImmediateRender: { classPropertyName: "thyImmediateRender", publicName: "thyImmediateRender", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-dropdown-menu": "thyImmediateRender()", "style.width": "thyImmediateRender() ? thyWidth() : ''" } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["dropdownMenu"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyDropdownMenuComponent, isStandalone: true, selector: "thy-dropdown-menu", inputs: { thyWidth: { classPropertyName: "thyWidth", publicName: "thyWidth", isSignal: true, isRequired: false, transformFunction: null }, thyImmediateRender: { classPropertyName: "thyImmediateRender", publicName: "thyImmediateRender", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-dropdown-menu": "thyImmediateRender()", "style.width": "thyImmediateRender() ? thyWidth() : ''" } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["dropdownMenu"], descendants: true, isSignal: true }], ngImport: i0, template: `
         @if (thyImmediateRender()) {
             <ng-container *ngTemplateOutlet="content"></ng-container>
         }
@@ -60,7 +60,7 @@ class ThyDropdownMenuComponent {
         </ng-template>
     `, isInline: true, 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: ThyDropdownMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-dropdown-menu',
@@ -85,7 +85,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     },
                     imports: [NgTemplateOutlet]
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['dropdownMenu', { isSignal: true }] }], thyWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyWidth", required: false }] }], thyImmediateRender: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyImmediateRender", required: false }] }] } });
 /**
  * 下拉菜单分组
  * @name thy-dropdown-menu-group
@@ -96,15 +96,15 @@ class ThyDropdownMenuGroup {
         /**
          * 分组标题
          */
-        this.thyTitle = input();
+        this.thyTitle = input(...(ngDevMode ? [undefined, { debugName: "thyTitle" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyDropdownMenuGroup, isStandalone: true, selector: "thy-dropdown-menu-group", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dropdown-menu-group" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThyDropdownMenuGroup, isStandalone: true, selector: "thy-dropdown-menu-group", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dropdown-menu-group" }, ngImport: i0, template: `
         <div class="dropdown-menu-group-title">{{ thyTitle() }}</div>
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-dropdown-menu-group',
@@ -117,17 +117,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         class: 'dropdown-menu-group'
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitle", required: false }] }] } });
 /**
  * 下拉菜单分割线
  * @name thy-dropdown-menu-divider
  */
 class ThyDropdownMenuDivider {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThyDropdownMenuDivider, isStandalone: true, selector: "thy-dropdown-menu-divider", host: { classAttribute: "dropdown-menu-divider" }, ngImport: i0, template: ` <!-- <div class="dropdown-menu-divider-title">{{ title }}</div> --> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThyDropdownMenuDivider, isStandalone: true, selector: "thy-dropdown-menu-divider", host: { classAttribute: "dropdown-menu-divider" }, ngImport: i0, template: ` <!-- <div class="dropdown-menu-divider-title">{{ title }}</div> --> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuDivider, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-dropdown-menu-divider',
@@ -156,56 +156,56 @@ class ThyDropdownDirective extends ThyOverlayDirectiveBase {
         this.popover = inject(ThyPopover);
         this.menu = computed(() => {
             return (this.thyDropdownMenu() || this.thyDropdown());
-        });
+        }, ...(ngDevMode ? [{ debugName: "menu" }] : []));
         this.popoverOpened = false;
         /**
          * Dropdown 下拉菜单，支持 thy-dropdown-menu 组件、TemplateRef 和自定义菜单组件
          */
-        this.thyDropdownMenu = input();
+        this.thyDropdownMenu = input(...(ngDevMode ? [undefined, { debugName: "thyDropdownMenu" }] : []));
         /**
          * Dropdown 下拉菜单组件，和 thyDropdownMenu 参与相同，快捷传下拉菜单组件参数
          */
-        this.thyDropdown = input();
+        this.thyDropdown = input(...(ngDevMode ? [undefined, { debugName: "thyDropdown" }] : []));
         /**
          * 下拉菜单触发方式
          * @type 'hover' | 'focus' | 'click' | string
          * @default click
          */
-        this.thyTrigger = input('click');
+        this.thyTrigger = input('click', ...(ngDevMode ? [{ debugName: "thyTrigger" }] : []));
         /**
          * 打开延迟毫秒
          */
-        this.thyShowDelay = input(100, { transform: numberAttribute });
+        this.thyShowDelay = input(100, ...(ngDevMode ? [{ debugName: "thyShowDelay", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 关闭延迟毫秒
          */
-        this.thyHideDelay = input(100, { transform: numberAttribute });
+        this.thyHideDelay = input(100, ...(ngDevMode ? [{ debugName: "thyHideDelay", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 弹出菜单后的当前触发元素的激活样式类
          */
-        this.thyActiveClass = input('thy-dropdown-origin-active', {
-            transform: (value) => value || 'thy-dropdown-origin-active'
-        });
+        this.thyActiveClass = input('thy-dropdown-origin-active', ...(ngDevMode ? [{ debugName: "thyActiveClass", transform: (value) => value || 'thy-dropdown-origin-active' }] : [{
+                transform: (value) => value || 'thy-dropdown-origin-active'
+            }]));
         /**
          * 弹出框的参数，底层使用 Popover 组件, 默认为`{ placement: "bottomLeft", insideClosable: true, minWidth: "240px", outsideClosable: true }`
          */
-        this.thyPopoverOptions = input();
+        this.thyPopoverOptions = input(...(ngDevMode ? [undefined, { debugName: "thyPopoverOptions" }] : []));
         /**
          * 弹出框的显示位置，会覆盖 thyPopoverOptions 中的 placement，`top` | `topLeft` | `topRight` | `bottom` | `bottomLeft` | `bottomRight` | `left` | `leftTop` | `leftBottom` | `right` | `rightTop` | `rightBottom`
          * @default bottomLeft
          */
-        this.thyPlacement = input();
+        this.thyPlacement = input(...(ngDevMode ? [undefined, { debugName: "thyPlacement" }] : []));
         /**
          * 点击 dropdown-menu 内部是否关闭弹出框，会覆盖 thyPopoverOptions 中的 insideClosable
          */
-        this.thyMenuInsideClosable = input(undefined, { transform: coerceBooleanProperty });
+        this.thyMenuInsideClosable = input(undefined, ...(ngDevMode ? [{ debugName: "thyMenuInsideClosable", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 弹出框 overlay panel 的类名
          * @type string | string[]
          */
-        this.thyPanelClass = input(['thy-dropdown-pane'], {
-            transform: (value) => (!isUndefinedOrNull(value) && ['thy-dropdown-pane'].concat(coerceArray(value))) || ['thy-dropdown-pane']
-        });
+        this.thyPanelClass = input(['thy-dropdown-pane'], ...(ngDevMode ? [{ debugName: "thyPanelClass", transform: (value) => (!isUndefinedOrNull(value) && ['thy-dropdown-pane'].concat(coerceArray(value))) || ['thy-dropdown-pane'] }] : [{
+                transform: (value) => (!isUndefinedOrNull(value) && ['thy-dropdown-pane'].concat(coerceArray(value))) || ['thy-dropdown-pane']
+            }]));
         /**
          * 菜单 Active 事件，打开菜单返回 true，关闭返回 false
          */
@@ -296,10 +296,10 @@ class ThyDropdownDirective extends ThyOverlayDirectiveBase {
             this.markForCheck();
         }, delay);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyDropdownDirective, isStandalone: true, selector: "[thyDropdown]", inputs: { thyDropdownMenu: { classPropertyName: "thyDropdownMenu", publicName: "thyDropdownMenu", isSignal: true, isRequired: false, transformFunction: null }, thyDropdown: { classPropertyName: "thyDropdown", publicName: "thyDropdown", isSignal: true, isRequired: false, transformFunction: null }, thyTrigger: { classPropertyName: "thyTrigger", publicName: "thyTrigger", isSignal: true, isRequired: false, transformFunction: null }, thyShowDelay: { classPropertyName: "thyShowDelay", publicName: "thyShowDelay", isSignal: true, isRequired: false, transformFunction: null }, thyHideDelay: { classPropertyName: "thyHideDelay", publicName: "thyHideDelay", isSignal: true, isRequired: false, transformFunction: null }, thyActiveClass: { classPropertyName: "thyActiveClass", publicName: "thyActiveClass", isSignal: true, isRequired: false, transformFunction: null }, thyPopoverOptions: { classPropertyName: "thyPopoverOptions", publicName: "thyPopoverOptions", isSignal: true, isRequired: false, transformFunction: null }, thyPlacement: { classPropertyName: "thyPlacement", publicName: "thyPlacement", isSignal: true, isRequired: false, transformFunction: null }, thyMenuInsideClosable: { classPropertyName: "thyMenuInsideClosable", publicName: "thyMenuInsideClosable", isSignal: true, isRequired: false, transformFunction: null }, thyPanelClass: { classPropertyName: "thyPanelClass", publicName: "thyPanelClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyActiveChange: "thyActiveChange" }, host: { classAttribute: "thy-dropdown" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThyDropdownDirective, isStandalone: true, selector: "[thyDropdown]", inputs: { thyDropdownMenu: { classPropertyName: "thyDropdownMenu", publicName: "thyDropdownMenu", isSignal: true, isRequired: false, transformFunction: null }, thyDropdown: { classPropertyName: "thyDropdown", publicName: "thyDropdown", isSignal: true, isRequired: false, transformFunction: null }, thyTrigger: { classPropertyName: "thyTrigger", publicName: "thyTrigger", isSignal: true, isRequired: false, transformFunction: null }, thyShowDelay: { classPropertyName: "thyShowDelay", publicName: "thyShowDelay", isSignal: true, isRequired: false, transformFunction: null }, thyHideDelay: { classPropertyName: "thyHideDelay", publicName: "thyHideDelay", isSignal: true, isRequired: false, transformFunction: null }, thyActiveClass: { classPropertyName: "thyActiveClass", publicName: "thyActiveClass", isSignal: true, isRequired: false, transformFunction: null }, thyPopoverOptions: { classPropertyName: "thyPopoverOptions", publicName: "thyPopoverOptions", isSignal: true, isRequired: false, transformFunction: null }, thyPlacement: { classPropertyName: "thyPlacement", publicName: "thyPlacement", isSignal: true, isRequired: false, transformFunction: null }, thyMenuInsideClosable: { classPropertyName: "thyMenuInsideClosable", publicName: "thyMenuInsideClosable", isSignal: true, isRequired: false, transformFunction: null }, thyPanelClass: { classPropertyName: "thyPanelClass", publicName: "thyPanelClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyActiveChange: "thyActiveChange" }, host: { classAttribute: "thy-dropdown" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[thyDropdown]`,
@@ -307,7 +307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         class: 'thy-dropdown'
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyDropdownMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDropdownMenu", required: false }] }], thyDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDropdown", required: false }] }], thyTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTrigger", required: false }] }], thyShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyShowDelay", required: false }] }], thyHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyHideDelay", required: false }] }], thyActiveClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyActiveClass", required: false }] }], thyPopoverOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPopoverOptions", required: false }] }], thyPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPlacement", required: false }] }], thyMenuInsideClosable: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMenuInsideClosable", required: false }] }], thyPanelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPanelClass", required: false }] }], thyActiveChange: [{ type: i0.Output, args: ["thyActiveChange"] }] } });
 
 /**
  * 菜单项
@@ -317,17 +317,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 class ThyDropdownMenuItemDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
-        this.danger = computed(() => this.thyType() === 'danger' || false);
-        this.success = computed(() => this.thyType() === 'success' || false);
+        this.danger = computed(() => this.thyType() === 'danger' || false, ...(ngDevMode ? [{ debugName: "danger" }] : []));
+        this.success = computed(() => this.thyType() === 'success' || false, ...(ngDevMode ? [{ debugName: "success" }] : []));
         /**
          * 菜单项类型
          * @type 'default' | 'danger' | 'success' | ''
          */
-        this.thyType = input('default');
+        this.thyType = input('default', ...(ngDevMode ? [{ debugName: "thyType" }] : []));
         /**
          * 菜单项是否处于禁用状态
          */
-        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
+        this.thyDisabled = input(false, ...(ngDevMode ? [{ debugName: "thyDisabled", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         this.hostRenderer = useHostRenderer();
     }
     onClick(event) {
@@ -346,10 +346,10 @@ class ThyDropdownMenuItemDirective {
     bindMouseenterEvent() {
         return fromEvent(this.elementRef.nativeElement, 'mouseenter').pipe(debounceTime(100), shareReplay());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyDropdownMenuItemDirective, isStandalone: true, selector: "[thyDropdownMenuItem]", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.dropdown-menu-item--disabled": "thyDisabled()", "class.dropdown-menu-item--danger": "danger()", "class.dropdown-menu-item--success": "success()" }, classAttribute: "dropdown-menu-item" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThyDropdownMenuItemDirective, isStandalone: true, selector: "[thyDropdownMenuItem]", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.dropdown-menu-item--disabled": "thyDisabled()", "class.dropdown-menu-item--danger": "danger()", "class.dropdown-menu-item--success": "success()" }, classAttribute: "dropdown-menu-item" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDropdownMenuItem]',
@@ -360,7 +360,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.dropdown-menu-item--success]': 'success()'
                     }
                 }]
-        }], propDecorators: { onClick: [{
+        }], propDecorators: { thyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyType", required: false }] }], thyDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDisabled", required: false }] }], onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
@@ -372,10 +372,10 @@ class ThyDropdownMenuItemIconDirective {
     constructor() {
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyDropdownMenuItemIconDirective, isStandalone: true, selector: "[thyDropdownMenuItemIcon]", host: { properties: { "class.icon": "this.className" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyDropdownMenuItemIconDirective, isStandalone: true, selector: "[thyDropdownMenuItemIcon]", host: { properties: { "class.icon": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDropdownMenuItemIcon]'
@@ -392,10 +392,10 @@ class ThyDropdownMenuItemNameDirective {
     constructor() {
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemNameDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyDropdownMenuItemNameDirective, isStandalone: true, selector: "[thyDropdownMenuItemName]", host: { properties: { "class.name": "this.className" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemNameDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyDropdownMenuItemNameDirective, isStandalone: true, selector: "[thyDropdownMenuItemName]", host: { properties: { "class.name": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemNameDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemNameDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDropdownMenuItemName]'
@@ -412,10 +412,10 @@ class ThyDropdownMenuItemMetaDirective {
     constructor() {
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyDropdownMenuItemMetaDirective, isStandalone: true, selector: "[thyDropdownMenuItemMeta]", host: { properties: { "class.meta": "this.className" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyDropdownMenuItemMetaDirective, isStandalone: true, selector: "[thyDropdownMenuItemMeta]", host: { properties: { "class.meta": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemMetaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemMetaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDropdownMenuItemMeta]'
@@ -432,10 +432,10 @@ class ThyDropdownMenuItemDescDirective {
     constructor() {
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemDescDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyDropdownMenuItemDescDirective, isStandalone: true, selector: "[thyDropdownMenuItemDesc]", host: { properties: { "class.desc": "this.className" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemDescDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyDropdownMenuItemDescDirective, isStandalone: true, selector: "[thyDropdownMenuItemDesc]", host: { properties: { "class.desc": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemDescDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemDescDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDropdownMenuItemDesc]'
@@ -452,10 +452,10 @@ class ThyDropdownMenuItemExtendIconDirective {
     constructor() {
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemExtendIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyDropdownMenuItemExtendIconDirective, isStandalone: true, selector: "[thyDropdownMenuItemExtendIcon]", host: { properties: { "class.extend-icon": "this.className" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemExtendIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyDropdownMenuItemExtendIconDirective, isStandalone: true, selector: "[thyDropdownMenuItemExtendIcon]", host: { properties: { "class.extend-icon": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemExtendIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemExtendIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDropdownMenuItemExtendIcon]'
@@ -475,12 +475,12 @@ class ThyDropdownMenuItemActiveDirective {
          * 是否激活
          * @type boolean | string
          */
-        this.thyDropdownMenuItemActive = input(false, { transform: coerceBooleanProperty });
+        this.thyDropdownMenuItemActive = input(false, ...(ngDevMode ? [{ debugName: "thyDropdownMenuItemActive", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemActiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyDropdownMenuItemActiveDirective, isStandalone: true, selector: "[thyDropdownMenuItemActive]", inputs: { thyDropdownMenuItemActive: { classPropertyName: "thyDropdownMenuItemActive", publicName: "thyDropdownMenuItemActive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.active": "thyDropdownMenuItemActive()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemActiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThyDropdownMenuItemActiveDirective, isStandalone: true, selector: "[thyDropdownMenuItemActive]", inputs: { thyDropdownMenuItemActive: { classPropertyName: "thyDropdownMenuItemActive", publicName: "thyDropdownMenuItemActive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.active": "thyDropdownMenuItemActive()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownMenuItemActiveDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownMenuItemActiveDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDropdownMenuItemActive]',
@@ -488,7 +488,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.active]': `thyDropdownMenuItemActive()`
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyDropdownMenuItemActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDropdownMenuItemActive", required: false }] }] } });
 
 const SUBMENU_CLASS_PREFIX = 'dropdown-submenu';
 /**
@@ -505,11 +505,13 @@ class ThyDropdownSubmenu {
          * 菜单方向
          * @type left | right | auto
          */
-        this.thyDirection = input('right', {
-            transform: (value) => {
-                return value || 'right';
-            }
-        });
+        this.thyDirection = input('right', ...(ngDevMode ? [{ debugName: "thyDirection", transform: (value) => {
+                    return value || 'right';
+                } }] : [{
+                transform: (value) => {
+                    return value || 'right';
+                }
+            }]));
     }
     ngOnInit() {
         let direction = this.thyDirection();
@@ -550,10 +552,10 @@ class ThyDropdownSubmenu {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownSubmenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyDropdownSubmenu, isStandalone: true, selector: "[thyDropdownSubmenu],thy-dropdown-submenu", inputs: { thyDirection: { classPropertyName: "thyDirection", publicName: "thyDirection", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dropdown-submenu" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownSubmenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThyDropdownSubmenu, isStandalone: true, selector: "[thyDropdownSubmenu],thy-dropdown-submenu", inputs: { thyDirection: { classPropertyName: "thyDirection", publicName: "thyDirection", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dropdown-submenu" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownSubmenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownSubmenu, decorators: [{
             type: Component,
             args: [{
                     selector: '[thyDropdownSubmenu],thy-dropdown-submenu',
@@ -563,7 +565,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     },
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }] });
+        }], propDecorators: { thyDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDirection", required: false }] }] } });
 
 /**
  * 跟踪 Dropdown 菜单是否被打开处于激活状态，允许指定一个或多个CSS类，以便在菜单打开状态时添加到元素中
@@ -575,13 +577,13 @@ class ThyDropdownActiveDirective {
         this.trigger = inject(ThyDropdownDirective, { optional: true });
         this.classes = computed(() => {
             return coerceArray(this.thyDropdownActive()).filter(c => !!c);
-        });
+        }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
         this.hostRenderer = useHostRenderer();
         /**
          * 设置 Active 样式类，可以是一个或多个CSS类
          * @type string[] | string
          */
-        this.thyDropdownActive = input();
+        this.thyDropdownActive = input(...(ngDevMode ? [undefined, { debugName: "thyDropdownActive" }] : []));
     }
     ngOnInit() { }
     ngAfterContentInit() {
@@ -609,22 +611,22 @@ class ThyDropdownActiveDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownActiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyDropdownActiveDirective, isStandalone: true, selector: "[thyDropdownActive]", inputs: { thyDropdownActive: { classPropertyName: "thyDropdownActive", publicName: "thyDropdownActive", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "triggers", predicate: ThyDropdownDirective, descendants: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownActiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThyDropdownActiveDirective, isStandalone: true, selector: "[thyDropdownActive]", inputs: { thyDropdownActive: { classPropertyName: "thyDropdownActive", publicName: "thyDropdownActive", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "triggers", predicate: ThyDropdownDirective, descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownActiveDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownActiveDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDropdownActive]'
                 }]
-        }], propDecorators: { triggers: [{
+        }], propDecorators: { thyDropdownActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDropdownActive", required: false }] }], triggers: [{
                 type: ContentChildren,
                 args: [ThyDropdownDirective, { descendants: true }]
             }] } });
 
 class ThyDropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownModule, imports: [CommonModule,
             ThyPopoverModule,
             ThyDropdownDirective,
             ThyDropdownActiveDirective,
@@ -651,10 +653,10 @@ class ThyDropdownModule {
             ThyDropdownMenuItemDescDirective,
             ThyDropdownMenuItemExtendIconDirective,
             ThyDropdownMenuItemActiveDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownModule, imports: [CommonModule,
             ThyPopoverModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [