@luftborn/custom-elements 2.15.0 → 2.15.2

package/src/framework/CustomInputElement.ts

@@ -36,6 +36,8 @@ export abstract class CustomInputElement extends HTMLElement {
 	public dateFormat: string;
 	public initialValue: any;
 
+	public hideLabel: boolean = false;
+
 	constructor() {
 		super();
 	}
@@ -136,6 +138,7 @@ export abstract class CustomInputElement extends HTMLElement {
 	private setAttributes(): void {
 		this.setAttribute("custom-input", "");
 		this.setAttribute("name", this.name);
+		this.hideLabel = this.hasAttribute('hide-label') || this.hasAttribute('hideLabel');
 	}
 
 	private bindDependencies(): void {
@@ -278,6 +281,14 @@ export abstract class CustomInputElement extends HTMLElement {
 	}
 
 	protected addLabel(inputField: HTMLInputElement | HTMLSelectElement): void {
+		if (this.hideLabel) {
+			const fieldLabel = this.shadowRoot.querySelector('.field-label');
+			if (fieldLabel) {
+				fieldLabel.remove();
+			}
+			return;
+		}
+
 		if (this.label) {
 			const randomId = Math.random().toString(36).substring(2, 15);
 			inputField.id = `text-field-${randomId}`;