@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/chunks/CY2YrwMT.mjs

@@ -0,0 +1,302 @@
+import { h as e } from "vue";
+import { NOOP as t } from "@web-utils/core";
+import * as n from "monaco-editor/esm/vs/editor/editor.api";
+//#region src/components/avue/monaco-editor/json-beautifier.js
+var r = /[\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, i = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, a, o, s = {
+	"\b": "\\b",
+	"	": "\\t",
+	"\n": "\\n",
+	"\f": "\\f",
+	"\r": "\\r",
+	"\"": "\\\"",
+	"'": "\\'",
+	"\\": "\\\\"
+}, c;
+function l(e, t = {}) {
+	let n = t.space || 2, r = t.dropQuotesOnKeys !== !1, i = t.dropQuotesOnNumbers || !1, a = t.inlineShortArrays || !1, o = t.inlineShortArraysDepth || 1, s = t.quoteType || "single", c = t.minify || !1;
+	i && u(e);
+	let l = p(e, null, c ? void 0 : n, r, s);
+	if (a && !c) {
+		let e = f(l);
+		if (o > 1) for (let t = 1; t < o && (l = e, e = f(l), e !== l); t++);
+		l = e;
+	}
+	return l;
+}
+function u(e) {
+	if (!d(e)) return;
+	let t = Object.keys(e);
+	t && t.forEach(function(t) {
+		let n = e[t];
+		if (typeof n == "string") {
+			let r = n - 0;
+			e[t] = isNaN(r) ? n : r;
+		} else (d(n) || Array.isArray(n)) && u(n);
+	});
+}
+function d(e) {
+	return e && typeof e == "object";
+}
+function f(e, t) {
+	if (t || (t = 80), typeof t != "number" || t < 20) throw Error(`Invalid width '${t}'. Expecting number equal or larger than 20.`);
+	let n = e.split("\n"), r = 0, i = null, a = [];
+	for (; r < n.length;) {
+		let e = !!n[r].match(/\[/), o = !!n[r].match(/\],?/);
+		if (e && !o) a = [n[r]], i = r;
+		else if (o && !e && i) {
+			a.push((n[r] || "").trim());
+			let e = a.join(" ");
+			e.length < t && (n.splice(i, r - i + 1, e), r = i), i = null, a = [];
+		} else i && a.push((n[r] || "").trim());
+		r += 1;
+	}
+	return n.join("\n");
+}
+function p(e, t, n, r, i) {
+	let s;
+	if (a = "", o = "", typeof n == "number") for (s = 0; s < n; s += 1) o += " ";
+	else typeof n == "string" && (o = n);
+	if (c = t, t && typeof t != "function" && (typeof t != "object" || typeof t.length != "number")) throw Error("JSON.stringify");
+	return m("", { "": e }, r, i);
+}
+function m(e, t, n, r) {
+	let i, s, l, u, d = a, f, p = t[e];
+	switch (p && typeof p == "object" && typeof p.toJSON == "function" && (p = p.toJSON(e)), typeof c == "function" && (p = c.call(t, e, p)), typeof p) {
+		case "function": return p;
+		case "string": return h(p, r);
+		case "number": return isFinite(p) ? String(p) : "null";
+		case "boolean":
+		case "null": return String(p);
+		case "object":
+			if (!p) return "null";
+			if (a += o, f = [], Object.prototype.toString.apply(p) === "[object Array]") {
+				for (u = p.length, i = 0; i < u; i += 1) f[i] = m(i, p, n, r) || "null";
+				return l = f.length === 0 ? "[]" : a ? `[\n${a}${f.join(`,\n${a}`)}\n${d}]` : `[${f.join(",")}]`, a = d, l;
+			}
+			if (c && typeof c == "object") for (u = c.length, i = 0; i < u; i += 1) typeof c[i] == "string" && (s = c[i], l = m(s, p, n, r), l && f.push((n ? g(s, r) : h(s, r)) + (a ? ": " : ":") + l));
+			else for (s in p) Object.prototype.hasOwnProperty.call(p, s) && (l = m(s, p, n, r), l && f.push((n ? g(s, r) : h(s, r)) + (a ? ": " : ":") + l));
+			return l = f.length === 0 ? "{}" : a ? `{\n${a}${f.join(`,\n${a}`)}\n${d}}` : `{${f.join(",")}}`, a = d, l;
+	}
+}
+function h(e, t) {
+	r.lastIndex = 0;
+	let n = "\"";
+	return t === "single" && (n = "'"), r.test(e) ? n + e.replace(r, function(e) {
+		let t = s[e];
+		return typeof t == "string" ? t : `\\u${`0000${e.charCodeAt(0).toString(16)}`.slice(-4)}`;
+	}) + n : n + e + n;
+}
+function g(e, t) {
+	return i.test(e) ? e : h(e, t);
+}
+//#endregion
+//#region src/components/avue/monaco-editor/MonacoEditor.vue
+var _ = {
+	name: "MonacoEditor",
+	props: {
+		diffEditor: {
+			type: Boolean,
+			default: !1
+		},
+		width: {
+			type: [String, Number],
+			default: "100%"
+		},
+		height: {
+			type: [String, Number],
+			default: "100%"
+		},
+		original: String,
+		modelValue: [String, Object],
+		language: {
+			type: String,
+			default: "javascript"
+		},
+		theme: {
+			type: String,
+			default: "vs"
+		},
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		options: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		editorMounted: {
+			type: Function,
+			default: t
+		},
+		editorBeforeMount: {
+			type: Function,
+			default: t
+		},
+		keyIndex: { type: String }
+	},
+	emits: ["change", "update:modelValue"],
+	data() {
+		return { fullscreen: !1 };
+	},
+	computed: { style() {
+		return this.fullscreen ? {} : {
+			width: /^\d+$/.test(this.width) ? `${this.width}px` : this.width,
+			height: /^\d+$/.test(this.height) ? `${this.height}px` : this.height,
+			position: "relative"
+		};
+	} },
+	watch: {
+		options: {
+			deep: !0,
+			handler(e) {
+				var t;
+				(t = this.editor) == null || t.updateOptions(e);
+			}
+		},
+		keyIndex() {
+			let e = this.modelValue;
+			typeof e == "object" && (e = l(e)), this.editor && e !== this._getValue() && this._setValue(e);
+		},
+		language() {
+			if (this.editor) if (this.diffEditor) {
+				let { original: e, modified: t } = this.editor.getModel();
+				n.editor.setModelLanguage(e, this.language), n.editor.setModelLanguage(t, this.language);
+			} else n.editor.setModelLanguage(this.editor.getModel(), this.language);
+		},
+		theme() {
+			this.editor && n.editor.setTheme(this.theme);
+		},
+		style() {
+			this.$nextTick(() => {
+				var e;
+				(e = this.editor) == null || e.layout();
+			});
+		},
+		modelValue(e) {
+			this.editor && e !== this._getValue() && this._setValue(e);
+		}
+	},
+	mounted() {
+		this.initMonaco(), window.addEventListener("resize", this.onResize);
+	},
+	beforeUnmount() {
+		var e;
+		window.removeEventListener("resize", this.onResize), (e = this.editor) == null || e.dispose();
+	},
+	methods: {
+		initMonaco() {
+			let { modelValue: e, language: t, theme: r, readOnly: i, options: a } = this;
+			Object.assign(a, this._editorBeforeMount()), this.editor = n.editor[this.diffEditor ? "createDiffEditor" : "create"](this.$el, {
+				value: typeof e == "string" ? e : l(e),
+				language: t,
+				theme: r,
+				readOnly: i,
+				...a
+			}), this.diffEditor && this._setModel(this.modelValue, this.original), this._editorMounted(this.editor), this.editor.addAction({
+				id: "f1",
+				label: "full screen",
+				keybindings: [n.KeyCode.F1],
+				run: (e) => {
+					this.toggleFullScreen();
+				}
+			}), this.editor.addAction({
+				id: "escape",
+				label: "exit full screen",
+				keybindings: [n.KeyCode.Escape],
+				run: (e) => {
+					this.fullscreen = !1;
+				}
+			});
+		},
+		toggleFullScreen() {
+			this.fullscreen = !this.fullscreen;
+		},
+		async onResize() {
+			await this.$nextTick();
+			let e = this.$el;
+			this.editor.layout({
+				width: e.clientWidth,
+				height: e.clientHeight
+			});
+		},
+		_handleFullScreen() {
+			this.isMaximum ? this.minEditor() : this.maxEditor();
+		},
+		maxEditor() {
+			this.isMaximum = !0;
+			let e = this.$el;
+			this.originSize = {
+				width: e.clientWidth,
+				height: e.clientHeight
+			}, e.classList.add("editor-fullscreen"), this.editor.layout({
+				height: document.body.clientHeight,
+				width: document.body.clientWidth
+			}), document.addEventListener("keyup", this.handleEsc);
+		},
+		handleEsc(e) {
+			e.keyCode === 27 && this.minEditor();
+		},
+		minEditor() {
+			this.isMaximum = !1, this.$el.classList.remove("editor-fullscreen"), this.editor.layout({
+				height: this.originSize.height,
+				width: this.originSize.width
+			}), document.removeEventListener("keyup", this.handleEsc);
+		},
+		_getEditor() {
+			return this.editor ? this.diffEditor ? this.editor.modifiedEditor : this.editor : null;
+		},
+		_setModel(e, t) {
+			let { language: r } = this, i = n.editor.createModel(t, r), a = n.editor.createModel(e, r);
+			this.editor.setModel({
+				original: i,
+				modified: a
+			});
+		},
+		_setValue(e) {
+			let t = this._getEditor();
+			if (t) return t.setValue(e);
+		},
+		_getValue() {
+			let e = this._getEditor();
+			return e ? e.getValue() : "";
+		},
+		_editorBeforeMount() {
+			return this.editorBeforeMount(n) || {};
+		},
+		_editorMounted(e) {
+			this.editorMounted(e, n), this.diffEditor ? e.onDidUpdateDiff((e) => {
+				let t = this._getValue();
+				this._emitChange(t, e);
+			}) : e.onDidChangeModelContent((e) => {
+				let t = this._getValue();
+				this._emitChange(t, e);
+			});
+		},
+		_emitChange(e, t) {
+			this.$emit("change", e, t), this.$emit("update:modelValue", e);
+		}
+	},
+	render() {
+		let t = this.options.fullScreen;
+		return e("div", {
+			class: ["monaco_editor_container", this.fullscreen ? "fullscreen" : ""],
+			style: this.style
+		}, [t ? e("i", {
+			class: "el-icon-full-screen",
+			style: {
+				width: "1.2em",
+				height: "1.2em",
+				position: "absolute",
+				left: "0px",
+				top: "0px",
+				zIndex: "1",
+				cursor: "pointer"
+			},
+			on: { click: this._handleFullScreen }
+		}) : ""]);
+	}
+};
+//#endregion
+export { _ as t };

package/chunks/CYjby4eo.mjs

@@ -0,0 +1,17 @@
+import { n as e, t } from "./B7DACryk.mjs";
+import { createVNode as n, isVNode as r } from "vue";
+//#region src/components/flex/FlexRow.vue?vue&type=script&lang.jsx
+function i(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
+}
+//#endregion
+//#region src/components/flex/FlexRow.vue
+var a = {
+	name: "FlexRow",
+	props: { ...e },
+	setup(e, { slots: r }) {
+		return () => n(t, e, i(r) ? r : { default: () => [r] });
+	}
+};
+//#endregion
+export { a as t };

package/chunks/CZnwC17w.mjs

@@ -0,0 +1,60 @@
+//#region src/components/bpmn-process-designer/utils.js
+function e(e, r, a, o) {
+	let s = Object.create(null);
+	switch (s.event = r.event, a && (s.id = r.id), r.listenerType) {
+		case "scriptListener":
+			s.script = n(e, r, o);
+			break;
+		case "expressionListener":
+			s.expression = r.expression;
+			break;
+		case "delegateExpressionListener":
+			s.delegateExpression = r.delegateExpression;
+			break;
+		default: s.class = r.class;
+	}
+	if (r.fields && (s.fields = r.fields.map((n) => t(e, n, o))), a && r.event === "timeout" && r.eventDefinitionType) {
+		let t = e.moddle.create("bpmn:FormalExpression", { body: r.eventTimeDefinitions });
+		s.eventDefinitions = [e.moddle.create("bpmn:TimerEventDefinition", {
+			id: `TimerEventDefinition_${i(8)}`,
+			[`time${r.eventDefinitionType.replace(/^\S/, (e) => e.toUpperCase())}`]: t
+		})];
+	}
+	return e.moddle.create(`${o}:${a ? "TaskListener" : "ExecutionListener"}`, s);
+}
+function t(e, t, n) {
+	let { name: r, fieldType: i, string: a, expression: o } = t, s = i === "string" ? {
+		name: r,
+		string: a
+	} : {
+		name: r,
+		expression: o
+	};
+	return e.moddle.create(`${n}:Field`, s);
+}
+function n(e, t, n) {
+	let { scriptType: r, scriptFormat: i, value: a, resource: o } = t, s = r === "inlineScript" ? {
+		scriptFormat: i,
+		value: a
+	} : {
+		scriptFormat: i,
+		resource: o
+	};
+	return e.moddle.create(`${n}:Script`, s);
+}
+function r(e, t, n) {
+	let r = e.moddle.create("bpmn:ExtensionElements", { values: n });
+	e.modeling.updateProperties(t, { extensionElements: r });
+}
+function i(e = 8, t) {
+	let n = "", r = t || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+	for (let t = e; t > 0; --t) n += r[Math.floor(Math.random() * r.length)];
+	return n;
+}
+var a = (e, t = "body") => e ? e.get(t) : null, o = (e, t, n = "body", r) => {
+	s(e, t, { [n]: r });
+}, s = ({ modeling: e }, t, n) => {
+	e.updateProperties(t, n);
+};
+//#endregion
+export { o as i, a as n, r, e as t };