@everymatrix/player-account-controller 1.54.0 → 1.54.4

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 (96) hide show
  1. package/components/{GeneralLogout-CsWa2j6i.js → GeneralLogout-Ddt-oH9k.js} +1094 -1131
  2. package/components/{PlayerAccountBettingHistory-D_8K8e-E.js → PlayerAccountBettingHistory-C7xwYi03.js} +34 -35
  3. package/components/{PlayerAccountBiometrics-FWYyFKmB.js → PlayerAccountBiometrics-D7WS5cnI.js} +1 -1
  4. package/components/{PlayerAccountClosure-BJP8eejl.js → PlayerAccountClosure-yRlo8hXR.js} +1 -1
  5. package/components/{PlayerAccountController-DQGj69Re.js → PlayerAccountController-BZYAo3oo.js} +336 -353
  6. package/components/{PlayerAccountGamingLimits-Dt8hOZzW.js → PlayerAccountGamingLimits-CTBhVGgC.js} +3 -3
  7. package/components/{PlayerAccountGamingLimitsConfirmationModal-B6SPYMpk.js → PlayerAccountGamingLimitsConfirmationModal-CuQvNzww.js} +1 -1
  8. package/components/{PlayerAccountGamingLimitsGroupEdit-BG2VPqUz.js → PlayerAccountGamingLimitsGroupEdit-Du2YQlDU.js} +16 -16
  9. package/components/{PlayerAccountGamingLimitsHistory2-65MLJ2rD.js → PlayerAccountGamingLimitsHistory2-CXKA0L0d.js} +121 -132
  10. package/components/{PlayerAccountGamingLimitsInfoCard-CqTAvCh7.js → PlayerAccountGamingLimitsInfoCard-CWTybgoQ.js} +4 -4
  11. package/components/{PlayerAccountGamingLimitsPage2Gm16-C3dTjA-p.js → PlayerAccountGamingLimitsPage2Gm16-CXjNcIFP.js} +737 -768
  12. package/components/{PlayerAccountGamingLimitsPopup-diUVGesC.js → PlayerAccountGamingLimitsPopup-CJu5RRl6.js} +1 -1
  13. package/components/{PlayerAccountGamingLimitsWrapper2-BmDihzLr.js → PlayerAccountGamingLimitsWrapper2-BdpxEDlV.js} +75 -81
  14. package/components/{PlayerAccountGeneralConfirmationModal-D3tbAl7Q.js → PlayerAccountGeneralConfirmationModal-DG0N686t.js} +1 -1
  15. package/components/{PlayerAccountMenu-CbXhpL1a.js → PlayerAccountMenu-CZBa8_5G.js} +66 -67
  16. package/components/{PlayerAccountModal-5TJbkUF8.js → PlayerAccountModal-BmKjtXKT.js} +1 -1
  17. package/components/{PlayerAccountNotifications-BVY-SXyT.js → PlayerAccountNotifications-B4Ht-hHj.js} +1 -1
  18. package/components/{PlayerAccountSelfExclusion-BGfuEA4r.js → PlayerAccountSelfExclusion-DxGHXTb8.js} +1488 -1572
  19. package/components/{PlayerAccountTimeout-BDDMm0XX.js → PlayerAccountTimeout-DOSjICsY.js} +4 -4
  20. package/components/{PlayerActiveBonuses-D0RUTvjl.js → PlayerActiveBonuses-DMAG7NUP.js} +119 -120
  21. package/components/{PlayerBonusCard-CU67pLmG.js → PlayerBonusCard-Dss1REmn.js} +2 -2
  22. package/components/{PlayerBonusHistory-BLedlLHg.js → PlayerBonusHistory-BxBiQwQf.js} +53 -53
  23. package/components/{PlayerChangePassword-8ZD6eOj-.js → PlayerChangePassword-DnCj-wcc.js} +1 -1
  24. package/components/{PlayerDeposit-D5Xuk21T.js → PlayerDeposit-CHIQ8EaC.js} +1 -1
  25. package/components/{PlayerGamingHistory-tb-rMGdz.js → PlayerGamingHistory-BtQ73TId.js} +375 -388
  26. package/components/{PlayerPendingWithdrawals-DuN3Qn3P.js → PlayerPendingWithdrawals-BbTa7_8U.js} +1 -1
  27. package/components/{PlayerProfileInfo-DmKFg0dn.js → PlayerProfileInfo-CvAqD3Dk.js} +532 -549
  28. package/components/{PlayerRealityCheck-BUW8tvj3.js → PlayerRealityCheck-3d-B64ie.js} +175 -191
  29. package/components/{PlayerTransactionHistory-hGi2tOL2.js → PlayerTransactionHistory-BYJNabMB.js} +1 -1
  30. package/components/{PlayerWithdrawal-CR3Xpytk.js → PlayerWithdrawal-DDWroufG.js} +1 -1
  31. package/esnext/player-account-controller.js +14 -0
  32. package/package.json +11 -31
  33. package/stencil/{active-mixin-59dfae2a-CJN1Jc-g.js → active-mixin-59dfae2a-BphP4pp5.js} +745 -776
  34. package/stencil/{checkbox-group-input_9-DQoOMgN8.js → checkbox-group-input_9-CMFoK7_E.js} +1873 -1942
  35. package/stencil/{general-input-bzWxIJkt.js → general-input-DnFPstQP.js} +1 -1
  36. package/stencil/{index-062e829b-DPj_pEuI.js → index-062e829b-DAFsZs6D.js} +220 -236
  37. package/stencil/{index-33f005e1-DGGQe5wK.js → index-33f005e1-fFxPaeNy.js} +223 -239
  38. package/stencil/{index-9b3245b3-3zj7bxxu.js → index-9b3245b3-rzHgwqlB.js} +166 -193
  39. package/stencil/{index-fc58390d-DeoeGpBS.js → index-fc58390d-BSwfXuUs.js} +267 -294
  40. package/stencil/{password-input_2-Dx1lICIg.js → password-input_2-Bb9Q6Fe0.js} +136 -154
  41. package/stencil/{player-change-password-gm2-98dcb7bc-F9HM0T8d.js → player-change-password-gm2-98dcb7bc-gLcZhl3S.js} +1 -1
  42. package/stencil/player-change-password-gm2-DR3e2gh5.js +7 -0
  43. package/stencil/{player-kyc-verification-o-RUWyY4.js → player-kyc-verification-BQZdJFEJ.js} +61 -83
  44. package/stencil/{toggle-checkbox-input-BCrxxTpc.js → toggle-checkbox-input-CCLW6-uK.js} +1 -1
  45. package/stencil/{user-deposit-withdrawal-DEMVRyvk.js → user-deposit-withdrawal-CmF0LoNb.js} +175 -197
  46. package/stencil/{user-transaction-history-CevHOCcm.js → user-transaction-history-BgV-k2Cl.js} +81 -107
  47. package/components/GeneralLogout-DfI2_eQe.cjs +0 -8
  48. package/components/PlayerAccountBettingHistory-ldAp8-yN.cjs +0 -1
  49. package/components/PlayerAccountBiometrics-Cft2jzuJ.cjs +0 -1
  50. package/components/PlayerAccountClosure-DvHhtHhl.cjs +0 -1
  51. package/components/PlayerAccountController-DDLO4xVW.cjs +0 -1
  52. package/components/PlayerAccountGamingLimits-EQC_UZag.cjs +0 -1
  53. package/components/PlayerAccountGamingLimitsConfirmationModal-Ciz1fSFW.cjs +0 -1
  54. package/components/PlayerAccountGamingLimitsGroupEdit-CLjUmEQv.cjs +0 -10
  55. package/components/PlayerAccountGamingLimitsHistory2-CG4RnfZE.cjs +0 -1
  56. package/components/PlayerAccountGamingLimitsInfoCard-Au2vobro.cjs +0 -1
  57. package/components/PlayerAccountGamingLimitsPage2Gm16-CMnCgRU1.cjs +0 -21
  58. package/components/PlayerAccountGamingLimitsPopup-BtbGIQFb.cjs +0 -1
  59. package/components/PlayerAccountGamingLimitsWrapper2-CW3N7E83.cjs +0 -1
  60. package/components/PlayerAccountGeneralConfirmationModal-xMxALug3.cjs +0 -1
  61. package/components/PlayerAccountMenu-DHGBVm64.cjs +0 -1
  62. package/components/PlayerAccountModal-BitbPM3Z.cjs +0 -1
  63. package/components/PlayerAccountNotifications-DDu6ZWkh.cjs +0 -1
  64. package/components/PlayerAccountSelfExclusion-9vzbBY28.cjs +0 -3828
  65. package/components/PlayerAccountTimeout-f4vPyQE-.cjs +0 -1
  66. package/components/PlayerActiveBonuses-BVQwAh2z.cjs +0 -1
  67. package/components/PlayerBonusCard-UTTIEBwb.cjs +0 -1
  68. package/components/PlayerBonusHistory-EXOvKzDr.cjs +0 -1
  69. package/components/PlayerChangePassword-XpKJjnFu.cjs +0 -3
  70. package/components/PlayerDeposit-Do7vb_4b.cjs +0 -1
  71. package/components/PlayerGamingHistory-OEU1L3Q2.cjs +0 -1
  72. package/components/PlayerPendingWithdrawals-Bu2MOezw.cjs +0 -1
  73. package/components/PlayerProfileInfo-lMeb2jBi.cjs +0 -1
  74. package/components/PlayerRealityCheck-CA0P_3BC.cjs +0 -1
  75. package/components/PlayerTransactionHistory-CvZcvyBx.cjs +0 -1
  76. package/components/PlayerWithdrawal-DxLwjX7x.cjs +0 -1
  77. package/es2015/player-account-controller.cjs +0 -1
  78. package/es2015/player-account-controller.js +0 -16
  79. package/stencil/active-mixin-59dfae2a-1hMz67mM.cjs +0 -1519
  80. package/stencil/app-globals-0f993ce5-8artnnwr.cjs +0 -1
  81. package/stencil/checkbox-group-input_9-DiXERGqn.cjs +0 -4193
  82. package/stencil/general-input-fzGwoSoE.cjs +0 -1
  83. package/stencil/index-062e829b-CpXLBOEz.cjs +0 -1
  84. package/stencil/index-33f005e1-BS5PFnj3.cjs +0 -1
  85. package/stencil/index-9b3245b3-ByXtSZIM.cjs +0 -1
  86. package/stencil/index-fc58390d-DgBOSsU7.cjs +0 -1
  87. package/stencil/locale-B5abSHU_.cjs +0 -1
  88. package/stencil/password-input_2-DvDzz75b.cjs +0 -1248
  89. package/stencil/player-change-password-gm2-98dcb7bc-CCEw2GA2.cjs +0 -1
  90. package/stencil/player-change-password-gm2-BEYcuzS-.cjs +0 -1
  91. package/stencil/player-change-password-gm2-NWnv4CCw.js +0 -25
  92. package/stencil/player-kyc-verification-_iT3bbO9.cjs +0 -180
  93. package/stencil/toggle-checkbox-input-BYoIi-jG.cjs +0 -1
  94. package/stencil/tooltipIcon-ee9760a8-Bd9l1O5C.cjs +0 -1
  95. package/stencil/user-deposit-withdrawal-_jt0Ivg5.cjs +0 -59
  96. package/stencil/user-transaction-history-U0c__t1q.cjs +0 -1
