@type-dom/ui 0.2.2 → 0.3.0

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

@@ -0,0 +1,4 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-dialog.css';
+import '@element-plus/components/overlay/style/css';
+//# sourceMappingURL=css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-dialog/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC;AACjD,OAAO,4CAA4C,CAAC"}

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

@@ -0,0 +1,4 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/dialog.scss';
+import '../../../../components/feedback/td-overlay/style';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-dialog/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,kDAAkD,CAAC"}

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

@@ -0,0 +1,4 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/dialog.scss';
+import '../../../../components/feedback/td-overlay/style';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-dialog/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,kDAAkD,CAAC"}

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

@@ -0,0 +1,16 @@
+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';
+    props: DialogContentProps & DialogProps;
+    visible?: Signal<boolean>;
+    dialogContentRef?: Signal<TdDialogContent | undefined>;
+    resetPosition?: () => void;
+    constructor(params?: DialogProps & DialogContentProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-dialog.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-dialog.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-dialog/td-dialog.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,YAAY,EACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAY,MAAM,EAAU,MAAM,mBAAmB,CAAC;AAO7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAI/E,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,eAAe,CAAC;AAGvB,qBAAa,QAAS,SAAQ,YAAa,YAAW,SAAS;IAC7D,SAAS,EAAE,UAAU,CAAC;IAEb,KAAK,EAAE,kBAAkB,GAAG,WAAW,CAAC;IAGjD,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;gBAEf,MAAM,GAAE,WAAW,GAAG,kBAAuB;IAShD,KAAK;CAsJf"}

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

@@ -0,0 +1,143 @@
+import { defineExpose, provide, useSlots, Div, Transition, TypeFragment, } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { useSameTarget } from '../../../hooks/use-same-target';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { dialogEmits, dialogProps } from './td-dialog.const';
+import { useDeprecated } from '../../../hooks/use-deprecated';
+import { TdTeleport } from '../../base';
+import { TdOverlay } from '../td-overlay/td-overlay.class';
+import { TdDialogContent } from '../td-dialog-content/td-dialog-content.class';
+import { TdFocusTrap } from '../td-focus-trap/td-focus-trap.class';
+import { dialogInjectionKey } from './constants';
+import { useDialog } from './use-dialog';
+import './style/index';
+// todo 最外层是 Teleport
+export class TdDialog extends TypeFragment {
+    constructor(params = {}) {
+        super();
+        // console.log('TdDialog . ');
+        this.className = 'TdDialog';
+        this.addEmits(dialogEmits);
+        this.assignProps(dialogProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        const props = this.props;
+        // const emit = this.emit;
+        const slots = useSlots();
+        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',
+        }, computed(() => !!(slots === null || slots === void 0 ? void 0 : slots.title)));
+        const ns = useNamespace('dialog');
+        const dialogRef = signal();
+        const headerRef = signal();
+        const dialogContentRef = signal();
+        const { visible, titleId, bodyId, style, overlayDialogStyle, rendered, zIndex, afterEnter, afterLeave, beforeLeave, handleClose, onModalClick, onOpenAutoFocus, onCloseAutoFocus, onCloseRequested, onFocusoutPrevented, } = useDialog(props, dialogRef);
+        provide(dialogInjectionKey, {
+            dialogRef,
+            headerRef,
+            bodyId,
+            ns,
+            rendered,
+            style,
+        });
+        const overlayEvent = useSameTarget(onModalClick);
+        const draggable = 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);
+        };
+        defineExpose({
+            /** @description whether the dialog is visible */
+            visible,
+            dialogContentRef,
+            resetPosition,
+        });
+        this.addChild(new TdTeleport({
+            to: props.appendTo,
+            disabled: props.appendTo !== 'body' ? false : !props.appendToBody,
+            slot: new Transition({
+                name: 'dialog-fade',
+                onAfterEnter: afterEnter,
+                onAfterLeave: afterLeave,
+                onBeforeLeave: beforeLeave,
+                slot: new TdOverlay({
+                    vShow: visible,
+                    customMaskEvent: true,
+                    mask: props.modal,
+                    overlayClass: props.modalClass,
+                    attrObj: {
+                        zIndex: zIndex,
+                    },
+                    slot: new Div({
+                        class: `${ns.namespace.get()}-overlay-dialog`,
+                        styleObj: overlayDialogStyle,
+                        attrObj: {
+                            role: 'dialog',
+                            ariaModal: true,
+                            ariaLabel: props.title,
+                            ariaLabelledby: !props.title ? titleId.get() : undefined,
+                            ariaDescribedby: bodyId.get(),
+                        },
+                        events: {
+                            click: overlayEvent.onClick,
+                            mousedown: overlayEvent.onMousedown,
+                            mouseup: overlayEvent.onMouseup,
+                        },
+                        slot: new TdFocusTrap({
+                            loop: true,
+                            trapped: visible,
+                            focusStartEl: 'container',
+                            events: {
+                                // 应该时监听自定义事件
+                                focusAfterTrapped: onOpenAutoFocus,
+                                focusAfterReleased: onCloseAutoFocus,
+                                focusoutPrevented: onFocusoutPrevented,
+                                releaseRequested: onCloseRequested,
+                            },
+                            slot: () => {
+                                var _a, _b, _c;
+                                return new TdDialogContent({
+                                    vIf: rendered,
+                                    refEl: dialogContentRef,
+                                    // v-bind: $attr
+                                    center: props.center,
+                                    alignCenter: props.alignCenter,
+                                    closeIcon: props.closeIcon,
+                                    draggable: draggable,
+                                    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,
+                                    },
+                                });
+                            },
+                        }),
+                    }),
+                }),
+            }),
+        }));
+    }
+}
+//# sourceMappingURL=td-dialog.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-dialog.class.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-dialog/td-dialog.class.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+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;
+};
+//# sourceMappingURL=td-dialog.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-dialog.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-dialog/td-dialog.const.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,eAAO,MAAM,WAAW,EAAE,WAazB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;iCAKQ,OAAO;;;CAGtC,CAAC"}

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

