@gravity-ui/markdown-editor 14.12.3 → 15.0.0

package/build/cjs/view/hooks/useYfmShowElemWithId/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/hooks/useYfmShowElemWithId/index.ts"],"names":[],"mappings":";;;AAAA,oEAAuC","sourcesContent":["export * from './useYfmShowElemWithId';\n"]}

package/build/cjs/view/hooks/useYfmShowElemWithId/useYfmShowElemWithId.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useYfmShowElemWithId = void 0;
+exports.useYfmShowElemWithId = useYfmShowElemWithId;
 const react_1 = require("react");
 const YfmCutCN = {
     Open: 'open',
@@ -32,7 +32,6 @@ function useYfmShowElemWithId(ref, id) {
         }
     }, [id]);
 }
-exports.useYfmShowElemWithId = useYfmShowElemWithId;
 function openYfmCut({ classList }) {
     if (classList.contains(YfmCutCN.Cut) && !classList.contains(YfmCutCN.Open)) {
         classList.add(YfmCutCN.Open);
@@ -46,10 +45,10 @@ function switchYfmTabs(tabPanelElem) {
         tabPanelElem.classList.contains(YfmTabsCN.Active))
         return false;
     const tabsElem = tabPanelElem.parentElement;
-    if (!(tabsElem === null || tabsElem === void 0 ? void 0 : tabsElem.classList.contains(YfmTabsCN.Tabs)))
+    if (!tabsElem?.classList.contains(YfmTabsCN.Tabs))
         return false;
     const yfmTabList = tabsElem.firstElementChild;
-    if (!(yfmTabList === null || yfmTabList === void 0 ? void 0 : yfmTabList.classList.contains(YfmTabsCN.TabList)))
+    if (!yfmTabList?.classList.contains(YfmTabsCN.TabList))
         return false;
     const tabPanelId = tabPanelElem.id;
     for (const tabElem of Array.from(yfmTabList.children)) {
@@ -71,12 +70,12 @@ function switchYfmTabs(tabPanelElem) {
     return true;
 }
 function openFoldingHeadings(elem, id) {
-    var _a;
     if (elem.classList.contains(FoldingHeadingsCN.Section) &&
         !elem.classList.contains(FoldingHeadingsCN.Open) &&
-        id !== ((_a = elem.firstElementChild) === null || _a === void 0 ? void 0 : _a.id)) {
+        id !== elem.firstElementChild?.id) {
         elem.classList.add(FoldingHeadingsCN.Open);
         return true;
     }
     return false;
 }
+//# sourceMappingURL=useYfmShowElemWithId.js.map

package/build/cjs/view/hooks/useYfmShowElemWithId/useYfmShowElemWithId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useYfmShowElemWithId.js","sourceRoot":"../../../../../src","sources":["view/hooks/useYfmShowElemWithId/useYfmShowElemWithId.ts"],"names":[],"mappings":"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","sourcesContent":["import {type RefObject, useEffect} from 'react';\n\nconst YfmCutCN = {\n    Open: 'open',\n    Cut: 'yfm-cut',\n} as const;\n\nconst YfmTabsCN = {\n    Active: 'active',\n    Tabs: 'yfm-tabs',\n    TabList: 'yfm-tab-list',\n    Tab: 'yfm-tab',\n    TabPanel: 'yfm-tab-panel',\n} as const;\n\nconst FoldingHeadingsCN = {\n    Open: 'open',\n    Section: 'heading-section',\n} as const;\n\nexport function useYfmShowElemWithId(ref: RefObject<HTMLElement>, id: string) {\n    useEffect(() => {\n        const {current: containerDom} = ref;\n        if (!id || !containerDom) return;\n\n        let elem = document.getElementById(id);\n        if (!elem || !containerDom.contains(elem)) return;\n\n        while (elem && elem !== containerDom) {\n            // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n            openYfmCut(elem) || openFoldingHeadings(elem, id) || switchYfmTabs(elem);\n            elem = elem.parentElement;\n        }\n    }, [id]);\n}\n\nfunction openYfmCut({classList}: Element): boolean {\n    if (classList.contains(YfmCutCN.Cut) && !classList.contains(YfmCutCN.Open)) {\n        classList.add(YfmCutCN.Open);\n        return true;\n    }\n    return false;\n}\n\nfunction switchYfmTabs(tabPanelElem: Element): boolean {\n    if (\n        !tabPanelElem.id ||\n        !tabPanelElem.classList.contains(YfmTabsCN.TabPanel) ||\n        tabPanelElem.classList.contains(YfmTabsCN.Active)\n    )\n        return false;\n    const tabsElem = tabPanelElem.parentElement;\n    if (!tabsElem?.classList.contains(YfmTabsCN.Tabs)) return false;\n    const yfmTabList = tabsElem.firstElementChild;\n    if (!yfmTabList?.classList.contains(YfmTabsCN.TabList)) return false;\n\n    const tabPanelId = tabPanelElem.id;\n    for (const tabElem of Array.from(yfmTabList.children)) {\n        if (!tabElem.classList.contains(YfmTabsCN.Tab)) continue;\n\n        const isDesiredElem = tabElem.hasAttribute('aria-controls')\n            ? tabElem.getAttribute('aria-controls') === tabPanelId\n            : tabElem.textContent === tabPanelElem.getAttribute('data-title');\n        tabElem.setAttribute('data-diplodoc-is-active', String(isDesiredElem));\n        tabElem.setAttribute('aria-selected', String(isDesiredElem));\n        tabElem.classList.toggle(YfmTabsCN.Active, isDesiredElem);\n    }\n    for (const panelElem of Array.from(tabsElem.children)) {\n        if (!panelElem.classList.contains(YfmTabsCN.TabPanel)) continue;\n\n        const isDesiredElem = panelElem.id === tabPanelId;\n        panelElem.classList.toggle(YfmTabsCN.Active, isDesiredElem);\n    }\n    return true;\n}\n\nfunction openFoldingHeadings(elem: Element, id: string): boolean {\n    if (\n        elem.classList.contains(FoldingHeadingsCN.Section) &&\n        !elem.classList.contains(FoldingHeadingsCN.Open) &&\n        id !== elem.firstElementChild?.id\n    ) {\n        elem.classList.add(FoldingHeadingsCN.Open);\n        return true;\n    }\n    return false;\n}\n"]}

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

@@ -1,3 +1,3 @@
-export * from './components';
-export * from './hooks';
-export * from './types';
+export * from "./components/index.js";
+export * from "./hooks/index.js";
+export * from "./types/index.js";

package/build/cjs/view/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./components"), exports);
-tslib_1.__exportStar(require("./hooks"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./components/index.js"), exports);
+tslib_1.__exportStar(require("./hooks/index.js"), exports);
+tslib_1.__exportStar(require("./types/index.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["view/index.ts"],"names":[],"mappings":";;;AAAA,gEAA6B;AAC7B,2DAAwB;AACxB,2DAAwB","sourcesContent":["export * from './components';\nexport * from './hooks';\nexport * from './types';\n"]}

package/build/cjs/view/types/index.d.ts

@@ -1,4 +1,4 @@
-export declare type TransformMeta = {
+export type TransformMeta = {
     script?: string[];
     style?: string[];
 } | undefined;

package/build/cjs/view/types/index.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index.js.map

package/build/cjs/view/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export type TransformMeta = {script?: string[]; style?: string[]} | undefined;\n"]}

package/build/esm/bundle/Editor.d.ts

@@ -1,10 +1,10 @@
-import type { CommonEditor } from '../common';
-import type { TransformFn } from '../core/markdown/ProseMirrorTransformer';
-import { ReactRenderStorage } from '../extensions';
-import { type Receiver } from '../utils';
-import type { DirectiveSyntaxContext } from '../utils/directive';
-import type { MarkdownEditorMode as EditorMode, MarkdownEditorPreset as EditorPreset, MarkdownEditorOptions } from './types';
-export declare type ToolbarActionData = {
+import type { CommonEditor } from "../common/index.js";
+import type { TransformFn } from "../core/markdown/ProseMirrorTransformer/index.js";
+import type { ReactRenderStorage } from "../extensions/index.js";
+import { type Receiver } from "../utils/index.js";
+import type { DirectiveSyntaxContext } from "../utils/directive.js";
+import type { MarkdownEditorMode as EditorMode, MarkdownEditorPreset as EditorPreset, MarkdownEditorOptions } from "./types.js";
+export type ToolbarActionData = {
     editorMode: EditorMode;
     id: string;
     attrs?: {
@@ -34,13 +34,13 @@ export interface Editor extends Receiver<EventMap>, CommonEditor {
         line: number;
     }): void;
 }
-declare type SetEditorModeOptions = Pick<ChangeEditorModeOptions, 'emit'>;
-export declare type ChangeEditorModeOptions = {
+type SetEditorModeOptions = Pick<ChangeEditorModeOptions, 'emit'>;
+export type ChangeEditorModeOptions = {
     mode: EditorMode;
     reason: 'error-boundary' | 'settings' | 'manually';
     emit?: boolean;
 };
-export declare type EditorOptions = Pick<MarkdownEditorOptions, 'md' | 'initial' | 'handlers' | 'experimental' | 'markupConfig' | 'wysiwygConfig'> & {
+export type EditorOptions = Pick<MarkdownEditorOptions, 'md' | 'initial' | 'handlers' | 'experimental' | 'markupConfig' | 'wysiwygConfig'> & {
     renderStorage: ReactRenderStorage;
     preset: EditorPreset;
     directiveSyntax: DirectiveSyntaxContext;

package/build/esm/bundle/Editor.js

@@ -1,111 +1,77 @@
-var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_markupConfig, _EditorImpl_escapeConfig, _EditorImpl_mdOptions, _EditorImpl_pmTransformers, _EditorImpl_preserveEmptyRows, _EditorImpl_modifiers, _EditorImpl_preset, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_parseInsertedUrlAsImage, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_enableNewImageSizeCalculation, _EditorImpl_directiveSyntax, _EditorImpl_prepareRawMarkup, _EditorImpl_beforeEditorModeChange;
-import { __classPrivateFieldGet, __classPrivateFieldSet, __rest } from "tslib";
 import { EditorView as CMEditorView } from '@codemirror/view';
 import { TextSelection } from 'prosemirror-state';
-import { WysiwygEditor, } from '../core';
-import { i18n } from '../i18n/bundle';
-import { logger } from '../logger';
-import { createCodemirror } from '../markup';
-import { getAutocompleteConfig } from '../markup/codemirror/autocomplete';
-import { Editor as MarkupEditor } from '../markup/editor';
-import { SafeEventEmitter } from '../utils';
-import { MarkupManager } from './MarkupManager';
-import { createDynamicModifiers } from './config/dynamicModifiers';
+import { WysiwygEditor, } from "../core/index.js";
+import { i18n } from "../i18n/bundle/index.js";
+import { logger } from "../logger.js";
+import { createCodemirror } from "../markup/index.js";
+import { getAutocompleteConfig } from "../markup/codemirror/autocomplete/index.js";
+import { Editor as MarkupEditor } from "../markup/editor.js";
+import { SafeEventEmitter } from "../utils/index.js";
+import { MarkupManager } from "./MarkupManager.js";
+import { createDynamicModifiers } from "./config/dynamicModifiers.js";
 /** @internal */
 export class EditorImpl extends SafeEventEmitter {
-    constructor(opts) {
-        var _a, _b, _c, _d, _e, _f;
-        super({ onError: logger.error.bind(logger) });
-        _EditorImpl_markup.set(this, void 0);
-        _EditorImpl_editorMode.set(this, void 0);
-        _EditorImpl_toolbarVisible.set(this, void 0);
-        _EditorImpl_splitModeEnabled.set(this, void 0);
-        _EditorImpl_splitMode.set(this, void 0);
-        _EditorImpl_renderPreview.set(this, void 0);
-        _EditorImpl_wysiwygEditor.set(this, void 0);
-        _EditorImpl_markupEditor.set(this, void 0);
-        _EditorImpl_markupConfig.set(this, void 0);
-        _EditorImpl_escapeConfig.set(this, void 0);
-        _EditorImpl_mdOptions.set(this, void 0);
-        _EditorImpl_pmTransformers.set(this, []);
-        _EditorImpl_preserveEmptyRows.set(this, void 0);
-        _EditorImpl_modifiers.set(this, void 0);
-        _EditorImpl_preset.set(this, void 0);
-        _EditorImpl_extensions.set(this, void 0);
-        _EditorImpl_renderStorage.set(this, void 0);
-        _EditorImpl_fileUploadHandler.set(this, void 0);
-        _EditorImpl_parseInsertedUrlAsImage.set(this, void 0);
-        _EditorImpl_needToSetDimensionsForUploadedImages.set(this, void 0);
-        _EditorImpl_enableNewImageSizeCalculation.set(this, void 0);
-        _EditorImpl_directiveSyntax.set(this, void 0);
-        _EditorImpl_prepareRawMarkup.set(this, void 0);
-        _EditorImpl_beforeEditorModeChange.set(this, void 0);
-        this.getValue = () => this.currentEditor.getValue();
-        const { md = {}, initial = {}, handlers = {}, experimental = {}, markupConfig = {}, wysiwygConfig = {}, } = opts;
-        __classPrivateFieldSet(this, _EditorImpl_modifiers, experimental.preserveMarkupFormatting
-            ? createDynamicModifiers(new MarkupManager())
-            : undefined, "f");
-        __classPrivateFieldSet(this, _EditorImpl_editorMode, (_a = initial.mode) !== null && _a !== void 0 ? _a : 'wysiwyg', "f");
-        __classPrivateFieldSet(this, _EditorImpl_toolbarVisible, (_b = initial.toolbarVisible) !== null && _b !== void 0 ? _b : true, "f");
-        __classPrivateFieldSet(this, _EditorImpl_splitMode, (_c = (markupConfig.renderPreview && markupConfig.splitMode)) !== null && _c !== void 0 ? _c : false, "f");
-        __classPrivateFieldSet(this, _EditorImpl_splitModeEnabled, (_d = (__classPrivateFieldGet(this, _EditorImpl_splitMode, "f") && initial.splitModeEnabled)) !== null && _d !== void 0 ? _d : false, "f");
-        __classPrivateFieldSet(this, _EditorImpl_renderPreview, markupConfig.renderPreview, "f");
-        __classPrivateFieldSet(this, _EditorImpl_markup, (_e = initial.markup) !== null && _e !== void 0 ? _e : '', "f");
-        __classPrivateFieldSet(this, _EditorImpl_preset, (_f = opts.preset) !== null && _f !== void 0 ? _f : 'full', "f");
-        __classPrivateFieldSet(this, _EditorImpl_pmTransformers, opts.pmTransformers, "f");
-        __classPrivateFieldSet(this, _EditorImpl_mdOptions, md, "f");
-        __classPrivateFieldSet(this, _EditorImpl_extensions, wysiwygConfig.extensions, "f");
-        __classPrivateFieldSet(this, _EditorImpl_markupConfig, Object.assign({}, opts.markupConfig), "f");
-        __classPrivateFieldSet(this, _EditorImpl_renderStorage, opts.renderStorage, "f");
-        __classPrivateFieldSet(this, _EditorImpl_fileUploadHandler, handlers.uploadFile, "f");
-        __classPrivateFieldSet(this, _EditorImpl_parseInsertedUrlAsImage, markupConfig.parseInsertedUrlAsImage, "f");
-        __classPrivateFieldSet(this, _EditorImpl_needToSetDimensionsForUploadedImages, Boolean(experimental.needToSetDimensionsForUploadedImages), "f");
-        __classPrivateFieldSet(this, _EditorImpl_directiveSyntax, opts.directiveSyntax, "f");
-        __classPrivateFieldSet(this, _EditorImpl_enableNewImageSizeCalculation, Boolean(experimental.enableNewImageSizeCalculation), "f");
-        __classPrivateFieldSet(this, _EditorImpl_preserveEmptyRows, experimental.preserveEmptyRows || false, "f");
-        __classPrivateFieldSet(this, _EditorImpl_prepareRawMarkup, experimental.prepareRawMarkup, "f");
-        __classPrivateFieldSet(this, _EditorImpl_escapeConfig, wysiwygConfig.escapeConfig, "f");
-        __classPrivateFieldSet(this, _EditorImpl_beforeEditorModeChange, experimental.beforeEditorModeChange, "f");
-    }
+    #markup;
+    #editorMode;
+    #toolbarVisible;
+    #splitModeEnabled;
+    #splitMode;
+    #renderPreview;
+    #wysiwygEditor;
+    #markupEditor;
+    #markupConfig;
+    #escapeConfig;
+    #mdOptions;
+    #pmTransformers = [];
+    #preserveEmptyRows;
+    #modifiers;
+    #preset;
+    #extensions;
+    #renderStorage;
+    #fileUploadHandler;
+    #parseInsertedUrlAsImage;
+    #needToSetDimensionsForUploadedImages;
+    #enableNewImageSizeCalculation;
+    #directiveSyntax;
+    #prepareRawMarkup;
+    #beforeEditorModeChange;
     get _wysiwygView() {
-        var _a;
         // @ts-expect-error internal typing
-        return (_a = __classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f")) === null || _a === void 0 ? void 0 : _a.view;
+        return this.#wysiwygEditor?.view;
     }
     get currentMode() {
-        return __classPrivateFieldGet(this, _EditorImpl_editorMode, "f");
+        return this.#editorMode;
     }
     set currentMode(newMode) {
-        var _a, _b, _c;
         switch (newMode) {
             case 'markup': {
-                __classPrivateFieldSet(this, _EditorImpl_editorMode, newMode, "f");
-                if (__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f")) {
-                    const markupEditorValue = (_a = __classPrivateFieldGet(this, _EditorImpl_markupEditor, "f")) === null || _a === void 0 ? void 0 : _a.getValue();
-                    const wysiwygEditorValue = __classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f").getValue();
+                this.#editorMode = newMode;
+                if (this.#wysiwygEditor) {
+                    const markupEditorValue = this.#markupEditor?.getValue();
+                    const wysiwygEditorValue = this.#wysiwygEditor.getValue();
                     if (!markupEditorValue ||
                         this.shouldReplaceMarkupEditorValue(markupEditorValue, wysiwygEditorValue)) {
-                        __classPrivateFieldSet(this, _EditorImpl_markup, wysiwygEditorValue, "f");
+                        this.#markup = wysiwygEditorValue;
                     }
                     else {
-                        __classPrivateFieldSet(this, _EditorImpl_markup, markupEditorValue, "f");
+                        this.#markup = markupEditorValue;
                     }
                 }
-                if (__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f"))
-                    __classPrivateFieldGet(this, _EditorImpl_markupEditor, "f").replace(__classPrivateFieldGet(this, _EditorImpl_markup, "f"));
+                if (this.#markupEditor)
+                    this.#markupEditor.replace(this.#markup);
                 break;
             }
             case 'wysiwyg': {
-                __classPrivateFieldSet(this, _EditorImpl_editorMode, newMode, "f");
-                if (__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f")) {
-                    const value = __classPrivateFieldGet(this, _EditorImpl_markupEditor, "f").getValue();
-                    __classPrivateFieldSet(this, _EditorImpl_markup, (_c = (_b = __classPrivateFieldGet(this, _EditorImpl_prepareRawMarkup, "f")) === null || _b === void 0 ? void 0 : _b.call(this, value)) !== null && _c !== void 0 ? _c : value, "f");
+                this.#editorMode = newMode;
+                if (this.#markupEditor) {
+                    const value = this.#markupEditor.getValue();
+                    this.#markup = this.#prepareRawMarkup?.(value) ?? value;
                 }
-                else if (__classPrivateFieldGet(this, _EditorImpl_prepareRawMarkup, "f")) {
-                    __classPrivateFieldSet(this, _EditorImpl_markup, __classPrivateFieldGet(this, _EditorImpl_prepareRawMarkup, "f").call(this, __classPrivateFieldGet(this, _EditorImpl_markup, "f")), "f");
+                else if (this.#prepareRawMarkup) {
+                    this.#markup = this.#prepareRawMarkup(this.#markup);
                 }
-                if (__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f"))
-                    __classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f").replace(__classPrivateFieldGet(this, _EditorImpl_markup, "f"));
+                if (this.#wysiwygEditor)
+                    this.#wysiwygEditor.replace(this.#markup);
                 break;
             }
             default:
@@ -116,25 +82,25 @@ export class EditorImpl extends SafeEventEmitter {
         }, 30);
     }
     get toolbarVisible() {
-        return __classPrivateFieldGet(this, _EditorImpl_toolbarVisible, "f");
+        return this.#toolbarVisible;
     }
     get splitModeEnabled() {
-        return __classPrivateFieldGet(this, _EditorImpl_splitModeEnabled, "f");
+        return this.#splitModeEnabled;
     }
     get splitMode() {
-        return __classPrivateFieldGet(this, _EditorImpl_splitMode, "f");
+        return this.#splitMode;
     }
     get preset() {
-        return __classPrivateFieldGet(this, _EditorImpl_preset, "f");
+        return this.#preset;
     }
     get mdOptions() {
-        return __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f");
+        return this.#mdOptions;
     }
     get directiveSyntax() {
-        return __classPrivateFieldGet(this, _EditorImpl_directiveSyntax, "f");
+        return this.#directiveSyntax;
     }
     get renderPreview() {
-        return __classPrivateFieldGet(this, _EditorImpl_renderPreview, "f");
+        return this.#renderPreview;
     }
     get currentEditor() {
         const mode = this.currentMode;
@@ -148,71 +114,98 @@ export class EditorImpl extends SafeEventEmitter {
         }
     }
     get wysiwygEditor() {
-        if (!__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f")) {
-            const mdPreset = __classPrivateFieldGet(this, _EditorImpl_preset, "f") === 'zero' || __classPrivateFieldGet(this, _EditorImpl_preset, "f") === 'commonmark' ? __classPrivateFieldGet(this, _EditorImpl_preset, "f") : 'default';
-            __classPrivateFieldSet(this, _EditorImpl_wysiwygEditor, new WysiwygEditor({
+        if (!this.#wysiwygEditor) {
+            const mdPreset = this.#preset === 'zero' || this.#preset === 'commonmark' ? this.#preset : 'default';
+            this.#wysiwygEditor = new WysiwygEditor({
                 mdPreset,
-                initialContent: __classPrivateFieldGet(this, _EditorImpl_markup, "f"),
-                extensions: __classPrivateFieldGet(this, _EditorImpl_extensions, "f"),
-                pmTransformers: __classPrivateFieldGet(this, _EditorImpl_pmTransformers, "f"),
-                modifiers: __classPrivateFieldGet(this, _EditorImpl_modifiers, "f"),
-                allowHTML: __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").html,
-                linkify: __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").linkify,
-                linkifyTlds: __classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").linkifyTlds,
-                escapeConfig: __classPrivateFieldGet(this, _EditorImpl_escapeConfig, "f"),
+                initialContent: this.#markup,
+                extensions: this.#extensions,
+                pmTransformers: this.#pmTransformers,
+                modifiers: this.#modifiers,
+                allowHTML: this.#mdOptions.html,
+                linkify: this.#mdOptions.linkify,
+                linkifyTlds: this.#mdOptions.linkifyTlds,
+                escapeConfig: this.#escapeConfig,
                 onChange: () => this.emit('rerender-toolbar', null),
                 onDocChange: () => this.emit('change', null),
-            }), "f");
+            });
         }
-        return __classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f");
+        return this.#wysiwygEditor;
     }
     get markupEditor() {
-        var _a, _b;
-        if (!__classPrivateFieldGet(this, _EditorImpl_markupEditor, "f")) {
-            __classPrivateFieldSet(this, _EditorImpl_markupEditor, new MarkupEditor(createCodemirror({
-                doc: __classPrivateFieldGet(this, _EditorImpl_markup, "f"),
-                placeholder: (_a = __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").placeholder) !== null && _a !== void 0 ? _a : i18n('markup_placeholder'),
+        if (!this.#markupEditor) {
+            this.#markupEditor = new MarkupEditor(createCodemirror({
+                doc: this.#markup,
+                placeholder: this.#markupConfig.placeholder ?? i18n('markup_placeholder'),
                 onCancel: () => this.emit('cancel', null),
                 onSubmit: () => this.emit('submit', null),
                 onChange: () => this.emit('rerender-toolbar', null),
                 onDocChange: () => this.emit('change', null),
                 onScroll: (event) => this.emit('cm-scroll', { event }),
-                reactRenderer: __classPrivateFieldGet(this, _EditorImpl_renderStorage, "f"),
+                reactRenderer: this.#renderStorage,
                 uploadHandler: this.fileUploadHandler,
                 parseInsertedUrlAsImage: this.parseInsertedUrlAsImage,
                 needImageDimensions: this.needToSetDimensionsForUploadedImages,
-                parseHtmlOnPaste: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").parseHtmlOnPaste,
+                parseHtmlOnPaste: this.#markupConfig.parseHtmlOnPaste,
                 enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,
-                extensions: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").extensions,
-                disabledExtensions: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").disabledExtensions,
-                keymaps: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").keymaps,
-                preserveEmptyRows: __classPrivateFieldGet(this, _EditorImpl_preserveEmptyRows, "f"),
+                extensions: this.#markupConfig.extensions,
+                disabledExtensions: this.#markupConfig.disabledExtensions,
+                keymaps: this.#markupConfig.keymaps,
+                preserveEmptyRows: this.#preserveEmptyRows,
                 yfmLangOptions: {
                     languageData: getAutocompleteConfig({
-                        preserveEmptyRows: __classPrivateFieldGet(this, _EditorImpl_preserveEmptyRows, "f"),
-                    }).concat(((_b = __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f")) === null || _b === void 0 ? void 0 : _b.languageData) || []),
+                        preserveEmptyRows: this.#preserveEmptyRows,
+                    }).concat(this.#markupConfig?.languageData || []),
                 },
-                autocompletion: __classPrivateFieldGet(this, _EditorImpl_markupConfig, "f").autocompletion,
+                autocompletion: this.#markupConfig.autocompletion,
                 directiveSyntax: this.directiveSyntax,
                 receiver: this,
-            })), "f");
+            }));
         }
-        return __classPrivateFieldGet(this, _EditorImpl_markupEditor, "f");
+        return this.#markupEditor;
     }
     get renderStorage() {
-        return __classPrivateFieldGet(this, _EditorImpl_renderStorage, "f");
+        return this.#renderStorage;
     }
     get fileUploadHandler() {
-        return __classPrivateFieldGet(this, _EditorImpl_fileUploadHandler, "f");
+        return this.#fileUploadHandler;
     }
     get parseInsertedUrlAsImage() {
-        return __classPrivateFieldGet(this, _EditorImpl_parseInsertedUrlAsImage, "f");
+        return this.#parseInsertedUrlAsImage;
     }
     get needToSetDimensionsForUploadedImages() {
-        return __classPrivateFieldGet(this, _EditorImpl_needToSetDimensionsForUploadedImages, "f");
+        return this.#needToSetDimensionsForUploadedImages;
     }
     get enableNewImageSizeCalculation() {
-        return __classPrivateFieldGet(this, _EditorImpl_enableNewImageSizeCalculation, "f");
+        return this.#enableNewImageSizeCalculation;
+    }
+    constructor(opts) {
+        super({ onError: logger.error.bind(logger) });
+        const { md = {}, initial = {}, handlers = {}, experimental = {}, markupConfig = {}, wysiwygConfig = {}, } = opts;
+        this.#modifiers = experimental.preserveMarkupFormatting
+            ? createDynamicModifiers(new MarkupManager())
+            : undefined;
+        this.#editorMode = initial.mode ?? 'wysiwyg';
+        this.#toolbarVisible = initial.toolbarVisible ?? true;
+        this.#splitMode = (markupConfig.renderPreview && markupConfig.splitMode) ?? false;
+        this.#splitModeEnabled = (this.#splitMode && initial.splitModeEnabled) ?? false;
+        this.#renderPreview = markupConfig.renderPreview;
+        this.#markup = initial.markup ?? '';
+        this.#preset = opts.preset ?? 'full';
+        this.#pmTransformers = opts.pmTransformers;
+        this.#mdOptions = md;
+        this.#extensions = wysiwygConfig.extensions;
+        this.#markupConfig = { ...opts.markupConfig };
+        this.#renderStorage = opts.renderStorage;
+        this.#fileUploadHandler = handlers.uploadFile;
+        this.#parseInsertedUrlAsImage = markupConfig.parseInsertedUrlAsImage;
+        this.#needToSetDimensionsForUploadedImages = Boolean(experimental.needToSetDimensionsForUploadedImages);
+        this.#directiveSyntax = opts.directiveSyntax;
+        this.#enableNewImageSizeCalculation = Boolean(experimental.enableNewImageSizeCalculation);
+        this.#preserveEmptyRows = experimental.preserveEmptyRows || false;
+        this.#prepareRawMarkup = experimental.prepareRawMarkup;
+        this.#escapeConfig = wysiwygConfig.escapeConfig;
+        this.#beforeEditorModeChange = experimental.beforeEditorModeChange;
     }
     // ---> implements CodeEditor
     get cm() {
@@ -228,22 +221,19 @@ export class EditorImpl extends SafeEventEmitter {
     }
     // <--- implements ActionStorage
     destroy() {
-        var _a, _b;
-        (_a = __classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f")) === null || _a === void 0 ? void 0 : _a.destroy();
-        (_b = __classPrivateFieldGet(this, _EditorImpl_markupEditor, "f")) === null || _b === void 0 ? void 0 : _b.codemirror.destroy();
-        __classPrivateFieldSet(this, _EditorImpl_markupEditor, undefined, "f");
-        __classPrivateFieldSet(this, _EditorImpl_markupEditor, undefined, "f");
-        __classPrivateFieldSet(this, _EditorImpl_wysiwygEditor, undefined, "f");
+        this.#wysiwygEditor?.destroy();
+        this.#markupEditor?.codemirror.destroy();
+        this.#markupEditor = undefined;
+        this.#markupEditor = undefined;
+        this.#wysiwygEditor = undefined;
     }
     setEditorMode(mode, opts) {
-        this.changeEditorMode({ mode, reason: 'manually', emit: opts === null || opts === void 0 ? void 0 : opts.emit });
+        this.changeEditorMode({ mode, reason: 'manually', emit: opts?.emit });
     }
-    changeEditorMode(_a) {
-        var _b;
-        var { emit = true } = _a, opts = __rest(_a, ["emit"]);
-        if (__classPrivateFieldGet(this, _EditorImpl_editorMode, "f") === opts.mode)
+    changeEditorMode({ emit = true, ...opts }) {
+        if (this.#editorMode === opts.mode)
             return;
-        if (((_b = __classPrivateFieldGet(this, _EditorImpl_beforeEditorModeChange, "f")) === null || _b === void 0 ? void 0 : _b.call(this, { mode: opts.mode, reason: opts.reason })) === false) {
+        if (this.#beforeEditorModeChange?.({ mode: opts.mode, reason: opts.reason }) === false) {
             return;
         }
         this.currentMode = opts.mode;
@@ -253,14 +243,14 @@ export class EditorImpl extends SafeEventEmitter {
         }
     }
     changeToolbarVisibility(opts) {
-        __classPrivateFieldSet(this, _EditorImpl_toolbarVisible, opts.visible, "f");
+        this.#toolbarVisible = opts.visible;
         this.emit('rerender', null);
         this.emit('change-toolbar-visibility', opts);
     }
     changeSplitModeEnabled(opts) {
-        if (__classPrivateFieldGet(this, _EditorImpl_splitModeEnabled, "f") === opts.splitModeEnabled)
+        if (this.#splitModeEnabled === opts.splitModeEnabled)
             return;
-        __classPrivateFieldSet(this, _EditorImpl_splitModeEnabled, opts.splitModeEnabled, "f");
+        this.#splitModeEnabled = opts.splitModeEnabled;
         this.emit('rerender', null);
         this.emit('change-split-mode-enabled', opts);
     }
@@ -270,6 +260,7 @@ export class EditorImpl extends SafeEventEmitter {
     hasFocus() {
         return this.currentEditor.hasFocus();
     }
+    getValue = () => this.currentEditor.getValue();
     isEmpty() {
         return this.currentEditor.isEmpty();
     }
@@ -328,12 +319,10 @@ export class EditorImpl extends SafeEventEmitter {
         }
     }
     shouldReplaceMarkupEditorValue(markupValue, wysiwygValue) {
-        var _a;
-        const serializedEditorMarkup = (_a = __classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f")) === null || _a === void 0 ? void 0 : _a.serializer.serialize(__classPrivateFieldGet(this, _EditorImpl_wysiwygEditor, "f").parser.parse(markupValue), __classPrivateFieldGet(this, _EditorImpl_escapeConfig, "f"));
-        return (serializedEditorMarkup === null || serializedEditorMarkup === void 0 ? void 0 : serializedEditorMarkup.trim()) !== wysiwygValue.trim();
+        const serializedEditorMarkup = this.#wysiwygEditor?.serializer.serialize(this.#wysiwygEditor.parser.parse(markupValue), this.#escapeConfig);
+        return serializedEditorMarkup?.trim() !== wysiwygValue.trim();
     }
 }
-_EditorImpl_markup = new WeakMap(), _EditorImpl_editorMode = new WeakMap(), _EditorImpl_toolbarVisible = new WeakMap(), _EditorImpl_splitModeEnabled = new WeakMap(), _EditorImpl_splitMode = new WeakMap(), _EditorImpl_renderPreview = new WeakMap(), _EditorImpl_wysiwygEditor = new WeakMap(), _EditorImpl_markupEditor = new WeakMap(), _EditorImpl_markupConfig = new WeakMap(), _EditorImpl_escapeConfig = new WeakMap(), _EditorImpl_mdOptions = new WeakMap(), _EditorImpl_pmTransformers = new WeakMap(), _EditorImpl_preserveEmptyRows = new WeakMap(), _EditorImpl_modifiers = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_parseInsertedUrlAsImage = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_enableNewImageSizeCalculation = new WeakMap(), _EditorImpl_directiveSyntax = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap(), _EditorImpl_beforeEditorModeChange = new WeakMap();
 function getTopOffset(elem) {
     const TOOLBAR_HEIGHT = 36; //px
     const TOOLBAR_BOTTOM_OFFSET = 8; // px
@@ -354,3 +343,4 @@ function calculateCSSNumberValue(cssValue) {
     tmp.remove();
     return value;
 }
+//# sourceMappingURL=Editor.js.map