@gravity-ui/markdown-editor 14.12.1 → 14.12.2

package/build/cjs/toolbar/ToolbarListButton.js

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarListButton = ToolbarListButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+exports.ToolbarListButton = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("@gravity-ui/components");
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../classname.js");
-const common_1 = require("../i18n/common/index.js");
-const lodash_1 = require("../lodash.js");
-const hooks_1 = require("../react-utils/hooks.js");
-const PreviewTooltip_1 = require("./PreviewTooltip.js");
-const const_1 = require("./const.js");
-require("./ToolbarListButton.css");
+const classname_1 = require("../classname");
+const common_1 = require("../i18n/common");
+const lodash_1 = require("../lodash");
+const hooks_1 = require("../react-utils/hooks");
+const PreviewTooltip_1 = require("./PreviewTooltip");
+const const_1 = require("./const");
 const b = (0, classname_1.cn)('toolbar-list-button');
 function ToolbarListButton({ className, editor, focus, onClick, icon, title, withArrow, data, alwaysActive, }) {
-    const [anchorElement, setAnchorElement] = (0, hooks_1.useElementState)();
+    var _a;
+    const buttonRef = react_1.default.useRef(null);
     const [open, , hide, toggleOpen] = (0, hooks_1.useBooleanState)(false);
     const [popupItem, setPopupItem] = (0, react_1.useState)();
     const someActive = alwaysActive
@@ -23,65 +24,73 @@ function ToolbarListButton({ className, editor, focus, onClick, icon, title, wit
     const everyDisabled = alwaysActive ? false : data.every((item) => !item.isEnable(editor));
     const popupOpen = everyDisabled ? false : open;
     const shouldForceHide = open && !popupOpen;
-    (0, react_1.useEffect)(() => {
+    react_1.default.useEffect(() => {
         if (shouldForceHide) {
             hide();
         }
     }, [hide, shouldForceHide]);
     if (data.length === 0)
         return null;
-    const buttonContent = [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon.data, size: icon.size ?? 16 }, 1)];
+    const buttonContent = [react_1.default.createElement(uikit_1.Icon, { key: 1, data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 })];
     if (withArrow) {
-        buttonContent.push((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: '' }, 2));
-        buttonContent.push((0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronDown, size: 16 }, 3));
+        buttonContent.push(react_1.default.createElement(react_1.default.Fragment, { key: 2 }, ''));
+        buttonContent.push(react_1.default.createElement(uikit_1.Icon, { key: 3, data: icons_1.ChevronDown, size: 16 }));
     }
     const titleText = (0, lodash_1.isFunction)(title) ? title() : title;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Popover, { className: b('action-disabled-popover'), content: (0, jsx_runtime_1.jsx)("div", { className: b('action-disabled-tooltip'), children: (0, common_1.i18n)('toolbar_action_disabled') }), placement: 'bottom', disabled: !everyDisabled, children: (0, jsx_runtime_1.jsx)(uikit_1.ActionTooltip, { title: titleText, disabled: Boolean(popupItem) || popupOpen, openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close, children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { size: "m", ref: setAnchorElement, view: someActive || popupOpen ? 'normal' : 'flat', selected: someActive, disabled: everyDisabled, className: b({ arrow: withArrow }, [className]), onClick: () => {
-                            if (popupItem)
-                                setPopupItem(undefined);
-                            else
-                                toggleOpen();
-                        }, children: buttonContent }) }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { anchorElement: anchorElement, open: popupOpen, onOpenChange: hide, children: (0, jsx_runtime_1.jsx)(uikit_1.Menu, { size: "l", className: b('menu'), children: data
-                        .map((data) => {
-                        const { id, title, icon, hotkey, isActive, isEnable, exec, hint, hintWhenDisabled, preview, } = data;
-                        const titleText = (0, lodash_1.isFunction)(title) ? title() : title;
-                        const hintText = (0, lodash_1.isFunction)(hint) ? hint() : hint;
-                        const disabled = !isEnable(editor);
-                        const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;
-                        const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
-                            ? hintWhenDisabled
-                            : typeof hintWhenDisabled === 'function'
-                                ? hintWhenDisabled()
-                                : (0, common_1.i18n)('toolbar_action_disabled');
-                        const handleClick = () => {
-                            hide();
-                            if (isPopupItem(data)) {
-                                setPopupItem(data);
-                            }
-                            else {
-                                setPopupItem(undefined);
-                                focus();
-                                exec(editor);
-                                onClick?.(id);
-                            }
-                        };
-                        return ((0, jsx_runtime_1.jsx)(uikit_1.Popover, { className: b('action-disabled-popover'), content: (0, jsx_runtime_1.jsx)("div", { className: b('action-disabled-tooltip'), children: hintWhenDisabledText }), placement: "left", modal: false, disabled: hideHintWhenDisabled, children: (props, ref) => ((0, jsx_runtime_1.jsx)(PreviewTooltip_1.PreviewTooltip, { preview: preview, children: (0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { ref: ref, active: isActive(editor), disabled: !isEnable(editor), onClick: handleClick, iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon.data, size: icon.size ?? 16 }), extraProps: {
-                                        ...props,
-                                        'aria-label': titleText,
-                                    }, children: (0, jsx_runtime_1.jsxs)("div", { className: b('item'), children: [titleText, (0, jsx_runtime_1.jsxs)("div", { className: b('extra'), children: [hotkey && (0, jsx_runtime_1.jsx)(uikit_1.Hotkey, { value: hotkey }), hintText && ((0, jsx_runtime_1.jsx)(uikit_1.HelpMark, { className: b('hint'), popoverProps: { modal: false }, children: hintText }))] })] }) }, id) })) }, id));
-                    })
-                        .filter(Boolean) }) }), popupItem
-                ? popupItem.renderPopup({
-                    ...popupItem,
-                    editor,
-                    focus,
-                    onClick,
-                    anchorElement,
-                    hide: () => setPopupItem(undefined),
-                })
-                : null] }));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(uikit_1.Popover, { className: b('action-disabled-popover'), tooltipContentClassName: b('action-disabled-tooltip'), content: (0, common_1.i18n)('toolbar_action_disabled'), placement: 'bottom', disabled: !everyDisabled },
+            react_1.default.createElement(uikit_1.ActionTooltip, { title: titleText, disabled: Boolean(popupItem) || popupOpen, openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close },
+                react_1.default.createElement(uikit_1.Button, { size: "m", ref: buttonRef, view: someActive || popupOpen ? 'normal' : 'flat', selected: someActive, disabled: everyDisabled, className: b({ arrow: withArrow }, [className]), onClick: () => {
+                        if (popupItem)
+                            setPopupItem(undefined);
+                        else
+                            toggleOpen();
+                    } }, buttonContent))),
+        react_1.default.createElement(uikit_1.Popup, { anchorRef: buttonRef, open: popupOpen, onClose: hide },
+            react_1.default.createElement(uikit_1.Menu, { size: "l", className: b('menu') }, data
+                .map((data) => {
+                var _a;
+                const { id, title, icon, hotkey, isActive, isEnable, exec, hint, hintWhenDisabled, disabledPopoverVisible = true, preview, } = data;
+                const titleText = (0, lodash_1.isFunction)(title) ? title() : title;
+                const hintText = (0, lodash_1.isFunction)(hint) ? hint() : hint;
+                const disabled = !isEnable(editor);
+                const hideHintWhenDisabled = hintWhenDisabled === false || !disabledPopoverVisible || !disabled;
+                const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
+                    ? hintWhenDisabled
+                    : typeof hintWhenDisabled === 'function'
+                        ? hintWhenDisabled()
+                        : (0, common_1.i18n)('toolbar_action_disabled');
+                const handleClick = () => {
+                    hide();
+                    if (isPopupItem(data)) {
+                        setPopupItem(data);
+                    }
+                    else {
+                        setPopupItem(undefined);
+                        focus();
+                        exec(editor);
+                        onClick === null || onClick === void 0 ? void 0 : onClick(id);
+                    }
+                };
+                return (react_1.default.createElement(uikit_1.Popover, { className: b('action-disabled-popover'), tooltipContentClassName: b('action-disabled-tooltip'), content: hintWhenDisabledText, placement: 'left', disabled: hideHintWhenDisabled, key: id },
+                    react_1.default.createElement(PreviewTooltip_1.PreviewTooltip, { preview: preview },
+                        react_1.default.createElement(uikit_1.Menu.Item, { key: id, active: isActive(editor), disabled: !isEnable(editor), onClick: handleClick, icon: react_1.default.createElement(uikit_1.Icon, { data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 }), extraProps: {
+                                'aria-label': titleText,
+                            } },
+                            react_1.default.createElement("div", { className: b('item') },
+                                titleText,
+                                react_1.default.createElement("div", { className: b('extra') },
+                                    hotkey && react_1.default.createElement(uikit_1.Hotkey, { value: hotkey }),
+                                    hintText && (react_1.default.createElement(components_1.HelpPopover, { className: b('hint'), content: hintText }))))))));
+            })
+                .filter(Boolean))),
+        popupItem
+            ? popupItem.renderPopup(Object.assign(Object.assign({}, popupItem), { editor,
+                focus,
+                onClick, anchorRef: buttonRef, hide: () => setPopupItem(undefined) }))
+            : null));
 }