@@ -0,0 +1,27 @@
+import { isBoolean } from '@type-dom/utils';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event';
+// import { dialogContentProps } from '../td-dialog-content/td-dialog-content.const';
+export const dialogProps = {
+    showClose: true,
+    title: '',
+    ariaLevel: '2',
+    // ...dialogContentProps,
+    appendTo: 'body',
+    closeOnClickModal: true,
+    closeOnPressEscape: true,
+    lockScroll: true,
+    modal: true,
+    openDelay: 0,
+    closeDelay: 0,
+    headerAriaLevel: '2',
+};
+export const dialogEmits = {
+    open: () => true,
+    opened: () => true,
+    close: () => true,
+    closed: () => true,
+    [UPDATE_MODEL_EVENT]: (value) => isBoolean(value),
+    openAutoFocus: () => true,
+    closeAutoFocus: () => true,
+};
+//# sourceMappingURL=td-dialog.const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-dialog.const.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-dialog/td-dialog.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,qFAAqF;AAErF,MAAM,CAAC,MAAM,WAAW,GAAgB;IACtC,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,GAAG;IACd,yBAAyB;IACzB,QAAQ,EAAE,MAAM;IAChB,iBAAiB,EAAE,IAAI;IACvB,kBAAkB,EAAE,IAAI;IACxB,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,CAAC;IACb,eAAe,EAAE,GAAG;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI;IAChB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;IAClB,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;IAClB,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;IAC1D,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI;IACzB,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI;CAC3B,CAAC"}

package/dist/src/components/feedback/td-dialog/td-dialog.interface.d.ts

@@ -0,0 +1,84 @@
+import { ITypeElement, TypeFragmentProps } from '@type-dom/framework';
+import { DialogContentProps } from '../td-dialog-content/td-dialog-content.interface';
+export interface ITdDialog extends ITypeElement {
+    className: 'TdDialog';
+}
+type DoneFn = (cancel?: boolean) => void;
+export type DialogBeforeCloseFn = (done: DoneFn) => void;
+export interface DialogProps extends TypeFragmentProps, Omit<DialogContentProps, 'nodeName' | 'slots'> {
+    /**
+     * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`
+     */
+    appendToBody?: boolean;
+    /**
+     * @description which element the Dialog appends to
+     *     default: 'body',
+     */
+    appendTo?: string;
+    /**
+     * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog
+     */
+    beforeClose?: DialogBeforeCloseFn;
+    /**
+     * @description destroy elements in Dialog when closed
+     */
+    destroyOnClose?: boolean;
+    /**
+     * @description whether the Dialog can be closed by clicking the mask
+     *     default: true,
+     */
+    closeOnClickModal?: boolean;
+    /**
+     * @description whether the Dialog can be closed by pressing ESC
+     *     default: true,
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * @description whether scroll of body is disabled while Dialog is displayed
+     *     default: true,
+     */
+    lockScroll?: boolean;
+    /**
+     * @description whether a mask is displayed
+     *     default: true,
+     */
+    modal?: boolean;
+    /**
+     * @description the Time(milliseconds) before open
+     *     default: 0,
+     */
+    openDelay?: number;
+    /**
+     * @description the Time(milliseconds) before close
+     *     default: 0,
+     */
+    closeDelay?: number;
+    /**
+     * @description value for `margin-top` of Dialog CSS, default is 15vh
+     */
+    top?: string;
+    /**
+     * @description visibility of Dialog
+     */
+    modelValue?: boolean;
+    /**
+     * @description custom class names for mask
+     */
+    modalClass?: string;
+    /**
+     * @description width of Dialog, default is 50%
+     */
+    width?: string | number;
+    /**
+     * @description same as z-index in native CSS, z-order of dialog
+     */
+    zIndex?: number;
+    trapFocus?: boolean;
+    /**
+     * @description header's aria-level attribute
+     *     default: '2',
+     */
+    headerAriaLevel?: string;
+}
+export {};
+//# sourceMappingURL=td-dialog.interface.d.ts.map

package/dist/src/components/feedback/td-dialog/td-dialog.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-dialog.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-dialog/td-dialog.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAEtF,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,SAAS,EAAE,UAAU,CAAC;CACvB;AAED,KAAK,MAAM,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;AACzC,MAAM,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAEzD,MAAM,WAAW,WACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,OAAO,CAAC;IAChD;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB;;OAEG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAGlC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/src/components/feedback/td-dialog/td-dialog.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=td-dialog.interface.js.map

package/dist/src/components/feedback/td-dialog/td-dialog.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-dialog.interface.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-dialog/td-dialog.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,21 @@
+import { IStyle } from '@type-dom/css-type';
+export declare const $dialog: {
+    width: string;
+    marginTop: string;
+    bgColor: string;
+    boxShadow: string;
+    titleFontSize: string;
+    contentFontSize: string;
+    fontLineHeight: string;
+    paddingPrimary: string;
+    borderRadius: string;
+};
+export declare const $dialogStyle: IStyle;
+export declare const $dialogHeaderStyle: IStyle;
+export declare const $dialogHeaderCloseStyle: IStyle;
+export declare const $dialogHeaderBtn: IStyle;
+export declare const $dialogTitleStyle: IStyle;
+export declare const $dialogBodyStyle: IStyle;
+export declare const $dialogFooterStyle: IStyle;
+export declare const $dialogOverlayStyle: IStyle;
+//# sourceMappingURL=td-dialog.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-dialog.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-dialog/td-dialog.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAW5C,eAAO,MAAM,OAAO;;;;;;;;;;CAenB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAgB1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAEhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAGrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAgB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAO/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAK9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAKhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAOjC,CAAC"}

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

@@ -0,0 +1,87 @@
+import { $bgColor, $borderRadius, $boxShadow, $fontLineHeightPrimary, $fontSizes, $textColor, } from '../../../styles/var';
+import { $message } from '../td-message/td-message.style';
+export const $dialog = {
+    width: '50%',
+    marginTop: '15vh',
+    // bgColor: getCssVar('bg-color'),
+    bgColor: $bgColor.default,
+    // boxShadow: getCssVar('box-shadow'),
+    boxShadow: $boxShadow.default,
+    // titleFontSize: getCssVar('font-size-large'),
+    titleFontSize: $fontSizes.large,
+    contentFontSize: '14px',
+    // fontLineHeight: getCssVar('font-line-height-primary'),
+    fontLineHeight: $fontLineHeightPrimary,
+    paddingPrimary: '16px',
+    // borderRadius: getCssVar('border-radius-small'),
+    borderRadius: $borderRadius.small,
+};
+export const $dialogStyle = {
+    position: 'relative',
+    // margin: var(#{getCssVarName('dialog-margin-top')}, 15vh) auto 50px,
+    margin: $dialog.marginTop + ' auto 50px',
+    // background: getCssVar('dialog', 'bg-color'),
+    background: $dialog.bgColor,
+    // borderRadius: getCssVar('dialog', 'border-radius'),
+    borderRadius: $dialog.borderRadius,
+    // boxShadow: getCssVar('dialog', 'box-shadow'),
+    boxShadow: $dialog.boxShadow,
+    boxSizing: 'border-box',
+    // padding: getCssVar('dialog', 'padding-primary'),
+    padding: $dialog.paddingPrimary,
+    // width: var(#{getCssVarName('dialog-width')}, 50%),
+    width: $dialog.width,
+    overflowWrap: 'break-word',
+};
+export const $dialogHeaderStyle = {
+    paddingBottom: $dialog.paddingPrimary,
+};
+export const $dialogHeaderCloseStyle = {
+    paddingRight: 'calc(' + $dialog.paddingPrimary + ' + ' + $message.closeSize + ')',
+};
+export const $dialogHeaderBtn = {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    padding: 0,
+    width: '48px',
+    height: '48px',
+    background: 'transparent',
+    border: 'none',
+    outline: 'none',
+    cursor: 'pointer',
+    //   font-size: var(
+    //   #{getCssVarName('message-close-size')},
+    //   map.get($message, 'close-size')
+    // );
+    fontSize: $message.closeSize,
+};
+export const $dialogTitleStyle = {
+    // lineHeight: getCssVar('dialog-font-line-height'),
+    lineHeight: $dialog.fontLineHeight,
+    // fontSize: getCssVar('dialog-title-font-size'),
+    fontSize: $dialog.titleFontSize,
+    // color: getCssVar('text-color', 'primary'),
+    color: $textColor.primary,
+};
+export const $dialogBodyStyle = {
+    // color: getCssVar('text-color', 'regular'),
+    color: $textColor.regular,
+    // font-size: getCssVar('dialog-content-font-size'),
+    fontSize: $dialog.contentFontSize,
+};
+export const $dialogFooterStyle = {
+    paddingTop: $dialog.paddingPrimary,
+    // padding-top: getCssVar('dialog', 'padding-primary'),
+    textAlign: 'right',
+    boxSizing: 'border-box',
+};
+export const $dialogOverlayStyle = {
+    position: 'fixed',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    overflow: 'auto',
+};
+//# sourceMappingURL=td-dialog.style.js.map

package/dist/src/components/feedback/td-dialog/td-dialog.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-dialog.style.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-dialog/td-dialog.style.ts"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,UAAU,EACV,sBAAsB,EACtB,UAAU,EACV,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,MAAM;IACjB,kCAAkC;IAClC,OAAO,EAAE,QAAQ,CAAC,OAAO;IACzB,sCAAsC;IACtC,SAAS,EAAE,UAAU,CAAC,OAAO;IAC7B,+CAA+C;IAC/C,aAAa,EAAE,UAAU,CAAC,KAAK;IAC/B,eAAe,EAAE,MAAM;IACvB,yDAAyD;IACzD,cAAc,EAAE,sBAAsB;IACtC,cAAc,EAAE,MAAM;IACtB,kDAAkD;IAClD,YAAY,EAAE,aAAa,CAAC,KAAK;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAW;IAClC,QAAQ,EAAE,UAAU;IACpB,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAC,SAAS,GAAG,YAAY;IACxC,+CAA+C;IAC/C,UAAU,EAAE,OAAO,CAAC,OAAO;IAC3B,sDAAsD;IACtD,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,gDAAgD;IAChD,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,SAAS,EAAE,YAAY;IACvB,mDAAmD;IACnD,OAAO,EAAE,OAAO,CAAC,cAAc;IAC/B,qDAAqD;IACrD,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,YAAY,EAAE,YAAY;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAW;IACxC,aAAa,EAAE,OAAO,CAAC,cAAc;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAW;IAC7C,YAAY,EACV,OAAO,GAAG,OAAO,CAAC,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAC,SAAS,GAAG,GAAG;CACtE,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,oBAAoB;IACpB,4CAA4C;IAC5C,oCAAoC;IACpC,KAAK;IACL,QAAQ,EAAE,QAAQ,CAAC,SAAS;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAW;IACvC,oDAAoD;IACpD,UAAU,EAAE,OAAO,CAAC,cAAc;IAClC,iDAAiD;IACjD,QAAQ,EAAE,OAAO,CAAC,aAAa;IAC/B,6CAA6C;IAC7C,KAAK,EAAE,UAAU,CAAC,OAAO;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,6CAA6C;IAC7C,KAAK,EAAE,UAAU,CAAC,OAAO;IACzB,oDAAoD;IACpD,QAAQ,EAAE,OAAO,CAAC,eAAe;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAW;IACxC,UAAU,EAAE,OAAO,CAAC,cAAc;IAClC,uDAAuD;IACvD,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAW;IACzC,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,MAAM;CACjB,CAAC"}

package/dist/src/components/feedback/td-dialog/use-dialog.d.ts

@@ -0,0 +1,25 @@
+import { IStyle } from '@type-dom/css-type';
+import { Ref } from '@type-dom/signals';
+import { DialogProps } from './td-dialog.interface';
+export declare const useDialog: (props: DialogProps, targetRef: Ref<HTMLElement | undefined>) => {
+    afterEnter: () => void;
+    afterLeave: () => void;
+    beforeLeave: () => void;
+    handleClose: () => void;
+    onModalClick: () => void;
+    close: () => void;
+    doClose: () => void;
+    onOpenAutoFocus: () => void;
+    onCloseAutoFocus: () => void;
+    onCloseRequested: () => void;
+    onFocusoutPrevented: (event?: CustomEvent) => void;
+    titleId: import("@type-dom/signals").Computed<string>;
+    bodyId: import("@type-dom/signals").Computed<string>;
+    closed: import("@type-dom/signals").Signal<boolean>;
+    style: import("@type-dom/signals").Computed<IStyle<string | 0, string>>;
+    overlayDialogStyle: import("@type-dom/signals").Computed<IStyle<string | 0, string>>;
+    rendered: import("@type-dom/signals").Signal<boolean>;
+    visible: import("@type-dom/signals").Signal<boolean>;
+    zIndex: import("@type-dom/signals").Signal<number>;
+};
+//# sourceMappingURL=use-dialog.d.ts.map

package/dist/src/components/feedback/td-dialog/use-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-dialog/use-dialog.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAY,GAAG,EAAiB,MAAM,mBAAmB,CAAC;AAajE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAO,MAAM,SAAS,UACb,WAAW,aACP,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC;;;;;;;;;;;kCAmHF,WAAW;;;;;;;;;CAuFjD,CAAC"}