ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-skeleton.mjs

@@ -17,24 +17,24 @@ class ThySkeleton {
          * 是否开启动画
          * @default false
          */
-        this.thyAnimated = input(undefined, { transform: coerceBooleanProperty });
+        this.thyAnimated = input(undefined, ...(ngDevMode ? [{ debugName: "thyAnimated", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 动画速度
          */
-        this.thyAnimatedInterval = input();
+        this.thyAnimatedInterval = input(...(ngDevMode ? [undefined, { debugName: "thyAnimatedInterval" }] : []));
         /**
          * 骨架主色调
          */
-        this.thyPrimaryColor = input();
+        this.thyPrimaryColor = input(...(ngDevMode ? [undefined, { debugName: "thyPrimaryColor" }] : []));
         /**
          * 骨架次色调
          */
-        this.thySecondaryColor = input();
+        this.thySecondaryColor = input(...(ngDevMode ? [undefined, { debugName: "thySecondaryColor" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThySkeleton, isStandalone: true, selector: "thy-skeleton", inputs: { thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThySkeleton, isStandalone: true, selector: "thy-skeleton", inputs: { thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeleton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeleton, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton',
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None
                 }]
-        }] });
+        }], propDecorators: { thyAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimated", required: false }] }], thyAnimatedInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimatedInterval", required: false }] }], thyPrimaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPrimaryColor", required: false }] }], thySecondaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySecondaryColor", required: false }] }] } });
 
 const THY_SKELETON_CONFIG = new InjectionToken('THY_SKELETON_CONFIG', {
     providedIn: 'root',
@@ -64,46 +64,46 @@ class ThySkeletonRectangle {
          * 是否展示动画
          * @default true
          */
-        this.thyAnimated = input(undefined, { transform: coerceBooleanProperty });
+        this.thyAnimated = input(undefined, ...(ngDevMode ? [{ debugName: "thyAnimated", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 动画速度
          * @default 1.5s
          */
-        this.thyAnimatedInterval = input();
+        this.thyAnimatedInterval = input(...(ngDevMode ? [undefined, { debugName: "thyAnimatedInterval" }] : []));
         /**
          * 骨架边框圆角
          * @default 4px
          */
-        this.thyBorderRadius = input(undefined, { transform: coerceCssPixelValue });
+        this.thyBorderRadius = input(undefined, ...(ngDevMode ? [{ debugName: "thyBorderRadius", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架宽度
          * @default 100%
          */
-        this.thyRowWidth = input(undefined, { transform: coerceCssPixelValue });
+        this.thyRowWidth = input(undefined, ...(ngDevMode ? [{ debugName: "thyRowWidth", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架高度
          * @default 20px
          */
-        this.thyRowHeight = input(undefined, { transform: coerceCssPixelValue });
+        this.thyRowHeight = input(undefined, ...(ngDevMode ? [{ debugName: "thyRowHeight", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架主色
          * @default #F7F7F7
          */
-        this.thyPrimaryColor = input();
+        this.thyPrimaryColor = input(...(ngDevMode ? [undefined, { debugName: "thyPrimaryColor" }] : []));
         /**
          * 骨架次色
          * @default #aaaaaa
          */
-        this.thySecondaryColor = input();
+        this.thySecondaryColor = input(...(ngDevMode ? [undefined, { debugName: "thySecondaryColor" }] : []));
         this.animatedInterval = computed(() => {
             return this.thyAnimatedInterval() || this.parent?.thyAnimatedInterval() || this.skeletonConfigModel.thyAnimatedInterval;
-        });
+        }, ...(ngDevMode ? [{ debugName: "animatedInterval" }] : []));
         this.primaryColor = computed(() => {
             return this.thyPrimaryColor() || this.parent?.thyPrimaryColor() || this.skeletonConfigModel.thyPrimaryColor;
-        });
+        }, ...(ngDevMode ? [{ debugName: "primaryColor" }] : []));
         this.secondaryColor = computed(() => {
             return this.thySecondaryColor() || this.parent?.thySecondaryColor() || this.skeletonConfigModel.thySecondaryColor;
-        });
+        }, ...(ngDevMode ? [{ debugName: "secondaryColor" }] : []));
         this.animated = computed(() => {
             if (!isUndefinedOrNull(this.thyAnimated())) {
                 return this.thyAnimated();
@@ -112,7 +112,7 @@ class ThySkeletonRectangle {
                 return this.parent.thyAnimated();
             }
             return this.skeletonConfigModel.thyAnimated;
-        });
+        }, ...(ngDevMode ? [{ debugName: "animated" }] : []));
         this.afterStyles = computed(() => {
             return {
                 ...(this.secondaryColor() && {
@@ -120,12 +120,12 @@ class ThySkeletonRectangle {
                 }),
                 animation: ![false, 'false'].includes(this.animated()) ? `thy-skeleton-animation ${this.animatedInterval()}s infinite` : 'none'
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "afterStyles" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonRectangle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThySkeletonRectangle, isStandalone: true, selector: "thy-skeleton-rectangle", inputs: { thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton": "true", "class.thy-skeleton-rectangle": "true", "style.background": "primaryColor()", "style.width": "thyRowWidth()", "style.height": "thyRowHeight()", "style.borderRadius": "thyBorderRadius()" } }, ngImport: i0, template: ` <div class="thy-skeleton-after" [ngStyle]="afterStyles()"></div> `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonRectangle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThySkeletonRectangle, isStandalone: true, selector: "thy-skeleton-rectangle", inputs: { thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton": "true", "class.thy-skeleton-rectangle": "true", "style.background": "primaryColor()", "style.width": "thyRowWidth()", "style.height": "thyRowHeight()", "style.borderRadius": "thyBorderRadius()" } }, ngImport: i0, template: ` <div class="thy-skeleton-after" [ngStyle]="afterStyles()"></div> `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonRectangle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonRectangle, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton-rectangle',
@@ -142,7 +142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     imports: [NgStyle]
                 }]
-        }] });
+        }], propDecorators: { thyAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimated", required: false }] }], thyAnimatedInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimatedInterval", required: false }] }], thyBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyBorderRadius", required: false }] }], thyRowWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowWidth", required: false }] }], thyRowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowHeight", required: false }] }], thyPrimaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPrimaryColor", required: false }] }], thySecondaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySecondaryColor", required: false }] }] } });
 
 /**
  * 骨架屏圆形组件
@@ -157,36 +157,36 @@ class ThySkeletonCircle {
          * 动画速度
          * @default 1.5s
          */
