ngx-tethys 19.0.13 → 19.1.0-next.0

package/fesm2022/ngx-tethys-watermark.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-watermark.mjs","sources":["../../../src/watermark/config.ts","../../../src/watermark/watermark.directive.ts","../../../src/watermark/watermark.module.ts","../../../src/watermark/ngx-tethys-watermark.ts"],"sourcesContent":["export const DEFAULT_WATERMARK_CONFIG = {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    opacity: '0.8',\n    'background-repeat': 'repeat',\n    'pointer-events': 'none',\n    'z-index': 2147483647,\n    'background-image': ''\n};\n\nexport const DEFAULT_CANVAS_CONFIG = {\n    degree: 15,\n    color: ['rgba(51, 51, 51, 0.12)', 'rgb(60, 65, 74)'],\n    fontSize: 12,\n    textLineHeight: 20,\n    gutter: [250, 200]\n};\n","import { Directive, Input, ElementRef, OnInit, SimpleChanges, OnChanges, inject, DestroyRef, effect } from '@angular/core';\nimport { Subject, Observable } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { DEFAULT_WATERMARK_CONFIG, DEFAULT_CANVAS_CONFIG } from './config';\nimport { MutationObserverFactory } from '@angular/cdk/observers';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\nimport { ThyThemeStore } from 'ngx-tethys/core';\n\n/**\n * @public\n * 水印样式配置\n */\nexport interface ThyCanvasConfigType {\n    /**\n     * 偏移角度\n     */\n    degree?: number;\n    /**\n     * 字体颜色。如果传的是数组，第一个为默认主题的字体颜色，第二个为黑暗主题的字体颜色\n     */\n    color?: string | string[];\n    /**\n     * 字体大小\n     */\n    fontSize?: number | string;\n    /**\n     * 文本行高\n     */\n    textLineHeight?: number;\n    /**\n     * 横纵间距\n     */\n    gutter?: number[];\n}\n\n/**\n * 水印指令\n * @name thyWatermark\n */\n@Directive({\n    selector: '[thyWatermark]'\n})\nexport class ThyWatermarkDirective implements OnInit, OnChanges {\n    private el = inject(ElementRef);\n\n    /**\n     * 是否禁用，默认为 false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    thyDisabled: boolean = false;\n\n    content: string;\n    /**\n     * 水印内容\n     */\n    @Input()\n    set thyWatermark(value: string) {\n        value = value?.replace(/^\\\"|\\\"$/g, '');\n        this.content = !!value ? value : '';\n    }\n\n    /**\n     * 水印样式配置\n     */\n    @Input() thyCanvasConfig: ThyCanvasConfigType;\n\n    private createWatermark$ = new Subject<string>();\n\n    private observer: MutationObserver;\n\n    private canvas: HTMLCanvasElement;\n\n    private wmDiv: HTMLElement;\n\n    private readonly destroyRef = inject(DestroyRef);\n\n    private thyThemeStore = inject(ThyThemeStore);\n\n    constructor() {\n        effect(() => {\n            if (!this.thyDisabled && this.thyThemeStore.theme()) {\n                this.refreshWatermark();\n            }\n        });\n    }\n\n    ngOnInit() {\n        if (!this.thyDisabled) {\n            this.createWatermark$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                this.observeAttributes()\n                    .pipe(takeUntilDestroyed(this.destroyRef))\n                    .subscribe(() => {});\n            });\n\n            this.createWatermark();\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        const { thyWatermark, thyDisabled } = changes;\n        const thyWatermarkChange = () => {\n            if (thyWatermark.firstChange) return;\n            if (thyWatermark.currentValue) {\n                this.refreshWatermark();\n            }\n        };\n        const thyDisabledChange = () => {\n            if (thyDisabled.firstChange) return;\n            thyDisabled?.currentValue ? this.removeWatermark() : this.refreshWatermark();\n        };\n        thyWatermark && thyWatermarkChange();\n        thyDisabled && thyDisabledChange();\n    }\n\n    private refreshWatermark() {\n        this.removeWatermark();\n        this.createWatermark();\n    }\n\n    private removeWatermark() {\n        if (this.wmDiv) {\n            this.wmDiv.remove();\n            this.wmDiv = null;\n        }\n    }\n\n    createCanvas() {\n        let { gutter, fontSize, color, degree, textLineHeight } = {\n            ...DEFAULT_CANVAS_CONFIG,\n            ...(this.thyCanvasConfig || {})\n        };\n        color = this.thyThemeStore.normalizeColor(color);\n\n        const [xGutter, yGutter] = gutter;\n        const canvas = document.createElement('canvas');\n        const ctx = canvas.getContext('2d');\n\n        const getFakeSize = () => {\n            const fakeBox = document.createElement('div');\n            const fakeBoxStyle = {\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'inline-block',\n                'font-size': `${parseFloat('' + fontSize)}px`,\n                'word-wrap': 'break-word',\n                'font-family': 'inherit',\n                'white-space': 'pre-line'\n            };\n            const styleStr = Object.keys(fakeBoxStyle).reduce((pre, next) => ((pre += `${next}:${fakeBoxStyle[next]};`), pre), '');\n            fakeBox.setAttribute('style', styleStr);\n\n            fakeBox.innerHTML = this.content.replace(/(\\\\n)/gm, '</br>');\n            document.querySelector('body').insertBefore(fakeBox, document.querySelector('body').firstChild);\n            const { width, height } = fakeBox.getBoundingClientRect();\n            fakeBox.remove();\n            return { width, height };\n        };\n        const { width: fakeBoxWidth, height: fakeBoxHeight } = getFakeSize();\n\n        const angle = (degree * Math.PI) / 180;\n        const contentArr = this.content.split('\\\\n');\n        const canvasHeight = Math.sin(angle) * fakeBoxWidth + fakeBoxHeight;\n\n        let start = Math.ceil(Math.sin(angle) * fakeBoxWidth * Math.sin(angle));\n        const canvasWidth = start + fakeBoxWidth;\n        canvas.setAttribute('width', '' + (canvasWidth + xGutter));\n        canvas.setAttribute('height', '' + (canvasHeight + yGutter));\n\n        ctx.font = `${parseFloat('' + fontSize)}px microsoft yahei`;\n        ctx.textAlign = 'center';\n        ctx.textBaseline = 'top';\n        ctx.fillStyle = color;\n        ctx.rotate(0 - (degree * Math.PI) / 180);\n        contentArr.map((k, i) => {\n            ctx.fillText(k, -start + Math.ceil(canvasWidth / 2), Math.sin(angle) * canvasWidth + textLineHeight * i);\n            start += Math.sin(angle) * textLineHeight;\n        });\n        this.canvas = canvas;\n        return canvas;\n    }\n\n    private createWatermark(isRefresh = true) {\n        const watermarkDiv = this.wmDiv || document.createElement('div');\n\n        const background = !isRefresh ? this.canvas.toDataURL() : this.createCanvas().toDataURL();\n        const watermarkStyle = {\n            ...DEFAULT_WATERMARK_CONFIG,\n            'background-image': `url(${background})`\n        };\n\n        const styleStr = Object.keys(watermarkStyle).reduce((pre, next) => ((pre += `${next}:${watermarkStyle[next]};`), pre), '');\n        watermarkDiv.setAttribute('style', styleStr);\n\n        if (!this.wmDiv) {\n            const parentNode = this.el.nativeElement;\n            watermarkDiv.classList.add(`_vm`);\n            this.wmDiv = watermarkDiv;\n            parentNode.insertBefore(watermarkDiv, parentNode.firstChild);\n        }\n        this.createWatermark$.next('');\n    }\n\n    private observeAttributes() {\n        this.observer?.disconnect();\n        return new Observable(observe => {\n            const stream = new Subject<MutationRecord[]>();\n            this.observer = new MutationObserverFactory().create(mutations => stream.next(mutations));\n            if (this.observer) {\n                this.observer.observe(this.wmDiv, {\n                    attributes: true\n                });\n            }\n            stream.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                if (this.wmDiv) {\n                    this?.observer?.disconnect();\n                    this.createWatermark(false);\n                }\n            });\n            observe.next(stream);\n            return () => {\n                this.observer?.disconnect();\n            };\n        });\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyWatermarkDirective } from './watermark.directive';\n\n@NgModule({\n    imports: [CommonModule, ThySharedModule, ThyWatermarkDirective],\n    exports: [ThyWatermarkDirective],\n    providers: []\n})\nexport class ThyWatermarkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-watermark.mjs","sources":["../../../src/watermark/config.ts","../../../src/watermark/watermark.directive.ts","../../../src/watermark/watermark.module.ts","../../../src/watermark/ngx-tethys-watermark.ts"],"sourcesContent":["export const DEFAULT_WATERMARK_CONFIG = {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    opacity: '0.8',\n    'background-repeat': 'repeat',\n    'pointer-events': 'none',\n    'z-index': 2147483647,\n    'background-image': ''\n};\n\nexport const DEFAULT_CANVAS_CONFIG = {\n    degree: 15,\n    color: ['rgba(51, 51, 51, 0.12)', 'rgb(60, 65, 74)'],\n    fontSize: 12,\n    textLineHeight: 20,\n    gutter: [250, 200]\n};\n","import { Directive, ElementRef, OnInit, inject, DestroyRef, effect, input, computed } from '@angular/core';\nimport { Subject, Observable } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { DEFAULT_WATERMARK_CONFIG, DEFAULT_CANVAS_CONFIG } from './config';\nimport { MutationObserverFactory } from '@angular/cdk/observers';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\nimport { ThyThemeStore } from 'ngx-tethys/core';\n\n/**\n * @public\n * 水印样式配置\n */\nexport interface ThyCanvasConfigType {\n    /**\n     * 偏移角度\n     */\n    degree?: number;\n    /**\n     * 字体颜色。如果传的是数组，第一个为默认主题的字体颜色，第二个为黑暗主题的字体颜色\n     */\n    color?: string | string[];\n    /**\n     * 字体大小\n     */\n    fontSize?: number | string;\n    /**\n     * 文本行高\n     */\n    textLineHeight?: number;\n    /**\n     * 横纵间距\n     */\n    gutter?: number[];\n}\n\n/**\n * 水印指令\n * @name thyWatermark\n */\n@Directive({\n    selector: '[thyWatermark]'\n})\nexport class ThyWatermarkDirective implements OnInit {\n    private el = inject(ElementRef);\n\n    /**\n     * 是否禁用，默认为 false\n     */\n    readonly thyDisabled = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 水印内容\n     */\n    readonly thyWatermark = input<string>(undefined);\n\n    /**\n     * 水印样式配置\n     */\n    readonly thyCanvasConfig = input<ThyCanvasConfigType>(undefined);\n\n    readonly content = computed(() => {\n        const value = this.thyWatermark()?.replace(/^\\\"|\\\"$/g, '');\n        return value || '';\n    });\n\n    private createWatermark$ = new Subject<string>();\n\n    private observer: MutationObserver;\n\n    private canvas: HTMLCanvasElement;\n\n    private wmDiv: HTMLElement;\n\n    private readonly destroyRef = inject(DestroyRef);\n\n    private thyThemeStore = inject(ThyThemeStore);\n\n    constructor() {\n        effect(() => {\n            if (!this.thyDisabled() && this.thyThemeStore.theme()) {\n                this.refreshWatermark();\n            }\n        });\n\n        effect(() => {\n            const thyWatermark = this.thyWatermark();\n            if (thyWatermark) {\n                this.refreshWatermark();\n            }\n        });\n\n        effect(() => {\n            const thyDisabled = this.thyDisabled();\n            if (thyDisabled) {\n                this.removeWatermark();\n            } else {\n                this.refreshWatermark();\n            }\n        });\n    }\n\n    ngOnInit() {\n        if (!this.thyDisabled()) {\n            this.createWatermark$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                this.observeAttributes()\n                    .pipe(takeUntilDestroyed(this.destroyRef))\n                    .subscribe(() => {});\n            });\n\n            this.createWatermark();\n        }\n    }\n\n    private refreshWatermark() {\n        this.removeWatermark();\n        this.createWatermark();\n    }\n\n    private removeWatermark() {\n        if (this.wmDiv) {\n            this.wmDiv.remove();\n            this.wmDiv = null;\n        }\n    }\n\n    createCanvas() {\n        let { gutter, fontSize, color, degree, textLineHeight } = {\n            ...DEFAULT_CANVAS_CONFIG,\n            ...(this.thyCanvasConfig() || {})\n        };\n        color = this.thyThemeStore.normalizeColor(color);\n\n        const [xGutter, yGutter] = gutter;\n        const canvas = document.createElement('canvas');\n        const ctx = canvas.getContext('2d');\n\n        const getFakeSize = () => {\n            const fakeBox = document.createElement('div');\n            const fakeBoxStyle: Record<string, string | number> = {\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'inline-block',\n                'font-size': `${parseFloat('' + fontSize)}px`,\n                'word-wrap': 'break-word',\n                'font-family': 'inherit',\n                'white-space': 'pre-line'\n            };\n            const styleStr = Object.keys(fakeBoxStyle).reduce((pre, next) => ((pre += `${next}:${fakeBoxStyle[next]};`), pre), '');\n            fakeBox.setAttribute('style', styleStr);\n\n            fakeBox.innerHTML = this.content().replace(/(\\\\n)/gm, '</br>');\n            document.querySelector('body').insertBefore(fakeBox, document.querySelector('body').firstChild);\n            const { width, height } = fakeBox.getBoundingClientRect();\n            fakeBox.remove();\n            return { width, height };\n        };\n        const { width: fakeBoxWidth, height: fakeBoxHeight } = getFakeSize();\n\n        const angle = (degree * Math.PI) / 180;\n        const contentArr = this.content().split('\\\\n');\n        const canvasHeight = Math.sin(angle) * fakeBoxWidth + fakeBoxHeight;\n\n        let start = Math.ceil(Math.sin(angle) * fakeBoxWidth * Math.sin(angle));\n        const canvasWidth = start + fakeBoxWidth;\n        canvas.setAttribute('width', '' + (canvasWidth + xGutter));\n        canvas.setAttribute('height', '' + (canvasHeight + yGutter));\n\n        ctx.font = `${parseFloat('' + fontSize)}px microsoft yahei`;\n        ctx.textAlign = 'center';\n        ctx.textBaseline = 'top';\n        ctx.fillStyle = color;\n        ctx.rotate(0 - (degree * Math.PI) / 180);\n        contentArr.map((k, i) => {\n            ctx.fillText(k, -start + Math.ceil(canvasWidth / 2), Math.sin(angle) * canvasWidth + textLineHeight * i);\n            start += Math.sin(angle) * textLineHeight;\n        });\n        this.canvas = canvas;\n        return canvas;\n    }\n\n    private createWatermark(isRefresh = true) {\n        const watermarkDiv = this.wmDiv || document.createElement('div');\n\n        const background = !isRefresh ? this.canvas.toDataURL() : this.createCanvas().toDataURL();\n        const watermarkStyle: Record<string, string | number> = {\n            ...DEFAULT_WATERMARK_CONFIG,\n            'background-image': `url(${background})`\n        };\n\n        const styleStr = Object.keys(watermarkStyle).reduce((pre, next) => ((pre += `${next}:${watermarkStyle[next]};`), pre), '');\n        watermarkDiv.setAttribute('style', styleStr);\n\n        if (!this.wmDiv) {\n            const parentNode = this.el.nativeElement;\n            watermarkDiv.classList.add(`_vm`);\n            this.wmDiv = watermarkDiv;\n            parentNode.insertBefore(watermarkDiv, parentNode.firstChild);\n        }\n        this.createWatermark$.next('');\n    }\n\n    private observeAttributes() {\n        this.observer?.disconnect();\n        return new Observable(observe => {\n            const stream = new Subject<MutationRecord[]>();\n            this.observer = new MutationObserverFactory().create(mutations => stream.next(mutations));\n            if (this.observer) {\n                this.observer.observe(this.wmDiv, {\n                    attributes: true\n                });\n            }\n            stream.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                if (this.wmDiv) {\n                    this?.observer?.disconnect();\n                    this.createWatermark(false);\n                }\n            });\n            observe.next(stream);\n            return () => {\n                this.observer?.disconnect();\n            };\n        });\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyWatermarkDirective } from './watermark.directive';\n\n@NgModule({\n    imports: [CommonModule, ThySharedModule, ThyWatermarkDirective],\n    exports: [ThyWatermarkDirective],\n    providers: []\n})\nexport class ThyWatermarkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys.mjs

@@ -1,6 +1,6 @@
 import { Version } from '@angular/core';
 
-const VERSION = new Version('19.0.13');
+const VERSION = new Version('19.1.0-next.0');
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ngx-tethys.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('19.0.13');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,SAAS;;ACF5C;;AAEG;;;;"}
+{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('19.1.0-next.0');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,eAAe;;ACFlD;;AAEG;;;;"}

package/form/form-group-error/form-group-error.component.d.ts

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
 export declare class ThyFormGroupError implements OnInit {
     private thyParentForm;
     errors: string[];
-    thyShowFirst: boolean;
+    readonly thyShowFirst: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * @type string[]
      */
@@ -17,6 +17,5 @@ export declare class ThyFormGroupError implements OnInit {
     isHorizontal: boolean;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFormGroupError, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFormGroupError, "thy-form-group-error", never, { "thyShowFirst": { "alias": "thyShowFirst"; "required": false; }; "thyErrors": { "alias": "thyErrors"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_thyShowFirst: boolean | string | number;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFormGroupError, "thy-form-group-error", never, { "thyShowFirst": { "alias": "thyShowFirst"; "required": false; "isSignal": true; }; "thyErrors": { "alias": "thyErrors"; "required": false; }; }, {}, never, never, true, never>;
 }

package/form/form-group-label.directive.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from "@angular/core";
+import * as i1 from "ngx-tethys/util";
 /**
  * @name thyFormGroupLabel
  * @order 45
@@ -13,5 +14,5 @@ export declare class ThyFormGroupLabelDirective {
     set thyLabelRequired(value: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFormGroupLabelDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ThyFormGroupLabelDirective, "[thyFormGroupLabel]", never, { "thyLabelText": { "alias": "thyLabelText"; "required": false; }; "thyLabelTranslateKey": { "alias": "thyLabelTranslateKey"; "required": false; }; "thyLabelRequired": { "alias": "thyLabelRequired"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_thyLabelRequired: boolean | string | number;
+    static ngAcceptInputType_thyLabelRequired: i1.ThyBooleanInput;
 }

package/form/form-group.component.d.ts

@@ -9,53 +9,48 @@ type TipsMode = 'default' | 'label';
 export declare class ThyFormGroup implements OnInit {
     private thyParentForm;
     private thyTranslate;
-    labelText: string;
-    labelRequired: boolean;
-    labelPaddingTopClear: boolean;
-    feedbackIcon: string;
-    feedbackSvgIconName: string;
-    tips: string;
-    tipMode: TipsMode;
-    _rowFill: boolean;
-    _isFormGroup: boolean;
-    isHorizontal: boolean;
-    hasFeedback: boolean;
+    protected isHorizontalSignal: import("@angular/core").WritableSignal<boolean>;
     /**
      * Label 文本
      */
-    set thyLabelText(value: string);
+    readonly thyLabelText: import("@angular/core").InputSignal<string>;
     /**
      * Label 文本多语言 Key
      */
-    set thyLabelTextTranslateKey(value: string);
+    readonly thyLabelTextTranslateKey: import("@angular/core").InputSignal<string>;
+    protected labelTextSignal: import("@angular/core").Signal<any>;
     /**
      * Label 是否显示必填项样式
      */
-    set thyLabelRequired(value: boolean);
-    set thyLabelPaddingTopClear(value: boolean);
+    readonly thyLabelRequired: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 清楚 Label padding 间距
+     */
+    readonly thyLabelPaddingTopClear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 反馈图标，比如日期输入框显示日期的图标，常用输入 date 表示时间 wtf wtf-schedule-o
      */
-    set thyFeedbackIcon(value: string);
+    thyFeedbackIcon: import("@angular/core").InputSignalWithTransform<string, string>;
     /**
      * 提示文字的显示模式，`label`模式表示在 label 后通过图标+Tooltip 提示, `default`模式在 Form Control 下方直接显示
      * @type default | label
      * @default default
      */
-    set thyTipsMode(mode: TipsMode);
+    thyTipsMode: import("@angular/core").InputSignal<TipsMode>;
     /**
      * 提示文案
      */
-    set thyTips(value: string);
+    readonly thyTips: import("@angular/core").InputSignal<string>;
     /**
      * 提示文案的多语言 Key
      */
-    set thyTipsTranslateKey(value: string);
+    readonly thyTipsTranslateKey: import("@angular/core").InputSignal<string>;
+    protected readonly tipsSignal: import("@angular/core").Signal<any>;
     /**
      * 是否填充整行, 没有 Label 文本，只有输入框
      * @default false
      */
-    set thyRowFill(value: boolean);
+    readonly thyRowFill: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 已废弃
      * @deprecated please use content because formGroup is same name with angular formGroup directive
@@ -65,11 +60,9 @@ export declare class ThyFormGroup implements OnInit {
      * 内容自定义模板，`<ng-template #content></ng-template>`
      */
     contentTemplate: TemplateRef<any>;
+    constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFormGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFormGroup, "thy-form-group", never, { "thyLabelText": { "alias": "thyLabelText"; "required": false; }; "thyLabelTextTranslateKey": { "alias": "thyLabelTextTranslateKey"; "required": false; }; "thyLabelRequired": { "alias": "thyLabelRequired"; "required": false; }; "thyLabelPaddingTopClear": { "alias": "thyLabelPaddingTopClear"; "required": false; }; "thyFeedbackIcon": { "alias": "thyFeedbackIcon"; "required": false; }; "thyTipsMode": { "alias": "thyTipsMode"; "required": false; }; "thyTips": { "alias": "thyTips"; "required": false; }; "thyTipsTranslateKey": { "alias": "thyTipsTranslateKey"; "required": false; }; "thyRowFill": { "alias": "thyRowFill"; "required": false; }; }, {}, ["contentTemplateRef", "contentTemplate"], ["*"], true, never>;
-    static ngAcceptInputType_thyLabelRequired: boolean | string | number;
-    static ngAcceptInputType_thyLabelPaddingTopClear: boolean | string | number;
-    static ngAcceptInputType_thyRowFill: boolean | string | number;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFormGroup, "thy-form-group", never, { "thyLabelText": { "alias": "thyLabelText"; "required": false; "isSignal": true; }; "thyLabelTextTranslateKey": { "alias": "thyLabelTextTranslateKey"; "required": false; "isSignal": true; }; "thyLabelRequired": { "alias": "thyLabelRequired"; "required": false; "isSignal": true; }; "thyLabelPaddingTopClear": { "alias": "thyLabelPaddingTopClear"; "required": false; "isSignal": true; }; "thyFeedbackIcon": { "alias": "thyFeedbackIcon"; "required": false; "isSignal": true; }; "thyTipsMode": { "alias": "thyTipsMode"; "required": false; "isSignal": true; }; "thyTips": { "alias": "thyTips"; "required": false; "isSignal": true; }; "thyTipsTranslateKey": { "alias": "thyTipsTranslateKey"; "required": false; "isSignal": true; }; "thyRowFill": { "alias": "thyRowFill"; "required": false; "isSignal": true; }; }, {}, ["contentTemplateRef", "contentTemplate"], ["*"], true, never>;
 }
 export {};

package/form/form-submit.directive.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * 表单提交指令
@@ -10,7 +10,7 @@ export declare class ThyFormSubmitDirective implements OnInit {
     /**
      * Form 验证通过的提交函数
      */
-    thyFormSubmit: EventEmitter<any>;
+    thyFormSubmit: import("@angular/core").OutputEmitterRef<Event>;
     ngOnInit(): void;
     onSubmit($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFormSubmitDirective, never>;

package/form/form.directive.d.ts

@@ -18,29 +18,27 @@ export declare class ThyFormDirective implements OnInit, AfterViewInit, OnDestro
     private elementRef;
     private renderer;
     private ngZone;
-    validator: ThyFormValidatorService;
+    readonly validator: ThyFormValidatorService;
     private config;
-    private layout;
-    private initialized;
     private hostRenderer;
     /**
      * 布局，默认水平居中 horizontal，其他2种布局待开发
      * @type horizontal | vertical | inline
      * @default horizontal
      */
-    set thyLayout(value: ThyFormLayout);
-    get thyLayout(): ThyFormLayout;
+    readonly thyLayout: import("@angular/core").InputSignal<ThyFormLayout>;
     get isHorizontal(): boolean;
+    private get layout();
     /**
      * Enter 键提交模式。`submit`: Textarea 需要 Ctrl | Command + Enter 提交，其他元素直接 Enter 提交； `alwaysSubmit`: 不管是什么元素 Enter 都提交； `forbidSubmit`: Enter 不提交
      * @type submit | alwaysSubmit | forbidSubmit
      * @default submit
      */
-    thyEnterKeyMode: ThyEnterKeyMode;
+    readonly thyEnterKeyMode: import("@angular/core").InputSignal<ThyEnterKeyMode>;
     /**
      * 表单验证规则配置项 （更多内容查看：thyFormValidatorConfig）
      */
-    set thyFormValidatorConfig(config: ThyFormValidatorConfig);
+    readonly thyFormValidatorConfig: import("@angular/core").InputSignal<ThyFormValidatorConfig>;
     wasValidated: boolean;
     onSubmitSuccess: ($event: any) => void;
     private _unsubscribe;
@@ -54,5 +52,5 @@ export declare class ThyFormDirective implements OnInit, AfterViewInit, OnDestro
     onKeydown($event: KeyboardEvent): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFormDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyFormDirective, "[thyForm],[thy-form]", ["thyForm"], { "thyLayout": { "alias": "thyLayout"; "required": false; }; "thyEnterKeyMode": { "alias": "thyEnterKeyMode"; "required": false; }; "thyFormValidatorConfig": { "alias": "thyFormValidatorConfig"; "required": false; }; }, {}, ["controls"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyFormDirective, "[thyForm],[thy-form]", ["thyForm"], { "thyLayout": { "alias": "thyLayout"; "required": false; "isSignal": true; }; "thyEnterKeyMode": { "alias": "thyEnterKeyMode"; "required": false; "isSignal": true; }; "thyFormValidatorConfig": { "alias": "thyFormValidatorConfig"; "required": false; "isSignal": true; }; }, {}, ["controls"], never, true, never>;
 }

package/form/from-group-footer/form-group-footer.component.d.ts

@@ -17,11 +17,11 @@ export declare class ThyFormGroupFooter implements OnInit {
      * @type left | right | center
      * @default left
      */
-    thyAlign: ThyFormGroupFooterAlign;
+    readonly thyAlign: import("@angular/core").InputSignal<ThyFormGroupFooterAlign>;
     footerClassMap: {};
     private get align();
     ngOnInit(): void;
     setFooterClassMap(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFormGroupFooter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFormGroupFooter, "thy-form-group-footer", never, { "thyAlign": { "alias": "thyAlign"; "required": false; }; }, {}, ["description"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFormGroupFooter, "thy-form-group-footer", never, { "thyAlign": { "alias": "thyAlign"; "required": false; "isSignal": true; }; }, {}, ["description"], ["*"], true, never>;
 }

package/form/validator/confirm-validator.directive.d.ts

@@ -10,8 +10,8 @@ export declare class ThyConfirmValidatorDirective implements Validator {
     /**
      * 表单控件的校验值
      */
-    confirm: string;
+    readonly confirm: import("@angular/core").InputSignal<string>;
     validate(control: AbstractControl): import("@angular/forms").ValidationErrors;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyConfirmValidatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyConfirmValidatorDirective, "[confirm]", never, { "confirm": { "alias": "confirm"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyConfirmValidatorDirective, "[confirm]", never, { "confirm": { "alias": "confirm"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/form/validator/unique-validator.directive.d.ts

@@ -9,8 +9,8 @@ import * as i0 from "@angular/core";
 export declare class ThyUniqueCheckValidator implements AsyncValidator {
     private elementRef;
     private thyForm;
-    thyUniqueCheck: (value: any) => Observable<boolean>;
+    readonly thyUniqueCheck: import("@angular/core").InputSignal<(value: any) => Observable<boolean>>;
     validate(ctrl: AbstractControl): Promise<ValidationErrors | null> | Observable<ValidationErrors | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyUniqueCheckValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyUniqueCheckValidator, "[thyUniqueCheck]", never, { "thyUniqueCheck": { "alias": "thyUniqueCheck"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyUniqueCheckValidator, "[thyUniqueCheck]", never, { "thyUniqueCheck": { "alias": "thyUniqueCheck"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/fullscreen/fullscreen.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { ThyFullscreenMode } from './fullscreen.config';
 import * as i0 from "@angular/core";
 /**
@@ -12,23 +12,23 @@ export declare class ThyFullscreenComponent implements OnInit, OnDestroy {
     /**
      * immersive 模式使用了浏览器提供的全屏，整个窗体都全屏，emulated 模式为仿真的，只会在 body 区域全屏
      * @type immersive | emulated
-     * @default immersive
      */
-    thyMode: ThyFullscreenMode;
+    readonly thyMode: import("@angular/core").InputSignal<ThyFullscreenMode>;
     /**
      * 打开全屏时需要添加的类名
      */
-    thyFullscreenClasses: string;
+    readonly thyFullscreenClasses: import("@angular/core").InputSignal<string>;
     /**
      * 全屏之后的回调
      */
-    thyFullscreenChange: EventEmitter<boolean>;
-    set fullscreenLaunch(fullscreenLaunch: ElementRef<HTMLButtonElement> | undefined);
+    readonly thyFullscreenChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly fullscreenLaunch: import("@angular/core").Signal<ElementRef<any>>;
     private ngUnsubscribe$;
     private fullscreenLaunch$;
+    constructor();
     ngOnInit(): void;
     private handleFullscreen;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFullscreenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFullscreenComponent, "thy-fullscreen, [thyFullscreen]", never, { "thyMode": { "alias": "thyMode"; "required": false; }; "thyFullscreenClasses": { "alias": "thyFullscreenClasses"; "required": false; }; }, { "thyFullscreenChange": "thyFullscreenChange"; }, ["fullscreenLaunch"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFullscreenComponent, "thy-fullscreen, [thyFullscreen]", never, { "thyMode": { "alias": "thyMode"; "required": false; "isSignal": true; }; "thyFullscreenClasses": { "alias": "thyFullscreenClasses"; "required": false; "isSignal": true; }; }, { "thyFullscreenChange": "thyFullscreenChange"; }, ["fullscreenLaunch"], ["*"], true, never>;
 }

package/grid/flex.d.ts

@@ -1,4 +1,3 @@
-import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export type ThyFlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 export type ThyFlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
@@ -11,38 +10,36 @@ export type ThyFlexShrink = '1' | '0' | 0 | 1;
  * @name thy-flex, [thyFlex]
  * @order 20
  */
-export declare class ThyFlex implements OnInit, OnChanges {
+export declare class ThyFlex {
     private hostRenderer;
     /**
      * Flex 方向，为 row 或者 column
      * @default row
      */
-    thyDirection: ThyFlexDirection;
+    readonly thyDirection: import("@angular/core").InputSignal<ThyFlexDirection>;
     /**
      * Flex Wrap
      * @default nowrap
      */
-    thyWrap: ThyFlexWrap;
+    readonly thyWrap: import("@angular/core").InputSignal<ThyFlexWrap>;
     /**
      * Justify Content
      */
-    thyJustifyContent: ThyFlexJustifyContent;
+    readonly thyJustifyContent: import("@angular/core").InputSignal<ThyFlexJustifyContent>;
     /**
      * Align Items
      */
-    thyAlignItems: ThyFlexAlignItems;
+    readonly thyAlignItems: import("@angular/core").InputSignal<ThyFlexAlignItems>;
     /**
      * Flex Item 之间的间隙 Gap
      * @default 0
      */
-    thyGap: number;
-    get direction(): ThyFlexDirection;
+    readonly thyGap: import("@angular/core").InputSignal<number>;
+    protected readonly direction: import("@angular/core").Signal<ThyFlexDirection>;
     constructor();
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     private updateClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFlex, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyFlex, "[thyFlex]", never, { "thyDirection": { "alias": "thyDirection"; "required": false; }; "thyWrap": { "alias": "thyWrap"; "required": false; }; "thyJustifyContent": { "alias": "thyJustifyContent"; "required": false; }; "thyAlignItems": { "alias": "thyAlignItems"; "required": false; }; "thyGap": { "alias": "thyGap"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyFlex, "[thyFlex]", never, { "thyDirection": { "alias": "thyDirection"; "required": false; "isSignal": true; }; "thyWrap": { "alias": "thyWrap"; "required": false; "isSignal": true; }; "thyJustifyContent": { "alias": "thyJustifyContent"; "required": false; "isSignal": true; }; "thyAlignItems": { "alias": "thyAlignItems"; "required": false; "isSignal": true; }; "thyGap": { "alias": "thyGap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * @internal
@@ -56,32 +53,30 @@ export declare class ThyFlexComponent {
  * @name thy-flex-item, [thyFlexItem]
  * @order 25
  */
-export declare class ThyFlexItem implements OnInit, OnChanges {
+export declare class ThyFlexItem {
     private hostRenderer;
     /**
      * Flex Item 属性，表示 grow 、shrink 、basis
      */
-    thyFlexItem: 'fill' | string;
+    readonly thyFlexItem: import("@angular/core").InputSignal<string>;
     /**
      * Flew Grow，设置或检索弹性盒子的扩展比率，设置 1 为填充剩余区域
      */
-    thyGrow: ThyFlexGrow;
+    readonly thyGrow: import("@angular/core").InputSignal<ThyFlexGrow>;
     /**
      * Flex Shrink，设置或检索弹性盒收缩比例
      * @default 1
      */
-    thyShrink: ThyFlexShrink;
+    readonly thyShrink: import("@angular/core").InputSignal<ThyFlexShrink>;
     /**
      * Flex Basis，设置或检索弹性盒伸缩基准值
      * @default 1
      */
-    thyBasis: string;
+    readonly thyBasis: import("@angular/core").InputSignal<string>;
     constructor();
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     private updateClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFlexItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyFlexItem, "[thyFlexItem]", never, { "thyFlexItem": { "alias": "thyFlexItem"; "required": false; }; "thyGrow": { "alias": "thyGrow"; "required": false; }; "thyShrink": { "alias": "thyShrink"; "required": false; }; "thyBasis": { "alias": "thyBasis"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyFlexItem, "[thyFlexItem]", never, { "thyFlexItem": { "alias": "thyFlexItem"; "required": false; "isSignal": true; }; "thyGrow": { "alias": "thyGrow"; "required": false; "isSignal": true; }; "thyShrink": { "alias": "thyShrink"; "required": false; "isSignal": true; }; "thyBasis": { "alias": "thyBasis"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * @internal

package/grid/thy-col.directive.d.ts

@@ -1,4 +1,3 @@
-import { OnChanges, AfterViewInit, OnInit, SimpleChanges } from '@angular/core';
 import { ThyRowDirective } from './thy-row.directive';
 import * as i0 from "@angular/core";
 export interface ThyColEmbeddedProperty {
@@ -14,23 +13,21 @@ export type ThySpan = number | null | 'auto';
  * @name thyCol
  * @order 35
  */
-export declare class ThyColDirective implements OnInit, OnChanges, AfterViewInit {
+export declare class ThyColDirective {
     thyRowDirective: ThyRowDirective;
     /**
      * 栅格项的占位列数，thySpan 如果传递了值，以 thySpan 为准
      */
-    thyCol: ThySpan;
+    readonly thyCol: import("@angular/core").InputSignal<ThySpan>;
     /**
      * 栅格项的占位列数
      */
-    thySpan: ThySpan;
-    get span(): ThySpan;
+    readonly thySpan: import("@angular/core").InputSignal<ThySpan>;
+    protected readonly span: import("@angular/core").Signal<ThySpan>;
     private hostRenderer;
     private takeUntilDestroyed;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
+    constructor();
     private updateHostClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyColDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyColDirective, "[thyCol]", never, { "thyCol": { "alias": "thyCol"; "required": false; }; "thySpan": { "alias": "thySpan"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyColDirective, "[thyCol]", never, { "thyCol": { "alias": "thyCol"; "required": false; "isSignal": true; }; "thySpan": { "alias": "thySpan"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/grid/thy-grid-item.component.d.ts

@@ -1,5 +1,4 @@
 import { ElementRef, OnInit } from '@angular/core';
-import { ThyGridResponsiveDescription } from './grid.type';
 import * as i0 from "@angular/core";
 /**
  * 栅格项组件
@@ -13,11 +12,11 @@ export declare class ThyGridItem implements OnInit {
      * 栅格项的占位列数，为 0 时会隐藏该栅格项
      * @default 1
      */
-    thySpan: number | ThyGridResponsiveDescription;
+    readonly thySpan: import("@angular/core").InputSignal<string | number>;
     /**
      * 栅格项左侧的偏移列数
      */
-    thyOffset: number | ThyGridResponsiveDescription;
+    readonly thyOffset: import("@angular/core").InputSignal<string | number>;
     private readonly destroyRef;
     private hostRenderer;
     span: number;
@@ -25,5 +24,5 @@ export declare class ThyGridItem implements OnInit {
     ngOnInit(): void;
     private setGridItemStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyGridItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyGridItem, "thy-grid-item,[thyGridItem]", never, { "thySpan": { "alias": "thySpan"; "required": false; }; "thyOffset": { "alias": "thyOffset"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyGridItem, "thy-grid-item,[thyGridItem]", never, { "thySpan": { "alias": "thySpan"; "required": false; "isSignal": true; }; "thyOffset": { "alias": "thyOffset"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/grid/thy-grid.component.d.ts

@@ -1,46 +1,46 @@
-import { AfterContentInit, OnChanges, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { Subject } from 'rxjs';
 import { ThyGridToken } from './grid.token';
 import { ThyGridItem } from './thy-grid-item.component';
-import { ThyGridResponsiveMode, ThyGridResponsiveDescription } from './grid.type';
+import { ThyGridResponsiveMode } from './grid.type';
 import * as i0 from "@angular/core";
 /**
  * 栅格组件
  * @name thy-grid, [thyGrid]
  * @order 10
  */
-export declare class ThyGrid implements ThyGridToken, OnInit, OnChanges, AfterContentInit {
+export declare class ThyGrid implements ThyGridToken, OnInit {
     private elementRef;
     private viewportRuler;
     private ngZone;
     /**
      * @internal
      */
-    gridItems: QueryList<ThyGridItem>;
+    readonly gridItems: import("@angular/core").Signal<readonly ThyGridItem[]>;
     /**
      * 栅格的列数
      * @default 24
      */
-    thyCols: number | ThyGridResponsiveDescription;
+    readonly thyCols: import("@angular/core").InputSignal<string | number>;
     /**
      * 栅格的水平间隔
      */
-    thyXGap: number | ThyGridResponsiveDescription;
+    readonly thyXGap: import("@angular/core").InputSignal<string | number>;
     /**
      * 栅格的垂直间隔
      */
-    thyYGap: number | ThyGridResponsiveDescription;
+    readonly thyYGap: import("@angular/core").InputSignal<string | number>;
     /**
      * 栅格的水平和垂直间隔
      */
-    thyGap: number | ThyGridResponsiveDescription;
+    readonly thyGap: import("@angular/core").InputSignal<string | number>;
     /**
      * 响应式栅格列数<br/>
      * none: 不进行响应式布局。<br/>
      * self：根据grid的自身宽度进行响应式布局。<br/>
      * screen：根据屏幕断点进行响应式布局，目前预设了5种响应式尺寸：`xs: 0, sm: 576, md: 768, lg: 992, xl: 1200`。
      */
-    thyResponsive: ThyGridResponsiveMode;
+    readonly thyResponsive: import("@angular/core").InputSignal<ThyGridResponsiveMode>;
     private hostRenderer;
     private cols;
     xGap: number;
@@ -49,9 +49,8 @@ export declare class ThyGrid implements ThyGridToken, OnInit, OnChanges, AfterCo
     private responsiveContainerWidth;
     gridItemPropValueChange$: Subject<void>;
     private takeUntilDestroyed;
+    constructor();
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentInit(): void;
     private setGridStyle;
     private listenResizeEvent;
     private handleGridItems;
@@ -60,7 +59,7 @@ export declare class ThyGrid implements ThyGridToken, OnInit, OnChanges, AfterCo
     private calculateBreakPoint;
     private gridResizeObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyGrid, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyGrid, "[thyGrid]", never, { "thyCols": { "alias": "thyCols"; "required": false; }; "thyXGap": { "alias": "thyXGap"; "required": false; }; "thyYGap": { "alias": "thyYGap"; "required": false; }; "thyGap": { "alias": "thyGap"; "required": false; }; "thyResponsive": { "alias": "thyResponsive"; "required": false; }; }, {}, ["gridItems"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyGrid, "[thyGrid]", never, { "thyCols": { "alias": "thyCols"; "required": false; "isSignal": true; }; "thyXGap": { "alias": "thyXGap"; "required": false; "isSignal": true; }; "thyYGap": { "alias": "thyYGap"; "required": false; "isSignal": true; }; "thyGap": { "alias": "thyGap"; "required": false; "isSignal": true; }; "thyResponsive": { "alias": "thyResponsive"; "required": false; "isSignal": true; }; }, {}, ["gridItems"], never, true, never>;
 }
 /**
  * @internal