forge-edit 0.1.0-beta.2 → 0.1.0-beta.21

package/dist/main/index.js

@@ -1,1807 +0,0 @@
-import { options as e, render as t } from "preact";
-import { useEffect as n, useRef as r, useState as i } from "preact/hooks";
-import a from "sweetalert2";
-//#region src/components/shared/Hooks/options.js
-function o(e) {
-	return {
-		type: e.getAttribute("type") || "light",
-		placeholder: e.getAttribute("placeholder") || "",
-		width: e.getAttribute("width") || "100%",
-		height: e.getAttribute("height") || "300px",
-		lang: e.getAttribute("lang") || "en",
-		dir: e.getAttribute("dir") || "ltr"
-	};
-}
-//#endregion
-//#region node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
-var s = 0;
-Array.isArray;
-function c(t, n, r, i, a, o) {
-	n ||= {};
-	var c, l, u = n;
-	if ("ref" in u) for (l in u = {}, n) l == "ref" ? c = n[l] : u[l] = n[l];
-	var d = {
-		type: t,
-		props: u,
-		key: r,
-		ref: c,
-		__k: null,
-		__: null,
-		__b: 0,
-		__e: null,
-		__c: null,
-		constructor: void 0,
-		__v: --s,
-		__i: -1,
-		__u: 0,
-		__source: a,
-		__self: o
-	};
-	if (typeof t == "function" && (c = t.defaultProps)) for (l in c) u[l] === void 0 && (u[l] = c[l]);
-	return e.vnode && e.vnode(d), d;
-}
-//#endregion
-//#region src/components/shared/toolbar/Style/Components/StyleToolbar.jsx
-function l() {
-	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-style",
-		children: /* @__PURE__ */ c("div", {
-			className: "forge-toolbar-group",
-			children: [/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button",
-				"data-command": "style",
-				"aria-label": "Style",
-				children: [/* @__PURE__ */ c("span", {
-					className: "forge-icon",
-					children: "✦"
-				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "style"
-				})]
-			}), /* @__PURE__ */ c("div", {
-				className: "forge-toolbar-dropdown forge-dropdown-style",
-				role: "list",
-				"aria-label": "Style",
-				children: [
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
-						"data-value": "p",
-						role: "listitem",
-						children: /* @__PURE__ */ c("p", { "data-i18n": "normal" })
-					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
-						"data-value": "blockquote",
-						role: "listitem",
-						children: /* @__PURE__ */ c("blockquote", { "data-i18n": "blockquote" })
-					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
-						"data-value": "pre",
-						role: "listitem",
-						children: /* @__PURE__ */ c("pre", { "data-i18n": "code" })
-					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
-						"data-value": "h1",
-						role: "listitem",
-						children: /* @__PURE__ */ c("h1", { "data-i18n": "header1" })
-					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
-						"data-value": "h2",
-						role: "listitem",
-						children: /* @__PURE__ */ c("h2", { "data-i18n": "header2" })
-					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
-						"data-value": "h3",
-						role: "listitem",
-						children: /* @__PURE__ */ c("h3", { "data-i18n": "header3" })
-					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
-						"data-value": "h4",
-						role: "listitem",
-						children: /* @__PURE__ */ c("h4", { "data-i18n": "header4" })
-					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
-						"data-value": "h5",
-						role: "listitem",
-						children: /* @__PURE__ */ c("h5", { "data-i18n": "header5" })
-					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
-						"data-value": "h6",
-						role: "listitem",
-						children: /* @__PURE__ */ c("h6", { "data-i18n": "header6" })
-					})
-				]
-			})]
-		})
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/Style/Components/index.jsx
-function u() {
-	return l();
-}
-//#endregion
-//#region src/components/shared/toolbar/font/Components/FontToolbar.jsx
-function d({ onCommand: e }) {
-	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-font",
-		children: [
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button forge-btn-bold",
-				onClick: () => e("bold"),
-				"aria-label": "Bold",
-				children: [/* @__PURE__ */ c("strong", { children: "B" }), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "bold"
-				})]
-			}),
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button forge-btn-underline",
-				onClick: () => e("underline"),
-				"aria-label": "Underline",
-				children: [/* @__PURE__ */ c("u", { children: "U" }), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "underline"
-				})]
-			}),
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button",
-				onClick: () => e("removeFormat"),
-				"aria-label": "Remove Font Style",
-				children: [/* @__PURE__ */ c("span", { children: "⌫" }), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "removeFormat"
-				})]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/font/Hooks/fontLogic.jsx
-function f() {
-	return { executeCommand: (e) => {
-		document.execCommand(e, !1, null);
-	} };
-}
-//#endregion
-//#region src/components/shared/toolbar/font/Components/index.jsx
-function p() {
-	let { executeCommand: e } = f();
-	return /* @__PURE__ */ c(d, { onCommand: e });
-}
-//#endregion
-//#region src/components/shared/toolbar/Hooks/dropdown.js
-function m(e, t) {
-	function n() {
-		t.classList.remove("is-open"), e.classList.remove("is-active"), document.removeEventListener("click", r);
-	}
-	function r(r) {
-		!t.contains(r.target) && r.target !== e && n();
-	}
-	function i(n) {
-		n.stopPropagation();
-		let i = t.classList.contains("is-open");
-		document.querySelectorAll(".forge-toolbar-dropdown.is-open").forEach((e) => {
-			e.classList.remove("is-open");
-		}), document.querySelectorAll(".forge-toolbar-button.is-active").forEach((e) => {
-			e.classList.remove("is-active");
-		}), i || (t.classList.add("is-open"), e.classList.add("is-active"), document.addEventListener("click", r));
-	}
-	return e.addEventListener("click", i), function() {
-		e.removeEventListener("click", i), document.removeEventListener("click", r);
-	};
-}
-//#endregion
-//#region src/components/shared/toolbar/FontName/Components/FontNameToolbar.jsx
-var h = [
-	"Arial",
-	"Arial Black",
-	"Comic Sans MS",
-	"Courier New",
-	"Helvetica",
-	"Impact",
-	"Tahoma",
-	"Times New Roman",
-	"Verdana",
-	"Nunito Sans",
-	"Segoe UI"
-];
-function g({ logic: e }) {
-	let { currentFont: t, applyFont: i } = e, a = r(null), o = r(null);
-	n(() => {
-		if (a.current && o.current) return m(a.current, o.current);
-	}, []);
-	let s = (e) => {
-		i(e), o.current && o.current.classList.remove("is-open"), a.current && a.current.classList.remove("is-active");
-	};
-	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-fontname",
-		children: [/* @__PURE__ */ c("button", {
-			ref: a,
-			type: "button",
-			className: "forge-toolbar-button forge-fontname-button",
-			"aria-label": "Font Family",
-			children: [/* @__PURE__ */ c("span", {
-				className: "forge-current-fontname",
-				children: t
-			}), /* @__PURE__ */ c("span", {
-				className: "forge-tooltip",
-				"data-i18n": "fontFamily",
-				children: "Font Family"
-			})]
-		}), /* @__PURE__ */ c("div", {
-			ref: o,
-			className: "forge-toolbar-dropdown forge-dropdown-fontname",
-			role: "list",
-			"aria-label": "Font Family",
-			children: h.map((e) => /* @__PURE__ */ c("a", {
-				className: "forge-dropdown-item",
-				href: "#",
-				"data-value": e,
-				role: "listitem",
-				style: { fontFamily: e },
-				onClick: (t) => {
-					t.preventDefault(), s(e);
-				},
-				children: e
-			}, e))
-		})]
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/FontName/Hooks/fontNameLogic.jsx
-function _() {
-	let [e, t] = i("Nunito Sans");
-	return {
-		currentFont: e,
-		applyFont: (e) => {
-			document.execCommand("fontName", !1, e), t(e);
-		}
-	};
-}
-//#endregion
-//#region src/components/shared/toolbar/FontName/Components/index.jsx
-function v() {
-	return /* @__PURE__ */ c(g, { logic: _() });
-}
-//#endregion
-//#region src/components/shared/toolbar/Color/Components/colorPalette.jsx
-var y = [
-	[
-		"#000000",
-		"#424242",
-		"#636363",
-		"#9C9C94",
-		"#CEC6CE",
-		"#EFEFEF",
-		"#F7F7F7",
-		"#FFFFFF"
-	],
-	[
-		"#FF0000",
-		"#FF9C00",
-		"#FFFF00",
-		"#00FF00",
-		"#00FFFF",
-		"#0000FF",
-		"#9C00FF",
-		"#FF00FF"
-	],
-	[
-		"#F7C6CE",
-		"#FFE7CE",
-		"#FFEFC6",
-		"#D6EFD6",
-		"#CEDEE7",
-		"#CEE7F7",
-		"#D6D6E7",
-		"#E7D6DE"
-	],
-	[
-		"#E79C9C",
-		"#FFC69C",
-		"#FFE79C",
-		"#B5D6A5",
-		"#A5C6CE",
-		"#9CC6EF",
-		"#B5A5D6",
-		"#D6A5BD"
-	],
-	[
-		"#E76363",
-		"#F7AD6B",
-		"#FFD663",
-		"#94BD7B",
-		"#73A5AD",
-		"#6BADDE",
-		"#8C7BC6",
-		"#C67BA5"
-	],
-	[
-		"#CE0000",
-		"#E79439",
-		"#EFC631",
-		"#6BA54A",
-		"#4A7B8C",
-		"#3984C6",
-		"#634AA5",
-		"#A54A7B"
-	],
-	[
-		"#9C0000",
-		"#B56308",
-		"#BD9400",
-		"#397B21",
-		"#104A5A",
-		"#085294",
-		"#311873",
-		"#731842"
-	],
-	[
-		"#630000",
-		"#7B3900",
-		"#846300",
-		"#295218",
-		"#083139",
-		"#003163",
-		"#21104A",
-		"#4A1031"
-	]
-];
-function b({ event: e, onApply: t }) {
-	return /* @__PURE__ */ c("div", {
-		className: "forge-color-palette",
-		children: y.map((n, r) => /* @__PURE__ */ c("div", {
-			className: "forge-color-row",
-			children: n.map((n) => /* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-color-button",
-				style: { backgroundColor: n },
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => t(e, n),
-				"aria-label": n
-			}, n))
-		}, r))
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/Color/Components/ColorToolbar.jsx
-function x({ logic: e }) {
-	let { applyColor: t, applyRecentColor: i, resetColor: a, recentForeColor: o, recentBackColor: s } = e, l = r(null), u = r(null), d = r(null), f = r(null);
-	return n(() => {
-		if (l.current && u.current) return m(l.current, u.current);
-	}, []), n(() => {
-		if (d.current && f.current) return m(d.current, f.current);
-	}, []), /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-color",
-		children: [/* @__PURE__ */ c("div", {
-			className: "forge-color-item",
-			children: [/* @__PURE__ */ c("div", {
-				className: "forge-color-button-group",
-				children: [/* @__PURE__ */ c("button", {
-					type: "button",
-					className: "forge-color-main forge-toolbar-button",
-					onMouseDown: (e) => e.preventDefault(),
-					onClick: () => i("foreColor"),
-					"aria-label": "Apply text color",
-					children: [/* @__PURE__ */ c("span", {
-						className: "forge-recent-color",
-						style: {
-							backgroundColor: "transparent",
-							color: o
-						},
-						children: "A"
-					}), /* @__PURE__ */ c("span", {
-						className: "forge-tooltip",
-						"data-i18n": "recentColor",
-						children: "Recent Color"
-					})]
-				}), /* @__PURE__ */ c("button", {
-					ref: l,
-					type: "button",
-					className: "forge-color-dropdown-btn forge-toolbar-button",
-					onMouseDown: (e) => e.preventDefault(),
-					"aria-label": "More text colors",
-					children: ["▼", /* @__PURE__ */ c("span", {
-						className: "forge-tooltip",
-						"data-i18n": "moreColor",
-						children: "More Color"
-					})]
-				})]
-			}), /* @__PURE__ */ c("div", {
-				ref: u,
-				className: "forge-toolbar-dropdown forge-dropdown-color",
-				children: /* @__PURE__ */ c("div", {
-					className: "forge-color-section",
-					children: [/* @__PURE__ */ c("div", {
-						className: "forge-color-section-header",
-						children: [/* @__PURE__ */ c("span", {
-							className: "forge-color-title",
-							children: "Text Color"
-						}), /* @__PURE__ */ c("button", {
-							type: "button",
-							className: "forge-color-reset",
-							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => {
-								a("foreColor"), u.current && u.current.classList.remove("is-open"), l.current && l.current.classList.remove("is-active");
-							},
-							children: "Reset"
-						})]
-					}), /* @__PURE__ */ c(b, {
-						event: "foreColor",
-						onApply: (e, n) => {
-							t(e, n), u.current && u.current.classList.remove("is-open"), l.current && l.current.classList.remove("is-active");
-						}
-					})]
-				})
-			})]
-		}), /* @__PURE__ */ c("div", {
-			className: "forge-color-item",
-			children: [/* @__PURE__ */ c("div", {
-				className: "forge-color-button-group",
-				children: [/* @__PURE__ */ c("button", {
-					type: "button",
-					className: "forge-color-main forge-toolbar-button",
-					onMouseDown: (e) => e.preventDefault(),
-					onClick: () => i("backColor"),
-					"aria-label": "Apply background color",
-					children: [/* @__PURE__ */ c("span", {
-						className: "forge-recent-color",
-						style: {
-							backgroundColor: s,
-							color: "#000"
-						},
-						children: "A"
-					}), /* @__PURE__ */ c("span", {
-						className: "forge-tooltip",
-						"data-i18n": "recentBackColor",
-						children: "Recent Background Color"
-					})]
-				}), /* @__PURE__ */ c("button", {
-					ref: d,
-					type: "button",
-					className: "forge-color-dropdown-btn forge-toolbar-button",
-					onMouseDown: (e) => e.preventDefault(),
-					"aria-label": "More background colors",
-					children: ["▼", /* @__PURE__ */ c("span", {
-						className: "forge-tooltip",
-						"data-i18n": "moreBackColor",
-						children: "More Background Colors"
-					})]
-				})]
-			}), /* @__PURE__ */ c("div", {
-				ref: f,
-				className: "forge-toolbar-dropdown forge-dropdown-color",
-				children: /* @__PURE__ */ c("div", {
-					className: "forge-color-section",
-					children: [/* @__PURE__ */ c("div", {
-						className: "forge-color-section-header",
-						children: [/* @__PURE__ */ c("span", {
-							className: "forge-color-title",
-							children: "Background Color"
-						}), /* @__PURE__ */ c("button", {
-							type: "button",
-							className: "forge-color-reset",
-							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => {
-								a("backColor"), f.current && f.current.classList.remove("is-open"), d.current && d.current.classList.remove("is-active");
-							},
-							children: "Transparent"
-						})]
-					}), /* @__PURE__ */ c(b, {
-						event: "backColor",
-						onApply: (e, n) => {
-							t(e, n), f.current && f.current.classList.remove("is-open"), d.current && d.current.classList.remove("is-active");
-						}
-					})]
-				})
-			})]
-		})]
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/Color/Hooks/colorUtils.jsx
-function S(e) {
-	let t = document.createElement("span");
-	t.style.color = e, document.body.appendChild(t);
-	let n = window.getComputedStyle(t).color;
-	return document.body.removeChild(t), n;
-}
-function C(e, t) {
-	let n = e;
-	for (; n && n !== document.body;) {
-		if (n.nodeType === Node.ELEMENT_NODE && n.tagName === "SPAN" && n.style.color && S(n.style.color) === t) return n;
-		n = n.parentElement;
-	}
-	return null;
-}
-//#endregion
-//#region src/components/shared/toolbar/Color/Hooks/usePenMode.jsx
-function w(e, t) {
-	n(() => {
-		function n(n) {
-			if (n.inputType !== "insertText" || !n.data || !e.current) return;
-			let r = n.target;
-			if (!r || !r.classList || !r.classList.contains(t)) return;
-			let i = window.getSelection();
-			if (!i || !i.rangeCount) return;
-			let a = i.getRangeAt(0);
-			if (!a.collapsed) return;
-			let o = S(e.current), s = a.startContainer;
-			s.nodeType === Node.TEXT_NODE && (s = s.parentElement);
-			let c = C(s, o);
-			if (n.preventDefault(), c) {
-				let e = document.createTextNode(n.data);
-				a.insertNode(e), a.setStartAfter(e), a.collapse(!0), i.removeAllRanges(), i.addRange(a);
-				return;
-			}
-			let l = document.createElement("span");
-			l.style.color = e.current, l.textContent = n.data, a.deleteContents(), a.insertNode(l);
-			let u = document.createRange();
-			u.selectNodeContents(l), u.collapse(!1), i.removeAllRanges(), i.addRange(u);
-		}
-		return document.addEventListener("beforeinput", n, !0), () => document.removeEventListener("beforeinput", n, !0);
-	}, []);
-}
-//#endregion
-//#region src/components/shared/toolbar/Color/Hooks/useForeColor.jsx
-function T(e = "forge-editor__content") {
-	let [t, n] = i("#000000"), a = r(null);
-	w(a, e);
-	let o = (e) => {
-		let t = window.getSelection();
-		t && t.rangeCount && !t.getRangeAt(0).collapsed && (document.execCommand("styleWithCSS", !1, !0), document.execCommand("foreColor", !1, e)), a.current = e, n(e);
-	};
-	return {
-		recentForeColor: t,
-		applyForeColor: o,
-		applyRecentForeColor: () => {
-			o(t);
-		},
-		resetForeColor: () => {
-			document.execCommand("styleWithCSS", !1, !0), document.execCommand("removeFormat", !1, null), a.current = null, n("#000000");
-		}
-	};
-}
-//#endregion
-//#region src/components/shared/toolbar/Color/Hooks/useBackColor.jsx
-function E() {
-	let [e, t] = i("#FFFF00");
-	return {
-		recentBackColor: e,
-		applyBackColor: (e) => {
-			document.execCommand("styleWithCSS", !1, !0), document.execCommand("backColor", !1, e), t(e);
-		},
-		applyRecentBackColor: () => {
-			document.execCommand("styleWithCSS", !1, !0), document.execCommand("backColor", !1, e);
-		},
-		resetBackColor: () => {
-			document.execCommand("styleWithCSS", !1, !0), document.execCommand("backColor", !1, "transparent"), t("transparent");
-		}
-	};
-}
-//#endregion
-//#region src/components/shared/toolbar/Color/Hooks/colorLogic.jsx
-function D() {
-	let e = T(), t = E();
-	return {
-		applyColor: (n, r) => {
-			n === "foreColor" ? e.applyForeColor(r) : n === "backColor" && t.applyBackColor(r);
-		},
-		applyRecentColor: (n) => {
-			n === "foreColor" ? e.applyRecentForeColor() : n === "backColor" && t.applyRecentBackColor();
-		},
-		resetColor: (n) => {
-			n === "foreColor" ? e.resetForeColor() : n === "backColor" && t.resetBackColor();
-		},
-		recentForeColor: e.recentForeColor,
-		recentBackColor: t.recentBackColor
-	};
-}
-//#endregion
-//#region src/components/shared/toolbar/Color/Components/index.jsx
-function O() {
-	return console.log("[CreateColorToolbar] Rendering ColorToolbar"), /* @__PURE__ */ c(x, { logic: D() });
-}
-//#endregion
-//#region src/components/shared/toolbar/Paragraph/Components/ParagraphToolbar.jsx
-function ee({ logic: e }) {
-	let { execCommand: t } = e, i = r(null), a = r(null);
-	return n(() => {
-		if (i.current && a.current) return m(i.current, a.current);
-	}, []), /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-paragraph",
-		children: [
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button",
-				onClick: () => t("insertUnorderedList"),
-				"aria-label": "Unordered list",
-				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
-					children: /* @__PURE__ */ c("svg", {
-						viewBox: "0 0 20 20",
-						width: "16",
-						height: "16",
-						children: [
-							/* @__PURE__ */ c("circle", {
-								cx: "2.5",
-								cy: "4",
-								r: "1.5"
-							}),
-							/* @__PURE__ */ c("circle", {
-								cx: "2.5",
-								cy: "10",
-								r: "1.5"
-							}),
-							/* @__PURE__ */ c("circle", {
-								cx: "2.5",
-								cy: "16",
-								r: "1.5"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "3",
-								width: "12",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "9",
-								width: "12",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "15",
-								width: "12",
-								height: "2",
-								rx: "1"
-							})
-						]
-					})
-				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "unorderedList",
-					children: "Bullet list"
-				})]
-			}),
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button",
-				onClick: () => t("insertOrderedList"),
-				"aria-label": "Ordered list",
-				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
-					children: /* @__PURE__ */ c("svg", {
-						viewBox: "0 0 20 20",
-						width: "16",
-						height: "16",
-						children: [
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "3",
-								width: "12",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "9",
-								width: "12",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "15",
-								width: "12",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("path", {
-								d: "M 1.5 4.5 L 3.5 3 L 3.5 10 M 2 10 L 5 10",
-								fill: "none",
-								stroke: "#000",
-								strokeWidth: "1.8",
-								strokeLinecap: "round",
-								strokeLinejoin: "round"
-							}),
-							/* @__PURE__ */ c("path", {
-								d: "M 1.5 14 C 1.5 12.8 4.5 12.8 4.5 14.5 C 4.5 16 1.5 16.5 1.5 18 L 5 18",
-								fill: "none",
-								stroke: "#000",
-								strokeWidth: "1.8",
-								strokeLinecap: "round",
-								strokeLinejoin: "round"
-							})
-						]
-					})
-				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "orderedList",
-					children: "Numbered list"
-				})]
-			}),
-			/* @__PURE__ */ c("button", {
-				ref: i,
-				type: "button",
-				className: "forge-toolbar-button",
-				"aria-label": "Paragraph",
-				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
-					children: /* @__PURE__ */ c("svg", {
-						viewBox: "0 0 20 20",
-						width: "16",
-						height: "16",
-						children: [
-							/* @__PURE__ */ c("rect", {
-								x: "1",
-								y: "3",
-								width: "18",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "1",
-								y: "9",
-								width: "18",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "1",
-								y: "15",
-								width: "12",
-								height: "2",
-								rx: "1"
-							})
-						]
-					})
-				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "paragraph",
-					children: "Paragraph"
-				})]
-			}),
-			/* @__PURE__ */ c("div", {
-				ref: a,
-				className: "forge-toolbar-dropdown forge-dropdown-paragraph",
-				role: "list",
-				"aria-label": "Paragraph options",
-				children: [/* @__PURE__ */ c("div", {
-					className: "forge-toolbar-group forge-toolbar-align",
-					children: [
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "forge-toolbar-button",
-							onClick: () => t("justifyLeft"),
-							"aria-label": "Align left",
-							children: [/* @__PURE__ */ c("span", {
-								className: "forge-toolbar-icon",
-								children: /* @__PURE__ */ c("svg", {
-									viewBox: "0 0 20 20",
-									width: "16",
-									height: "16",
-									children: [
-										/* @__PURE__ */ c("rect", {
-											x: "1",
-											y: "3",
-											width: "18",
-											height: "2",
-											rx: "1"
-										}),
-										/* @__PURE__ */ c("rect", {
-											x: "1",
-											y: "9",
-											width: "12",
-											height: "2",
-											rx: "1"
-										}),
-										/* @__PURE__ */ c("rect", {
-											x: "1",
-											y: "15",
-											width: "18",
-											height: "2",
-											rx: "1"
-										})
-									]
-								})
-							}), /* @__PURE__ */ c("span", {
-								className: "forge-tooltip",
-								"data-i18n": "alignLeft",
-								children: "Left"
-							})]
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "forge-toolbar-button",
-							onClick: () => t("justifyCenter"),
-							"aria-label": "Align center",
-							children: [/* @__PURE__ */ c("span", {
-								className: "forge-toolbar-icon",
-								children: /* @__PURE__ */ c("svg", {
-									viewBox: "0 0 20 20",
-									width: "16",
-									height: "16",
-									children: [
-										/* @__PURE__ */ c("rect", {
-											x: "1",
-											y: "3",
-											width: "18",
-											height: "2",
-											rx: "1"
-										}),
-										/* @__PURE__ */ c("rect", {
-											x: "4",
-											y: "9",
-											width: "12",
-											height: "2",
-											rx: "1"
-										}),
-										/* @__PURE__ */ c("rect", {
-											x: "1",
-											y: "15",
-											width: "18",
-											height: "2",
-											rx: "1"
-										})
-									]
-								})
-							}), /* @__PURE__ */ c("span", {
-								className: "forge-tooltip",
-								"data-i18n": "alignCenter",
-								children: "Center"
-							})]
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "forge-toolbar-button",
-							onClick: () => t("justifyRight"),
-							"aria-label": "Align right",
-							children: [/* @__PURE__ */ c("span", {
-								className: "forge-toolbar-icon",
-								children: /* @__PURE__ */ c("svg", {
-									viewBox: "0 0 20 20",
-									width: "16",
-									height: "16",
-									children: [
-										/* @__PURE__ */ c("rect", {
-											x: "1",
-											y: "3",
-											width: "18",
-											height: "2",
-											rx: "1"
-										}),
-										/* @__PURE__ */ c("rect", {
-											x: "7",
-											y: "9",
-											width: "12",
-											height: "2",
-											rx: "1"
-										}),
-										/* @__PURE__ */ c("rect", {
-											x: "1",
-											y: "15",
-											width: "18",
-											height: "2",
-											rx: "1"
-										})
-									]
-								})
-							}), /* @__PURE__ */ c("span", {
-								className: "forge-tooltip",
-								"data-i18n": "alignRight",
-								children: "Right"
-							})]
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "forge-toolbar-button",
-							onClick: () => t("justifyFull"),
-							"aria-label": "Justify",
-							children: [/* @__PURE__ */ c("span", {
-								className: "forge-toolbar-icon",
-								children: /* @__PURE__ */ c("svg", {
-									viewBox: "0 0 20 20",
-									width: "16",
-									height: "16",
-									children: [
-										/* @__PURE__ */ c("rect", {
-											x: "1",
-											y: "3",
-											width: "18",
-											height: "2",
-											rx: "1"
-										}),
-										/* @__PURE__ */ c("rect", {
-											x: "1",
-											y: "9",
-											width: "18",
-											height: "2",
-											rx: "1"
-										}),
-										/* @__PURE__ */ c("rect", {
-											x: "1",
-											y: "15",
-											width: "18",
-											height: "2",
-											rx: "1"
-										})
-									]
-								})
-							}), /* @__PURE__ */ c("span", {
-								className: "forge-tooltip",
-								"data-i18n": "justify",
-								children: "Justify"
-							})]
-						})
-					]
-				}), /* @__PURE__ */ c("div", {
-					className: "forge-toolbar-group forge-toolbar-list",
-					children: [/* @__PURE__ */ c("button", {
-						type: "button",
-						className: "forge-toolbar-button",
-						onClick: () => t("outdent"),
-						"aria-label": "Outdent",
-						children: [/* @__PURE__ */ c("span", {
-							className: "forge-toolbar-icon",
-							children: /* @__PURE__ */ c("svg", {
-								viewBox: "0 0 20 20",
-								width: "16",
-								height: "16",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "2",
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								children: [
-									/* @__PURE__ */ c("line", {
-										x1: "9",
-										y1: "3",
-										x2: "19",
-										y2: "3"
-									}),
-									/* @__PURE__ */ c("line", {
-										x1: "9",
-										y1: "10",
-										x2: "19",
-										y2: "10"
-									}),
-									/* @__PURE__ */ c("line", {
-										x1: "9",
-										y1: "17",
-										x2: "19",
-										y2: "17"
-									}),
-									/* @__PURE__ */ c("polyline", { points: "6,7 2,10 6,13" })
-								]
-							})
-						}), /* @__PURE__ */ c("span", {
-							className: "forge-tooltip",
-							"data-i18n": "outdent",
-							children: "Outdent"
-						})]
-					}), /* @__PURE__ */ c("button", {
-						type: "button",
-						className: "forge-toolbar-button",
-						onClick: () => t("indent"),
-						"aria-label": "Indent",
-						children: [/* @__PURE__ */ c("span", {
-							className: "forge-toolbar-icon",
-							children: /* @__PURE__ */ c("svg", {
-								viewBox: "0 0 20 20",
-								width: "16",
-								height: "16",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "2",
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								children: [
-									/* @__PURE__ */ c("line", {
-										x1: "9",
-										y1: "3",
-										x2: "19",
-										y2: "3"
-									}),
-									/* @__PURE__ */ c("line", {
-										x1: "9",
-										y1: "10",
-										x2: "19",
-										y2: "10"
-									}),
-									/* @__PURE__ */ c("line", {
-										x1: "9",
-										y1: "17",
-										x2: "19",
-										y2: "17"
-									}),
-									/* @__PURE__ */ c("polyline", { points: "2,7 6,10 2,13" })
-								]
-							})
-						}), /* @__PURE__ */ c("span", {
-							className: "forge-tooltip",
-							"data-i18n": "indent",
-							children: "Indent"
-						})]
-					})]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/Paragraph/Hooks/paragraphLogic.jsx
-function k() {
-	return { execCommand: (e) => {
-		document.execCommand(e, !1, null);
-	} };
-}
-//#endregion
-//#region src/components/shared/toolbar/Paragraph/Components/index.jsx
-function A() {
-	return /* @__PURE__ */ c(ee, { logic: k() });
-}
-//#endregion
-//#region src/components/shared/toolbar/Table/Components/TableToolbar.jsx
-var j = 10;
-function M({ logic: e }) {
-	let { insertTable: t } = e, [a, o] = i(1), [s, l] = i(1), u = r(null), d = r(null), f = r(null);
-	n(() => {
-		if (u.current && d.current) return m(u.current, d.current);
-	}, []);
-	let p = (e) => {
-		if (!f.current) return;
-		let t = f.current.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top, i = t.width / j, a = Math.min(Math.floor(n / i) + 1, j), s = Math.min(Math.floor(r / i) + 1, j);
-		l(a), o(s);
-	}, h = () => {
-		o(1), l(1);
-	}, g = () => {
-		t(a, s), d.current && d.current.classList.remove("is-open"), u.current && u.current.classList.remove("is-active"), o(1), l(1);
-	}, _ = s / j * 100, v = a / j * 100;
-	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-table",
-		children: [/* @__PURE__ */ c("button", {
-			ref: u,
-			type: "button",
-			className: "forge-toolbar-button",
-			"aria-label": "Table",
-			children: [/* @__PURE__ */ c("span", {
-				className: "forge-toolbar-icon",
-				children: "▦"
-			}), /* @__PURE__ */ c("span", {
-				className: "forge-tooltip",
-				"data-i18n": "table",
-				children: "Table"
-			})]
-		}), /* @__PURE__ */ c("div", {
-			ref: d,
-			className: "forge-toolbar-dropdown forge-dropdown-table",
-			role: "list",
-			"aria-label": "Insert table",
-			children: [/* @__PURE__ */ c("div", {
-				ref: f,
-				className: "note-dimension-picker",
-				onMouseMove: p,
-				onMouseLeave: h,
-				onClick: g,
-				children: [
-					/* @__PURE__ */ c("div", { className: "note-dimension-picker-mousecatcher" }),
-					/* @__PURE__ */ c("div", {
-						className: "note-dimension-picker-highlighted",
-						style: {
-							width: _ + "%",
-							height: v + "%"
-						}
-					}),
-					/* @__PURE__ */ c("div", { className: "note-dimension-picker-unhighlighted" })
-				]
-			}), /* @__PURE__ */ c("div", {
-				className: "note-dimension-display",
-				children: [
-					a,
-					" x ",
-					s
-				]
-			})]
-		})]
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/Table/Hooks/tableLogic.jsx
-function N() {
-	let e = document.querySelector(".forge-editor__content");
-	if (e) {
-		e.focus();
-		let t = document.createRange(), n = window.getSelection();
-		if (n) {
-			let r = e.lastChild;
-			r ? (t.setStartAfter(r), t.collapse(!0)) : (t.selectNodeContents(e), t.collapse(!1)), n.removeAllRanges(), n.addRange(t);
-		}
-	}
-}
-function P(e) {
-	let t = window.getSelection();
-	if (!t || !t.rangeCount) {
-		N(), setTimeout(() => P(e), 50);
-		return;
-	}
-	let n = t.getRangeAt(0);
-	if (n.collapsed) {
-		let r = n.createContextualFragment(e);
-		n.insertNode(r);
-		let i = r.lastChild;
-		i ? (n.setStartAfter(i), n.collapse(!0)) : n.collapse(!1), t.removeAllRanges(), t.addRange(n);
-	} else document.execCommand("insertHTML", !1, e);
-}
-function F() {
-	return { insertTable: (e, t) => {
-		let n = "<table style=\"width:100%;border-collapse:collapse;border:1px solid #ddd;\">";
-		for (let r = 0; r < e; r++) {
-			n += "<tr>";
-			for (let e = 0; e < t; e++) n += "<td style=\"border:1px solid #ddd;padding:8px;\"><br></td>";
-			n += "</tr>";
-		}
-		n += "</table><br>", N(), P(n);
-	} };
-}
-//#endregion
-//#region src/components/shared/toolbar/Table/Components/index.jsx
-function I() {
-	return /* @__PURE__ */ c(M, { logic: F() });
-}
-//#endregion
-//#region src/components/shared/toolbar/Insert/Components/InsertToolbar.jsx
-function L({ logic: e }) {
-	let { insertLink: t, insertImage: n, insertVideo: r } = e;
-	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-insert",
-		children: [
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button",
-				onClick: t,
-				"aria-label": "Link",
-				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
-					children: "🔗"
-				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "link",
-					children: "Link"
-				})]
-			}),
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button",
-				onClick: n,
-				"aria-label": "Image",
-				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
-					children: "🖼"
-				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "image",
-					children: "Image"
-				})]
-			}),
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button",
-				onClick: r,
-				"aria-label": "Video",
-				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
-					children: "▶"
-				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "video",
-					children: "Video"
-				})]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/shared/Hooks/sweetAlert.jsx
-function R({ title: e, inputs: t, confirmText: n, cancelText: r }) {
-	let i = t.map((e, t) => `<input id="${`swal-input-${t}`}" class="swal2-input" placeholder="${e.placeholder || ""}" value="${e.value || ""}">`).join("");
-	return a.fire({
-		title: e,
-		html: i,
-		focusConfirm: !1,
-		preConfirm: () => {
-			let e = t.map((e, t) => {
-				let n = `swal-input-${t}`, r = document.getElementById(n);
-				if (!r) return null;
-				let i = r.value;
-				return e.required && !i ? (a.showValidationMessage(e.requiredMessage || "This field is required"), !1) : i;
-			});
-			return !e.includes(!1) && e;
-		},
-		showCancelButton: !0,
-		confirmButtonText: n || "Confirm",
-		cancelButtonText: r || "Cancel"
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/Insert/Hooks/insertLogic.jsx
-function z() {
-	let e = window.getSelection();
-	return e && e.rangeCount > 0 ? e.getRangeAt(0).cloneRange() : null;
-}
-function B(e) {
-	if (!e) return;
-	let t = window.getSelection();
-	t && (t.removeAllRanges(), t.addRange(e));
-}
-function V() {
-	let e = document.querySelector(".forge-editor__content");
-	if (e) {
-		e.focus();
-		let t = document.createRange(), n = window.getSelection();
-		if (n) {
-			let r = e.lastChild;
-			r ? (t.setStartAfter(r), t.collapse(!0)) : (t.selectNodeContents(e), t.collapse(!1)), n.removeAllRanges(), n.addRange(t);
-		}
-	}
-}
-function H(e) {
-	let t = window.getSelection();
-	if (!t || !t.rangeCount) {
-		V(), setTimeout(() => H(e), 50);
-		return;
-	}
-	let n = t.getRangeAt(0);
-	if (n.collapsed) {
-		let r = n.createContextualFragment(e);
-		n.insertNode(r);
-		let i = r.lastChild;
-		i ? (n.setStartAfter(i), n.collapse(!0)) : n.collapse(!1), t.removeAllRanges(), t.addRange(n);
-	} else document.execCommand("insertHTML", !1, e);
-}
-function U() {
-	return {
-		insertLink: async () => {
-			let e = z(), t = await R({
-				title: "Insert Link",
-				inputs: [{
-					placeholder: "URL",
-					value: "https://",
-					required: !0,
-					requiredMessage: "URL is required"
-				}, { placeholder: "Link text (optional)" }],
-				confirmText: "Insert",
-				cancelText: "Cancel"
-			});
-			if (t.isConfirmed && t.value) {
-				B(e);
-				let [n, r] = t.value;
-				H(r ? `<a href="${n}" target="_blank">${r}</a>` : `<a href="${n}" target="_blank">${n}</a>`);
-			}
-		},
-		insertImage: async () => {
-			let e = z(), t = await R({
-				title: "Insert Image",
-				inputs: [{
-					placeholder: "Image URL",
-					value: "https://",
-					required: !0,
-					requiredMessage: "Image URL is required"
-				}, {
-					placeholder: "Alt text",
-					value: "Image"
-				}],
-				confirmText: "Insert",
-				cancelText: "Cancel"
-			});
-			if (t.isConfirmed && t.value) {
-				B(e);
-				let [n, r] = t.value;
-				H(`<img src="${n}" alt="${r}" style="max-width: 100%;">`);
-			}
-		},
-		insertVideo: async () => {
-			let e = z(), t = await R({
-				title: "Insert Video",
-				inputs: [{
-					placeholder: "Video URL (YouTube/Vimeo)",
-					value: "https://",
-					required: !0,
-					requiredMessage: "Video URL is required"
-				}],
-				confirmText: "Insert",
-				cancelText: "Cancel"
-			});
-			if (t.isConfirmed && t.value) {
-				B(e);
-				let [n] = t.value, r;
-				r = n.includes("youtube.com") || n.includes("youtu.be") ? `<iframe width="560" height="315" src="${n.replace("watch?v=", "embed/").replace("youtu.be/", "youtube.com/embed/")}" frameborder="0" allowfullscreen></iframe>` : `<video controls src="${n}" style="max-width: 100%;"></video>`, H(r);
-			}
-		}
-	};
-}
-//#endregion
-//#region src/components/shared/toolbar/Insert/Components/index.jsx
-function W() {
-	return /* @__PURE__ */ c(L, { logic: U() });
-}
-//#endregion
-//#region src/components/shared/toolbar/View/Components/ViewToolbar.jsx
-function G({ logic: e }) {
-	let { toggleFullscreen: t, toggleCodeView: n, showHelp: r } = e;
-	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-view",
-		children: [/* @__PURE__ */ c("button", {
-			type: "button",
-			className: "forge-toolbar-button",
-			onClick: t,
-			"aria-label": "Full Screen",
-			children: [/* @__PURE__ */ c("span", {
-				className: "forge-toolbar-icon",
-				children: "⛶"
-			}), /* @__PURE__ */ c("span", {
-				className: "forge-tooltip",
-				"data-i18n": "fullscreen",
-				children: "Full Screen"
-			})]
-		}), /* @__PURE__ */ c("button", {
-			type: "button",
-			className: "forge-toolbar-button",
-			onClick: n,
-			"aria-label": "Code View",
-			children: [/* @__PURE__ */ c("span", {
-				className: "forge-toolbar-icon",
-				children: "</>"
-			}), /* @__PURE__ */ c("span", {
-				className: "forge-tooltip",
-				"data-i18n": "codeview",
-				children: "Code View"
-			})]
-		})]
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/View/Hooks/viewLogic.jsx
-function te() {
-	return {
-		toggleFullscreen: () => {
-			let e = document.querySelector(".forge-editor");
-			e && (document.fullscreenElement ? document.exitFullscreen().catch(() => {}) : e.requestFullscreen().catch(() => {}));
-		},
-		toggleCodeView: () => {
-			let e = document.querySelector(".forge-editor__content");
-			e && (e.contentEditable === "true" ? (e.contentEditable = "false", e.textContent = e.innerHTML) : (e.contentEditable = "true", e.innerHTML = e.textContent), e.focus());
-		},
-		showHelp: () => {
-			let e = [
-				"Forge Editor - Keyboard Shortcuts:",
-				"",
-				"Bold: Ctrl+B",
-				"Underline: Ctrl+U",
-				"Link: Ctrl+K",
-				"Undo: Ctrl+Z",
-				"Redo: Ctrl+Y",
-				"",
-				"Visit: https://github.com/your-repo/forge-edit"
-			].join("\n");
-			alert(e);
-		}
-	};
-}
-//#endregion
-//#region src/components/shared/toolbar/View/Components/index.jsx
-function K() {
-	return /* @__PURE__ */ c(G, { logic: te() });
-}
-//#endregion
-//#region src/components/shared/toolbar/Index/index.jsx
-function q() {
-	return /* @__PURE__ */ c("div", {
-		className: "forge-editor__toolbar",
-		role: "toolbar",
-		children: [
-			/* @__PURE__ */ c(u, {}),
-			/* @__PURE__ */ c(p, {}),
-			/* @__PURE__ */ c(v, {}),
-			/* @__PURE__ */ c(O, {}),
-			/* @__PURE__ */ c(A, {}),
-			/* @__PURE__ */ c(I, {}),
-			/* @__PURE__ */ c(W, {}),
-			/* @__PURE__ */ c(K, {})
-		]
-	});
-}
-//#endregion
-//#region src/components/shared/statusbar/Components/index.jsx
-function J() {
-	return /* @__PURE__ */ c("div", {
-		className: "forge-statusbar",
-		role: "status",
-		children: /* @__PURE__ */ c("div", {
-			className: "forge-resizebar",
-			"aria-label": "resize",
-			children: [
-				/* @__PURE__ */ c("div", { className: "forge-icon-bar" }),
-				/* @__PURE__ */ c("div", { className: "forge-icon-bar" }),
-				/* @__PURE__ */ c("div", { className: "forge-icon-bar" })
-			]
-		})
-	});
-}
-//#endregion
-//#region src/components/shared/statusbar/Hooks/resize.js
-var Y = 100;
-function X(e, t, n = {}) {
-	let r = n.minHeight ?? Y, i = n.maxHeight ?? Infinity, a = 0, o = 0;
-	function s(e) {
-		let n = e.clientY - a, s = o + n;
-		s = Math.min(Math.max(s, r), i), t.style.height = `${s}px`;
-	}
-	function c() {
-		document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", c), document.body.style.removeProperty("user-select"), document.body.style.removeProperty("cursor");
-	}
-	function l(e) {
-		e.preventDefault(), a = e.clientY, o = t.getBoundingClientRect().height, document.body.style.userSelect = "none", document.body.style.cursor = "s-resize", document.addEventListener("mousemove", s), document.addEventListener("mouseup", c);
-	}
-	return e.addEventListener("mousedown", l), function() {
-		e.removeEventListener("mousedown", l), document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", c);
-	};
-}
-//#endregion
-//#region src/components/shared/toolbar/Style/Hooks/styleLogic.jsx
-function Z(e) {
-	let t = e.querySelector("[data-command='style']"), n = e.querySelector(".forge-dropdown-style");
-	if (!t || !n) {
-		console.warn("Style toolbar elements not found", e);
-		return;
-	}
-	m(t, n), n.querySelectorAll(".forge-dropdown-item").forEach((e) => {
-		e.addEventListener("click", (t) => {
-			t.preventDefault();
-			let r = e.dataset.value;
-			r && document.execCommand("formatBlock", !1, r), n.classList.remove("open");
-		});
-	});
-}
-//#endregion
-//#region src/components/shared/i18n/index.js
-var Q = {
-	en: {
-		style: "Style",
-		normal: "Normal",
-		blockquote: "Blockquote",
-		code: "Code",
-		header1: "Header 1",
-		header2: "Header 2",
-		header3: "Header 3",
-		header4: "Header 4",
-		header5: "Header 5",
-		header6: "Header 6",
-		bold: "Bold",
-		underline: "Underline",
-		removeFormat: "Remove Font Style",
-		fontName: "Font Family",
-		recentColor: "Recent Color",
-		moreColor: "More Color",
-		recentBackColor: "Recent Background Color",
-		moreBackColor: "More Background Colors",
-		insertUnorderedList: "Unordered List",
-		insertOrderedList: "Ordered List",
-		paragraph: "Paragraph",
-		justifyLeft: "Align Left",
-		justifyCenter: "Align Center",
-		justifyRight: "Align Right",
-		justifyFull: "Justify",
-		outdent: "Outdent",
-		indent: "Indent",
-		table: "Table",
-		link: "Link",
-		picture: "Picture",
-		video: "Video",
-		fullscreen: "Full Screen",
-		codeview: "Code View",
-		help: "Help"
-	},
-	ar: {
-		style: "نمط",
-		normal: "عادي",
-		blockquote: "اقتباس",
-		code: "كود",
-		header1: "عنوان 1",
-		header2: "عنوان 2",
-		header3: "عنوان 3",
-		header4: "عنوان 4",
-		header5: "عنوان 5",
-		header6: "عنوان 6",
-		bold: "عريض",
-		underline: "تسطير",
-		removeFormat: "إزالة تنسيق الخط",
-		fontName: "نوع الخط",
-		recentColor: "آخر لون مستخدم",
-		moreColor: "المزيد من الألوان",
-		recentBackColor: "آخر لون خلفية",
-		moreBackColor: "المزيد من ألوان الخلفية",
-		insertUnorderedList: "قائمة نقطية",
-		insertOrderedList: "قائمة مرقمة",
-		paragraph: "فقرة",
-		justifyLeft: "محاذاة لليسار",
-		justifyCenter: "محاذاة للوسط",
-		justifyRight: "محاذاة لليمين",
-		justifyFull: "ضبط",
-		outdent: "تقليل المسافة البادئة",
-		indent: "زيادة المسافة البادئة",
-		table: "جدول",
-		link: "رابط",
-		picture: "صورة",
-		video: "فيديو",
-		fullscreen: "ملء الشاشة",
-		codeview: "عرض الكود",
-		help: "مساعدة"
-	}
-}, $ = "en";
-function ne(e, t) {
-	return (Q[e] || Q[$])[t] || Q[$][t] || t;
-}
-//#endregion
-//#region src/components/shared/i18n/apply.js
-function re(e, t) {
-	e.querySelectorAll("[data-i18n]").forEach((e) => {
-		e.textContent = ne(t, e.getAttribute("data-i18n"));
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/Style/Utils/ensureParagraph.jsx
-function ie(e) {
-	if (e && !(e.children.length > 0 || e.textContent.trim().length > 0)) {
-		let t = document.createElement("p");
-		t.innerHTML = "<br>", e.appendChild(t);
-	}
-}
-//#endregion
-//#region src/components/shared/toolbar/ImagePopover/Components/ImagePopover.jsx
-function ae({ target: e, onClose: t, onResize: n, onFloat: i, onRemove: a }) {
-	let o = r(null);
-	if (!e) return null;
-	let s = e.getBoundingClientRect();
-	return /* @__PURE__ */ c("div", {
-		ref: o,
-		className: "note-popover bottom note-image-popover",
-		style: {
-			display: "block",
-			left: s.left + s.width / 2 - 100 + "px",
-			top: s.bottom + 10 + "px",
-			position: "fixed",
-			zIndex: 9999
-		},
-		children: [/* @__PURE__ */ c("div", { className: "note-popover-arrow" }), /* @__PURE__ */ c("div", {
-			className: "popover-content note-children-container",
-			children: [
-				/* @__PURE__ */ c("div", {
-					className: "note-btn-group note-resize",
-					children: [
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "note-btn",
-							tabIndex: "-1",
-							"aria-label": "Resize full",
-							onClick: () => n(e, 1),
-							children: /* @__PURE__ */ c("span", {
-								className: "note-fontsize-10",
-								children: "100%"
-							})
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "note-btn",
-							tabIndex: "-1",
-							"aria-label": "Resize half",
-							onClick: () => n(e, .5),
-							children: /* @__PURE__ */ c("span", {
-								className: "note-fontsize-10",
-								children: "50%"
-							})
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "note-btn",
-							tabIndex: "-1",
-							"aria-label": "Resize quarter",
-							onClick: () => n(e, .25),
-							children: /* @__PURE__ */ c("span", {
-								className: "note-fontsize-10",
-								children: "25%"
-							})
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "note-btn",
-							tabIndex: "-1",
-							"aria-label": "Original size",
-							onClick: () => n(e, "original"),
-							children: /* @__PURE__ */ c("i", {
-								className: "note-icon-rollback",
-								children: "↺"
-							})
-						})
-					]
-				}),
-				/* @__PURE__ */ c("div", {
-					className: "note-btn-group note-float",
-					children: [
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "note-btn",
-							tabIndex: "-1",
-							"aria-label": "Float Left",
-							onClick: () => i(e, "left"),
-							children: /* @__PURE__ */ c("i", {
-								className: "note-icon-float-left",
-								children: "◀"
-							})
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "note-btn",
-							tabIndex: "-1",
-							"aria-label": "Float Right",
-							onClick: () => i(e, "right"),
-							children: /* @__PURE__ */ c("i", {
-								className: "note-icon-float-right",
-								children: "▶"
-							})
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: "note-btn",
-							tabIndex: "-1",
-							"aria-label": "Remove float",
-							onClick: () => i(e, "none"),
-							children: /* @__PURE__ */ c("i", {
-								className: "note-icon-rollback",
-								children: "↺"
-							})
-						})
-					]
-				}),
-				/* @__PURE__ */ c("div", {
-					className: "note-btn-group note-remove",
-					children: /* @__PURE__ */ c("button", {
-						type: "button",
-						className: "note-btn",
-						tabIndex: "-1",
-						"aria-label": "Remove Image",
-						onClick: () => a(e),
-						children: /* @__PURE__ */ c("i", {
-							className: "note-icon-trash",
-							children: "🗑"
-						})
-					})
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/components/shared/toolbar/ImagePopover/Hooks/useImagePopover.jsx
-function oe() {
-	let [e, t] = i(null), [r, a] = i(!1);
-	return n(() => {
-		let e = (e) => {
-			let n = e.target.closest("img");
-			n ? (t(n), a(!0)) : r && (a(!1), t(null));
-		}, n = (e) => {
-			e.key === "Escape" && r && (a(!1), t(null));
-		};
-		return document.addEventListener("click", e), document.addEventListener("keydown", n), () => {
-			document.removeEventListener("click", e), document.removeEventListener("keydown", n);
-		};
-	}, [r]), {
-		target: r ? e : null,
-		onClose: () => {
-			a(!1), t(null);
-		},
-		onResize: (e, n) => {
-			if (n === "original") e.style.width = "", e.style.height = "", e.removeAttribute("width"), e.removeAttribute("height");
-			else {
-				let t = e.naturalWidth || e.width, r = e.naturalHeight || e.height;
-				e.style.width = t * n + "px", e.style.height = r * n + "px";
-			}
-			a(!1), t(null);
-		},
-		onFloat: (e, n) => {
-			n === "none" ? (e.style.float = "", e.style.margin = "") : (e.style.float = n, e.style.margin = n === "left" ? "0 10px 5px 0" : "0 0 5px 10px"), a(!1), t(null);
-		},
-		onRemove: (e) => {
-			e.parentElement.removeChild(e), a(!1), t(null);
-		}
-	};
-}
-//#endregion
-//#region src/components/shared/toolbar/ImagePopover/Components/index.jsx
-function se() {
-	return /* @__PURE__ */ c(ae, { ...oe() });
-}
-//#endregion
-//#region src/components/light/index.jsx
-function ce(e) {
-	return {
-		getHTML() {
-			return e.innerHTML;
-		},
-		setHTML(t) {
-			e.innerHTML = t;
-		},
-		getText() {
-			return e.textContent;
-		},
-		getSelection() {
-			let e = window.getSelection();
-			return e ? e.toString() : "";
-		}
-	};
-}
-function le(e) {
-	let n = e.lang || "en", r = /* @__PURE__ */ c("div", {
-		className: "forge-editor forge-editor--light",
-		lang: n,
-		dir: e.dir || "ltr",
-		children: [
-			/* @__PURE__ */ c(q, {}),
-			/* @__PURE__ */ c("div", {
-				className: "forge-editor__content",
-				contentEditable: "true",
-				"data-placeholder": e.placeholder || ""
-			}),
-			/* @__PURE__ */ c(J, {}),
-			/* @__PURE__ */ c(se, {})
-		]
-	}), i = document.createElement("div");
-	t(r, i);
-	let a = i.firstElementChild, o = a.querySelector(".forge-editor__content");
-	return ie(o), Z(a.querySelector(".forge-toolbar-style")), re(a.querySelector(".forge-editor__toolbar"), n), X(a.querySelector(".forge-statusbar"), a, { minHeight: 100 }), {
-		element: a,
-		...ce(o)
-	};
-}
-//#endregion
-//#region src/main/index.jsx
-function ue(e) {
-	let t = o(e);
-	if (t.type === "light") {
-		let { element: n, getHTML: r, setHTML: i, getText: a, getSelection: o } = le(t);
-		return e.innerHTML = "", e.appendChild(n), n.style.width = t.width, n.style.height = t.height, {
-			element: n,
-			getHTML: r,
-			setHTML: i,
-			getText: a,
-			getSelection: o
-		};
-	}
-	return null;
-}
-//#endregion
-export { ue as default };