-        this.thyAnimatedInterval = input();
+        this.thyAnimatedInterval = input(...(ngDevMode ? [undefined, { debugName: "thyAnimatedInterval" }] : []));
         /**
          * 骨架尺寸
          * @default 20px
          */
-        this.thySize = input(`20px`, { transform: coerceCssPixelValue });
+        this.thySize = input(`20px`, ...(ngDevMode ? [{ debugName: "thySize", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架主色
          * @default #F7F7F7
          */
-        this.thyPrimaryColor = input();
+        this.thyPrimaryColor = input(...(ngDevMode ? [undefined, { debugName: "thyPrimaryColor" }] : []));
         /**
          * 骨架次色
          * @default #aaaaaa
          */
-        this.thySecondaryColor = input();
+        this.thySecondaryColor = input(...(ngDevMode ? [undefined, { debugName: "thySecondaryColor" }] : []));
         /**
          * 是否展示动画
          * @default true
          */
-        this.thyAnimated = input(undefined, { transform: coerceBooleanProperty });
+        this.thyAnimated = input(undefined, ...(ngDevMode ? [{ debugName: "thyAnimated", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         this.animatedInterval = computed(() => {
             return this.thyAnimatedInterval() || this.parent?.thyAnimatedInterval() || this.skeletonConfigModel.thyAnimatedInterval;
-        });
+        }, ...(ngDevMode ? [{ debugName: "animatedInterval" }] : []));
         this.primaryColor = computed(() => {
             return this.thyPrimaryColor() || this.parent?.thyPrimaryColor() || this.skeletonConfigModel.thyPrimaryColor;
-        });
+        }, ...(ngDevMode ? [{ debugName: "primaryColor" }] : []));
         this.secondaryColor = computed(() => {
             return this.thySecondaryColor() || this.parent?.thySecondaryColor() || this.skeletonConfigModel.thySecondaryColor;
-        });
+        }, ...(ngDevMode ? [{ debugName: "secondaryColor" }] : []));
         this.animated = computed(() => {
             if (!isUndefinedOrNull(this.thyAnimated())) {
                 return this.thyAnimated();
@@ -195,7 +195,7 @@ class ThySkeletonCircle {
                 return this.parent.thyAnimated();
             }
             return this.skeletonConfigModel.thyAnimated;
-        });
+        }, ...(ngDevMode ? [{ debugName: "animated" }] : []));
         this.afterStyles = computed(() => {
             return {
                 ...(this.secondaryColor() && {
@@ -203,12 +203,12 @@ class ThySkeletonCircle {
                 }),
                 animation: ![false, 'false'].includes(this.animated()) ? `thy-skeleton-animation ${this.animatedInterval()}s infinite` : 'none'
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "afterStyles" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonCircle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThySkeletonCircle, isStandalone: true, selector: "thy-skeleton-circle", inputs: { thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton": "true", "class.thy-skeleton-circle": "true", "style.background": "primaryColor()", "style.width": "thySize()", "style.height": "thySize()" } }, ngImport: i0, template: ` <div class="thy-skeleton-after" [ngStyle]="afterStyles()"></div> `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonCircle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThySkeletonCircle, isStandalone: true, selector: "thy-skeleton-circle", inputs: { thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton": "true", "class.thy-skeleton-circle": "true", "style.background": "primaryColor()", "style.width": "thySize()", "style.height": "thySize()" } }, ngImport: i0, template: ` <div class="thy-skeleton-after" [ngStyle]="afterStyles()"></div> `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonCircle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonCircle, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton-circle',
@@ -224,7 +224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     imports: [NgStyle]
                 }]
-        }] });
+        }], propDecorators: { thyAnimatedInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimatedInterval", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyPrimaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPrimaryColor", required: false }] }], thySecondaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySecondaryColor", required: false }] }], thyAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimated", required: false }] }] } });
 
 /**
  * 骨架屏列表组件
@@ -236,42 +236,42 @@ class ThySkeletonList {
         /**
          * 骨架宽度
          */
