@gravity-ui/markdown-editor 14.12.2 → 15.0.0

package/build/esm/toolbar/ToolbarListButton.js

@@ -1,18 +1,17 @@
-import React, { useState } from 'react';
-import { HelpPopover } from '@gravity-ui/components';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, useEffect, useState } from 'react';
 import { ChevronDown } from '@gravity-ui/icons';
-import { ActionTooltip, Button, Hotkey, Icon, Menu, Popover, Popup } from '@gravity-ui/uikit';
-import { cn } from '../classname';
-import { i18n } from '../i18n/common';
-import { isFunction } from '../lodash';
-import { useBooleanState } from '../react-utils/hooks';
-import { PreviewTooltip } from './PreviewTooltip';
-import { ToolbarTooltipDelay } from './const';
-import './ToolbarListButton.css';
+import { ActionTooltip, Button, HelpMark, Hotkey, Icon, Menu, Popover, Popup, } from '@gravity-ui/uikit';
+import { cn } from "../classname.js";
+import { i18n } from "../i18n/common/index.js";
+import { isFunction } from "../lodash.js";
+import { useBooleanState, useElementState } from "../react-utils/hooks.js";
+import { PreviewTooltip } from "./PreviewTooltip.js";
+import { ToolbarTooltipDelay } from "./const.js";
+import "./ToolbarListButton.css";
 const b = cn('toolbar-list-button');
 export function ToolbarListButton({ className, editor, focus, onClick, icon, title, withArrow, data, alwaysActive, }) {
-    var _a;
-    const buttonRef = React.useRef(null);
+    const [anchorElement, setAnchorElement] = useElementState();
     const [open, , hide, toggleOpen] = useBooleanState(false);
     const [popupItem, setPopupItem] = useState();
     const someActive = alwaysActive
@@ -21,72 +20,65 @@ export function ToolbarListButton({ className, editor, focus, onClick, icon, tit
     const everyDisabled = alwaysActive ? false : data.every((item) => !item.isEnable(editor));
     const popupOpen = everyDisabled ? false : open;
     const shouldForceHide = open && !popupOpen;
-    React.useEffect(() => {
+    useEffect(() => {
         if (shouldForceHide) {
             hide();
         }
     }, [hide, shouldForceHide]);
     if (data.length === 0)
         return null;
-    const buttonContent = [React.createElement(Icon, { key: 1, data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 })];
+    const buttonContent = [_jsx(Icon, { data: icon.data, size: icon.size ?? 16 }, 1)];
     if (withArrow) {
-        buttonContent.push(React.createElement(React.Fragment, { key: 2 }, ''));
-        buttonContent.push(React.createElement(Icon, { key: 3, data: ChevronDown, size: 16 }));
+        buttonContent.push(_jsx(Fragment, { children: '' }, 2));
+        buttonContent.push(_jsx(Icon, { data: ChevronDown, size: 16 }, 3));
     }
     const titleText = isFunction(title) ? title() : title;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Popover, { className: b('action-disabled-popover'), tooltipContentClassName: b('action-disabled-tooltip'), content: i18n('toolbar_action_disabled'), placement: 'bottom', disabled: !everyDisabled },
-            React.createElement(ActionTooltip, { title: titleText, disabled: Boolean(popupItem) || popupOpen, openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close },
-                React.createElement(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.createElement(Popup, { anchorRef: buttonRef, open: popupOpen, onClose: hide },
-            React.createElement(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 = isFunction(title) ? title() : title;
-                const hintText = isFunction(hint) ? hint() : hint;
-                const disabled = !isEnable(editor);
-                const hideHintWhenDisabled = hintWhenDisabled === false || !disabledPopoverVisible || !disabled;
-                const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
-                    ? hintWhenDisabled
-                    : typeof hintWhenDisabled === 'function'
-                        ? hintWhenDisabled()
-                        : 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.createElement(Popover, { className: b('action-disabled-popover'), tooltipContentClassName: b('action-disabled-tooltip'), content: hintWhenDisabledText, placement: 'left', disabled: hideHintWhenDisabled, key: id },
-                    React.createElement(PreviewTooltip, { preview: preview },
-                        React.createElement(Menu.Item, { key: id, active: isActive(editor), disabled: !isEnable(editor), onClick: handleClick, icon: React.createElement(Icon, { data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 }), extraProps: {
-                                'aria-label': titleText,
-                            } },
-                            React.createElement("div", { className: b('item') },
-                                titleText,
-                                React.createElement("div", { className: b('extra') },
-                                    hotkey && React.createElement(Hotkey, { value: hotkey }),
-                                    hintText && (React.createElement(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));
+    return (_jsxs(_Fragment, { children: [_jsx(Popover, { className: b('action-disabled-popover'), content: _jsx("div", { className: b('action-disabled-tooltip'), children: i18n('toolbar_action_disabled') }), placement: 'bottom', disabled: !everyDisabled, children: _jsx(ActionTooltip, { title: titleText, disabled: Boolean(popupItem) || popupOpen, openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close, children: _jsx(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 }) }) }), _jsx(Popup, { anchorElement: anchorElement, open: popupOpen, onOpenChange: hide, children: _jsx(Menu, { size: "l", className: b('menu'), children: data
+                        .map((data) => {
+                        const { id, title, icon, hotkey, isActive, isEnable, exec, hint, hintWhenDisabled, preview, } = data;
+                        const titleText = isFunction(title) ? title() : title;
+                        const hintText = isFunction(hint) ? hint() : hint;
+                        const disabled = !isEnable(editor);
+                        const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;
+                        const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
+                            ? hintWhenDisabled
+                            : typeof hintWhenDisabled === 'function'
+                                ? hintWhenDisabled()
+                                : i18n('toolbar_action_disabled');
+                        const handleClick = () => {
+                            hide();
+                            if (isPopupItem(data)) {
+                                setPopupItem(data);
+                            }
+                            else {
+                                setPopupItem(undefined);
+                                focus();
+                                exec(editor);
+                                onClick?.(id);
+                            }
+                        };
+                        return (_jsx(Popover, { className: b('action-disabled-popover'), content: _jsx("div", { className: b('action-disabled-tooltip'), children: hintWhenDisabledText }), placement: "left", modal: false, disabled: hideHintWhenDisabled, children: (props, ref) => (_jsx(PreviewTooltip, { preview: preview, children: _jsx(Menu.Item, { ref: ref, active: isActive(editor), disabled: !isEnable(editor), onClick: handleClick, iconStart: _jsx(Icon, { data: icon.data, size: icon.size ?? 16 }), extraProps: {
+                                        ...props,
+                                        'aria-label': titleText,
+                                    }, children: _jsxs("div", { className: b('item'), children: [titleText, _jsxs("div", { className: b('extra'), children: [hotkey && _jsx(Hotkey, { value: hotkey }), hintText && (_jsx(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] }));
 }
 function isPopupItem(item) {
     return Boolean(item.renderPopup);
 }
+//# sourceMappingURL=ToolbarListButton.js.map

package/build/esm/toolbar/ToolbarListButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarListButton.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarListButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Fragment, useEffect, useState} from 'react';\n\nimport {ChevronDown} from '@gravity-ui/icons';\nimport {\n    ActionTooltip,\n    Button,\n    HelpMark,\n    Hotkey,\n    Icon,\n    Menu,\n    Popover,\n    Popup,\n} from '@gravity-ui/uikit';\n\nimport {cn} from '../classname';\nimport {i18n} from '../i18n/common';\nimport {isFunction} from '../lodash';\nimport {useBooleanState, useElementState} from '../react-utils/hooks';\n\nimport {PreviewTooltip} from './PreviewTooltip';\nimport {ToolbarTooltipDelay} from './const';\nimport type {\n    ToolbarBaseProps,\n    ToolbarButtonPopupData,\n    ToolbarItemData,\n    ToolbarListButtonData,\n} from './types';\n\nimport './ToolbarListButton.scss';\n\nconst b = cn('toolbar-list-button');\n\nexport type {ToolbarListButtonData};\n\nexport type ToolbarListButtonProps<E> = ToolbarBaseProps<E> & ToolbarListButtonData<E>;\n\nexport function ToolbarListButton<E>({\n    className,\n    editor,\n    focus,\n    onClick,\n    icon,\n    title,\n    withArrow,\n    data,\n    alwaysActive,\n}: ToolbarListButtonProps<E>) {\n    const [anchorElement, setAnchorElement] = useElementState();\n    const [open, , hide, toggleOpen] = useBooleanState(false);\n    const [popupItem, setPopupItem] = useState<ToolbarButtonPopupData<E>>();\n\n    const someActive = alwaysActive\n        ? false\n        : data.some((item) => item.isActive(editor) && !item.doNotActivateList);\n    const everyDisabled = alwaysActive ? false : data.every((item) => !item.isEnable(editor));\n\n    const popupOpen = everyDisabled ? false : open;\n    const shouldForceHide = open && !popupOpen;\n    useEffect(() => {\n        if (shouldForceHide) {\n            hide();\n        }\n    }, [hide, shouldForceHide]);\n\n    if (data.length === 0) return null;\n\n    const buttonContent = [<Icon key={1} data={icon.data} size={icon.size ?? 16} />];\n    if (withArrow) {\n        buttonContent.push(<Fragment key={2}>{''}</Fragment>);\n        buttonContent.push(<Icon key={3} data={ChevronDown} size={16} />);\n    }\n\n    const titleText: string = isFunction(title) ? title() : title;\n\n    return (\n        <>\n            <Popover\n                className={b('action-disabled-popover')}\n                content={\n                    <div className={b('action-disabled-tooltip')}>\n                        {i18n('toolbar_action_disabled')}\n                    </div>\n                }\n                placement={'bottom'}\n                disabled={!everyDisabled}\n            >\n                <ActionTooltip\n                    title={titleText}\n                    disabled={Boolean(popupItem) || popupOpen}\n                    openDelay={ToolbarTooltipDelay.Open}\n                    closeDelay={ToolbarTooltipDelay.Close}\n                >\n                    <Button\n                        size=\"m\"\n                        ref={setAnchorElement}\n                        view={someActive || popupOpen ? 'normal' : 'flat'}\n                        selected={someActive}\n                        disabled={everyDisabled}\n                        className={b({arrow: withArrow}, [className])}\n                        onClick={() => {\n                            if (popupItem) setPopupItem(undefined);\n                            else toggleOpen();\n                        }}\n                    >\n                        {buttonContent}\n                    </Button>\n                </ActionTooltip>\n            </Popover>\n            <Popup anchorElement={anchorElement} open={popupOpen} onOpenChange={hide}>\n                <Menu size=\"l\" className={b('menu')}>\n                    {data\n                        .map((data) => {\n                            const {\n                                id,\n                                title,\n                                icon,\n                                hotkey,\n                                isActive,\n                                isEnable,\n                                exec,\n                                hint,\n                                hintWhenDisabled,\n                                preview,\n                            } = data;\n\n                            const titleText = isFunction(title) ? title() : title;\n                            const hintText = isFunction(hint) ? hint() : hint;\n\n                            const disabled = !isEnable(editor);\n\n                            const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;\n                            const hintWhenDisabledText =\n                                typeof hintWhenDisabled === 'string'\n                                    ? hintWhenDisabled\n                                    : typeof hintWhenDisabled === 'function'\n                                      ? hintWhenDisabled()\n                                      : i18n('toolbar_action_disabled');\n\n                            const handleClick = () => {\n                                hide();\n\n                                if (isPopupItem(data)) {\n                                    setPopupItem(data);\n                                } else {\n                                    setPopupItem(undefined);\n                                    focus();\n                                    exec(editor);\n                                    onClick?.(id);\n                                }\n                            };\n\n                            return (\n                                <Popover\n                                    className={b('action-disabled-popover')}\n                                    content={\n                                        <div className={b('action-disabled-tooltip')}>\n                                            {hintWhenDisabledText}\n                                        </div>\n                                    }\n                                    placement=\"left\"\n                                    modal={false}\n                                    disabled={hideHintWhenDisabled}\n                                    key={id}\n                                >\n                                    {(props, ref) => (\n                                        <PreviewTooltip preview={preview}>\n                                            <Menu.Item\n                                                key={id}\n                                                ref={ref}\n                                                active={isActive(editor)}\n                                                disabled={!isEnable(editor)}\n                                                onClick={handleClick}\n                                                iconStart={\n                                                    <Icon data={icon.data} size={icon.size ?? 16} />\n                                                }\n                                                extraProps={{\n                                                    ...props,\n                                                    'aria-label': titleText,\n                                                }}\n                                            >\n                                                <div className={b('item')}>\n                                                    {titleText}\n                                                    <div className={b('extra')}>\n                                                        {hotkey && <Hotkey value={hotkey} />}\n                                                        {hintText && (\n                                                            <HelpMark\n                                                                className={b('hint')}\n                                                                popoverProps={{modal: false}}\n                                                            >\n                                                                {hintText}\n                                                            </HelpMark>\n                                                        )}\n                                                    </div>\n                                                </div>\n                                            </Menu.Item>\n                                        </PreviewTooltip>\n                                    )}\n                                </Popover>\n                            );\n                        })\n                        .filter(Boolean)}\n                </Menu>\n            </Popup>\n            {popupItem\n                ? popupItem.renderPopup({\n                      ...popupItem,\n                      editor,\n                      focus,\n                      onClick,\n                      anchorElement,\n                      hide: () => setPopupItem(undefined),\n                  })\n                : null}\n        </>\n    );\n}\n\nfunction isPopupItem<E>(item: ToolbarItemData<E>): item is ToolbarButtonPopupData<E> {\n    return Boolean((item as ToolbarButtonPopupData<E>).renderPopup);\n}\n"]}

package/build/esm/toolbar/const.js

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

package/build/esm/toolbar/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../src","sources":["toolbar/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC3B,+DAAU,CAAA;IACV,iEAAW,CAAA;AACf,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B","sourcesContent":["export enum ToolbarTooltipDelay {\n    Open = 250,\n    Close = 150,\n}\n"]}

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

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

package/build/esm/toolbar/flexible.js

@@ -1,4 +1,4 @@
-import { ToolbarDataType } from './types';
+import { ToolbarDataType } from "./types.js";
 /** horizontal gap between item groups in toolbar, px */
 const H_GAP = 17;
 /** single button width, px */
@@ -64,3 +64,4 @@ function getItemWidth(item, i, j, rowLength) {
     else
         return (item.width || 0) + additionalWidth;
 }
+//# sourceMappingURL=flexible.js.map

package/build/esm/toolbar/flexible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flexible.js","sourceRoot":"../../../src","sources":["toolbar/flexible.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {ToolbarData, ToolbarGroupData, ToolbarGroupItemData, ToolbarItemData} from './types';\nimport {ToolbarDataType} from './types';\n\n/** horizontal gap between item groups in toolbar, px */\nconst H_GAP = 17;\n/** single button width, px */\nconst B_WIDTH = 28;\n/** single button width with 2 icons – item's icon and arrow icon, px */\nconst B_WITH_ARROW_WIDTH = 42;\n/** horizontal gap between buttons in button group, px */\nconst BG_H_GAP = 2;\n/** dots button width, px */\nconst B_DOTS_WIDTH = B_WIDTH;\n/** dots button left margin, px */\nconst B_DOTS_LEFT_GAP = 8;\n\nconst dotsWidth = B_DOTS_LEFT_GAP + B_DOTS_WIDTH;\n\nexport type ShrinkToolbarDataParams<E> = {\n    data: ToolbarData<E>;\n    availableWidth: number;\n    hiddenActions?: ToolbarItemData<E>[];\n};\n\nexport function shrinkToolbarData<E>({\n    availableWidth,\n    data,\n    hiddenActions = [],\n}: ShrinkToolbarDataParams<E>): {\n    data: ToolbarData<E>;\n    dots?: ToolbarItemData<E>[];\n} {\n    const fittingData: ToolbarData<E> = [];\n    const dotsData: ToolbarItemData<E>[] = [];\n    let currentWidth = 0;\n\n    const lastGroupIndex = data.length - 1;\n    const isLastElement = (i: number, j: number) =>\n        i === lastGroupIndex && j === data[lastGroupIndex].length - 1;\n\n    let hideAllNext = false;\n\n    data.forEach((group, i) => {\n        const newGroup: ToolbarGroupData<E> = [];\n        group.forEach((item, j) => {\n            currentWidth += getItemWidth(item, i, j, group.length);\n\n            if (\n                hideAllNext ||\n                (!hiddenActions.length && isLastElement(i, j)\n                    ? // Hide last element only if it doesn't fit\n                      currentWidth > availableWidth\n                    : // Hide other elements if they don't fit counting dots button width\n                      currentWidth + dotsWidth > availableWidth)\n            ) {\n                // We found first button that doesn't fit. It means that everything after it doesn't fit too.\n                hideAllNext = true;\n                if (\n                    item.type === ToolbarDataType.SingleButton ||\n                    item.type === ToolbarDataType.ButtonPopup\n                ) {\n                    dotsData.push(item);\n                } else if (item.type === ToolbarDataType.ListButton) {\n                    dotsData.push(...item.data);\n                }\n            } else {\n                newGroup.push(group[j]);\n            }\n        });\n\n        if (newGroup.length) fittingData.push(newGroup);\n    });\n\n    dotsData.push(...hiddenActions);\n\n    return {data: fittingData, dots: dotsData.length ? dotsData : undefined};\n}\n\nfunction getItemWidth<E>(\n    item: ToolbarGroupItemData<E>,\n    i: number,\n    j: number,\n    rowLength: number,\n): number {\n    let additionalWidth = 0;\n\n    // Add horizontal gap between groups to the first item of all groups except first\n    if (i > 0 && j === 0) additionalWidth += H_GAP;\n\n    // Add horizontal gapbetween buttons to all items except first\n    if (j > 0 && j < rowLength) additionalWidth += BG_H_GAP;\n\n    if (item.type === ToolbarDataType.SingleButton || item.type === ToolbarDataType.ButtonPopup)\n        return B_WIDTH + additionalWidth;\n    else if (item.type === ToolbarDataType.ListButton) return B_WITH_ARROW_WIDTH + additionalWidth;\n    else return (item.width || 0) + additionalWidth;\n}\n"]}

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

@@ -1,7 +1,7 @@
-export * from './const';
-export * from './types';
-export * from './Toolbar';
-export * from './ToolbarButton';
-export * from './ToolbarGroup';
-export * from './ToolbarListButton';
-export * from './FlexToolbar';
+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";

package/build/esm/toolbar/index.js

@@ -1,7 +1,8 @@
-export * from './const';
-export * from './types';
-export * from './Toolbar';
-export * from './ToolbarButton';
-export * from './ToolbarGroup';
-export * from './ToolbarListButton';
-export * from './FlexToolbar';
+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";
+//# sourceMappingURL=index.js.map

package/build/esm/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["toolbar/index.ts"],"names":[],"mappings":"AAAA,2BAAwB;AACxB,2BAAwB;AACxB,6BAA0B;AAC1B,mCAAgC;AAChC,kCAA+B;AAC/B,uCAAoC;AACpC,iCAA8B","sourcesContent":["export * from './const';\nexport * from './types';\nexport * from './Toolbar';\nexport * from './ToolbarButton';\nexport * from './ToolbarGroup';\nexport * from './ToolbarListButton';\nexport * from './FlexToolbar';\n"]}

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

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

package/build/esm/toolbar/types.js

@@ -9,3 +9,4 @@ export var ToolbarDataType;
     ToolbarDataType["ReactNodeFn"] = "r-node-fn";
     ToolbarDataType["ReactComponent"] = "r-component";
 })(ToolbarDataType || (ToolbarDataType = {}));
+//# sourceMappingURL=types.js.map

package/build/esm/toolbar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["toolbar/types.ts"],"names":[],"mappings":"AAsCA,MAAM,CAAN,IAAY,eASX;AATD,WAAY,eAAe;IACvB,4CAAyB,CAAA;IACzB,wCAAqB,CAAA;IACrB,0CAAuB,CAAA;IACvB,kDAAkD;IAClD,uCAAoB,CAAA;IACpB,kDAAkD;IAClD,4CAAyB,CAAA;IACzB,iDAA8B,CAAA;AAClC,CAAC,EATW,eAAe,KAAf,eAAe,QAS1B","sourcesContent":["import type {HotkeyProps, IconProps} from '@gravity-ui/uikit';\n\nimport type {ClassNameProps} from '../classname';\n\nexport type ToolbarBaseProps<E> = ClassNameProps & {\n    editor: E;\n    focus(): void;\n    onClick?(id: string, attrs?: {[key: string]: any}): void;\n};\n\nexport type ToolbarIconData = Pick<IconProps, 'data' | 'size'>;\nexport type ToolbarGroupData<E> = Array<ToolbarGroupItemData<E>>;\nexport type ToolbarData<E> = ToolbarGroupData<E>[];\n\nexport type ToolbarItemData<E> = {\n    id: string;\n    icon: ToolbarIconData;\n    title: string | (() => string);\n    hint?: string | (() => string);\n    hotkey?: HotkeyProps['value'];\n    preview?: React.ReactNode;\n    /**\n     * Show hint when _isEnable()_ returns false\n     *\n     * `false` – don't show hint;\n     *\n     * `true` – show default hint;\n     *\n     * `string` or `() => string` – show hint with custom message.\n     *\n     * @default true\n     */\n    hintWhenDisabled?: boolean | string | (() => string);\n    exec(editor: E): void;\n    isActive(editor: E): boolean;\n    isEnable(editor: E): boolean;\n};\n\nexport enum ToolbarDataType {\n    SingleButton = 's-button',\n    ListButton = 'list-b',\n    ButtonPopup = 'b-popup',\n    /** @deprecated Use ReactComponent type instead */\n    ReactNode = 'r-node',\n    /** @deprecated Use ReactComponent type instead */\n    ReactNodeFn = 'r-node-fn',\n    ReactComponent = 'r-component',\n}\n\nexport type ToolbarGroupItemData<E> =\n    | ToolbarSingleItemData<E>\n    | ToolbarButtonPopupData<E>\n    | ToolbarListItemData<E>\n    | ToolbarReactNodeData\n    | ToolbarReactNodeFnData<E>\n    | ToolbarReactComponentData<E>;\n\nexport type ToolbarSingleItemData<E> = ToolbarItemData<E> & {\n    id: string;\n    type: ToolbarDataType.SingleButton;\n    className?: string;\n};\n\nexport type ToolbarListItemData<E> = ToolbarListButtonData<E> & {\n    id: string;\n    type: ToolbarDataType.ListButton;\n    className?: string;\n};\n\nexport type ToolbarReactComponentData<E> = {\n    id: string;\n    type: ToolbarDataType.ReactComponent;\n    width: number;\n    className?: string;\n    component: React.ComponentType<ToolbarBaseProps<E>>;\n    props?: object;\n};\n\nexport type ToolbarButtonPopupData<E> = ToolbarItemData<E> & {\n    /** not used, may be an empty function */\n    exec: ToolbarItemData<E>['exec'];\n    type: ToolbarDataType.ButtonPopup;\n    renderPopup: (\n        props: ToolbarBaseProps<E> & {hide: () => void; anchorElement: HTMLElement | null},\n    ) => React.ReactNode;\n    className?: string;\n};\n\nexport type ToolbarListButtonItemData<E> = ToolbarItemData<E> & {\n    doNotActivateList?: boolean;\n};\n\nexport type ToolbarListButtonData<E> = {\n    icon: ToolbarIconData;\n    title: string | (() => string);\n    withArrow?: boolean;\n    data: ToolbarListButtonItemData<E>[];\n    alwaysActive?: boolean;\n    hideDisabled?: boolean;\n};\n\n/**\n * @deprecated Use ReactComponent type instead\n * */\nexport type ToolbarReactNodeData = {\n    id: string;\n    type: ToolbarDataType.ReactNode;\n    width: number;\n    content: React.ReactNode;\n};\n\n/**\n * @deprecated Use ReactComponent type instead\n * */\nexport type ToolbarReactNodeFnData<E> = {\n    id: string;\n    type: ToolbarDataType.ReactNodeFn;\n    width: number;\n    content: (e: E) => React.ReactNode;\n};\n"]}

package/build/esm/types/spec.js

@@ -4,3 +4,4 @@
 ///                                              ///
 ////////////////////////////////////////////////////
 export {};
+//# sourceMappingURL=spec.js.map

package/build/esm/types/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec.js","sourceRoot":"../../../src","sources":["types/spec.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,oDAAoD;AACpD,oDAAoD;AACpD,oDAAoD;AACpD,oDAAoD;AAEpD,OAAO,EAAE,CAAC","sourcesContent":["////////////////////////////////////////////////////\n///                                              ///\n///   This is a place to extend spec types       ///\n///                                              ///\n////////////////////////////////////////////////////\n\nexport {};\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        /**\n         * Determines whether this node is part of complex block,\n         * e.g. yfm-cut, yfm-note, tables, etc...\n         * And indicates its own role\n         */\n        complex?: 'root' | 'inner' | 'leaf';\n        escapeText?: boolean;\n\n        /**\n         * Set `false` to disable gapcursor selection inside this node.\n         *\n         * @default true\n         */\n        gapcursor?: boolean;\n    }\n\n    interface MarkSpec {\n        /**\n         * Can be used to indicate that this mark contains code.\n         */\n        code?: boolean;\n    }\n}\n"]}

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

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

package/build/esm/utils/actions.js

@@ -1,5 +1,5 @@
 import { toggleMark } from 'prosemirror-commands';
-import { isMarkActive } from './marks';
+import { isMarkActive } from "./marks.js";
 export function defineActions(actions) {
     return actions;
 }
@@ -11,3 +11,4 @@ export function createToggleMarkAction(markType) {
         run: command,
     };
 }
+//# sourceMappingURL=actions.js.map

package/build/esm/utils/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../src","sources":["utils/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAKhD,OAAO,EAAC,YAAY,EAAC,mBAAgB;AAErC,MAAM,UAAU,aAAa,CAAsB,OAAiC;IAChF,OAAO,OAAO,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,QAAkB;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IACrC,OAAO;QACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC3D,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,OAAO;KACf,CAAC;AACN,CAAC","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\nimport type {MarkType} from 'prosemirror-model';\n\nimport type {ActionSpec} from '../core';\n\nimport {isMarkActive} from './marks';\n\nexport function defineActions<Keys extends string>(actions: Record<Keys, ActionSpec>) {\n    return actions;\n}\n\nexport function createToggleMarkAction(markType: MarkType): ActionSpec {\n    const command = toggleMark(markType);\n    return {\n        isActive: (state) => Boolean(isMarkActive(state, markType)),\n        isEnable: command,\n        run: command,\n    };\n}\n"]}

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

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

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

@@ -1,33 +1,32 @@
-var _AutocompletePopupCloser_view, _AutocompletePopupCloser_timer;
-import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
-import { closeAutocomplete } from '../extensions/behavior/Autocomplete';
+import { closeAutocomplete } from "../extensions/behavior/Autocomplete/index.js";
 export class AutocompletePopupCloser {
+    #view;
+    #timer;
     constructor(view) {
-        _AutocompletePopupCloser_view.set(this, void 0);
-        _AutocompletePopupCloser_timer.set(this, void 0);
-        this.popupEscapeKeyHandler = () => {
-            this.closeAutocomplete();
-        };
-        this.popupOutsideClickHandler = () => {
-            if (!__classPrivateFieldGet(this, _AutocompletePopupCloser_view, "f").hasFocus()) {
-                __classPrivateFieldSet(this, _AutocompletePopupCloser_timer, setTimeout(() => {
-                    __classPrivateFieldSet(this, _AutocompletePopupCloser_timer, undefined, "f");
-                    if (!__classPrivateFieldGet(this, _AutocompletePopupCloser_view, "f").hasFocus()) {
-                        this.closeAutocomplete();
-                    }
-                }, 20), "f");
-            }
-        };
-        __classPrivateFieldSet(this, _AutocompletePopupCloser_view, view, "f");
+        this.#view = view;
     }
+    popupOpenChangeHandler = (_open, _event, reason) => {
+        if (reason === 'escape-key') {
+            this.closeAutocomplete();
+            return;
+        }
+        if (!this.#view.hasFocus()) {
+            this.#timer = setTimeout(() => {
+                this.#timer = undefined;
+                if (!this.#view.hasFocus()) {
+                    this.closeAutocomplete();
+                }
+            }, 20);
+        }
+    };
     closeAutocomplete() {
-        closeAutocomplete(__classPrivateFieldGet(this, _AutocompletePopupCloser_view, "f"));
+        closeAutocomplete(this.#view);
     }
     cancelTimer() {
-        if (__classPrivateFieldGet(this, _AutocompletePopupCloser_timer, "f") !== undefined) {
-            clearTimeout(__classPrivateFieldGet(this, _AutocompletePopupCloser_timer, "f"));
-            __classPrivateFieldSet(this, _AutocompletePopupCloser_timer, undefined, "f");
+        if (this.#timer !== undefined) {
+            clearTimeout(this.#timer);
+            this.#timer = undefined;
         }
     }
 }
-_AutocompletePopupCloser_view = new WeakMap(), _AutocompletePopupCloser_timer = new WeakMap();
+//# sourceMappingURL=autocomplete-popup.js.map

package/build/esm/utils/autocomplete-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-popup.js","sourceRoot":"../../../src","sources":["utils/autocomplete-popup.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,iBAAiB,EAAC,qDAA4C;AAItE,MAAM,OAAO,uBAAuB;IACvB,KAAK,CAAa;IAC3B,MAAM,CAAiC;IAEvC,YAAY,IAAgB;QACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,sBAAsB,GAA4C,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;QACxF,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;YAC1B,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;gBACxB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;oBACzB,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBAC7B,CAAC;YACL,CAAC,EAAE,EAAE,CAAC,CAAC;QACX,CAAC;IACL,CAAC,CAAC;IAEF,iBAAiB;QACb,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,WAAW;QACP,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAC5B,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC1B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QAC5B,CAAC;IACL,CAAC;CACJ","sourcesContent":["import type {PopupProps} from '@gravity-ui/uikit';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {closeAutocomplete} from '../extensions/behavior/Autocomplete';\n\nexport type AutocompletePopupProps = Pick<PopupProps, 'onOpenChange' | 'anchorElement'>;\n\nexport class AutocompletePopupCloser {\n    readonly #view: EditorView;\n    #timer?: ReturnType<typeof setTimeout>;\n\n    constructor(view: EditorView) {\n        this.#view = view;\n    }\n\n    popupOpenChangeHandler: NonNullable<PopupProps['onOpenChange']> = (_open, _event, reason) => {\n        if (reason === 'escape-key') {\n            this.closeAutocomplete();\n            return;\n        }\n\n        if (!this.#view.hasFocus()) {\n            this.#timer = setTimeout(() => {\n                this.#timer = undefined;\n                if (!this.#view.hasFocus()) {\n                    this.closeAutocomplete();\n                }\n            }, 20);\n        }\n    };\n\n    closeAutocomplete() {\n        closeAutocomplete(this.#view);\n    }\n\n    cancelTimer() {\n        if (this.#timer !== undefined) {\n            clearTimeout(this.#timer);\n            this.#timer = undefined;\n        }\n    }\n}\n"]}

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

@@ -1,5 +1,7 @@
-import { IndexCarousel } from './IndexCarousel';
+import { IndexCarousel } from "./IndexCarousel.js";
 export class ArrayCarousel {
+    _array;
+    indexCarousel;
     constructor(array) {
         if (!Array.isArray(array)) {
             throw new Error('ArrayCarousel: "array" argument must be array');
@@ -28,3 +30,4 @@ export class ArrayCarousel {
         return this;
     }
 }
+//# sourceMappingURL=ArrayCarousel.js.map

package/build/esm/utils/carousel/ArrayCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayCarousel.js","sourceRoot":"../../../../src","sources":["utils/carousel/ArrayCarousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,2BAAwB;AAE9C,MAAM,OAAO,aAAa;IACd,MAAM,CAAe;IACrB,aAAa,CAAgB;IAErC,YAAY,KAAmB;QAC3B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACxB,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;QACrE,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;IACtC,CAAC;IAED,IAAI,YAAY,CAAC,KAAa;QAC1B,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;IACvC,CAAC;IAED,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACzC,CAAC;IAED,IAAI;QACA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI;QACA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ","sourcesContent":["import {IndexCarousel} from './IndexCarousel';\n\nexport class ArrayCarousel<T> {\n    private _array: readonly T[];\n    private indexCarousel: IndexCarousel;\n\n    constructor(array: readonly T[]) {\n        if (!Array.isArray(array)) {\n            throw new Error('ArrayCarousel: \"array\" argument must be array');\n        }\n        this._array = array;\n        this.indexCarousel = new IndexCarousel(array.length);\n    }\n\n    get array(): readonly T[] {\n        return this._array;\n    }\n\n    get currentIndex(): number {\n        return this.indexCarousel.current;\n    }\n\n    set currentIndex(value: number) {\n        this.indexCarousel.current = value;\n    }\n\n    get currentItem(): T | undefined {\n        return this.array[this.currentIndex];\n    }\n\n    next(): this {\n        this.indexCarousel.next();\n        return this;\n    }\n\n    prev(): this {\n        this.indexCarousel.prev();\n        return this;\n    }\n}\n"]}

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

@@ -1,6 +1,10 @@
 export 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');
         }
@@ -16,9 +20,6 @@ export class IndexCarousel {
             this.current = start;
         }
     }
-    static isValidLength(value) {
-        return Number.isSafeInteger(length) && value >= 0;
-    }
     get current() {
         if (this.length <= 0)
             return -1;
@@ -57,3 +58,4 @@ export class IndexCarousel {
         this.current = 0;
     }
 }
+//# sourceMappingURL=IndexCarousel.js.map

package/build/esm/utils/carousel/IndexCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndexCarousel.js","sourceRoot":"../../../../src","sources":["utils/carousel/IndexCarousel.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,aAAa;IACd,MAAM,CAAC,aAAa,CAAC,KAAa;QACtC,OAAO,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IACtD,CAAC;IAEO,MAAM,CAAS;IACf,QAAQ,GAAG,CAAC,CAAC;IAErB,YAAY,MAAc,EAAE,KAAc;QACtC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;YACvC,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;QAC3E,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACtB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/B,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;YACjE,CAAC;YACD,IAAI,KAAK,GAAG,CAAC;gBAAE,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAC;YACrF,IAAI,KAAK,IAAI,MAAM;gBAAE,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;YACvF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,CAAC;IACL,CAAC;IAED,IAAI,OAAO;QACP,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO,CAAC,CAAC,CAAC;QAChC,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,IAAI,OAAO,CAAC,KAAa;QACrB,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACpC,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;QAC1F,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,IAAI;QACA,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO,CAAC,CAAC,CAAC;QAChC,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QAC5B,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI;QACA,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO,CAAC,CAAC,CAAC;QAChC,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QAC5B,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC;QACpB,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,KAAK,CAAC,SAAkB;QACpB,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC1B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC1C,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;YAC9E,CAAC;YACD,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QAC5B,CAAC;QACD,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IACrB,CAAC;CACJ","sourcesContent":["export class IndexCarousel {\n    private static isValidLength(value: number) {\n        return Number.isSafeInteger(length) && value >= 0;\n    }\n\n    private length: number;\n    private _current = 0;\n\n    constructor(length: number, start?: number) {\n        if (!IndexCarousel.isValidLength(length)) {\n            throw new Error('IndexCarousel: length must be greater or equal zero');\n        }\n        this.length = length;\n\n        if (start !== undefined) {\n            if (!Number.isSafeInteger(start)) {\n                throw new Error('IndexCarousel: start must be safe integer');\n            }\n            if (start < 0) throw new Error('IndexCarousel: start must be greater or equal zero');\n            if (start >= length) throw new Error('IndexCarousel: start must be lower than length');\n            this.current = start;\n        }\n    }\n\n    get current() {\n        if (this.length <= 0) return -1;\n        return this._current;\n    }\n\n    set current(value: number) {\n        if (value < 0 || value >= this.length) {\n            throw new Error('IndexCarousel: new current must be in the range from 0 to length-1');\n        }\n        this._current = value;\n    }\n\n    next() {\n        if (this.length <= 0) return -1;\n        let next = this.current + 1;\n        next %= this.length;\n        this.current = next;\n        return next;\n    }\n\n    prev() {\n        if (this.length <= 0) return -1;\n        let prev = this.current - 1;\n        prev += this.length;\n        prev %= this.length;\n        this.current = prev;\n        return prev;\n    }\n\n    reset(newLength?: number) {\n        if (newLength !== undefined) {\n            if (!IndexCarousel.isValidLength(newLength)) {\n                throw new Error('IndexCarousel: newLength must be greater or equal zero');\n            }\n            this.length = newLength;\n        }\n        this.current = 0;\n    }\n}\n"]}

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

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

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

@@ -1,2 +1,3 @@
-export { IndexCarousel } from './IndexCarousel';
-export { ArrayCarousel } from './ArrayCarousel';
+export { IndexCarousel } from "./IndexCarousel.js";
+export { ArrayCarousel } from "./ArrayCarousel.js";
+//# sourceMappingURL=index.js.map

package/build/esm/utils/carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["utils/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,2BAAwB;AAC9C,OAAO,EAAC,aAAa,EAAC,2BAAwB","sourcesContent":["export {IndexCarousel} from './IndexCarousel';\nexport {ArrayCarousel} from './ArrayCarousel';\n"]}

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

@@ -2,8 +2,8 @@
 export declare enum DataTransferType {
     Text = "text/plain",
     Html = "text/html",
-    Yfm = "text/yfm",
-    Rtf = "text/rtf",
+    Yfm = "text/yfm",// self
+    Rtf = "text/rtf",// Safari, WebStorm/Intelij
     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 declare type VSCodeData = {
+export type VSCodeData = {
     version: number;
     isFromEmptySelection: boolean;
     multicursorText: null | string;