+exports.ToolbarListButton = ToolbarListButton;
 function isPopupItem(item) {
     return Boolean(item.renderPopup);
 }
-//# sourceMappingURL=ToolbarListButton.js.map

package/build/cjs/toolbar/const.js

@@ -5,5 +5,4 @@ var ToolbarTooltipDelay;
 (function (ToolbarTooltipDelay) {
     ToolbarTooltipDelay[ToolbarTooltipDelay["Open"] = 250] = "Open";
     ToolbarTooltipDelay[ToolbarTooltipDelay["Close"] = 150] = "Close";
-})(ToolbarTooltipDelay || (exports.ToolbarTooltipDelay = ToolbarTooltipDelay = {}));
-//# sourceMappingURL=const.js.map
+})(ToolbarTooltipDelay = exports.ToolbarTooltipDelay || (exports.ToolbarTooltipDelay = {}));

package/build/cjs/toolbar/flexible.d.ts

@@ -1,5 +1,5 @@
-import type { ToolbarData, ToolbarItemData } from "./types.js";
-export type ShrinkToolbarDataParams<E> = {
+import type { ToolbarData, ToolbarItemData } from './types';
+export declare type ShrinkToolbarDataParams<E> = {
     data: ToolbarData<E>;
     availableWidth: number;
     hiddenActions?: ToolbarItemData<E>[];

package/build/cjs/toolbar/flexible.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.shrinkToolbarData = shrinkToolbarData;
-const types_1 = require("./types.js");
+exports.shrinkToolbarData = void 0;
+const types_1 = require("./types");
 /** horizontal gap between item groups in toolbar, px */
 const H_GAP = 17;
 /** single button width, px */
@@ -52,6 +52,7 @@ function shrinkToolbarData({ availableWidth, data, hiddenActions = [], }) {
     dotsData.push(...hiddenActions);
     return { data: fittingData, dots: dotsData.length ? dotsData : undefined };
 }
+exports.shrinkToolbarData = shrinkToolbarData;
 function getItemWidth(item, i, j, rowLength) {
     let additionalWidth = 0;
     // Add horizontal gap between groups to the first item of all groups except first
@@ -67,4 +68,3 @@ function getItemWidth(item, i, j, rowLength) {
     else
         return (item.width || 0) + additionalWidth;
 }
-//# sourceMappingURL=flexible.js.map

package/build/cjs/toolbar/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./const.js";
-export * from "./types.js";
-export * from "./Toolbar.js";
-export * from "./ToolbarButton.js";
-export * from "./ToolbarGroup.js";
-export * from "./ToolbarListButton.js";
-export * from "./FlexToolbar.js";
+export * from './const';
+export * from './types';
+export * from './Toolbar';
+export * from './ToolbarButton';
+export * from './ToolbarGroup';
+export * from './ToolbarListButton';
+export * from './FlexToolbar';

package/build/cjs/toolbar/index.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./const.js"), exports);
-tslib_1.__exportStar(require("./types.js"), exports);
-tslib_1.__exportStar(require("./Toolbar.js"), exports);
-tslib_1.__exportStar(require("./ToolbarButton.js"), exports);
-tslib_1.__exportStar(require("./ToolbarGroup.js"), exports);
-tslib_1.__exportStar(require("./ToolbarListButton.js"), exports);
-tslib_1.__exportStar(require("./FlexToolbar.js"), exports);
-//# sourceMappingURL=index.js.map
+tslib_1.__exportStar(require("./const"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./Toolbar"), exports);
+tslib_1.__exportStar(require("./ToolbarButton"), exports);
+tslib_1.__exportStar(require("./ToolbarGroup"), exports);
+tslib_1.__exportStar(require("./ToolbarListButton"), exports);
+tslib_1.__exportStar(require("./FlexToolbar"), exports);

package/build/cjs/toolbar/types.d.ts

@@ -1,22 +1,25 @@
+import type { RefObject } from 'react';
 import type { HotkeyProps, IconProps } from '@gravity-ui/uikit';
-import type { ClassNameProps } from "../classname.js";
-export type ToolbarBaseProps<E> = ClassNameProps & {
+import type { ClassNameProps } from '../classname';
+export declare type ToolbarBaseProps<E> = ClassNameProps & {
     editor: E;
     focus(): void;
     onClick?(id: string, attrs?: {
         [key: string]: any;
     }): void;
 };
-export type ToolbarIconData = Pick<IconProps, 'data' | 'size'>;
-export type ToolbarGroupData<E> = Array<ToolbarGroupItemData<E>>;
-export type ToolbarData<E> = ToolbarGroupData<E>[];
-export type ToolbarItemData<E> = {
+export declare type ToolbarIconData = Pick<IconProps, 'data' | 'size'>;
+export declare type ToolbarGroupData<E> = Array<ToolbarGroupItemData<E>>;
+export declare type ToolbarData<E> = ToolbarGroupData<E>[];
+export declare type ToolbarItemData<E> = {
     id: string;
     icon: ToolbarIconData;
     title: string | (() => string);
     hint?: string | (() => string);
     hotkey?: HotkeyProps['value'];
     preview?: React.ReactNode;
+    /** @deprecated Use _hintWhenDisabled_ setting instead */
+    disabledPopoverVisible?: boolean;
     /**
      * Show hint when _isEnable()_ returns false
      *
@@ -43,39 +46,38 @@ export declare enum ToolbarDataType {
     ReactNodeFn = "r-node-fn",
     ReactComponent = "r-component"
 }
-export type ToolbarGroupItemData<E> = ToolbarSingleItemData<E> | ToolbarButtonPopupData<E> | ToolbarListItemData<E> | ToolbarReactNodeData | ToolbarReactNodeFnData<E> | ToolbarReactComponentData<E>;
-export type ToolbarSingleItemData<E> = ToolbarItemData<E> & {
+export declare type ToolbarGroupItemData<E> = ToolbarSingleItemData<E> | ToolbarButtonPopupData<E> | ToolbarListItemData<E> | ToolbarReactNodeData | ToolbarReactNodeFnData<E> | ToolbarReactComponentData<E>;
+export declare type ToolbarSingleItemData<E> = ToolbarItemData<E> & {
     id: string;
     type: ToolbarDataType.SingleButton;
     className?: string;
 };
-export type ToolbarListItemData<E> = ToolbarListButtonData<E> & {
+export declare type ToolbarListItemData<E> = ToolbarListButtonData<E> & {
     id: string;
     type: ToolbarDataType.ListButton;
     className?: string;
 };
-export type ToolbarReactComponentData<E> = {
+export declare type ToolbarReactComponentData<E> = {
     id: string;
     type: ToolbarDataType.ReactComponent;
     width: number;
     className?: string;
     component: React.ComponentType<ToolbarBaseProps<E>>;
-    props?: object;
 };
-export type ToolbarButtonPopupData<E> = ToolbarItemData<E> & {
+export declare type ToolbarButtonPopupData<E> = ToolbarItemData<E> & {
     /** not used, may be an empty function */
     exec: ToolbarItemData<E>['exec'];
     type: ToolbarDataType.ButtonPopup;
     renderPopup: (props: ToolbarBaseProps<E> & {
         hide: () => void;
-        anchorElement: HTMLElement | null;
+        anchorRef: RefObject<HTMLElement>;
     }) => React.ReactNode;
     className?: string;
 };
-export type ToolbarListButtonItemData<E> = ToolbarItemData<E> & {
+export declare type ToolbarListButtonItemData<E> = ToolbarItemData<E> & {
     doNotActivateList?: boolean;
 };
-export type ToolbarListButtonData<E> = {
+export declare type ToolbarListButtonData<E> = {
     icon: ToolbarIconData;
     title: string | (() => string);
     withArrow?: boolean;
@@ -86,7 +88,7 @@ export type ToolbarListButtonData<E> = {
 /**
  * @deprecated Use ReactComponent type instead
  * */
-export type ToolbarReactNodeData = {
+export declare type ToolbarReactNodeData = {
     id: string;
     type: ToolbarDataType.ReactNode;
     width: number;
@@ -95,7 +97,7 @@ export type ToolbarReactNodeData = {
 /**
  * @deprecated Use ReactComponent type instead
  * */
-export type ToolbarReactNodeFnData<E> = {
+export declare type ToolbarReactNodeFnData<E> = {
     id: string;
     type: ToolbarDataType.ReactNodeFn;
     width: number;

package/build/cjs/toolbar/types.js

@@ -11,5 +11,4 @@ var ToolbarDataType;
     /** @deprecated Use ReactComponent type instead */
     ToolbarDataType["ReactNodeFn"] = "r-node-fn";
     ToolbarDataType["ReactComponent"] = "r-component";
-})(ToolbarDataType || (exports.ToolbarDataType = ToolbarDataType = {}));
-//# sourceMappingURL=types.js.map
+})(ToolbarDataType = exports.ToolbarDataType || (exports.ToolbarDataType = {}));

package/build/cjs/types/spec.js

@@ -5,4 +5,3 @@
 ///                                              ///
 ////////////////////////////////////////////////////
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=spec.js.map

package/build/cjs/utils/actions.d.ts

@@ -1,4 +1,4 @@
 import type { MarkType } from 'prosemirror-model';
-import type { ActionSpec } from "../core/index.js";
+import type { ActionSpec } from '../core';
 export declare function defineActions<Keys extends string>(actions: Record<Keys, ActionSpec>): Record<Keys, ActionSpec>;
 export declare function createToggleMarkAction(markType: MarkType): ActionSpec;

package/build/cjs/utils/actions.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineActions = defineActions;
-exports.createToggleMarkAction = createToggleMarkAction;
+exports.createToggleMarkAction = exports.defineActions = void 0;
 const prosemirror_commands_1 = require("prosemirror-commands");
-const marks_1 = require("./marks.js");
+const marks_1 = require("./marks");
 function defineActions(actions) {
     return actions;
 }
+exports.defineActions = defineActions;
 function createToggleMarkAction(markType) {
     const command = (0, prosemirror_commands_1.toggleMark)(markType);
     return {
@@ -15,4 +15,4 @@ function createToggleMarkAction(markType) {
         run: command,
     };
 }
-//# sourceMappingURL=actions.js.map
+exports.createToggleMarkAction = createToggleMarkAction;

package/build/cjs/utils/autocomplete-popup.d.ts

@@ -1,10 +1,13 @@
 import type { PopupProps } from '@gravity-ui/uikit';
 import type { EditorView } from 'prosemirror-view';
-export type AutocompletePopupProps = Pick<PopupProps, 'onOpenChange' | 'anchorElement'>;
+export declare type AutocompletePopupProps = Pick<PopupProps, 'onOutsideClick' | 'onEscapeKeyDown' | 'onEnterKeyDown'> & {
+    anchor?: Element | null;
+};
 export declare class AutocompletePopupCloser {
     #private;
     constructor(view: EditorView);
-    popupOpenChangeHandler: NonNullable<PopupProps['onOpenChange']>;
+    popupEscapeKeyHandler: NonNullable<PopupProps['onEscapeKeyDown']>;
+    popupOutsideClickHandler: NonNullable<PopupProps['onOutsideClick']>;
     closeAutocomplete(): void;
     cancelTimer(): void;
 }

package/build/cjs/utils/autocomplete-popup.js

@@ -1,36 +1,37 @@
 "use strict";
+var _AutocompletePopupCloser_view, _AutocompletePopupCloser_timer;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutocompletePopupCloser = void 0;
-const Autocomplete_1 = require("../extensions/behavior/Autocomplete/index.js");
+const tslib_1 = require("tslib");
+const Autocomplete_1 = require("../extensions/behavior/Autocomplete");
 class AutocompletePopupCloser {
-    #view;
-    #timer;
     constructor(view) {
-        this.#view = view;
-    }
-    popupOpenChangeHandler = (_open, _event, reason) => {
-        if (reason === 'escape-key') {
+        _AutocompletePopupCloser_view.set(this, void 0);
+        _AutocompletePopupCloser_timer.set(this, void 0);
+        this.popupEscapeKeyHandler = () => {
             this.closeAutocomplete();
-            return;
-        }
-        if (!this.#view.hasFocus()) {
-            this.#timer = setTimeout(() => {
-                this.#timer = undefined;
-                if (!this.#view.hasFocus()) {
-                    this.closeAutocomplete();
-                }
-            }, 20);
-        }
-    };
+        };
+        this.popupOutsideClickHandler = () => {
+            if (!tslib_1.__classPrivateFieldGet(this, _AutocompletePopupCloser_view, "f").hasFocus()) {
+                tslib_1.__classPrivateFieldSet(this, _AutocompletePopupCloser_timer, setTimeout(() => {
+                    tslib_1.__classPrivateFieldSet(this, _AutocompletePopupCloser_timer, undefined, "f");
+                    if (!tslib_1.__classPrivateFieldGet(this, _AutocompletePopupCloser_view, "f").hasFocus()) {
+                        this.closeAutocomplete();
+                    }
+                }, 20), "f");
+            }
+        };
+        tslib_1.__classPrivateFieldSet(this, _AutocompletePopupCloser_view, view, "f");
+    }
     closeAutocomplete() {
-        (0, Autocomplete_1.closeAutocomplete)(this.#view);
+        (0, Autocomplete_1.closeAutocomplete)(tslib_1.__classPrivateFieldGet(this, _AutocompletePopupCloser_view, "f"));
     }
     cancelTimer() {
-        if (this.#timer !== undefined) {
-            clearTimeout(this.#timer);
-            this.#timer = undefined;
+        if (tslib_1.__classPrivateFieldGet(this, _AutocompletePopupCloser_timer, "f") !== undefined) {
+            clearTimeout(tslib_1.__classPrivateFieldGet(this, _AutocompletePopupCloser_timer, "f"));
+            tslib_1.__classPrivateFieldSet(this, _AutocompletePopupCloser_timer, undefined, "f");
         }
     }
 }
 exports.AutocompletePopupCloser = AutocompletePopupCloser;
-//# sourceMappingURL=autocomplete-popup.js.map
+_AutocompletePopupCloser_view = new WeakMap(), _AutocompletePopupCloser_timer = new WeakMap();

package/build/cjs/utils/carousel/ArrayCarousel.js

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrayCarousel = void 0;
-const IndexCarousel_1 = require("./IndexCarousel.js");
+const IndexCarousel_1 = require("./IndexCarousel");
 class ArrayCarousel {
-    _array;
-    indexCarousel;
     constructor(array) {
         if (!Array.isArray(array)) {
             throw new Error('ArrayCarousel: "array" argument must be array');
@@ -34,4 +32,3 @@ class ArrayCarousel {
     }
 }
 exports.ArrayCarousel = ArrayCarousel;
-//# sourceMappingURL=ArrayCarousel.js.map

package/build/cjs/utils/carousel/IndexCarousel.js

@@ -2,12 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IndexCarousel = void 0;
 class IndexCarousel {
-    static isValidLength(value) {
-        return Number.isSafeInteger(length) && value >= 0;
-    }
-    length;
-    _current = 0;
     constructor(length, start) {
+        this._current = 0;
         if (!IndexCarousel.isValidLength(length)) {
             throw new Error('IndexCarousel: length must be greater or equal zero');
         }
@@ -23,6 +19,9 @@ class IndexCarousel {
             this.current = start;
         }
     }
+    static isValidLength(value) {
+        return Number.isSafeInteger(length) && value >= 0;
+    }
     get current() {
         if (this.length <= 0)
             return -1;
@@ -62,4 +61,3 @@ class IndexCarousel {
     }
 }
 exports.IndexCarousel = IndexCarousel;
-//# sourceMappingURL=IndexCarousel.js.map

package/build/cjs/utils/carousel/index.d.ts

@@ -1,2 +1,2 @@
-export { IndexCarousel } from "./IndexCarousel.js";
-export { ArrayCarousel } from "./ArrayCarousel.js";
+export { IndexCarousel } from './IndexCarousel';
+export { ArrayCarousel } from './ArrayCarousel';

package/build/cjs/utils/carousel/index.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrayCarousel = exports.IndexCarousel = void 0;
-var IndexCarousel_1 = require("./IndexCarousel.js");
+var IndexCarousel_1 = require("./IndexCarousel");
 Object.defineProperty(exports, "IndexCarousel", { enumerable: true, get: function () { return IndexCarousel_1.IndexCarousel; } });
-var ArrayCarousel_1 = require("./ArrayCarousel.js");
+var ArrayCarousel_1 = require("./ArrayCarousel");
 Object.defineProperty(exports, "ArrayCarousel", { enumerable: true, get: function () { return ArrayCarousel_1.ArrayCarousel; } });
-//# sourceMappingURL=index.js.map

package/build/cjs/utils/clipboard.d.ts

@@ -2,8 +2,8 @@
 export declare enum DataTransferType {
     Text = "text/plain",
     Html = "text/html",
-    Yfm = "text/yfm",// self
-    Rtf = "text/rtf",// Safari, WebStorm/Intelij
+    Yfm = "text/yfm",
+    Rtf = "text/rtf",
     UriList = "text/uri-list",
     VSCodeData = "vscode-editor-data",
     Files = "Files"
@@ -12,7 +12,7 @@ export declare function isFilesOnly({ types }: DataTransfer): boolean;
 export declare function isFilesFromHtml({ types }: DataTransfer): boolean;
 export declare function isImageFile(file: File): boolean;
 export declare function isVSCode(data: DataTransfer): boolean;
-export type VSCodeData = {
+export declare type VSCodeData = {
     version: number;
     isFromEmptySelection: boolean;
     multicursorText: null | string;

package/build/cjs/utils/clipboard.js

@@ -1,12 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTransferType = void 0;
-exports.isFilesOnly = isFilesOnly;
-exports.isFilesFromHtml = isFilesFromHtml;
-exports.isImageFile = isImageFile;
-exports.isVSCode = isVSCode;
-exports.tryParseVSCodeData = tryParseVSCodeData;
-exports.shouldSkipHtmlConversion = shouldSkipHtmlConversion;
+exports.shouldSkipHtmlConversion = exports.tryParseVSCodeData = exports.isVSCode = exports.isImageFile = exports.isFilesFromHtml = exports.isFilesOnly = exports.DataTransferType = void 0;
 /** Сontains all data formats known to us */
 var DataTransferType;
 (function (DataTransferType) {
@@ -17,21 +11,25 @@ var DataTransferType;
     DataTransferType["UriList"] = "text/uri-list";
     DataTransferType["VSCodeData"] = "vscode-editor-data";
     DataTransferType["Files"] = "Files";
-})(DataTransferType || (exports.DataTransferType = DataTransferType = {}));
+})(DataTransferType = exports.DataTransferType || (exports.DataTransferType = {}));
 function isFilesOnly({ types }) {
     return types.length === 1 && types[0] === DataTransferType.Files;
 }
+exports.isFilesOnly = isFilesOnly;
 function isFilesFromHtml({ types }) {
     return (types.length === 2 &&
         types.includes(DataTransferType.Files) &&
         types.includes(DataTransferType.Html));
 }
+exports.isFilesFromHtml = isFilesFromHtml;
 function isImageFile(file) {
     return file.type.startsWith('image/');
 }
+exports.isImageFile = isImageFile;
 function isVSCode(data) {
     return data.types.includes(DataTransferType.VSCodeData);
 }
+exports.isVSCode = isVSCode;
 function tryParseVSCodeData(data) {
     try {
         return JSON.parse(data.getData(DataTransferType.VSCodeData));
@@ -41,6 +39,7 @@ function tryParseVSCodeData(data) {
         return undefined;
     }
 }
+exports.tryParseVSCodeData = tryParseVSCodeData;
 /**
  * Checks if HTML conversion should be skipped based on clipboard contents.
  */
@@ -60,4 +59,4 @@ function shouldSkipHtmlConversion(clipboardData) {
     // Skip conversion for any other cases
     return true;
 }
-//# sourceMappingURL=clipboard.js.map
+exports.shouldSkipHtmlConversion = shouldSkipHtmlConversion;

package/build/cjs/utils/directive.d.ts

@@ -1,7 +1,7 @@
-export type DirectiveSyntaxValue = 'disabled' | 'enabled' | 'preserve' | 'overwrite' | 'only';
-type DirectiveSyntaxMdPluginValue = 'disabled' | 'enabled' | 'only';
-export type DirectiveSyntaxOption = DirectiveSyntaxValue | DirectiveSyntaxOptionObj;
-type DirectiveSyntaxOptionObj = {
+export declare type DirectiveSyntaxValue = 'disabled' | 'enabled' | 'preserve' | 'overwrite' | 'only';
+declare type DirectiveSyntaxMdPluginValue = 'disabled' | 'enabled' | 'only';
+export declare type DirectiveSyntaxOption = DirectiveSyntaxValue | DirectiveSyntaxOptionObj;
+declare type DirectiveSyntaxOptionObj = {
     [K in keyof MarkdownEditor.DirectiveSyntaxAdditionalSupportedExtensions]?: DirectiveSyntaxValue;
 };
 declare global {