ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-layout.mjs

@@ -17,15 +17,15 @@ import { DragDropModule } from '@angular/cdk/drag-drop';
  */
 class ThyLayoutDirective {
     constructor() {
-        this.sidebarDirection = signal(null);
+        this.sidebarDirection = signal(null, ...(ngDevMode ? [{ debugName: "sidebarDirection" }] : []));
         this.isSidebarRight = computed(() => {
             return this.sidebarDirection() === 'right';
-        });
+        }, ...(ngDevMode ? [{ debugName: "isSidebarRight" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyLayoutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyLayoutDirective, isStandalone: true, selector: "[thyLayout]:not([thyForm]):not(thy-form):not(thy-radio-group):not(thy-properties):not(thy-selection-list):not(thy-vote):not([thyVote])", host: { properties: { "class.thy-layout--has-sidebar": "sidebarDirection()", "class.thy-layout--is-sidebar-right": "isSidebarRight()" }, classAttribute: "thy-layout" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyLayoutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyLayoutDirective, isStandalone: true, selector: "[thyLayout]:not([thyForm]):not(thy-form):not(thy-radio-group):not(thy-properties):not(thy-selection-list):not(thy-vote):not([thyVote])", host: { properties: { "class.thy-layout--has-sidebar": "sidebarDirection()", "class.thy-layout--is-sidebar-right": "isSidebarRight()" }, classAttribute: "thy-layout" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyLayoutDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyLayoutDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyLayout]:not([thyForm]):not(thy-form):not(thy-radio-group):not(thy-properties):not(thy-selection-list):not(thy-vote):not([thyVote])',
@@ -42,10 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 6
  */
 class ThyLayout {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyLayout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThyLayout, isStandalone: true, selector: "thy-layout", hostDirectives: [{ directive: ThyLayoutDirective }], 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: ThyLayout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThyLayout, isStandalone: true, selector: "thy-layout", hostDirectives: [{ directive: ThyLayoutDirective }], 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: ThyLayout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyLayout, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-layout',
@@ -66,33 +66,33 @@ class ThyHeaderDirective {
          * 头部大小
          * @type sm | md  | lg | xlg
          */
-        this.thySize = input('md');
+        this.thySize = input('md', ...(ngDevMode ? [{ debugName: "thySize" }] : []));
         /**
          * 底部是否有阴影
          * @default false
          */
-        this.thyShadow = input(false, { transform: coerceBooleanProperty });
+        this.thyShadow = input(false, ...(ngDevMode ? [{ debugName: "thyShadow", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 底部是否有分割线
          */
-        this.thyDivided = input(false, { transform: coerceBooleanProperty });
+        this.thyDivided = input(false, ...(ngDevMode ? [{ debugName: "thyDivided", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 底部是否有分割线，已废弃，请使用 thyDivided
          * @deprecated please use thyDivided
          */
-        this.thyHasBorder = input(false, { transform: coerceBooleanProperty });
+        this.thyHasBorder = input(false, ...(ngDevMode ? [{ debugName: "thyHasBorder", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         this.divided = computed(() => {
             const value = this.thyDivided();
             if (value !== undefined) {
                 return value;
             }
             return this.thyHasBorder();
-        });
+        }, ...(ngDevMode ? [{ debugName: "divided" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyHeaderDirective, isStandalone: true, selector: "[thyHeader]", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyShadow: { classPropertyName: "thyShadow", publicName: "thyShadow", isSignal: true, isRequired: false, transformFunction: null }, thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null }, thyHasBorder: { classPropertyName: "thyHasBorder", publicName: "thyHasBorder", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-layout-header-sm": "thySize() === 'sm'", "class.thy-layout-header-lg": "thySize() === 'lg'", "class.thy-layout-header-xlg": "thySize() === 'xlg'", "class.thy-layout-header-shadow": "thyShadow()", "class.thy-layout-header-divided": "divided()" }, classAttribute: "thy-layout-header" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThyHeaderDirective, isStandalone: true, selector: "[thyHeader]", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyShadow: { classPropertyName: "thyShadow", publicName: "thyShadow", isSignal: true, isRequired: false, transformFunction: null }, thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null }, thyHasBorder: { classPropertyName: "thyHasBorder", publicName: "thyHasBorder", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-layout-header-sm": "thySize() === 'sm'", "class.thy-layout-header-lg": "thySize() === 'lg'", "class.thy-layout-header-xlg": "thySize() === 'xlg'", "class.thy-layout-header-shadow": "thyShadow()", "class.thy-layout-header-divided": "divided()" }, classAttribute: "thy-layout-header" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyHeader]',
@@ -105,7 +105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.thy-layout-header-divided]': `divided()`
                     }
                 }]
-        }] });
+        }], propDecorators: { thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyShadow", required: false }] }], thyDivided: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDivided", required: false }] }], thyHasBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyHasBorder", required: false }] }] } });
 /**
  * 头部布局组件
  * @name thy-header
@@ -116,22 +116,22 @@ class ThyHeader {
         /**
          * 头部标题
          */
-        this.thyTitle = input(undefined);
+        this.thyTitle = input(undefined, ...(ngDevMode ? [{ debugName: "thyTitle" }] : []));
         /**
          * 图标前缀，被弃用，图标使用 SVG 图标
          */
-        this.thyIconPrefix = input('wtf');
+        this.thyIconPrefix = input('wtf', ...(ngDevMode ? [{ debugName: "thyIconPrefix" }] : []));
         /**
          * 图标，SVG 图标名称
          */
-        this.thyIcon = input(undefined);
+        this.thyIcon = input(undefined, ...(ngDevMode ? [{ debugName: "thyIcon" }] : []));
         this.svgIconName = computed(() => {
             const icon = this.thyIcon();
             if (icon && !icon.includes('wtf')) {
                 return icon;
             }
             return null;
-        });
+        }, ...(ngDevMode ? [{ debugName: "svgIconName" }] : []));
         this.iconClass = computed(() => {
             const icon = this.svgIconName();
             if (icon) {
@@ -144,27 +144,27 @@ class ThyHeader {
                 }
             }
             return null;
-        });
+        }, ...(ngDevMode ? [{ debugName: "iconClass" }] : []));
         /**
          * 头部自定义标题模板，`<ng-template #headerTitle></ng-template>`
          * @type TemplateRef
          */
-        this.titleTemplateRef = contentChild('headerTitle');
+        this.titleTemplateRef = contentChild('headerTitle', ...(ngDevMode ? [{ debugName: "titleTemplateRef" }] : []));
         /**
          * 头部自定义内容模板，`<ng-template #headerContent></ng-template>`
          * @type TemplateRef
          */
-        this.contentTemplateRef = contentChild('headerContent');
+        this.contentTemplateRef = contentChild('headerContent', ...(ngDevMode ? [{ debugName: "contentTemplateRef" }] : []));
         /**
          * 头部自定义操作模板，`<ng-template #headerOperation></ng-template>`
          * @type TemplateRef
          */
-        this.operationTemplateRef = contentChild('headerOperation');
+        this.operationTemplateRef = contentChild('headerOperation', ...(ngDevMode ? [{ debugName: "operationTemplateRef" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyHeader, isStandalone: true, selector: "thy-header", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thyIconPrefix: { classPropertyName: "thyIconPrefix", publicName: "thyIconPrefix", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "titleTemplateRef", first: true, predicate: ["headerTitle"], descendants: true, isSignal: true }, { propertyName: "contentTemplateRef", first: true, predicate: ["headerContent"], descendants: true, isSignal: true }, { propertyName: "operationTemplateRef", first: true, predicate: ["headerOperation"], descendants: true, isSignal: true }], hostDirectives: [{ directive: ThyHeaderDirective, inputs: ["thySize", "thySize", "thyShadow", "thyShadow", "thyHasBorder", "thyHasBorder", "thyDivided", "thyDivided"] }], ngImport: i0, template: "<div class=\"layout-header-title\">\n  @if (titleTemplateRef()) {\n    <ng-template [ngTemplateOutlet]=\"titleTemplateRef()\"></ng-template>\n  } @else {\n    @if (svgIconName()) {\n      <thy-icon class=\"prefix-icon\" [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      @if (iconClass()) {\n        <i class=\"prefix-icon\" [ngClass]=\"iconClass()\"></i>\n      }\n    }\n    <span class=\"title-name\">{{ thyTitle() }}</span>\n  }\n</div>\n<div class=\"layout-header-content\">\n  <ng-template [ngTemplateOutlet]=\"contentTemplateRef()\"></ng-template>\n</div>\n<div class=\"layout-header-operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef()\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyHeader, isStandalone: true, selector: "thy-header", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thyIconPrefix: { classPropertyName: "thyIconPrefix", publicName: "thyIconPrefix", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "titleTemplateRef", first: true, predicate: ["headerTitle"], descendants: true, isSignal: true }, { propertyName: "contentTemplateRef", first: true, predicate: ["headerContent"], descendants: true, isSignal: true }, { propertyName: "operationTemplateRef", first: true, predicate: ["headerOperation"], descendants: true, isSignal: true }], hostDirectives: [{ directive: ThyHeaderDirective, inputs: ["thySize", "thySize", "thyShadow", "thyShadow", "thyHasBorder", "thyHasBorder", "thyDivided", "thyDivided"] }], ngImport: i0, template: "<div class=\"layout-header-title\">\n  @if (titleTemplateRef()) {\n    <ng-template [ngTemplateOutlet]=\"titleTemplateRef()\"></ng-template>\n  } @else {\n    @if (svgIconName()) {\n      <thy-icon class=\"prefix-icon\" [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      @if (iconClass()) {\n        <i class=\"prefix-icon\" [ngClass]=\"iconClass()\"></i>\n      }\n    }\n    <span class=\"title-name\">{{ thyTitle() }}</span>\n  }\n</div>\n<div class=\"layout-header-content\">\n  <ng-template [ngTemplateOutlet]=\"contentTemplateRef()\"></ng-template>\n</div>\n<div class=\"layout-header-operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef()\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyHeader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-header', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -172,7 +172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                             inputs: ['thySize', 'thyShadow', 'thyHasBorder', 'thyDivided']
                         }
                     ], imports: [NgTemplateOutlet, ThyIcon, NgClass], template: "<div class=\"layout-header-title\">\n  @if (titleTemplateRef()) {\n    <ng-template [ngTemplateOutlet]=\"titleTemplateRef()\"></ng-template>\n  } @else {\n    @if (svgIconName()) {\n      <thy-icon class=\"prefix-icon\" [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      @if (iconClass()) {\n        <i class=\"prefix-icon\" [ngClass]=\"iconClass()\"></i>\n      }\n    }\n    <span class=\"title-name\">{{ thyTitle() }}</span>\n  }\n</div>\n<div class=\"layout-header-content\">\n  <ng-template [ngTemplateOutlet]=\"contentTemplateRef()\"></ng-template>\n</div>\n<div class=\"layout-header-operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef()\"></ng-template>\n</div>\n" }]
-        }] });
+        }], propDecorators: { thyTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitle", required: false }] }], thyIconPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIconPrefix", required: false }] }], thyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIcon", required: false }] }], titleTemplateRef: [{ type: i0.ContentChild, args: ['headerTitle', { isSignal: true }] }], contentTemplateRef: [{ type: i0.ContentChild, args: ['headerContent', { isSignal: true }] }], operationTemplateRef: [{ type: i0.ContentChild, args: ['headerOperation', { isSignal: true }] }] } });
 
 /**
  * 内容布局指令
@@ -180,10 +180,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 15
  */
 class ThyContentDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyContentDirective, isStandalone: true, selector: "[thyContent]:not(thy-badge):not([thyBadge])", host: { classAttribute: "thy-layout-content" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyContentDirective, isStandalone: true, selector: "[thyContent]:not(thy-badge):not([thyBadge])", host: { classAttribute: "thy-layout-content" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyContent]:not(thy-badge):not([thyBadge])',
@@ -198,10 +198,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 16
  */
 class ThyContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThyContent, isStandalone: true, selector: "thy-content", hostDirectives: [{ directive: ThyContentDirective }], 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: ThyContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThyContent, isStandalone: true, selector: "thy-content", hostDirectives: [{ directive: ThyContentDirective }], 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: ThyContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-content',
@@ -226,48 +226,53 @@ class ThySidebarDirective {
         /**
          * sidebar 位置，默认在左侧
          */
-        this.thyDirection = input('left');
+        this.thyDirection = input('left', ...(ngDevMode ? [{ debugName: "thyDirection" }] : []));
         /**
          * 主题
          * @type white | light | dark
          * @default white
          */
-        this.thyTheme = input(undefined);
+        this.thyTheme = input(undefined, ...(ngDevMode ? [{ debugName: "thyTheme" }] : []));
         /**
          * 宽度，默认是 240px，传入 `lg` 大小时宽度是300px
          * @default 240px
          */
-        this.thyWidth = input(SIDEBAR_DEFAULT_WIDTH, {
-            transform: (value) => {
-                if (value === 'lg') {
-                    return LG_WIDTH;
+        this.thyWidth = input(SIDEBAR_DEFAULT_WIDTH, ...(ngDevMode ? [{ debugName: "thyWidth", transform: (value) => {
+                    if (value === 'lg') {
+                        return LG_WIDTH;
+                    }
+                    return value || SIDEBAR_DEFAULT_WIDTH;
+                } }] : [{
+                transform: (value) => {
+                    if (value === 'lg') {
+                        return LG_WIDTH;
+                    }
+                    return value || SIDEBAR_DEFAULT_WIDTH;
                 }
-                return value || SIDEBAR_DEFAULT_WIDTH;
-            }
-        });
+            }]));
         this.sidebarWidth = linkedSignal(() => {
             return this.thyWidth();
-        });
+        }, ...(ngDevMode ? [{ debugName: "sidebarWidth" }] : []));
         /**
          * 是否和右侧 /左侧隔离，当为 true 时距右侧 /左侧会有 margin，同时边框会去掉
          * @default false
          */
-        this.thyIsolated = input(false, { transform: coerceBooleanProperty });
+        this.thyIsolated = input(false, ...(ngDevMode ? [{ debugName: "thyIsolated", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * sidebar 是否有分割线。当`thyDirection`值为`left`时，控制右侧是否有分割线；当`thyDirection`值为`right`时，控制左侧是否有分割线。
          * @default true
          */
-        this.thyDivided = input(true, { transform: coerceBooleanProperty });
+        this.thyDivided = input(true, ...(ngDevMode ? [{ debugName: "thyDivided", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
     }
     ngOnInit() {
         if (this.thyLayoutDirective) {
             this.thyLayoutDirective.sidebarDirection.set(this.thyDirection());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThySidebarDirective, isStandalone: true, selector: "[thySidebar]", inputs: { thyDirection: { classPropertyName: "thyDirection", publicName: "thyDirection", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyWidth: { classPropertyName: "thyWidth", publicName: "thyWidth", isSignal: true, isRequired: false, transformFunction: null }, thyIsolated: { classPropertyName: "thyIsolated", publicName: "thyIsolated", isSignal: true, isRequired: false, transformFunction: null }, thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-layout-sidebar-right": "thyDirection() === \"right\"", "class.thy-layout-sidebar--clear-border-right": "thyDirection() === \"left\" && !thyDivided()", "class.thy-layout-sidebar--clear-border-left": "thyDirection() === \"right\" && !thyDivided()", "class.sidebar-theme-light": "thyTheme() === \"light\"", "class.sidebar-theme-dark": "thyTheme() === \"dark\"", "class.thy-layout-sidebar-isolated": "thyIsolated()", "style.width.px": "sidebarWidth()" }, classAttribute: "thy-layout-sidebar" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThySidebarDirective, isStandalone: true, selector: "[thySidebar]", inputs: { thyDirection: { classPropertyName: "thyDirection", publicName: "thyDirection", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyWidth: { classPropertyName: "thyWidth", publicName: "thyWidth", isSignal: true, isRequired: false, transformFunction: null }, thyIsolated: { classPropertyName: "thyIsolated", publicName: "thyIsolated", isSignal: true, isRequired: false, transformFunction: null }, thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-layout-sidebar-right": "thyDirection() === \"right\"", "class.thy-layout-sidebar--clear-border-right": "thyDirection() === \"left\" && !thyDivided()", "class.thy-layout-sidebar--clear-border-left": "thyDirection() === \"right\" && !thyDivided()", "class.sidebar-theme-light": "thyTheme() === \"light\"", "class.sidebar-theme-dark": "thyTheme() === \"dark\"", "class.thy-layout-sidebar-isolated": "thyIsolated()", "style.width.px": "sidebarWidth()" }, classAttribute: "thy-layout-sidebar" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thySidebar]',
@@ -282,7 +287,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[style.width.px]': 'sidebarWidth()'
                     }
                 }]
-        }] });
+        }], propDecorators: { thyDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDirection", required: false }] }], thyTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTheme", required: false }] }], thyWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyWidth", required: false }] }], thyIsolated: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIsolated", required: false }] }], thyDivided: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDivided", required: false }] }] } });
 /**
  * 侧边栏布局组件
  * @name thy-sidebar
@@ -300,7 +305,7 @@ class ThySidebar {
         this.elementRef = inject(ElementRef);
         this.hotkeyDispatcher = inject(ThyHotkeyDispatcher);
         this.sidebarDirective = inject(ThySidebarDirective);
-        this.isMouseEnter = signal(false);
+        this.isMouseEnter = signal(false, ...(ngDevMode ? [{ debugName: "isMouseEnter" }] : []));
         this.sidebarWidth = computed(() => {
             if (this.thyCollapsible() && this.collapsed()) {
                 return this.thyCollapsedWidth();
@@ -308,26 +313,26 @@ class ThySidebar {
             else {
                 return this.sidebarDirective.sidebarWidth();
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "sidebarWidth" }] : []));
         /**
          * 宽度是否可以拖拽
          * @default false
          */
