mce 0.18.5 → 0.19.0

package/dist/index.js

@@ -151,7 +151,7 @@ var imageExts = Object.values({
 var imageExtRe = new RegExp(`\\.(?:${imageExts.map((v) => v.substring(1)).join("|")})`, "i");
 //#endregion
 //#region src/utils/create.ts
-var RECT_PATH$1 = "M0 0h24v24H0z";
+var RECT_PATH = "M0 0h24v24H0z";
 var FLOW_CONNECTION_POINTS = [
 	{
 		idx: 0,
@@ -189,8 +189,9 @@ function createShapeElement(shape, fill, outline) {
 		}
 	};
 }
-function createTextElement(content, style) {
+function createTextElement(content, style, fonts) {
 	const box = measureText({
+		fonts,
 		style,
 		content
 	}).boundingBox;
@@ -259,7 +260,7 @@ function createCardElement(title, options = {}) {
 			borderRadius,
 			overflow: "hidden"
 		},
-		shape: [{ data: RECT_PATH$1 }],
+		shape: [{ data: RECT_PATH }],
 		fill,
 		outline,
 		children,
@@ -290,7 +291,7 @@ function createFlowNodeElement(label = "", options = {}) {
 		},
 		shape: {
 			enabled: true,
-			paths: [{ data: RECT_PATH$1 }],
+			paths: [{ data: RECT_PATH }],
 			connectionPoints
 		},
 		fill,
@@ -313,7 +314,7 @@ function createStickyElement(content, options = {}) {
 			color,
 			fontSize
 		},
-		shape: [{ data: RECT_PATH$1 }],
+		shape: [{ data: RECT_PATH }],
 		fill,
 		text: { content: normalizeTextContent(content) },
 		meta: {
@@ -322,6 +323,78 @@ function createStickyElement(content, options = {}) {
 		}
 	};
 }
+/** A grid table backed by the native `table` element property; first row is a header. */
+function createTableElement(rows = 3, cols = 3, options = {}) {
+	const { width = 360, height = 160 } = options;
+	const cells = [];
+	for (let r = 0; r < rows; r++) for (let c = 0; c < cols; c++) cells.push({
+		row: r,
+		col: c,
+		children: [{
+			style: {
+				fontSize: 13,
+				color: "#333333",
+				textAlign: "center",
+				verticalAlign: "middle",
+				fontWeight: r === 0 ? 700 : 400
+			},
+			text: { content: normalizeTextContent(r === 0 ? `列 ${c + 1}` : "") },
+			meta: { inCanvasIs: "Element2D" }
+		}]
+	});
+	return {
+		style: {
+			width,
+			height
+		},
+		table: {
+			columns: Array.from({ length: cols }, () => ({ width: width / cols })),
+			rows: Array.from({ length: rows }, () => ({ height: height / rows })),
+			cells
+		},
+		meta: {
+			inPptIs: "Shape",
+			inCanvasIs: "Element2D",
+			inEditorIs: "Table"
+		}
+	};
+}
+/** A chart backed by the native `chart` element property (column/line/pie/…). */
+function createChartElement(type = "column", options = {}) {
+	const { width = 360, height = 240, categories = [
+		"一月",
+		"二月",
+		"三月",
+		"四月",
+		"五月"
+	], series = [{
+		name: "系列 1",
+		values: [
+			40,
+			70,
+			55,
+			90,
+			60
+		]
+	}] } = options;
+	return {
+		style: {
+			width,
+			height
+		},
+		chart: {
+			type,
+			categories,
+			series,
+			legend: "bottom"
+		},
+		meta: {
+			inPptIs: "Shape",
+			inCanvasIs: "Element2D",
+			inEditorIs: "Chart"
+		}
+	};
+}
 //#endregion
 //#region src/utils/dnd.ts
 function addDragListener(downEvent, options = {}) {
@@ -5133,7 +5206,7 @@ var YDoc = class extends Observable {
 			this.transact(() => {
 				const childId = child.id;
 				this._debug(`[removeChild][${childId}]`, child.name, oldIndex);
-				const index = childrenIds.toJSON().indexOf(childId);
+				const index = childrenIds.toArray().indexOf(childId);
 				if (index > -1) childrenIds.delete(index, 1);
 			});
 		});
@@ -5527,8 +5600,16 @@ var _0_context_default = defineMixin((editor, options) => {
 			const { left = _left, top = _top } = drawboardDom.value?.getBoundingClientRect() ?? {};
 			drawboardAabb.value = new Aabb2D(left, top, width, height);
 		});
+		let pointerRafId = null;
+		let lastPointerEvent;
 		function onMouseMove(event) {
-			drawboardPointer.value = new Vector2(event.clientX - drawboardAabb.value.left, event.clientY - drawboardAabb.value.top);
+			lastPointerEvent = event;
+			if (pointerRafId !== null) return;
+			pointerRafId = requestAnimationFrame(() => {
+				pointerRafId = null;
+				const e = lastPointerEvent;
+				drawboardPointer.value = new Vector2(e.clientX - drawboardAabb.value.left, e.clientY - drawboardAabb.value.top);
+			});
 		}
 		onBeforeMount(() => {
 			on("docSet", onSetDoc);
@@ -5539,6 +5620,7 @@ var _0_context_default = defineMixin((editor, options) => {
 			off("docSet", onSetDoc);
 			renderEngine.value.stop();
 			document.removeEventListener("mousemove", onMouseMove);
+			if (pointerRafId !== null) cancelAnimationFrame(pointerRafId);
 		});
 	};
 });
@@ -5608,6 +5690,10 @@ var en_default = {
 	"ellipse": "Ellipse",
 	"polygon": "Polygon",
 	"star": "Star",
+	"table": "Table",
+	"chartBar": "Bar Chart",
+	"chartLine": "Line Chart",
+	"chartPie": "Pie Chart",
 	"image": "Image",
 	"video": "Video",
 	"lottie": "Lottie",
@@ -5621,11 +5707,6 @@ var en_default = {
 	"saveAs:png": "Save as PNG",
 	"saveAs:jpeg": "Save as JPEG",
 	"saveAs:webp": "Save as WEBP",
-	"saveAs:svg": "Save as SVG",
-	"saveAs:gif": "Save as GIF",
-	"saveAs:mp4": "Save as MP4",
-	"saveAs:pdf": "Save as PDF",
-	"saveAs:pptx": "Save as PPTX",
 	"saveAs:json": "Save as JSON",
 	"addSubNode": "Add sub node",
 	"edit": "Edit",
@@ -5740,6 +5821,10 @@ var zh_Hans_default = {
 	"ellipse": "椭圆",
 	"polygon": "多边形",
 	"star": "星形",
+	"table": "表格",
+	"chartBar": "柱状图",
+	"chartLine": "折线图",
+	"chartPie": "饼图",
 	"image": "图片",
 	"video": "视频",
 	"lottie": "Lottie",
@@ -5753,11 +5838,6 @@ var zh_Hans_default = {
 	"saveAs:png": "另存为 PNG",
 	"saveAs:jpeg": "另存为 JPEG",
 	"saveAs:webp": "另存为 WEBP",
-	"saveAs:svg": "另存为 SVG",
-	"saveAs:gif": "另存为 GIF",
-	"saveAs:mp4": "另存为 MP4",
-	"saveAs:pdf": "另存为 PDF",
-	"saveAs:pptx": "另存为 PPTX",
 	"saveAs:json": "另存为 JSON",
 	"addSubNode": "添加子节点",
 	"edit": "编辑",
@@ -5843,6 +5923,10 @@ var zh_Hans_default = {
 //#region src/mixins/0.locale.ts
 var _0_locale_default = defineMixin((editor, options) => {
 	const { locale } = options;
+	const pluginMessages = ref({});
+	function registerMessages(value) {
+		pluginMessages.value = merge({}, pluginMessages.value, value);
+	}
 	const messages = computed(() => {
 		const { locale: _locale, fallback: _fallback, messages = {} } = merge({
 			locale: "en",
@@ -5854,8 +5938,8 @@ var _0_locale_default = defineMixin((editor, options) => {
 		}, locale);
 		return {
 			locale: _locale,
-			localeMessages: messages[_locale],
-			fallbackMessages: messages[_fallback]
+			localeMessages: merge({}, messages[_locale], pluginMessages.value[_locale]),
+			fallbackMessages: merge({}, messages[_fallback], pluginMessages.value[_fallback])
 		};
 	});
 	function t(key, fallback) {
@@ -5864,7 +5948,10 @@ var _0_locale_default = defineMixin((editor, options) => {
 		if (value === void 0) console.warn(`[mce] Not found '${key}' key in '${locale}' locale messages.`);
 		return value ?? key ?? fallback ?? "";
 	}
-	Object.assign(editor, { t });
+	Object.assign(editor, {
+		t,
+		registerMessages
+	});
 });
 //#endregion
 //#region src/mixins/1.frame.ts
@@ -5986,10 +6073,17 @@ var _1_timeline_default = defineMixin((editor) => {
 //#endregion
 //#region src/mixins/1.upload.ts
 var _1_upload_default = defineMixin((editor, options) => {
+	const objectUrls = /* @__PURE__ */ new Set();
 	const upload = async (file) => {
 		if (options.customUpload) return await options.customUpload(file);
-		return URL.createObjectURL(file);
+		const url = URL.createObjectURL(file);
+		objectUrls.add(url);
+		return url;
 	};
+	editor.on("docSet", () => {
+		objectUrls.forEach((url) => URL.revokeObjectURL(url));
+		objectUrls.clear();
+	});
 	Object.assign(editor, { upload });
 });
 //#endregion
@@ -6100,11 +6194,13 @@ var _2_box_default = defineMixin((editor) => {
 			};
 			node.forEach((child) => {
 				if (isElement(child)) {
-					const aabb = getAabb(child);
-					min.x = Math.min(min.x, aabb.left);
-					min.y = Math.min(min.y, aabb.top);
-					max.x = Math.max(max.x, aabb.left + aabb.width);
-					max.y = Math.max(max.y, aabb.top + aabb.height);
+					const style = child.style;
+					style.left, style.top, style.width, style.height, style.rotate;
+					const box = child.globalAabb;
+					min.x = Math.min(min.x, box.left);
+					min.y = Math.min(min.y, box.top);
+					max.x = Math.max(max.x, box.left + box.width);
+					max.y = Math.max(max.y, box.top + box.height);
 				}
 			});
 			aabb = new Aabb2D(min.x, min.y, max.x - min.x, max.y - min.y);
@@ -7229,6 +7325,7 @@ var autoNest_default = definePlugin((editor) => {
 	const { getGlobalPointer, frames, isFrameNode, exec, root, elementSelection } = editor;
 	let context;
 	function nestIntoFrame(el, options) {
+		if (el.meta?.inEditorIs?.startsWith("Workflow")) return;
 		const pointer = options?.pointer;
 		const frame1 = el.findAncestor((node) => isFrameNode(node, true));
 		const aabb1 = el.globalAabb;
@@ -7917,7 +8014,11 @@ var aliases = {
 	arrow: "M5 17.59L15.59 7H9V5h10v10h-2V8.41L6.41 19z",
 	ellipse: "M12 20a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2",
 	polygon: "M12 2L1 21h22M12 6l7.53 13H4.47",
-	star: "m12 15.39l-3.76 2.27l.99-4.28l-3.32-2.88l4.38-.37L12 6.09l1.71 4.04l4.38.37l-3.32 2.88l.99 4.28M22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.45 4.73L5.82 21L12 17.27L18.18 21l-1.64-7.03z"
+	star: "m12 15.39l-3.76 2.27l.99-4.28l-3.32-2.88l4.38-.37L12 6.09l1.71 4.04l4.38.37l-3.32 2.88l.99 4.28M22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.45 4.73L5.82 21L12 17.27L18.18 21l-1.64-7.03z",
+	table: "M4,3H20A2,2 0 0,1 22,5V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V5A2,2 0 0,1 4,3M4,7V11H8V7H4M10,7V11H14V7H10M16,7V11H20V7H16M4,13V17H8V13H4M10,13V17H14V13H10M16,13V17H20V13H16Z",
+	chartBar: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z",
+	chartLine: "M3.5,18.49L9.5,12.48L13.5,16.48L22,6.92L20.59,5.51L13.5,13.47L9.5,9.47L2,16.99L3.5,18.49Z",
+	chartPie: "M11,2V22C5.9,21.5 2,17.2 2,12C2,6.8 5.9,2.5 11,2M13,2V11H22C21.5,6.2 17.8,2.5 13,2M13,13V22C17.7,21.5 21.5,17.8 22,13H13Z"
 };
 var svg = { component: SvgIcon };
 //#endregion
@@ -8956,6 +9057,13 @@ var Layer_default = /* @__PURE__ */ defineComponent({
 		const selected = computed(() => selection.value.some((v) => v.equal(props.node)));
 		const children = computed(() => props.node.children);
 		const childrenLength = computed(() => children.value.length);
+		const openedShownCount = computed(() => {
+			let n = 0;
+			openedItems.forEach((v) => {
+				if (v.value) n++;
+			});
+			return n;
+		});
 		const inputDom = ref();
 		const isHoverElement = computed(() => props.node?.equal(hoverElement.value));
 		const hovering = ref(false);
@@ -9092,7 +9200,7 @@ var Layer_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("div", { class: normalizeClass(["m-layer__action", {
 						"m-layer__action--hover": hovering.value,
 						"m-layer__action--show": hovering.value || unref(isLock)(props.node) || !unref(isVisible)(props.node)
-					}]) }, [props.root ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [Array.from(unref(openedItems).values()).filter((v) => v.value).length > 1 ? (openBlock(), createBlock(Btn_default, {
+					}]) }, [props.root ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [openedShownCount.value > 1 ? (openBlock(), createBlock(Btn_default, {
 						key: 0,
 						icon: "",
 						class: "m-layer__btn m-layer__btn--show",
@@ -10553,15 +10661,15 @@ var Ruler_default = /* @__PURE__ */ defineComponent({
 			canvas,
 			() => props.zoom,
 			() => props.position,
-			() => props.selected,
+			() => props.selected?.left,
+			() => props.selected?.top,
+			() => props.selected?.width,
+			() => props.selected?.height,
 			() => borderColor.value,
 			() => textColor.value
 		], () => {
 			render();
-		}, {
-			immediate: true,
-			deep: true
-		});
+		}, { immediate: true });
 		const resize = useDebounceFn(() => {
 			if (!canvas.value) return;
 			const _box = canvas.value.parentElement.getBoundingClientRect();
@@ -12830,19 +12938,29 @@ var Selection_default = /* @__PURE__ */ defineComponent({
 		});
 		const parentObbStyles = computed(() => {
 			if (selection.value.length !== 1) return [];
-			const obbs = [];
+			const result = [];
 			selection.value[0]?.findAncestor((ancestor) => {
-				if (isElement(ancestor)) obbs.push(getObb(ancestor, "drawboard"));
+				if (isElement(ancestor)) {
+					const el = ancestor;
+					result.push({
+						id: el.instanceId,
+						style: getObb(el, "drawboard").toCssStyle()
+					});
+				}
 				return false;
 			});
-			return obbs.map((obb) => obb.toCssStyle());
+			return result;
 		});
 		const selectionObbStyles = computed(() => {
 			if (state.value !== "selecting" && elementSelection.value.length === 1) return [];
 			return elementSelection.value.map((el) => {
+				const box = getObb(el, "drawboard");
 				return {
-					...getObb(el, "drawboard").toCssStyle(),
-					borderRadius: `${(el.style.borderRadius ?? 0) * camera.value.zoom.x}px`
+					id: el.instanceId,
+					style: {
+						...box.toCssStyle(),
+						borderRadius: `${(el.style.borderRadius ?? 0) * camera.value.zoom.x}px`
+					}
 				};
 			});
 		});
@@ -12884,24 +13002,32 @@ var Selection_default = /* @__PURE__ */ defineComponent({
 			return false;
 		});
 		function tip() {
-			const obb = elementSelection.value.length === 1 ? elementSelection.value[0].size : selectionObb.value;
+			if (elementSelection.value.length === 1) {
+				const el = elementSelection.value[0];
+				const sw = el.style.width;
+				const sh = el.style.height;
+				const w = typeof sw === "number" ? sw : el.size.width;
+				const h = typeof sh === "number" ? sh : el.size.height;
+				return `${Number(w.toFixed(2))} × ${Number(h.toFixed(2))}`;
+			}
+			const obb = selectionObb.value;
 			return `${Number(obb.width.toFixed(2))} × ${Number(obb.height.toFixed(2))}`;
 		}
 		__expose({ transform });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$15, [
-				(openBlock(true), createElementBlock(Fragment, null, renderList(parentObbStyles.value, (style, index) => {
+				(openBlock(true), createElementBlock(Fragment, null, renderList(parentObbStyles.value, (item) => {
 					return openBlock(), createElementBlock("div", {
-						key: index,
+						key: item.id,
 						class: "m-selection__parent",
-						style: normalizeStyle(style)
+						style: normalizeStyle(item.style)
 					}, null, 4);
 				}), 128)),
-				unref(state) !== "moving" && unref(state) !== "transforming" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selectionObbStyles.value, (style, index) => {
+				unref(state) !== "moving" && unref(state) !== "transforming" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selectionObbStyles.value, (item) => {
 					return openBlock(), createElementBlock("div", {
-						key: index,
+						key: item.id,
 						class: "m-selection__node",
-						style: normalizeStyle(style)
+						style: normalizeStyle(item.style)
 					}, null, 4);
 				}), 128)) : createCommentVNode("", true),
 				unref(state) === "selecting" || unref(state) === "painting" ? (openBlock(), createElementBlock("div", {
@@ -13011,11 +13137,20 @@ var selection_default = definePlugin((editor) => {
 	}
 	function marqueeSelect(marquee = selectionMarquee.value) {
 		const area = new Obb2D(marquee);
+		const obbCache = /* @__PURE__ */ new Map();
+		const obbOf = (node) => {
+			let obb = obbCache.get(node);
+			if (!obb) {
+				obb = getObb(node, "drawboard");
+				obbCache.set(node, obb);
+			}
+			return obb;
+		};
 		selection.value = root.value?.children.flatMap((node) => {
-			if (isFrameNode(node, true) && !area.contains(getObb(node, "drawboard"))) return node.children;
+			if (isFrameNode(node, true) && !area.contains(obbOf(node))) return node.children;
 			return [node];
 		}).filter((node) => {
-			return "isVisibleInTree" in node && node.isVisibleInTree() && getObb(node, "drawboard").overlap(area) && !isLock(node) && !node.findAncestor((ancestor) => isLock(ancestor));
+			return "isVisibleInTree" in node && node.isVisibleInTree() && obbOf(node).overlap(area) && !isLock(node) && !node.findAncestor((ancestor) => isLock(ancestor));
 		}) ?? [];
 	}
 	function groupSelection(inEditorIs) {
@@ -13341,6 +13476,46 @@ var shape_default = definePlugin((editor) => {
 			{
 				name: "star",
 				handle: createHandle([{ data: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z" }])
+			},
+			{
+				name: "table",
+				handle: (start) => {
+					addElement(createTableElement(), {
+						position: start,
+						active: true
+					});
+					return { end: () => activateTool(void 0) };
+				}
+			},
+			{
+				name: "chartBar",
+				handle: (start) => {
+					addElement(createChartElement("column"), {
+						position: start,
+						active: true
+					});
+					return { end: () => activateTool(void 0) };
+				}
+			},
+			{
+				name: "chartLine",
+				handle: (start) => {
+					addElement(createChartElement("line"), {
+						position: start,
+						active: true
+					});
+					return { end: () => activateTool(void 0) };
+				}
+			},
+			{
+				name: "chartPie",
+				handle: (start) => {
+					addElement(createChartElement("pie"), {
+						position: start,
+						active: true
+					});
+					return { end: () => activateTool(void 0) };
+				}
 			}
 		],
 		hotkeys: [
@@ -16080,7 +16255,11 @@ var Toolbelt_default = /* @__PURE__ */ defineComponent({
 				"arrow",
 				"ellipse",
 				"polygon",
-				"star"
+				"star",
+				"table",
+				"chartBar",
+				"chartLine",
+				"chartPie"
 			].map((key, index) => {
 				return {
 					key,
@@ -16662,7 +16841,6 @@ function isEqualStyle(style1, style2) {
 	const keys = Array.from(new Set([...keys1, ...keys2]));
 	return !keys.length || keys.every((key) => style1[key] === style2[key]);
 }
-var emojiRE = /[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26D3\uFE0F?(?:\u200D\uD83D\uDCA5)?|\u26F9(?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF43\uDF45-\uDF4A\uDF4C-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDF44(?:\u200D\uD83D\uDFEB)?|\uDF4B(?:\u200D\uD83D\uDFE9)?|\uDFC3(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4\uDEB5](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE41\uDE43\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC08(?:\u200D\u2B1B)?|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC26(?:\u200D(?:\u2B1B|\uD83D\uDD25))?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?|\uDE42(?:\u200D[\u2194\u2195]\uFE0F?)?|\uDEB6(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE89\uDE8F-\uDEC2\uDEC6\uDECE-\uDEDC\uDEDF-\uDEE9]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDCE(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1|\uDDD1\u200D\uD83E\uDDD2(?:\u200D\uD83E\uDDD2)?|\uDDD2(?:\u200D\uD83E\uDDD2)?))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g;
 function parseHTML(html) {
 	const template = document.createElement("template");
 	template.innerHTML = html;
@@ -16929,10 +17107,6 @@ var TextEditor = class extends HTMLElement {
 	}
 	_getNewContent(content, newString = textContentToString(content), oldString = newString) {
 		newString = normalizeCRLF(newString);
-		newString = newString.replace(emojiRE, (emoji) => {
-			if (Array.from(emoji).length > 1) return "?";
-			return emoji;
-		});
 		oldString = normalizeCRLF(oldString);
 		const oldStyles = textContentToCharStyles(content);
 		const styles = [];
@@ -17001,7 +17175,7 @@ var TextEditor = class extends HTMLElement {
 	}
 	_onInput() {
 		const newText = this._textarea.value;
-		this.text.content = this._getNewContent(this.text.content, newText, this._oldText);
+		this.text.content = this._getNewContent(this.text.content, newText, textContentToString(this.text.content));
 		this._oldText = newText;
 		this.text.update();
 		this._emit("update");
@@ -17569,7 +17743,7 @@ var typography_default = definePlugin((editor) => {
 		return addElement(createTextElement(content, {
 			fontSize: 64,
 			...style
-		}), {
+		}, fonts), {
 			sizeToFit: true,
 			active: true,
 			...restOptions
@@ -17636,7 +17810,7 @@ var typography_default = definePlugin((editor) => {
 				return false;
 			},
 			load: async (source) => {
-				return createTextElement(await source.text());
+				return createTextElement(await source.text(), void 0, fonts);
 			}
 		}],
 		tools: [{
@@ -17780,8 +17954,13 @@ var OUTPUT_PORT = {
 	kind: "output"
 };
 function getWorkflowPorts(el) {
-	if (el.meta?.inEditorIs === "Frame") return [OUTPUT_PORT];
-	return [INPUT_PORT, OUTPUT_PORT];
+	const custom = el.shape?.connectionPoints;
+	if (custom?.length) return custom.map((p) => ({
+		...p,
+		kind: p.x < .5 ? "input" : "output"
+	}));
+	if (el.meta?.inEditorIs?.startsWith("Workflow")) return [INPUT_PORT, OUTPUT_PORT];
+	return [OUTPUT_PORT];
 }
 function toConnectionPoints(ports) {
 	return ports.map(({ idx, x, y, ang }) => ({
@@ -17835,7 +18014,8 @@ var Workflow_default = /* @__PURE__ */ defineComponent({
 		const selectedNode = computed(() => {
 			if (mode.value !== "workflow") return void 0;
 			const el = elementSelection.value[0];
-			return el && isConnectable(el) ? el : void 0;
+			if (!el || !isConnectable(el) || el.getParent?.()?.id !== root.value?.id) return void 0;
+			return el;
 		});
 		const ports = computed(() => {
 			const el = selectedNode.value;
@@ -17902,10 +18082,11 @@ var Workflow_default = /* @__PURE__ */ defineComponent({
 				document.removeEventListener("pointermove", onMove);
 				document.removeEventListener("pointerup", onUp);
 				const drop = toDrawboard(ev);
-				drag.value = void 0;
 				const target = findNodeAt(drop, sourceId);
-				if (target) connect(port, sourceId, target.id, getWorkflowPorts(target));
-				else menu.value = {
+				if (target) {
+					drag.value = void 0;
+					connect(port, sourceId, target.id, getWorkflowPorts(target));
+				} else menu.value = {
 					port,
 					x: drop.x,
 					y: drop.y,
@@ -17922,6 +18103,7 @@ var Workflow_default = /* @__PURE__ */ defineComponent({
 		function chooseNodeType(type) {
 			const m = menu.value;
 			menu.value = void 0;
+			drag.value = void 0;
 			if (!m) return;
 			const node = exec("addWorkflowNode", type);
 			const w = node.style.width;
@@ -17932,6 +18114,7 @@ var Workflow_default = /* @__PURE__ */ defineComponent({
 		}
 		function closeMenu() {
 			menu.value = void 0;
+			drag.value = void 0;
 		}
 		const previewPath = computed(() => {
 			const d = drag.value;
@@ -17997,7 +18180,6 @@ var DEFAULT_NODES = {
 		body: ["输入分镜、动作、风格等内容，让 AI 自动完成视频生成。"]
 	}
 };
-var RECT_PATH = "M0 0h24v24H0z";
 //#endregion
 //#region src/plugins/index.ts
 var plugins = [
@@ -18066,18 +18248,16 @@ var plugins = [
 					borderRadius: 20,
 					padding: 28,
 					fontSize: 16,
-					lineHeight: 1.6
-				},
-				shape: [{ data: RECT_PATH }],
-				fill: "#ffffff",
-				outline: {
-					color: "#ececf0",
-					width: 1
+					lineHeight: 1.6,
+					backgroundColor: "#ffffff",
+					borderColor: "#ececf0",
+					borderWidth: 1
 				},
 				text: { content: buildContent(t) },
 				meta: {
 					inPptIs: "Shape",
-					inCanvasIs: "Element2D"
+					inCanvasIs: "Element2D",
+					inEditorIs: `Workflow${type.charAt(0).toUpperCase()}${type.slice(1)}`
 				}
 			};
 		}
@@ -18390,13 +18570,14 @@ var Editor = class Editor extends Observable {
 			let result;
 			if (typeof plugin === "function") result = plugin(this, options);
 			else result = plugin;
-			const { name, events, commands = [], hotkeys = [], loaders = [], exporters = [], tools = [], components = [], setup } = result;
+			const { name, events, commands = [], hotkeys = [], loaders = [], exporters = [], tools = [], components = [], messages, setup } = result;
 			this.registerCommand(commands);
 			this.registerHotkey(hotkeys);
 			this.registerLoader(loaders);
 			this.registerExporter(exporters);
 			this.registerTool(tools);
 			this.registerComponent(name, components);
+			if (messages) this.registerMessages(messages);
 			if (setup) this.setups.push(setup);
 			if (events) for (const k in events) this.on(k, events[k]);
 		}
@@ -18722,13 +18903,15 @@ var EditorLayout_default = /* @__PURE__ */ defineComponent({
 			renderEngine.value.on("pointermove", onEnginePointerMove);
 			renderEngine.value.on("pointerover", onEnginePointerOver);
 		});
+		let unbindRenderCanvas;
 		onMounted(() => {
-			bindRenderCanvas(canvas.value, drawboardDom.value);
+			unbindRenderCanvas = bindRenderCanvas(canvas.value, drawboardDom.value);
 		});
 		onBeforeUnmount(() => {
 			renderEngine.value.off("pointerdown", onEnginePointerDown);
 			renderEngine.value.off("pointermove", onEnginePointerMove);
 			renderEngine.value.off("pointerover", onEnginePointerOver);
+			unbindRenderCanvas?.();
 		});
 		function bindRenderCanvas(canvas, eventTarget) {
 			function onRendered() {
@@ -19180,4 +19363,4 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { Cropper_default as Cropper, Dialog_default as Dialog, Doc, Editor, Layers_default as EditorLayers, EditorLayout_default as EditorLayout, LayoutItem_default as EditorLayoutItem, Toolbelt_default as EditorToolbelt, Menu_default as Menu, Ruler_default as Ruler, Scrollbar_default as Scrollbar, Transform_default as Transform, createCardElement, createFlowNodeElement, createImageElement, createShapeElement, createStickyElement, createTextElement, defineMixin, definePlugin, mixins, plugins, useEditor };
+export { Cropper_default as Cropper, Dialog_default as Dialog, Doc, Editor, Layers_default as EditorLayers, EditorLayout_default as EditorLayout, LayoutItem_default as EditorLayoutItem, Toolbelt_default as EditorToolbelt, Menu_default as Menu, Ruler_default as Ruler, Scrollbar_default as Scrollbar, Transform_default as Transform, createCardElement, createChartElement, createFlowNodeElement, createImageElement, createShapeElement, createStickyElement, createTableElement, createTextElement, defineMixin, definePlugin, mixins, plugins, useEditor };

package/dist/locale/en.d.ts

@@ -29,6 +29,10 @@ declare const _default: {
     ellipse: string;
     polygon: string;
     star: string;
+    table: string;
+    chartBar: string;
+    chartLine: string;
+    chartPie: string;
     image: string;
     video: string;
     lottie: string;
@@ -42,11 +46,6 @@ declare const _default: {
     'saveAs:png': string;
     'saveAs:jpeg': string;
     'saveAs:webp': string;
-    'saveAs:svg': string;
-    'saveAs:gif': string;
-    'saveAs:mp4': string;
-    'saveAs:pdf': string;
-    'saveAs:pptx': string;
     'saveAs:json': string;
     addSubNode: string;
     edit: string;

package/dist/locale/zh-Hans.d.ts

@@ -29,6 +29,10 @@ declare const _default: {
     ellipse: string;
     polygon: string;
     star: string;
+    table: string;
+    chartBar: string;
+    chartLine: string;
+    chartPie: string;
     image: string;
     video: string;
     lottie: string;
@@ -42,11 +46,6 @@ declare const _default: {
     'saveAs:png': string;
     'saveAs:jpeg': string;
     'saveAs:webp': string;
-    'saveAs:svg': string;
-    'saveAs:gif': string;
-    'saveAs:mp4': string;
-    'saveAs:pdf': string;
-    'saveAs:pptx': string;
     'saveAs:json': string;
     addSubNode: string;
     edit: string;

package/dist/mixins/0.locale.d.ts

@@ -3,6 +3,8 @@ declare global {
         type Translation = (key: string, fallback?: string) => string;
         interface Editor {
             t: Translation;
+            /** 插件追加自己的 i18n 文案，按 locale（如 en / zhHans）合并，避免全部聚合到核心 locale。 */
+            registerMessages: (messages: Partial<Record<string, LocaleMessages>>) => void;
         }
         interface LocaleMessages {
             [key: string]: LocaleMessages | string;

package/dist/plugin.d.ts

@@ -31,6 +31,8 @@ export interface PluginObject {
     exporters?: Mce.Exporter[];
     tools?: Mce.Tool[];
     components?: PluginComponent[];
+    /** 插件追加的 i18n 文案，按 locale 合并（如 { en: {...}, zhHans: {...} }）。 */
+    messages?: Partial<Record<string, Mce.LocaleMessages>>;
     setup?: () => void | Promise<void>;
 }
 export type Plugin = PluginObject | ((editor: Editor, options: Options) => PluginObject);

package/dist/plugins/shape.d.ts

@@ -7,6 +7,10 @@ declare global {
             ellipse: [];
             polygon: [];
             star: [];
+            table: [];
+            chartBar: [];
+            chartLine: [];
+            chartPie: [];
         }
     }
 }

package/dist/typed-global.d.ts

@@ -5,7 +5,7 @@ import 'modern-canvas'
 declare module 'modern-canvas' {
   interface Meta {
     inPptIs?: 'Pptx' | 'Picture' | 'Shape' | 'GroupShape' | 'Animation'
-    inEditorIs?: 'Doc' | 'Frame' | 'Element' | 'Node'
+    inEditorIs?: 'Doc' | 'Frame' | 'Element' | 'Node' | `Workflow${string}`
     inCanvasIs?: 'Lottie2D' | 'Element2D' | 'Animation'
     lock?: boolean
     lockAspectRatio?: boolean

package/dist/utils/create.d.ts

@@ -1,6 +1,7 @@
-import type { Element, Fill, Outline, ShapeConnectionPoint } from 'modern-idoc';
+import type { Chart, ChartType, Element, Fill, Outline, ShapeConnectionPoint } from 'modern-idoc';
+import type { Options } from 'modern-text';
 export declare function createShapeElement(shape?: Element['shape'], fill?: Fill, outline?: Outline): Element;
-export declare function createTextElement(content: string, style?: Record<string, any>): Element;
+export declare function createTextElement(content: string, style?: Record<string, any>, fonts?: Options['fonts']): Element;
 export declare function createImageElement(image: string): Promise<Element>;
 export interface CreateCardElementOptions {
     /** Body text below the title. Omitted if empty. */
@@ -45,3 +46,17 @@ export interface CreateStickyElementOptions {
 }
 /** A solid colored note with top-aligned text, e.g. for whiteboard annotations. */
 export declare function createStickyElement(content: string, options?: CreateStickyElementOptions): Element;
+export interface CreateTableElementOptions {
+    width?: number;
+    height?: number;
+}
+/** A grid table backed by the native `table` element property; first row is a header. */
+export declare function createTableElement(rows?: number, cols?: number, options?: CreateTableElementOptions): Element;
+export interface CreateChartElementOptions {
+    width?: number;
+    height?: number;
+    categories?: string[];
+    series?: Chart['series'];
+}
+/** A chart backed by the native `chart` element property (column/line/pie/…). */
+export declare function createChartElement(type?: ChartType, options?: CreateChartElementOptions): Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.18.5",
+  "version": "0.19.0",
   "description": "A headless infinite canvas editor framework built on WebGL rendering, supports exporting to image, video, and PPT. Only the ESM.",
   "author": "wxm",
   "license": "MIT",
@@ -60,9 +60,9 @@
     "@vueuse/core": "^14.3.0",
     "diff": "^9.0.0",
     "lodash-es": "^4.18.1",
-    "modern-canvas": "^0.19.1",
+    "modern-canvas": "^0.20.1",
     "modern-font": "^0.6.0",
-    "modern-idoc": "^0.11.5",
+    "modern-idoc": "^0.11.8",
     "modern-text": "^2.0.3",
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.30"