@everymatrix/user-login 1.56.0 → 1.56.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/cjs/{index-a6009b28.js → index-2eb404c0.js} +71 -208
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/user-login.cjs.entry.js +246 -346
  4. package/dist/cjs/user-login.cjs.js +2 -2
  5. package/dist/collection/collection-manifest.json +2 -2
  6. package/dist/collection/components/user-login/user-login.js +40 -127
  7. package/dist/collection/utils/locale.utils.js +156 -144
  8. package/dist/esm/{index-19313d5e.js → index-996f8854.js} +71 -208
  9. package/dist/esm/loader.js +2 -2
  10. package/dist/esm/user-login.entry.js +246 -346
  11. package/dist/esm/user-login.js +3 -3
  12. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.d.ts +2 -0
  13. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.dev.d.ts +2 -0
  14. package/dist/types/components/user-login/user-login.d.ts +1 -1
  15. package/dist/types/stencil-public-runtime.d.ts +0 -6
  16. package/dist/user-login/p-8cb697c3.js +2 -0
  17. package/dist/user-login/{p-49fced52.entry.js → p-ae8e5f4e.entry.js} +130 -132
  18. package/dist/user-login/user-login.esm.js +1 -1
  19. package/package.json +1 -1
  20. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.d.ts +0 -2
  21. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.dev.d.ts +0 -2
  22. package/dist/user-login/p-614af01b.js +0 -2
  23. /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/index.d.ts +0 -0
  24. /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
  25. /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
  26. /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
@@ -2,25 +2,26 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-a6009b28.js');
5
+ const index = require('./index-2eb404c0.js');
6
6
 
7
7
  const DEFAULT_LANGUAGE = 'en';
