formeo 5.0.3 → 5.1.0

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

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 5.0.2
+Version: 5.0.3
 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.0.3
 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.0.3";
 	type = "module";
 	main = "dist/formeo.cjs.js";
 	module$1 = "dist/formeo.es.js";
@@ -12779,6 +12779,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 +16251,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 +17796,7 @@ var defaults = { get editor() {
 		config: {},
 		events: {},
 		actions: {},
-		controls: {},
+		controls: { container: null },
 		i18n: { location: "https://draggable.github.io/formeo/assets/lang/" },
 		onLoad: () => {}
 	};
@@ -17834,7 +17837,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 +18034,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.0.3
 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.0.3";
 	type = "module";
 	main = "dist/formeo.cjs.js";
 	module$1 = "dist/formeo.es.js";
@@ -12778,6 +12778,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 +16250,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 +17795,7 @@ var defaults = { get editor() {
 		config: {},
 		events: {},
 		actions: {},
-		controls: {},
+		controls: { container: null },
 		i18n: { location: "https://draggable.github.io/formeo/assets/lang/" },
 		onLoad: () => {}
 	};
@@ -17833,7 +17836,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 +18033,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);