ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-dialog.mjs

@@ -1,8 +1,8 @@
 import { Overlay, OverlayKeyboardDispatcher, OverlayContainer, OverlayModule } from '@angular/cdk/overlay';
 import { PortalModule, ComponentPortal } from '@angular/cdk/portal';
-import { DOCUMENT, NgTemplateOutlet, NgClass, CommonModule } from '@angular/common';
+import { NgTemplateOutlet, NgClass, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ChangeDetectorRef, ElementRef, NgZone, Renderer2, EventEmitter, HostBinding, ViewChild, ChangeDetectionStrategy, Component, Injector, Injectable, input, contentChild, computed, Output, NgModule } from '@angular/core';
+import { InjectionToken, inject, ChangeDetectorRef, ElementRef, DOCUMENT, NgZone, Renderer2, EventEmitter, HostBinding, ViewChild, ChangeDetectionStrategy, Component, Injector, Injectable, input, contentChild, computed, output, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { ThyAction, ThyActionModule } from 'ngx-tethys/action';
@@ -231,10 +231,10 @@ class ThyDialogContainer extends ThyAbstractOverlayContainer {
     ngOnDestroy() {
         super.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThyDialogContainer, isStandalone: true, selector: "thy-dialog-container", host: { attributes: { "tabindex": "-1", "aria-modal": "true" }, listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)" }, properties: { "attr.id": "this.id", "attr.role": "config.role", "attr.aria-labelledby": "config.ariaLabel ? null : ariaLabelledBy", "attr.aria-label": "config.ariaLabel", "attr.aria-describedby": "config.ariaDescribedBy || null", "@dialogContainer": "animationState" }, classAttribute: "thy-dialog-container" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: ThyPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: ` <ng-template thyPortalOutlet></ng-template> `, isInline: true, dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ThyPortalOutlet, selector: "[thyPortalOutlet]", inputs: ["thyPortalOutlet"], exportAs: ["thyPortalOutlet"] }], animations: [thyDialogAnimations.dialogContainer], changeDetection: i0.ChangeDetectionStrategy.Default }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThyDialogContainer, isStandalone: true, selector: "thy-dialog-container", host: { attributes: { "tabindex": "-1", "aria-modal": "true" }, listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)" }, properties: { "attr.id": "this.id", "attr.role": "config.role", "attr.aria-labelledby": "config.ariaLabel ? null : ariaLabelledBy", "attr.aria-label": "config.ariaLabel", "attr.aria-describedby": "config.ariaDescribedBy || null", "@dialogContainer": "animationState" }, classAttribute: "thy-dialog-container" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: ThyPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: ` <ng-template thyPortalOutlet></ng-template> `, isInline: true, dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ThyPortalOutlet, selector: "[thyPortalOutlet]", inputs: ["thyPortalOutlet"], exportAs: ["thyPortalOutlet"] }], animations: [thyDialogAnimations.dialogContainer], changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-dialog-container',
@@ -269,8 +269,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 class ThyDialogRef extends ThyAbstractOverlayRef {
 }
 class ThyInternalDialogRef extends ThyAbstractInternalOverlayRef {
-    constructor(overlayRef, containerInstance, config, service) {
-        super(dialogAbstractOverlayOptions, overlayRef, containerInstance, config);
+    get options() {
+        return dialogAbstractOverlayOptions;
+    }
+    constructor() {
+        super();
+    }
+    initialize(overlayRef, containerInstance, config, service) {
+        super.initialize(overlayRef, containerInstance, config);
         this.thyDialog = service;
     }
     /**
@@ -322,7 +328,9 @@ class ThyDialog extends ThyAbstractOverlayService {
         return containerRef.instance;
     }
     createAbstractOverlayRef(overlayRef, containerInstance, config) {
-        return new ThyInternalDialogRef(overlayRef, containerInstance, config, this);
+        const dialogRef = new ThyInternalDialogRef();
+        dialogRef.initialize(overlayRef, containerInstance, config, this);
+        return dialogRef;
     }
     createInjector(config, dialogRef, dialogContainer) {
         const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
@@ -424,10 +432,10 @@ class ThyDialog extends ThyAbstractOverlayService {
     ngOnDestroy() {
         this.dispose();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialog, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialog }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialog, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialog }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialog, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -442,13 +450,13 @@ class ThyDialogBody {
         /**
          * 清除间距
          */
-        this.thyClearPadding = input(false, { transform: coerceBooleanProperty });
+        this.thyClearPadding = input(false, ...(ngDevMode ? [{ debugName: "thyClearPadding", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyDialogBody, isStandalone: true, selector: "thy-dialog-body", inputs: { thyClearPadding: { classPropertyName: "thyClearPadding", publicName: "thyClearPadding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dialog-body-clear-padding": "thyClearPadding()" }, classAttribute: "dialog-body" }, exportAs: ["thyDialogBody"], hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThyDialogBody, isStandalone: true, selector: "thy-dialog-body", inputs: { thyClearPadding: { classPropertyName: "thyClearPadding", publicName: "thyClearPadding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dialog-body-clear-padding": "thyClearPadding()" }, classAttribute: "dialog-body" }, exportAs: ["thyDialogBody"], hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-dialog-body',
@@ -461,7 +469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.dialog-body-clear-padding]': 'thyClearPadding()'
                     }
                 }]
-        }] });
+        }], propDecorators: { thyClearPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyClearPadding", required: false }] }] } });
 
 const THY_CONFIRM_DEFAULT_OPTIONS = new InjectionToken('thy-confirm-default-options');
 /**
@@ -504,37 +512,37 @@ class ThyDialogHeader {
         /**
          * 自定义头部模板
          */
-        this.headerTemplate = contentChild('dialogHeader');
+        this.headerTemplate = contentChild('dialogHeader', ...(ngDevMode ? [{ debugName: "headerTemplate" }] : []));
         /**
          * 标题
          */
-        this.thyTitle = input();
+        this.thyTitle = input(...(ngDevMode ? [undefined, { debugName: "thyTitle" }] : []));
         /**
          * 大小，只有大的详情页场景会使用 lg，左右 padding 缩小至 20px
          * @type lg | md
          */
-        this.thySize = input('md');
+        this.thySize = input('md', ...(ngDevMode ? [{ debugName: "thySize" }] : []));
         /**
          * 是否显示分割线
          */
-        this.thyDivided = input(false, { transform: coerceBooleanProperty });
+        this.thyDivided = input(false, ...(ngDevMode ? [{ debugName: "thyDivided", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 标题的多语言 Key
          */
-        this.thyTitleTranslationKey = input();
+        this.thyTitleTranslationKey = input(...(ngDevMode ? [undefined, { debugName: "thyTitleTranslationKey" }] : []));
         this.title = computed(() => {
             const title = this.thyTitle();
             const titleTranslationKey = this.thyTitleTranslationKey();
             return title || (titleTranslationKey && this.translate.instant(titleTranslationKey));
-        });
+        }, ...(ngDevMode ? [{ debugName: "title" }] : []));
         /**
          * 头部图标
          */
-        this.thyIcon = input();
+        this.thyIcon = input(...(ngDevMode ? [undefined, { debugName: "thyIcon" }] : []));
         /**
          * 关闭事件
          */
-        this.thyOnClose = new EventEmitter();
+        this.thyOnClose = output();
     }
     ngOnInit() {
         if (!this.dialogContainer) {
@@ -555,26 +563,20 @@ class ThyDialogHeader {
         });
     }
     close(event) {
-        if (this.thyOnClose.observers.length > 0) {
-            this.thyOnClose.emit(event);
-        }
-        else {
-            this.dialog.close();
-        }
+        this.thyOnClose.emit(event);
+        this.dialog.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyDialogHeader, isStandalone: true, selector: "thy-dialog-header", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null }, thyTitleTranslationKey: { classPropertyName: "thyTitleTranslationKey", publicName: "thyTitleTranslationKey", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnClose: "thyOnClose" }, host: { properties: { "class.thy-dialog-header-lg": "thySize() === 'lg'", "class.thy-dialog-header-divided": "thyDivided()" }, classAttribute: "dialog-header thy-dialog-header" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["dialogHeader"], descendants: true, isSignal: true }], exportAs: ["thyDialogHeader"], ngImport: i0, template: "@if (headerTemplate()) {\n  <template [ngTemplateOutlet]=\"headerTemplate()\"></template>\n} @else {\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>{{ title() }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyDialogHeader, isStandalone: true, selector: "thy-dialog-header", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null }, thyTitleTranslationKey: { classPropertyName: "thyTitleTranslationKey", publicName: "thyTitleTranslationKey", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnClose: "thyOnClose" }, host: { properties: { "class.thy-dialog-header-lg": "thySize() === 'lg'", "class.thy-dialog-header-divided": "thyDivided()" }, classAttribute: "dialog-header thy-dialog-header" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["dialogHeader"], descendants: true, isSignal: true }], exportAs: ["thyDialogHeader"], ngImport: i0, template: "@if (headerTemplate()) {\n  <template [ngTemplateOutlet]=\"headerTemplate()\"></template>\n} @else {\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>{{ title() }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogHeader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-dialog-header', exportAs: 'thyDialogHeader', host: {
                         class: 'dialog-header thy-dialog-header',
                         '[class.thy-dialog-header-lg]': `thySize() === 'lg'`,
                         '[class.thy-dialog-header-divided]': `thyDivided()`
                     }, imports: [NgTemplateOutlet, ThyIcon, ThyAction], template: "@if (headerTemplate()) {\n  <template [ngTemplateOutlet]=\"headerTemplate()\"></template>\n} @else {\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>{{ title() }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n}\n" }]
