texditor 2.0.0

package/dist/src/core/models/block-model.mjs

@@ -0,0 +1,619 @@
+import { executeMethodIfExists as e } from "../../utils/common.mjs";
+import { A as t, D as n, F as r, O as i, Q as a, S as o, T as s, Te as c, Z as l, b as u, de as d, g as f, ie as p, le as m, m as h, n as g, oe as _, se as v, w as y, y as b } from "../../../node_modules/snappykit/dist/snappykit.mjs";
+import { IconBars as x, IconMove as S } from "../../icons/index.mjs";
+import { renderIcon as C } from "../../utils/icon.mjs";
+import w from "../security/sanitizer.mjs";
+import T from "../base/base-model.mjs";
+import { y as E } from "../../../node_modules/sortum/dist/sortum.mjs";
+import { mainStore as D } from "../../store/mainStore.mjs";
+import O from "../ui/toasts.mjs";
+//#region src/core/models/block-model.ts
+var k = class extends T {
+	constructor(...e) {
+		super(...e), this.sortableItems = null, this.toastsInstance = null;
+	}
+	static setup(e) {
+		return super.setup(e);
+	}
+	change(e, t = {}, n = {}) {
+		let { events: r } = this.editor, i = {
+			type: e,
+			modelCode: this.getModelCode(),
+			...t
+		};
+		Object.keys(n).length && r.change({
+			...i,
+			...n
+		}), this.trigger(e, i), this.trigger("onChange", i);
+	}
+	parentConfig() {
+		return {
+			__modelCode: "block",
+			autoMerge: !0,
+			autoParse: !0,
+			icon: "",
+			visibleIcon: !1,
+			translation: "",
+			groupCode: "",
+			contentClassName: "",
+			itemTagName: "li",
+			itemName: "li",
+			itemRelatedNames: [],
+			itemClassName: "",
+			itemBodyClassName: "",
+			maxItems: 0,
+			backspaceRemove: !0,
+			className: "",
+			visibleTools: !1,
+			availableTools: [],
+			editable: !1,
+			editableItems: !1,
+			singleItem: !1,
+			enterCreate: !0,
+			raw: !1,
+			sanitizer: !1,
+			sanitizerConfig: {
+				elements: [
+					"b",
+					"a",
+					"i",
+					"s",
+					"u",
+					"sup",
+					"sub",
+					"mark",
+					"code"
+				],
+				attributes: { a: ["href", "target"] },
+				protocols: { a: { href: [
+					"https",
+					"ftp",
+					"http",
+					"mailto"
+				] } }
+			},
+			tagName: "div",
+			relatedNames: [],
+			emptyDetect: !1,
+			customSave: !1,
+			normalize: !1,
+			convertible: !1,
+			sortableItems: !1,
+			dragZoneClassName: "tex-item-drag-zone-default",
+			visibleTitle: !1,
+			attributeTitle: !1,
+			toastTimeout: 7e3,
+			toastsClassName: "tex-toasts"
+		};
+	}
+	parentOnCreateElement(e) {
+		let { config: n, i18n: r } = this.editor, a = this.getTagName(), o = this.getContentClassName(), s = [];
+		if (n.get("actions", []).length) {
+			let e = p("div", (e) => {
+				b(e, "tex-actions");
+				let t = p("div", (e) => {
+					b(e, "tex-actions-content tex-animate-fadeIn"), y(e, [p("div", (e) => {
+						b(e, "tex-actions-content-body");
+					}), p("div", (e) => {
+						b(e, "tex-actions-content-dropdown");
+					})]);
+				});
+				y(e, [p("div", (e) => {
+					b(e, "tex-actions-btn tex-animate-fadeIn"), i(e, "title", r.get("actions", "Actions")), v(e, C(x, {
+						width: 14,
+						height: 14
+					})), l(e, "click.open", () => this.showActions());
+				}), t]);
+			});
+			s.push(e);
+		}
+		let c = p(a, (e) => {
+			b(e, "tex-block-content" + (o ? " " + o : "")), this.isEmptyDetect() && t(e, "empty", "true"), this.isEditable() && (e.contentEditable = "true");
+			let n = this.getPlaceholder();
+			n && !g(n) && t(e, "placeholder", n);
+		});
+		s.push(c), y(e, s);
+	}
+	showActions() {
+		this.hideActions();
+		let { config: t } = this.editor, n = this.getEventId(), r = this.getElement(), [i] = _(".tex-actions", r);
+		if (i) {
+			let a = t.get("actions", []);
+			o(".tex-actions-content", (t) => {
+				let [n] = _(".tex-actions-content-body", t);
+				n && (a.forEach((t) => {
+					let i = new t(this.editor);
+					e(i, "__setBlockElement", [r]);
+					let a = i.getElement(), o = i.isVisible();
+					y(n, a), f(a, "display", o ? "" : "none"), e(i, "__onMount", [a]);
+				}), f(t, "display", "block"));
+			}, r), c(document, "click.actions" + n, (e) => {
+				m(e.target, i) || this.hideActions();
+			}, !0);
+		}
+	}
+	hideActions() {
+		let e = this.getEventId(), t = this.getElement(), [n] = _(".tex-actions", t);
+		n && (a(document, "click.actions" + e), o(".tex-actions-content", (e) => {
+			o(".tex-actions-content-body", (e) => v(e, ""), e), o(".tex-actions-content-dropdown", (e) => {
+				v(e, ""), u(e, "tex-active");
+			}, e), f(e, "display", "");
+		}, t));
+	}
+	refreshSortableItems() {
+		let { blockManager: e } = this.editor;
+		if (!this.isSortableItems()) return;
+		this.sortableItems?.destroy();
+		let t = this.getContentElement(), n = this.editor.getRoot();
+		!t || !n || (this.sortableItems = new E(t, {
+			handleSelector: ".tex-item-drag-zone",
+			group: this.getGroupCode(),
+			targetClass: "tex-sortable-item",
+			invalidClass: "tex-sortable-invalid",
+			ghostClass: "tex-sortable-ghost",
+			pressDuration: 10,
+			edgeThreshold: 200,
+			maxItems: this.getMaxItems(),
+			onStart: () => {
+				e.destroyVirtualSelection();
+			},
+			onEnd: (a) => {
+				e.refreshVirtualSelection();
+				let [o] = D.get("editors").filter((e) => m(a.destination, e)), s = o && o !== n, c = s ? o.texditor.blockManager : e, l = c.findParent(a.destination), u = l?.baseModel, d = l !== this.getElement(), f = c.getIndex(l), p = e.getIndex(this.getElement());
+				d && (e.rebuild(p), s ? c.rebuild(f) : e.rebuild(f));
+				let h = e.getBlock(p);
+				if (h?.baseModel && h.baseModel?.change("moveListItem", {
+					item: a.item,
+					index: a.fromIndex,
+					targetIndex: a.toIndex,
+					source: a.source,
+					destination: a.destination
+				}, {
+					blockElement: h.baseModel.getElement(),
+					contentElement: t
+				}), u) {
+					let e = u.getItemBody(a.toIndex || 0);
+					if (e) {
+						let t = r(e), n = i(e, "contentEditable") === "true" ? t : 0;
+						c.focus(f, n, n, a.toIndex);
+					}
+				}
+			}
+		}));
+	}
+	compose(e) {
+		let t = this.getContentElement();
+		if (!this.isEditable() && this.isEditableItems()) {
+			let n = e?.data || {};
+			if (Object.keys(n).length) Array.isArray(n) && n.length && n.forEach((e) => {
+				if (!g(e.data)) {
+					let n = this.__makeItemElement(e.data);
+					n && y(t, n);
+				}
+			});
+			else {
+				let e = this.__makeItemElement();
+				e && y(t, e);
+			}
+		} else {
+			let n = e?.data || "";
+			n && typeof n == "string" && (this.isRaw() ? d(t, n) : v(t, n));
+		}
+		return this.getElement();
+	}
+	onCompose(e) {}
+	__compose(e) {
+		this.sanitize(), typeof e == "object" && Object.keys(e).length && this.setOptions(e);
+		let t = this.compose(e);
+		return this.onCompose(e), this.change("onCompose", { createSchema: e }), t;
+	}
+	parse(e) {
+		return e;
+	}
+	__parse(e) {
+		let t = this.parse(e);
+		return this.change("parse", { createSchema: t }), t;
+	}
+	getTagName() {
+		return this.getConfig("tagName", "");
+	}
+	getPlaceholder() {
+		return this.getConfig("placeholder", "");
+	}
+	getGroupCode() {
+		return this.getConfig("groupCode", "block");
+	}
+	getContentClassName() {
+		return this.getConfig("contentClassName", "");
+	}
+	getContentElement() {
+		let [e] = _(".tex-block-content", this.getElement());
+		return e;
+	}
+	isAutoMerge() {
+		return this.getConfig("autoMerge", !0);
+	}
+	isAutoParse() {
+		return this.getConfig("autoParse", !0);
+	}
+	isEnterCreate() {
+		return this.getConfig("enterCreate", !0);
+	}
+	isEmpty() {
+		let e = this.getContentElement();
+		if (!e) return !0;
+		if (this.isEditableItems()) {
+			let e = this.getItemsLength(), t = this.getItemBody(0);
+			return t ? e === 0 || e === 1 && g(v(t).trim()) : !0;
+		}
+		let t = v(e).trim();
+		return g(t) || t == "<br>";
+	}
+	isEmptyItem(e) {
+		let t = this.getItemBody(e);
+		if (!t) return !0;
+		let n = v(t).trim();
+		return g(n) || n == "<br>";
+	}
+	isEmptyDetect() {
+		return this.getConfig("emptyDetect", !1);
+	}
+	isBackspaceRemove() {
+		return this.getConfig("backspaceRemove", !0);
+	}
+	isEditable() {
+		return this.getConfig("editable", !1);
+	}
+	isEditableItems() {
+		return this.getConfig("editableItems", !1);
+	}
+	isSingleItem() {
+		return this.getConfig("singleItem", !1);
+	}
+	isRaw() {
+		return this.getConfig("raw", !1);
+	}
+	isNormalize() {
+		return this.getConfig("normalize", !1);
+	}
+	isConvertible() {
+		return this.getConfig("convertible", !1);
+	}
+	isCustomSave() {
+		return this.getConfig("customSave", !1);
+	}
+	isVisibleTools() {
+		return this.getConfig("visibleTools", !1);
+	}
+	getAvailableTools() {
+		return this.getConfig("availableTools", []);
+	}
+	getRelatedNames() {
+		return this.getConfig("relatedNames", []);
+	}
+	getSupportedNames() {
+		return [this.getName(), ...this.getRelatedNames()];
+	}
+	merge() {
+		return null;
+	}
+	__merge() {
+		let e = this.merge();
+		return this.change("merge", { node: e }), e;
+	}
+	isSanitizer() {
+		return this.getConfig("sanitizer", !1);
+	}
+	sanitize() {
+		if (this.isSanitizer()) {
+			let e = this.toSanitize();
+			if (e || Array.isArray(e)) {
+				let t = new w(this.getSanitizerConfig());
+				Array.isArray(e) ? e.forEach((e) => {
+					v(e, t.sanitize(e));
+				}) : v(e, t.sanitize(e)), this.change("sanitize", { node: e });
+			}
+		}
+	}
+	toSanitize() {
+		if (this.isEditableItems()) {
+			let e = [], t = 0;
+			return this.getItems().forEach(() => {
+				let n = this.getItemBody(t);
+				n && e.push(n), t++;
+			}), e;
+		}
+		return this.getContentElement();
+	}
+	getSanitizerConfig() {
+		return this.getConfig("sanitizerConfig", {});
+	}
+	toNormalize() {
+		return this.toSanitize();
+	}
+	getItemTagName() {
+		return this.getConfig("itemTagName", "li");
+	}
+	getItemClassName() {
+		return this.getConfig("itemClassName", "");
+	}
+	getItemBodyClassName() {
+		return this.getConfig("itemBodyClassName", "");
+	}
+	getItemName() {
+		return this.getConfig("itemName", "li");
+	}
+	getMaxItems() {
+		return this.getConfig("maxItems", 0);
+	}
+	getItemRelatedNames() {
+		return this.getConfig("itemRelatedNames", []);
+	}
+	getItemSupportedNames() {
+		return [this.getItemName(), ...this.getItemRelatedNames()];
+	}
+	isSortableItems() {
+		return this.getConfig("sortableItems", !1);
+	}
+	getDragZoneClassName() {
+		return this.getConfig("dragZoneClassName", "tex-item-drag-zone-default");
+	}
+	getItems() {
+		let e = this.getContentElement();
+		return e ? _(":scope > *", e) : [];
+	}
+	getItemsLength() {
+		return this.getItems().length;
+	}
+	makeItemDragZone() {
+		return p("span", (e) => {
+			b(e, "tex-item-drag-zone " + this.getDragZoneClassName()), v(e, C(S, {
+				width: 14,
+				height: 14
+			}));
+		});
+	}
+	makeItemElement(e = "") {
+		let t = this.getItemTagName(), n = this.getItemName(), r = this.getItemClassName(), a = this.getItemBodyClassName();
+		return p(t, (t) => {
+			b(t, "tex-item " + r), t.id = this.getId() + "-" + n + "-" + h(8), y(t, p("div", (t) => {
+				if (b(t, "tex-item-body " + a), this.isEditableItems() && i(t, "contentEditable", "true"), typeof e == "string") {
+					let n = g(e || "") ? "" : e || "";
+					this.isRaw() ? (v(t, ""), d(t, n)) : v(t, n);
+				}
+			})), this.isSortableItems() && y(t, this.makeItemDragZone());
+		});
+	}
+	canCreateItem() {
+		let { i18n: e } = this.editor, t = this.getMaxItems();
+		return t > 0 && this.getItemsLength() >= t ? (this.toasts().add(e.get("maxItems", "Maximum of elements"), {
+			insertType: "append",
+			single: !0
+		}), !1) : !0;
+	}
+	__makeItemElement(e = "") {
+		if (!this.canCreateItem()) return null;
+		let t = this.makeItemElement(e);
+		return this.change("makeItemElement", {
+			node: t,
+			content: e
+		}), t;
+	}
+	createItem(e, t = -1, r = !1) {
+		let a = this.getContentElement();
+		if (!a) return !1;
+		let o = this.__makeItemElement(e);
+		if (!o) return !1;
+		if (t === 0) s(a, o);
+		else if (t === -1) {
+			let e = this.getItem(-1);
+			e ? n(e, o) : y(a, o);
+		} else {
+			let e = t - 1;
+			if (e < 0) s(a, o);
+			else {
+				let t = this.getItem(e);
+				t ? n(t, o) : y(a, o);
+			}
+		}
+		this.refreshSortableItems();
+		let c = this.getItemIndex(o), l = this.getItemBody(c);
+		return r || (l && (i(l, "contentEditable") == "true" ? l.focus() : l.click()), this.change("createItem", { index: c }, {
+			contentElement: a,
+			blockElement: this.getElement()
+		})), !0;
+	}
+	moveItem(e, t, r = !1) {
+		let i = this.getContentElement();
+		if (!i) return;
+		let a = this.getItemsLength();
+		if (a === 0) return;
+		let o = e;
+		o < 0 && (o = 0), o >= a && (o = a - 1);
+		let c = t;
+		if (c <= 0 ? c = 0 : c >= a && (c = a - 1), o === c) return;
+		let l = this.getItem(o);
+		if (l) {
+			if (l.remove(), c === 0) s(i, l);
+			else if (c >= a - 1) y(i, l);
+			else {
+				let e = c - 1, t = this.getItem(e);
+				t ? n(t, l) : y(i, l);
+			}
+			r || this.change("moveItem", {
+				item: l,
+				index: e,
+				targetIndex: c
+			}, {
+				contentElement: i,
+				blockElement: this.getElement()
+			});
+		}
+	}
+	removeItem(e = -1) {
+		let t = this.getItem(e), n = this.getItemIndex(t) || 0;
+		return t ? (t.remove(), this.change("removeItem", { index: n }, {
+			contentElement: this.getContentElement(),
+			blockElement: this.getElement()
+		}), !0) : !1;
+	}
+	getItem(e) {
+		let t = this.getItems();
+		if (!t.length) return null;
+		if (e === -1) {
+			let e = null, n = this.editor.selectionApi.getRange();
+			return n ? (t.forEach((t) => {
+				n.intersectsNode(t) && (e = t);
+			}), e) : t[0] || null;
+		}
+		return t[e] || null;
+	}
+	getItemBody(e) {
+		let t = this.getItem(e);
+		if (!t) return null;
+		let [n] = _(".tex-item-body", t);
+		return n || null;
+	}
+	getItemIndex(e) {
+		let t = 0, n = this.getItems(), r = e || this.getItem(-1);
+		return n.length && r && n.forEach((e, n) => {
+			e == r && (t = n);
+		}), t;
+	}
+	getToastsClassName() {
+		return this.getConfig("toastsClassName", "tex-toasts");
+	}
+	getToastTimeout() {
+		return this.getConfig("toastTimeout", 7e3);
+	}
+	toasts() {
+		return this.toastsInstance ||= new O(this.getElement(), this.getToastsClassName(), this.getToastTimeout()), this.toastsInstance;
+	}
+	save(e, t) {
+		return e;
+	}
+	__save(e, t) {
+		let n = this.save(e, t);
+		return this.trigger("save", {
+			type: "save",
+			modelCode: this.getModelCode(),
+			blockSchema: n
+		}), n;
+	}
+	parentOnMount() {
+		this.refreshSortableItems();
+	}
+	onPaste(e, t) {
+		return !0;
+	}
+	__onPaste(e, t) {
+		let n = this.onPaste(e, t);
+		return this.change("onPaste", {
+			domEvent: e,
+			status: n,
+			map: t
+		}), n;
+	}
+	defEvent(t, n) {
+		let r = "on" + t, i = !!e(this, r, [n]);
+		return i || n.preventDefault(), this.change(r, {
+			domEvent: n,
+			status: i
+		}), i;
+	}
+	onKeyDown(e) {
+		return !0;
+	}
+	__onKeyDown(e) {
+		return this.defEvent("KeyDown", e);
+	}
+	onKeyUp(e) {
+		return !0;
+	}
+	__onKeyUp(e) {
+		return this.defEvent("KeyUp", e);
+	}
+	onFocus(e) {
+		return !0;
+	}
+	__onFocus(e) {
+		return this.defEvent("Focus", e);
+	}
+	onBlur(e) {
+		return !0;
+	}
+	__onBlur(e) {
+		return this.defEvent("Blur", e);
+	}
+	__onClick(e) {
+		this.onClick(e);
+	}
+	onSelectionChange(e, t) {
+		return !0;
+	}
+	__onSelectionChange(e, t) {
+		let n = this.onSelectionChange(e, t);
+		return this.trigger("onSelectionChange", {
+			type: "onSelectionChange",
+			modelCode: this.getModelCode(),
+			domEvent: e,
+			range: t,
+			status: n
+		}), n;
+	}
+	onDragStart(e) {
+		return !0;
+	}
+	__onDragStart(e) {
+		return this.defEvent("DragStart", e);
+	}
+	onDragLeave(e) {
+		return !0;
+	}
+	__onDragLeave(e) {
+		return this.defEvent("DragLeave", e);
+	}
+	onDragOver(e) {
+		return !0;
+	}
+	__onDragOver(e) {
+		return this.defEvent("DragOver", e);
+	}
+	onDrag(e) {
+		return !1;
+	}
+	__onDrag(e) {
+		return this.defEvent("Drag", e);
+	}
+	onDragEnd(e) {
+		return !0;
+	}
+	__onDragEnd(e) {
+		return this.defEvent("DragEnd", e);
+	}
+	onDrop(e) {
+		return !0;
+	}
+	__onDrop(e) {
+		return this.defEvent("Drop", e);
+	}
+	beforeConvert(e, t) {
+		return [e, t];
+	}
+	__beforeConvert(e, t) {
+		return this.beforeConvert(e, t);
+	}
+	afterConvert(e) {
+		return e;
+	}
+	__afterConvert(e) {
+		return this.afterConvert(e);
+	}
+	parentDestroy() {
+		this.sortableItems &&= (this.sortableItems.destroy(), null);
+		let e = this.getEventId();
+		a(document, "click.actions" + e);
+	}
+};
+//#endregion
+export { k as default };

