@type-dom/ui 0.1.0 → 0.1.1

package/src/components/feedback/td-alert/td-alert.class.d.ts

@@ -1,14 +1,12 @@
-import { TypeTransition } from '@type-dom/framework';
-import { ITdAlert, ITdAlertConfig } from './td-alert.interface';
-export declare class TdAlert extends TypeTransition implements ITdAlert {
+import { TypeFragment } from '@type-dom/framework';
+import { ITdAlert, AlertProps } from './td-alert.interface';
+import './style/index';
+export declare class TdAlert extends TypeFragment implements ITdAlert {
     className: 'TdAlert';
-    props: ITdAlertConfig;
-    private alertDiv;
-    private alertContent;
+    props: AlertProps;
     private alertTitle?;
     private alertDescription?;
-    constructor(params?: ITdAlertConfig);
-    addTitle(params?: ITdAlertConfig): void;
-    addDescription(params?: ITdAlertConfig): void;
-    addCloseElement(params?: ITdAlertConfig): void;
+    name?: string;
+    constructor(params?: AlertProps);
+    setup(): void;
 }

package/src/components/feedback/td-alert/td-alert.class.js

@@ -3,111 +3,106 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdAlert = void 0;
 const framework_1 = require("@type-dom/framework");
 const svgs_1 = require("@type-dom/svgs");
+const signals_1 = require("@type-dom/signals");
+const index_1 = require("../../../hooks/use-namespace/index");
 const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
-const td_alert_style_1 = require("./td-alert.style");
-class TdAlert extends framework_1.TypeTransition {
+const td_alert_const_1 = require("./td-alert.const");
+require("./style/index");
+class TdAlert extends framework_1.TypeFragment {
     constructor(params = {}) {
         super();
         this.className = 'TdAlert';
-        (0, td_alert_style_1.useStyle)(params);
-        this.alertDiv = new framework_1.Div({
-            attrObj: {
-                role: 'alert',
-            },
-            styleObj: td_alert_style_1.$alertStyle,
-        });
-        if (params === null || params === void 0 ? void 0 : params.styleObj) {
-            this.alertDiv.style.addObj(params.styleObj);
-        }
-        // this.content = new Transition({
-        //   name: 'td-alert-fade',
-        //   slot: this.alertDiv,
-        // });
-        // this.addChild(this.content);
-        this.setContent(this.alertDiv);
-        const IconComponent = svgs_1.TypeComponentsMap[(params === null || params === void 0 ? void 0 : params.type) || 'info'];
-        if ((params === null || params === void 0 ? void 0 : params.showIcon) && IconComponent) {
-            this.alertDiv.addChild(new td_icon_class_1.TdIcon({
-                styleObj: td_alert_style_1.$alertIconStyle,
-                svgObj: new IconComponent(),
-            }));
-        }
-        this.alertContent = new framework_1.Div({
-            styleObj: td_alert_style_1.$alertContentStyle,
-        });
-        this.alertDiv.addChild(this.alertContent);
-        this.addTitle(params);
-        this.addDescription(params);
-        this.addCloseElement(params);
+        this.assignProps(td_alert_const_1.alertProps);
+        this.addEmits(td_alert_const_1.alertEmits);
         this.props = this.useParams(params);
     }
-    addTitle(params) {
-        var _a, _b;
-        if ((params === null || params === void 0 ? void 0 : params.title) || ((_a = params === null || params === void 0 ? void 0 : params.slots) === null || _a === void 0 ? void 0 : _a.title)) {
-            this.alertTitle = new framework_1.Span({
-                styleObj: td_alert_style_1.$alertTitleStyle,
-            });
-            this.alertContent.addChild(this.alertTitle);
-            if ((_b = params.slots) === null || _b === void 0 ? void 0 : _b.title) {
-                this.alertTitle.slotChild(params.slots.title);
-            }
-            else if (params.title) {
-                this.alertTitle.addChild(new framework_1.TextNode(params.title));
-            }
-        }
-    }
-    addDescription(params) {
-        if ((params === null || params === void 0 ? void 0 : params.slot) || (params === null || params === void 0 ? void 0 : params.description)) {
-            this.alertDescription = new framework_1.P({
-                name: 'alert-description',
-                styleObj: td_alert_style_1.$alertDescriptionStyle,
-            });
-            this.alertContent.addChild(this.alertDescription);
-            if (params.slot) {
-                this.alertDescription.slotChild(params.slot);
-            }
-            else if (params.description) {
-                this.alertDescription.addChild(new framework_1.TextNode(params.description));
-            }
-        }
-    }
-    addCloseElement(params) {
-        var _a;
-        const closable = (_a = params === null || params === void 0 ? void 0 : params.closable) !== null && _a !== void 0 ? _a : true;
-        if (closable) {
-            if (params === null || params === void 0 ? void 0 : params.closeText) {
-                this.alertContent.addChild(new framework_1.Div({
-                    text: params.closeText,
-                    styleObj: td_alert_style_1.$alertCloseBtnStyle,
-                    events: {
-                        click: () => {
-                            var _a;
-                            console.log('close text click . ');
-                            if ((_a = params.emits) === null || _a === void 0 ? void 0 : _a.close) {
-                                params.emits.close();
-                            }
-                            this.alertDiv.style.hide();
-                        },
-                    },
-                }));
-            }
-            else {
-                this.alertContent.addChild(new td_icon_class_1.TdIcon({
-                    styleObj: td_alert_style_1.$alertCloseBtnStyle,
-                    svgObj: new svgs_1.ElCloseSvg(),
-                    events: {
-                        click: () => {
-                            var _a;
-                            console.log('close icon click . ');
-                            if ((_a = params === null || params === void 0 ? void 0 : params.emits) === null || _a === void 0 ? void 0 : _a.close) {
-                                params.emits.close();
-                            }
-                            this.alertDiv.style.hide();
-                        },
-                    },
-                }));
-            }
-        }
+    setup() {
+        const props = this.props;
+        const slots = (0, framework_1.useSlots)();
+        const ns = (0, index_1.useNamespace)('alert');
+        this.name = ns.b('fade');
+        const visible = (0, signals_1.signal)(true);
+        const iconComponent = (0, signals_1.computed)(() => svgs_1.TypeComponentsMap[props.type]);
+        const hasDesc = (0, signals_1.computed)(() => !!(props.description || (slots === null || slots === void 0 ? void 0 : slots.default)));
+        const close = (evt) => {
+            console.log('close . ');
+            visible.set(false);
+            this.emit('close', evt);
+        };
+        const { type, center, effect } = props;
+        const alertKls = [
+            ns.b(),
+            ns.m(type),
+            ns.is('center', center),
+            ns.is(effect),
+        ];
+        console.warn('alertKls is ', alertKls);
+        this.addChild(new framework_1.Transition({
+            name: ns.b('fade'),
+            slot: new framework_1.Div({
+                vShow: visible,
+                class: [
+                    ns.b(),
+                    ns.m(type),
+                    ns.is('center', center),
+                    ns.is(effect),
+                ].filter((i) => i !== ''),
+                attrObj: {
+                    role: 'alert',
+                },
+                styleObj: props.styleObj,
+                slot: [
+                    new td_icon_class_1.TdIcon({
+                        vIf: props.showIcon && iconComponent,
+                        class: [ns.e('icon'), { [ns.is('big')]: hasDesc }],
+                        slot: new (iconComponent.get())(),
+                    }),
+                    new framework_1.Div({
+                        class: ns.e('content'),
+                        slot: [
+                            new framework_1.Span({
+                                vIf: props.title || (slots === null || slots === void 0 ? void 0 : slots.title),
+                                class: [ns.e('title'), { 'with-description': hasDesc.get() }],
+                                init: (ele) => {
+                                    if (slots === null || slots === void 0 ? void 0 : slots.title) {
+                                        ele.slotChildren(slots === null || slots === void 0 ? void 0 : slots.title);
+                                    }
+                                    else {
+                                        ele.addChild(new framework_1.TextNode(props.title));
+                                    }
+                                },
+                            }),
+                            new framework_1.P({
+                                vIf: hasDesc,
+                                class: ns.e('description'),
+                                slot: [props.description || ''],
+                            }),
+                            new framework_1.Fragment({
+                                vIf: props.closable,
+                                slot: [
+                                    new framework_1.Div({
+                                        vIf: props.closeText,
+                                        class: [ns.e('close-btn'), ns.is('customed')],
+                                        slot: props.closeText,
+                                        events: {
+                                            click: close,
+                                        },
+                                    }),
+                                    new td_icon_class_1.TdIcon({
+                                        class: ns.e('close-btn'),
+                                        vIf: !props.closeText,
+                                        slot: new svgs_1.ElCloseSvg(),
+                                        events: {
+                                            click: close,
+                                        },
+                                    }),
+                                ],
+                            }),
+                        ],
+                    }),
+                ],
+            }),
+        }));
     }
 }
 exports.TdAlert = TdAlert;

package/src/components/feedback/td-alert/td-alert.const.d.ts

@@ -0,0 +1,7 @@
+import { AlertProps } from './td-alert.interface';
+export declare const alertEffects: readonly ["light", "dark"];
+export declare const alertProps: AlertProps;
+export declare const alertEmits: {
+    close: (evt?: MouseEvent) => evt is MouseEvent;
+};
+export type AlertEmits = typeof alertEmits;

package/src/components/feedback/td-alert/td-alert.const.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.alertEmits = exports.alertProps = exports.alertEffects = void 0;
+exports.alertEffects = ['light', 'dark'];
+exports.alertProps = {
+    title: '',
+    description: '',
+    type: 'info',
+    closable: true,
+    closeText: '',
+    effect: 'light',
+};
+exports.alertEmits = {
+    close: (evt) => evt instanceof MouseEvent,
+};

package/src/components/feedback/td-alert/td-alert.interface.d.ts

@@ -1,8 +1,8 @@
-import { ITypeElement, ITypeTransitionConfig } from '@type-dom/framework';
+import { ITypeElement, TypeTransitionProps } from '@type-dom/framework';
 export interface ITdAlert extends ITypeElement {
     className: 'TdAlert';
 }
-export interface ITdAlertConfig extends ITypeTransitionConfig {
+export interface AlertProps extends TypeTransitionProps {
     /**
      * @description alert title.
      *     default: ''

package/src/components/feedback/td-alert/td-alert.style.d.ts

@@ -1,5 +1,5 @@
 import { IStyle } from '@type-dom/css-type';
-import { ITdAlertConfig } from './td-alert.interface';
+import { AlertProps } from './td-alert.interface';
 export declare const $alert: {
     padding: string;
     borderRadiusBase: string;
@@ -17,5 +17,5 @@ export declare const $alertIconStyle: IStyle;
 export declare const $alertTitleStyle: IStyle;
 export declare const $alertDescriptionStyle: IStyle;
 export declare const $alertCloseBtnStyle: IStyle;
-export declare function useStyle(config?: ITdAlertConfig): void;
-export declare function useType(config?: ITdAlertConfig): void;
+export declare function useStyle(config?: AlertProps): void;
+export declare function useType(config?: AlertProps): void;

package/src/components/feedback/td-alert/td-alert.style.js

@@ -4,6 +4,8 @@ exports.$alertCloseBtnStyle = exports.$alertDescriptionStyle = exports.$alertTit
 exports.useStyle = useStyle;
 exports.useType = useType;
 const var_1 = require("../../../styles/var");
+// import '../../../styles/base/style/index'
+// import '../../../theme-chalk/src/alert.scss'
 exports.$alert = {
     padding: '8px 16px',
     // 'border-radius-base': getCssVar('border-radius-base'),
@@ -54,7 +56,7 @@ exports.$alertTitleStyle = {
 exports.$alertDescriptionStyle = {
     // font-size: getCssVar('alert', 'description-font-size');
     fontSize: exports.$alert.descriptionFontSize,
-    margin: 0
+    margin: 0,
 };
 exports.$alertCloseBtnStyle = {
     // font-size: getCssVar('alert', 'close-font-size'),

package/src/components/feedback/td-dialog/constants.d.ts

@@ -0,0 +1,13 @@
+import { Computed, Ref } from '@type-dom/signals';
+import { IStyle } from '@type-dom/css-type';
+import { InjectionKey } from '@type-dom/framework';
+import { UseNamespaceReturn } from '../../../hooks/use-namespace';
+export type DialogContext = {
+    dialogRef: Ref<HTMLElement | undefined>;
+    headerRef: Ref<HTMLElement | undefined>;
+    bodyId: Ref<string>;
+    ns: UseNamespaceReturn;
+    rendered: Ref<boolean>;
+    style: Computed<IStyle>;
+};
+export declare const dialogInjectionKey: InjectionKey<DialogContext>;

package/src/components/feedback/td-dialog/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+// import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue'
+// import type { UseNamespaceReturn } from '@element-plus/hooks'
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogInjectionKey = void 0;
+exports.dialogInjectionKey = Symbol('dialogInjectionKey');

package/src/components/feedback/td-dialog/style/css.d.ts

@@ -0,0 +1,3 @@
+import '@element-plus/components/base/style/css';
+import '@element-plus/theme-chalk/el-dialog.css';
+import '@element-plus/components/overlay/style/css';

package/src/components/feedback/td-dialog/style/css.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@element-plus/components/base/style/css");
+require("@element-plus/theme-chalk/el-dialog.css");
+require("@element-plus/components/overlay/style/css");

package/src/components/feedback/td-dialog/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/dialog.scss';
+import '../../../../components/feedback/td-overlay/style';

package/src/components/feedback/td-dialog/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../../components/base/style");
+require("../../../../theme-chalk/dialog.scss");
+require("../../../../components/feedback/td-overlay/style");

package/src/components/feedback/td-dialog/td-dialog.class.d.ts

@@ -1,15 +1,15 @@
-import { Transition, TypeFragment } from '@type-dom/framework';
-import { ITdDialog, ITdDialogConfig } from './td-dialog.interface';
+import { TypeFragment } from '@type-dom/framework';
+import { Signal } from '@type-dom/signals';
+import { DialogContentProps } from '../td-dialog-content/td-dialog-content.interface';
+import { TdDialogContent } from '../td-dialog-content/td-dialog-content.class';
+import { ITdDialog, DialogProps } from './td-dialog.interface';
+import './style/index';
 export declare class TdDialog extends TypeFragment implements ITdDialog {
     className: 'TdDialog';
-    content: Transition;
-    props: ITdDialogConfig;
-    private dialogContent;
-    private overlay;
-    constructor(params?: ITdDialogConfig);
-    show(): void;
-    handleClose(): void;
-    afterEnter(): void;
-    afterLeave(): void;
-    beforeLeave(): void;
+    props: DialogContentProps & DialogProps;
+    visible?: Signal<boolean>;
+    dialogContentRef?: Signal<TdDialogContent | undefined>;
+    resetPosition?: () => void;
+    constructor(params?: DialogProps & DialogContentProps);
+    setup(): void;
 }

package/src/components/feedback/td-dialog/td-dialog.class.js

@@ -2,82 +2,145 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdDialog = void 0;
 const framework_1 = require("@type-dom/framework");
-const event_1 = require("../../../constants/event");
+const signals_1 = require("@type-dom/signals");
+const use_same_target_1 = require("../../../hooks/use-same-target");
+const use_namespace_1 = require("../../../hooks/use-namespace");
+const td_dialog_const_1 = require("./td-dialog.const");
+const use_deprecated_1 = require("../../../hooks/use-deprecated");
+const base_1 = require("../../base");
 const td_overlay_class_1 = require("../td-overlay/td-overlay.class");
 const td_dialog_content_class_1 = require("../td-dialog-content/td-dialog-content.class");
+const td_focus_trap_class_1 = require("../td-focus-trap/td-focus-trap.class");
+const constants_1 = require("./constants");
+const use_dialog_1 = require("./use-dialog");
+require("./style/index");
 // todo 最外层是 Teleport
 class TdDialog extends framework_1.TypeFragment {
     constructor(params = {}) {
         super();
-        // this.useTag('fragment');
         console.log('TdDialog . ');
         this.className = 'TdDialog';
-        const appendTo = (params === null || params === void 0 ? void 0 : params.appendToBody) ? document.body : params === null || params === void 0 ? void 0 : params.appendTo;
-        this.dialogContent = new td_dialog_content_class_1.TdDialogContent(params);
-        this.overlay = new td_overlay_class_1.TdOverlay({
-            name: 'td-dialog-overlay',
-            styleObj: {
-                display: (params === null || params === void 0 ? void 0 : params.modelValue) ? 'block' : 'none',
-            },
-            slot: this.dialogContent,
-        });
-        if (params === null || params === void 0 ? void 0 : params.appendToBody) {
-            this.overlay.style.addObj({
-                zIndex: td_overlay_class_1.overlayZIndex + 1000,
-            });
-        }
-        // todo error  Teleport import
-        this.content = new framework_1.Transition({
-            name: 'dialog-fade',
-            emits: {
-                afterEnter: () => {
-                    console.log('afterEnter . ');
-                    this.afterEnter();
-                },
-                afterLeave: () => {
-                    console.log('afterLeave . ');
-                    this.afterLeave();
-                },
-                beforeLeave: () => {
-                    console.log('beforeLeave . ');
-                    this.beforeLeave();
-                }
-            },
-            slot: this.overlay,
-        });
-        this.addChild(this.content);
+        this.addEmits(td_dialog_const_1.dialogEmits);
+        this.assignProps(td_dialog_const_1.dialogProps);
         this.props = this.useParams(params);
     }
-    show() {
-        console.log('TdDialog . show . ');
-        this.overlay.style.show();
-    }
-    handleClose() {
-        this.overlay.style.hide();
-        // function hide(shouldCancel?: boolean) {
-        //   if (shouldCancel) return
-        //   // closed.value = true
-        //   // visible.value = false
-        // }
-        //
-        // if (this.props.emits?.beforeClose) {
-        //   this.props.emits.beforeClose(hide)
-        // } else {
-        //   close()
-        // }
-    }
-    afterEnter() {
-        this.emit('opened');
-    }
-    afterLeave() {
-        this.emit('closed');
-        this.emit(event_1.UPDATE_MODEL_EVENT, false);
-        if (this.props.destroyOnClose) {
-            this.rendered = false;
-        }
-    }
-    beforeLeave() {
-        this.emit('close');
+    setup() {
+        const props = this.props;
+        const emit = this.emit;
+        const slots = (0, framework_1.useSlots)();
+        (0, use_deprecated_1.useDeprecated)({
+            scope: 'el-dialog',
+            from: 'the title slot',
+            replacement: 'the header slot',
+            version: '3.0.0',
+            ref: 'https://element-plus.org/en-US/component/dialog.html#slots',
+        }, (0, signals_1.computed)(() => !!(slots === null || slots === void 0 ? void 0 : slots.title)));
+        const ns = (0, use_namespace_1.useNamespace)('dialog');
+        const dialogRef = (0, signals_1.signal)();
+        const headerRef = (0, signals_1.signal)();
+        const dialogContentRef = (0, signals_1.signal)();
+        const { visible, titleId, bodyId, style, overlayDialogStyle, rendered, zIndex, afterEnter, afterLeave, beforeLeave, handleClose, onModalClick, onOpenAutoFocus, onCloseAutoFocus, onCloseRequested, onFocusoutPrevented, } = (0, use_dialog_1.useDialog)(props, dialogRef);
+        (0, framework_1.provide)(constants_1.dialogInjectionKey, {
+            dialogRef,
+            headerRef,
+            bodyId,
+            ns,
+            rendered,
+            style,
+        });
+        const overlayEvent = (0, use_same_target_1.useSameTarget)(onModalClick);
+        const draggable = (0, signals_1.computed)(() => props.draggable && !props.fullscreen);
+        const resetPosition = () => {
+            var _a, _b;
+            (_b = (_a = dialogContentRef.get()) === null || _a === void 0 ? void 0 : _a.resetPosition) === null || _b === void 0 ? void 0 : _b.call(_a);
+        };
+        (0, framework_1.defineExpose)({
+            /** @description whether the dialog is visible */
+            visible,
+            dialogContentRef,
+            resetPosition,
+        });
+        this.addChild(new base_1.TdTeleport({
+            to: props.appendTo,
+            disabled: props.appendTo !== 'body' ? false : !props.appendToBody,
+            slot: new framework_1.Transition({
+                name: 'dialog-fade',
+                onAfterEnter: afterEnter,
+                onAfterLeave: afterLeave,
+                onBeforeLeave: beforeLeave,
+                slot: new td_overlay_class_1.TdOverlay({
+                    vShow: visible,
+                    customMaskEvent: true,
+                    mask: props.modal,
+                    overlayClass: props.modalClass,
+                    attrObj: {
+                        zIndex: zIndex,
+                    },
+                    slot: new framework_1.Div({
+                        styleObj: overlayDialogStyle,
+                        attrObj: {
+                            role: 'dialog',
+                            ariaModal: true,
+                            ariaLabel: props.title,
+                            ariaLabelledby: !props.title ? titleId.get() : undefined,
+                            ariaDescribedby: bodyId.get(),
+                            class: `${ns.namespace.get()}-overlay-dialog`,
+                        },
+                        events: {
+                            click: overlayEvent.onClick,
+                            mousedown: overlayEvent.onMousedown,
+                            mouseup: overlayEvent.onMouseup,
+                        },
+                        slot: new td_focus_trap_class_1.TdFocusTrap({
+                            loop: true,
+                            trapped: visible,
+                            focusStartEl: 'container',
+                            events: {
+                                // 应该时监听自定义事件
+                                focusAfterTrapped: onOpenAutoFocus,
+                                focusAfterReleased: onCloseAutoFocus,
+                                focusoutPrevented: onFocusoutPrevented,
+                                releaseRequested: onCloseRequested,
+                            },
+                            slot: () => {
+                                var _a, _b, _c;
+                                return new td_dialog_content_class_1.TdDialogContent({
+                                    vIf: rendered,
+                                    refEl: dialogContentRef,
+                                    // v-bind: $attr
+                                    center: props.center,
+                                    alignCenter: props.alignCenter,
+                                    closeIcon: props.closeIcon,
+                                    draggable: draggable.get(),
+                                    overflow: props.overflow,
+                                    fullscreen: props.fullscreen,
+                                    headerClass: props.headerClass,
+                                    bodyClass: props.bodyClass,
+                                    footerClass: props.footerClass,
+                                    showClose: props.showClose,
+                                    title: props.title,
+                                    ariaLevel: props.headerAriaLevel,
+                                    emits: {
+                                        close: handleClose,
+                                    },
+                                    slot: (_a = props.slot) !== null && _a !== void 0 ? _a : (_b = props.slots) === null || _b === void 0 ? void 0 : _b.default,
+                                    slots: {
+                                        header: !(slots === null || slots === void 0 ? void 0 : slots.title)
+                                            ? (_c = slots === null || slots === void 0 ? void 0 : slots.header) === null || _c === void 0 ? void 0 : _c.call(slots, {
+                                                close: handleClose,
+                                                titleId: titleId.get(),
+                                                titleClass: ns.e('title'),
+                                            })
+                                            : slots === null || slots === void 0 ? void 0 : slots.title,
+                                        footer: slots === null || slots === void 0 ? void 0 : slots.footer,
+                                    },
+                                });
+                            },
+                        }),
+                    }),
+                }),
+            }),
+        }));
     }
 }
 exports.TdDialog = TdDialog;

package/src/components/feedback/td-dialog/td-dialog.const.d.ts

@@ -0,0 +1,11 @@
+import { DialogProps } from './td-dialog.interface';
+export declare const dialogProps: DialogProps;
+export declare const dialogEmits: {
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    "update:modelValue": (value: boolean) => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+};

package/src/components/feedback/td-dialog/td-dialog.const.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogEmits = exports.dialogProps = void 0;
+const utils_1 = require("@type-dom/utils");
+const event_1 = require("../../../constants/event");
+// import { dialogContentProps } from '../td-dialog-content/td-dialog-content.const';
+exports.dialogProps = {
+    showClose: true,
+    title: '',
+    ariaLevel: '2',
+    // ...dialogContentProps,
+    appendTo: 'body',
+    closeOnClickModal: true,
+    closeOnPressEscape: true,
+    lockScroll: true,
+    modal: true,
+    openDelay: 0,
+    closeDelay: 0,
+    headerAriaLevel: '2',
+};
+exports.dialogEmits = {
+    open: () => true,
+    opened: () => true,
+    close: () => true,
+    closed: () => true,
+    [event_1.UPDATE_MODEL_EVENT]: (value) => (0, utils_1.isBoolean)(value),
+    openAutoFocus: () => true,
+    closeAutoFocus: () => true,
+};