-        }], propDecorators: { thyOnClose: [{
-                type: Output
-            }] } });
+        }], propDecorators: { headerTemplate: [{ type: i0.ContentChild, args: ['dialogHeader', { isSignal: true }] }], thyTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitle", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyDivided: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDivided", required: false }] }], thyTitleTranslationKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitleTranslationKey", required: false }] }], thyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIcon", required: false }] }], thyOnClose: [{ type: i0.Output, args: ["thyOnClose"] }] } });
 
 /**
  * @private
@@ -585,7 +587,7 @@ class ThyConfirm {
         this.changeDetectorRef = inject(ChangeDetectorRef);
         this.defaultConfig = inject(THY_CONFIRM_DEFAULT_OPTIONS);
         this.locale = injectLocale('dialog');
-        this.options = input();
+        this.options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : []));
         this.defaultConfig = {
             ...{
                 title: this.locale().title,
@@ -631,13 +633,13 @@ class ThyConfirm {
         this.dialogRef.close();
     }
     ngOnDestroy() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyConfirm, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyConfirm, isStandalone: true, selector: "thy-confirm-default", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<thy-dialog-header [thyTitle]=\"title || 'Install Angular'\" (thyOnClose)=\"close()\"> </thy-dialog-header>\n<thy-dialog-body class=\"thy-form\">\n  <form thyForm name=\"thyConfirm\" thyLayout=\"vertical\">\n    <div class=\"form-group\">\n      <p [innerHTML]=\"content\"></p>\n    </div>\n    <thy-form-group-footer [thyAlign]=\"footerAlign\">\n      <div class=\"thy-confirm-footer\" [ngClass]=\"'thy-confirm-footer-' + footerAlign\">\n        <button [thyButton]=\"okType\" (click)=\"confirm()\" [thyLoading]=\"loading\" [thyLoadingText]=\"okLoadingText\">{{ okText }}</button>\n        <button thyButton=\"link-secondary\" (click)=\"close()\" class=\"thy-confirm-cancel\">{{ cancelText }}</button>\n      </div>\n    </thy-form-group-footer>\n  </form>\n</thy-dialog-body>\n", dependencies: [{ kind: "component", type: ThyDialogHeader, selector: "thy-dialog-header", inputs: ["thyTitle", "thySize", "thyDivided", "thyTitleTranslationKey", "thyIcon"], outputs: ["thyOnClose"], exportAs: ["thyDialogHeader"] }, { kind: "component", type: ThyDialogBody, selector: "thy-dialog-body", inputs: ["thyClearPadding"], exportAs: ["thyDialogBody"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "component", type: ThyFormGroupFooter, selector: "thy-form-group-footer", inputs: ["thyAlign"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyConfirm, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThyConfirm, isStandalone: true, selector: "thy-confirm-default", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<thy-dialog-header [thyTitle]=\"title || 'Install Angular'\" (thyOnClose)=\"close()\"> </thy-dialog-header>\n<thy-dialog-body class=\"thy-form\">\n  <form thyForm name=\"thyConfirm\" thyLayout=\"vertical\">\n    <div class=\"form-group\">\n      <p [innerHTML]=\"content\"></p>\n    </div>\n    <thy-form-group-footer [thyAlign]=\"footerAlign\">\n      <div class=\"thy-confirm-footer\" [ngClass]=\"'thy-confirm-footer-' + footerAlign\">\n        <button [thyButton]=\"okType\" (click)=\"confirm()\" [thyLoading]=\"loading\" [thyLoadingText]=\"okLoadingText\">{{ okText }}</button>\n        <button thyButton=\"link-secondary\" (click)=\"close()\" class=\"thy-confirm-cancel\">{{ cancelText }}</button>\n      </div>\n    </thy-form-group-footer>\n  </form>\n</thy-dialog-body>\n", dependencies: [{ kind: "component", type: ThyDialogHeader, selector: "thy-dialog-header", inputs: ["thyTitle", "thySize", "thyDivided", "thyTitleTranslationKey", "thyIcon"], outputs: ["thyOnClose"], exportAs: ["thyDialogHeader"] }, { kind: "component", type: ThyDialogBody, selector: "thy-dialog-body", inputs: ["thyClearPadding"], exportAs: ["thyDialogBody"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "component", type: ThyFormGroupFooter, selector: "thy-form-group-footer", inputs: ["thyAlign"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyConfirm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyConfirm, decorators: [{
             type: Component,
             args: [{ selector: 'thy-confirm-default', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ThyDialogHeader, ThyDialogBody, FormsModule, ThyFormDirective, ThyFormGroupFooter, NgClass, ThyButton], template: "<thy-dialog-header [thyTitle]=\"title || 'Install Angular'\" (thyOnClose)=\"close()\"> </thy-dialog-header>\n<thy-dialog-body class=\"thy-form\">\n  <form thyForm name=\"thyConfirm\" thyLayout=\"vertical\">\n    <div class=\"form-group\">\n      <p [innerHTML]=\"content\"></p>\n    </div>\n    <thy-form-group-footer [thyAlign]=\"footerAlign\">\n      <div class=\"thy-confirm-footer\" [ngClass]=\"'thy-confirm-footer-' + footerAlign\">\n        <button [thyButton]=\"okType\" (click)=\"confirm()\" [thyLoading]=\"loading\" [thyLoadingText]=\"okLoadingText\">{{ okText }}</button>\n        <button thyButton=\"link-secondary\" (click)=\"close()\" class=\"thy-confirm-cancel\">{{ cancelText }}</button>\n      </div>\n    </thy-form-group-footer>\n  </form>\n</thy-dialog-body>\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
 
 /**
  * 模态框底部组件
@@ -651,24 +653,24 @@ class ThyDialogFooter {
          * 自定义弹出框底部的描述模板
          * @type TemplateRef
          */