-        this.thyRowWidth = input(undefined, { transform: coerceCssPixelValue });
+        this.thyRowWidth = input(undefined, ...(ngDevMode ? [{ debugName: "thyRowWidth", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架高度
          */
-        this.thyRowHeight = input(undefined, { transform: coerceCssPixelValue });
+        this.thyRowHeight = input(undefined, ...(ngDevMode ? [{ debugName: "thyRowHeight", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架边框圆角
          */
-        this.thyBorderRadius = input(undefined, { transform: coerceCssPixelValue });
+        this.thyBorderRadius = input(undefined, ...(ngDevMode ? [{ debugName: "thyBorderRadius", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 是否开启动画
          * @default false
          */
-        this.thyAnimated = input(undefined, { transform: coerceBooleanProperty });
+        this.thyAnimated = input(undefined, ...(ngDevMode ? [{ debugName: "thyAnimated", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 动画速度
          */
-        this.thyAnimatedInterval = input();
+        this.thyAnimatedInterval = input(...(ngDevMode ? [undefined, { debugName: "thyAnimatedInterval" }] : []));
         /**
          * 骨架主色
          */
-        this.thyPrimaryColor = input();
+        this.thyPrimaryColor = input(...(ngDevMode ? [undefined, { debugName: "thyPrimaryColor" }] : []));
         /**
          * 骨架次色
          */
-        this.thySecondaryColor = input();
+        this.thySecondaryColor = input(...(ngDevMode ? [undefined, { debugName: "thySecondaryColor" }] : []));
         /**
          * 行数
          */
-        this.thyRowCount = input();
+        this.thyRowCount = input(...(ngDevMode ? [undefined, { debugName: "thyRowCount" }] : []));
         this.rows = computed(() => {
             return Array.from({ length: +this.thyRowCount() });
-        });
+        }, ...(ngDevMode ? [{ debugName: "rows" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThySkeletonList, isStandalone: true, selector: "thy-skeleton-list", inputs: { thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-list": "true" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySkeletonList, isStandalone: true, selector: "thy-skeleton-list", inputs: { thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-list": "true" } }, ngImport: i0, template: `
         @for (k of rows(); track $index; let i = $index) {
             <thy-skeleton-rectangle
                 class="vertical-gap"
@@ -285,7 +285,7 @@ class ThySkeletonList {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: ThySkeletonRectangle, selector: "thy-skeleton-rectangle", inputs: ["thyAnimated", "thyAnimatedInterval", "thyBorderRadius", "thyRowWidth", "thyRowHeight", "thyPrimaryColor", "thySecondaryColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonList, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton-list',
@@ -307,7 +307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     imports: [ThySkeletonRectangle]
                 }]
-        }] });
+        }], propDecorators: { thyRowWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowWidth", required: false }] }], thyRowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowHeight", required: false }] }], thyBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyBorderRadius", required: false }] }], thyAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimated", required: false }] }], thyAnimatedInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimatedInterval", required: false }] }], thyPrimaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPrimaryColor", required: false }] }], thySecondaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySecondaryColor", required: false }] }], thyRowCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowCount", required: false }] }] } });
 
 /**
  * 骨架屏段落组件
@@ -319,50 +319,50 @@ class ThySkeletonParagraph {
         /**
          * 首行宽度
          */
-        this.thyFirstWidth = input(undefined, { transform: coerceCssPixelValue });
+        this.thyFirstWidth = input(undefined, ...(ngDevMode ? [{ debugName: "thyFirstWidth", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 尾行宽度
          */
-        this.thyLastWidth = input(undefined, { transform: coerceCssPixelValue });
+        this.thyLastWidth = input(undefined, ...(ngDevMode ? [{ debugName: "thyLastWidth", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架宽度
          */
-        this.thyRowWidth = input(undefined, { transform: coerceCssPixelValue });
+        this.thyRowWidth = input(undefined, ...(ngDevMode ? [{ debugName: "thyRowWidth", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架高度
          */
-        this.thyRowHeight = input(undefined, { transform: coerceCssPixelValue });
+        this.thyRowHeight = input(undefined, ...(ngDevMode ? [{ debugName: "thyRowHeight", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架边框圆角
          */
-        this.thyBorderRadius = input(undefined, { transform: coerceCssPixelValue });
+        this.thyBorderRadius = input(undefined, ...(ngDevMode ? [{ debugName: "thyBorderRadius", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 是否开启动画
          * @default false
          */
-        this.thyAnimated = input(undefined, { transform: coerceBooleanProperty });
+        this.thyAnimated = input(undefined, ...(ngDevMode ? [{ debugName: "thyAnimated", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 动画速度
          */
-        this.thyAnimatedInterval = input();
+        this.thyAnimatedInterval = input(...(ngDevMode ? [undefined, { debugName: "thyAnimatedInterval" }] : []));
         /**
          * 骨架主色
          */
-        this.thyPrimaryColor = input();
+        this.thyPrimaryColor = input(...(ngDevMode ? [undefined, { debugName: "thyPrimaryColor" }] : []));
         /**
          * 骨架次色
          */
-        this.thySecondaryColor = input();
+        this.thySecondaryColor = input(...(ngDevMode ? [undefined, { debugName: "thySecondaryColor" }] : []));
         /**
          * 行数
          */
-        this.thyRowCount = input();
+        this.thyRowCount = input(...(ngDevMode ? [undefined, { debugName: "thyRowCount" }] : []));
         this.rows = computed(() => {
             return Array.from({ length: +this.thyRowCount() });
-        });
+        }, ...(ngDevMode ? [{ debugName: "rows" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonParagraph, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThySkeletonParagraph, isStandalone: true, selector: "thy-skeleton-paragraph", inputs: { thyFirstWidth: { classPropertyName: "thyFirstWidth", publicName: "thyFirstWidth", isSignal: true, isRequired: false, transformFunction: null }, thyLastWidth: { classPropertyName: "thyLastWidth", publicName: "thyLastWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-paragraph": "true" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonParagraph, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySkeletonParagraph, isStandalone: true, selector: "thy-skeleton-paragraph", inputs: { thyFirstWidth: { classPropertyName: "thyFirstWidth", publicName: "thyFirstWidth", isSignal: true, isRequired: false, transformFunction: null }, thyLastWidth: { classPropertyName: "thyLastWidth", publicName: "thyLastWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-paragraph": "true" } }, ngImport: i0, template: `
         @for (k of rows(); track $index; let i = $index) {
             <thy-skeleton-rectangle
                 class="vertical-gap"
@@ -376,7 +376,7 @@ class ThySkeletonParagraph {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: ThySkeletonRectangle, selector: "thy-skeleton-rectangle", inputs: ["thyAnimated", "thyAnimatedInterval", "thyBorderRadius", "thyRowWidth", "thyRowHeight", "thyPrimaryColor", "thySecondaryColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonParagraph, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonParagraph, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton-paragraph',
@@ -398,7 +398,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     imports: [ThySkeletonRectangle]
                 }]
-        }] });
+        }], propDecorators: { thyFirstWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyFirstWidth", required: false }] }], thyLastWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLastWidth", required: false }] }], thyRowWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowWidth", required: false }] }], thyRowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowHeight", required: false }] }], thyBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyBorderRadius", required: false }] }], thyAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimated", required: false }] }], thyAnimatedInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimatedInterval", required: false }] }], thyPrimaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPrimaryColor", required: false }] }], thySecondaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySecondaryColor", required: false }] }], thyRowCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowCount", required: false }] }] } });
 
 /**
  * 骨架屏无序列表组件
@@ -411,51 +411,51 @@ class ThySkeletonBulletList {
          * 骨架宽度
          * @default 100%
          */
