texditor 2.0.0

package/dist/src/entities/blocks/gallery/index.mjs

@@ -0,0 +1,141 @@
+import { A as e, O as t, S as n, T as r, Te as i, b as a, ie as o, se as s, w as c, y as l } from "../../../../node_modules/snappykit/dist/snappykit.mjs";
+import { IconImage as u, IconMultipleGrid as d, IconPlay as f, IconSingleGrid as p, IconSlider as m } from "../../../icons/index.mjs";
+import { renderIcon as h } from "../../../utils/icon.mjs";
+import g from "../files/index.mjs";
+import _ from "../../../core/ui/slider.mjs";
+/* empty css                                           */
+//#region src/entities/blocks/gallery/index.ts
+var v = class extends g {
+	constructor(...e) {
+		super(...e), this.defaultStyles = [
+			"grid",
+			"slider",
+			"single"
+		], this.slider = null;
+	}
+	static setup(e) {
+		return super.setup(e);
+	}
+	configure() {
+		return {
+			...super.configure(),
+			name: "gallery",
+			icon: u,
+			className: "tex-gallery tex-files",
+			translation: "gallery",
+			styles: [
+				"grid",
+				"slider",
+				"single"
+			],
+			stylesLtr: "right",
+			defaultStyle: "single",
+			groupCode: "gallery",
+			sliderInfinite: !0,
+			imageMimeTypes: [
+				"image/jpeg",
+				"image/png",
+				"image/gif",
+				"image/webp",
+				"image/avif",
+				"image/bmp"
+			],
+			videoMimeTypes: [
+				"video/mp4",
+				"video/webm",
+				"video/ogg",
+				"video/mpeg",
+				"video/quicktime",
+				"video/x-msvideo"
+			],
+			visibleFieldFileName: !1,
+			requiredFieldFileName: !1
+		};
+	}
+	onMount(e) {
+		super.onMount(e), this.initSlider(), this.on("onChange.gallery", (e) => {
+			let t = e?.targetIndex || 0;
+			this.initSlider(t);
+		});
+	}
+	getDefaultStyle() {
+		let e = this.getConfig("defaultStyle", []);
+		return this.defaultStyles.includes(e) ? e : "single";
+	}
+	getStyles() {
+		return this.getConfig("styles", []);
+	}
+	areStylesAllowed() {
+		return this.getStyles().every((e) => this.defaultStyles.includes(e));
+	}
+	onFormCreate(u) {
+		let { blockManager: f, events: g, i18n: _ } = this.editor, v = this.getConfig("stylesLtr", "left"), y = this.getConfig("styles", []), b = this.getElement();
+		if (this.areStylesAllowed()) {
+			let x = (e) => {
+				y.includes(e) && (n(".tex-gallery-style-item", (e) => {
+					a(e, "tex-active");
+				}, u), n(".tex-gallery-style-item-" + e, (e) => {
+					l(e, "tex-active");
+				}, u));
+			}, S = (n, r) => o("div", (a) => {
+				l(a, "tex-gallery-style-item tex-gallery-style-item-" + n), i(a, "click.style", () => {
+					x(n), e(b, "optionsStyle", n), this.destroySlider(), g.change({
+						modelCode: this.getModelCode(),
+						type: "galleryStyle",
+						index: f.getIndex(),
+						blockElement: b,
+						contentElement: this.getContentElement()
+					}), n === "slider" && this.initSlider();
+				}), s(a, h(r, {
+					width: 16,
+					height: 16
+				})), t(a, "title", _.get("appearance", "Appearance") + ": " + _.get(n));
+			}), C = o("div", (e) => {
+				l(e, "tex-gallery-styles"), c(e, o("div", (e) => {
+					l(e, "tex-gallery-style-list");
+					let t = [];
+					y.includes("single") && t.push(S("single", p)), y.includes("grid") && t.push(S("grid", d)), y.includes("slider") && t.push(S("slider", m)), c(e, t);
+				}));
+			});
+			v == "left" ? r(u, C) : c(u, C);
+			let w = this.getOption("style", "single") || "single";
+			w = this.defaultStyles.includes(w) ? w : "single", x(w);
+		}
+	}
+	onCreateList(n) {
+		let r = this.getStyles(), i = this.getElement(), a = this.getOption("style", "");
+		this.areStylesAllowed() && a && r.includes(a) && e(i, "optionsStyle", a), this.setRenderCallback(this.getConfig("imageMimeTypes", []), (e) => o("img", (t) => {
+			t.src = e.url;
+		})), this.setRenderCallback(this.getConfig("videoMimeTypes", []), (e) => o("div", (n) => {
+			c(n, [o("video", (n) => {
+				c(n, o("source", (n) => {
+					n.src = e.url, t(n, "type", e.type);
+				}));
+			}), o("div", (e) => {
+				l(e, "tex-gallery-item-play"), e.innerHTML = h(f, {
+					width: 18,
+					height: 18
+				});
+			})]);
+		}));
+	}
+	save(e, t) {
+		e = super.save(e, t);
+		let n = e?.data, r = [];
+		return n.length && Array.isArray(n) && (n.forEach((e) => {
+			e.size && delete e.size, e.id && delete e.id, r.push(e);
+		}), e.data = r), e;
+	}
+	initSlider(t = 0) {
+		let n = this.getElement(), r = this.getContentElement();
+		this.destroySlider(), n && r && e(n, "optionsStyle") === "slider" && (this.slider = new _(r, { infinite: this.getConfig("sliderInfinite", !0) }), t && this.slider.goToSlide(t));
+	}
+	destroySlider() {
+		this.slider &&= (this.slider.destroy(), null);
+	}
+	destroy() {
+		this.destroySlider(), super.destroy();
+	}
+};
+//#endregion
+export { v as default };

