formeo 5.0.3 → 5.1.1

package/dist/demo/assets/js/form.min.js

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 5.0.2
+Version: 5.1.0
 Author: Draggable https://draggable.io
 */
 

package/dist/demo/assets/js/formeo.cjs.js

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 5.0.2
+Version: 5.1.0
 Author: Draggable https://draggable.io
 */
 
@@ -6061,7 +6061,7 @@ if (globalThis !== void 0) globalThis.SmartTooltip = SmartTooltip;
 var name$1, version$2, type, main, module$1, unpkg, exports$1, files, homepage, repository, author, contributors, bugs, description, keywords, ignore, config, scripts, devDependencies, dependencies, release, commitlint, package_default;
 var init_package = __esmMin((() => {
 	name$1 = "formeo";
-	version$2 = "5.0.2";
+	version$2 = "5.1.0";
 	type = "module";
 	main = "dist/formeo.cjs.js";
 	module$1 = "dist/formeo.es.js";
@@ -11981,7 +11981,7 @@ var init_helpers$2 = __esmMin((() => {
 }));
 //#endregion
 //#region src/lib/js/common/loaders.js
-var loaded, ajax, onLoadStylesheet, onLoadJavascript, insertScript, insertStyle, insertScripts, insertStyles, insertIcons, fetchIcons, LOADER_MAP, fetchDependencies, fetchFormeoStyle;
+var loaded, AJAX_TIMEOUT_MS, ajax, onLoadStylesheet, onLoadJavascript, insertScript, insertStyle, insertScripts, insertStyles, insertIcons, fetchIcons, LOADER_MAP, fetchDependencies, fetchFormeoStyle;
 var init_loaders = __esmMin((() => {
 	init_constants();
 	init_dom();
@@ -11991,12 +11991,14 @@ var init_loaders = __esmMin((() => {
 		css: /* @__PURE__ */ new Set(),
 		formeoSprite: null
 	};
-	ajax = (fileUrl, callback, onError = noop) => {
+	AJAX_TIMEOUT_MS = 1e4;
+	ajax = (fileUrl, callback, onError = noop, timeoutMs = AJAX_TIMEOUT_MS) => {
 		return new Promise((resolve) => {
-			return fetch(fileUrl).then((data) => {
+			const signal = typeof AbortSignal !== "undefined" && AbortSignal.timeout ? AbortSignal.timeout(timeoutMs) : void 0;
+			return fetch(fileUrl, signal ? { signal } : void 0).then((data) => {
 				if (!data.ok) return resolve(onError(data));
 				resolve(callback ? callback(data) : data);
-			}).catch((err) => onError(err));
+			}).catch((err) => resolve(onError(err)));
 		});
 	};
 	onLoadStylesheet = (elem, cb) => {
@@ -12779,6 +12781,9 @@ var init_dom = __esmMin((() => {
 		isDOMElement(variable) {
 			return variable instanceof window.Element || variable instanceof window.HTMLElement || !!(variable && typeof variable === "object" && variable.nodeType === 1 && typeof variable.nodeName === "string");
 		}
+		resolveContainer(container) {
+			return typeof container === "string" ? document.querySelector(container) : container;
+		}
 	};
 	dom = new DOM();
 }));
@@ -16248,7 +16253,7 @@ var init_controls = __esmMin((() => {
 		};
 		applyOptions = async (controlOptions = {}) => {
 			const { container, elements, groupOrder, ...options } = merge(defaultOptions, controlOptions);
-			this.container = container;
+			this.container = dom.resolveContainer(container);
 			this.groupOrder = unique(groupOrder.concat([
 				"common",
 				"html",
@@ -17793,7 +17798,7 @@ var defaults = { get editor() {
 		config: {},
 		events: {},
 		actions: {},
-		controls: {},
+		controls: { container: null },
 		i18n: { location: "https://draggable.github.io/formeo/assets/lang/" },
 		onLoad: () => {}
 	};
@@ -17834,7 +17839,7 @@ var FormeoEditor$1 = class {
 	*/
 	constructor({ formData, ...options }, userFormData) {
 		const { actions: actions$1, events: events$1, debug, config, editorContainer, ...opts } = merge(defaults.editor, options);
-		if (editorContainer) this.editorContainer = typeof editorContainer === "string" ? document.querySelector(editorContainer) : editorContainer;
+		if (editorContainer) this.editorContainer = dom.resolveContainer(editorContainer) || null;
 		this.opts = opts;
 		dom.setOptions = opts;
 		components.config = config;
@@ -18031,7 +18036,11 @@ var FormeoEditor$1 = class {
 			dom.dir = s.current.dir;
 		}
 		this.editor = dom.create(elemConfig);
-		(this.controls.container || this.editor).appendChild(this.controls.dom);
+		const controlsContainer = this.controls.container || this.editor;
+		if (controlsContainer) {
+			if (controlsContainer !== this.editor) dom.empty(controlsContainer);
+			controlsContainer.appendChild(this.controls.dom);
+		}
 		if (this.editorContainer) {
 			dom.empty(this.editorContainer);
 			this.editorContainer.appendChild(this.editor);

package/dist/demo/assets/js/formeo.es.js

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 5.0.2
+Version: 5.1.0
 Author: Draggable https://draggable.io
 */
 
@@ -6060,7 +6060,7 @@ if (globalThis !== void 0) globalThis.SmartTooltip = SmartTooltip;
 var name$1, version$2, type, main, module$1, unpkg, exports$1, files, homepage, repository, author, contributors, bugs, description, keywords, ignore, config, scripts, devDependencies, dependencies, release, commitlint, package_default;
 var init_package = __esmMin((() => {
 	name$1 = "formeo";
-	version$2 = "5.0.2";
+	version$2 = "5.1.0";
 	type = "module";
 	main = "dist/formeo.cjs.js";
 	module$1 = "dist/formeo.es.js";
@@ -11980,7 +11980,7 @@ var init_helpers$2 = __esmMin((() => {
 }));
 //#endregion
 //#region src/lib/js/common/loaders.js
-var loaded, ajax, onLoadStylesheet, onLoadJavascript, insertScript, insertStyle, insertScripts, insertStyles, insertIcons, fetchIcons, LOADER_MAP, fetchDependencies, fetchFormeoStyle;
+var loaded, AJAX_TIMEOUT_MS, ajax, onLoadStylesheet, onLoadJavascript, insertScript, insertStyle, insertScripts, insertStyles, insertIcons, fetchIcons, LOADER_MAP, fetchDependencies, fetchFormeoStyle;
 var init_loaders = __esmMin((() => {
 	init_constants();
 	init_dom();
@@ -11990,12 +11990,14 @@ var init_loaders = __esmMin((() => {
 		css: /* @__PURE__ */ new Set(),
 		formeoSprite: null
 	};
-	ajax = (fileUrl, callback, onError = noop) => {
+	AJAX_TIMEOUT_MS = 1e4;
+	ajax = (fileUrl, callback, onError = noop, timeoutMs = AJAX_TIMEOUT_MS) => {
 		return new Promise((resolve) => {
-			return fetch(fileUrl).then((data) => {
+			const signal = typeof AbortSignal !== "undefined" && AbortSignal.timeout ? AbortSignal.timeout(timeoutMs) : void 0;
+			return fetch(fileUrl, signal ? { signal } : void 0).then((data) => {
 				if (!data.ok) return resolve(onError(data));
 				resolve(callback ? callback(data) : data);
-			}).catch((err) => onError(err));
+			}).catch((err) => resolve(onError(err)));
 		});
 	};
 	onLoadStylesheet = (elem, cb) => {
@@ -12778,6 +12780,9 @@ var init_dom = __esmMin((() => {
 		isDOMElement(variable) {
 			return variable instanceof window.Element || variable instanceof window.HTMLElement || !!(variable && typeof variable === "object" && variable.nodeType === 1 && typeof variable.nodeName === "string");
 		}
+		resolveContainer(container) {
+			return typeof container === "string" ? document.querySelector(container) : container;
+		}
 	};
 	dom = new DOM();
 }));
@@ -16247,7 +16252,7 @@ var init_controls = __esmMin((() => {
 		};
 		applyOptions = async (controlOptions = {}) => {
 			const { container, elements, groupOrder, ...options } = merge(defaultOptions, controlOptions);
-			this.container = container;
+			this.container = dom.resolveContainer(container);
 			this.groupOrder = unique(groupOrder.concat([
 				"common",
 				"html",
@@ -17792,7 +17797,7 @@ var defaults = { get editor() {
 		config: {},
 		events: {},
 		actions: {},
-		controls: {},
+		controls: { container: null },
 		i18n: { location: "https://draggable.github.io/formeo/assets/lang/" },
 		onLoad: () => {}
 	};
@@ -17833,7 +17838,7 @@ var FormeoEditor$1 = class {
 	*/
 	constructor({ formData, ...options }, userFormData) {
 		const { actions: actions$1, events: events$1, debug, config, editorContainer, ...opts } = merge(defaults.editor, options);
-		if (editorContainer) this.editorContainer = typeof editorContainer === "string" ? document.querySelector(editorContainer) : editorContainer;
+		if (editorContainer) this.editorContainer = dom.resolveContainer(editorContainer) || null;
 		this.opts = opts;
 		dom.setOptions = opts;
 		components.config = config;
@@ -18030,7 +18035,11 @@ var FormeoEditor$1 = class {
 			dom.dir = s.current.dir;
 		}
 		this.editor = dom.create(elemConfig);
-		(this.controls.container || this.editor).appendChild(this.controls.dom);
+		const controlsContainer = this.controls.container || this.editor;
+		if (controlsContainer) {
+			if (controlsContainer !== this.editor) dom.empty(controlsContainer);
+			controlsContainer.appendChild(this.controls.dom);
+		}
 		if (this.editorContainer) {
 			dom.empty(this.editorContainer);
 			this.editorContainer.appendChild(this.editor);