@phenix1024/editor 0.1.0 → 0.2.0

package/dist/ophx-editor.js

@@ -1,538 +1,506 @@
-import { Editor as e, Extension as t, Mark as n, Node as r } from "@tiptap/core";
-import i from "@tiptap/starter-kit";
-import a from "@tiptap/extension-underline";
-import o from "@tiptap/extension-link";
-import s from "@tiptap/extension-image";
+import { Editor as e, Extension as t, Mark as n, Node as r, getMarkRange as i } from "@tiptap/core";
+import a from "@tiptap/starter-kit";
+import o from "@tiptap/extension-underline";
+import s from "@tiptap/extension-link";
 import c from "@tiptap/extension-placeholder";
 import { Table as l } from "@tiptap/extension-table";
 import { TableRow as u } from "@tiptap/extension-table-row";
 import { TableHeader as d } from "@tiptap/extension-table-header";
 import { TableCell as f } from "@tiptap/extension-table-cell";
-import p from "@tiptap/extension-heading";
-import { Plugin as m, PluginKey as h } from "@tiptap/pm/state";
-import { Decoration as g, DecorationSet as _ } from "@tiptap/pm/view";
-import v from "jszip";
-// src/editor/extensions.ts
-var y = n.create({
-	name: "label",
-	inclusive: !1,
-	addAttributes() {
-		return { label: {
-			default: "highlight",
-			parseHTML: (e) => e.dataset.label ?? "highlight",
-			renderHTML: (e) => ({ "data-label": e.label })
-		} };
+import p from "jszip";
+import m from "@tiptap/extension-heading";
+import h from "@tiptap/extension-image";
+import { Plugin as g, PluginKey as _ } from "@tiptap/pm/state";
+import { Decoration as v, DecorationSet as y } from "@tiptap/pm/view";
+// src/editor/toolbar.ts
+var ee = [
+	{
+		action: "bold",
+		label: "Ж",
+		title: "Жирный (⌘/Ctrl+B)"
 	},
-	parseHTML() {
-		return [{ tag: "mark[data-label]" }, { tag: "mark" }];
+	{
+		action: "italic",
+		label: "К",
+		title: "Курсив (⌘/Ctrl+I)"
 	},
-	renderHTML({ HTMLAttributes: e }) {
-		return [
-			"mark",
-			e,
-			0
-		];
-	}
-});
-function b() {
-	return {
-		fieldId: {
-			default: "",
-			parseHTML: (e) => e.getAttribute("data-ophx-field") ?? "",
-			renderHTML: (e) => ({ "data-ophx-field": e.fieldId ?? "" })
-		},
-		fieldLabel: {
-			default: null,
-			parseHTML: (e) => e.getAttribute("data-ophx-label"),
-			renderHTML: (e) => e.fieldLabel ? { "data-ophx-label": e.fieldLabel } : {}
-		},
-		required: {
-			default: !1,
-			parseHTML: (e) => e.getAttribute("data-ophx-required") === "true",
-			renderHTML: (e) => e.required ? { "data-ophx-required": "true" } : {}
-		}
-	};
-}
-var x = /^[A-Za-z0-9._-]+$/, S = r.create({
-	name: "ophxInlineField",
-	priority: 1e3,
-	group: "inline",
-	inline: !0,
-	content: "text*",
-	defining: !0,
-	addAttributes: b,
-	parseHTML() {
-		return [{
-			tag: "span.ophx-field[contenteditable=\"true\"][data-ophx-field]",
-			priority: 1e3
-		}];
+	{
+		action: "underline",
+		label: "Ч",
+		title: "Подчёркнутый (⌘/Ctrl+U)"
 	},
-	renderHTML({ HTMLAttributes: e }) {
-		return [
-			"span",
-			{
-				...e,
-				class: "ophx-field",
-				contenteditable: "true"
-			},
-			0
-		];
-	}
-}), C = r.create({
-	name: "ophxBlockField",
-	priority: 1e3,
-	group: "block",
-	content: "text*",
-	defining: !0,
-	addAttributes() {
-		return {
-			...b(),
-			tagName: {
-				default: "div",
-				parseHTML: (e) => e.tagName.toLowerCase(),
-				renderHTML: () => ({})
-			}
-		};
+	{
+		action: "strike",
+		label: "З",
+		title: "Зачёркнутый"
 	},
-	parseHTML() {
-		return [{
-			tag: "p.ophx-field[contenteditable=\"true\"][data-ophx-field]",
-			priority: 1e3
-		}, {
-			tag: "div.ophx-field[contenteditable=\"true\"][data-ophx-field]",
-			priority: 1e3
-		}];
+	{
+		action: "bullet",
+		label: "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"7\" cy=\"6\" r=\"1.3\"/><circle cx=\"7\" cy=\"12\" r=\"1.3\"/><circle cx=\"7\" cy=\"18\" r=\"1.3\"/><path d=\"M11 6h8M11 12h8M11 18h8\"/></svg>",
+		title: "Маркированный список"
 	},
-	renderHTML({ node: e, HTMLAttributes: t }) {
-		return [
-			e.attrs.tagName === "p" ? "p" : "div",
-			{
-				...t,
-				class: "ophx-field",
-				contenteditable: "true"
-			},
-			0
-		];
-	}
-}), w = n.create({
-	name: "ophxReadonlyInline",
-	inclusive: !1,
-	addAttributes() {
-		return { className: {
-			default: null,
-			parseHTML: (e) => e.getAttribute("class"),
-			renderHTML: (e) => e.className ? { class: e.className } : {}
-		} };
+	{
+		action: "ordered",
+		label: "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M10 6h10M10 12h10M10 18h10\"/><path d=\"M4 4.8 5.2 4v4.2M3.8 8.2h2.8M3.8 10.8c.2-.5.6-.8 1.2-.8.8 0 1.2.4 1.2 1 0 .4-.3.8-.7 1.2l-1.6 1.5h2.5M3.8 16.2c.2-.5.6-.8 1.2-.8.8 0 1.2.4 1.2.9 0 .5-.4.8-1 .8.7 0 1.1.3 1.1.9 0 .6-.5 1-1.3 1-.6 0-1-.2-1.3-.7\"/></svg>",
+		title: "Нумерованный список"
 	},
-	parseHTML() {
-		return [{
-			tag: "span[contenteditable=\"false\"]",
-			priority: 100
-		}];
+	{
+		action: "outdent",
+		label: "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 6h14M5 12h10M5 18h14\"/><path d=\"M9 9l-4 3 4 3\"/></svg>",
+		title: "Уменьшить отступ"
 	},
-	renderHTML({ HTMLAttributes: e }) {
-		return [
-			"span",
-			{
-				...e,
-				contenteditable: "false"
-			},
-			0
-		];
-	}
-}), T = r.create({
-	name: "ophxReadonlyBlock",
-	priority: 1e3,
-	group: "block",
-	content: "block*",
-	defining: !0,
-	isolating: !0,
-	addAttributes() {
-		return {
-			id: {
-				default: null,
-				parseHTML: (e) => e.getAttribute("id"),
-				renderHTML: (e) => e.id ? { id: e.id } : {}
-			},
-			className: {
-				default: null,
-				parseHTML: (e) => e.getAttribute("class"),
-				renderHTML: (e) => e.className ? { class: e.className } : {}
-			},
-			title: {
-				default: null,
-				parseHTML: (e) => e.getAttribute("title"),
-				renderHTML: (e) => e.title ? { title: e.title } : {}
-			}
-		};
+	{
+		action: "indent",
+		label: "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 6h14M9 12h10M5 18h14\"/><path d=\"M15 9l4 3-4 3\"/></svg>",
+		title: "Увеличить отступ"
 	},
-	parseHTML() {
-		return [{
-			tag: "div[contenteditable=\"false\"]",
-			priority: 1e3
-		}];
+	{
+		action: "link",
+		label: "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M10 13.5a4.5 4.5 0 0 0 6.4 0l3-3a4.5 4.5 0 0 0-6.4-6.4l-1.7 1.7\"/><path d=\"M14 10.5a4.5 4.5 0 0 0-6.4 0l-3 3A4.5 4.5 0 0 0 11 19.9l1.7-1.7\"/></svg>",
+		title: "Добавить ссылку"
 	},
-	renderHTML({ HTMLAttributes: e }) {
-		return [
-			"div",
-			{
-				...e,
-				contenteditable: "false"
-			},
-			0
-		];
-	}
-}), E = new h("ophxHeadingCollapse"), D = p.extend({
-	addAttributes() {
-		return {
-			...this.parent?.(),
-			collapsed: {
-				default: !1,
-				parseHTML: (e) => e.dataset.collapsed === "true",
-				renderHTML: (e) => e.collapsed ? { "data-collapsed": "true" } : {}
-			}
-		};
+	{
+		action: "image",
+		label: "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"/><circle cx=\"8.5\" cy=\"9\" r=\"1.5\"/><path d=\"m21 15-5-5L5 20\"/></svg>",
+		title: "Вставить изображение"
 	},
-	addProseMirrorPlugins() {
-		return [new m({
-			key: E,
-			props: { decorations(e) {
-				let t = [], n = null;
-				return e.doc.forEach((e, r) => {
-					if (e.type.name === "heading") {
-						let i = Number(e.attrs.level);
-						n !== null && i <= n && (n = null), n !== null && t.push(g.node(r, r + e.nodeSize, { class: "ophx-collapsed-content" })), e.attrs.collapsed && (n = i);
-					} else n !== null && t.push(g.node(r, r + e.nodeSize, { class: "ophx-collapsed-content" }));
-				}), _.create(e.doc, t);
-			} }
-		})];
-	}
-}), O = new h("ophxTextSearch"), k = t.create({
-	name: "ophxSearch",
-	addStorage() {
-		return { query: "" };
+	{
+		action: "table",
+		label: "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1.5\"/><path d=\"M3 10h18M9 4v16M15 4v16\"/></svg>",
+		title: "Вставить таблицу"
 	},
-	addCommands() {
-		return { setSearchQuery: (e) => ({ tr: t, dispatch: n }) => (this.storage.query = e, n?.(t.setMeta(O, e)), !0) };
+	{
+		action: "label",
+		label: "Метка",
+		title: "Выделить текст меткой"
 	},
-	addProseMirrorPlugins() {
-		let e = this;
-		return [new m({
-			key: O,
-			state: {
-				init: (t, n) => A(n.doc, e.storage.query),
-				apply: (t, n, r, i) => {
-					let a = t.getMeta(O);
-					return a !== void 0 && (e.storage.query = a), !t.docChanged && a === void 0 ? n : A(i.doc, e.storage.query);
-				}
-			},
-			props: { decorations(e) {
-				return O.getState(e);
-			} }
-		})];
+	{
+		action: "toc",
+		label: "Содержание",
+		title: "Содержание документа"
+	},
+	{
+		action: "undo",
+		label: "↶",
+		title: "Отменить (⌘/Ctrl+Z)"
+	},
+	{
+		action: "redo",
+		label: "↷",
+		title: "Повторить (⌘/Ctrl+Shift+Z)"
 	}
-});
-function A(e, t) {
-	if (!t.trim()) return _.empty;
-	let n = [], r = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = new RegExp(r, "gi");
-	return e.descendants((e, t) => {
-		if (e.isText && e.text) {
-			i.lastIndex = 0;
-			for (let r of e.text.matchAll(i)) r.index !== void 0 && n.push(g.inline(t + r.index, t + r.index + r[0].length, { class: "ophx-search-match" }));
+];
+function b(e, t, n = {}) {
+	e.classList.add("ophx-toolbar"), e.replaceChildren();
+	let r = (e, t) => {
+		e.style.display = t ? "" : "none", e.hidden = !t;
+	}, a = () => {
+		f = !1, r(l, !1), s.setAttribute("aria-expanded", "false"), r(P, !1), h.get("toc")?.setAttribute("aria-expanded", "false");
+	}, o = document.createElement("div");
+	o.className = "ophx-toolbar__style-wrap";
+	let s = document.createElement("button");
+	s.type = "button", s.className = "ophx-toolbar__style", s.setAttribute("aria-label", "Стиль текста"), s.setAttribute("aria-haspopup", "listbox"), s.setAttribute("aria-expanded", "false");
+	let c = document.createElement("span");
+	c.className = "ophx-toolbar__style-label", s.append(c);
+	let l = document.createElement("div");
+	l.className = "ophx-toolbar__style-menu", r(l, !1);
+	let u = [
+		{
+			value: "p",
+			label: "Обычный текст",
+			className: "ophx-toolbar__style-preview--p"
+		},
+		{
+			value: "1",
+			label: "Заголовок 1",
+			className: "ophx-toolbar__style-preview--h1"
+		},
+		{
+			value: "2",
+			label: "Заголовок 2",
+			className: "ophx-toolbar__style-preview--h2"
+		},
+		{
+			value: "3",
+			label: "Заголовок 3",
+			className: "ophx-toolbar__style-preview--h3"
 		}
-	}), _.create(e, n);
-}
-var j = t.create({
-	name: "ophxWysiwymRules",
-	addProseMirrorPlugins() {
-		return [new m({ props: {
-			handleTextInput(e, t, n, r) {
-				return r === " " && /\s/.test(e.state.doc.textBetween(Math.max(0, t - 1), t));
-			},
-			handleKeyDown(e, t) {
-				if (t.key !== "Enter" || t.shiftKey) return !1;
-				let { $from: n } = e.state.selection;
-				if (!n.parent.isTextblock || n.parent.content.size !== 0 || n.depth === 0) return !1;
-				let r = n.index(n.depth - 1), i = n.node(n.depth - 1);
-				return [i.maybeChild(r - 1), i.maybeChild(r + 1)].some((e) => e?.isTextblock && e.content.size === 0);
+	], d = (e) => {
+		let n = Number(e), r = t.chain().focus();
+		e === "p" ? r.setParagraph().run() : r.setHeading({ level: n }).run(), m();
+	};
+	for (let e of u) {
+		let t = document.createElement("button");
+		t.type = "button", t.className = "ophx-toolbar__style-option", t.dataset.value = e.value, t.setAttribute("role", "option"), t.setAttribute("aria-selected", "false"), t.innerHTML = `<span class="ophx-toolbar__style-preview ${e.className}">${e.label}</span>`, t.addEventListener("mousedown", (e) => {
+			e.preventDefault(), e.stopPropagation();
+		}), t.addEventListener("click", () => d(e.value)), l.append(t);
+	}
+	let f = !1, p = () => {
+		f = !0, r(l, !0), s.setAttribute("aria-expanded", "true");
+	}, m = () => {
+		f = !1, r(l, !1), s.setAttribute("aria-expanded", "false");
+	};
+	s.addEventListener("click", (e) => {
+		e.stopPropagation(), f ? m() : (r(P, !1), p());
+	}), s.addEventListener("keydown", (e) => {
+		e.key === "Escape" && m();
+	}), document.addEventListener("click", (e) => {
+		let t = e.target, n = o.contains(t), r = P.contains(t);
+		!n && !r && a();
+	}), o.append(s, l), e.append(o);
+	let h = /* @__PURE__ */ new Map();
+	for (let n of ee) {
+		let r = document.createElement("button");
+		r.type = "button", r.className = "ophx-toolbar__button", r.dataset.action = n.action, r.innerHTML = n.label, r.title = n.title, r.setAttribute("aria-label", n.title), r.addEventListener("mousedown", (e) => e.preventDefault()), r.addEventListener("click", (e) => {
+			n.action === "toc" ? e.stopPropagation() : n.action === "link" ? U() : n.action === "table" ? se() : n.action === "label" ? (e.stopPropagation(), Te()) : t.isEditable && ie(n.action, t, _, P);
+		}), h.set(n.action, r), e.append(r);
+	}
+	let g = document.createElement("input");
+	g.type = "search", g.className = "ophx-toolbar__search", g.placeholder = "Поиск…", g.setAttribute("aria-label", "Поиск по тексту"), g.addEventListener("input", () => t.commands.setSearchQuery(g.value)), g.addEventListener("keydown", (e) => {
+		e.key === "Escape" && (g.value = "", t.commands.setSearchQuery(""), t.commands.focus());
+	}), e.append(g);
+	let _ = document.createElement("input");
+	_.type = "file", _.accept = "image/*", _.hidden = !0, _.addEventListener("change", () => {
+		let e = _.files?.[0];
+		if (e) {
+			if (n.onInsertImage) n.onInsertImage(e);
+			else {
+				let n = new FileReader();
+				n.addEventListener("load", () => {
+					typeof n.result == "string" && t.chain().focus().setImage({
+						src: n.result,
+						alt: e.name
+					}).run();
+				}), n.readAsDataURL(e);
 			}
-		} })];
+		}
+		_.value = "";
+	}), e.append(_);
+	let v = document.createElement("form");
+	v.className = "ophx-table-popover", v.setAttribute("aria-label", "Создать таблицу"), v.hidden = !0, v.innerHTML = "\n    <label class=\"ophx-table-popover__label\">Строки<input name=\"rows\" type=\"number\" min=\"1\" max=\"30\" value=\"3\" required></label>\n    <label class=\"ophx-table-popover__label\">Столбцы<input name=\"cols\" type=\"number\" min=\"1\" max=\"20\" value=\"3\" required></label>\n    <label class=\"ophx-table-popover__header\"><input name=\"header\" type=\"checkbox\" checked> Заголовок таблицы</label>\n    <button class=\"ophx-table-popover__insert\" type=\"submit\">Вставить таблицу</button>\n  ", document.body.append(v);
+	let y = h.get("table"), b = v.querySelector("input[name=\"rows\"]"), ae = v.querySelector("input[name=\"cols\"]"), oe = v.querySelector("input[name=\"header\"]"), x = () => {
+		if (v.hidden) return;
+		let e = y.getBoundingClientRect(), t = v.offsetWidth, n = Math.max(8, Math.min(e.left, window.innerWidth - t - 8));
+		v.style.left = `${n}px`, v.style.top = `${Math.min(e.bottom + 8, window.innerHeight - v.offsetHeight - 8)}px`;
+	};
+	function S() {
+		v.hidden = !0, y.setAttribute("aria-expanded", "false"), window.removeEventListener("resize", x), document.removeEventListener("scroll", x, !0);
 	}
-}), M = t.create({
-	name: "ophxIndentation",
-	addGlobalAttributes() {
-		return [{
-			types: ["paragraph", "heading"],
-			attributes: { indent: {
-				default: 0,
-				parseHTML: (e) => Number(e.dataset.indent ?? 0),
-				renderHTML: (e) => e.indent ? { "data-indent": String(e.indent) } : {}
-			} }
-		}];
+	function se() {
+		t.isEditable && (v.hidden ? (v.hidden = !1, y.setAttribute("aria-expanded", "true"), x(), window.addEventListener("resize", x), document.addEventListener("scroll", x, !0), b.focus(), b.select()) : S());
 	}
-}), N = t.create({
-	name: "ophxEditability",
-	addGlobalAttributes() {
-		return [{
-			types: [
-				"paragraph",
-				"heading",
-				"blockquote",
-				"codeBlock",
-				"bulletList",
-				"orderedList",
-				"listItem",
-				"horizontalRule",
-				"image",
-				"table",
-				"tableRow",
-				"tableHeader",
-				"tableCell",
-				"bold",
-				"italic",
-				"underline",
-				"strike",
-				"link",
-				"label"
-			],
-			attributes: { contenteditable: {
-				default: null,
-				parseHTML: (e) => {
-					let t = e.getAttribute("contenteditable");
-					return t === "true" || t === "false" ? t : null;
-				},
-				renderHTML: (e) => e.contenteditable ? { contenteditable: e.contenteditable } : {}
-			} }
-		}];
+	y.setAttribute("aria-haspopup", "dialog"), y.setAttribute("aria-expanded", "false"), v.addEventListener("mousedown", (e) => e.stopPropagation()), v.addEventListener("submit", (e) => {
+		e.preventDefault();
+		let n = Math.max(1, Math.min(30, Number(b.value) || 1)), r = Math.max(1, Math.min(20, Number(ae.value) || 1));
+		b.value = String(n), ae.value = String(r), t.chain().focus().insertTable({
+			rows: n,
+			cols: r,
+			withHeaderRow: oe.checked
+		}).run(), S();
+	}), v.addEventListener("keydown", (e) => {
+		e.key === "Escape" && (e.preventDefault(), S(), y.focus());
+	});
+	let ce = (e) => {
+		let t = e.target;
+		!v.contains(t) && !y.contains(t) && S();
+	};
+	document.addEventListener("click", ce);
+	let C = document.createElement("div");
+	C.className = "ophx-table-context", C.setAttribute("role", "toolbar"), C.setAttribute("aria-label", "Действия с таблицей"), C.hidden = !0, C.innerHTML = "\n    <button type=\"button\" data-command=\"addRow\" aria-label=\"Добавить строку ниже\" title=\"Добавить строку ниже\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4h16v12H4zM4 10h16M10 4v12M12 20v-4M10 18h4\"/></svg></button>\n    <button type=\"button\" data-command=\"deleteRow\" aria-label=\"Удалить строку\" title=\"Удалить строку\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4h16v12H4zM4 10h16M10 4v12M10 20h4\"/></svg></button>\n    <span class=\"ophx-table-context__divider\" aria-hidden=\"true\"></span>\n    <button type=\"button\" data-command=\"addColumn\" aria-label=\"Добавить столбец справа\" title=\"Добавить столбец справа\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4h12v16H4zM10 4v16M20 12h-4M18 10v4\"/></svg></button>\n    <button type=\"button\" data-command=\"deleteColumn\" aria-label=\"Удалить столбец\" title=\"Удалить столбец\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4h12v16H4zM10 4v16M18 10v4\"/></svg></button>\n  ", document.body.append(C);
+	let le = () => {
+		let { $from: e } = t.state.selection;
+		for (let n = e.depth; n > 0; --n) {
+			if (e.node(n).type.name !== "table") continue;
+			let r = t.view.nodeDOM(e.before(n));
+			return r instanceof HTMLTableElement ? r : r instanceof HTMLElement ? r.querySelector("table") : null;
+		}
+		return null;
+	}, w = () => {
+		if (C.hidden) return;
+		let e = le();
+		if (!e) return;
+		let t = e.getBoundingClientRect(), n = C.offsetWidth, r = C.offsetHeight, i = Math.max(8, Math.min(t.left, window.innerWidth - n - 8)), a = t.top - r - 8 >= 8 ? t.top - r - 8 : Math.min(t.bottom + 8, window.innerHeight - r - 8);
+		C.style.left = `${i}px`, C.style.top = `${Math.max(8, a)}px`;
+	}, T = () => {
+		!t.isEditable || !t.isActive("table") ? (C.hidden = !0, window.removeEventListener("resize", w), document.removeEventListener("scroll", w, !0)) : (C.hidden = !1, w(), window.addEventListener("resize", w), document.addEventListener("scroll", w, !0));
+	};
+	C.addEventListener("mousedown", (e) => e.preventDefault()), C.addEventListener("click", (e) => {
+		let n = e.target.closest("[data-command]");
+		if (!n) return;
+		let r = n.dataset.command, i = t.chain().focus();
+		r === "addRow" ? i.addRowAfter().run() : r === "deleteRow" ? i.deleteRow().run() : r === "addColumn" ? i.addColumnAfter().run() : r === "deleteColumn" && i.deleteColumn().run();
+	});
+	let E = (e) => {
+		if (C.hidden) return;
+		let t = e.target, n = le();
+		!C.contains(t) && !n?.contains(t) && (C.hidden = !0);
+	};
+	document.addEventListener("click", E);
+	let D = document.createElement("div");
+	D.className = "ophx-image-popover", D.setAttribute("role", "dialog"), D.setAttribute("aria-label", "Размер и обтекание изображения"), D.hidden = !0, D.innerHTML = "\n    <span class=\"ophx-image-popover__arrow\" aria-hidden=\"true\"></span>\n    <div class=\"ophx-image-popover__heading\">Обтекание текстом</div>\n    <div class=\"ophx-image-popover__choices\" role=\"group\" aria-label=\"Обтекание текстом\">\n      <button class=\"ophx-image-popover__choice\" type=\"button\" data-wrap=\"none\" aria-label=\"Без обтекания\" title=\"Без обтекания\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"8\" height=\"7\" rx=\"1\"/><path d=\"M14 5h7M14 8h7M3 14h18M3 18h18\"/></svg></button>\n      <button class=\"ophx-image-popover__choice\" type=\"button\" data-wrap=\"left\" aria-label=\"Изображение слева, текст справа\" title=\"Изображение слева, текст справа\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"8\" height=\"10\" rx=\"1\"/><path d=\"M14 5h7M14 8h7M14 11h7M3 18h18\"/></svg></button>\n      <button class=\"ophx-image-popover__choice\" type=\"button\" data-wrap=\"right\" aria-label=\"Изображение справа, текст слева\" title=\"Изображение справа, текст слева\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"13\" y=\"4\" width=\"8\" height=\"10\" rx=\"1\"/><path d=\"M3 5h7M3 8h7M3 11h7M3 18h18\"/></svg></button>\n    </div>\n    <div class=\"ophx-image-popover__heading\">Выравнивание</div>\n    <div class=\"ophx-image-popover__choices\" role=\"group\" aria-label=\"Выравнивание изображения\">\n      <button class=\"ophx-image-popover__choice\" type=\"button\" data-align=\"left\" aria-label=\"Прижать влево\" title=\"Прижать влево\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 3v18M8 6h12v5H8zM8 15h12\"/></svg></button>\n      <button class=\"ophx-image-popover__choice\" type=\"button\" data-align=\"center\" aria-label=\"По центру\" title=\"По центру\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3v18M4 6h16v5H4zM4 15h16\"/></svg></button>\n      <button class=\"ophx-image-popover__choice\" type=\"button\" data-align=\"right\" aria-label=\"Прижать вправо\" title=\"Прижать вправо\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M20 3v18M4 6h12v5H4zM4 15h12\"/></svg></button>\n    </div>\n    <div class=\"ophx-image-popover__size\" aria-live=\"polite\"></div>\n  ", document.body.append(D);
+	let ue = D.querySelector(".ophx-image-popover__size"), O = null, k = () => {
+		if (!t.isActive("image")) return null;
+		let e = t.view.nodeDOM(t.state.selection.from);
+		return e instanceof HTMLElement ? e.querySelector("img") : null;
+	}, A = () => {
+		let e = k();
+		if (D.hidden || !e) return;
+		let t = e.getBoundingClientRect(), n = t.left + t.width / 2, r = D.offsetWidth, i = D.offsetHeight, a = Math.max(8, Math.min(n - r / 2, window.innerWidth - r - 8)), o = t.bottom + i + 12 <= window.innerHeight - 8;
+		D.style.left = `${a}px`, D.style.top = `${o ? t.bottom + 10 : Math.max(8, t.top - i - 10)}px`, D.dataset.placement = o ? "bottom" : "top", D.style.setProperty("--ophx-image-arrow-left", `${Math.max(14, Math.min(n - a, r - 14))}px`);
+	};
+	function j() {
+		D.hidden = !0, window.removeEventListener("resize", A), document.removeEventListener("scroll", A, !0);
 	}
-});
-function P(e) {
-	return x.test(e);
-}
-// src/editor/ophx-editor.ts
-var F = class {
-	editor;
-	constructor(t) {
-		this.editor = new e({
-			element: t.element,
-			content: t.content ?? "<p></p>",
-			editable: t.editable ?? !0,
-			extensions: [
-				i.configure({
-					heading: !1,
-					underline: !1,
-					link: !1
-				}),
-				D.configure({ levels: [
-					1,
-					2,
-					3,
-					4,
-					5,
-					6
-				] }),
-				a,
-				o.configure({
-					openOnClick: !1,
-					autolink: !0,
-					linkOnPaste: !0
-				}),
-				s.configure({
-					allowBase64: !0,
-					inline: !1
-				}),
-				l.configure({ resizable: !0 }),
-				u,
-				d,
-				f,
-				S,
-				C,
-				T,
-				w,
-				y,
-				M,
-				N,
-				k,
-				j,
-				c.configure({ placeholder: t.placeholder ?? "Начните писать…" }),
-				...t.extensions ?? []
-			],
-			editorProps: { attributes: {
-				class: "ophx-editor-surface",
-				spellcheck: "true",
-				lang: "ru",
-				"aria-label": "Редактор документа"
-			} },
-			onUpdate: t.onUpdate
-		});
+	function de() {
+		if (!t.isEditable || !D.hidden) return;
+		let e = k();
+		e && (O = t.state.selection.from, D.hidden = !1, N(), A(), e.complete || e.addEventListener("load", () => {
+			N(), A();
+		}, { once: !0 }), window.addEventListener("resize", A), document.addEventListener("scroll", A, !0));
 	}
-	getHTML() {
-		return this.editor.getHTML();
+	let M = (e) => {
+		O !== null && t.chain().focus().setNodeSelection(O).updateAttributes("image", e).run();
+	}, N = () => {
+		if (D.hidden || !t.isActive("image")) return;
+		let e = t.getAttributes("image"), n = k();
+		n && (ue.textContent = `${Math.round(n.getBoundingClientRect().width)} px · потяните за боковой маркер, чтобы изменить размер`);
+		for (let t of D.querySelectorAll("[data-wrap]")) {
+			let n = t.dataset.wrap === (e.textWrap ?? "none");
+			t.classList.toggle("is-selected", n), t.setAttribute("aria-pressed", String(n));
+		}
+		for (let t of D.querySelectorAll("[data-align]")) {
+			let n = t.dataset.align === (e.alignment ?? "left");
+			t.classList.toggle("is-selected", n), t.setAttribute("aria-pressed", String(n));
+		}
+	};
+	D.addEventListener("mousedown", (e) => e.stopPropagation()), D.addEventListener("click", (e) => {
+		let t = e.target.closest(".ophx-image-popover__choice");
+		t && ((t.dataset.wrap === "none" || t.dataset.wrap === "left" || t.dataset.wrap === "right") && M({ textWrap: t.dataset.wrap }), (t.dataset.align === "left" || t.dataset.align === "center" || t.dataset.align === "right") && M({
+			alignment: t.dataset.align,
+			textWrap: "none"
+		}));
+	}), D.addEventListener("keydown", (e) => {
+		e.key === "Escape" && (e.preventDefault(), j());
+	});
+	let fe = (e) => {
+		let n = e.target, r = e.target.closest?.(".ophx-image-node"), i = !!(r && t.view.dom.contains(r));
+		!D.contains(n) && !i && j();
+	};
+	document.addEventListener("click", fe);
+	let P = document.createElement("nav");
+	P.className = "ophx-toc", P.setAttribute("aria-label", "Содержание документа"), r(P, !1), e.append(P);
+	let F = h.get("toc");
+	F && (F.setAttribute("aria-haspopup", "true"), F.setAttribute("aria-expanded", "false"), F.addEventListener("click", () => {
+		P.hidden || P.style.display === "none" ? (m(), r(P, !0), F.setAttribute("aria-expanded", "true")) : a();
+	}));
+	let I = document.createElement("form");
+	I.className = "ophx-link-popover", I.setAttribute("role", "dialog"), I.setAttribute("aria-label", "Добавить ссылку"), I.hidden = !0, I.innerHTML = "\n    <span class=\"ophx-link-popover__arrow\" aria-hidden=\"true\"></span>\n    <label class=\"ophx-link-popover__label\" for=\"ophx-link-url\">Адрес ссылки</label>\n    <div class=\"ophx-link-popover__row\">\n      <input class=\"ophx-link-popover__input\" id=\"ophx-link-url\" type=\"url\" placeholder=\"https://example.com\" autocomplete=\"url\">\n    </div>\n    <div class=\"ophx-link-popover__actions\">\n      <button class=\"ophx-link-popover__go\" type=\"button\">Перейти</button>\n      <button class=\"ophx-link-popover__remove\" type=\"button\">Удалить ссылку</button>\n      <button class=\"ophx-link-popover__submit\" type=\"submit\">ОК</button>\n    </div>\n  ", document.body.append(I);
+	let L = I.querySelector(".ophx-link-popover__input"), R = I.querySelector(".ophx-link-popover__go"), pe = I.querySelector(".ophx-link-popover__remove"), z = h.get("link"), B = null, V = () => {
+		if (!I.hidden && B) try {
+			let e = t.view.coordsAtPos(B.from), n = t.view.coordsAtPos(B.to), r = (e.left + n.right) / 2, i = I.offsetWidth, a = I.offsetHeight, o = Math.max(8, Math.min(r - i / 2, window.innerWidth - i - 8)), s = n.bottom + a + 14 <= window.innerHeight - 8, c = s ? n.bottom + 12 : Math.max(8, e.top - a - 12);
+			I.style.left = `${o}px`, I.style.top = `${c}px`, I.dataset.placement = s ? "bottom" : "top", I.style.setProperty("--ophx-link-arrow-left", `${Math.max(14, Math.min(r - o, i - 14))}px`);
+		} catch {
+			H();
+		}
+	};
+	function H() {
+		I.hidden = !0, z.setAttribute("aria-expanded", "false"), window.removeEventListener("resize", V), document.removeEventListener("scroll", V, !0);
 	}
-	getJSON() {
-		return this.editor.getJSON();
+	function U(e = !0) {
+		if (!t.isEditable) return;
+		if (!I.hidden && e) {
+			H();
+			return;
+		}
+		t.state.selection.empty && t.isActive("link") && t.chain().extendMarkRange("link").run();
+		let n = t.state.selection;
+		n.empty || (B = {
+			from: n.from,
+			to: n.to
+		}, L.value = t.getAttributes("link").href ?? "", pe.hidden = !t.isActive("link"), R.hidden = !L.value, I.hidden = !1, z.setAttribute("aria-expanded", "true"), V(), window.addEventListener("resize", V), document.addEventListener("scroll", V, !0), L.focus(), L.select());
 	}
-	setContent(e) {
-		this.editor.commands.setContent(e, { emitUpdate: !1 });
+	z.setAttribute("aria-haspopup", "dialog"), z.setAttribute("aria-expanded", "false");
+	let W = (e) => {
+		let n = e.target.closest("a[href]");
+		n && t.view.dom.contains(n) && (n.title = "⌘/Ctrl+клик — открыть ссылку; клик — выделить для редактирования через кнопку «Ссылка»");
+	}, G = (e) => {
+		let n = e.target.closest("a[href]");
+		if (!n || !t.view.dom.contains(n)) return;
+		if (e.preventDefault(), e.stopPropagation(), e.metaKey || e.ctrlKey) {
+			ne(n.href);
+			return;
+		}
+		let r = t.view.posAtCoords({
+			left: e.clientX,
+			top: e.clientY
+		});
+		r && (t.chain().focus().setTextSelection(r.pos).extendMarkRange("link").run(), U(!1));
+	};
+	t.view.dom.addEventListener("pointerover", W), t.view.dom.addEventListener("click", G), I.addEventListener("mousedown", (e) => e.stopPropagation()), I.addEventListener("submit", (e) => {
+		if (e.preventDefault(), !B) return;
+		let n = L.value.trim();
+		n ? (t.chain().focus().setTextSelection(B).setLink({ href: n }).run(), H()) : L.focus();
+	}), R.addEventListener("click", () => ne(L.value)), L.addEventListener("input", () => {
+		R.hidden = !L.value.trim();
+	}), pe.addEventListener("click", () => {
+		B && (t.chain().focus().setTextSelection(B).extendMarkRange("link").unsetLink().run(), H());
+	}), I.addEventListener("keydown", (e) => {
+		e.key === "Escape" && (e.preventDefault(), H(), z.focus());
+	});
+	let K = (e) => {
+		let t = e.target;
+		!I.contains(t) && !z.contains(t) && H();
+	};
+	document.addEventListener("click", K);
+	let me = ["важно", "идея"], q = document.createElement("form");
+	q.className = "ophx-link-popover ophx-label-popover", q.setAttribute("role", "dialog"), q.hidden = !0, q.innerHTML = "\n    <span class=\"ophx-link-popover__arrow\" aria-hidden=\"true\"></span>\n    <div class=\"ophx-label-popover__view\">\n      <span class=\"ophx-link-popover__label\">Метка</span>\n      <div class=\"ophx-label-popover__name\"><mark class=\"ophx-label-popover__chip\"></mark></div>\n      <div class=\"ophx-link-popover__actions ophx-label-popover__view-actions\">\n        <button class=\"ophx-link-popover__remove\" type=\"button\" data-label-remove>Удалить метку</button>\n        <button class=\"ophx-link-popover__submit\" type=\"button\" data-label-edit>Изменить</button>\n      </div>\n    </div>\n    <div class=\"ophx-label-popover__edit\">\n      <label class=\"ophx-link-popover__label\" for=\"ophx-label-name\">Название метки</label>\n      <div class=\"ophx-link-popover__row\">\n        <input class=\"ophx-link-popover__input\" id=\"ophx-label-name\" type=\"text\" placeholder=\"Например, важно\" autocomplete=\"off\" maxlength=\"60\">\n      </div>\n      <div class=\"ophx-label-popover__presets\" role=\"group\" aria-label=\"Быстрый выбор метки\"></div>\n      <div class=\"ophx-link-popover__actions\">\n        <button class=\"ophx-link-popover__remove\" type=\"button\" data-label-remove>Удалить метку</button>\n        <button class=\"ophx-link-popover__submit\" type=\"submit\">ОК</button>\n      </div>\n    </div>\n  ", document.body.append(q);
+	let J = q.querySelector("#ophx-label-name"), he = q.querySelector(".ophx-label-popover__chip"), ge = q.querySelector(".ophx-label-popover__presets"), _e = q.querySelector("[data-label-edit]"), ve = q.querySelectorAll("[data-label-remove]"), ye = q.querySelector(".ophx-label-popover__view-actions"), Y = h.get("label"), X = null, be = "edit", xe = !1, Z = () => {
+		!q.hidden && X && (te(t, q, X) || Q());
+	};
+	function Q() {
+		q.hidden = !0, Y.setAttribute("aria-expanded", "false"), window.removeEventListener("resize", Z), document.removeEventListener("scroll", Z, !0);
 	}
-	setSearchQuery(e) {
-		this.editor.commands.setSearchQuery(e);
+	function Se() {
+		let e = new Set(me);
+		return t.state.doc.descendants((t) => {
+			for (let n of t.marks) n.type.name === "label" && n.attrs.label && e.add(String(n.attrs.label));
+		}), [...e];
 	}
-	getFields() {
-		let e = Array.from(this.editor.view.dom.querySelectorAll("[data-ophx-field]")).filter((e) => {
-			let t = e.getAttribute("data-ophx-field") ?? "";
-			return e.classList.contains("ophx-field") && e.getAttribute("contenteditable") === "true" && P(t);
-		}), t = /* @__PURE__ */ new Map();
-		for (let n of e) {
-			let e = n.getAttribute("data-ophx-field");
-			t.set(e, (t.get(e) ?? 0) + 1);
+	function Ce(e) {
+		ge.replaceChildren();
+		for (let t of Se()) {
+			let n = document.createElement("button");
+			n.type = "button", n.className = "ophx-label-popover__preset", n.classList.toggle("is-selected", t === e);
+			let r = document.createElement("mark");
+			r.dataset.label = t, r.textContent = t, n.append(r), n.addEventListener("click", () => Ee(t)), ge.append(n);
 		}
-		return e.filter((e) => t.get(e.getAttribute("data-ophx-field")) === 1).map((e) => ({
-			id: e.getAttribute("data-ophx-field"),
-			label: e.getAttribute("data-ophx-label"),
-			required: e.getAttribute("data-ophx-required") === "true",
-			value: e.textContent ?? ""
-		}));
 	}
-	getMissingRequiredFields() {
-		return this.getFields().filter((e) => e.required && !e.value.trim());
+	function we(e, n, r) {
+		X = e, be = r, q.dataset.mode = r, q.setAttribute("aria-label", r === "view" ? `Метка «${n}»` : "Установить метку"), he.textContent = n, he.dataset.label = n, ye.hidden = !t.isEditable, ve.forEach((e) => {
+			e.hidden = !xe;
+		}), J.value = n, Ce(n), q.hidden = !1, Y.setAttribute("aria-expanded", String(r === "edit")), Z(), window.addEventListener("resize", Z), document.addEventListener("scroll", Z, !0), r === "edit" && (J.focus(), J.select());
 	}
-	destroy() {
-		this.editor.destroy();
+	function Te() {
+		if (!t.isEditable) return;
+		if (!q.hidden && be === "edit") {
+			Q();
+			return;
+		}
+		t.state.selection.empty && t.isActive("label") && t.chain().extendMarkRange("label").run();
+		let { from: e, to: n, empty: r } = t.state.selection;
+		if (r) return;
+		xe = t.isActive("label");
+		let i = xe ? String(t.getAttributes("label").label ?? "") : "";
+		we({
+			from: e,
+			to: n
+		}, i, "edit");
 	}
-}, I = [
-	{
-		action: "bold",
-		label: "B",
-		title: "Жирный (⌘/Ctrl+B)"
-	},
-	{
-		action: "italic",
-		label: "I",
-		title: "Курсив (⌘/Ctrl+I)"
-	},
-	{
-		action: "underline",
-		label: "U",
-		title: "Подчёркнутый (⌘/Ctrl+U)"
-	},
-	{
-		action: "strike",
-		label: "S̶",
-		title: "Зачёркнутый"
-	},
-	{
-		action: "bullet",
-		label: "• Список",
-		title: "Маркированный список"
-	},
-	{
-		action: "ordered",
-		label: "1. Список",
-		title: "Нумерованный список"
-	},
-	{
-		action: "outdent",
-		label: "← Отступ",
-		title: "Уменьшить отступ"
-	},
-	{
-		action: "indent",
-		label: "Отступ →",
-		title: "Увеличить отступ"
-	},
-	{
-		action: "link",
-		label: "Ссылка",
-		title: "Добавить ссылку"
-	},
-	{
-		action: "image",
-		label: "Изображение",
-		title: "Вставить изображение"
-	},
-	{
-		action: "table",
-		label: "Таблица",
-		title: "Вставить таблицу"
-	},
-	{
-		action: "collapse",
-		label: "Свернуть",
-		title: "Свернуть/развернуть раздел"
-	},
-	{
-		action: "label",
-		label: "Метка",
-		title: "Выделить текст меткой"
-	},
-	{
-		action: "toc",
-		label: "Содержание",
-		title: "Содержание документа"
-	},
-	{
-		action: "undo",
-		label: "↶",
-		title: "Отменить (⌘/Ctrl+Z)"
-	},
-	{
-		action: "redo",
-		label: "↷",
-		title: "Повторить (⌘/Ctrl+Shift+Z)"
+	function Ee(e) {
+		let n = e.trim();
+		X && (n ? (t.chain().focus().setTextSelection(X).setMark("label", { label: n }).run(), Q()) : J.focus());
 	}
-];
-function L(e, t, n = {}) {
-	e.classList.add("ophx-toolbar"), e.replaceChildren();
-	let r = document.createElement("select");
-	r.className = "ophx-toolbar__style", r.setAttribute("aria-label", "Стиль текста"), r.innerHTML = "<option value=\"p\">Обычный текст</option><option value=\"1\">Заголовок 1</option><option value=\"2\">Заголовок 2</option><option value=\"3\">Заголовок 3</option>", r.addEventListener("change", () => {
-		let e = Number(r.value), n = t.chain().focus();
-		r.value === "p" ? n.setParagraph().run() : n.setHeading({ level: e }).run();
-	}), e.append(r);
-	let i = /* @__PURE__ */ new Map();
-	for (let n of I) {
-		let r = document.createElement("button");
-		r.type = "button", r.className = "ophx-toolbar__button", r.dataset.action = n.action, r.textContent = n.label, r.title = n.title, r.setAttribute("aria-label", n.title), r.addEventListener("mousedown", (e) => e.preventDefault()), r.addEventListener("click", () => R(n.action, t, o, s)), i.set(n.action, r), e.append(r);
-	}
-	let a = document.createElement("input");
-	a.type = "search", a.className = "ophx-toolbar__search", a.placeholder = "Поиск…", a.setAttribute("aria-label", "Поиск по тексту"), a.addEventListener("input", () => t.commands.setSearchQuery(a.value)), a.addEventListener("keydown", (e) => {
-		e.key === "Escape" && (a.value = "", t.commands.setSearchQuery(""), t.commands.focus());
-	}), e.append(a);
-	let o = document.createElement("input");
-	o.type = "file", o.accept = "image/*", o.hidden = !0, o.addEventListener("change", () => {
-		let e = o.files?.[0];
-		if (e) {
-			if (n.onInsertImage) n.onInsertImage(e);
-			else {
-				let n = new FileReader();
-				n.addEventListener("load", () => {
-					typeof n.result == "string" && t.chain().focus().setImage({
-						src: n.result,
-						alt: e.name
-					}).run();
-				}), n.readAsDataURL(e);
-			}
+	Y.setAttribute("aria-haspopup", "dialog"), Y.setAttribute("aria-expanded", "false");
+	let De = (e) => {
+		let n = e.target, r = n.closest("mark");
+		if (!r || !t.view.dom.contains(r) || n.closest("a[href]")) return null;
+		let a = t.view.posAtCoords({
+			left: e.clientX,
+			top: e.clientY
+		}), o = t.schema.marks.label;
+		if (!a || !o) return null;
+		let s = t.state.doc.resolve(a.pos), c = i(s, o) ?? (a.pos > 0 ? i(t.state.doc.resolve(a.pos - 1), o) : void 0);
+		if (!c) return null;
+		let l = r.dataset.label ?? "";
+		return t.state.doc.nodesBetween(c.from, c.to, (e) => {
+			let t = e.marks.find((e) => e.type === o);
+			t && (l = String(t.attrs.label ?? l));
+		}), {
+			range: c,
+			name: l
+		};
+	}, Oe = (e) => {
+		let n = e.target.closest("mark[data-label]");
+		n && t.view.dom.contains(n) && (n.title = `Метка: ${n.dataset.label}`);
+	}, ke = (e) => {
+		if (e.metaKey || e.ctrlKey || e.shiftKey) return;
+		let n = De(e);
+		n && (t.state.selection.empty || !t.isEditable) && (e.stopPropagation(), xe = !0, we(n.range, n.name, "view"));
+	};
+	t.view.dom.addEventListener("pointerover", Oe), t.view.dom.addEventListener("click", ke), q.addEventListener("mousedown", (e) => e.stopPropagation()), q.addEventListener("submit", (e) => {
+		e.preventDefault(), Ee(J.value);
+	}), _e.addEventListener("click", () => {
+		X && t.isEditable && we(X, he.textContent ?? "", "edit");
+	}), ve.forEach((e) => e.addEventListener("click", () => {
+		X && (t.chain().focus().setTextSelection(X).unsetMark("label").run(), Q());
+	})), q.addEventListener("keydown", (e) => {
+		e.key === "Escape" && (e.preventDefault(), Q(), t.commands.focus());
+	});
+	let Ae = (e) => {
+		let t = e.target;
+		!q.contains(t) && !Y.contains(t) && Q();
+	};
+	document.addEventListener("click", Ae);
+	let $ = () => {
+		let e = t.isEditable;
+		s.disabled = !e;
+		for (let [t, n] of h) t !== "toc" && (n.disabled = !e);
+		h.get("undo").disabled = !e || !t.can().undo(), h.get("redo").disabled = !e || !t.can().redo(), T(), !e || !t.isActive("image") ? j() : D.hidden ? de() : (N(), A()), h.get("bold").classList.toggle("is-active", t.isActive("bold")), h.get("italic").classList.toggle("is-active", t.isActive("italic")), h.get("underline").classList.toggle("is-active", t.isActive("underline")), h.get("strike").classList.toggle("is-active", t.isActive("strike")), h.get("label").classList.toggle("is-active", t.isActive("label")), e || H(), !e && be === "edit" ? Q() : q.hidden || Z();
+		let n = t.getAttributes("heading").level, r = n ? String(n) : (t.isActive("paragraph"), "p"), i = n ? `Заголовок ${n}` : "Обычный текст";
+		c.textContent = i;
+		for (let e of l.querySelectorAll(".ophx-toolbar__style-option")) {
+			let t = e.dataset.value === r;
+			e.setAttribute("aria-selected", String(t)), e.classList.toggle("is-selected", t);
 		}
-		o.value = "";
-	}), e.append(o);
-	let s = document.createElement("nav");
-	s.className = "ophx-toc", s.setAttribute("aria-label", "Содержание документа"), s.hidden = !0, e.append(s);
-	let c = () => {
-		i.get("undo").disabled = !t.can().undo(), i.get("redo").disabled = !t.can().redo(), i.get("bold").classList.toggle("is-active", t.isActive("bold")), i.get("italic").classList.toggle("is-active", t.isActive("italic")), i.get("underline").classList.toggle("is-active", t.isActive("underline")), i.get("strike").classList.toggle("is-active", t.isActive("strike"));
-		let e = t.getAttributes("heading").level;
-		r.value = e ? String(e) : (t.isActive("paragraph"), "p"), s.replaceChildren(), t.state.doc.descendants((e, n) => {
+		P.replaceChildren(), t.state.doc.descendants((e, n) => {
 			if (e.type.name !== "heading") return;
 			let r = document.createElement("button");
 			r.type = "button", r.className = "ophx-toc__item", r.style.paddingInlineStart = `${Math.max(0, Number(e.attrs.level) - 1) * 12}px`, r.textContent = e.textContent || "Без названия", r.addEventListener("mousedown", (e) => e.preventDefault()), r.addEventListener("click", () => {
 				t.commands.setTextSelection(n + 1), t.commands.focus(), t.commands.scrollIntoView();
-			}), s.append(r);
+			}), P.append(r);
 		});
+	}, je = ({ transaction: e }) => {
+		if ($(), !e.docChanged) return;
+		let n = re(e.before, e.doc);
+		n !== null && t.commands.setNodeSelection(n);
+	}, Me = () => $();
+	return t.on("transaction", je), t.on("selectionUpdate", Me), t.view.dom.addEventListener("ophx:editablechange", $), $(), () => {
+		t.off("transaction", je), t.off("selectionUpdate", Me), t.view.dom.removeEventListener("ophx:editablechange", $), document.removeEventListener("click", ce), S(), v.remove(), document.removeEventListener("click", E), window.removeEventListener("resize", w), document.removeEventListener("scroll", w, !0), C.remove(), document.removeEventListener("click", fe), j(), D.remove(), t.view.dom.removeEventListener("pointerover", W), t.view.dom.removeEventListener("click", G), document.removeEventListener("click", K), H(), I.remove(), t.view.dom.removeEventListener("pointerover", Oe), t.view.dom.removeEventListener("click", ke), document.removeEventListener("click", Ae), Q(), q.remove(), e.replaceChildren(), e.classList.remove("ophx-toolbar");
 	};
-	return t.on("transaction", c), t.on("selectionUpdate", c), c(), () => {
-		t.off("transaction", c), t.off("selectionUpdate", c), e.replaceChildren(), e.classList.remove("ophx-toolbar");
-	};
 }
-function R(e, t, n, r) {
+function te(e, t, n) {
+	try {
+		let r = e.view.coordsAtPos(n.from), i = e.view.coordsAtPos(n.to), a = (r.left + i.right) / 2, o = t.offsetWidth, s = t.offsetHeight, c = Math.max(8, Math.min(a - o / 2, window.innerWidth - o - 8)), l = i.bottom + s + 14 <= window.innerHeight - 8, u = l ? i.bottom + 12 : Math.max(8, r.top - s - 12);
+		return t.style.left = `${c}px`, t.style.top = `${u}px`, t.dataset.placement = l ? "bottom" : "top", t.style.setProperty("--ophx-link-arrow-left", `${Math.max(14, Math.min(a - c, o - 14))}px`), !0;
+	} catch {
+		return !1;
+	}
+}
+function ne(e) {
+	try {
+		let t = new URL(e.trim(), window.location.href);
+		[
+			"http:",
+			"https:",
+			"mailto:"
+		].includes(t.protocol) && window.open(t.href, "_blank", "noopener,noreferrer");
+	} catch {}
+}
+function re(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	e.descendants((e) => {
+		if (e.type.name !== "image") return;
+		let t = String(e.attrs.src ?? "");
+		n.set(t, (n.get(t) ?? 0) + 1);
+	});
+	let r = null;
+	return t.descendants((e, t) => {
+		if (e.type.name !== "image" || r !== null) return;
+		let i = String(e.attrs.src ?? ""), a = n.get(i) ?? 0;
+		a > 0 ? n.set(i, a - 1) : r = t;
+	}), r;
+}
+function ie(e, t, n, r) {
 	let i = t.chain().focus();
 	switch (e) {
 		case "bold":
@@ -554,38 +522,14 @@ function R(e, t, n, r) {
 			i.toggleOrderedList().run();
 			break;
 		case "indent":
-			z(t, 1);
+			ae(t, 1);
 			break;
 		case "outdent":
-			z(t, -1);
+			ae(t, -1);
 			break;
-		case "link": {
-			let e = t.getAttributes("link").href, n = window.prompt("Адрес ссылки", e ?? "https://");
-			if (n === null) return;
-			n.trim() ? i.extendMarkRange("link").setLink({ href: n.trim() }).run() : i.extendMarkRange("link").unsetLink().run();
-			break;
-		}
 		case "image":
 			n.click();
 			break;
-		case "table":
-			i.insertTable({
-				rows: 3,
-				cols: 3,
-				withHeaderRow: !0
-			}).run();
-			break;
-		case "collapse": {
-			if (!t.isActive("heading")) return;
-			let e = !!t.getAttributes("heading").collapsed;
-			i.updateAttributes("heading", { collapsed: !e }).run();
-			break;
-		}
-		case "label": {
-			let e = window.prompt("Название метки", "важно");
-			e?.trim() && i.setMark("label", { label: e.trim() }).run();
-			break;
-		}
 		case "toc":
 			r.hidden = !r.hidden;
 			break;
@@ -595,7 +539,7 @@ function R(e, t, n, r) {
 		case "redo": i.redo().run();
 	}
 }
-function z(e, t) {
+function ae(e, t) {
 	let { $from: n } = e.state.selection;
 	if (n.parent.type.name === "listItem") {
 		let n = e.chain().focus();
@@ -608,7 +552,7 @@ function z(e, t) {
 	e.chain().focus().updateAttributes(r, { indent: Math.max(0, Math.min(8, i + t)) }).run();
 }
 // src/editor/ophx-archive.ts
-var B = {
+var oe = {
 	avif: "image/avif",
 	bmp: "image/bmp",
 	gif: "image/gif",
@@ -621,10 +565,10 @@ var B = {
 	tiff: "image/tiff",
 	webp: "image/webp"
 };
-async function V(e, t = {}) {
-	let n = new v(), r = new DOMParser().parseFromString(e, "text/html");
-	G(r);
-	let i = K(t.filename ?? t.title ?? "Документ"), a = t.title ?? r.title ?? i, o = t.assets ?? {}, s = new Set(Object.keys(o).map(J)), c = 0;
+async function x(e, t = {}) {
+	let n = new p(), r = new DOMParser().parseFromString(e, "text/html");
+	C(r);
+	let i = le(t.filename ?? t.title ?? "Документ"), a = t.title ?? r.title ?? i, o = t.assets ?? {}, s = new Set(Object.keys(o).map(T)), c = 0;
 	for (let e of Array.from(r.querySelectorAll("img[src]"))) {
 		let t = e.getAttribute("src")?.trim();
 		if (!t || /^https?:\/\//i.test(t) || /^data:(?!image\/)/i.test(t)) continue;
@@ -634,35 +578,35 @@ async function V(e, t = {}) {
 				if (!r.ok) throw Error(`Не удалось прочитать изображение: ${t}`);
 				let i = await r.blob();
 				if (!i.type.startsWith("image/")) throw Error("Вложение с data/blob URL не является изображением");
-				let a = `image-${++c}.${Z(i.type, t)}`;
-				for (; s.has(a);) a = `image-${++c}.${Z(i.type, t)}`;
+				let a = `image-${++c}.${ue(i.type, t)}`;
+				for (; s.has(a);) a = `image-${++c}.${ue(i.type, t)}`;
 				n.file(a, i), s.add(a), e.setAttribute("src", encodeURIComponent(a));
 			} catch (e) {
 				throw Error("Не удалось добавить изображение в архив ophx", { cause: e });
 			}
 			continue;
 		}
-		let r = J(t);
-		if (!q(r)) throw Error(`Путь изображения должен быть простым именем файла: ${t}`);
+		let r = T(t);
+		if (!w(r)) throw Error(`Путь изображения должен быть простым именем файла: ${t}`);
 		let i = o[r];
 		if (!i && !s.has(r)) throw Error(`Для локального изображения «${r}» не передан файл media`);
 		i && n.file(r, i), e.setAttribute("src", encodeURIComponent(r));
 	}
-	let l = W(t.styles ?? {});
+	let l = ce(t.styles ?? {});
 	for (let [e, t] of Object.entries(l)) n.file(e, t);
-	let u = Object.keys(l).map((e) => `<link rel="stylesheet" href="${$(encodeURIComponent(e))}">`).join(""), d = r.documentElement.lang || "ru", f = t.bodyContentEditable ? ` contenteditable="${t.bodyContentEditable}"` : "", p = `<!doctype html>\n<html lang="${$(d)}"><head><meta charset="utf-8"><title>${$(a)}</title>${u}</head><body${f}>${r.body.innerHTML}</body></html>`;
-	return n.file(`${i}.html`, p), n.generateAsync({
+	let u = Object.keys(l).map((e) => `<link rel="stylesheet" href="${k(encodeURIComponent(e))}">`).join(""), d = r.documentElement.lang || "ru", f = t.bodyContentEditable ? ` contenteditable="${t.bodyContentEditable}"` : "", m = `<!doctype html>\n<html lang="${k(d)}"><head><meta charset="utf-8"><title>${k(a)}</title>${u}</head><body${f}>${r.body.innerHTML}</body></html>`;
+	return n.file(`${i}.html`, m), n.generateAsync({
 		type: "blob",
 		mimeType: "application/zip",
 		compression: "DEFLATE",
 		compressionOptions: { level: 6 }
 	});
 }
-async function H(e) {
-	await X(e);
+async function S(e) {
+	await D(e);
 	let t;
 	try {
-		t = await v.loadAsync(e);
+		t = await p.loadAsync(e);
 	} catch (e) {
 		throw Error("Не удалось прочитать ZIP-архив .ophx (шифрование и неподдерживаемые ZIP-режимы не поддерживаются)", { cause: e });
 	}
@@ -679,26 +623,26 @@ async function H(e) {
 	for (let e of Array.from(c.querySelectorAll("head link[rel~=\"stylesheet\"][href]"))) {
 		let n = e.getAttribute("href")?.trim();
 		if (!n) continue;
-		if (Y(n)) throw Error(`CSS должен быть встроенным плоским файлом архива: ${n}`);
-		let r = J(n);
-		if (!q(r) || !r.toLowerCase().endsWith(".css")) throw Error(`Ссылка на стиль должна указывать на плоский .css-файл: ${n}`);
+		if (E(n)) throw Error(`CSS должен быть встроенным плоским файлом архива: ${n}`);
+		let r = T(n);
+		if (!w(r) || !r.toLowerCase().endsWith(".css")) throw Error(`Ссылка на стиль должна указывать на плоский .css-файл: ${n}`);
 		let i = t.file(r);
 		if (!i) throw Error(`Файл стиля «${r}» отсутствует в архиве`);
 		l[r] = await i.async("string");
 	}
 	for (let e of Array.from(c.querySelectorAll("img[src]"))) {
 		let n = e.getAttribute("src")?.trim();
-		if (!n || Y(n)) continue;
-		let r = J(n);
-		if (!q(r)) throw Error(`Ссылка на изображение должна быть простым именем файла: ${n}`);
+		if (!n || E(n)) continue;
+		let r = T(n);
+		if (!w(r)) throw Error(`Ссылка на изображение должна быть простым именем файла: ${n}`);
 		let i = t.file(r);
 		if (!i) throw Error(`Файл изображения «${r}» отсутствует в архиве`);
-		let a = await i.async("base64"), o = r.split(".").pop()?.toLowerCase() ?? "", s = B[o] ?? (o ? `image/${o}` : "application/octet-stream");
+		let a = await i.async("base64"), o = r.split(".").pop()?.toLowerCase() ?? "", s = oe[o] ?? (o ? `image/${o}` : "application/octet-stream");
 		e.setAttribute("src", `data:${s};base64,${a}`);
 	}
 	let u = c.body.getAttribute("contenteditable");
 	if (u === "false") for (let e of Array.from(c.body.children)) e.hasAttribute("contenteditable") || e.setAttribute("contenteditable", "false");
-	Q(c);
+	O(c);
 	let d = Object.entries(l);
 	return {
 		html: c.body.innerHTML,
@@ -709,21 +653,21 @@ async function H(e) {
 		bodyContentEditable: u === "true" || u === "false" ? u : void 0
 	};
 }
-function U(e, t) {
+function se(e, t) {
 	let n = URL.createObjectURL(e), r = window.document.createElement("a");
 	r.href = n, r.download = t, r.click(), window.setTimeout(() => URL.revokeObjectURL(n), 0);
 }
-function W(e) {
+function ce(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) {
-		let e = J(n);
-		if (!q(e) || !e.toLowerCase().endsWith(".css")) throw Error(`Имя файла стиля должно быть плоским и оканчиваться на .css: ${n}`);
+		let e = T(n);
+		if (!w(e) || !e.toLowerCase().endsWith(".css")) throw Error(`Имя файла стиля должно быть плоским и оканчиваться на .css: ${n}`);
 		if (Object.hasOwn(t, e)) throw Error(`Повторяется имя файла стиля: ${e}`);
 		t[e] = r;
 	}
 	return t;
 }
-function G(e) {
+function C(e) {
 	let t = Array.from(e.querySelectorAll("[data-ophx-field], .ophx-field")), n = /* @__PURE__ */ new Set();
 	for (let e of t) {
 		let t = e.getAttribute("data-ophx-field") ?? "", r = e.tagName.toLowerCase();
@@ -738,42 +682,42 @@ function G(e) {
 		n.add(t);
 	}
 }
-function K(e) {
+function le(e) {
 	let t = e.trim().replace(/\.(?:ophx|html)$/i, "");
 	if (!t) return "Документ";
-	if (!q(t) || /[\u0000-\u001f]/.test(t)) throw Error("Имя .ophx должно быть простым именем файла без каталогов");
+	if (!w(t) || /[\u0000-\u001f]/.test(t)) throw Error("Имя .ophx должно быть простым именем файла без каталогов");
 	return t;
 }
-function q(e) {
+function w(e) {
 	return !!e && e !== "." && e !== ".." && !/[\\/]/.test(e);
 }
-function J(e) {
+function T(e) {
 	try {
 		return decodeURIComponent(e);
 	} catch {
 		throw Error(`Некорректное percent-экранирование в имени ресурса: ${e}`);
 	}
 }
-function Y(e) {
+function E(e) {
 	return /^(?:data:|https?:\/\/)/i.test(e);
 }
-async function X(e) {
+async function D(e) {
 	if (e.size < 2) throw Error("Файл не является ZIP-архивом .ophx (возможен устаревший формат)");
 	let t = new Uint8Array(await e.slice(0, 4).arrayBuffer());
 	if (t[0] !== 80 || t[1] !== 75) throw Error("Неподдерживаемый устаревший ophx: ожидается ZIP-архив версии v2");
 }
-function Z(e, t) {
-	let n = Object.entries(B).find(([, t]) => t === e)?.[0];
+function ue(e, t) {
+	let n = Object.entries(oe).find(([, t]) => t === e)?.[0];
 	if (n) return n;
 	let r = t.match(/\.([a-z0-9]+)(?:[?#]|$)/i)?.[1]?.toLowerCase();
 	return r && /^[a-z0-9]{1,6}$/.test(r) ? r : "bin";
 }
-function Q(e) {
+function O(e) {
 	e.querySelectorAll("script, iframe, object, embed, style, link").forEach((e) => e.remove()), e.querySelectorAll("*").forEach((e) => {
 		for (let t of Array.from(e.attributes)) /^on/i.test(t.name) && e.removeAttribute(t.name), /^(href|src|xlink:href)$/i.test(t.name) && /^\s*(javascript|vbscript):/i.test(t.value) && e.removeAttribute(t.name), /^(src|xlink:href)$/i.test(t.name) && /^\s*data:(?!image\/)/i.test(t.value) && e.removeAttribute(t.name);
 	});
 }
-function $(e) {
+function k(e) {
 	return e.replace(/[&<>"']/g, (e) => ({
 		"&": "&amp;",
 		"<": "&lt;",
@@ -782,8 +726,611 @@ function $(e) {
 		"'": "&#39;"
 	})[e]);
 }
+// src/editor/extensions.ts
+var A = n.create({
+	name: "label",
+	inclusive: !1,
+	addAttributes() {
+		return { label: {
+			default: "highlight",
+			parseHTML: (e) => e.dataset.label ?? "highlight",
+			renderHTML: (e) => ({ "data-label": e.label })
+		} };
+	},
+	parseHTML() {
+		return [{ tag: "mark[data-label]" }, { tag: "mark" }];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"mark",
+			e,
+			0
+		];
+	}
+});
+function j() {
+	return {
+		fieldId: {
+			default: "",
+			parseHTML: (e) => e.getAttribute("data-ophx-field") ?? "",
+			renderHTML: (e) => ({ "data-ophx-field": e.fieldId ?? "" })
+		},
+		fieldLabel: {
+			default: null,
+			parseHTML: (e) => e.getAttribute("data-ophx-label"),
+			renderHTML: (e) => e.fieldLabel ? { "data-ophx-label": e.fieldLabel } : {}
+		},
+		required: {
+			default: !1,
+			parseHTML: (e) => e.getAttribute("data-ophx-required") === "true",
+			renderHTML: (e) => e.required ? { "data-ophx-required": "true" } : {}
+		}
+	};
+}
+var de = /^[A-Za-z0-9._-]+$/, M = 50, N = 1200;
+function fe(e) {
+	if (!e || !/^\d+$/.test(e)) return null;
+	let t = Number(e);
+	return Number.isInteger(t) && t >= M && t <= N ? t : null;
+}
+var P = h.extend({
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			width: {
+				default: null,
+				parseHTML: (e) => fe(e.getAttribute("width")),
+				renderHTML: (e) => {
+					let t = e.width;
+					return Number.isInteger(t) && Number(t) >= M && Number(t) <= N ? { width: String(t) } : {};
+				}
+			},
+			textWrap: {
+				default: "none",
+				parseHTML: (e) => {
+					let t = e.getAttribute("data-ophx-wrap");
+					return t === "left" || t === "right" ? t : "none";
+				},
+				renderHTML: (e) => ({ "data-ophx-wrap": e.textWrap === "left" || e.textWrap === "right" ? e.textWrap : "none" })
+			},
+			alignment: {
+				default: "left",
+				parseHTML: (e) => {
+					let t = e.getAttribute("data-ophx-align");
+					return t === "center" || t === "right" ? t : "left";
+				},
+				renderHTML: (e) => ({ "data-ophx-align": e.alignment === "center" || e.alignment === "right" ? e.alignment : "left" })
+			}
+		};
+	},
+	addNodeView() {
+		return ({ node: e, getPos: t, editor: n }) => {
+			let r = e, i = 0, a = 0, o = 0, s = document.createElement("div");
+			s.className = "ophx-image-node", s.contentEditable = "false";
+			let c = document.createElement("img"), l = document.createElement("button");
+			l.type = "button", l.className = "ophx-image-node__resize-handle", l.setAttribute("role", "slider"), l.setAttribute("aria-label", "Изменить размер изображения перетаскиванием"), l.setAttribute("aria-valuemin", String(M)), l.setAttribute("aria-valuemax", String(N)), l.title = "Потяните влево или вправо, чтобы изменить размер", l.innerHTML = "<svg viewBox=\"0 0 12 28\" aria-hidden=\"true\"><path d=\"M4 3v22M8 3v22\"/></svg>", s.append(c, l);
+			let u = () => {
+				let e = String(r.attrs.src ?? "");
+				c.getAttribute("src") !== e && c.setAttribute("src", e), c.alt = r.attrs.alt ?? "", r.attrs.title ? c.title = r.attrs.title : c.removeAttribute("title"), r.attrs.width ? c.width = Number(r.attrs.width) : c.removeAttribute("width");
+				let t = Number(r.attrs.width) || Math.round(c.getBoundingClientRect().width);
+				l.setAttribute("aria-valuenow", String(t)), l.setAttribute("aria-valuetext", `${t} пикселей`), s.dataset.ophxWrap = r.attrs.textWrap ?? "none", s.dataset.ophxAlign = r.attrs.alignment ?? "left";
+			}, d = (e) => {
+				if (!n.isEditable) return;
+				let r = typeof t == "function" ? t() : void 0;
+				if (typeof r != "number") return;
+				let i = n.state.doc.nodeAt(r);
+				if (!i || i.type.name !== "image") return;
+				let a = getComputedStyle(n.view.dom), o = Number.parseFloat(a.paddingLeft) + Number.parseFloat(a.paddingRight), s = Math.max(M, n.view.dom.clientWidth - o), c = Math.min(e, N, Math.floor(s));
+				n.view.dispatch(n.state.tr.setNodeMarkup(r, void 0, {
+					...i.attrs,
+					width: c
+				}));
+			}, f = (e) => {
+				if (!l.hasPointerCapture(e.pointerId)) return;
+				let t = Math.max(50, Math.round((a + e.clientX - i) / 5) * 5);
+				t !== o && (o = t, d(t));
+			}, p = (e) => {
+				l.hasPointerCapture(e.pointerId) && l.releasePointerCapture(e.pointerId);
+			};
+			return l.addEventListener("pointerdown", (e) => {
+				n.isEditable && (e.preventDefault(), e.stopPropagation(), i = e.clientX, a = c.getBoundingClientRect().width, o = Math.round(a), l.setPointerCapture(e.pointerId));
+			}), l.addEventListener("pointermove", f), l.addEventListener("pointerup", p), l.addEventListener("pointercancel", p), l.addEventListener("keydown", (e) => {
+				if (!n.isEditable || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+				e.preventDefault();
+				let t = Number(r.attrs.width) || Math.round(c.getBoundingClientRect().width), i = e.key === "ArrowRight" ? 10 : -10;
+				d(Math.max(M, t + i));
+			}), c.addEventListener("load", () => {
+				if (r.attrs.width) return;
+				let e = Math.round(c.getBoundingClientRect().width);
+				l.setAttribute("aria-valuenow", String(e)), l.setAttribute("aria-valuetext", `${e} пикселей`);
+			}), u(), {
+				dom: s,
+				update(e) {
+					return e.type === r.type && (r = e, u(), !0);
+				},
+				stopEvent(e) {
+					return l.contains(e.target);
+				},
+				ignoreMutation() {
+					return !0;
+				}
+			};
+		};
+	}
+}), F = r.create({
+	name: "ophxInlineField",
+	priority: 1e3,
+	group: "inline",
+	inline: !0,
+	content: "text*",
+	defining: !0,
+	addAttributes: j,
+	parseHTML() {
+		return [{
+			tag: "span.ophx-field[contenteditable=\"true\"][data-ophx-field]",
+			priority: 1e3
+		}];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"span",
+			{
+				...e,
+				class: "ophx-field",
+				contenteditable: "true"
+			},
+			0
+		];
+	}
+}), I = r.create({
+	name: "ophxBlockField",
+	priority: 1e3,
+	group: "block",
+	content: "text*",
+	defining: !0,
+	addAttributes() {
+		return {
+			...j(),
+			tagName: {
+				default: "div",
+				parseHTML: (e) => e.tagName.toLowerCase(),
+				renderHTML: () => ({})
+			}
+		};
+	},
+	parseHTML() {
+		return [{
+			tag: "p.ophx-field[contenteditable=\"true\"][data-ophx-field]",
+			priority: 1e3
+		}, {
+			tag: "div.ophx-field[contenteditable=\"true\"][data-ophx-field]",
+			priority: 1e3
+		}];
+	},
+	renderHTML({ node: e, HTMLAttributes: t }) {
+		return [
+			e.attrs.tagName === "p" ? "p" : "div",
+			{
+				...t,
+				class: "ophx-field",
+				contenteditable: "true"
+			},
+			0
+		];
+	}
+}), L = n.create({
+	name: "ophxReadonlyInline",
+	inclusive: !1,
+	addAttributes() {
+		return { className: {
+			default: null,
+			parseHTML: (e) => e.getAttribute("class"),
+			renderHTML: (e) => e.className ? { class: e.className } : {}
+		} };
+	},
+	parseHTML() {
+		return [{
+			tag: "span[contenteditable=\"false\"]",
+			priority: 100
+		}];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"span",
+			{
+				...e,
+				contenteditable: "false"
+			},
+			0
+		];
+	}
+}), R = r.create({
+	name: "ophxReadonlyBlock",
+	priority: 1e3,
+	group: "block",
+	content: "block*",
+	defining: !0,
+	isolating: !0,
+	addAttributes() {
+		return {
+			id: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("id"),
+				renderHTML: (e) => e.id ? { id: e.id } : {}
+			},
+			className: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("class"),
+				renderHTML: (e) => e.className ? { class: e.className } : {}
+			},
+			title: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("title"),
+				renderHTML: (e) => e.title ? { title: e.title } : {}
+			}
+		};
+	},
+	parseHTML() {
+		return [{
+			tag: "div[contenteditable=\"false\"]",
+			priority: 1e3
+		}];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"div",
+			{
+				...e,
+				contenteditable: "false"
+			},
+			0
+		];
+	}
+}), pe = new _("ophxHeadingCollapse"), z = m.extend({
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			collapsed: {
+				default: !1,
+				parseHTML: (e) => e.dataset.collapsed === "true",
+				renderHTML: (e) => e.collapsed ? { "data-collapsed": "true" } : {}
+			}
+		};
+	},
+	addNodeView() {
+		return ({ node: e, getPos: t, editor: n }) => {
+			let r = e, i = document.createElement(`h${e.attrs.level}`);
+			i.className = "ophx-heading";
+			let a = document.createElement("button");
+			a.type = "button", a.className = "ophx-heading__toggle", a.innerHTML = "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m5.5 3.5 4.5 4.5-4.5 4.5\"/></svg>";
+			let o = document.createElement("span");
+			o.className = "ophx-heading__content", i.append(o, a);
+			let s = () => {
+				let e = !!r.attrs.collapsed;
+				a.setAttribute("aria-expanded", String(!e)), a.setAttribute("aria-label", e ? "Развернуть раздел" : "Свернуть раздел"), a.title = e ? "Развернуть раздел" : "Свернуть раздел", i.dataset.collapsed = String(e);
+			};
+			return a.addEventListener("mousedown", (e) => e.preventDefault()), a.addEventListener("click", (e) => {
+				if (e.preventDefault(), e.stopPropagation(), !n.isEditable) return;
+				let r = typeof t == "function" ? t() : void 0;
+				if (typeof r != "number") return;
+				let i = n.state.doc.nodeAt(r);
+				i && i.type.name === "heading" && n.view.dispatch(n.state.tr.setNodeMarkup(r, void 0, {
+					...i.attrs,
+					collapsed: !i.attrs.collapsed
+				}));
+			}), s(), {
+				dom: i,
+				contentDOM: o,
+				update(e) {
+					return e.type !== r.type || e.attrs.level !== r.attrs.level ? !1 : (r = e, s(), !0);
+				},
+				stopEvent(e) {
+					return a.contains(e.target);
+				}
+			};
+		};
+	},
+	addProseMirrorPlugins() {
+		return [new g({
+			key: pe,
+			props: { decorations(e) {
+				let t = [], n = null;
+				return e.doc.forEach((e, r) => {
+					if (e.type.name === "heading") {
+						let i = Number(e.attrs.level);
+						n !== null && i <= n && (n = null), n !== null && t.push(v.node(r, r + e.nodeSize, { class: "ophx-collapsed-content" })), e.attrs.collapsed && (n = i);
+					} else n !== null && t.push(v.node(r, r + e.nodeSize, { class: "ophx-collapsed-content" }));
+				}), y.create(e.doc, t);
+			} }
+		})];
+	}
+}), B = new _("ophxTextSearch"), V = t.create({
+	name: "ophxSearch",
+	addStorage() {
+		return { query: "" };
+	},
+	addCommands() {
+		return { setSearchQuery: (e) => ({ tr: t, dispatch: n }) => (this.storage.query = e, n?.(t.setMeta(B, e)), !0) };
+	},
+	addProseMirrorPlugins() {
+		let e = this;
+		return [new g({
+			key: B,
+			state: {
+				init: (t, n) => H(n.doc, e.storage.query),
+				apply: (t, n, r, i) => {
+					let a = t.getMeta(B);
+					return a !== void 0 && (e.storage.query = a), !t.docChanged && a === void 0 ? n : H(i.doc, e.storage.query);
+				}
+			},
+			props: { decorations(e) {
+				return B.getState(e);
+			} }
+		})];
+	}
+});
+function H(e, t) {
+	if (!t.trim()) return y.empty;
+	let n = [], r = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = new RegExp(r, "gi");
+	return e.descendants((e, t) => {
+		if (e.isText && e.text) {
+			i.lastIndex = 0;
+			for (let r of e.text.matchAll(i)) r.index !== void 0 && n.push(v.inline(t + r.index, t + r.index + r[0].length, { class: "ophx-search-match" }));
+		}
+	}), y.create(e, n);
+}
+var U = t.create({
+	name: "ophxWysiwymRules",
+	addProseMirrorPlugins() {
+		return [new g({ props: {
+			handleTextInput(e, t, n, r) {
+				return r === " " && /\s/.test(e.state.doc.textBetween(Math.max(0, t - 1), t));
+			},
+			handleKeyDown(e, t) {
+				if (t.key !== "Enter" || t.shiftKey) return !1;
+				let { $from: n } = e.state.selection;
+				if (!n.parent.isTextblock || n.parent.content.size !== 0 || n.depth === 0) return !1;
+				let r = n.index(n.depth - 1), i = n.node(n.depth - 1);
+				return [i.maybeChild(r - 1), i.maybeChild(r + 1)].some((e) => e?.isTextblock && e.content.size === 0);
+			}
+		} })];
+	}
+}), W = t.create({
+	name: "ophxIndentation",
+	addGlobalAttributes() {
+		return [{
+			types: ["paragraph", "heading"],
+			attributes: { indent: {
+				default: 0,
+				parseHTML: (e) => Number(e.dataset.indent ?? 0),
+				renderHTML: (e) => e.indent ? { "data-indent": String(e.indent) } : {}
+			} }
+		}];
+	}
+}), G = t.create({
+	name: "ophxEditability",
+	addGlobalAttributes() {
+		return [{
+			types: [
+				"paragraph",
+				"heading",
+				"blockquote",
+				"codeBlock",
+				"bulletList",
+				"orderedList",
+				"listItem",
+				"horizontalRule",
+				"image",
+				"table",
+				"tableRow",
+				"tableHeader",
+				"tableCell",
+				"bold",
+				"italic",
+				"underline",
+				"strike",
+				"link",
+				"label"
+			],
+			attributes: { contenteditable: {
+				default: null,
+				parseHTML: (e) => {
+					let t = e.getAttribute("contenteditable");
+					return t === "true" || t === "false" ? t : null;
+				},
+				renderHTML: (e) => e.contenteditable ? { contenteditable: e.contenteditable } : {}
+			} }
+		}];
+	}
+});
+function K(e) {
+	return de.test(e);
+}
+// src/editor/ophx-editor.ts
+function me(e, t) {
+	if (typeof e != "string") return e;
+	let n = document.querySelector(e);
+	if (!n) throw Error(`OphxEditor: элемент для опции "${t}" не найден по селектору "${e}"`);
+	return n;
+}
+var q = "ophx-editor-editable", J = class {
+	editor;
+	archiveDefaults = null;
+	editableStorageKey;
+	unmountToolbar = null;
+	constructor(t) {
+		this.editableStorageKey = t.editableStorageKey === void 0 ? q : t.editableStorageKey, this.editor = new e({
+			element: me(t.element, "element"),
+			content: t.content ?? "<p></p>",
+			editable: this.readStoredEditable() ?? t.editable ?? !0,
+			extensions: [
+				a.configure({
+					heading: !1,
+					underline: !1,
+					link: !1
+				}),
+				z.configure({ levels: [
+					1,
+					2,
+					3,
+					4,
+					5,
+					6
+				] }),
+				o,
+				s.configure({
+					openOnClick: !1,
+					autolink: !0,
+					linkOnPaste: !0
+				}),
+				P.configure({
+					allowBase64: !0,
+					inline: !1
+				}),
+				l.configure({ resizable: !0 }),
+				u,
+				d,
+				f,
+				F,
+				I,
+				R,
+				L,
+				A,
+				W,
+				G,
+				V,
+				U,
+				c.configure({ placeholder: t.placeholder ?? "Начните писать…" }),
+				...t.extensions ?? []
+			],
+			editorProps: {
+				attributes: {
+					class: "ophx-editor-surface",
+					spellcheck: "true",
+					lang: "ru",
+					"aria-label": "Редактор документа"
+				},
+				handleDOMEvents: { mousedown: (e, t) => {
+					if (e.editable) return !1;
+					let n = t.target instanceof Element ? t.target : null;
+					if (!n) return !1;
+					if (n.closest(".ophx-image-node, img")) return t.preventDefault(), !0;
+					let r = n.closest("table"), i = n.closest("p, span, a, strong, em, code");
+					return r && (!i || t.metaKey || t.ctrlKey) ? (t.preventDefault(), !0) : !1;
+				} }
+			},
+			onUpdate: t.onUpdate
+		}), this.syncEditableControls(), t.toolbar && (this.unmountToolbar = b(me(t.toolbar, "toolbar"), this.editor, t.toolbarOptions));
+	}
+	getHTML() {
+		return this.editor.getHTML();
+	}
+	getJSON() {
+		return this.editor.getJSON();
+	}
+	getText() {
+		return this.editor.getText();
+	}
+	get isEmpty() {
+		return this.editor.isEmpty;
+	}
+	get isEditable() {
+		return this.editor.isEditable;
+	}
+	setContent(e, t = {}) {
+		this.archiveDefaults = null, this.editor.commands.setContent(e, { emitUpdate: t.emitUpdate ?? !1 });
+	}
+	clearContent(e = {}) {
+		this.setContent("<p></p>", e);
+	}
+	focus(e) {
+		return this.editor.commands.focus(e), this;
+	}
+	blur() {
+		return this.editor.commands.blur(), this;
+	}
+	setEditable(e) {
+		return this.editor.setEditable(e, !1), this.writeStoredEditable(e), this.syncEditableControls(), this;
+	}
+	readStoredEditable() {
+		if (!this.editableStorageKey) return null;
+		try {
+			let e = localStorage.getItem(this.editableStorageKey);
+			return e === "true" || e !== "false" && null;
+		} catch {
+			return null;
+		}
+	}
+	writeStoredEditable(e) {
+		if (this.editableStorageKey) try {
+			localStorage.setItem(this.editableStorageKey, String(e));
+		} catch {}
+	}
+	undo() {
+		return this.editor.commands.undo();
+	}
+	redo() {
+		return this.editor.commands.redo();
+	}
+	canUndo() {
+		return this.editor.can().undo();
+	}
+	canRedo() {
+		return this.editor.can().redo();
+	}
+	syncEditableControls() {
+		let e = this.editor.isEditable;
+		this.editor.view.dom.querySelectorAll(".ophx-heading__toggle, .ophx-image-node__resize-handle").forEach((t) => {
+			t.disabled = !e;
+		}), this.editor.view.dom.dispatchEvent(new Event("ophx:editablechange"));
+	}
+	async loadOphx(e) {
+		let t = await S(e);
+		return this.editor.commands.setContent(t.html, { emitUpdate: !1 }), this.archiveDefaults = {
+			filename: t.filename,
+			title: t.title,
+			styles: t.styles,
+			bodyContentEditable: t.bodyContentEditable
+		}, t;
+	}
+	saveOphx(e = {}) {
+		return x(this.getHTML(), {
+			...this.archiveDefaults,
+			...e
+		});
+	}
+	async downloadOphx(e = {}) {
+		let t = e.filename ?? this.archiveDefaults?.filename ?? e.title ?? this.archiveDefaults?.title ?? "Документ";
+		se(await this.saveOphx(e), `${t.replace(/\.ophx$/i, "")}.ophx`);
+	}
+	setSearchQuery(e) {
+		this.editor.commands.setSearchQuery(e);
+	}
+	getFields() {
+		let e = Array.from(this.editor.view.dom.querySelectorAll("[data-ophx-field]")).filter((e) => {
+			let t = e.getAttribute("data-ophx-field") ?? "";
+			return e.classList.contains("ophx-field") && e.getAttribute("contenteditable") === "true" && K(t);
+		}), t = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = n.getAttribute("data-ophx-field");
+			t.set(e, (t.get(e) ?? 0) + 1);
+		}
+		return e.filter((e) => t.get(e.getAttribute("data-ophx-field")) === 1).map((e) => ({
+			id: e.getAttribute("data-ophx-field"),
+			label: e.getAttribute("data-ophx-label"),
+			required: e.getAttribute("data-ophx-required") === "true",
+			value: e.textContent ?? ""
+		}));
+	}
+	getMissingRequiredFields() {
+		return this.getFields().filter((e) => e.required && !e.value.trim());
+	}
+	destroy() {
+		this.unmountToolbar?.(), this.unmountToolbar = null, this.editor.destroy();
+	}
+};
 // src/editor/template-fields.ts
-function ee(e, t = "f") {
+function he(e, t = "f") {
 	if (!/^[A-Za-z0-9._-]+$/.test(t)) throw Error("Префикс идентификаторов полей содержит недопустимые символы");
 	let n = new DOMParser().parseFromString(e, "text/html"), r = new Set(Array.from(n.querySelectorAll("[data-ophx-field]")).map((e) => e.getAttribute("data-ophx-field") ?? "").filter(Boolean)), i = n.createTreeWalker(n.body, 4), a = [];
 	for (; i.nextNode();) {
@@ -810,4 +1357,4 @@ function ee(e, t = "f") {
 		ids: o
 	};
 }
-export { D as CollapsibleHeading, M as Indentation, y as Label, C as OphxBlockField, N as OphxEditability, F as OphxEditor, S as OphxInlineField, T as OphxReadonlyBlock, w as OphxReadonlyInline, k as TextSearch, j as WysiwymRules, ee as convertUnderscoresToFields, U as downloadBlob, V as exportOphx, H as importOphx, P as isValidOphxFieldId, L as mountToolbar };
+export { z as CollapsibleHeading, W as Indentation, A as Label, I as OphxBlockField, G as OphxEditability, J as OphxEditor, F as OphxInlineField, R as OphxReadonlyBlock, L as OphxReadonlyInline, V as TextSearch, U as WysiwymRules, he as convertUnderscoresToFields, se as downloadBlob, x as exportOphx, S as importOphx, K as isValidOphxFieldId, b as mountToolbar };