feat: new comprehensive options display #213

source/components/form/context-error.mjs

@@ -118,6 +118,8 @@ class ContextError extends Popper {
 			classes: {
 				button: "monster-theme-error-2",
 			},
+
+			display: "inline-block"
 		});
 	}
 

source/components/form/context-help.mjs

@@ -88,6 +88,7 @@ class ContextHelp extends Popper {
 				main: getTemplate(),
 			},
 			mode: "auto",
+			display: "inline-block"
 		});
 	}
 

source/dom/customelement.mjs

@@ -327,6 +327,7 @@ class CustomElement extends HTMLElement {
 	 * @property {Object} templates Specifies the templates used by the control.
 	 * @property {string} templates.main=undefined Specifies the main template used by the control.
 	 * @property {Object} templateMapping Specifies the mapping of templates.
+	 * @property {string} display=block Specifies the display mode of the control.
 	 * @since 1.8.0
 	 */
 	get defaults() {
@@ -338,6 +339,7 @@ class CustomElement extends HTMLElement {
 				main: undefined,
 			},
 			templateMapping: {},
+			display: "block"
 		};
 	}
 
@@ -595,6 +597,8 @@ class CustomElement extends HTMLElement {
 		let elements;
 		let nodeList;
 
+		this.style.setProperty("display", this.getOption("display"));
+
 		// Extract options from attributes and set them
 		const AttributeOptions = getOptionsFromAttributes.call(this);
 		if (