-        this.thyDraggable = input(false, { transform: coerceBooleanProperty });
+        this.thyDraggable = input(false, ...(ngDevMode ? [{ debugName: "thyDraggable", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 拖拽的最大宽度
          */
-        this.thyDragMaxWidth = input(undefined, { transform: numberAttribute });
+        this.thyDragMaxWidth = input(undefined, ...(ngDevMode ? [{ debugName: "thyDragMaxWidth", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 拖拽的最小宽度
          */
-        this.thyDragMinWidth = input(undefined, { transform: numberAttribute });
+        this.thyDragMinWidth = input(undefined, ...(ngDevMode ? [{ debugName: "thyDragMinWidth", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 展示收起的触发器自定义模板，默认显示展开收起的圆形图标，设置为 null 表示不展示触发元素，手动控制展开收起状态
          * @type null | undefined | TemplateRef<any>
          * @default undefined
          */
-        this.thyTrigger = input(undefined);
+        this.thyTrigger = input(undefined, ...(ngDevMode ? [{ debugName: "thyTrigger" }] : []));
         /**
          * 收起状态改变后的事件
          */
@@ -340,42 +345,47 @@ class ThySidebar {
          * 开启收起/展开功能
          * @default false
          */
-        this.thyCollapsible = input(false, { transform: coerceBooleanProperty });
+        this.thyCollapsible = input(false, ...(ngDevMode ? [{ debugName: "thyCollapsible", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 是否是收起
          * @default false
          */
-        this.thyCollapsed = input(false, { transform: coerceBooleanProperty });
-        this.collapsed = linkedSignal(() => this.thyCollapsed());
+        this.thyCollapsed = input(false, ...(ngDevMode ? [{ debugName: "thyCollapsed", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+        this.collapsed = linkedSignal(() => this.thyCollapsed(), ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
         this.collapseVisible = computed(() => {
             return this.isMouseEnter() && !this.collapsed() ? true : false;
-        });
+        }, ...(ngDevMode ? [{ debugName: "collapseVisible" }] : []));
         /**
          * 收起后的宽度
          */
-        this.thyCollapsedWidth = input(SIDEBAR_COLLAPSED_WIDTH, { transform: numberAttribute });
+        this.thyCollapsedWidth = input(SIDEBAR_COLLAPSED_WIDTH, ...(ngDevMode ? [{ debugName: "thyCollapsedWidth", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 默认宽度，双击后可恢复到此宽度，默认是 240px，传入 lg 大小时宽度是300px
          */
-        this.thyDefaultWidth = input(undefined, {
-            transform: (value) => {
-                if (value === 'lg') {
-                    return LG_WIDTH;
+        this.thyDefaultWidth = input(undefined, ...(ngDevMode ? [{ debugName: "thyDefaultWidth", transform: (value) => {
+                    if (value === 'lg') {
+                        return LG_WIDTH;
+                    }
+                    return value;
+                } }] : [{
+                transform: (value) => {
+                    if (value === 'lg') {
+                        return LG_WIDTH;
+                    }
+                    return value;
                 }
-                return value;
-            }
-        });
+            }]));
         this.collapseTip = computed(() => {
             const collapseTip = this.collapsed() ? this.locale().expand : this.locale().collapse;
             return collapseTip + (isMacPlatform() ? `（⌘ + /)` : `（Ctrl + /)`);
-        });
+        }, ...(ngDevMode ? [{ debugName: "collapseTip" }] : []));
         this.originWidth = SIDEBAR_DEFAULT_WIDTH;
-        this.collapseHidden = signal(false);
-        this.isRemoveTransition = signal(false);
-        this.isResizable = signal(false);
+        this.collapseHidden = signal(false, ...(ngDevMode ? [{ debugName: "collapseHidden" }] : []));
+        this.isRemoveTransition = signal(false, ...(ngDevMode ? [{ debugName: "isRemoveTransition" }] : []));
+        this.isResizable = signal(false, ...(ngDevMode ? [{ debugName: "isResizable" }] : []));
         this.dragMinWidth = computed(() => {
             return this.thyDragMinWidth() || this.thyCollapsedWidth();
-        });
+        }, ...(ngDevMode ? [{ debugName: "dragMinWidth" }] : []));
         effect(() => {
             const collapsible = this.thyCollapsible();
             if (collapsible) {
@@ -435,8 +445,8 @@ class ThySidebar {
     ngOnDestroy() {
         this.hotkeySubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThySidebar, isStandalone: true, selector: "thy-sidebar", inputs: { thyDraggable: { classPropertyName: "thyDraggable", publicName: "thyDraggable", isSignal: true, isRequired: false, transformFunction: null }, thyDragMaxWidth: { classPropertyName: "thyDragMaxWidth", publicName: "thyDragMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, thyDragMinWidth: { classPropertyName: "thyDragMinWidth", publicName: "thyDragMinWidth", isSignal: true, isRequired: false, transformFunction: null }, thyTrigger: { classPropertyName: "thyTrigger", publicName: "thyTrigger", isSignal: true, isRequired: false, transformFunction: null }, thyCollapsible: { classPropertyName: "thyCollapsible", publicName: "thyCollapsible", isSignal: true, isRequired: false, transformFunction: null }, thyCollapsed: { classPropertyName: "thyCollapsed", publicName: "thyCollapsed", isSignal: true, isRequired: false, transformFunction: null }, thyCollapsedWidth: { classPropertyName: "thyCollapsedWidth", publicName: "thyCollapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, thyDefaultWidth: { classPropertyName: "thyDefaultWidth", publicName: "thyDefaultWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyCollapsedChange: "thyCollapsedChange", thyDragWidthChange: "thyDragWidthChange" }, host: { listeners: { "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "class.sidebar-collapse-show": "collapsed()", "class.remove-transition": "isRemoveTransition()", "style.width.px": "sidebarWidth()" } }, hostDirectives: [{ directive: ThySidebarDirective, inputs: ["thyTheme", "thyTheme", "thyDirection", "thyDirection", "thyWidth", "thyWidth", "thyIsolated", "thyIsolated", "thyDivided", "thyDivided"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySidebar, isStandalone: true, selector: "thy-sidebar", inputs: { thyDraggable: { classPropertyName: "thyDraggable", publicName: "thyDraggable", isSignal: true, isRequired: false, transformFunction: null }, thyDragMaxWidth: { classPropertyName: "thyDragMaxWidth", publicName: "thyDragMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, thyDragMinWidth: { classPropertyName: "thyDragMinWidth", publicName: "thyDragMinWidth", isSignal: true, isRequired: false, transformFunction: null }, thyTrigger: { classPropertyName: "thyTrigger", publicName: "thyTrigger", isSignal: true, isRequired: false, transformFunction: null }, thyCollapsible: { classPropertyName: "thyCollapsible", publicName: "thyCollapsible", isSignal: true, isRequired: false, transformFunction: null }, thyCollapsed: { classPropertyName: "thyCollapsed", publicName: "thyCollapsed", isSignal: true, isRequired: false, transformFunction: null }, thyCollapsedWidth: { classPropertyName: "thyCollapsedWidth", publicName: "thyCollapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, thyDefaultWidth: { classPropertyName: "thyDefaultWidth", publicName: "thyDefaultWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyCollapsedChange: "thyCollapsedChange", thyDragWidthChange: "thyDragWidthChange" }, host: { listeners: { "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "class.sidebar-collapse-show": "collapsed()", "class.remove-transition": "isRemoveTransition()", "style.width.px": "sidebarWidth()" } }, hostDirectives: [{ directive: ThySidebarDirective, inputs: ["thyTheme", "thyTheme", "thyDirection", "thyDirection", "thyWidth", "thyWidth", "thyIsolated", "thyIsolated", "thyDivided", "thyDivided"] }], ngImport: i0, template: `
         <ng-content></ng-content>
         @if (thyDraggable()) {
             <div
@@ -479,7 +489,7 @@ class ThySidebar {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyResizeHandle, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "directive", type: ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeStart", "thyResizeEnd"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebar, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-sidebar',
@@ -545,7 +555,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             }], mouseleave: [{
                 type: HostListener,
                 args: ['mouseleave', ['$event']]
-            }] } });
+            }], thyDraggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDraggable", required: false }] }], thyDragMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDragMaxWidth", required: false }] }], thyDragMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDragMinWidth", required: false }] }], thyTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTrigger", required: false }] }], thyCollapsedChange: [{ type: i0.Output, args: ["thyCollapsedChange"] }], thyDragWidthChange: [{ type: i0.Output, args: ["thyDragWidthChange"] }], thyCollapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyCollapsible", required: false }] }], thyCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyCollapsed", required: false }] }], thyCollapsedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyCollapsedWidth", required: false }] }], thyDefaultWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDefaultWidth", required: false }] }] } });
 
 /**
  * 内容块区域布局指令
@@ -553,10 +563,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 40
  */
 class ThyContentSectionDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyContentSectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyContentSectionDirective, isStandalone: true, selector: "[thyContentSection]", host: { classAttribute: "thy-layout-content-section" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyContentSectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyContentSectionDirective, isStandalone: true, selector: "[thyContentSection]", host: { classAttribute: "thy-layout-content-section" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyContentSectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyContentSectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyContentSection]',
@@ -571,10 +581,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 41
  */
 class ThyContentSection {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyContentSection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThyContentSection, isStandalone: true, selector: "thy-content-section", hostDirectives: [{ directive: ThyContentSectionDirective }], 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: ThyContentSection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThyContentSection, isStandalone: true, selector: "thy-content-section", hostDirectives: [{ directive: ThyContentSectionDirective }], 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: ThyContentSection, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyContentSection, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-content-section',
@@ -591,10 +601,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 45
  */
 class ThyContentMainDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyContentMainDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyContentMainDirective, isStandalone: true, selector: "[thyContentMain]", host: { classAttribute: "thy-layout-content-main" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyContentMainDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyContentMainDirective, isStandalone: true, selector: "[thyContentMain]", host: { classAttribute: "thy-layout-content-main" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyContentMainDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyContentMainDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyContentMain]',
@@ -609,10 +619,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 46
  */
 class ThyContentMain {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyContentMain, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThyContentMain, isStandalone: true, selector: "thy-content-main", hostDirectives: [{ directive: ThyContentMainDirective }], 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: ThyContentMain, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThyContentMain, isStandalone: true, selector: "thy-content-main", hostDirectives: [{ directive: ThyContentMainDirective }], 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: ThyContentMain, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyContentMain, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-content-main',
@@ -634,12 +644,12 @@ class ThySidebarHeaderDirective {
          * 是否有分割线
          * @default false
          */
-        this.thyDivided = input(false, { transform: coerceBooleanProperty });
+        this.thyDivided = input(false, ...(ngDevMode ? [{ debugName: "thyDivided", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThySidebarHeaderDirective, isStandalone: true, selector: "[thySidebarHeader]", inputs: { thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sidebar-header-divided": "thyDivided()" }, classAttribute: "sidebar-header" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThySidebarHeaderDirective, isStandalone: true, selector: "[thySidebarHeader]", inputs: { thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sidebar-header-divided": "thyDivided()" }, classAttribute: "sidebar-header" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thySidebarHeader]',
@@ -648,7 +658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.sidebar-header-divided]': 'thyDivided()'
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyDivided: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDivided", required: false }] }] } });
 /**
  * 侧边栏头部布局组件
  * @name thy-sidebar-header
@@ -659,22 +669,22 @@ class ThySidebarHeader {
         /**
          * 头部标题
          */
-        this.thyTitle = input(undefined);
+        this.thyTitle = input(undefined, ...(ngDevMode ? [{ debugName: "thyTitle" }] : []));
         /**
          * 头部自定义操作模板，`<ng-template #headerOperation></ng-template>`
          * @type TemplateRef
          */
-        this.operationTemplateRef = contentChild('headerOperation');
+        this.operationTemplateRef = contentChild('headerOperation', ...(ngDevMode ? [{ debugName: "operationTemplateRef" }] : []));
         /**
          * 头部自定义标题模板，`<ng-template #headerTitle></ng-template>`
          * @type TemplateRef
          */
-        this.titleTemplateRef = contentChild('headerTitle');
+        this.titleTemplateRef = contentChild('headerTitle', ...(ngDevMode ? [{ debugName: "titleTemplateRef" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThySidebarHeader, isStandalone: true, selector: "thy-sidebar-header", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "operationTemplateRef", first: true, predicate: ["headerOperation"], descendants: true, isSignal: true }, { propertyName: "titleTemplateRef", first: true, predicate: ["headerTitle"], descendants: true, isSignal: true }], hostDirectives: [{ directive: ThySidebarHeaderDirective, inputs: ["thyDivided", "thyDivided"] }], ngImport: i0, template: "@if (thyTitle() || titleTemplateRef()) {\n  <span class=\"title\">\n    @if (titleTemplateRef()) {\n      <ng-template [ngTemplateOutlet]=\"titleTemplateRef()\"></ng-template>\n    } @else {\n      {{ thyTitle() }}\n    }\n  </span>\n}\n<ng-content></ng-content>\n<div class=\"operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef()\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySidebarHeader, isStandalone: true, selector: "thy-sidebar-header", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "operationTemplateRef", first: true, predicate: ["headerOperation"], descendants: true, isSignal: true }, { propertyName: "titleTemplateRef", first: true, predicate: ["headerTitle"], descendants: true, isSignal: true }], hostDirectives: [{ directive: ThySidebarHeaderDirective, inputs: ["thyDivided", "thyDivided"] }], ngImport: i0, template: "@if (thyTitle() || titleTemplateRef()) {\n  <span class=\"title\">\n    @if (titleTemplateRef()) {\n      <ng-template [ngTemplateOutlet]=\"titleTemplateRef()\"></ng-template>\n    } @else {\n      {{ thyTitle() }}\n    }\n  </span>\n}\n<ng-content></ng-content>\n<div class=\"operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef()\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarHeader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-sidebar-header', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -682,7 +692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                             inputs: ['thyDivided']
                         }
                     ], imports: [NgTemplateOutlet], template: "@if (thyTitle() || titleTemplateRef()) {\n  <span class=\"title\">\n    @if (titleTemplateRef()) {\n      <ng-template [ngTemplateOutlet]=\"titleTemplateRef()\"></ng-template>\n    } @else {\n      {{ thyTitle() }}\n    }\n  </span>\n}\n<ng-content></ng-content>\n<div class=\"operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef()\"></ng-template>\n</div>\n" }]
-        }] });
+        }], propDecorators: { thyTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitle", required: false }] }], operationTemplateRef: [{ type: i0.ContentChild, args: ['headerOperation', { isSignal: true }] }], titleTemplateRef: [{ type: i0.ContentChild, args: ['headerTitle', { isSignal: true }] }] } });
 
 /**
  * 侧边栏底部布局指令
@@ -690,10 +700,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 35
  */
 class ThySidebarFooterDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThySidebarFooterDirective, isStandalone: true, selector: "[thySidebarFooter]", host: { classAttribute: "sidebar-footer" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThySidebarFooterDirective, isStandalone: true, selector: "[thySidebarFooter]", host: { classAttribute: "sidebar-footer" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarFooterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarFooterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thySidebarFooter]',
@@ -708,10 +718,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 36
  */
 class ThySidebarFooter {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThySidebarFooter, isStandalone: true, selector: "thy-sidebar-footer", hostDirectives: [{ directive: ThySidebarFooterDirective }], 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: ThySidebarFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThySidebarFooter, isStandalone: true, selector: "thy-sidebar-footer", hostDirectives: [{ directive: ThySidebarFooterDirective }], 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: ThySidebarFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarFooter, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-sidebar-footer',
@@ -727,10 +737,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 30
  */
 class ThySidebarContentDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThySidebarContentDirective, isStandalone: true, selector: "[thySidebarContent]", host: { classAttribute: "sidebar-content" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThySidebarContentDirective, isStandalone: true, selector: "[thySidebarContent]", host: { classAttribute: "sidebar-content" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thySidebarContent]',
@@ -745,10 +755,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 31
  */
 class ThySidebarContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySidebarContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThySidebarContent, isStandalone: true, selector: "thy-sidebar-content", hostDirectives: [{ directive: ThySidebarContentDirective }], 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: ThySidebarContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThySidebarContent, isStandalone: true, selector: "thy-sidebar-content", hostDirectives: [{ directive: ThySidebarContentDirective }], 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: ThySidebarContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySidebarContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-sidebar-content',
@@ -759,8 +769,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
         }] });
 
 class ThyLayoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyLayoutModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyLayoutModule, imports: [CommonModule,
             DragDropModule,
             ThyIconModule,
             ThyTooltipModule,
@@ -801,7 +811,7 @@ class ThyLayoutModule {
             ThySidebarFooterDirective,
             ThyContentSectionDirective,
             ThyContentMainDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyLayoutModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyLayoutModule, imports: [CommonModule,
             DragDropModule,
             ThyIconModule,
             ThyTooltipModule,
@@ -810,7 +820,7 @@ class ThyLayoutModule {
             ThyHeader,
             ThySidebar] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [