${freezeWhen(
- !this.shouldShowDropdown,
- this.blockBraveAlias && this.isBraveAlias
+ !this.shouldShowDropdown(),
+ this.blockBraveAlias && this.isBraveAlias()
? html`
diff --git a/components/brave_account/resources/brave_account_email_input.ts b/components/brave_account/resources/brave_account_email_input.ts
index 267e9c837ed..370155fac02 100644
--- a/components/brave_account/resources/brave_account_email_input.ts
+++ b/components/brave_account/resources/brave_account_email_input.ts
@@ -54,7 +54,7 @@ export class BraveAccountEmailInputElement extends CrLitElement {
: ''
this.fire('email-input', {
email: this.email,
- isValid: this.isValid,
+ isValid: this.isValid(),
} satisfies EmailInputEventDetail)
}
@@ -63,14 +63,14 @@ export class BraveAccountEmailInputElement extends CrLitElement {
private accessor isFormatValid = false
protected accessor suggestion = ''
- protected get isBraveAlias(): boolean {
+ protected isBraveAlias(): boolean {
return this.isFormatValid && /@bravealias\.com$/i.test(this.email)
}
- protected get severity(): 'error' | 'warning' | '' {
+ protected severity(): 'error' | 'warning' | '' {
if (
(this.email.length !== 0 && !this.isFormatValid)
- || (this.blockBraveAlias && this.isBraveAlias)
+ || (this.blockBraveAlias && this.isBraveAlias())
) {
return 'error'
}
@@ -80,12 +80,12 @@ export class BraveAccountEmailInputElement extends CrLitElement {
return ''
}
- protected get shouldShowDropdown(): boolean {
- return (this.blockBraveAlias && this.isBraveAlias) || !!this.suggestion
+ protected shouldShowDropdown(): boolean {
+ return (this.blockBraveAlias && this.isBraveAlias()) || !!this.suggestion
}
- private get isValid(): boolean {
- return this.isFormatValid && (!this.blockBraveAlias || !this.isBraveAlias)
+ private isValid(): boolean {
+ return this.isFormatValid && (!this.blockBraveAlias || !this.isBraveAlias())
}
}
diff --git a/components/brave_account/resources/brave_account_password_icons.html.ts b/components/brave_account/resources/brave_account_password_icons.html.ts
index 358cec6d727..20d47dbfe3c 100644
--- a/components/brave_account/resources/brave_account_password_icons.html.ts
+++ b/components/brave_account/resources/brave_account_password_icons.html.ts
@@ -9,7 +9,7 @@ import { BraveAccountPasswordIconsElement } from './brave_account_password_icons
export function getHtml(this: BraveAccountPasswordIconsElement) {
return html`
- ${this.showCapsLock
+ ${this.showCapsLock()
? html`
$i18n{BRAVE_ACCOUNT_CAPS_LOCK_ON}
diff --git a/components/brave_account/resources/brave_account_password_icons.ts b/components/brave_account/resources/brave_account_password_icons.ts
index 97609d075da..54829e5d330 100644
--- a/components/brave_account/resources/brave_account_password_icons.ts
+++ b/components/brave_account/resources/brave_account_password_icons.ts
@@ -42,7 +42,7 @@ export class BraveAccountPasswordIconsElement extends CrLitElement {
}
}
- protected get showCapsLock(): boolean {
+ protected showCapsLock(): boolean {
return this.isCapsLockOn && this.isInputFocused && !this.isPasswordVisible
}
diff --git a/components/brave_account/resources/brave_account_password_input.html.ts b/components/brave_account/resources/brave_account_password_input.html.ts
index 67b5fea1811..d3ad0fb1fc7 100644
--- a/components/brave_account/resources/brave_account_password_input.html.ts
+++ b/components/brave_account/resources/brave_account_password_input.html.ts
@@ -26,7 +26,7 @@ export function getHtml(this: BraveAccountPasswordInputElement) {
@toggle-visibility=${this.onToggleVisibility}
>
-
+
${this.label}
@@ -38,7 +38,7 @@ export function getHtml(this: BraveAccountPasswordInputElement) {
>