forge-edit 0.1.0-beta.0

package/dist/index.js

@@ -0,0 +1,1807 @@
+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 };