@luftborn/custom-elements 2.12.9 → 2.13.1

package/src/framework/CustomInputElement.ts

@@ -16,7 +16,7 @@ export abstract class CustomInputElement extends HTMLElement {
 	protected hasValueDependency: any;
 	protected noValueDependency: any;
 	protected dependencies: any[];
-	protected labelId: string;
+	protected label: string;
 
 	public onChange = new CustomElementEvent<CustomElementEventArgs>();
 	public onValidate = new CustomElementEvent<CustomElementEventArgs>();
@@ -105,7 +105,7 @@ export abstract class CustomInputElement extends HTMLElement {
 			this.customValue = data.value;
 			this.dateFormat = data.dateFormat;
 			this.initialValue = data.value;
-			this.labelId = data.labelId;
+			this.label = data.label;
 		} catch (ex) {
 			console.error(ex);
 		}
@@ -131,9 +131,6 @@ export abstract class CustomInputElement extends HTMLElement {
 				this.validate();
 			}
 		});
-		if (this.labelId) {
-			this.createLabelEventListener(this.labelId);
-		}
 	}
 
 	private setAttributes(): void {
@@ -240,19 +237,6 @@ export abstract class CustomInputElement extends HTMLElement {
 		}
 	}
 
-	private createLabelEventListener(labelId: string) {
-		let label = document.querySelector(`[id="${labelId}"]`);
-		if (label) {
-			label.addEventListener("click", () => {
-				// the input is that have aria-labelledby attribute equal to the this.labelId
-				let input = this.getChildElement(`[aria-labelledby="${labelId}"]`);
-				if (input) {
-					input.focus();
-				}
-			});
-		}
-	}
-
 	protected getChildInput(selector: string): HTMLInputElement {
 		let element: any = this;
 		if (this.shadowRoot) {