@pie-element/select-text 13.1.1-next.11 → 13.1.2-next.0

package/dist/author/index.js

@@ -0,0 +1,74 @@
+import { generateModel as e } from "./utils.js";
+import t from "./design.js";
+import n from "./defaultConfiguration.js";
+import r from "react";
+import { createRoot as i } from "react-dom/client";
+import { DeleteImageEvent as a, DeleteSoundEvent as o, InsertImageEvent as s, InsertSoundEvent as c, ModelUpdatedEvent as l } from "@pie-element/shared-configure-events";
+//#region src/author/index.ts
+var u = class u extends HTMLElement {
+	static createDefaultModel = (t = {}) => e({
+		...n.model,
+		...t
+	});
+	constructor() {
+		super(), this._root = null, this._model = u.createDefaultModel(), this._configuration = n.configuration;
+	}
+	set model(e) {
+		this._model = u.createDefaultModel(e), this.render();
+	}
+	set configuration(e) {
+		let t = {
+			...n.configuration,
+			...e
+		};
+		this._configuration = t, t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
+			value: this._model.language,
+			label: this._model.language
+		})) : delete this._model.language, this.render();
+	}
+	connectedCallback() {
+		this.render();
+	}
+	modelChanged(e) {
+		this._model = e, this.dispatchEvent(new l(this._model), !0), this.render();
+	}
+	onConfigurationChanged(e) {
+		this._configuration = e, this._model && this.dispatchEvent(new l(this._model), !1), this.render();
+	}
+	insertImage(e) {
+		this.dispatchEvent(new s(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new a(e, t));
+	}
+	insertSound(e) {
+		this.dispatchEvent(new c(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new o(e, t));
+	}
+	render() {
+		if (this._model) {
+			let e = r.createElement(t, {
+				model: this._model,
+				configuration: this._configuration,
+				onModelChanged: this.modelChanged.bind(this),
+				onConfigurationChanged: this.onConfigurationChanged.bind(this),
+				imageSupport: {
+					add: this.insertImage.bind(this),
+					delete: this.onDeleteImage.bind(this)
+				},
+				uploadSoundSupport: {
+					add: this.insertSound.bind(this),
+					delete: this.onDeleteSound.bind(this)
+				}
+			});
+			this._root ||= i(this), this._root.render(e);
+		}
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { u as default };

package/dist/author/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-elements/packages/select-text/configure/src/utils.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const generateModel: (model: any) => any;
+export declare const generateValidationMessage: (config: any) => string;

package/dist/author/utils.js

@@ -0,0 +1,50 @@
+//#region src/author/utils.tsx
+var e = function() {
+	var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = document.createElement("div");
+	return t.innerHTML = e.trim(), t;
+}, t = function(e, t) {
+	return t ? e.innerHTML : `${e.innerHTML}
+
+`;
+}, n = function(e) {
+	var n = e.querySelectorAll("div[separator=true]"), r = "";
+	return n.forEach(function(e, i) {
+		r += t(e, i === n.length - 1);
+	}), r || null;
+}, r = function(t) {
+	var r = e(t), i = document.createElement("div");
+	return i.innerHTML = `<div separator='true'>${r.innerHTML}</div>`, r = i, Array.from(r.querySelectorAll("*")).length === 0 ? t : n(r);
+}, i = (e) => {
+	if (!e) return e;
+	let t = r(e.text || ""), n = (e.tokens || []).reduce((n, i = {}) => {
+		let a = r((e.text || "").slice(i.start, i.end));
+		if (!a) return [...n, i];
+		let o = (e) => {
+			let n = e;
+			for (; n >= 0;) {
+				let e = t.slice(n).indexOf(a);
+				if (e >= 0) return e + n;
+				n--;
+			}
+			return 0;
+		}, s = n[n.length - 1], c = o(s ? s.end : i.start), l = c + a.length;
+		return [...n, {
+			...i,
+			text: a,
+			start: c,
+			end: l,
+			oldStart: i.start,
+			oldEnd: i.end
+		}];
+	}, []);
+	return {
+		...e,
+		tokens: n,
+		text: t
+	};
+}, a = (e) => {
+	let { minTokens: t, maxTokens: n, maxSelections: r } = e, i = `\nThere should be at least ${t} ` + (n ? `and at most ${n} ` : "") + "tokens defined.", a = "\nThere should be at least 1 " + (r ? `and at most ${r} ` : "") + "token" + (r ? "s" : "") + " selected.";
+	return "Validation requirements:" + i + a;
+};
+//#endregion
+export { i as generateModel, a as generateValidationMessage };