@@ -1,1248 +0,0 @@
1
- "use strict";var J=(r,e,t)=>new Promise((o,i)=>{var a=n=>{try{u(t.next(n))}catch(d){i(d)}},s=n=>{try{u(t.throw(n))}catch(d){i(d)}},u=n=>n.done?o(n.value):Promise.resolve(n.value).then(a,s);u((t=t.apply(r,e)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./index-062e829b-CpXLBOEz.cjs"),g=require("./locale-B5abSHU_.cjs"),l=require("./active-mixin-59dfae2a-1hMz67mM.cjs"),_e=require("./tooltipIcon-ee9760a8-Bd9l1O5C.cjs"),$e=require("./player-change-password-gm2-98dcb7bc-CCEw2GA2.cjs");/**
2
- * @license
3
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
4
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
- */class Ce extends HTMLElement{static get is(){return"vaadin-lumo-styles"}static get version(){return"24.2.9"}}l.defineCustomElement(Ce);const S=(r,...e)=>{l.addGlobalThemeStyles(`lumo-${r}`,e)};/**
6
- * @license
7
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
8
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
9
- */const Se=l.i$3`
10
- :host {
11
- /* Base (background) */
12
- --lumo-base-color: #fff;
13
-
14
- /* Tint */
15
- --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
16
- --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
17
- --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
18
- --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
19
- --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
20
- --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
21
- --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
22
- --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
23
- --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
24
- --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
25
- --lumo-tint: #fff;
26
-
27
- /* Shade */
28
- --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
29
- --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
30
- --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
31
- --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
32
- --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
33
- --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
34
- --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
35
- --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
36
- --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
37
- --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
38
- --lumo-shade: hsl(214, 35%, 15%);
39
-
40
- /* Contrast */
41
- --lumo-contrast-5pct: var(--lumo-shade-5pct);
42
- --lumo-contrast-10pct: var(--lumo-shade-10pct);
43
- --lumo-contrast-20pct: var(--lumo-shade-20pct);
44
- --lumo-contrast-30pct: var(--lumo-shade-30pct);
45
- --lumo-contrast-40pct: var(--lumo-shade-40pct);
46
- --lumo-contrast-50pct: var(--lumo-shade-50pct);
47
- --lumo-contrast-60pct: var(--lumo-shade-60pct);
48
- --lumo-contrast-70pct: var(--lumo-shade-70pct);
49
- --lumo-contrast-80pct: var(--lumo-shade-80pct);
50
- --lumo-contrast-90pct: var(--lumo-shade-90pct);
51
- --lumo-contrast: var(--lumo-shade);
52
-
53
- /* Text */
54
- --lumo-header-text-color: var(--lumo-contrast);
55
- --lumo-body-text-color: var(--lumo-contrast-90pct);
56
- --lumo-secondary-text-color: var(--lumo-contrast-70pct);
57
- --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
58
- --lumo-disabled-text-color: var(--lumo-contrast-30pct);
59
-
60
- /* Primary */
61
- --lumo-primary-color: hsl(214, 100%, 48%);
62
- --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
63
- --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
64
- --lumo-primary-text-color: hsl(214, 100%, 43%);
65
- --lumo-primary-contrast-color: #fff;
66
-
67
- /* Error */
68
- --lumo-error-color: hsl(3, 85%, 48%);
69
- --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
70
- --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
71
- --lumo-error-text-color: hsl(3, 89%, 42%);
72
- --lumo-error-contrast-color: #fff;
73
-
74
- /* Success */
75
- --lumo-success-color: hsl(145, 72%, 30%);
76
- --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
77
- --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
78
- --lumo-success-text-color: hsl(145, 85%, 25%);
79
- --lumo-success-contrast-color: #fff;
80
-
81
- /* Warning */
82
- --lumo-warning-color: hsl(48, 100%, 50%);
83
- --lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
84
- --lumo-warning-text-color: hsl(32, 100%, 30%);
85
- --lumo-warning-contrast-color: var(--lumo-shade-90pct);
86
- }
87
-
88
- /* forced-colors mode adjustments */
89
- @media (forced-colors: active) {
90
- html {
91
- --lumo-disabled-text-color: GrayText;
92
- }
93
- }
94
- `;S("color-props",Se);const ke=l.i$3`
95
- [theme~='dark'] {
96
- /* Base (background) */
97
- --lumo-base-color: hsl(214, 35%, 21%);
98
-
99
- /* Tint */
100
- --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
101
- --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
102
- --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
103
- --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
104
- --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
105
- --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
106
- --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
107
- --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
108
- --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
109
- --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
110
- --lumo-tint: hsl(214, 100%, 98%);
111
-
112
- /* Shade */
113
- --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
114
- --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
115
- --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
116
- --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
117
- --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
118
- --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
119
- --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
120
- --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
121
- --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
122
- --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
123
- --lumo-shade: hsl(214, 33%, 13%);
124
-
125
- /* Contrast */
126
- --lumo-contrast-5pct: var(--lumo-tint-5pct);
127
- --lumo-contrast-10pct: var(--lumo-tint-10pct);
128
- --lumo-contrast-20pct: var(--lumo-tint-20pct);
129
- --lumo-contrast-30pct: var(--lumo-tint-30pct);
130
- --lumo-contrast-40pct: var(--lumo-tint-40pct);
131
- --lumo-contrast-50pct: var(--lumo-tint-50pct);
132
- --lumo-contrast-60pct: var(--lumo-tint-60pct);
133
- --lumo-contrast-70pct: var(--lumo-tint-70pct);
134
- --lumo-contrast-80pct: var(--lumo-tint-80pct);
135
- --lumo-contrast-90pct: var(--lumo-tint-90pct);
136
- --lumo-contrast: var(--lumo-tint);
137
-
138
- /* Text */
139
- --lumo-header-text-color: var(--lumo-contrast);
140
- --lumo-body-text-color: var(--lumo-contrast-90pct);
141
- --lumo-secondary-text-color: var(--lumo-contrast-70pct);
142
- --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
143
- --lumo-disabled-text-color: var(--lumo-contrast-30pct);
144
-
145
- /* Primary */
146
- --lumo-primary-color: hsl(214, 90%, 48%);
147
- --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
148
- --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
149
- --lumo-primary-text-color: hsl(214, 90%, 77%);
150
- --lumo-primary-contrast-color: #fff;
151
-
152
- /* Error */
153
- --lumo-error-color: hsl(3, 79%, 49%);
154
- --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
155
- --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
156
- --lumo-error-text-color: hsl(3, 100%, 80%);
157
-
158
- /* Success */
159
- --lumo-success-color: hsl(145, 72%, 30%);
160
- --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
161
- --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
162
- --lumo-success-text-color: hsl(145, 85%, 46%);
163
-
164
- /* Warning */
165
- --lumo-warning-color: hsl(43, 100%, 48%);
166
- --lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
167
- --lumo-warning-text-color: hsl(45, 100%, 60%);
168
- --lumo-warning-contrast-color: var(--lumo-shade-90pct);
169
- }
170
-
171
- html {
172
- color: var(--lumo-body-text-color);
173
- background-color: var(--lumo-base-color);
174
- color-scheme: light;
175
- }
176
-
177
- [theme~='dark'] {
178
- color: var(--lumo-body-text-color);
179
- background-color: var(--lumo-base-color);
180
- color-scheme: dark;
181
- }
182
-
183
- h1,
184
- h2,
185
- h3,
186
- h4,
187
- h5,
188
- h6 {
189
- color: var(--lumo-header-text-color);
190
- }
191
-
192
- a:where(:any-link) {
193
- color: var(--lumo-primary-text-color);
194
- }
195
-
196
- a:not(:any-link) {
197
- color: var(--lumo-disabled-text-color);
198
- }
199
-
200
- blockquote {
201
- color: var(--lumo-secondary-text-color);
202
- }
203
-
204
- code,
205
- pre {
206
- background-color: var(--lumo-contrast-10pct);
207
- border-radius: var(--lumo-border-radius-m);
208
- }
209
- `;l.registerStyles("",ke,{moduleId:"lumo-color"});/**
210
- * @license
211
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
212
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
213
- */const Ee=l.i$3`
214
- @font-face {
215
- font-family: 'lumo-icons';
216
- src: url(data:application/font-woff;charset=utf-8;base64,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)
217
- format('woff');
218
- font-weight: normal;
219
- font-style: normal;
220
- }
221
-
222
- html {
223
- --lumo-icons-align-center: '\\ea01';
224
- --lumo-icons-align-left: '\\ea02';
225
- --lumo-icons-align-right: '\\ea03';
226
- --lumo-icons-angle-down: '\\ea04';
227
- --lumo-icons-angle-left: '\\ea05';
228
- --lumo-icons-angle-right: '\\ea06';
229
- --lumo-icons-angle-up: '\\ea07';
230
- --lumo-icons-arrow-down: '\\ea08';
231
- --lumo-icons-arrow-left: '\\ea09';
232
- --lumo-icons-arrow-right: '\\ea0a';
233
- --lumo-icons-arrow-up: '\\ea0b';
234
- --lumo-icons-bar-chart: '\\ea0c';
235
- --lumo-icons-bell: '\\ea0d';
236
- --lumo-icons-calendar: '\\ea0e';
237
- --lumo-icons-checkmark: '\\ea0f';
238
- --lumo-icons-chevron-down: '\\ea10';
239
- --lumo-icons-chevron-left: '\\ea11';
240
- --lumo-icons-chevron-right: '\\ea12';
241
- --lumo-icons-chevron-up: '\\ea13';
242
- --lumo-icons-clock: '\\ea14';
243
- --lumo-icons-cog: '\\ea15';
244
- --lumo-icons-cross: '\\ea16';
245
- --lumo-icons-download: '\\ea17';
246
- --lumo-icons-dropdown: '\\ea18';
247
- --lumo-icons-edit: '\\ea19';
248
- --lumo-icons-error: '\\ea1a';
249
- --lumo-icons-eye: '\\ea1b';
250
- --lumo-icons-eye-disabled: '\\ea1c';
251
- --lumo-icons-menu: '\\ea1d';
252
- --lumo-icons-minus: '\\ea1e';
253
- --lumo-icons-ordered-list: '\\ea1f';
254
- --lumo-icons-phone: '\\ea20';
255
- --lumo-icons-photo: '\\ea21';
256
- --lumo-icons-play: '\\ea22';
257
- --lumo-icons-plus: '\\ea23';
258
- --lumo-icons-redo: '\\ea24';
259
- --lumo-icons-reload: '\\ea25';
260
- --lumo-icons-search: '\\ea26';
261
- --lumo-icons-undo: '\\ea27';
262
- --lumo-icons-unordered-list: '\\ea28';
263
- --lumo-icons-upload: '\\ea29';
264
- --lumo-icons-user: '\\ea2a';
265
- }
266
- `;S("font-icons",Ee);/**
267
- * @license
268
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
269
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
270
- */const ze=l.i$3`
271
- :host {
272
- --lumo-size-xs: 1.625rem;
273
- --lumo-size-s: 1.875rem;
274
- --lumo-size-m: 2.25rem;
275
- --lumo-size-l: 2.75rem;
276
- --lumo-size-xl: 3.5rem;
277
-
278
- /* Icons */
279
- --lumo-icon-size-s: 1.25em;
280
- --lumo-icon-size-m: 1.5em;
281
- --lumo-icon-size-l: 2.25em;
282
- /* For backwards compatibility */
283
- --lumo-icon-size: var(--lumo-icon-size-m);
284
- }
285
- `;S("sizing-props",ze);/**
286
- * @license
287
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
288
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
289
- */const Be=l.i$3`
290
- :host {
291
- /* Square */
292
- --lumo-space-xs: 0.25rem;
293
- --lumo-space-s: 0.5rem;
294
- --lumo-space-m: 1rem;
295
- --lumo-space-l: 1.5rem;
296
- --lumo-space-xl: 2.5rem;
297
-
298
- /* Wide */
299
- --lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
300
- --lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
301
- --lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
302
- --lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
303
- --lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
304
-
305
- /* Tall */
306
- --lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
307
- --lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
308
- --lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
309
- --lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
310
- --lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
311
- }
312
- `;S("spacing-props",Be);/**
313
- * @license
314
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
315
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
316
- */const Te=l.i$3`
317
- :host {
318
- /* Border radius */
319
- --lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
320
- --lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
321
- --lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
322
-
323
- /* Shadow */
324
- --lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
325
- --lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
326
- --lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
327
- --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
328
- --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
329
-
330
- /* Clickable element cursor */
331
- --lumo-clickable-cursor: default;
332
- }
333
- `;l.i$3`
334
- html {
335
- --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
336
- --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
337
- --vaadin-input-field-border-radius: var(--lumo-border-radius-m);
338
- }
339
- `;S("style-props",Te);/**
340
- * @license
341
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
342
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
343
- */const Me=l.i$3`
344
- :host {
345
- /* prettier-ignore */
346
- --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
347
-
348
- /* Font sizes */
349
- --lumo-font-size-xxs: 0.75rem;
350
- --lumo-font-size-xs: 0.8125rem;
351
- --lumo-font-size-s: 0.875rem;
352
- --lumo-font-size-m: 1rem;
353
- --lumo-font-size-l: 1.125rem;
354
- --lumo-font-size-xl: 1.375rem;
355
- --lumo-font-size-xxl: 1.75rem;
356
- --lumo-font-size-xxxl: 2.5rem;
357
-
358
- /* Line heights */
359
- --lumo-line-height-xs: 1.25;
360
- --lumo-line-height-s: 1.375;
361
- --lumo-line-height-m: 1.625;
362
- }
363
- `,Pe=l.i$3`
364
- body,
365
- :host {
366
- font-family: var(--lumo-font-family);
367
- font-size: var(--lumo-font-size-m);
368
- line-height: var(--lumo-line-height-m);
369
- -webkit-text-size-adjust: 100%;
370
- -webkit-font-smoothing: antialiased;
371
- -moz-osx-font-smoothing: grayscale;
372
- }
373
-
374
- small,
375
- [theme~='font-size-s'] {
376
- font-size: var(--lumo-font-size-s);
377
- line-height: var(--lumo-line-height-s);
378
- }
379
-
380
- [theme~='font-size-xs'] {
381
- font-size: var(--lumo-font-size-xs);
382
- line-height: var(--lumo-line-height-xs);
383
- }
384
-
385
- :where(h1, h2, h3, h4, h5, h6) {
386
- font-weight: 600;
387
- line-height: var(--lumo-line-height-xs);
388
- margin-block: 0;
389
- }
390
-
391
- :where(h1) {
392
- font-size: var(--lumo-font-size-xxxl);
393
- }
394
-
395
- :where(h2) {
396
- font-size: var(--lumo-font-size-xxl);
397
- }
398
-
399
- :where(h3) {
400
- font-size: var(--lumo-font-size-xl);
401
- }
402
-
403
- :where(h4) {
404
- font-size: var(--lumo-font-size-l);
405
- }
406
-
407
- :where(h5) {
408
- font-size: var(--lumo-font-size-m);
409
- }
410
-
411
- :where(h6) {
412
- font-size: var(--lumo-font-size-xs);
413
- text-transform: uppercase;
414
- letter-spacing: 0.03em;
415
- }
416
-
417
- p,
418
- blockquote {
419
- margin-top: 0.5em;
420
- margin-bottom: 0.75em;
421
- }
422
-
423
- a {
424
- text-decoration: none;
425
- }
426
-
427
- a:where(:any-link):hover {
428
- text-decoration: underline;
429
- }
430
-
431
- hr {
432
- display: block;
433
- align-self: stretch;
434
- height: 1px;
435
- border: 0;
436
- padding: 0;
437
- margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
438
- background-color: var(--lumo-contrast-10pct);
439
- }
440
-
441
- blockquote {
442
- border-left: 2px solid var(--lumo-contrast-30pct);
443
- }
444
-
445
- b,
446
- strong {
447
- font-weight: 600;
448
- }
449
-
450
- /* RTL specific styles */
451
- blockquote[dir='rtl'] {
452
- border-left: none;
453
- border-right: 2px solid var(--lumo-contrast-30pct);
454
- }
455
- `;l.registerStyles("",Pe,{moduleId:"lumo-typography"});S("typography-props",Me);/**
456
- * @license
457
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
458
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
459
- */const ue=l.i$3`
460
- [part$='button'] {
461
- flex: none;
462
- width: 1em;
463
- height: 1em;
464
- line-height: 1;
465
- font-size: var(--lumo-icon-size-m);
466
- text-align: center;
467
- color: var(--lumo-contrast-60pct);
468
- transition: 0.2s color;
469
- cursor: var(--lumo-clickable-cursor);
470
- }
471
-
472
- [part$='button']:hover {
473
- color: var(--lumo-contrast-90pct);
474
- }
475
-
476
- :host([disabled]) [part$='button'],
477
- :host([readonly]) [part$='button'] {
478
- color: var(--lumo-contrast-20pct);
479
- cursor: default;
480
- }
481
-
482
- [part$='button']::before {
483
- font-family: 'lumo-icons';
484
- display: block;
485
- }
486
- `;l.registerStyles("",ue,{moduleId:"lumo-field-button"});/**
487
- * @license
488
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
489
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
490
- */const Re=l.i$3`
491
- :host([has-helper]) [part='helper-text']::before {
492
- content: '';
493
- display: block;
494
- height: 0.4em;
495
- }
496
-
497
- [part='helper-text'] {
498
- display: block;
499
- color: var(--lumo-secondary-text-color);
500
- font-size: var(--lumo-font-size-xs);
501
- line-height: var(--lumo-line-height-xs);
502
- margin-left: calc(var(--lumo-border-radius-m) / 4);
503
- transition: color 0.2s;
504
- }
505
-
506
- :host(:hover:not([readonly])) [part='helper-text'] {
507
- color: var(--lumo-body-text-color);
508
- }
509
-
510
- :host([disabled]) [part='helper-text'] {
511
- color: var(--lumo-disabled-text-color);
512
- -webkit-text-fill-color: var(--lumo-disabled-text-color);
513
- }
514
-
515
- :host([has-helper][theme~='helper-above-field']) [part='helper-text']::before {
516
- display: none;
517
- }
518
-
519
- :host([has-helper][theme~='helper-above-field']) [part='helper-text']::after {
520
- content: '';
521
- display: block;
522
- height: 0.4em;
523
- }
524
-
525
- :host([has-helper][theme~='helper-above-field']) [part='label'] {
526
- order: 0;
527
- padding-bottom: 0.4em;
528
- }
529
-
530
- :host([has-helper][theme~='helper-above-field']) [part='helper-text'] {
531
- order: 1;
532
- }
533
-
534
- :host([has-helper][theme~='helper-above-field']) [part='label'] + * {
535
- order: 2;
536
- }
537
-
538
- :host([has-helper][theme~='helper-above-field']) [part='error-message'] {
539
- order: 3;
540
- }
541
- `;/**
542
- * @license
543
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
544
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
545
- */const he=l.i$3`
546
- [part='label'] {
547
- align-self: flex-start;
548
- color: var(--lumo-secondary-text-color);
549
- font-weight: 500;
550
- font-size: var(--lumo-font-size-s);
551
- margin-left: calc(var(--lumo-border-radius-m) / 4);
552
- transition: color 0.2s;
553
- line-height: 1;
554
- padding-right: 1em;
555
- padding-bottom: 0.5em;
556
- /* As a workaround for diacritics being cut off, add a top padding and a
557
- negative margin to compensate */
558
- padding-top: 0.25em;
559
- margin-top: -0.25em;
560
- overflow: hidden;
561
- white-space: nowrap;
562
- text-overflow: ellipsis;
563
- position: relative;
564
- max-width: 100%;
565
- box-sizing: border-box;
566
- }
567
-
568
- :host([has-label])::before {
569
- margin-top: calc(var(--lumo-font-size-s) * 1.5);
570
- }
571
-
572
- :host([has-label][theme~='small'])::before {
573
- margin-top: calc(var(--lumo-font-size-xs) * 1.5);
574
- }
575
-
576
- :host([has-label]) {
577
- padding-top: var(--lumo-space-m);
578
- }
579
-
580
- :host([has-label]) ::slotted([slot='tooltip']) {
581
- --vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);
582
- }
583
-
584
- :host([required]) [part='required-indicator']::after {
585
- content: var(--lumo-required-field-indicator, '\\2022');
586
- transition: opacity 0.2s;
587
- color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
588
- position: absolute;
589
- right: 0;
590
- width: 1em;
591
- text-align: center;
592
- }
593
-
594
- :host([invalid]) [part='required-indicator']::after {
595
- color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));
596
- }
597
-
598
- [part='error-message'] {
599
- margin-left: calc(var(--lumo-border-radius-m) / 4);
600
- font-size: var(--lumo-font-size-xs);
601
- line-height: var(--lumo-line-height-xs);
602
- color: var(--lumo-error-text-color);
603
- will-change: max-height;
604
- transition: 0.4s max-height;
605
- max-height: 5em;
606
- }
607
-
608
- :host([has-error-message]) [part='error-message']::before,
609
- :host([has-error-message]) [part='error-message']::after {
610
- content: '';
611
- display: block;
612
- height: 0.4em;
613
- }
614
-
615
- :host(:not([invalid])) [part='error-message'] {
616
- max-height: 0;
617
- overflow: hidden;
618
- }
619
-
620
- /* RTL specific styles */
621
-
622
- :host([dir='rtl']) [part='label'] {
623
- margin-left: 0;
624
- margin-right: calc(var(--lumo-border-radius-m) / 4);
625
- }
626
-
627
- :host([dir='rtl']) [part='label'] {
628
- padding-left: 1em;
629
- padding-right: 0;
630
- }
631
-
632
- :host([dir='rtl']) [part='required-indicator']::after {
633
- right: auto;
634
- left: 0;
635
- }
636
-
637
- :host([dir='rtl']) [part='error-message'] {
638
- margin-left: 0;
639
- margin-right: calc(var(--lumo-border-radius-m) / 4);
640
- }
641
- `;l.registerStyles("",he,{moduleId:"lumo-required-field"});/**
642
- * @license
643
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
644
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
645
- */const Ie=l.i$3`
646
- :host {
647
- --lumo-text-field-size: var(--lumo-size-m);
648
- color: var(--lumo-body-text-color);
649
- font-size: var(--lumo-font-size-m);
650
- font-family: var(--lumo-font-family);
651
- -webkit-font-smoothing: antialiased;
652
- -moz-osx-font-smoothing: grayscale;
653
- -webkit-tap-highlight-color: transparent;
654
- padding: var(--lumo-space-xs) 0;
655
- }
656
-
657
- :host::before {
658
- height: var(--lumo-text-field-size);
659
- box-sizing: border-box;
660
- display: inline-flex;
661
- align-items: center;
662
- }
663
-
664
- :host([focused]:not([readonly])) [part='label'] {
665
- color: var(--lumo-primary-text-color);
666
- }
667
-
668
- :host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
669
- -webkit-mask-image: none;
670
- mask-image: none;
671
- }
672
-
673
- ::slotted(:is(input, textarea):placeholder-shown) {
674
- color: var(--lumo-secondary-text-color);
675
- }
676
-
677
- /* Hover */
678
- :host(:hover:not([readonly]):not([focused])) [part='label'] {
679
- color: var(--lumo-body-text-color);
680
- }
681
-
682
- :host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
683
- opacity: 0.1;
684
- }
685
-
686
- /* Touch device adjustment */
687
- @media (pointer: coarse) {
688
- :host(:hover:not([readonly]):not([focused])) [part='label'] {
689
- color: var(--lumo-secondary-text-color);
690
- }
691
-
692
- :host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
693
- opacity: 0;
694
- }
695
-
696
- :host(:active:not([readonly]):not([focused])) [part='input-field']::after {
697
- opacity: 0.2;
698
- }
699
- }
700
-
701
- /* Trigger when not focusing using the keyboard */
702
- :host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after {
703
- transform: scaleX(0);
704
- transition-duration: 0.15s, 1s;
705
- }
706
-
707
- /* Focus-ring */
708
- :host([focus-ring]) [part='input-field'] {
709
- box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
710
- }
711
-
712
- /* Read-only and disabled */
713
- :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {
714
- opacity: 0;
715
- }
716
-
717
- /* Read-only style */
718
- :host([readonly]) {
719
- --vaadin-input-field-border-color: transparent;
720
- }
721
-
722
- /* Disabled style */
723
- :host([disabled]) {
724
- pointer-events: none;
725
- --vaadin-input-field-border-color: var(--lumo-contrast-20pct);
726
- }
727
-
728
- :host([disabled]) [part='label'],
729
- :host([disabled]) [part='input-field'] ::slotted(*) {
730
- color: var(--lumo-disabled-text-color);
731
- -webkit-text-fill-color: var(--lumo-disabled-text-color);
732
- }
733
-
734
- /* Invalid style */
735
- :host([invalid]) {
736
- --vaadin-input-field-border-color: var(--lumo-error-color);
737
- }
738
-
739
- :host([invalid][focus-ring]) [part='input-field'] {
740
- box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
741
- }
742
-
743
- :host([input-prevented]) [part='input-field'] {
744
- animation: shake 0.15s infinite;
745
- }
746
-
747
- @keyframes shake {
748
- 25% {
749
- transform: translateX(4px);
750
- }
751
- 75% {
752
- transform: translateX(-4px);
753
- }
754
- }
755
-
756
- /* Small theme */
757
- :host([theme~='small']) {
758
- font-size: var(--lumo-font-size-s);
759
- --lumo-text-field-size: var(--lumo-size-s);
760
- }
761
-
762
- :host([theme~='small']) [part='label'] {
763
- font-size: var(--lumo-font-size-xs);
764
- }
765
-
766
- :host([theme~='small']) [part='error-message'] {
767
- font-size: var(--lumo-font-size-xxs);
768
- }
769
-
770
- /* Slotted content */
771
- [part='input-field'] ::slotted(:not(vaadin-icon):not(input):not(textarea)) {
772
- color: var(--lumo-secondary-text-color);
773
- font-weight: 400;
774
- }
775
-
776
- [part='clear-button']::before {
777
- content: var(--lumo-icons-cross);
778
- }
779
- `,Y=[he,ue,Re,Ie];l.registerStyles("",Y,{moduleId:"lumo-input-field-shared-styles"});/**
780
- * @license
781
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
782
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
783
- */l.registerStyles("vaadin-text-field",Y,{moduleId:"lumo-text-field-styles"});/**
784
- * @license
785
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
786
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
787
- */const Fe=r=>class extends l.InputControlMixin(r){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,o){super._valueChanged(t,o),o!==void 0&&this.invalid&&this.validate()}};/**
788
- * @license
789
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
790
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
791
- */const Ne=r=>class extends Fe(r){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new l.InputController(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new l.LabelledInputController(this.inputElement,this._labelController))}};/**
792
- * @license
793
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
794
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
795
- */l.registerStyles("vaadin-text-field",l.inputFieldShared,{moduleId:"vaadin-text-field-styles"});class ce extends Ne(l.ThemableMixin(l.ElementMixin(l.PolymerElement))){static get is(){return"vaadin-text-field"}static get template(){return l.html`
796
- <style>
797
- [part='input-field'] {
798
- flex-grow: 0;
799
- }
800
- </style>
801
-
802
- <div class="vaadin-field-container">
803
- <div part="label">
804
- <slot name="label"></slot>
805
- <span part="required-indicator" aria-hidden="true" on-click="focus"></span>
806
- </div>
807
-
808
- <vaadin-input-container
809
- part="input-field"
810
- readonly="[[readonly]]"
811
- disabled="[[disabled]]"
812
- invalid="[[invalid]]"
813
- theme$="[[_theme]]"
814
- >
815
- <slot name="prefix" slot="prefix"></slot>
816
- <slot name="input"></slot>
817
- <slot name="suffix" slot="suffix"></slot>
818
- <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
819
- </vaadin-input-container>
820
-
821
- <div part="helper-text">
822
- <slot name="helper"></slot>
823
- </div>
824
-
825
- <div part="error-message">
826
- <slot name="error-message"></slot>
827
- </div>
828
- </div>
829
- <slot name="tooltip"></slot>
830
- `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new l.TooltipController(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}l.defineCustomElement(ce);const pe=l.i$3`
831
- :host {
832
- /* Sizing */
833
- --lumo-button-size: var(--lumo-size-m);
834
- min-width: calc(var(--lumo-button-size) * 2);
835
- height: var(--lumo-button-size);
836
- padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius-m) / 2);
837
- margin: var(--lumo-space-xs) 0;
838
- box-sizing: border-box;
839
- /* Style */
840
- font-family: var(--lumo-font-family);
841
- font-size: var(--lumo-font-size-m);
842
- font-weight: 500;
843
- color: var(--_lumo-button-color, var(--lumo-primary-text-color));
844
- background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));
845
- border-radius: var(--lumo-border-radius-m);
846
- cursor: var(--lumo-clickable-cursor);
847
- -webkit-tap-highlight-color: transparent;
848
- -webkit-font-smoothing: antialiased;
849
- -moz-osx-font-smoothing: grayscale;
850
- flex-shrink: 0;
851
- }
852
-
853
- /* Set only for the internal parts so we don't affect the host vertical alignment */
854
- [part='label'],
855
- [part='prefix'],
856
- [part='suffix'] {
857
- line-height: var(--lumo-line-height-xs);
858
- }
859
-
860
- [part='label'] {
861
- padding: calc(var(--lumo-button-size) / 6) 0;
862
- }
863
-
864
- :host([theme~='small']) {
865
- font-size: var(--lumo-font-size-s);
866
- --lumo-button-size: var(--lumo-size-s);
867
- }
868
-
869
- :host([theme~='large']) {
870
- font-size: var(--lumo-font-size-l);
871
- --lumo-button-size: var(--lumo-size-l);
872
- }
873
-
874
- /* For interaction states */
875
- :host::before,
876
- :host::after {
877
- content: '';
878
- /* We rely on the host always being relative */
879
- position: absolute;
880
- z-index: 1;
881
- inset: 0;
882
- background-color: currentColor;
883
- border-radius: inherit;
884
- opacity: 0;
885
- pointer-events: none;
886
- }
887
-
888
- /* Hover */
889
-
890
- @media (any-hover: hover) {
891
- :host(:hover)::before {
892
- opacity: 0.02;
893
- }
894
- }
895
-
896
- /* Active */
897
-
898
- :host::after {
899
- transition: opacity 1.4s, transform 0.1s;
900
- filter: blur(8px);
901
- }
902
-
903
- :host([active])::before {
904
- opacity: 0.05;
905
- transition-duration: 0s;
906
- }
907
-
908
- :host([active])::after {
909
- opacity: 0.1;
910
- transition-duration: 0s, 0s;
911
- transform: scale(0);
912
- }
913
-
914
- /* Keyboard focus */
915
-
916
- :host([focus-ring]) {
917
- box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
918
- }
919
-
920
- :host([theme~='primary'][focus-ring]) {
921
- box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
922
- }
923
-
924
- /* Types (primary, tertiary, tertiary-inline */
925
-
926
- :host([theme~='tertiary']),
927
- :host([theme~='tertiary-inline']) {
928
- background-color: transparent !important;
929
- min-width: 0;
930
- }
931
-
932
- :host([theme~='tertiary']) {
933
- padding: 0 calc(var(--lumo-button-size) / 6);
934
- }
935
-
936
- :host([theme~='tertiary-inline'])::before {
937
- display: none;
938
- }
939
-
940
- :host([theme~='tertiary-inline']) {
941
- margin: 0;
942
- height: auto;
943
- padding: 0;
944
- line-height: inherit;
945
- font-size: inherit;
946
- }
947
-
948
- :host([theme~='tertiary-inline']) [part='label'] {
949
- padding: 0;
950
- overflow: visible;
951
- line-height: inherit;
952
- }
953
-
954
- :host([theme~='primary']) {
955
- background-color: var(--_lumo-button-primary-background-color, var(--lumo-primary-color));
956
- color: var(--_lumo-button-primary-color, var(--lumo-primary-contrast-color));
957
- font-weight: 600;
958
- min-width: calc(var(--lumo-button-size) * 2.5);
959
- }
960
-
961
- :host([theme~='primary'])::before {
962
- background-color: black;
963
- }
964
-
965
- @media (any-hover: hover) {
966
- :host([theme~='primary']:hover)::before {
967
- opacity: 0.05;
968
- }
969
- }
970
-
971
- :host([theme~='primary'][active])::before {
972
- opacity: 0.1;
973
- }
974
-
975
- :host([theme~='primary'][active])::after {
976
- opacity: 0.2;
977
- }
978
-
979
- /* Colors (success, error, contrast) */
980
-
981
- :host([theme~='success']) {
982
- color: var(--lumo-success-text-color);
983
- }
984
-
985
- :host([theme~='success'][theme~='primary']) {
986
- background-color: var(--lumo-success-color);
987
- color: var(--lumo-success-contrast-color);
988
- }
989
-
990
- :host([theme~='error']) {
991
- color: var(--lumo-error-text-color);
992
- }
993
-
994
- :host([theme~='error'][theme~='primary']) {
995
- background-color: var(--lumo-error-color);
996
- color: var(--lumo-error-contrast-color);
997
- }
998
-
999
- :host([theme~='contrast']) {
1000
- color: var(--lumo-contrast);
1001
- }
1002
-
1003
- :host([theme~='contrast'][theme~='primary']) {
1004
- background-color: var(--lumo-contrast);
1005
- color: var(--lumo-base-color);
1006
- }
1007
-
1008
- /* Disabled state. Keep selectors after other color variants. */
1009
-
1010
- :host([disabled]) {
1011
- pointer-events: none;
1012
- color: var(--lumo-disabled-text-color);
1013
- }
1014
-
1015
- :host([theme~='primary'][disabled]) {
1016
- background-color: var(--lumo-contrast-30pct);
1017
- color: var(--lumo-base-color);
1018
- }
1019
-
1020
- :host([theme~='primary'][disabled]) [part] {
1021
- opacity: 0.7;
1022
- }
1023
-
1024
- /* Icons */
1025
-
1026
- [part] ::slotted(vaadin-icon) {
1027
- display: inline-block;
1028
- width: var(--lumo-icon-size-m);
1029
- height: var(--lumo-icon-size-m);
1030
- }
1031
-
1032
- /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
1033
- [part] ::slotted(vaadin-icon[icon^='vaadin:']) {
1034
- padding: 0.25em;
1035
- box-sizing: border-box !important;
1036
- }
1037
-
1038
- [part='prefix'] {
1039
- margin-left: -0.25em;
1040
- margin-right: 0.25em;
1041
- }
1042
-
1043
- [part='suffix'] {
1044
- margin-left: 0.25em;
1045
- margin-right: -0.25em;
1046
- }
1047
-
1048
- /* Icon-only */
1049
-
1050
- :host([theme~='icon']:not([theme~='tertiary-inline'])) {
1051
- min-width: var(--lumo-button-size);
1052
- padding-left: calc(var(--lumo-button-size) / 4);
1053
- padding-right: calc(var(--lumo-button-size) / 4);
1054
- }
1055
-
1056
- :host([theme~='icon']) [part='prefix'],
1057
- :host([theme~='icon']) [part='suffix'] {
1058
- margin-left: 0;
1059
- margin-right: 0;
1060
- }
1061
-
1062
- /* RTL specific styles */
1063
-
1064
- :host([dir='rtl']) [part='prefix'] {
1065
- margin-left: 0.25em;
1066
- margin-right: -0.25em;
1067
- }
1068
-
1069
- :host([dir='rtl']) [part='suffix'] {
1070
- margin-left: -0.25em;
1071
- margin-right: 0.25em;
1072
- }
1073
-
1074
- :host([dir='rtl'][theme~='icon']) [part='prefix'],
1075
- :host([dir='rtl'][theme~='icon']) [part='suffix'] {
1076
- margin-left: 0;
1077
- margin-right: 0;
1078
- }
1079
- `;l.registerStyles("vaadin-button",pe,{moduleId:"lumo-button"});/**
1080
- * @license
1081
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
1082
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1083
- */const Ue=l.i$3`
1084
- :host {
1085
- position: absolute;
1086
- right: 0;
1087
- top: 0;
1088
- margin: 0;
1089
- padding: 0;
1090
- width: 100%;
1091
- height: 100%;
1092
- min-width: auto;
1093
- background: transparent;
1094
- outline: none;
1095
- }
1096
- `;l.registerStyles("vaadin-password-field-button",[pe,Ue],{moduleId:"lumo-password-field-button"});/**
1097
- * @license
1098
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
1099
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1100
- */const Ve=l.i$3`
1101
- [part='reveal-button']::before {
1102
- content: var(--lumo-icons-eye);
1103
- }
1104
-
1105
- :host([password-visible]) [part='reveal-button']::before {
1106
- content: var(--lumo-icons-eye-disabled);
1107
- }
1108
-
1109
- /* Make it easy to hide the button across the whole app */
1110
- [part='reveal-button'] {
1111
- position: relative;
1112
- display: var(--lumo-password-field-reveal-button-display, block);
1113
- }
1114
-
1115
- [part='reveal-button'][hidden] {
1116
- display: none !important;
1117
- }
1118
- `;l.registerStyles("vaadin-password-field",[Y,Ve],{moduleId:"lumo-password-field"});/**
1119
- * @license
1120
- * Copyright 2019 Google LLC
1121
- * SPDX-License-Identifier: BSD-3-Clause
1122
- */const R=window,K=R.ShadowRoot&&(R.ShadyCSS===void 0||R.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Z=Symbol(),Q=new WeakMap;class me{constructor(e,t,o){if(this._$cssResult$=!0,o!==Z)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(K&&e===void 0){const o=t!==void 0&&t.length===1;o&&(e=Q.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&Q.set(t,e))}return e}toString(){return this.cssText}}const He=r=>new me(typeof r=="string"?r:r+"",void 0,Z),De=(r,...e)=>{const t=r.length===1?r[0]:e.reduce((o,i,a)=>o+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+r[a+1],r[0]);return new me(t,r,Z)},Le=(r,e)=>{K?r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(t=>{const o=document.createElement("style"),i=R.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=t.cssText,r.appendChild(o)})},X=K?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return He(t)})(r):r;/**
1123
- * @license
1124
- * Copyright 2017 Google LLC
1125
- * SPDX-License-Identifier: BSD-3-Clause
1126
- */var V;const F=window,ee=F.trustedTypes,Oe=ee?ee.emptyScript:"",te=F.reactiveElementPolyfillSupport,j={toAttribute(r,e){switch(e){case Boolean:r=r?Oe:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let t=r;switch(e){case Boolean:t=r!==null;break;case Number:t=r===null?null:Number(r);break;case Object:case Array:try{t=JSON.parse(r)}catch(o){t=null}}return t}},fe=(r,e)=>e!==r&&(e==e||r==r),H={attribute:!0,type:String,converter:j,reflect:!1,hasChanged:fe},G="finalized";class w extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(e){var t;this.finalize(),((t=this.h)!==null&&t!==void 0?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((t,o)=>{const i=this._$Ep(o,t);i!==void 0&&(this._$Ev.set(i,o),e.push(i))}),e}static createProperty(e,t=H){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const o=typeof e=="symbol"?Symbol():"__"+e,i=this.getPropertyDescriptor(e,o,t);i!==void 0&&Object.defineProperty(this.prototype,e,i)}}static getPropertyDescriptor(e,t,o){return{get(){return this[t]},set(i){const a=this[e];this[t]=i,this.requestUpdate(e,a,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||H}static finalize(){if(this.hasOwnProperty(G))return!1;this[G]=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),e.h!==void 0&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,o=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of o)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const i of o)t.unshift(X(i))}else e!==void 0&&t.push(X(e));return t}static _$Ep(e,t){const o=t.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}_$Eu(){var e;this._$E_=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(t=>t(this))}addController(e){var t,o;((t=this._$ES)!==null&&t!==void 0?t:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)===null||o===void 0||o.call(e))}removeController(e){var t;(t=this._$ES)===null||t===void 0||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;const t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return Le(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(t=>{var o;return(o=t.hostConnected)===null||o===void 0?void 0:o.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(t=>{var o;return(o=t.hostDisconnected)===null||o===void 0?void 0:o.call(t)})}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$EO(e,t,o=H){var i;const a=this.constructor._$Ep(e,o);if(a!==void 0&&o.reflect===!0){const s=(((i=o.converter)===null||i===void 0?void 0:i.toAttribute)!==void 0?o.converter:j).toAttribute(t,o.type);this._$El=e,s==null?this.removeAttribute(a):this.setAttribute(a,s),this._$El=null}}_$AK(e,t){var o;const i=this.constructor,a=i._$Ev.get(e);if(a!==void 0&&this._$El!==a){const s=i.getPropertyOptions(a),u=typeof s.converter=="function"?{fromAttribute:s.converter}:((o=s.converter)===null||o===void 0?void 0:o.fromAttribute)!==void 0?s.converter:j;this._$El=a,this[a]=u.fromAttribute(t,s.type),this._$El=null}}requestUpdate(e,t,o){let i=!0;e!==void 0&&(((o=o||this.constructor.getPropertyOptions(e)).hasChanged||fe)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),o.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,o))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}_$Ej(){return J(this,null,function*(){this.isUpdatePending=!0;try{yield this._$E_}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&(yield e),!this.isUpdatePending})}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this._$Ei&&(this._$Ei.forEach((i,a)=>this[a]=i),this._$Ei=void 0);let t=!1;const o=this._$AL;try{t=this.shouldUpdate(o),t?(this.willUpdate(o),(e=this._$ES)===null||e===void 0||e.forEach(i=>{var a;return(a=i.hostUpdate)===null||a===void 0?void 0:a.call(i)}),this.update(o)):this._$Ek()}catch(i){throw t=!1,this._$Ek(),i}t&&this._$AE(o)}willUpdate(e){}_$AE(e){var t;(t=this._$ES)===null||t===void 0||t.forEach(o=>{var i;return(i=o.hostUpdated)===null||i===void 0?void 0:i.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach((t,o)=>this._$EO(o,this[o],t)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}}w[G]=!0,w.elementProperties=new Map,w.elementStyles=[],w.shadowRootOptions={mode:"open"},te==null||te({ReactiveElement:w}),((V=F.reactiveElementVersions)!==null&&V!==void 0?V:F.reactiveElementVersions=[]).push("1.6.3");/**
1127
- * @license
1128
- * Copyright 2017 Google LLC
1129
- * SPDX-License-Identifier: BSD-3-Clause
1130
- */var D;const N=window,_=N.trustedTypes,oe=_?_.createPolicy("lit-html",{createHTML:r=>r}):void 0,W="$lit$",b=`lit$${(Math.random()+"").slice(9)}$`,ge="?"+b,qe=`<${ge}>`,A=document,E=()=>A.createComment(""),z=r=>r===null||typeof r!="object"&&typeof r!="function",ve=Array.isArray,je=r=>ve(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",L=`[
1131
- \f\r]`,k=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,re=/-->/g,ie=/>/g,y=RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^
1132
- \f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,ae=/"/g,be=/^(?:script|style|textarea|title)$/i,$=Symbol.for("lit-noChange"),m=Symbol.for("lit-nothing"),le=new WeakMap,x=A.createTreeWalker(A,129,null,!1);function ye(r,e){if(!Array.isArray(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return oe!==void 0?oe.createHTML(e):e}const Ge=(r,e)=>{const t=r.length-1,o=[];let i,a=e===2?"<svg>":"",s=k;for(let u=0;u<t;u++){const n=r[u];let d,c,p=-1,f=0;for(;f<n.length&&(s.lastIndex=f,c=s.exec(n),c!==null);)f=s.lastIndex,s===k?c[1]==="!--"?s=re:c[1]!==void 0?s=ie:c[2]!==void 0?(be.test(c[2])&&(i=RegExp("</"+c[2],"g")),s=y):c[3]!==void 0&&(s=y):s===y?c[0]===">"?(s=i!=null?i:k,p=-1):c[1]===void 0?p=-2:(p=s.lastIndex-c[2].length,d=c[1],s=c[3]===void 0?y:c[3]==='"'?ae:se):s===ae||s===se?s=y:s===re||s===ie?s=k:(s=y,i=void 0);const v=s===y&&r[u+1].startsWith("/>")?" ":"";a+=s===k?n+qe:p>=0?(o.push(d),n.slice(0,p)+W+n.slice(p)+b+v):n+b+(p===-2?(o.push(void 0),u):v)}return[ye(r,a+(r[t]||"<?>")+(e===2?"</svg>":"")),o]};class B{constructor({strings:e,_$litType$:t},o){let i;this.parts=[];let a=0,s=0;const u=e.length-1,n=this.parts,[d,c]=Ge(e,t);if(this.el=B.createElement(d,o),x.currentNode=this.el.content,t===2){const p=this.el.content,f=p.firstChild;f.remove(),p.append(...f.childNodes)}for(;(i=x.nextNode())!==null&&n.length<u;){if(i.nodeType===1){if(i.hasAttributes()){const p=[];for(const f of i.getAttributeNames())if(f.endsWith(W)||f.startsWith(b)){const v=c[s++];if(p.push(f),v!==void 0){const we=i.getAttribute(v.toLowerCase()+W).split(b),M=/([.?@])?(.*)/.exec(v);n.push({type:1,index:a,name:M[2],strings:we,ctor:M[1]==="."?Ye:M[1]==="?"?Ze:M[1]==="@"?Je:U})}else n.push({type:6,index:a})}for(const f of p)i.removeAttribute(f)}if(be.test(i.tagName)){const p=i.textContent.split(b),f=p.length-1;if(f>0){i.textContent=_?_.emptyScript:"";for(let v=0;v<f;v++)i.append(p[v],E()),x.nextNode(),n.push({type:2,index:++a});i.append(p[f],E())}}}else if(i.nodeType===8)if(i.data===ge)n.push({type:2,index:a});else{let p=-1;for(;(p=i.data.indexOf(b,p+1))!==-1;)n.push({type:7,index:a}),p+=b.length-1}a++}}static createElement(e,t){const o=A.createElement("template");return o.innerHTML=e,o}}function C(r,e,t=r,o){var i,a,s,u;if(e===$)return e;let n=o!==void 0?(i=t._$Co)===null||i===void 0?void 0:i[o]:t._$Cl;const d=z(e)?void 0:e._$litDirective$;return(n==null?void 0:n.constructor)!==d&&((a=n==null?void 0:n._$AO)===null||a===void 0||a.call(n,!1),d===void 0?n=void 0:(n=new d(r),n._$AT(r,t,o)),o!==void 0?((s=(u=t)._$Co)!==null&&s!==void 0?s:u._$Co=[])[o]=n:t._$Cl=n),n!==void 0&&(e=C(r,n._$AS(r,e.values),n,o)),e}class We{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;const{el:{content:o},parts:i}=this._$AD,a=((t=e==null?void 0:e.creationScope)!==null&&t!==void 0?t:A).importNode(o,!0);x.currentNode=a;let s=x.nextNode(),u=0,n=0,d=i[0];for(;d!==void 0;){if(u===d.index){let c;d.type===2?c=new T(s,s.nextSibling,this,e):d.type===1?c=new d.ctor(s,d.name,d.strings,this,e):d.type===6&&(c=new Qe(s,this,e)),this._$AV.push(c),d=i[++n]}u!==(d==null?void 0:d.index)&&(s=x.nextNode(),u++)}return x.currentNode=A,a}v(e){let t=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}}class T{constructor(e,t,o,i){var a;this.type=2,this._$AH=m,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=i,this._$Cp=(a=i==null?void 0:i.isConnected)===null||a===void 0||a}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=C(this,e,t),z(e)?e===m||e==null||e===""?(this._$AH!==m&&this._$AR(),this._$AH=m):e!==this._$AH&&e!==$&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):je(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==m&&z(this._$AH)?this._$AA.nextSibling.data=e:this.$(A.createTextNode(e)),this._$AH=e}g(e){var t;const{values:o,_$litType$:i}=e,a=typeof i=="number"?this._$AC(e):(i.el===void 0&&(i.el=B.createElement(ye(i.h,i.h[0]),this.options)),i);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===a)this._$AH.v(o);else{const s=new We(a,this),u=s.u(this.options);s.v(o),this.$(u),this._$AH=s}}_$AC(e){let t=le.get(e.strings);return t===void 0&&le.set(e.strings,t=new B(e)),t}T(e){ve(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let o,i=0;for(const a of e)i===t.length?t.push(o=new T(this.k(E()),this.k(E()),this,this.options)):o=t[i],o._$AI(a),i++;i<t.length&&(this._$AR(o&&o._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,t);e&&e!==this._$AB;){const i=e.nextSibling;e.remove(),e=i}}setConnected(e){var t;this._$AM===void 0&&(this._$Cp=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}}class U{constructor(e,t,o,i,a){this.type=1,this._$AH=m,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=a,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=m}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,o,i){const a=this.strings;let s=!1;if(a===void 0)e=C(this,e,t,0),s=!z(e)||e!==this._$AH&&e!==$,s&&(this._$AH=e);else{const u=e;let n,d;for(e=a[0],n=0;n<a.length-1;n++)d=C(this,u[o+n],t,n),d===$&&(d=this._$AH[n]),s||(s=!z(d)||d!==this._$AH[n]),d===m?e=m:e!==m&&(e+=(d!=null?d:"")+a[n+1]),this._$AH[n]=d}s&&!i&&this.j(e)}j(e){e===m?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}}class Ye extends U{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===m?void 0:e}}const Ke=_?_.emptyScript:"";class Ze extends U{constructor(){super(...arguments),this.type=4}j(e){e&&e!==m?this.element.setAttribute(this.name,Ke):this.element.removeAttribute(this.name)}}class Je extends U{constructor(e,t,o,i,a){super(e,t,o,i,a),this.type=5}_$AI(e,t=this){var o;if((e=(o=C(this,e,t,0))!==null&&o!==void 0?o:m)===$)return;const i=this._$AH,a=e===m&&i!==m||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==m&&(i===m||a);a&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,o;typeof this._$AH=="function"?this._$AH.call((o=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&o!==void 0?o:this.element,e):this._$AH.handleEvent(e)}}class Qe{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){C(this,e)}}const ne=N.litHtmlPolyfillSupport;ne==null||ne(B,T),((D=N.litHtmlVersions)!==null&&D!==void 0?D:N.litHtmlVersions=[]).push("2.8.0");const Xe=(r,e,t)=>{var o,i;const a=(o=t==null?void 0:t.renderBefore)!==null&&o!==void 0?o:e;let s=a._$litPart$;if(s===void 0){const u=(i=t==null?void 0:t.renderBefore)!==null&&i!==void 0?i:null;a._$litPart$=s=new T(e.insertBefore(E(),u),u,void 0,t!=null?t:{})}return s._$AI(r),s};/**
1133
- * @license
1134
- * Copyright 2017 Google LLC
1135
- * SPDX-License-Identifier: BSD-3-Clause
1136
- */var O,q;class I extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const o=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=o.firstChild),o}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Xe(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return $}}I.finalized=!0,I._$litElement$=!0,(O=globalThis.litElementHydrateSupport)===null||O===void 0||O.call(globalThis,{LitElement:I});const de=globalThis.litElementPolyfillSupport;de==null||de({LitElement:I});((q=globalThis.litElementVersions)!==null&&q!==void 0?q:globalThis.litElementVersions=[]).push("3.3.3");/**
1137
- * @license
1138
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
1139
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1140
- */const et=De`
1141
- :host {
1142
- display: inline-block;
1143
- position: relative;
1144
- outline: none;
1145
- white-space: nowrap;
1146
- -webkit-user-select: none;
1147
- -moz-user-select: none;
1148
- user-select: none;
1149
- }
1150
-
1151
- :host([hidden]) {
1152
- display: none !important;
1153
- }
1154
-
1155
- /* Aligns the button with form fields when placed on the same line.
1156
- Note, to make it work, the form fields should have the same "::before" pseudo-element. */
1157
- .vaadin-button-container::before {
1158
- content: '\\2003';
1159
- display: inline-block;
1160
- width: 0;
1161
- max-height: 100%;
1162
- }
1163
-
1164
- .vaadin-button-container {
1165
- display: inline-flex;
1166
- align-items: center;
1167
- justify-content: center;
1168
- text-align: center;
1169
- width: 100%;
1170
- height: 100%;
1171
- min-height: inherit;
1172
- text-shadow: inherit;
1173
- }
1174
-
1175
- [part='prefix'],
1176
- [part='suffix'] {
1177
- flex: none;
1178
- }
1179
-
1180
- [part='label'] {
1181
- white-space: nowrap;
1182
- overflow: hidden;
1183
- text-overflow: ellipsis;
1184
- }
1185
-
1186
- @media (forced-colors: active) {
1187
- :host {
1188
- outline: 1px solid;
1189
- outline-offset: -1px;
1190
- }
1191
-
1192
- :host([focused]) {
1193
- outline-width: 2px;
1194
- }
1195
-
1196
- :host([disabled]) {
1197
- outline-color: GrayText;
1198
- }
1199
- }
1200
- `,tt=r=>r`
1201
- <div class="vaadin-button-container">
1202
- <span part="prefix" aria-hidden="true">
1203
- <slot name="prefix"></slot>
1204
- </span>
1205
- <span part="label">
1206
- <slot></slot>
1207
- </span>
1208
- <span part="suffix" aria-hidden="true">
1209
- <slot name="suffix"></slot>
1210
- </span>
1211
- </div>
1212
- <slot name="tooltip"></slot>
1213
- `;/**
1214
- * @license
1215
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
1216
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1217
- */const ot=r=>class extends l.ActiveMixin(l.TabindexMixin(l.FocusMixin(r))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),!(t.altKey||t.shiftKey||t.ctrlKey||t.metaKey)&&this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};/**
1218
- * @license
1219
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
1220
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1221
- */l.registerStyles("vaadin-button",et,{moduleId:"vaadin-button-styles"});class xe extends ot(l.ElementMixin(l.ThemableMixin(l.ControllerMixin(l.PolymerElement)))){static get is(){return"vaadin-button"}static get template(){return tt(l.html)}ready(){super.ready(),this._tooltipController=new l.TooltipController(this),this.addController(this._tooltipController)}}l.defineCustomElement(xe);/**
1222
- * @license
1223
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
1224
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1225
- */class rt extends xe{static get is(){return"vaadin-password-field-button"}static get template(){return l.html`
1226
- <style>
1227
- :host {
1228
- display: block;
1229
- }
1230
-
1231
- :host([hidden]) {
1232
- display: none !important;
1233
- }
1234
- </style>
1235
- <slot name="tooltip"></slot>
1236
- `}}l.defineCustomElement(rt);/**
1237
- * @license
1238
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
1239
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1240
- */const it=l.html`
1241
- <div part="reveal-button" slot="suffix">
1242
- <slot name="reveal"></slot>
1243
- </div>
1244
- `;let P;class st extends ce{static get is(){return"vaadin-password-field"}static get template(){if(!P){P=super.template.cloneNode(!0);const e=it.content.querySelector('[part="reveal-button"]');P.content.querySelector('[part="input-field"]').appendChild(e)}return P}static get properties(){return{revealButtonHidden:{type:Boolean,observer:"_revealButtonHiddenChanged",value:!1},passwordVisible:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_passwordVisibleChanged",readOnly:!0},i18n:{type:Object,value:()=>({reveal:"Show password"})}}}static get observers(){return["__i18nChanged(i18n.*)"]}constructor(){super(),this._setType("password"),this.__boundRevealButtonClick=this._onRevealButtonClick.bind(this),this.__boundRevealButtonMouseDown=this._onRevealButtonMouseDown.bind(this),this.__lastChange=""}get slotStyles(){const e=this.localName;return[...super.slotStyles,`
1245
- ${e} [slot="input"]::-ms-reveal {
1246
- display: none;
1247
- }
1248
- `]}get _revealNode(){return this._revealButtonController&&this._revealButtonController.node}ready(){super.ready(),this._revealPart=this.shadowRoot.querySelector('[part="reveal-button"]'),this._revealButtonController=new l.SlotController(this,"reveal","vaadin-password-field-button",{initializer:e=>{e.disabled=this.disabled,e.addEventListener("click",this.__boundRevealButtonClick),e.addEventListener("mousedown",this.__boundRevealButtonMouseDown)}}),this.addController(this._revealButtonController),this.__updateAriaLabel(this.i18n),this._updateToggleState(!1),this._toggleRevealHidden(this.revealButtonHidden),this.inputElement&&(this.inputElement.autocapitalize="off")}_onChange(e){super._onChange(e),this.__lastChange=this.inputElement.value}_shouldSetFocus(e){return e.target===this.inputElement||e.target===this._revealNode}_shouldRemoveFocus(e){return!(e.relatedTarget===this._revealNode||e.relatedTarget===this.inputElement&&e.target===this._revealNode)}_setFocused(e){if(super._setFocused(e),!e)this._setPasswordVisible(!1),this.__lastChange!==this.inputElement.value&&(this.__lastChange=this.inputElement.value,this.dispatchEvent(new CustomEvent("change",{bubbles:!0})));else{const t=this.getRootNode().activeElement===this._revealNode;this.toggleAttribute("focus-ring",this._keyboardActive&&!t)}}__updateAriaLabel(e){e.reveal&&this._revealNode&&this._revealNode.setAttribute("aria-label",e.reveal)}__i18nChanged(e){this.__updateAriaLabel(e.base)}_revealButtonHiddenChanged(e){this._toggleRevealHidden(e)}_togglePasswordVisibility(){this._setPasswordVisible(!this.passwordVisible)}_onRevealButtonClick(){this._togglePasswordVisibility()}_onRevealButtonMouseDown(e){e.preventDefault(),this.inputElement.focus()}_toggleRevealHidden(e){this._revealNode&&(e?(this._revealPart.setAttribute("hidden",""),this._revealNode.setAttribute("tabindex","-1"),this._revealNode.setAttribute("aria-hidden","true")):(this._revealPart.removeAttribute("hidden"),this._revealNode.setAttribute("tabindex","0"),this._revealNode.removeAttribute("aria-hidden")))}_updateToggleState(e){this._revealNode&&this._revealNode.setAttribute("aria-pressed",e?"true":"false")}_passwordVisibleChanged(e){this._setType(e?"text":"password"),this._updateToggleState(e)}_disabledChanged(e,t){super._disabledChanged(e,t),this._revealNode&&(this._revealNode.disabled=e)}}l.defineCustomElement(st);const at='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.password{font-family:"Roboto";font-style:normal}.password__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.password__wrapper--autofilled{pointer-events:none}.password__wrapper--autofilled .password__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.password__wrapper--autofilled .password__input::part(input-field){color:var(--emw--color-black, #000000)}.password__wrapper--flex{display:flex;gap:5px}.password__wrapper--relative{position:relative}.password__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.password__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.password__input{width:inherit;border:none}.password__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.password__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.password__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);background-color:var(--emw--color-white, #FFFFFF);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;position:relative;margin-bottom:unset;height:44px;padding:0;width:100%}.password__input::part(reveal-button){position:relative;right:10px}.password__input::part(reveal-button)::before{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.password__input>input{padding:5px 15px}.password__input>input:placeholder-shown{color:var(--emw--color-gray-150, #828282)}.password__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.password__complexity{position:relative;padding:10px;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-top:20px;font-weight:300;background:var(--emw--color-white, #FFFFFF);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:150px;border:1px solid #B0B0B0;}.password__complexity meter{border-color:transparent;}.password__complexity meter[value="1"]::-moz-meter-bar{background-color:var(--emw--color-valid, #48952a)}.password__complexity meter[value="1"]::-webkit-meter-optimum-value{background-color:var(--emw--color-valid, #48952a)}.password__complexity meter:not([value="1"])::-moz-meter-bar{background-color:var(--emw--color-error, #FD2839)}.password__complexity meter:not([value="1"])::-webkit-meter-optimum-value{background-color:var(--emw--color-error, #FD2839)}.password__complexity--strength{display:flex;justify-content:space-evenly;align-items:center}.password__complexity--strength meter::-moz-meter-bar{background:#B0B0B0}.password__complexity--hidden{display:none}.password__complexity--text-bold{font-weight:500}.password__complexity--checkbox{margin-right:5px}.password__complexity:after{content:"";position:absolute;width:25px;height:25px;border-top:1px solid var(--emw--color-gray-150, #828282);border-right:0 solid var(--emw--color-gray-150, #828282);border-left:1px solid var(--emw--color-gray-150, #828282);border-bottom:0 solid var(--emw--color-gray-150, #828282);bottom:92%;left:50%;margin-left:-25px;transform:rotate(45deg);margin-top:-25px;background-color:var(--emw--color-white, #FFFFFF)}.password__tooltip-icon{width:16px;height:auto}.password__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-150, #828282);color:#2B2D3F;padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.password__tooltip.visible{opacity:1}',lt=at,Ae=class{constructor(r){h.registerInstance(this,r),this.sendOriginalValidityState=h.createEvent(this,"sendOriginalValidityState"),this.sendValidityState=h.createEvent(this,"sendValidityState"),this.sendInputValue=h.createEvent(this,"sendInputValue"),this.defaultValue="",this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.value="",this.touched=!1,this.originalValid=!1,this.validationPattern="",this.duplicateInputValue=null,this.handleInput=e=>{this.value=e.target.value,this.calculateComplexity(this.value),this.showPopup=!0,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout(()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)},500)},this.handleRevealField=e=>{e.stopPropagation(),window.postMessage({type:`registrationShow${this.name}`},window.location.href)},this.handleBlur=e=>{this.value=e.target.value,this.showPopup=!1,this.touched=!0,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage()},this.handleFocus=()=>{this.showPopup=!0,this.calculateComplexity(this.value)},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.stylingContainer.prepend(e)}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),this.emitValue==!0&&this.valueHandler({name:this.name,value:this.value})}valueChanged(){this.isDuplicateInput||(this.calculateComplexity(this.value),this.sendOriginalValidityState.emit({name:this.name,valid:this.setValidity()}))}emitValueHandler(r){r==!0&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"duplicate"})}validityStateHandler(r){this.sendValidityState.emit(r)}valueHandler(r){this.sendInputValue.emit(r)}originalValidityChangedHandler(r){this.isDuplicateInput&&(r.detail.valid?(this.originalValid=!0,this.isValid=this.setValidity()):(this.originalValid=!1,this.isValid=!1,this.value!==""&&(this.errorMessage=this.setErrorMessage())))}valueChangedHandler(r){this.isDuplicateInput&&this.name===r.detail.name+"Duplicate"&&(this.duplicateInputValue=r.detail.value,this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())),this.name===r.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===r.detail.name&&this.touched===!0&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())}handleClickOutside(r){r.composedPath()[0]!==this.tooltipIconReference&&r.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.inputReference=this.element.shadowRoot.querySelector("input"),this.passwordButton=this.element.shadowRoot.querySelector("vaadin-password-field-button"),this.passwordButton.tabIndex=-1,this.passwordButton.addEventListener("click",r=>{this.handleRevealField(r)}),this.defaultValue&&(this.value=this.defaultValue,this.calculateComplexity(this.value),this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.duplicateInputValue=this.defaultValue,this.touched=!0)),this.isValid=this.setValidity()}disconnectedCallback(){this.passwordButton.removeEventListener("click",this.handleRevealField)}calculateComplexity(r){this.passwordComplexity=this.validation.custom.filter(e=>e.rule==="regex").map(e=>{const o=new RegExp(e.pattern).test(r);return{rule:e.displayName,ruleKey:e.errorKey,passed:o}})}setValidity(){var r,e;return this.isDuplicateInput&&this.duplicateInputValue!==this.value?!1:!((r=this.passwordComplexity)===null||r===void 0)&&r.every(t=>t.passed)?(e=this.inputReference)===null||e===void 0?void 0:e.validity.valid:!1}setPattern(){var r,e;if(((r=this.validation.custom)===null||r===void 0?void 0:r.length)>0)return(e=this.validation.custom.find(t=>t.rule==="regex"))===null||e===void 0?void 0:e.pattern}setErrorMessage(){var r,e,t,o;if(this.isDuplicateInput&&!this.originalValid)return g.translate("invalidOriginalPasswordError",this.language);if(this.inputReference.validity.patternMismatch){const i=(r=this.validation.custom.find(s=>s.rule==="regex"))===null||r===void 0?void 0:r.errorKey,a=(e=this.validation.custom.find(s=>s.rule==="regex"))===null||e===void 0?void 0:e.errorMessage;return g.translate(`${i}`,this.language)?g.translate(`${i}`,this.language):a}if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return g.translate("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return g.translate("requiredError",this.language);if(this.isDuplicateInput&&this.duplicateInputValue!==this.value){const i=(t=this.validation.custom.find(s=>s.rule==="duplicate-input"))===null||t===void 0?void 0:t.errorKey,a=(o=this.validation.custom.find(s=>s.rule==="duplicate-input"))===null||o===void 0?void 0:o.errorMessage;return g.translate(`${i}`,this.language)?g.translate(`${i}`,this.language):a}}renderTooltip(){return this.showTooltip?h.h("div",{class:`password__tooltip ${this.showTooltip?"visible":""}`,ref:r=>this.tooltipReference=r,innerHTML:this.tooltip}):null}renderComplexityPopup(){const r=this.passwordComplexity.length,t=this.passwordComplexity.filter(i=>i.passed).length/r,o=this.passwordComplexity.every(i=>i.passed);return h.h("div",{class:`password__complexity ${this.showPopup?"":"password__complexity--hidden"}`},h.h("div",{class:"password__complexity--strength"},h.h("p",{class:"password__complexity--text"},g.translate("passwordStrength",this.language)," ",h.h("span",{class:"password__complexity--text-bold"},g.translate(`${o?"passwordStrengthStrong":"passwordStrengthWeak"}`,this.language))),h.h("meter",{value:t,min:"0",max:"1"})),h.h("div",null,this.passwordComplexity.map((i,a)=>h.h("div",{key:a},h.h("input",{class:"password__complexity--checkbox",type:"checkbox",checked:i.passed,disabled:!0}),h.h("span",null,g.translate(`${i.ruleKey}`,this.language)?g.translate(`${i.ruleKey}`,this.language):i.rule)))))}render(){let r="";return this.touched&&(r=this.isValid==!0||this.isValid==null?"":"text__input--invalid"),h.h("div",{key:"c704b51efdf53817beb1541b4794e0b11b490a24",class:`password__wrapper ${this.autofilled?"password__wrapper--autofilled":""} ${this.name}__input`,ref:e=>this.stylingContainer=e},h.h("div",{key:"e590afa403084ff95a8735ade400ab81ad16937f",class:"password__wrapper--flex"},h.h("label",{key:"9d8db00b59c4b9594538aeacee3ef5a0e678c0e9",class:`password__label ${this.validation.mandatory?"password__label--required":""}`,htmlFor:`${this.name}__input`},this.displayName),h.h("div",{key:"bb39f6018cf688fafcd0b5bef91ba079edf09daf",class:"password__wrapper--relative"},this.tooltip&&h.h("img",{key:"d8dbd086da34a8c7db9b5826654530bdb888c927",class:"password__tooltip-icon",src:_e.tooltipIconSvg,alt:"",ref:e=>this.tooltipIconReference=e,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),h.h("vaadin-password-field",{key:"ae1c212d663fe379561b1c514087629409196ac3",type:"password",id:`${this.name}__input`,class:`password__input ${r}`,name:this.name,readOnly:this.autofilled,value:this.defaultValue,required:this.validation.mandatory,maxlength:this.validation.maxLength,minlength:this.validation.minLength,pattern:this.validationPattern,placeholder:`${this.placeholder}`,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus}),h.h("small",{key:"2fa1e25239a7314399c16b2f897873b7a31e9f77",class:"password__error-message"},this.errorMessage),this.passwordComplexity&&this.showPopup&&!this.isDuplicateInput&&this.renderComplexityPopup())}get element(){return h.getElement(this)}static get watchers(){return{isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}}};Ae.style=lt;exports.player_change_password_gm2=$e.PlayerChangePasswordGm2;exports.password_input=Ae;