package/dist/src/entities/blocks/header/H1.mjs

@@ -0,0 +1,5 @@
+import e from "./index.mjs";
+//#region src/entities/blocks/header/H1.ts
+var t = class extends e {};
+//#endregion
+export { t as default };

package/dist/src/entities/blocks/header/H2.mjs

@@ -0,0 +1,16 @@
+import { IconHeader2 as e } from "../../../icons/index.mjs";
+import t from "./index.mjs";
+//#region src/entities/blocks/header/H2.ts
+var n = class extends t {
+	configure() {
+		return {
+			...super.configure(),
+			name: "h2",
+			tagName: "h2",
+			icon: e,
+			translation: "header2"
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/blocks/header/H3.mjs

@@ -0,0 +1,16 @@
+import { IconHeader3 as e } from "../../../icons/index.mjs";
+import t from "./index.mjs";
+//#region src/entities/blocks/header/H3.ts
+var n = class extends t {
+	configure() {
+		return {
+			...super.configure(),
+			name: "h3",
+			tagName: "h3",
+			icon: e,
+			translation: "header3"
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/blocks/header/H4.mjs

@@ -0,0 +1,16 @@
+import { IconHeader4 as e } from "../../../icons/index.mjs";
+import t from "./index.mjs";
+//#region src/entities/blocks/header/H4.ts
+var n = class extends t {
+	configure() {
+		return {
+			...super.configure(),
+			name: "h4",
+			tagName: "h4",
+			icon: e,
+			translation: "header4"
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/blocks/header/H5.mjs

@@ -0,0 +1,16 @@
+import { IconHeader5 as e } from "../../../icons/index.mjs";
+import t from "./index.mjs";
+//#region src/entities/blocks/header/H5.ts
+var n = class extends t {
+	configure() {
+		return {
+			...super.configure(),
+			name: "h5",
+			tagName: "h5",
+			icon: e,
+			translation: "header5"
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/blocks/header/H6.mjs

@@ -0,0 +1,16 @@
+import { IconHeader6 as e } from "../../../icons/index.mjs";
+import t from "./index.mjs";
+//#region src/entities/blocks/header/H6.ts
+var n = class extends t {
+	configure() {
+		return {
+			...super.configure(),
+			name: "h6",
+			tagName: "h6",
+			icon: e,
+			translation: "header6"
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/blocks/header/index.mjs

@@ -0,0 +1,46 @@
+import { IconHeader1 as e } from "../../../icons/index.mjs";
+import t from "../../../core/models/block-model.mjs";
+//#region src/entities/blocks/header/index.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "h1",
+			translation: "header1",
+			groupCode: "header",
+			tagName: "h1",
+			className: "tex-header",
+			autoParse: !0,
+			icon: e,
+			placeholder: this.editor.i18n.get("headerPlaceholder", "Enter your title"),
+			editable: !0,
+			visibleTools: !0,
+			availableTools: [
+				"link",
+				"subscript",
+				"superscript",
+				"clearFormatting"
+			],
+			enterCreate: !0,
+			emptyDetect: !0,
+			normalize: !0,
+			sanitizer: !0,
+			convertible: !0,
+			sanitizerConfig: {
+				elements: [
+					"a",
+					"sup",
+					"sub"
+				],
+				attributes: { a: ["href"] },
+				protocols: { a: { href: [
+					"https",
+					"ftp",
+					"http",
+					"mailto"
+				] } }
+			}
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/blocks/list/index.mjs

@@ -0,0 +1,51 @@
+import { IconList as e } from "../../../icons/index.mjs";
+import t from "../../../core/models/block-model.mjs";
+/* empty css                                        */
+//#region src/entities/blocks/list/index.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "ul",
+			translation: "list",
+			groupCode: "list",
+			tagName: "ul",
+			itemTagName: "li",
+			itemName: "li",
+			itemClassName: "tex-list-item",
+			itemBodyClassName: "tex-list-item-body",
+			autoParse: !0,
+			autoMerge: !0,
+			icon: e,
+			editable: !1,
+			editableItems: !0,
+			visibleTools: !0,
+			sanitizer: !0,
+			normalize: !0,
+			convertible: !0,
+			className: "tex-list",
+			sortableItems: !0,
+			sanitizerConfig: {
+				elements: [
+					"b",
+					"a",
+					"i",
+					"s",
+					"u",
+					"sup",
+					"sub",
+					"mark",
+					"code"
+				],
+				attributes: { a: ["href", "target"] },
+				protocols: { a: { href: [
+					"https",
+					"ftp",
+					"http",
+					"mailto"
+				] } }
+			}
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/blocks/list/ol.mjs

@@ -0,0 +1,16 @@
+import { IconOrderedList as e } from "../../../icons/index.mjs";
+import t from "./index.mjs";
+//#region src/entities/blocks/list/ol.ts
+var n = class extends t {
+	configure() {
+		return {
+			...super.configure(),
+			name: "ol",
+			tagName: "ol",
+			icon: e,
+			translation: "orderedList"
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/blocks/paragraph/index.mjs

@@ -0,0 +1,46 @@
+import { IconParagraph as e } from "../../../icons/index.mjs";
+import t from "../../../core/models/block-model.mjs";
+/* empty css                                             */
+//#region src/entities/blocks/paragraph/index.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "p",
+			icon: e,
+			autoParse: !0,
+			translation: "paragraph",
+			groupCode: "paragraph",
+			tagName: "p",
+			placeholder: this.editor.i18n.get("paragraphPlaceholder", "Enter your text"),
+			editable: !0,
+			visibleTools: !0,
+			sanitizer: !0,
+			normalize: !0,
+			className: "tex-paragraph",
+			emptyDetect: !0,
+			convertible: !0,
+			sanitizerConfig: {
+				elements: [
+					"b",
+					"a",
+					"i",
+					"s",
+					"u",
+					"sup",
+					"sub",
+					"mark",
+					"code"
+				],
+				attributes: { a: ["href", "target"] },
+				protocols: { a: { href: [
+					"https",
+					"ftp",
+					"http",
+					"mailto"
+				] } }
+			}
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/extensions/delete-selected.mjs

@@ -0,0 +1,27 @@
+import { IconTrash as e } from "../../icons/index.mjs";
+import t from "../../core/models/extension-model.mjs";
+//#region src/entities/extensions/delete-selected.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "deleteSelected",
+			translation: "delete",
+			icon: e,
+			toggleActive: !1,
+			groupName: "block"
+		};
+	}
+	getSelectedIndices() {
+		let { blockManager: e } = this.editor, t = e.getVirtualSelection();
+		return t ? t.getSelectedIndices() : [];
+	}
+	onClick(e) {
+		let { blockManager: t } = this.editor, n = this.getSelectedIndices();
+		n.length && t.removeBlock(n);
+	}
+	isVisible() {
+		return this.getSelectedIndices().length > 0;
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/extensions/redo.mjs

@@ -0,0 +1,22 @@
+import { IconRedo as e } from "../../icons/index.mjs";
+import t from "../../core/models/extension-model.mjs";
+//#region src/entities/extensions/redo.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "redo",
+			translation: "redo",
+			icon: e,
+			toggleActive: !1,
+			groupName: "history"
+		};
+	}
+	onClick(e) {
+		this.editor.historyManager.redo();
+	}
+	isActive() {
+		return this.editor.historyManager.canRedo();
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/extensions/undo.mjs

@@ -0,0 +1,22 @@
+import { IconUndo as e } from "../../icons/index.mjs";
+import t from "../../core/models/extension-model.mjs";
+//#region src/entities/extensions/undo.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "undo",
+			translation: "undo",
+			icon: e,
+			toggleActive: !1,
+			groupName: "history"
+		};
+	}
+	onClick(e) {
+		this.editor.historyManager.undo();
+	}
+	isActive() {
+		return this.editor.historyManager.canUndo();
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/tools/bold.mjs

@@ -0,0 +1,16 @@
+import { IconBold as e } from "../../icons/index.mjs";
+import t from "../../core/models/tool-model.mjs";
+//#region src/entities/tools/bold.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "bold",
+			tagName: "b",
+			icon: e,
+			iconWidth: 16,
+			iconHeight: 16
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/tools/clear-formatting.mjs

@@ -0,0 +1,20 @@
+import { IconClearFormatting as e } from "../../icons/index.mjs";
+import t from "../../core/models/tool-model.mjs";
+//#region src/entities/tools/clear-formatting.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "clearFormatting",
+			icon: e,
+			translation: "clearFormatting",
+			iconWidth: 16,
+			iconHeight: 16
+		};
+	}
+	onClick() {
+		let { selectionApi: e, commands: t } = this.editor;
+		e.applyState(), t.clearAllFormatting();
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/tools/inline-code.mjs

@@ -0,0 +1,19 @@
+import { IconCode as e } from "../../icons/index.mjs";
+import t from "../../core/models/tool-model.mjs";
+/* empty css                                           */
+//#region src/entities/tools/inline-code.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "inlineCode",
+			translation: "code",
+			tagName: "code",
+			override: !1,
+			icon: e,
+			iconWidth: 16,
+			iconHeight: 16
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/tools/italic.mjs

@@ -0,0 +1,16 @@
+import { IconItalic as e } from "../../icons/index.mjs";
+import t from "../../core/models/tool-model.mjs";
+//#region src/entities/tools/italic.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "italic",
+			tagName: "i",
+			icon: e,
+			iconWidth: 16,
+			iconHeight: 16
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/tools/link.mjs

@@ -0,0 +1,89 @@
+import { A as e, O as t, Q as n, S as r, Te as i, Z as a, g as o, ie as s, le as c, me as l, re as u, se as d, w as f, y as p } from "../../../node_modules/snappykit/dist/snappykit.mjs";
+import { IconArrowRight as m, IconClearFormatting as h, IconLink as g, IconNewTab as _, IconTrash as v } from "../../icons/index.mjs";
+import { renderIcon as y } from "../../utils/icon.mjs";
+import b from "../../core/models/tool-model.mjs";
+/* empty css                                    */
+//#region src/entities/tools/link.ts
+var x = class extends b {
+	configure() {
+		return {
+			name: "link",
+			tagName: "a",
+			icon: g,
+			iconWidth: 16,
+			iconHeight: 16
+		};
+	}
+	onClick() {
+		let { selectionApi: e, commands: n } = this.editor;
+		e.applyState();
+		let [r] = n.findTags(this.getTagName());
+		if (r) {
+			let e = t(r, "target") === "_blank";
+			this.createForm(t(r, "href") || "", e);
+		} else this.createForm();
+	}
+	onFormat(n) {
+		let r = this.getEventId(), i = document.getElementById("form-link-" + r), a = document.getElementById("input-link-" + r);
+		i && a && n.forEach((n) => {
+			a?.value && t(n, "href", a?.value), e(i, "targetBlank") == "Y" && t(n, "target", "_blank");
+		});
+	}
+	removeForm() {
+		let e = this.editor.getRoot();
+		e && (r(".tex-tools-content", (e) => o(e, "display", "none"), e), r(".tex-tools-list", (e) => o(e, "display", ""), e), r(".tex-link-form", (e) => e.remove(), e));
+	}
+	createForm(g = "", b = !1) {
+		let { commands: x, selectionApi: S, i18n: C } = this.editor, w = this.getEventId(), T = this.editor.getRoot(), E = s("div", (n) => {
+			n.id = "form-link-" + w, e(n, "targetBlank", "N"), p(n, "tex-link-form"), f(n, s("div", (t) => {
+				p(t, "tex-link-form-btn tex-link-form-target-btn"), b && (p(t, "tex-active"), e(n, "targetBlank", "Y")), a(t, "click.link", () => {
+					e(n, "targetBlank", e(n, "targetBlank") == "Y" ? "N" : "Y"), u(t, "tex-active");
+				}), d(t, y(_, {
+					width: 14,
+					height: 14
+				})), t.title = C.get("openInNewTab", "Open in a new tab");
+			})), f(n, s("input", (e) => {
+				t(e, "type", "text"), e.id = "input-link-" + w, e.value = g, e.placeholder = C.get("enterLink", "Enter the link"), p(e, "tex-link-input"), i(e, "keydown.link", (e) => {
+					e.key == "Enter" && (e.preventDefault(), this.format(), document.body?.click());
+				}), setTimeout(() => e.focus(), 10);
+			})), f(n, s("div", (e) => {
+				p(e, "tex-link-form-btn tex-link-form-del-btn"), d(e, y(v, {
+					width: 18,
+					height: 18
+				})), e.title = C.get("delete", "Delete"), a(e, "click.link", () => {
+					S.applyState();
+					let [e] = x.findTags(this.getTagName());
+					e && l(e), document.body.click();
+				});
+			})), f(n, s("div", (e) => {
+				p(e, "tex-link-form-btn tex-link-form-clean-btn"), d(e, y(h, {
+					width: 14,
+					height: 14
+				})), e.title = C.get("delete", "Delete"), i(e, "click.link", () => {
+					this.removeFormat(), document.body?.click();
+				});
+			})), f(n, s("div", (e) => {
+				d(e, y(m, {
+					width: 18,
+					height: 18
+				})), p(e, "tex-link-form-btn"), e.title = C.get("done", "Done"), i(e, "click.link", () => {
+					this.removeFormat(), this.forcedFormat(), document.body?.click();
+				});
+			}));
+		});
+		T && (r(".tex-tools-content", (e) => o(e, "display", "block"), T), r(".tex-tools-list", (e) => o(e, "display", "none"), T), r(".tex-tools-content", (e) => {
+			f(e, E);
+		}, T)), setTimeout(() => {
+			T && a(document, "click.link" + w, (e) => {
+				r(".tex-link-form", (t) => {
+					c(e.target, t) || (this.removeForm(), n(document, "click.link" + w));
+				}, T);
+			});
+		}, 100);
+	}
+	destroy() {
+		n(document, "click.link" + this.getEventId());
+	}
+};
+//#endregion
+export { x as default };

package/dist/src/entities/tools/marker.mjs

@@ -0,0 +1,17 @@
+import { IconMarker as e } from "../../icons/index.mjs";
+import t from "../../core/models/tool-model.mjs";
+//#region src/entities/tools/marker.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "marker",
+			tagName: "mark",
+			icon: e,
+			override: !1,
+			iconWidth: 16,
+			iconHeight: 16
+		};
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/entities/tools/subscript.mjs

@@ -0,0 +1,17 @@
+import { IconSubscript as e } from "../../icons/index.mjs";
+import t from "../../core/models/tool-model.mjs";
+//#region src/entities/tools/subscript.ts
+var n = class extends t {
+	configure() {
+		return {
+			name: "subscript",
+			tagName: "sub",
+			icon: e,
+			override: !1,
+			iconWidth: 16,
+			iconHeight: 16
+		};
+	}
+};
+//#endregion
+export { n as default };