-        this.thyRowWidth = input(undefined, { transform: coerceCssPixelValue });
+        this.thyRowWidth = input(undefined, ...(ngDevMode ? [{ debugName: "thyRowWidth", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架高度
          * @default 20px
          */
-        this.thyRowHeight = input(undefined, { transform: coerceCssPixelValue });
+        this.thyRowHeight = input(undefined, ...(ngDevMode ? [{ debugName: "thyRowHeight", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 骨架边框圆角
          * @default 4px
          */
-        this.thyBorderRadius = input(undefined, { transform: coerceCssPixelValue });
+        this.thyBorderRadius = input(undefined, ...(ngDevMode ? [{ debugName: "thyBorderRadius", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 是否开启动画
          * @default true
          */
-        this.thyAnimated = input(undefined, { transform: coerceBooleanProperty });
+        this.thyAnimated = input(undefined, ...(ngDevMode ? [{ debugName: "thyAnimated", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 动画速度
          * @default 1.5s
          */
-        this.thyAnimatedInterval = input();
+        this.thyAnimatedInterval = input(...(ngDevMode ? [undefined, { debugName: "thyAnimatedInterval" }] : []));
         /**
          * 骨架主色
          * @default #f7f7f7
          */
-        this.thyPrimaryColor = input();
+        this.thyPrimaryColor = input(...(ngDevMode ? [undefined, { debugName: "thyPrimaryColor" }] : []));
         /**
          * 骨架次色
          * @default #aaaaaa
          */
-        this.thySecondaryColor = input();
+        this.thySecondaryColor = input(...(ngDevMode ? [undefined, { debugName: "thySecondaryColor" }] : []));
         /**
          * circle类型骨架尺寸
          */
-        this.thySize = input(undefined, { transform: coerceCssPixelValue });
+        this.thySize = input(undefined, ...(ngDevMode ? [{ debugName: "thySize", transform: coerceCssPixelValue }] : [{ transform: coerceCssPixelValue }]));
         /**
          * 行数
          */
-        this.thyRowCount = input();
+        this.thyRowCount = input(...(ngDevMode ? [undefined, { debugName: "thyRowCount" }] : []));
         this.rows = computed(() => {
             return Array.from({ length: +this.thyRowCount() });
-        });
+        }, ...(ngDevMode ? [{ debugName: "rows" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonBulletList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThySkeletonBulletList, isStandalone: true, selector: "thy-skeleton-bullet-list", inputs: { thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-bullet-list": "true" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonBulletList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySkeletonBulletList, isStandalone: true, selector: "thy-skeleton-bullet-list", inputs: { thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-bullet-list": "true" } }, ngImport: i0, template: `
         @for (item of rows(); track $index; let i = $index) {
             <div class="d-flex vertical-gap">
                 <thy-skeleton-circle
@@ -480,7 +480,7 @@ class ThySkeletonBulletList {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: ThySkeletonCircle, selector: "thy-skeleton-circle", inputs: ["thyAnimatedInterval", "thySize", "thyPrimaryColor", "thySecondaryColor", "thyAnimated"] }, { kind: "component", type: ThySkeletonRectangle, selector: "thy-skeleton-rectangle", inputs: ["thyAnimated", "thyAnimatedInterval", "thyBorderRadius", "thyRowWidth", "thyRowHeight", "thyPrimaryColor", "thySecondaryColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonBulletList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonBulletList, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton-bullet-list',
@@ -513,15 +513,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     imports: [ThySkeletonCircle, ThySkeletonRectangle]
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyRowWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowWidth", required: false }] }], thyRowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowHeight", required: false }] }], thyBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyBorderRadius", required: false }] }], thyAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimated", required: false }] }], thyAnimatedInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAnimatedInterval", required: false }] }], thyPrimaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPrimaryColor", required: false }] }], thySecondaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySecondaryColor", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyRowCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowCount", required: false }] }] } });
 
 const components = [ThySkeleton, ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonList, ThySkeletonParagraph, ThySkeletonBulletList];
 class ThySkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonModule, imports: [CommonModule, PortalModule, ThyGridModule, ThyListModule, ThySkeleton, ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonList, ThySkeletonParagraph, ThySkeletonBulletList], exports: [ThySkeleton, ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonList, ThySkeletonParagraph, ThySkeletonBulletList] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonModule, imports: [CommonModule, PortalModule, ThyGridModule, ThyListModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonModule, imports: [CommonModule, PortalModule, ThyGridModule, ThyListModule, ThySkeleton, ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonList, ThySkeletonParagraph, ThySkeletonBulletList], exports: [ThySkeleton, ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonList, ThySkeletonParagraph, ThySkeletonBulletList] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonModule, imports: [CommonModule, PortalModule, ThyGridModule, ThyListModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySkeletonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PortalModule, ThyGridModule, ThyListModule, ...components],