-        this.description = contentChild('description');
+        this.description = contentChild('description', ...(ngDevMode ? [{ debugName: "description" }] : []));
         /**
          * 底部是否有分割线，可全局配置默认值
          * @type boolean
          */
-        this.thyDivided = input(undefined, { transform: coerceBooleanProperty });
+        this.thyDivided = input(undefined, ...(ngDevMode ? [{ debugName: "thyDivided", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         this.divided = computed(() => {
             if (this.thyDivided() === undefined) {
                 return this.dialogLayoutConfig.footerDivided;
             }
             return this.thyDivided();
-        });
+        }, ...(ngDevMode ? [{ debugName: "divided" }] : []));
         /**
          * 对齐方式，可全局配置默认值
          * @type left | right | center
          */
-        this.thyAlign = input();
-        this.align = computed(() => (!!this.thyAlign() ? this.thyAlign() : this.dialogLayoutConfig.footerAlign));
+        this.thyAlign = input(...(ngDevMode ? [undefined, { debugName: "thyAlign" }] : []));
+        this.align = computed(() => (!!this.thyAlign() ? this.thyAlign() : this.dialogLayoutConfig.footerAlign), ...(ngDevMode ? [{ debugName: "align" }] : []));
         this.hostRenderer = useHostRenderer();
     }
     ngOnInit() {
@@ -678,17 +680,17 @@ class ThyDialogFooter {
             'dialog-footer-border-top': this.divided()
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyDialogFooter, isStandalone: true, selector: "thy-dialog-footer", inputs: { thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null }, thyAlign: { classPropertyName: "thyAlign", publicName: "thyAlign", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "description", first: true, predicate: ["description"], descendants: true, isSignal: true }], exportAs: ["thyDialogFooter"], ngImport: i0, template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n@if (description()) {\n  <div class=\"dialog-footer-description\">\n    <ng-container [ngTemplateOutlet]=\"description()\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyDialogFooter, isStandalone: true, selector: "thy-dialog-footer", inputs: { thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null }, thyAlign: { classPropertyName: "thyAlign", publicName: "thyAlign", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "description", first: true, predicate: ["description"], descendants: true, isSignal: true }], exportAs: ["thyDialogFooter"], ngImport: i0, template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n@if (description()) {\n  <div class=\"dialog-footer-description\">\n    <ng-container [ngTemplateOutlet]=\"description()\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogFooter, decorators: [{
             type: Component,
             args: [{ selector: 'thy-dialog-footer', exportAs: 'thyDialogFooter', imports: [NgTemplateOutlet], template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n@if (description()) {\n  <div class=\"dialog-footer-description\">\n    <ng-container [ngTemplateOutlet]=\"description()\"></ng-container>\n  </div>\n}\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { description: [{ type: i0.ContentChild, args: ['description', { isSignal: true }] }], thyDivided: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDivided", required: false }] }], thyAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAlign", required: false }] }] } });
 
 class ThyDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogModule, imports: [CommonModule,
             ThySharedModule,
             PortalModule,
             OverlayModule,
@@ -702,7 +704,7 @@ class ThyDialogModule {
             ThyDialogBody,
             ThyDialogFooter,
             ThyConfirm], exports: [ThyDialogContainer, ThyDialogHeader, ThyDialogBody, ThyDialogFooter] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogModule, providers: [
             ThyDialog,
             THY_DIALOG_DEFAULT_OPTIONS_PROVIDER,
             THY_CONFIRM_DEFAULT_OPTIONS_PROVIDER,
@@ -724,7 +726,7 @@ class ThyDialogModule {
             ThyDialogHeader,
             ThyConfirm] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [