@type-dom/ui 0.1.3 → 0.2.0

package/src/components/feedback/td-message-box/td-message-box.interface.d.ts

@@ -1,173 +0,0 @@
-import { InputEnum, ITypeFragment, TypeFragmentProps, TypeSvgSvg, TypeNode } from '@type-dom/framework';
-import { IStyle } from '@type-dom/css-type';
-import { ComponentSize } from '../../../constants/size';
-import { TdInput } from '../../form';
-import { MaybeRef, Signal } from '@type-dom/signals';
-export interface ITdMessageBox extends ITypeFragment {
-    className: 'TdMessageBox';
-    props: MessageBoxProps;
-}
-export interface MessageBoxProps extends TypeFragmentProps, TdMessageBoxOptions, MessageBoxState {
-    buttonSize?: ComponentSize;
-    modal?: boolean;
-    lockScroll?: boolean;
-    showClose?: boolean;
-    closeOnClickModal?: boolean;
-    closeOnPressEscape?: boolean;
-    closeOnHashChange?: boolean;
-    center?: boolean;
-    draggable?: boolean;
-    overflow?: boolean;
-    roundButton?: boolean;
-    container?: string;
-    boxType?: IMessageBoxType;
-}
-type MessageType = '' | 'success' | 'warning' | 'info' | 'error';
-export type IMessageBoxType = '' | 'prompt' | 'alert' | 'confirm';
-export type MessageBoxData = IMessageBoxInputData & Action;
-export type Action = 'confirm' | 'close' | 'cancel';
-export interface IMessageBoxInputData {
-    value: string;
-    input?: TdInput;
-    action?: Action;
-}
-export interface MessageBoxInputValidator {
-    (value?: string | number): boolean | string;
-}
-export declare interface MessageBoxState {
-    autofocus?: boolean;
-    title?: string | TdMessageBoxOptions;
-    message?: string | TypeNode;
-    type?: MessageType;
-    icon?: typeof TypeSvgSvg;
-    customClass?: string;
-    customStyle?: IStyle;
-    showInput?: boolean;
-    inputValue?: Signal<string>;
-    inputPlaceholder?: string;
-    inputType?: keyof typeof InputEnum | 'textarea';
-    inputPattern?: RegExp;
-    inputValidator?: MessageBoxInputValidator;
-    inputErrorMessage?: string;
-    showConfirmButton?: boolean;
-    showCancelButton?: boolean;
-    action?: Action;
-    dangerouslyUseHTMLString?: boolean;
-    confirmButtonText?: MaybeRef<string>;
-    cancelButtonText?: MaybeRef<string>;
-    confirmButtonLoading?: boolean;
-    cancelButtonLoading?: boolean;
-    confirmButtonLoadingIcon?: TypeSvgSvg;
-    cancelButtonLoadingIcon?: TypeSvgSvg;
-    confirmButtonClass?: string;
-    confirmButtonDisabled?: boolean;
-    cancelButtonClass?: string;
-    editorErrorMessage?: Signal<string>;
-    beforeClose?: (action: Action, instance: MessageBoxState, done: () => void) => void;
-    callback?: Callback;
-    distinguishCancelAndClose?: boolean;
-    modalFade?: boolean;
-    modalClass?: string;
-    isOnComposition?: false;
-    validateError?: boolean;
-    zIndex?: number;
-}
-export type Callback = (action: Action) => void;
-/** Options used in MessageBox */
-export interface TdMessageBoxOptions {
-    /**
-     * auto focus when open message-box
-     */
-    autofocus?: boolean;
-    /** Callback before MessageBox closes, and it will prevent MessageBox from closing */
-    beforeClose?: (action: Action, instance: MessageBoxState, done: () => void) => void;
-    /** Custom class name for MessageBox */
-    customClass?: string;
-    /** Custom inline style for MessageBox */
-    customStyle?: IStyle;
-    /** modal class name for MessageBox */
-    modalClass?: string;
-    /** MessageBox closing callback if you don't prefer Promise */
-    callback?: Callback;
-    /** Text content of cancel button, need to reactivity */
-    cancelButtonText?: MaybeRef<string>;
-    /** Text content of confirm button,  need to reactivity*/
-    confirmButtonText?: MaybeRef<string>;
-    /** Loading Icon content of cancel button */
-    cancelButtonLoadingIcon?: TypeSvgSvg;
-    /** Loading Icon content of confirm button */
-    confirmButtonLoadingIcon?: TypeSvgSvg;
-    /** Custom class name of cancel button */
-    cancelButtonClass?: string;
-    /** Custom class name of confirm button */
-    confirmButtonClass?: string;
-    /** Whether to align the content in center */
-    center?: boolean;
-    /** Whether MessageBox can be drag */
-    draggable?: boolean;
-    /** Draggable MessageBox can overflow the viewport */
-    overflow?: boolean;
-    /** Content of the MessageBox */
-    message?: string | TypeNode;
-    /** Title of the MessageBox */
-    title?: string | TdMessageBoxOptions;
-    /** Message type, used for icon display */
-    type?: MessageType;
-    /** Message box type */
-    boxType?: IMessageBoxType;
-    /** Custom icon component */
-    icon?: typeof TypeSvgSvg;
-    /** Whether message is treated as HTML string */
-    dangerouslyUseHTMLString?: boolean;
-    /** Whether to distinguish canceling and closing */
-    distinguishCancelAndClose?: boolean;
-    /** Whether to lock body scroll when MessageBox prompts */
-    lockScroll?: boolean;
-    /** Whether to show a cancel button */
-    showCancelButton?: boolean;
-    /** Whether to show a confirm button */
-    showConfirmButton?: boolean;
-    /** Whether to show a close button */
-    showClose?: boolean;
-    /** Whether to use round button */
-    roundButton?: boolean;
-    /** Whether MessageBox can be closed by clicking the mask */
-    closeOnClickModal?: boolean;
-    /** Whether MessageBox can be closed by pressing the ESC */
-    closeOnPressEscape?: boolean;
-    /** Whether to close MessageBox when hash changes */
-    closeOnHashChange?: boolean;
-    /** Whether to show an input */
-    showInput?: boolean;
-    /** Placeholder of input */
-    inputPlaceholder?: string;
-    /** Initial value of input */
-    inputValue?: Signal<string>;
-    /** Regexp for the input */
-    inputPattern?: RegExp;
-    /** Input Type: text, textArea, password or number */
-    inputType?: keyof typeof InputEnum | 'textarea';
-    /** Validation function for the input. Should returns a boolean or string. If a string is returned, it will be assigned to inputErrorMessage */
-    inputValidator?: MessageBoxInputValidator;
-    /** Error message when validation fails */
-    inputErrorMessage?: string;
-    /** Custom size of confirm and cancel buttons */
-    buttonSize?: ComponentSize;
-    /** Custom element to append the message box to */
-    appendTo?: HTMLElement | string;
-}
-export type TdMessageBoxShortcutMethod = ((message: TdMessageBoxOptions['message'], options?: TdMessageBoxOptions) => Promise<MessageBoxData>) & ((message: TdMessageBoxOptions['message'], title: TdMessageBoxOptions['title'], options?: TdMessageBoxOptions) => Promise<MessageBoxData>);
-export interface ITdMessageBoxFn {
-    /** Show a message box */
-    /** Show a message box */
-    (options: TdMessageBoxOptions): Promise<MessageBoxData>;
-    /** Show an alert message box */
-    alert: TdMessageBoxShortcutMethod;
-    /** Show a confirm message box */
-    confirm: TdMessageBoxShortcutMethod;
-    /** Show a prompt message box */
-    prompt: TdMessageBoxShortcutMethod;
-    /** Close current message box */
-    close(): void;
-}
-export {};

package/src/components/feedback/td-message-box/td-message-box.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/components/feedback/td-message-box/td-message-box.style.d.ts

@@ -1,36 +0,0 @@
-import { IStyle } from '@type-dom/css-type';
-import { TdMessageBoxOptions } from './td-message-box.interface';
-export declare const $messageBox: {
-    titleColor: string;
-    width: string;
-    borderRadius: string;
-    boxShadow: {
-        '': string;
-        default: string;
-        light: string;
-        lighter: string;
-        dark: string;
-    };
-    fontSize: string;
-    contentFontSize: string;
-    contentColor: string;
-    errorFontSize: string;
-    paddingPrimary: string;
-    fontLineHeight: string;
-};
-export declare const $messageBoxStyle: IStyle;
-export declare const $messageBoxOverlayStyle: IStyle;
-export declare const $messageBoxHeaderStyle: IStyle;
-export declare const $messageBoxHeaderCloseStyle: IStyle;
-export declare const $messageBoxTitleStyle: IStyle;
-export declare const $messageBoxHeaderBtnStyle: IStyle;
-export declare const $messageBoxContentStyle: IStyle;
-export declare const $messageBoxContainerStyle: IStyle;
-export declare const $messageBoxInputStyle: IStyle;
-export declare const $messageBoxStatusStyle: IStyle;
-export declare const $messageBoxMessageStyle: IStyle;
-export declare const $messageBoxMessagePStyle: IStyle;
-export declare const $messageBoxErrorMsgStyle: IStyle;
-export declare const $messageBoxBtnsStyle: IStyle;
-export declare function useStyle(config?: TdMessageBoxOptions): void;
-export declare function useType(config?: TdMessageBoxOptions): void;

package/src/components/feedback/td-message-box/td-message-box.style.js

@@ -1,183 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$messageBoxBtnsStyle = exports.$messageBoxErrorMsgStyle = exports.$messageBoxMessagePStyle = exports.$messageBoxMessageStyle = exports.$messageBoxStatusStyle = exports.$messageBoxInputStyle = exports.$messageBoxContainerStyle = exports.$messageBoxContentStyle = exports.$messageBoxHeaderBtnStyle = exports.$messageBoxTitleStyle = exports.$messageBoxHeaderCloseStyle = exports.$messageBoxHeaderStyle = exports.$messageBoxOverlayStyle = exports.$messageBoxStyle = exports.$messageBox = void 0;
-exports.useStyle = useStyle;
-exports.useType = useType;
-const var_1 = require("../../../styles/var");
-const td_message_style_1 = require("../td-message/td-message.style");
-exports.$messageBox = {
-    // 'title-color': getCssVar('text-color-primary'),
-    titleColor: var_1.$textColor.primary,
-    width: '420px',
-    borderRadius: '4px',
-    // 'box-shadow': getCssVar('box-shadow'),
-    boxShadow: var_1.$boxShadow,
-    // 'font-size': getCssVar('font-size-large'),
-    fontSize: var_1.$fontSizes.large,
-    // 'content-font-size': getCssVar('font-size-base'),
-    contentFontSize: var_1.$fontSizes.base,
-    // 'content-color': getCssVar('text-color-regular'),
-    contentColor: var_1.$textColor.regular,
-    errorFontSize: '12px',
-    paddingPrimary: '12px',
-    // 'font-line-height': getCssVar('font-line-height-primary'),
-    fontLineHeight: var_1.$fontLineHeightPrimary,
-};
-exports.$messageBoxStyle = {
-    display: 'inline-block',
-    position: 'relative',
-    // max-width: getCssVar('messagebox-width'),
-    maxWidth: exports.$messageBox.width,
-    width: '100%',
-    // padding: getCssVar('messagebox-padding-primary'),
-    padding: exports.$messageBox.paddingPrimary,
-    verticalAlign: 'middle',
-    // background-color: getCssVar('bg-color'),
-    backgroundColor: var_1.$bgColor.default,
-    // border-radius: getCssVar('messagebox-border-radius'),
-    borderRadius: exports.$messageBox.borderRadius,
-    // font-size: getCssVar('messagebox-font-size'),
-    fontSize: exports.$messageBox.fontSize,
-    // box-shadow: getCssVar('messagebox-box-shadow'),
-    boxShadow: exports.$messageBox.boxShadow.default,
-    textAlign: 'left',
-    overflow: 'hidden',
-    backfaceVisibility: 'hidden',
-    // To avoid small screen overflowing, see #1191,
-    boxSizing: 'border-box',
-    overflowWrap: 'break-word',
-};
-exports.$messageBoxOverlayStyle = {
-    textAlign: 'center',
-    position: 'fixed',
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    padding: '16px',
-    overflow: 'auto',
-};
-exports.$messageBoxHeaderStyle = {
-    // paddingBottom: getCssVar('messagebox-padding-primary');
-    paddingBottom: exports.$messageBox.paddingPrimary,
-};
-const $messageCloseSize = td_message_style_1.$message.closeSize;
-exports.$messageBoxHeaderCloseStyle = {
-    //   padding-right: calc(
-    //   getCssVar('messagebox-padding-primary') +
-    // var(
-    //   #{getCssVarName('message-close-size')},
-    //   map.get($message, 'close-size')
-    // )
-    paddingRight: parseInt(exports.$messageBox.paddingPrimary) + parseInt(td_message_style_1.$message.closeSize) + 'px',
-};
-exports.$messageBoxTitleStyle = {
-    //   font-size: getCssVar('messagebox-font-size');
-    fontSize: exports.$messageBox.fontSize,
-    // line-height: getCssVar('messagebox-font-line-height');
-    lineHeight: exports.$messageBox.fontLineHeight,
-    // color: getCssVar('messagebox-title-color');
-    color: exports.$messageBox.titleColor,
-};
-exports.$messageBoxHeaderBtnStyle = {
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    padding: 0,
-    width: '40px',
-    height: '40px',
-    border: 'none',
-    outline: 'none',
-    background: 'transparent',
-    // font-size: var(
-    //   #{getCssVarName('message-close-size')},
-    //   map.get($message, 'close-size')
-    // );
-    fontSize: td_message_style_1.$message.closeSize,
-    cursor: 'pointer',
-};
-exports.$messageBoxContentStyle = {
-    // color: getCssVar('messagebox-content-color');
-    color: exports.$messageBox.contentColor,
-    // font-size: getCssVar('messagebox-content-font-size');
-    fontSize: exports.$messageBox.contentFontSize,
-};
-exports.$messageBoxContainerStyle = {
-    display: 'flex',
-    alignItems: 'center',
-    gap: '12px',
-};
-exports.$messageBoxInputStyle = {
-    paddingTop: '12px',
-};
-exports.$messageBoxStatusStyle = {
-    fontSize: '24px',
-};
-exports.$messageBoxMessageStyle = {
-    margin: 0,
-};
-exports.$messageBoxMessagePStyle = {
-    margin: 0,
-    // line-height: getCssVar('messagebox-font-line-height');
-    lineHeight: exports.$messageBox.fontLineHeight,
-};
-exports.$messageBoxErrorMsgStyle = {
-    //   color: getCssVar('color-error');
-    color: var_1.$colors.error.base,
-    //   font-size: getCssVar('messagebox-error-font-size');
-    fontSize: exports.$messageBox.errorFontSize,
-    // line-height: getCssVar('messagebox-font-line-height');
-    lineHeight: exports.$messageBox.fontLineHeight,
-};
-exports.$messageBoxBtnsStyle = {
-    display: 'flex',
-    flexWrap: 'wrap',
-    justifyContent: 'flex-end',
-    alignItems: 'center',
-    // padding-top: getCssVar('messagebox-padding-primary'),
-    paddingTop: exports.$messageBox.paddingPrimary,
-};
-function useStyle(config) {
-    useType(config);
-    const draggable = (config === null || config === void 0 ? void 0 : config.draggable) || false;
-    if (draggable) {
-        exports.$messageBoxHeaderStyle.cursor = 'move';
-        exports.$messageBoxHeaderStyle.userSelect = 'none';
-    }
-    if ((config === null || config === void 0 ? void 0 : config.showClose) !== false) {
-        exports.$messageBoxHeaderCloseStyle.display = 'block';
-        //   $messageBoxHeaderStyle.paddingRight =  calc(
-        //     getCssVar('messagebox-padding-primary') +
-        //   var(
-        //     #{getCssVarName('message-close-size')},
-        //     map.get($message, 'close-size')
-        // )
-        // );
-        exports.$messageBoxHeaderStyle.paddingRight =
-            parseInt(exports.$messageBox.paddingPrimary) + parseInt($messageCloseSize) + 'px';
-    }
-    if (config === null || config === void 0 ? void 0 : config.center) {
-        exports.$messageBoxTitleStyle.display = 'flex';
-        exports.$messageBoxTitleStyle.alignItems = 'center';
-        exports.$messageBoxTitleStyle.justifyContent = 'center';
-        exports.$messageBoxTitleStyle.gap = '6px';
-        exports.$messageBoxStatusStyle.fontSize = 'inherit';
-        exports.$messageBoxBtnsStyle.justifyContent = 'center';
-        exports.$messageBoxContainerStyle.justifyContent = 'center';
-    }
-    else {
-        delete exports.$messageBoxTitleStyle.display;
-        delete exports.$messageBoxTitleStyle.alignItems;
-        delete exports.$messageBoxTitleStyle.justifyContent;
-        delete exports.$messageBoxTitleStyle.gap;
-        exports.$messageBoxStatusStyle.fontSize = '24px';
-        exports.$messageBoxBtnsStyle.justifyContent = 'flex-end';
-        delete exports.$messageBoxContainerStyle.justifyContent;
-    }
-}
-function useType(config) {
-    const type = (config === null || config === void 0 ? void 0 : config.type) || 'info';
-    const $messageBoxColor = var_1.$colors[type].base;
-    // $messageBoxIconStyle.color = $messageBoxColor;
-    exports.$messageBoxStatusStyle.color = $messageBoxColor;
-}

package/src/components/feedback/td-notification/index.d.ts

@@ -1,3 +0,0 @@
-export declare const TdNotification: import("./td-notification.interface").Notify;
-export default TdNotification;
-export type * from './td-notification.interface';

package/src/components/feedback/td-notification/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdNotification = void 0;
-const notify_1 = require("./notify");
-// export const ElNotification = withInstallFunction(Notify, '$notify')
-exports.TdNotification = notify_1.default;
-exports.default = exports.TdNotification;

package/src/components/feedback/td-notification/notify.d.ts

@@ -1,15 +0,0 @@
-import type { NotificationOptions, Notify } from './td-notification.interface';
-import { TypeNode } from '@type-dom/framework';
-import './style/index';
-/**
- * This function gets called when user click `x` button or press `esc` or the time reached its limitation.
- * Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called
- * by @after-leave the DOM element will be removed from the page thus we can no longer fetch the offsetHeight.
- * @param {String} id notification id to be closed
- * @param {Position} position the positioning strategy
- * @param {Function} userOnClose the callback called when close passed by user
- */
-export declare function close(id: string, position: NotificationOptions['position'], userOnClose?: (vm: TypeNode) => void): void;
-export declare function closeAll(): void;
-declare const _default: Notify;
-export default _default;

package/src/components/feedback/td-notification/notify.js

@@ -1,151 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.close = close;
-exports.closeAll = closeAll;
-const utils_1 = require("@type-dom/utils");
-const framework_1 = require("@type-dom/framework");
-const td_notification_class_1 = require("./td-notification.class");
-const td_notification_const_1 = require("./td-notification.const");
-require("./style/index");
-// This should be a queue but considering there were `non-autoclosable` notifications.
-const notifications = {
-    'top-left': [],
-    'top-right': [],
-    'bottom-left': [],
-    'bottom-right': [],
-};
-// the gap size between each notification
-const GAP_SIZE = 16;
-let seed = 1;
-const notify = function (options = {}) {
-    if (!utils_1.isClient)
-        return { close: () => undefined };
-    if ((0, utils_1.isString)(options) || (0, framework_1.isVNode)(options)) {
-        options = { message: options };
-    }
-    const position = (options === null || options === void 0 ? void 0 : options.position) || 'top-right';
-    let verticalOffset = options.offset || 0;
-    notifications[position].forEach(({ vm }) => {
-        var _a;
-        const realDom = (_a = vm.downRealElement) === null || _a === void 0 ? void 0 : _a.dom;
-        verticalOffset += ((realDom === null || realDom === void 0 ? void 0 : realDom.offsetHeight) || 0) + GAP_SIZE;
-    });
-    verticalOffset += GAP_SIZE;
-    const id = `notification_${seed++}`;
-    const userOnClose = options.onClose;
-    const props = Object.assign(Object.assign({}, options), { offset: verticalOffset, id, onClose: () => {
-            close(id, position, userOnClose);
-        } });
-    let appendTo = document.body;
-    if ((0, utils_1.isElement)(options.appendTo)) {
-        appendTo = options.appendTo;
-    }
-    else if ((0, utils_1.isString)(options.appendTo)) {
-        appendTo = document.querySelector(options.appendTo);
-    }
-    // should fallback to default value with a warning
-    if (!(0, utils_1.isElement)(appendTo)) {
-        (0, utils_1.debugWarn)('ElNotification', 'the appendTo option is not an HTMLElement. Falling back to document.body.');
-        appendTo = document.body;
-    }
-    const container = document.createElement('div');
-    // const vm = createVNode(
-    //   NotificationConstructor,
-    //   props,
-    //   isFunction(props.message)
-    //     ? props.message
-    //     : isVNode(props.message)
-    //     ? () => props.message
-    //     : null
-    // )
-    props.emits = {};
-    props.emits.destroy = () => {
-        // render(null, container)
-        // container.removeChild(container.firstElementChild!);
-        vm.unmount();
-    };
-    const vm = new td_notification_class_1.TdNotification(props);
-    // vm.appContext = isUndefined(context) ? notify._context : context
-    // vm.props.emits = {};
-    // clean notification element preventing mem leak
-    // vm.props.emits.destroy = () => {
-    //   // render(null, container)
-    //   // container.removeChild(container.firstElementChild!);
-    //   vm.unmount();
-    // }
-    // instances will remove this item when close function gets called. So we do not need to worry about it.
-    // render(vm, container)
-    vm.mount(container);
-    notifications[position].push({ vm });
-    appendTo.appendChild(container.firstElementChild);
-    return {
-        // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
-        // for out component, so that all closing steps will not be skipped.
-        close: () => {
-            var _a;
-            // ;(vm.component!.exposed as { visible: Ref<boolean> }).visible.value =
-            //   false
-            (_a = vm.visible) === null || _a === void 0 ? void 0 : _a.set(false);
-        },
-    };
-};
-td_notification_const_1.notificationTypes.forEach((type) => {
-    notify[type] = (options = {}) => {
-        if ((0, utils_1.isString)(options) || (0, framework_1.isVNode)(options)) {
-            options = {
-                message: options,
-            };
-        }
-        return notify(Object.assign(Object.assign({}, options), { type }));
-    };
-});
-/**
- * This function gets called when user click `x` button or press `esc` or the time reached its limitation.
- * Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called
- * by @after-leave the DOM element will be removed from the page thus we can no longer fetch the offsetHeight.
- * @param {String} id notification id to be closed
- * @param {Position} position the positioning strategy
- * @param {Function} userOnClose the callback called when close passed by user
- */
-function close(id, position, userOnClose) {
-    var _a;
-    // maybe we can store the index when inserting the vm to notification list.
-    const orientedNotifications = notifications[position];
-    const idx = orientedNotifications.findIndex(({ vm }) => { var _a; return ((_a = vm.props) === null || _a === void 0 ? void 0 : _a.id) === id; });
-    if (idx === -1)
-        return;
-    const { vm } = orientedNotifications[idx];
-    if (!vm)
-        return;
-    // calling user's on close function before notification gets removed from DOM.
-    userOnClose === null || userOnClose === void 0 ? void 0 : userOnClose(vm);
-    // note that this is called @before-leave, that's why we were able to fetch this property.
-    const removedHeight = (_a = vm.divRef.get()) === null || _a === void 0 ? void 0 : _a.offsetHeight;
-    const verticalPos = position === null || position === void 0 ? void 0 : position.split('-')[0];
-    orientedNotifications.splice(idx, 1);
-    const len = orientedNotifications.length;
-    if (len < 1)
-        return;
-    // starting from the removing item.
-    for (let i = idx; i < len; i++) {
-        // new position equals the current offsetTop minus removed height plus 16px(the gap size between each item)
-        const { divRef } = orientedNotifications[i].vm;
-        const pos = Number.parseInt(divRef.get().style[verticalPos], 10) -
-            removedHeight -
-            GAP_SIZE;
-        orientedNotifications[i].vm.props.offset = pos;
-    }
-}
-function closeAll() {
-    // loop through all directions, close them at once.
-    for (const orientedNotifications of Object.values(notifications)) {
-        orientedNotifications.forEach(({ vm }) => {
-            var _a;
-            // same as the previous close method, we'd like to make sure lifecycle gets handle properly.
-            (_a = vm.visible) === null || _a === void 0 ? void 0 : _a.set(false);
-        });
-    }
-}
-notify.closeAll = closeAll;
-// notify._context = null
-exports.default = notify;

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

@@ -1,2 +0,0 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-notification.css';

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

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

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

@@ -1,2 +0,0 @@
-import '../../../../components/base/style';
-import '../../../../theme-chalk/notification.scss';

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

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

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

@@ -1,12 +0,0 @@
-import { TypeFragment } from '@type-dom/framework';
-import { Signal } from '@type-dom/signals';
-import { ITdNotification, NotificationProps } from './td-notification.interface';
-export declare class TdNotification extends TypeFragment implements ITdNotification {
-    className: 'TdNotification';
-    props: NotificationProps;
-    visible?: Signal<boolean>;
-    close?: () => void;
-    divRef: Signal<HTMLElement | undefined>;
-    constructor(params?: NotificationProps);
-    setup(): void;
-}