formeo 5.0.3 → 5.1.1

package/dist/formeo.umd.js

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 5.0.2
+Version: 5.1.0
 Author: Draggable https://draggable.io
 */
 
@@ -6064,7 +6064,7 @@ Author: Draggable https://draggable.io
 	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";
@@ -11984,7 +11984,7 @@ Author: Draggable https://draggable.io
 	}));
 	//#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();
@@ -11994,12 +11994,14 @@ Author: Draggable https://draggable.io
 			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) => {
@@ -12782,6 +12784,9 @@ Author: Draggable https://draggable.io
 			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();
 	}));
@@ -16251,7 +16256,7 @@ Author: Draggable https://draggable.io
 			};
 			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",
@@ -17796,7 +17801,7 @@ Author: Draggable https://draggable.io
 			config: {},
 			events: {},
 			actions: {},
-			controls: {},
+			controls: { container: null },
 			i18n: { location: "https://draggable.github.io/formeo/assets/lang/" },
 			onLoad: () => {}
 		};
@@ -17837,7 +17842,7 @@ Author: Draggable https://draggable.io
 		*/
 		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;
@@ -18034,7 +18039,11 @@ Author: Draggable https://draggable.io
 				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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "formeo",
-  "version": "5.0.3",
+  "version": "5.1.1",
   "type": "module",
   "main": "dist/formeo.cjs.js",
   "module": "dist/formeo.es.js",