8
8
  const TRANSLATIONS = {
9
- en: {
10
- invalidField: 'This field is invalid',
11
- forgotPassword: 'Forgot Password',
12
- userEmail: 'Username or Email',
13
- userPhone: 'Phone number',
14
- userPrefix: 'Phone prefix',
15
- password: 'Password',
16
- login: 'Login',
17
- genericError: 'An unexpected error has occured',
18
- successMessage: 'Login successful',
19
- Forbidden_UserAccount_Blocked: 'Player account blocked',
20
- Unauthorized: 'The player account number, e-mail address or password is incorrect',
21
- CountryRestricted: 'Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support.'
9
+ "en": {
10
+ "invalidField": "This field is invalid",
11
+ "forgotPassword": "Forgot Password",
12
+ "userEmail": "Username or Email",
13
+ "userPhone": "Phone number",
14
+ "userPrefix": "Phone prefix",
15
+ "password": "Password",
16
+ "login": "Login",
17
+ "genericError": "An unexpected error has occured",
18
+ "successMessage": "Login successful",
19
+ "Forbidden_UserAccount_Blocked": "Player account blocked",
20
+ "setUpPassowrd": "You need to reset your password",
21
+ "Unauthorized": "The player account number, e-mail address or password is incorrect",
22
+ "CountryRestricted": "Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support."
22
23
  },
23
- tr: {
24
+ "tr": {
24
25
  "invalidField": "Bu alan geçersiz",
25
26
  "forgotPassword": "Şifremi Unuttum",
26
27
  "userEmail": "Kullanıcı Adı veya E-posta",
@@ -31,148 +32,159 @@ const TRANSLATIONS = {
31
32
  "genericError": "Beklenmeyen bir hata oluştu",
32
33
  "successMessage": "Giriş başarılı",
33
34
  "Forbidden_UserAccount_Blocked": "Oyuncu hesabı engellendi",
35
+ "setUpPassowrd": "Şifrenizi sıfırlamanız gerekiyor",
34
36
  "Unauthorized": "Oyuncu hesap numarası, e-posta adresi veya şifre hatalı",
35
37
  "CountryRestricted": "Kısıtlı bir yargı bölgesinden kayıt yapılamaz. Daha fazla sorunla karşılaşırsanız, lütfen destek ile iletişime geçin."
36
38
  },
37
- 'en-us': {
38
- invalidField: 'This field is invalid',
39
- forgotPassword: 'Forgot Password',
40
- userEmail: 'Username or Email',
41
- userPhone: 'Phone number',
42
- userPrefix: 'Phone prefix',
43
- password: 'Password',
44
- login: 'Login',
45
- genericError: 'An unexpected error has occured',
46
- successMessage: 'Login successful',
47
- Forbidden_UserAccount_Blocked: 'Player account blocked',
48
- Unauthorized: 'The player account number, e-mail address or password is incorrect',
49
- CountryRestricted: 'Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support.'
39
+ "en-us": {
40
+ "invalidField": "This field is invalid",
41
+ "forgotPassword": "Forgot Password",
42
+ "userEmail": "Username or Email",
43
+ "userPhone": "Phone number",
44
+ "userPrefix": "Phone prefix",
45
+ "password": "Password",
46
+ "login": "Login",
47
+ "genericError": "An unexpected error has occured",
48
+ "successMessage": "Login successful",
49
+ "Forbidden_UserAccount_Blocked": "Player account blocked",
50
+ "setUpPassowrd": "You need to reset your password",
51
+ "Unauthorized": "The player account number, e-mail address or password is incorrect",
52
+ "CountryRestricted": "Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support."
50
53
  },
51
- ro: {
52
- invalidField: "Acest câmp este invalid",
53
- forgotPassword: "Ați uitat parola",
54
- userEmail: "Nume utilizator sau email",
55
- userPhone: "Număr de telefon",
56
- userPrefix: "Prefix telefon",
57
- password: "Parolă",
58
- login: "Autentificare",
59
- genericError: "A apărut o eroare neașteptată",
60
- successMessage: "Autentificare reușită",
61
- Forbidden_UserAccount_Blocked: "Contul de jucător este blocat",
62
- Unauthorized: "Numărul contului de jucător, adresa de e-mail sau parola sunt incorecte",
63
- CountryRestricted: 'Înregistrarea nu este posibilă dintr-o jurisdicție restricționată. Dacă întâmpinați alte probleme, vă rugăm să contactați asistența.'
54
+ "ro": {
55
+ "invalidField": "Acest câmp este invalid",
56
+ "forgotPassword": "Ați uitat parola",
57
+ "userEmail": "Nume utilizator sau email",
58
+ "userPhone": "Număr de telefon",
59
+ "userPrefix": "Prefix telefon",
60
+ "password": "Parolă",
61
+ "login": "Autentificare",
62
+ "genericError": "A apărut o eroare neașteptată",
63
+ "successMessage": "Autentificare reușită",
64
+ "Forbidden_UserAccount_Blocked": "Contul de jucător este blocat",
65
+ "setUpPassowrd": "Trebuie resetați parola",
66
+ "Unauthorized": "Numărul contului de jucător, adresa de e-mail sau parola sunt incorecte",
67
+ "CountryRestricted": "Înregistrarea nu este posibilă dintr-o jurisdicție restricționată. Dacă întâmpinați alte probleme, vă rugăm să contactați asistența."
64
68
  },
65
- hr: {
66
- invalidField: 'Ovo polje je nevažeće',
67
- forgotPassword: 'Zaboravljena lozinka',
68
- userEmail: 'Korisničko ime ili email',
69
- userPhone: 'Broj telefona',
70
- userPrefix: 'Telefonski prefix',
71
- password: 'Lozinka',
72
- login: 'Prijava',
73
- genericError: 'Došlo je do neočekivane pogreške',
74
- successMessage: 'Prijava uspješna',
75
- Forbidden_UserAccount_Blocked: 'Vaš račun je blokiran',
76
- Unauthorized: 'Lozinka, e-mail adresa ili korisničko ime su pogrešno uneseni',
77
- CountryRestricted: 'Prijava nije moguća iz zemlje ograničene jurisdikcije. U slučaju daljnjih poteškoća, molimo kontaktirajte podršku.'
69
+ "hr": {
70
+ "invalidField": "Ovo polje je nevažeće",
71
+ "forgotPassword": "Zaboravljena lozinka",
72
+ "userEmail": "Korisničko ime ili email",
73
+ "userPhone": "Broj telefona",
74
+ "userPrefix": "Telefonski prefix",
75
+ "password": "Lozinka",
76
+ "login": "Prijava",
77
+ "genericError": "Došlo je do neočekivane pogreške",
78
+ "successMessage": "Prijava uspješna",
79
+ "setUpPassowrd": "Morate resetirati svoju lozinku",
80
+ "Forbidden_UserAccount_Blocked": "Vaš račun je blokiran",
81
+ "Unauthorized": "Lozinka, e-mail adresa ili korisničko ime su pogrešno uneseni",
82
+ "CountryRestricted": "Prijava nije moguća iz zemlje ograničene jurisdikcije. U slučaju daljnjih poteškoća, molimo kontaktirajte podršku."
78
83
  },
79
- fr: {
80
- invalidField: "Ce champ est invalide",
81
- forgotPassword: "Mot de passe oublié",
82
- userEmail: "Nom d'utilisateur ou email",
83
- userPhone: "Numéro de téléphone",
84
- userPrefix: "Préfixe téléphonique",
85
- password: "Mot de passe",
86
- login: "Connexion",
87
- genericError: "Une erreur inattendue est survenue",
88
- successMessage: "Connexion réussie",
89
- Forbidden_UserAccount_Blocked: "Compte joueur bloqué",
90
- Unauthorized: "Le numéro de compte joueur, l'adresse e-mail ou le mot de passe est incorrect",
91
- CountryRestricted: "L'inscription n'est pas possible depuis une juridiction restreinte. Si vous rencontrez d'autres problèmes, veuillez contacter le support."
84
+ "fr": {
85
+ "invalidField": "Ce champ est invalide",
86
+ "forgotPassword": "Mot de passe oublié",
87
+ "userEmail": "Nom d'utilisateur ou email",
88
+ "userPhone": "Numéro de téléphone",
89
+ "userPrefix": "Préfixe téléphonique",
90
+ "password": "Mot de passe",
91
+ "login": "Connexion",
92
+ "genericError": "Une erreur inattendue est survenue",
93
+ "successMessage": "Connexion réussie",
94
+ "Forbidden_UserAccount_Blocked": "Compte joueur bloqué",
95
+ "setUpPassowrd": "Vous devez réinitialiser votre mot de passe",
96
+ "Unauthorized": "Le numéro de compte joueur, l'adresse e-mail ou le mot de passe est incorrect",
97
+ "CountryRestricted": "L'inscription n'est pas possible depuis une juridiction restreinte. Si vous rencontrez d'autres problèmes, veuillez contacter le support."
92
98
  },
93
- cs: {
94
- invalidField: 'Ovo polje je nevažeće.',
95
- forgotPassword: 'Zaboravio sam lozinku ',
96
- userEmail: 'Korisničko ime ili email',
97
- userPhone: 'Telefonní číslo',
98
- userPrefix: 'Telefonní předvolba',
99
- password: 'Lozinka',
100
- login: 'Prijava',
101
- genericError: 'An unexpected error has occured',
102
- successMessage: 'Login successful',
103
- Forbidden_UserAccount_Blocked: 'Player account blocked',
104
- Unauthorized: 'Číslo účtu hráče, e-mailová adresa nebo heslo je nesprávné',
105
- CountryRestricted: 'Registrace není možná z omezené jurisdikce. Pokud narazíte na další potíže, kontaktujte prosím podporu.'
99
+ "cs": {
100
+ "invalidField": "Ovo polje je nevažeće.",
101
+ "forgotPassword": "Zaboravio sam lozinku ",
102
+ "userEmail": "Korisničko ime ili email",
103
+ "userPhone": "Telefonní číslo",
104
+ "userPrefix": "Telefonní předvolba",
105
+ "password": "Lozinka",
106
+ "login": "Prijava",
107
+ "genericError": "An unexpected error has occured",
108
+ "successMessage": "Login successful",
109
+ "Forbidden_UserAccount_Blocked": "Player account blocked",
110
+ "setUpPassowrd": "Musíte resetovat své heslo",
111
+ "Unauthorized": "Číslo účtu hráče, e-mailová adresa nebo heslo je nesprávné",
112
+ "CountryRestricted": "Registrace není možná z omezené jurisdikce. Pokud narazíte na další potíže, kontaktujte prosím podporu."
106
113
  },
107
- de: {
108
- invalidField: "Dieses Feld ist ungültig",
109
- forgotPassword: "Passwort vergessen",
110
- userEmail: "Benutzername oder E-Mail",
111
- userPhone: "Telefonnummer",
112
- userPrefix: "Telefonvorwahl",
113
- password: "Passwort",
114
- login: "Anmelden",
115
- genericError: "Ein unerwarteter Fehler ist aufgetreten",
116
- successMessage: "Erfolgreich angemeldet",
117
- Forbidden_UserAccount_Blocked: "Spielerkonto gesperrt",
118
- Unauthorized: "Die Spieler-Kontonummer, E-Mail-Adresse oder das Passwort ist falsch",
119
- CountryRestricted: 'Eine Registrierung ist aus einer eingeschränkten Gerichtsbarkeit nicht möglich. Wenn Sie weitere Probleme haben, wenden Sie sich bitte an den Support.'
114
+ "de": {
115
+ "invalidField": "Dieses Feld ist ungültig",
116
+ "forgotPassword": "Passwort vergessen",
117
+ "userEmail": "Benutzername oder E-Mail",
118
+ "userPhone": "Telefonnummer",
119
+ "userPrefix": "Telefonvorwahl",
120
+ "password": "Passwort",
121
+ "login": "Anmelden",
122
+ "genericError": "Ein unerwarteter Fehler ist aufgetreten",
123
+ "successMessage": "Erfolgreich angemeldet",
124
+ "Forbidden_UserAccount_Blocked": "Spielerkonto gesperrt",
125
+ "setUpPassowrd": "Sie müssen Ihr Passwort zurücksetzen",
126
+ "Unauthorized": "Die Spieler-Kontonummer, E-Mail-Adresse oder das Passwort ist falsch",
127
+ "CountryRestricted": "Eine Registrierung ist aus einer eingeschränkten Gerichtsbarkeit nicht möglich. Wenn Sie weitere Probleme haben, wenden Sie sich bitte an den Support."
120
128
  },
121
- 'pt-br': {
122
- invalidField: "Este campo é inválido",
123
- forgotPassword: "Esqueceu a senha",
124
- userEmail: "Nome de usuário ou e-mail",
125
- userPhone: "Número de telefone",
126
- userPrefix: "Prefixo de telefone",
127
- password: "Senha",
128
- login: "Login",
129
- genericError: "Ocorreu um erro inesperado",
130
- successMessage: "Login bem-sucedido",
131
- Forbidden_UserAccount_Blocked: "Conta de jogador bloqueada",
132
- Unauthorized: "O número da conta de jogador, o endereço de e-mail ou a senha estão incorretos",
133
- CountryRestricted: 'O registro não é possível a partir de uma jurisdição restrita. Caso encontre outros problemas, entre em contato com o suporte.'
129
+ "pt-br": {
130
+ "invalidField": "Este campo é inválido",
131
+ "forgotPassword": "Esqueceu a senha",
132
+ "userEmail": "Nome de usuário ou e-mail",
133
+ "userPhone": "Número de telefone",
134
+ "userPrefix": "Prefixo de telefone",
135
+ "password": "Senha",
136
+ "login": "Login",
137
+ "genericError": "Ocorreu um erro inesperado",
138
+ "successMessage": "Login bem-sucedido",
139
+ "Forbidden_UserAccount_Blocked": "Conta de jogador bloqueada",
140
+ "setUpPassowrd": "Você precisa redefinir sua senha",
141
+ "Unauthorized": "O número da conta de jogador, o endereço de e-mail ou a senha estão incorretos",
142
+ "CountryRestricted": "O registro não é possível a partir de uma jurisdição restrita. Caso encontre outros problemas, entre em contato com o suporte."
134
143
  },
135
- 'es-mx': {
136
- invalidField: "Este campo es inválido",
137
- forgotPassword: "Olvidé la contraseña",
138
- userEmail: "Nombre de usuario o correo electrónico",
139
- userPhone: "Número de teléfono",
140
- userPrefix: "Prefijo telefónico",
141
- password: "Contraseña",
142
- login: "Iniciar sesión",
143
- genericError: "Ocurrió un error inesperado",
144
- successMessage: "Inicio de sesión exitoso",
145
- Forbidden_UserAccount_Blocked: "Cuenta de jugador bloqueada",
146
- Unauthorized: "El número de cuenta de jugador, la dirección de correo electrónico o la contraseña son incorrectos",
147
- CountryRestricted: 'El registro no es posible desde una jurisdicción restringida. Si encuentra más problemas, por favor contacte al soporte.'
144
+ "es-mx": {
145
+ "invalidField": "Este campo es inválido",
146
+ "forgotPassword": "Olvidé la contraseña",
147
+ "userEmail": "Nombre de usuario o correo electrónico",
148
+ "userPhone": "Número de teléfono",
149
+ "userPrefix": "Prefijo telefónico",
150
+ "password": "Contraseña",
151
+ "login": "Iniciar sesión",
152
+ "genericError": "Ocurrió un error inesperado",
153
+ "successMessage": "Inicio de sesión exitoso",
154
+ "Forbidden_UserAccount_Blocked": "Cuenta de jugador bloqueada",
155
+ "setUpPassowrd": "Necesitas restablecer tu contraseña",
156
+ "Unauthorized": "El número de cuenta de jugador, la dirección de correo electrónico o la contraseña son incorrectos",
157
+ "CountryRestricted": "El registro no es posible desde una jurisdicción restringida. Si encuentra más problemas, por favor contacte al soporte."
148
158
  },
149
- es: {
150
- invalidField: 'Este campo no es válido',
151
- forgotPassword: 'Olvidé mi contraseña',
152
- userEmail: 'Nombre de usuario o correo electrónico',
153
- userPhone: 'Número de teléfono',
154
- userPrefix: 'Prefijo de teléfono',
155
- password: 'Contraseña',
156
- login: 'Iniciar sesión',
157
- genericError: 'Se ha producido un error inesperado',
158
- successMessage: 'Inicio de sesión exitoso',
159
- Forbidden_UserAccount_Blocked: 'Cuenta de jugador bloqueada',
160
- Unauthorized: 'El número de cuenta, correo electrónico o contraseña es incorrecto',
161
- CountryRestricted: 'No es posible registrarse desde una jurisdicción restringida. Si encuentra más problemas, comuníquese con el soporte.'
159
+ "es": {
160
+ "invalidField": "Este campo no es válido",
161
+ "forgotPassword": "Olvidé mi contraseña",
162
+ "userEmail": "Nombre de usuario o correo electrónico",
163
+ "userPhone": "Número de teléfono",
164
+ "userPrefix": "Prefijo de teléfono",
165
+ "password": "Contraseña",
166
+ "login": "Iniciar sesión",
167
+ "genericError": "Se ha producido un error inesperado",
168
+ "successMessage": "Inicio de sesión exitoso",
169
+ "Forbidden_UserAccount_Blocked": "Cuenta de jugador bloqueada",
170
+ "setUpPassowrd": "Necesitas restablecer tu contraseña",
171
+ "Unauthorized": "El número de cuenta, correo electrónico o contraseña es incorrecto",
172
+ "CountryRestricted": "No es posible registrarse desde una jurisdicción restringida. Si encuentra más problemas, comuníquese con el soporte."
162
173
  },
163
- pt: {
164
- invalidField: 'Este campo é inválido',
165
- forgotPassword: 'Esqueceu a senha',
166
- userEmail: 'Nome de usuário ou email',
167
- userPhone: 'Número de telefone',
168
- userPrefix: 'Prefixo de telefone',
169
- password: 'Senha',
170
- login: 'Entrar',
171
- genericError: 'Ocorreu um erro inesperado',
172
- successMessage: 'Login realizado com sucesso',
173
- Forbidden_UserAccount_Blocked: 'Conta de jogador bloqueada',
174
- Unauthorized: 'O número da conta, e-mail ou senha está incorreto',
175
- CountryRestricted: 'Não é possível se registrar de uma jurisdição restrita. Se encontrar mais problemas, entre em contato com o suporte.'
174
+ "pt": {
175
+ "invalidField": "Este campo é inválido",
176
+ "forgotPassword": "Esqueceu a senha",
177
+ "userEmail": "Nome de usuário ou email",
178
+ "userPhone": "Número de telefone",
179
+ "userPrefix": "Prefixo de telefone",
180
+ "password": "Senha",
181
+ "login": "Entrar",
182
+ "genericError": "Ocorreu um erro inesperado",
183
+ "successMessage": "Login realizado com sucesso",
184
+ "Forbidden_UserAccount_Blocked": "Conta de jogador bloqueada",
185
+ "setUpPassowrd": "Você precisa redefinir a sua senha",
186
+ "Unauthorized": "O número da conta, e-mail ou senha está incorreto",
187
+ "CountryRestricted": "Não é possível se registrar de uma jurisdição restrita. Se encontrar mais problemas, entre em contato com o suporte."
176
188
  }
177
189
  };
178
190
  const getTranslations = (url) => {
@@ -267,55 +279,13 @@ function setStreamStyling(stylingContainer, domain, subscription) {
267
279
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
268
280
  */
269
281
 
270
- window.Vaadin ||= {};
271
- window.Vaadin.featureFlags ||= {};
272
-
273
- function dashToCamelCase$1(dash) {
274
- return dash.replace(/-[a-z]/gu, (m) => m[1].toUpperCase());
275
- }
276
-
277
- const experimentalMap = {};
278
-
279
- function defineCustomElement(CustomElement, version = '24.6.5') {
282
+ function defineCustomElement(CustomElement, version = '24.5.10') {
280
283
  Object.defineProperty(CustomElement, 'version', {
281
284
  get() {
282
285
  return version;
283
286
  },
284
287
  });
285
288
 
286
- if (CustomElement.experimental) {
287
- const featureFlagKey =
288
- typeof CustomElement.experimental === 'string'
289
- ? CustomElement.experimental
290
- : `${dashToCamelCase$1(CustomElement.is.split('-').slice(1).join('-'))}Component`;
291
-
292
- if (!window.Vaadin.featureFlags[featureFlagKey] && !experimentalMap[featureFlagKey]) {
293
- // Add setter to define experimental component when it's set to true
294
- experimentalMap[featureFlagKey] = new Set();
295
- experimentalMap[featureFlagKey].add(CustomElement);
296
-
297
- Object.defineProperty(window.Vaadin.featureFlags, featureFlagKey, {
298
- get() {
299
- return experimentalMap[featureFlagKey].size === 0;
300
- },
301
- set(value) {
302
- if (!!value && experimentalMap[featureFlagKey].size > 0) {
303
- experimentalMap[featureFlagKey].forEach((elementClass) => {
304
- customElements.define(elementClass.is, elementClass);
305
- });
306
- experimentalMap[featureFlagKey].clear();
307
- }
308
- },
309
- });
310
-
311
- return;
312
- } else if (experimentalMap[featureFlagKey]) {
313
- // Allow to register multiple components with single flag
314
- experimentalMap[featureFlagKey].add(CustomElement);
315
- return;
316
- }
317
- }
318
-
319
289
  const defined = customElements.get(CustomElement.is);
320
290
  if (!defined) {
321
291
  customElements.define(CustomElement.is, CustomElement);
@@ -1212,7 +1182,7 @@ addLumoGlobalStyles('style-props', style);
1212
1182
  const fontIcons = i$3`
1213
1183
  @font-face {
1214
1184
  font-family: 'lumo-icons';
1215
- src: url(data:application/font-woff;charset=utf-8;base64,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)
1185
+ src: url(data:application/font-woff;charset=utf-8;base64,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)
1216
1186
  format('woff');
1217
1187
  font-weight: normal;
1218
1188
  font-style: normal;
@@ -1242,27 +1212,25 @@ const fontIcons = i$3`
1242
1212
  --lumo-icons-cog: '\\ea15';
1243
1213
  --lumo-icons-cross: '\\ea16';
1244
1214
  --lumo-icons-download: '\\ea17';
1245
- --lumo-icons-drag-handle: '\\ea18';
1246
- --lumo-icons-dropdown: '\\ea19';
1247
- --lumo-icons-edit: '\\ea1a';
1248
- --lumo-icons-error: '\\ea1b';
1249
- --lumo-icons-eye: '\\ea1c';
1250
- --lumo-icons-eye-disabled: '\\ea1d';
1251
- --lumo-icons-menu: '\\ea1e';
1252
- --lumo-icons-minus: '\\ea1f';
1253
- --lumo-icons-ordered-list: '\\ea20';
1254
- --lumo-icons-phone: '\\ea21';
1255
- --lumo-icons-photo: '\\ea22';
1256
- --lumo-icons-play: '\\ea23';
1257
- --lumo-icons-plus: '\\ea24';
1258
- --lumo-icons-redo: '\\ea25';
1259
- --lumo-icons-reload: '\\ea26';
1260
- --lumo-icons-resize-handle: '\\ea27';
1261
- --lumo-icons-search: '\\ea28';
1262
- --lumo-icons-undo: '\\ea29';
1263
- --lumo-icons-unordered-list: '\\ea2a';
1264
- --lumo-icons-upload: '\\ea2b';
1265
- --lumo-icons-user: '\\ea2c';
1215
+ --lumo-icons-dropdown: '\\ea18';
1216
+ --lumo-icons-edit: '\\ea19';
1217
+ --lumo-icons-error: '\\ea1a';
1218
+ --lumo-icons-eye: '\\ea1b';
1219
+ --lumo-icons-eye-disabled: '\\ea1c';
1220
+ --lumo-icons-menu: '\\ea1d';
1221
+ --lumo-icons-minus: '\\ea1e';
1222
+ --lumo-icons-ordered-list: '\\ea1f';
1223
+ --lumo-icons-phone: '\\ea20';
1224
+ --lumo-icons-photo: '\\ea21';
1225
+ --lumo-icons-play: '\\ea22';
1226
+ --lumo-icons-plus: '\\ea23';
1227
+ --lumo-icons-redo: '\\ea24';
1228
+ --lumo-icons-reload: '\\ea25';
1229
+ --lumo-icons-search: '\\ea26';
1230
+ --lumo-icons-undo: '\\ea27';
1231
+ --lumo-icons-unordered-list: '\\ea28';
1232
+ --lumo-icons-upload: '\\ea29';
1233
+ --lumo-icons-user: '\\ea2a';
1266
1234
  }
1267
1235
  `;
1268
1236
 
@@ -11036,7 +11004,6 @@ const OverlayMixin = (superClass) =>
11036
11004
  notify: true,
11037
11005
  observer: '_openedChanged',
11038
11006
  reflectToAttribute: true,
11039
- sync: true,
11040
11007
  },
11041
11008
 
11042
11009
  /**
@@ -11045,7 +11012,6 @@ const OverlayMixin = (superClass) =>
11045
11012
  */
11046
11013
  owner: {
11047
11014
  type: Object,
11048
- sync: true,
11049
11015
  },
11050
11016
 
11051
11017
  /**
@@ -11053,7 +11019,6 @@ const OverlayMixin = (superClass) =>
11053
11019
  */
11054
11020
  model: {
11055
11021
  type: Object,
11056
- sync: true,
11057
11022
  },
11058
11023
 
11059
11024
  /**
@@ -11067,7 +11032,6 @@ const OverlayMixin = (superClass) =>
11067
11032
  */
11068
11033
  renderer: {
11069
11034
  type: Object,
11070
- sync: true,
11071
11035
  },
11072
11036
 
11073
11037
  /**
@@ -11080,7 +11044,6 @@ const OverlayMixin = (superClass) =>
11080
11044
  value: false,
11081
11045
  reflectToAttribute: true,
11082
11046
  observer: '_modelessChanged',
11083
- sync: true,
11084
11047
  },
11085
11048
 
11086
11049
  /**
@@ -11092,7 +11055,6 @@ const OverlayMixin = (superClass) =>
11092
11055
  type: Boolean,
11093
11056
  reflectToAttribute: true,
11094
11057
  observer: '_hiddenChanged',
11095
- sync: true,
11096
11058
  },
11097
11059
 
11098
11060
  /**
@@ -11103,7 +11065,6 @@ const OverlayMixin = (superClass) =>
11103
11065
  type: Boolean,
11104
11066
  value: false,
11105
11067
  reflectToAttribute: true,
11106
- sync: true,
11107
11068
  },
11108
11069
  };
11109
11070
  }
@@ -16171,7 +16132,6 @@ const DisabledMixin = dedupingMixin(
16171
16132
  value: false,
16172
16133
  observer: '_disabledChanged',
16173
16134
  reflectToAttribute: true,
16174
- sync: true,
16175
16135
  },
16176
16136
  };
16177
16137
  }
@@ -16794,8 +16754,6 @@ const InputMixin = dedupingMixin(
16794
16754
  if (this.inputElement) {
16795
16755
  this.inputElement[this._inputElementValueProperty] = value;
16796
16756
  }
16797
-
16798
- this._hasInputValue = value && value.length > 0;
16799
16757
  }
16800
16758
 
16801
16759
  /**
@@ -17999,22 +17957,6 @@ const ValidateMixin = dedupingMixin(
17999
17957
  value: false,
18000
17958
  },
18001
17959
 
18002
- /**
18003
- * Set to true to enable manual validation mode. This mode disables automatic
18004
- * constraint validation, allowing you to control the validation process yourself.
18005
- * You can still trigger constraint validation manually with the `validate()` method
18006
- * or use `checkValidity()` to assess the component's validity without affecting
18007
- * the invalid state. In manual validation mode, you can also manipulate
18008
- * the `invalid` property directly through your application logic without conflicts
18009
- * with the component's internal validation.
18010
- *
18011
- * @attr {boolean} manual-validation
18012
- */
18013
- manualValidation: {
18014
- type: Boolean,
18015
- value: false,
18016
- },
18017
-
18018
17960
  /**
18019
17961
  * Specifies that the user must fill in a value.
18020
17962
  */
@@ -18069,14 +18011,6 @@ const ValidateMixin = dedupingMixin(
18069
18011
  return true;
18070
18012
  }
18071
18013
 
18072
- /** @protected */
18073
- _requestValidation() {
18074
- if (!this.manualValidation) {
18075
- // eslint-disable-next-line no-restricted-syntax
18076
- this.validate();
18077
- }
18078
- }
18079
-
18080
18014
  /**
18081
18015
  * Fired whenever the field is validated.
18082
18016
  *
@@ -18506,8 +18440,8 @@ const InputConstraintsMixin = dedupingMixin(
18506
18440
  const isLastConstraintRemoved = this.__previousHasConstraints && !hasConstraints;
18507
18441
 
18508
18442
  if ((this._hasValue || this.invalid) && hasConstraints) {
18509
- this._requestValidation();
18510
- } else if (isLastConstraintRemoved && !this.manualValidation) {
18443
+ this.validate();
18444
+ } else if (isLastConstraintRemoved) {
18511
18445
  this._setInvalid(false);
18512
18446
  }
18513
18447
 
@@ -18525,7 +18459,7 @@ const InputConstraintsMixin = dedupingMixin(
18525
18459
  _onChange(event) {
18526
18460
  event.stopPropagation();
18527
18461
 
18528
- this._requestValidation();
18462
+ this.validate();
18529
18463
 
18530
18464
  this.dispatchEvent(
18531
18465
  new CustomEvent('change', {
@@ -18668,6 +18602,30 @@ const InputControlMixin = (superclass) =>
18668
18602
  }
18669
18603
  }
18670
18604
 
18605
+ /**
18606
+ * Override an event listener inherited from `InputMixin`
18607
+ * to capture native `change` event and make sure that
18608
+ * a new one is dispatched after validation runs.
18609
+ * @param {Event} event
18610
+ * @protected
18611
+ * @override
18612
+ */
18613
+ _onChange(event) {
18614
+ event.stopPropagation();
18615
+
18616
+ this.validate();
18617
+
18618
+ this.dispatchEvent(
18619
+ new CustomEvent('change', {
18620
+ detail: {
18621
+ sourceEvent: event,
18622
+ },
18623
+ bubbles: event.bubbles,
18624
+ cancelable: event.cancelable,
18625
+ }),
18626
+ );
18627
+ }
18628
+
18671
18629
  /**
18672
18630
  * Override a method from `InputMixin`.
18673
18631
  * @param {!HTMLElement} input
@@ -20611,7 +20569,6 @@ const ComboBoxMixin = (subclass) =>
20611
20569
  /**
20612
20570
  * Override LitElement lifecycle callback to handle filter property change.
20613
20571
  * @param {Object} props
20614
- * @protected
20615
20572
  */
20616
20573
  updated(props) {
20617
20574
  super.updated(props);
@@ -21333,7 +21290,7 @@ const ComboBoxMixin = (subclass) =>
21333
21290
  // Do not validate when focusout is caused by document
21334
21291
  // losing focus, which happens on browser tab switch.
21335
21292
  if (document.hasFocus()) {
21336
- this._requestValidation();
21293
+ this.validate();
21337
21294
  }
21338
21295
 
21339
21296
  if (this.value !== this._lastCommittedValue) {
@@ -21881,94 +21838,6 @@ const UserLoginStyle0 = userLoginCss;
21881
21838
  const UserLogin = class {
21882
21839
  constructor(hostRef) {
21883
21840
  index.registerInstance(this, hostRef);
21884
- /**
21885
- * API endpoint URL for login requests
21886
- */
21887
- this.endpoint = '';
21888
- /**
21889
- * Language code for translations (default is 'en')
21890
- */
21891
- this.lang = 'en';
21892
- /**
21893
- * Inline CSS styling provided by the client
21894
- */
21895
- this.clientStyling = '';
21896
- /**
21897
- * URL to load additional CSS styling
21898
- */
21899
- this.clientStylingUrl = '';
21900
- /**
21901
- * URL for fetching translations
21902
- */
21903
- this.translationUrl = '';
21904
- /**
21905
- * Flag indicating whether the password reset feature is enabled
21906
- */
21907
- this.passwordReset = 'false';
21908
- /**
21909
- * Regex options for user email validation
21910
- */
21911
- this.userEmailRegexOptions = 'i';
21912
- /**
21913
- * User phone regex options
21914
- */
21915
- this.userPhoneRegexOptions = '';
21916
- /**
21917
- * Regex options for password validation
21918
- */
21919
- this.passwordRegexOptions = '';
21920
- /**
21921
- * Flag to determine if the component uses version 2 of the API
21922
- */
21923
- this.version = 'gm16';
21924
- /**
21925
- * If set to true, login will be done by phone number, else by username/email
21926
- */
21927
- this.loginByPhoneNumber = 'false';
21928
- /**
21929
- * User email or username entered in the form
21930
- */
21931
- this.userNameEmail = '';
21932
- /**
21933
- * Password entered in the form
21934
- */
21935
- this.userPassword = '';
21936
- /**
21937
- * Flag to indicate whether the entered email is valid
21938
- */
21939
- this.isValidUserEmail = true;
21940
- /**
21941
- * User phone entered in the form
21942
- */
21943
- this.userPhone = '';
21944
- /**
21945
- * User prefix entered in the form
21946
- */
21947
- this.userPrefix = '';
21948
- /**
21949
- * Flag to indicate whether the entered password is valid
21950
- */
21951
- this.isValidPassword = true;
21952
- /**
21953
- * Flag to indicate whether the entered phone is valid
21954
- */
21955
- this.isValidUserPhone = true;
21956
- /**
21957
- * Toggles visibility of the password field
21958
- */
21959
- this.isPasswordVisible = false;
21960
- /**
21961
- * Stores error message from the API
21962
- */
21963
- this.errorMessage = '';
21964
- /**
21965
- * Indicates whether an error has occurred
21966
- */
21967
- this.hasError = false;
21968
- /**
21969
- * Boolean for preventing user for clicking multiple times the login button
21970
- */
21971
- this.isLoginLoading = false;
21972
21841
  this.errorCode = '';
21973
21842
  /**
21974
21843
  * Fetch phone prefixes from the API
@@ -22102,7 +21971,11 @@ const UserLogin = class {
22102
21971
  window.postMessage({ type: 'PlayerActions', gmversion: 'gm16' }, window.location.href);
22103
21972
  }
22104
21973
  if ((data === null || data === void 0 ? void 0 : data.hasToSetPass) === true) {
21974
+ this.hasError = true;
21975
+ this.errorMessage = translate$1(`setUpPassowrd`, this.lang);
21976
+ this.sendErrorNotification(translate$1(`setUpPassowrd`, this.lang));
22105
21977
  window.postMessage({ type: 'HasToSetPass' }, window.location.href);
21978
+ return;
22106
21979
  }
22107
21980
  if (data.sessionId) {
22108
21981
  window.postMessage({ type: 'UserSessionID', session: data.sessionId, userid: data.userId }, window.location.href);
@@ -22212,6 +22085,33 @@ const UserLogin = class {
22212
22085
  this.resetPassword = () => {
22213
22086
  window.postMessage({ type: "NavForgotPassword" }, window.location.href);
22214
22087
  };
22088
+ this.endpoint = '';
22089
+ this.lang = 'en';
22090
+ this.clientStyling = '';
22091
+ this.clientStylingUrl = '';
22092
+ this.translationUrl = '';
22093
+ this.passwordReset = 'false';
22094
+ this.userEmailRegex = undefined;
22095
+ this.userEmailRegexOptions = 'i';
22096
+ this.userPhoneRegex = undefined;
22097
+ this.userPhoneRegexOptions = '';
22098
+ this.passwordRegex = undefined;
22099
+ this.passwordRegexOptions = '';
22100
+ this.version = 'gm16';
22101
+ this.loginByPhoneNumber = 'false';
22102
+ this.userNameEmail = '';
22103
+ this.userPassword = '';
22104
+ this.isValidUserEmail = true;
22105
+ this.userPhone = '';
22106
+ this.userPrefix = '';
22107
+ this.isValidPassword = true;
22108
+ this.isValidUserPhone = true;
22109
+ this.isPasswordVisible = false;
22110
+ this.errorMessage = '';
22111
+ this.hasError = false;
22112
+ this.userPrefixOptions = undefined;
22113
+ this.isLoginLoading = false;
22114
+ this.mbSource = undefined;
22215
22115
  }
22216
22116
  /**
22217
22117
  * Watch for changes in the translation URL and fetch new translations
@@ -22320,20 +22220,20 @@ const UserLogin = class {
22320
22220
  * Render function
22321
22221
  */
22322
22222
  render() {
22323
- let visibilityIcon = index.h("span", { key: '71afd6ceaadffb85628b778461b29de0902828ea', class: "InputIcon" }, this.isPasswordVisible &&
22324
- index.h("svg", { key: '6a225b596b01f40e27905815fd0d9ffba26cfdf0', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, index.h("g", { key: 'c9a519cf32a8091f4c300a772d29962a082830a2', transform: "translate(-110.856 -23.242)" }, index.h("circle", { key: '66e1c978ceeb22f0e253043299afad694e81ad63', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), index.h("g", { key: '119088e31332f37b4a5e7dc217076865367f3f0f', transform: "translate(117.499 27.37)" }, index.h("path", { key: '3c681ad519dd9c44a76d9a7492defa6090b10de2', class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), index.h("path", { key: '848eec923e9836a2afdb22c10e31880722303872', class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), index.h("g", { key: '9e4cba160d9616ebf07bafd444f75a88ce206727', transform: "translate(110.856 24.899)" }, index.h("path", { key: '5e10308f7dfb63ebcd9cc79a889bd294d350cc70', class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), index.h("path", { key: '8edfb9e3cd9a5311ff6110d8b3ee259b3b147948', class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), index.h("rect", { key: '49043741301adab184dc1d59991ef3b27b0ccf06', class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" }))), !this.isPasswordVisible &&
22325
- index.h("svg", { key: 'd2d81b2e62b82d727f3cf213e8648b1234756d24', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, index.h("g", { key: 'c339af52be1114881a0b86c5cc123f7416cf93fc', transform: "translate(-14.185 -27.832)" }, index.h("path", { key: 'd2943c5428f9b1c614456174a9a61e2218a976c9', class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), index.h("circle", { key: '1eb8d4910f1e4cf0ef54c2c7e90c9c3682931c9c', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
22326
- let userIdentification = index.h("div", { key: '143c5be0c352d46e26842a815ed6a973121fd3f9', class: "FormBox" }, index.h("div", { key: '33f8723225e7d92f9be23787dc7ac596e68ef179', class: "FormValue" }, this.loginByPhoneNumber === 'true'
22223
+ let visibilityIcon = index.h("span", { key: '8faa0976496b69519a0197f7091d0236fa8fd730', class: "InputIcon" }, this.isPasswordVisible &&
22224
+ index.h("svg", { key: '09bdd37ae2a2f3f66d642d665dd665ad63de447e', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, index.h("g", { key: 'f7e3c9b5065fde29b80d16f73333f152bd15a66e', transform: "translate(-110.856 -23.242)" }, index.h("circle", { key: '9ecc3218d6cf3873c69b215f670121fab31e1aec', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), index.h("g", { key: 'd57cbfb0ff90a839297c0e018602c25350cdd5b4', transform: "translate(117.499 27.37)" }, index.h("path", { key: '2c8992bc61850da7aad512762db6e10e6a4bfc17', class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), index.h("path", { key: 'b2696439c6cdaeacc4db04fc599f454692b6b9d4', class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), index.h("g", { key: 'e83a07b29f3559f536f8792a07add684974279cb', transform: "translate(110.856 24.899)" }, index.h("path", { key: 'ac216185b12b7dbf505c0d4c679a2b44c76c8a00', class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), index.h("path", { key: '9985a70080cc4d4b3089a2c7315f506f2f8a32bc', class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), index.h("rect", { key: 'e02cc8f65db8593a3b08d618a623f76a3da81ce1', class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" }))), !this.isPasswordVisible &&
22225
+ index.h("svg", { key: '43c407d82e8bdcea2cfb3a43bfda2c98e5804436', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, index.h("g", { key: '6405d54694b21612833f9d1d22d66d60f2d9d871', transform: "translate(-14.185 -27.832)" }, index.h("path", { key: '2ed25088274ee5f42893872a568531515fb2e307', class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), index.h("circle", { key: '55db780da0e461d20f3feae2723a982ad705823c', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
22226
+ let userIdentification = index.h("div", { key: '7dabe085c16690665908703468baac7e60888e9f', class: "FormBox" }, index.h("div", { key: '701c9d1f0297e53d8204bd8f7e75450bd601bd6e', class: "FormValue" }, this.loginByPhoneNumber === 'true'
22327
22227
  ? index.h("div", { class: (!this.isValidUserPhone || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox ' }, index.h("div", { class: "PhoneInputBox" }, index.h("div", { class: "PrefixBox" }, index.h("vaadin-combo-box", { items: this.userPrefixOptions, value: this.userPrefix, onChange: this.handleInputChangePartial('prefix') }), index.h("label", { class: (this.userPrefix ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone || this.hasError ? 'FieldInvalid' : '') }, translate$1('userPrefix', this.lang))), index.h("div", { class: "PhoneBox" }, index.h("input", { type: "text", placeholder: '', value: this.userPhone, onFocus: this.handleInputChangePartial('phone'), onInput: this.handleInputChangePartial('phone'), autocapitalize: "none", required: true }), index.h("label", { class: (this.userPhone ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone || this.hasError ? 'FieldInvalid' : '') }, translate$1('userPhone', this.lang)))), !this.isValidUserPhone &&
22328
22228
  index.h("p", { class: "InvalidField" }, translate$1('invalidField', this.lang)))
22329
22229
  : index.h("div", { class: (!this.isValidUserEmail || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, index.h("input", { type: "text", placeholder: '', value: this.userNameEmail, onFocus: this.handleInputChangePartial('user'), onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), index.h("label", { class: (this.userNameEmail ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserEmail || this.hasError ? 'FieldInvalid' : '') }, translate$1('userEmail', this.lang)), !this.isValidUserEmail &&
22330
- index.h("p", { class: "InvalidField" }, translate$1('invalidField', this.lang))), index.h("div", { key: '9419d55bcd0ad2b4150230adffbc91ab78a659de', class: (!this.isValidPassword || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, index.h("input", { key: '6d19dad4378cf2017b23eb178afe965024959efd', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onFocus: this.handleInputChangePartial('password'), onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), index.h("label", { key: 'd0de7cc9e8eda5a7394c4c9331187ffb624a4f52', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword || this.hasError ? 'FieldInvalid' : '') }, translate$1('password', this.lang)), !this.isValidPassword &&
22331
- index.h("p", { key: 'd50953d4f715cee928867a225e761e1e1f1c79d2', class: "InvalidField" }, translate$1('invalidField', this.lang))), this.passwordReset == 'true' &&
22332
- index.h("div", { key: '473140822bffab203e72484a412473b43c9489cb', class: "ForgotPassword" }, index.h("button", { key: '2a70704da11f44d41dd4a5cacef0cc9c16e502cd', onClick: this.resetPassword }, translate$1('forgotPassword', this.lang))), index.h("button", { key: 'f7e805bd942e78cedaf13386e3c2c28d77ca838e', disabled: ((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
22230
+ index.h("p", { class: "InvalidField" }, translate$1('invalidField', this.lang))), index.h("div", { key: '3cd3fde43f1e060d98bc17cd021d40ac0a3daf25', class: (!this.isValidPassword || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, index.h("input", { key: '33d7b8b4db8976dd8677444165a1138917d05c68', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onFocus: this.handleInputChangePartial('password'), onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), index.h("label", { key: '11decfd4b4bd61163e8c5c002b46c84ee9ff3020', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword || this.hasError ? 'FieldInvalid' : '') }, translate$1('password', this.lang)), !this.isValidPassword &&
22231
+ index.h("p", { key: '5c2d02b6a329227b9e73c36195ed7e160832a733', class: "InvalidField" }, translate$1('invalidField', this.lang))), this.passwordReset == 'true' &&
22232
+ index.h("div", { key: '40a59ed73a4247180b179267e3b7a83a010d6649', class: "ForgotPassword" }, index.h("button", { key: 'b3045a97541f13bcab8b2997af26b595d6dd2b6f', onClick: this.resetPassword }, translate$1('forgotPassword', this.lang))), index.h("button", { key: 'ca3f956411dca0a6bf54894c5e14bbe2767a53a0', disabled: ((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
22333
22233
  (this.loginByPhoneNumber === 'true' && (!this.isValidUserPhone || !this.userPhone || !this.userPrefix)) ||
22334
22234
  !this.userPassword || !this.isValidPassword) || this.isLoginLoading, class: "SubmitCredentials", onClick: this.handleLogin }, translate$1('login', this.lang)), this.hasError &&
22335
- index.h("p", { key: '82d4a1726632e6f131f95c0ab90f92b76a6acbf4', class: "CredentialsError" }, this.errorMessage)));
22336
- return index.h("section", { key: 'dd20c1edeb5425b4173fe86dd339d46aff0884db', ref: el => this.stylingContainer = el }, userIdentification);
22235
+ index.h("p", { key: '6641f60f97cd7f9e81e3097935dfcfb4b8ab6552', class: "CredentialsError" }, this.errorMessage)));
22236
+ return index.h("section", { key: '49d2252c207e8148d230f2f90bf4d1d567df4aae', ref: el => this.stylingContainer = el }, userIdentification);
22337
22237
  }
22338
22238
  static get watchers() { return {
22339
22239
  "translationUrl": ["handleNewTranslations"],