package/dist/src/core/models/extension-model.mjs

@@ -0,0 +1,28 @@
+import { re as e } from "../../../node_modules/snappykit/dist/snappykit.mjs";
+import t from "../base/base-model.mjs";
+//#region src/core/models/extension-model.ts
+var n = class extends t {
+	static setup(e) {
+		return super.setup(e);
+	}
+	parentConfig() {
+		let { config: e } = this.editor;
+		return {
+			__modelCode: "extension",
+			visibleTitle: e.get("extensionVisibleTitle", !1),
+			toggleActive: !1,
+			groupName: ""
+		};
+	}
+	parentOnClick(t) {
+		this.isToggleActive() && t.delegateTarget && e(t.delegateTarget, "tex-extension-active"), this.onClick(t);
+	}
+	isToggleActive() {
+		return this.getConfig("toggleActive", !1);
+	}
+	getGroupName() {
+		return this.getConfig("groupName", "");
+	}
+};
+//#endregion
+export { n as default };

package/dist/src/core/models/file-action-model.mjs

@@ -0,0 +1,24 @@
+import e from "../base/base-model.mjs";
+//#region src/core/models/file-action-model.ts
+var t = class extends e {
+	static setup(e) {
+		return super.setup(e);
+	}
+	getItemElement() {
+		let e = this.getElement();
+		return e ? e.closest(".tex-item") : null;
+	}
+	getBlockElement() {
+		let e = this.getElement();
+		return e ? e.closest(".tex-block") : null;
+	}
+	parentConfig() {
+		return {
+			__modelCode: "fileAction",
+			visibleTitle: !1,
+			className: "tex-file-action"
+		};
+	}
+};
+//#endregion
+export { t as default };