@everymatrix/player-account-controller 1.54.6 → 1.54.8

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 (145) hide show
  1. package/components/{GeneralLogout-Ddt-oH9k.js → GeneralLogout-ChXyfO7j.js} +504 -512
  2. package/components/GeneralLogout-CoXr5Hra.js +4819 -0
  3. package/components/GeneralLogout-JiIri-az.cjs +8 -0
  4. package/components/PlayerAccountBettingHistory-C4SfQEr4.js +333 -0
  5. package/components/{PlayerAccountBettingHistory-C7xwYi03.js → PlayerAccountBettingHistory-CElNilNd.js} +24 -24
  6. package/components/PlayerAccountBettingHistory-CSI5k3hd.cjs +1 -0
  7. package/components/PlayerAccountBiometrics-BS3jkUXn.cjs +1 -0
  8. package/components/{PlayerAccountBiometrics-D7WS5cnI.js → PlayerAccountBiometrics-D9kYcZXR.js} +26 -26
  9. package/components/PlayerAccountBiometrics-orQ-qG9h.js +307 -0
  10. package/components/{PlayerAccountClosure-yRlo8hXR.js → PlayerAccountClosure-CHUq23nB.js} +13 -13
  11. package/components/PlayerAccountClosure-CWd3utu_.js +347 -0
  12. package/components/PlayerAccountClosure-DdfqiT7d.cjs +1 -0
  13. package/components/{PlayerAccountController-BEYNBwE6.js → PlayerAccountController-BclvS237.js} +126 -126
  14. package/components/PlayerAccountController-DEXL47fX.js +6671 -0
  15. package/components/PlayerAccountController-DX3vsM6e.cjs +1 -0
  16. package/components/PlayerAccountGamingLimits-CKnItii4.cjs +1 -0
  17. package/components/{PlayerAccountGamingLimits-CTBhVGgC.js → PlayerAccountGamingLimits-DXQNmZKD.js} +19 -19
  18. package/components/PlayerAccountGamingLimits-Db6qUAS-.js +766 -0
  19. package/components/{PlayerAccountGamingLimitsConfirmationModal-CuQvNzww.js → PlayerAccountGamingLimitsConfirmationModal-i09zMH6w.js} +59 -59
  20. package/components/PlayerAccountGamingLimitsConfirmationModal-jZS53-sU.cjs +1 -0
  21. package/components/PlayerAccountGamingLimitsConfirmationModal-l4fu3WOl.js +310 -0
  22. package/components/{PlayerAccountGamingLimitsGroupEdit-Du2YQlDU.js → PlayerAccountGamingLimitsGroupEdit-BIt0U7Ia.js} +51 -51
  23. package/components/PlayerAccountGamingLimitsGroupEdit-CsnzS7iF.js +4170 -0
  24. package/components/PlayerAccountGamingLimitsGroupEdit-DZlV6G_9.cjs +10 -0
  25. package/components/PlayerAccountGamingLimitsHistory2-CrW3EIzV.cjs +1 -0
  26. package/components/{PlayerAccountGamingLimitsHistory2-CXKA0L0d.js → PlayerAccountGamingLimitsHistory2-D04L-msb.js} +44 -44
  27. package/components/PlayerAccountGamingLimitsHistory2-DA5YY1gv.js +767 -0
  28. package/components/{PlayerAccountGamingLimitsInfoCard-CWTybgoQ.js → PlayerAccountGamingLimitsInfoCard-B2YB4bdP.js} +95 -95
  29. package/components/PlayerAccountGamingLimitsInfoCard-B4t7J9Ea.js +1513 -0
  30. package/components/PlayerAccountGamingLimitsInfoCard-CaJYYEdy.cjs +1 -0
  31. package/components/PlayerAccountGamingLimitsPage2Gm16-B1GlGvDK.cjs +21 -0
  32. package/components/PlayerAccountGamingLimitsPage2Gm16-CbtwzTC5.js +3283 -0
  33. package/components/{PlayerAccountGamingLimitsPage2Gm16-CXjNcIFP.js → PlayerAccountGamingLimitsPage2Gm16-D8OKZxQt.js} +90 -90
  34. package/components/{PlayerAccountGamingLimitsPopup-CJu5RRl6.js → PlayerAccountGamingLimitsPopup-B7ZXSiK5.js} +17 -17
  35. package/components/PlayerAccountGamingLimitsPopup-C9KoZcRj.cjs +1 -0
  36. package/components/PlayerAccountGamingLimitsPopup-DxXAP_Yw.js +344 -0
  37. package/components/{PlayerAccountGamingLimitsWrapper2-BdpxEDlV.js → PlayerAccountGamingLimitsWrapper2-BoFnZpPK.js} +8 -8
  38. package/components/PlayerAccountGamingLimitsWrapper2-Dll6Amu9.cjs +1 -0
  39. package/components/PlayerAccountGamingLimitsWrapper2-eSNYZCaw.js +866 -0
  40. package/components/PlayerAccountGeneralConfirmationModal-B-p3sJZ3.cjs +1 -0
  41. package/components/{PlayerAccountGeneralConfirmationModal-DG0N686t.js → PlayerAccountGeneralConfirmationModal-DLBQH_sl.js} +66 -66
  42. package/components/PlayerAccountGeneralConfirmationModal-DhTWcbuE.js +365 -0
  43. package/components/PlayerAccountMenu-BGRoL3Yz.js +579 -0
  44. package/components/{PlayerAccountMenu-CZBa8_5G.js → PlayerAccountMenu-BxjdHhZ_.js} +17 -17
  45. package/components/PlayerAccountMenu-Csb1tUf_.cjs +1 -0
  46. package/components/{PlayerAccountModal-BmKjtXKT.js → PlayerAccountModal-C4nIa5u0.js} +28 -28
  47. package/components/PlayerAccountModal-D29fr970.js +213 -0
  48. package/components/PlayerAccountModal-DabmJiP4.cjs +1 -0
  49. package/components/{PlayerAccountNotifications-B4Ht-hHj.js → PlayerAccountNotifications-4sGKSJWy.js} +16 -16
  50. package/components/PlayerAccountNotifications-C3rPIsKp.js +261 -0
  51. package/components/PlayerAccountNotifications-O92_s-dm.cjs +1 -0
  52. package/components/PlayerAccountSelfExclusion-BkBWGAy2.cjs +3557 -0
  53. package/components/PlayerAccountSelfExclusion-CpKuxBrZ.js +16678 -0
  54. package/components/{PlayerAccountSelfExclusion-DxGHXTb8.js → PlayerAccountSelfExclusion-U9dfheYH.js} +11029 -12570
  55. package/components/PlayerAccountTimeout-CucYpS_w.cjs +1 -0
  56. package/components/{PlayerAccountTimeout-DOSjICsY.js → PlayerAccountTimeout-DIRXKowJ.js} +25 -25
  57. package/components/PlayerAccountTimeout-c2osWNku.js +819 -0
  58. package/components/{PlayerActiveBonuses-DMAG7NUP.js → PlayerActiveBonuses-B2QAPJxC.js} +49 -49
  59. package/components/PlayerActiveBonuses-DDcAwy_n.js +1089 -0
  60. package/components/PlayerActiveBonuses-cecVnp46.cjs +1 -0
  61. package/components/{PlayerBonusCard-Dss1REmn.js → PlayerBonusCard-BQU7JBPr.js} +50 -50
  62. package/components/PlayerBonusCard-C9Xdv-lu.cjs +1 -0
  63. package/components/PlayerBonusCard-TYI-WkBy.js +701 -0
  64. package/components/{PlayerBonusHistory-bS_5m4-D.js → PlayerBonusHistory-Boz8c3tb.js} +30 -30
  65. package/components/PlayerBonusHistory-CMPf8GQz.cjs +1 -0
  66. package/components/PlayerBonusHistory-cNqY_wfD.js +920 -0
  67. package/components/{PlayerChangePassword-DnCj-wcc.js → PlayerChangePassword-BGxYGFs-.js} +103 -103
  68. package/components/PlayerChangePassword-Dl3Pgpul.js +1177 -0
  69. package/components/PlayerChangePassword-X_GfgxAV.cjs +3 -0
  70. package/components/{PlayerDeposit-CHIQ8EaC.js → PlayerDeposit-BzSW3HMj.js} +25 -25
  71. package/components/PlayerDeposit-CqpNLpaq.cjs +1 -0
  72. package/components/PlayerDeposit-kjy658sM.js +395 -0
  73. package/components/PlayerGamingHistory-B6KJDVn0.cjs +1 -0
  74. package/components/PlayerGamingHistory-BW5rigFC.js +986 -0
  75. package/components/{PlayerGamingHistory-ByyLQwtw.js → PlayerGamingHistory-DIgLxCfL.js} +31 -31
  76. package/components/PlayerPendingWithdrawals--W6Dfn3K.cjs +1 -0
  77. package/components/{PlayerPendingWithdrawals-BbTa7_8U.js → PlayerPendingWithdrawals-BzOmRYiC.js} +33 -33
  78. package/components/PlayerPendingWithdrawals-pV1C12y5.js +311 -0
  79. package/components/PlayerProfileInfo-BTgis7wR.cjs +1 -0
  80. package/components/{PlayerProfileInfo-CvAqD3Dk.js → PlayerProfileInfo-CTgSfW-l.js} +45 -45
  81. package/components/PlayerProfileInfo-DkVAYiPX.js +1753 -0
  82. package/components/PlayerRealityCheck-BcsDhvm0.cjs +1 -0
  83. package/components/{PlayerRealityCheck-3d-B64ie.js → PlayerRealityCheck-BdZDs3Tl.js} +26 -26
  84. package/components/PlayerRealityCheck-DT3kOky2.js +598 -0
  85. package/components/PlayerTransactionHistory-BL92RRLF.cjs +1 -0
  86. package/components/{PlayerTransactionHistory-BYJNabMB.js → PlayerTransactionHistory-BQIA4QRw.js} +23 -23
  87. package/components/PlayerTransactionHistory-Yhwt7kUa.js +315 -0
  88. package/components/{PlayerWithdrawal-DDWroufG.js → PlayerWithdrawal-Cgv9nZE8.js} +20 -20
  89. package/components/PlayerWithdrawal-KgqM9wo-.cjs +1 -0
  90. package/components/PlayerWithdrawal-uB46JhmK.js +369 -0
  91. package/es2015/player-account-controller.cjs +1 -0
  92. package/es2015/player-account-controller.js +16 -0
  93. package/esnext/player-account-controller.js +1 -1
  94. package/package.json +1 -1
  95. package/stencil/app-globals-0f993ce5-8artnnwr.cjs +1 -0
  96. package/stencil/checkbox-group-input_9-AKw0biZc.cjs +2045 -0
  97. package/stencil/checkbox-group-input_9-BewIfW-f.js +13203 -0
  98. package/stencil/checkbox-group-input_9-CbFpcwPG.js +13237 -0
  99. package/stencil/{general-input-CQlnWzpy.js → general-input-BEcUF0Mm.js} +1 -1
  100. package/stencil/general-input-DI0pw0ot.cjs +1 -0
  101. package/stencil/general-input-DKyA-W8i.js +48 -0
  102. package/stencil/index-581287aa-CC7128Vz.js +654 -0
  103. package/stencil/index-581287aa-D5QW29QV.cjs +1 -0
  104. package/stencil/index-581287aa-D8NTWa_9.js +638 -0
  105. package/stencil/index-8b4525de-BFiXEsaX.cjs +1 -0
  106. package/stencil/index-8b4525de-C2xAv-3x.js +708 -0
  107. package/stencil/index-8b4525de-DeHXGvRF.js +692 -0
  108. package/stencil/index-a76d30c7-CFX9mSqu.cjs +1 -0
  109. package/stencil/index-a76d30c7-CQrAWNu0.js +658 -0
  110. package/stencil/index-a76d30c7-PfqrSVyu.js +631 -0
  111. package/stencil/index-c0196f50-3kAjMpUS.cjs +1 -0
  112. package/stencil/index-c0196f50-BjscP7kj.js +697 -0
  113. package/stencil/index-c0196f50-aE1zPmtS.js +724 -0
  114. package/stencil/locale-B5abSHU_.cjs +1 -0
  115. package/stencil/password-input_2-D97O8QAr.cjs +105 -0
  116. package/stencil/password-input_2-eDchPH-o.js +569 -0
  117. package/stencil/password-input_2-vTvSUJey.js +569 -0
  118. package/stencil/{player-change-password-gm2-BaQUJaH1.js → player-change-password-gm2-D4jpQFwb.js} +1 -1
  119. package/stencil/player-change-password-gm2-DSTqyOhE.js +25 -0
  120. package/stencil/player-change-password-gm2-Dw3D3ckz.cjs +1 -0
  121. package/stencil/{player-change-password-gm2-98dcb7bc-pj_6Z40p.js → player-change-password-gm2-e732ee8e-BjoYj-89.js} +1 -1
  122. package/stencil/player-change-password-gm2-e732ee8e-BqRUxIre.cjs +1 -0
  123. package/stencil/player-change-password-gm2-e732ee8e-Df6ljnLL.js +253 -0
  124. package/stencil/player-kyc-verification-B2FHAsrR.cjs +180 -0
  125. package/stencil/player-kyc-verification-CVqP43FY.js +865 -0
  126. package/stencil/{player-kyc-verification-BQZdJFEJ.js → player-kyc-verification-D6Au6XVN.js} +1 -1
  127. package/stencil/{toggle-checkbox-input-Sy9vd4Jp.js → toggle-checkbox-input-BckTBwKu.js} +1 -1
  128. package/stencil/toggle-checkbox-input-D8fVk4wA.js +46 -0
  129. package/stencil/toggle-checkbox-input-kw5Y1n3x.cjs +1 -0
  130. package/stencil/tooltipIcon-ee9760a8-Bd9l1O5C.cjs +1 -0
  131. package/stencil/user-deposit-withdrawal-BpAi0dc-.js +668 -0
  132. package/stencil/{user-deposit-withdrawal-CmF0LoNb.js → user-deposit-withdrawal-CrMPR6xn.js} +1 -1
  133. package/stencil/user-deposit-withdrawal-DrKFN7wp.cjs +59 -0
  134. package/stencil/{user-transaction-history-BgV-k2Cl.js → user-transaction-history-BgYG3IxS.js} +1 -1
  135. package/stencil/user-transaction-history-CBxwJE34.cjs +1 -0
  136. package/stencil/user-transaction-history-D8ebS-DZ.js +355 -0
  137. package/stencil/{active-mixin-59dfae2a-BphP4pp5.js → vaadin-button-mixin-d131076c-C559kyH3.js} +3523 -3021
  138. package/stencil/vaadin-button-mixin-d131076c-brSraXp5.js +10277 -0
  139. package/stencil/vaadin-button-mixin-d131076c-zI_s2YZ5.cjs +2385 -0
  140. package/stencil/checkbox-group-input_9-i8KmOWKn.js +0 -15610
  141. package/stencil/index-062e829b-CboMDKTu.js +0 -686
  142. package/stencil/index-33f005e1-fFxPaeNy.js +0 -632
  143. package/stencil/index-9b3245b3-rzHgwqlB.js +0 -625
  144. package/stencil/index-fc58390d-BSwfXuUs.js +0 -691
  145. package/stencil/password-input_2-sxSehMYk.js +0 -2359
@@ -1,2359 +0,0 @@
1
- import { r as ze, c as L, h as p, g as Be } from "./index-062e829b-CboMDKTu.js";
2
- import { t as g } from "./locale-BG_TzyDt.js";
3
- import { d as M, i as f, r as v, h as H, T as pe, E as me, c as fe, C as Te, P as ge, g as Me, f as Pe, L as Re, J as Ie, A as Fe, n as Ne, b as Ue, I as Ve, z as He } from "./active-mixin-59dfae2a-BphP4pp5.js";
4
- import { t as De } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
5
- import { P as It } from "./player-change-password-gm2-98dcb7bc-pj_6Z40p.js";
6
- /**
7
- * @license
8
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
9
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
10
- */
11
- class Le extends HTMLElement {
12
- static get is() {
13
- return "vaadin-lumo-styles";
14
- }
15
- static get version() {
16
- return "24.2.9";
17
- }
18
- }
19
- M(Le);
20
- const S = (r, ...e) => {
21
- Me(`lumo-${r}`, e);
22
- };
23
- /**
24
- * @license
25
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
26
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
27
- */
28
- const Oe = f`
29
- :host {
30
- /* Base (background) */
31
- --lumo-base-color: #fff;
32
-
33
- /* Tint */
34
- --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
35
- --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
36
- --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
37
- --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
38
- --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
39
- --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
40
- --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
41
- --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
42
- --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
43
- --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
44
- --lumo-tint: #fff;
45
-
46
- /* Shade */
47
- --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
48
- --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
49
- --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
50
- --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
51
- --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
52
- --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
53
- --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
54
- --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
55
- --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
56
- --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
57
- --lumo-shade: hsl(214, 35%, 15%);
58
-
59
- /* Contrast */
60
- --lumo-contrast-5pct: var(--lumo-shade-5pct);
61
- --lumo-contrast-10pct: var(--lumo-shade-10pct);
62
- --lumo-contrast-20pct: var(--lumo-shade-20pct);
63
- --lumo-contrast-30pct: var(--lumo-shade-30pct);
64
- --lumo-contrast-40pct: var(--lumo-shade-40pct);
65
- --lumo-contrast-50pct: var(--lumo-shade-50pct);
66
- --lumo-contrast-60pct: var(--lumo-shade-60pct);
67
- --lumo-contrast-70pct: var(--lumo-shade-70pct);
68
- --lumo-contrast-80pct: var(--lumo-shade-80pct);
69
- --lumo-contrast-90pct: var(--lumo-shade-90pct);
70
- --lumo-contrast: var(--lumo-shade);
71
-
72
- /* Text */
73
- --lumo-header-text-color: var(--lumo-contrast);
74
- --lumo-body-text-color: var(--lumo-contrast-90pct);
75
- --lumo-secondary-text-color: var(--lumo-contrast-70pct);
76
- --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
77
- --lumo-disabled-text-color: var(--lumo-contrast-30pct);
78
-
79
- /* Primary */
80
- --lumo-primary-color: hsl(214, 100%, 48%);
81
- --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
82
- --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
83
- --lumo-primary-text-color: hsl(214, 100%, 43%);
84
- --lumo-primary-contrast-color: #fff;
85
-
86
- /* Error */
87
- --lumo-error-color: hsl(3, 85%, 48%);
88
- --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
89
- --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
90
- --lumo-error-text-color: hsl(3, 89%, 42%);
91
- --lumo-error-contrast-color: #fff;
92
-
93
- /* Success */
94
- --lumo-success-color: hsl(145, 72%, 30%);
95
- --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
96
- --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
97
- --lumo-success-text-color: hsl(145, 85%, 25%);
98
- --lumo-success-contrast-color: #fff;
99
-
100
- /* Warning */
101
- --lumo-warning-color: hsl(48, 100%, 50%);
102
- --lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
103
- --lumo-warning-text-color: hsl(32, 100%, 30%);
104
- --lumo-warning-contrast-color: var(--lumo-shade-90pct);
105
- }
106
-
107
- /* forced-colors mode adjustments */
108
- @media (forced-colors: active) {
109
- html {
110
- --lumo-disabled-text-color: GrayText;
111
- }
112
- }
113
- `;
114
- S("color-props", Oe);
115
- const qe = f`
116
- [theme~='dark'] {
117
- /* Base (background) */
118
- --lumo-base-color: hsl(214, 35%, 21%);
119
-
120
- /* Tint */
121
- --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
122
- --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
123
- --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
124
- --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
125
- --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
126
- --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
127
- --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
128
- --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
129
- --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
130
- --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
131
- --lumo-tint: hsl(214, 100%, 98%);
132
-
133
- /* Shade */
134
- --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
135
- --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
136
- --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
137
- --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
138
- --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
139
- --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
140
- --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
141
- --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
142
- --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
143
- --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
144
- --lumo-shade: hsl(214, 33%, 13%);
145
-
146
- /* Contrast */
147
- --lumo-contrast-5pct: var(--lumo-tint-5pct);
148
- --lumo-contrast-10pct: var(--lumo-tint-10pct);
149
- --lumo-contrast-20pct: var(--lumo-tint-20pct);
150
- --lumo-contrast-30pct: var(--lumo-tint-30pct);
151
- --lumo-contrast-40pct: var(--lumo-tint-40pct);
152
- --lumo-contrast-50pct: var(--lumo-tint-50pct);
153
- --lumo-contrast-60pct: var(--lumo-tint-60pct);
154
- --lumo-contrast-70pct: var(--lumo-tint-70pct);
155
- --lumo-contrast-80pct: var(--lumo-tint-80pct);
156
- --lumo-contrast-90pct: var(--lumo-tint-90pct);
157
- --lumo-contrast: var(--lumo-tint);
158
-
159
- /* Text */
160
- --lumo-header-text-color: var(--lumo-contrast);
161
- --lumo-body-text-color: var(--lumo-contrast-90pct);
162
- --lumo-secondary-text-color: var(--lumo-contrast-70pct);
163
- --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
164
- --lumo-disabled-text-color: var(--lumo-contrast-30pct);
165
-
166
- /* Primary */
167
- --lumo-primary-color: hsl(214, 90%, 48%);
168
- --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
169
- --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
170
- --lumo-primary-text-color: hsl(214, 90%, 77%);
171
- --lumo-primary-contrast-color: #fff;
172
-
173
- /* Error */
174
- --lumo-error-color: hsl(3, 79%, 49%);
175
- --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
176
- --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
177
- --lumo-error-text-color: hsl(3, 100%, 80%);
178
-
179
- /* Success */
180
- --lumo-success-color: hsl(145, 72%, 30%);
181
- --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
182
- --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
183
- --lumo-success-text-color: hsl(145, 85%, 46%);
184
-
185
- /* Warning */
186
- --lumo-warning-color: hsl(43, 100%, 48%);
187
- --lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
188
- --lumo-warning-text-color: hsl(45, 100%, 60%);
189
- --lumo-warning-contrast-color: var(--lumo-shade-90pct);
190
- }
191
-
192
- html {
193
- color: var(--lumo-body-text-color);
194
- background-color: var(--lumo-base-color);
195
- color-scheme: light;
196
- }
197
-
198
- [theme~='dark'] {
199
- color: var(--lumo-body-text-color);
200
- background-color: var(--lumo-base-color);
201
- color-scheme: dark;
202
- }
203
-
204
- h1,
205
- h2,
206
- h3,
207
- h4,
208
- h5,
209
- h6 {
210
- color: var(--lumo-header-text-color);
211
- }
212
-
213
- a:where(:any-link) {
214
- color: var(--lumo-primary-text-color);
215
- }
216
-
217
- a:not(:any-link) {
218
- color: var(--lumo-disabled-text-color);
219
- }
220
-
221
- blockquote {
222
- color: var(--lumo-secondary-text-color);
223
- }
224
-
225
- code,
226
- pre {
227
- background-color: var(--lumo-contrast-10pct);
228
- border-radius: var(--lumo-border-radius-m);
229
- }
230
- `;
231
- v("", qe, { moduleId: "lumo-color" });
232
- /**
233
- * @license
234
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
235
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
236
- */
237
- const We = f`
238
- @font-face {
239
- font-family: 'lumo-icons';
240
- src: url(data:application/font-woff;charset=utf-8;base64,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)
241
- format('woff');
242
- font-weight: normal;
243
- font-style: normal;
244
- }
245
-
246
- html {
247
- --lumo-icons-align-center: '\\ea01';
248
- --lumo-icons-align-left: '\\ea02';
249
- --lumo-icons-align-right: '\\ea03';
250
- --lumo-icons-angle-down: '\\ea04';
251
- --lumo-icons-angle-left: '\\ea05';
252
- --lumo-icons-angle-right: '\\ea06';
253
- --lumo-icons-angle-up: '\\ea07';
254
- --lumo-icons-arrow-down: '\\ea08';
255
- --lumo-icons-arrow-left: '\\ea09';
256
- --lumo-icons-arrow-right: '\\ea0a';
257
- --lumo-icons-arrow-up: '\\ea0b';
258
- --lumo-icons-bar-chart: '\\ea0c';
259
- --lumo-icons-bell: '\\ea0d';
260
- --lumo-icons-calendar: '\\ea0e';
261
- --lumo-icons-checkmark: '\\ea0f';
262
- --lumo-icons-chevron-down: '\\ea10';
263
- --lumo-icons-chevron-left: '\\ea11';
264
- --lumo-icons-chevron-right: '\\ea12';
265
- --lumo-icons-chevron-up: '\\ea13';
266
- --lumo-icons-clock: '\\ea14';
267
- --lumo-icons-cog: '\\ea15';
268
- --lumo-icons-cross: '\\ea16';
269
- --lumo-icons-download: '\\ea17';
270
- --lumo-icons-dropdown: '\\ea18';
271
- --lumo-icons-edit: '\\ea19';
272
- --lumo-icons-error: '\\ea1a';
273
- --lumo-icons-eye: '\\ea1b';
274
- --lumo-icons-eye-disabled: '\\ea1c';
275
- --lumo-icons-menu: '\\ea1d';
276
- --lumo-icons-minus: '\\ea1e';
277
- --lumo-icons-ordered-list: '\\ea1f';
278
- --lumo-icons-phone: '\\ea20';
279
- --lumo-icons-photo: '\\ea21';
280
- --lumo-icons-play: '\\ea22';
281
- --lumo-icons-plus: '\\ea23';
282
- --lumo-icons-redo: '\\ea24';
283
- --lumo-icons-reload: '\\ea25';
284
- --lumo-icons-search: '\\ea26';
285
- --lumo-icons-undo: '\\ea27';
286
- --lumo-icons-unordered-list: '\\ea28';
287
- --lumo-icons-upload: '\\ea29';
288
- --lumo-icons-user: '\\ea2a';
289
- }
290
- `;
291
- S("font-icons", We);
292
- /**
293
- * @license
294
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
295
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
296
- */
297
- const je = f`
298
- :host {
299
- --lumo-size-xs: 1.625rem;
300
- --lumo-size-s: 1.875rem;
301
- --lumo-size-m: 2.25rem;
302
- --lumo-size-l: 2.75rem;
303
- --lumo-size-xl: 3.5rem;
304
-
305
- /* Icons */
306
- --lumo-icon-size-s: 1.25em;
307
- --lumo-icon-size-m: 1.5em;
308
- --lumo-icon-size-l: 2.25em;
309
- /* For backwards compatibility */
310
- --lumo-icon-size: var(--lumo-icon-size-m);
311
- }
312
- `;
313
- S("sizing-props", je);
314
- /**
315
- * @license
316
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
317
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
318
- */
319
- const Ge = f`
320
- :host {
321
- /* Square */
322
- --lumo-space-xs: 0.25rem;
323
- --lumo-space-s: 0.5rem;
324
- --lumo-space-m: 1rem;
325
- --lumo-space-l: 1.5rem;
326
- --lumo-space-xl: 2.5rem;
327
-
328
- /* Wide */
329
- --lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
330
- --lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
331
- --lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
332
- --lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
333
- --lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
334
-
335
- /* Tall */
336
- --lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
337
- --lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
338
- --lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
339
- --lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
340
- --lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
341
- }
342
- `;
343
- S("spacing-props", Ge);
344
- /**
345
- * @license
346
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
347
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
348
- */
349
- const Ye = f`
350
- :host {
351
- /* Border radius */
352
- --lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
353
- --lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
354
- --lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
355
-
356
- /* Shadow */
357
- --lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
358
- --lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
359
- --lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
360
- --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
361
- --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
362
-
363
- /* Clickable element cursor */
364
- --lumo-clickable-cursor: default;
365
- }
366
- `;
367
- f`
368
- html {
369
- --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
370
- --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
371
- --vaadin-input-field-border-radius: var(--lumo-border-radius-m);
372
- }
373
- `;
374
- S("style-props", Ye);
375
- /**
376
- * @license
377
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
378
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
379
- */
380
- const Ke = f`
381
- :host {
382
- /* prettier-ignore */
383
- --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
384
-
385
- /* Font sizes */
386
- --lumo-font-size-xxs: 0.75rem;
387
- --lumo-font-size-xs: 0.8125rem;
388
- --lumo-font-size-s: 0.875rem;
389
- --lumo-font-size-m: 1rem;
390
- --lumo-font-size-l: 1.125rem;
391
- --lumo-font-size-xl: 1.375rem;
392
- --lumo-font-size-xxl: 1.75rem;
393
- --lumo-font-size-xxxl: 2.5rem;
394
-
395
- /* Line heights */
396
- --lumo-line-height-xs: 1.25;
397
- --lumo-line-height-s: 1.375;
398
- --lumo-line-height-m: 1.625;
399
- }
400
- `, Ze = f`
401
- body,
402
- :host {
403
- font-family: var(--lumo-font-family);
404
- font-size: var(--lumo-font-size-m);
405
- line-height: var(--lumo-line-height-m);
406
- -webkit-text-size-adjust: 100%;
407
- -webkit-font-smoothing: antialiased;
408
- -moz-osx-font-smoothing: grayscale;
409
- }
410
-
411
- small,
412
- [theme~='font-size-s'] {
413
- font-size: var(--lumo-font-size-s);
414
- line-height: var(--lumo-line-height-s);
415
- }
416
-
417
- [theme~='font-size-xs'] {
418
- font-size: var(--lumo-font-size-xs);
419
- line-height: var(--lumo-line-height-xs);
420
- }
421
-
422
- :where(h1, h2, h3, h4, h5, h6) {
423
- font-weight: 600;
424
- line-height: var(--lumo-line-height-xs);
425
- margin-block: 0;
426
- }
427
-
428
- :where(h1) {
429
- font-size: var(--lumo-font-size-xxxl);
430
- }
431
-
432
- :where(h2) {
433
- font-size: var(--lumo-font-size-xxl);
434
- }
435
-
436
- :where(h3) {
437
- font-size: var(--lumo-font-size-xl);
438
- }
439
-
440
- :where(h4) {
441
- font-size: var(--lumo-font-size-l);
442
- }
443
-
444
- :where(h5) {
445
- font-size: var(--lumo-font-size-m);
446
- }
447
-
448
- :where(h6) {
449
- font-size: var(--lumo-font-size-xs);
450
- text-transform: uppercase;
451
- letter-spacing: 0.03em;
452
- }
453
-
454
- p,
455
- blockquote {
456
- margin-top: 0.5em;
457
- margin-bottom: 0.75em;
458
- }
459
-
460
- a {
461
- text-decoration: none;
462
- }
463
-
464
- a:where(:any-link):hover {
465
- text-decoration: underline;
466
- }
467
-
468
- hr {
469
- display: block;
470
- align-self: stretch;
471
- height: 1px;
472
- border: 0;
473
- padding: 0;
474
- margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
475
- background-color: var(--lumo-contrast-10pct);
476
- }
477
-
478
- blockquote {
479
- border-left: 2px solid var(--lumo-contrast-30pct);
480
- }
481
-
482
- b,
483
- strong {
484
- font-weight: 600;
485
- }
486
-
487
- /* RTL specific styles */
488
- blockquote[dir='rtl'] {
489
- border-left: none;
490
- border-right: 2px solid var(--lumo-contrast-30pct);
491
- }
492
- `;
493
- v("", Ze, { moduleId: "lumo-typography" });
494
- S("typography-props", Ke);
495
- /**
496
- * @license
497
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
498
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
499
- */
500
- const ve = f`
501
- [part$='button'] {
502
- flex: none;
503
- width: 1em;
504
- height: 1em;
505
- line-height: 1;
506
- font-size: var(--lumo-icon-size-m);
507
- text-align: center;
508
- color: var(--lumo-contrast-60pct);
509
- transition: 0.2s color;
510
- cursor: var(--lumo-clickable-cursor);
511
- }
512
-
513
- [part$='button']:hover {
514
- color: var(--lumo-contrast-90pct);
515
- }
516
-
517
- :host([disabled]) [part$='button'],
518
- :host([readonly]) [part$='button'] {
519
- color: var(--lumo-contrast-20pct);
520
- cursor: default;
521
- }
522
-
523
- [part$='button']::before {
524
- font-family: 'lumo-icons';
525
- display: block;
526
- }
527
- `;
528
- v("", ve, { moduleId: "lumo-field-button" });
529
- /**
530
- * @license
531
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
532
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
533
- */
534
- const Je = f`
535
- :host([has-helper]) [part='helper-text']::before {
536
- content: '';
537
- display: block;
538
- height: 0.4em;
539
- }
540
-
541
- [part='helper-text'] {
542
- display: block;
543
- color: var(--lumo-secondary-text-color);
544
- font-size: var(--lumo-font-size-xs);
545
- line-height: var(--lumo-line-height-xs);
546
- margin-left: calc(var(--lumo-border-radius-m) / 4);
547
- transition: color 0.2s;
548
- }
549
-
550
- :host(:hover:not([readonly])) [part='helper-text'] {
551
- color: var(--lumo-body-text-color);
552
- }
553
-
554
- :host([disabled]) [part='helper-text'] {
555
- color: var(--lumo-disabled-text-color);
556
- -webkit-text-fill-color: var(--lumo-disabled-text-color);
557
- }
558
-
559
- :host([has-helper][theme~='helper-above-field']) [part='helper-text']::before {
560
- display: none;
561
- }
562
-
563
- :host([has-helper][theme~='helper-above-field']) [part='helper-text']::after {
564
- content: '';
565
- display: block;
566
- height: 0.4em;
567
- }
568
-
569
- :host([has-helper][theme~='helper-above-field']) [part='label'] {
570
- order: 0;
571
- padding-bottom: 0.4em;
572
- }
573
-
574
- :host([has-helper][theme~='helper-above-field']) [part='helper-text'] {
575
- order: 1;
576
- }
577
-
578
- :host([has-helper][theme~='helper-above-field']) [part='label'] + * {
579
- order: 2;
580
- }
581
-
582
- :host([has-helper][theme~='helper-above-field']) [part='error-message'] {
583
- order: 3;
584
- }
585
- `;
586
- /**
587
- * @license
588
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
589
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
590
- */
591
- const be = f`
592
- [part='label'] {
593
- align-self: flex-start;
594
- color: var(--lumo-secondary-text-color);
595
- font-weight: 500;
596
- font-size: var(--lumo-font-size-s);
597
- margin-left: calc(var(--lumo-border-radius-m) / 4);
598
- transition: color 0.2s;
599
- line-height: 1;
600
- padding-right: 1em;
601
- padding-bottom: 0.5em;
602
- /* As a workaround for diacritics being cut off, add a top padding and a
603
- negative margin to compensate */
604
- padding-top: 0.25em;
605
- margin-top: -0.25em;
606
- overflow: hidden;
607
- white-space: nowrap;
608
- text-overflow: ellipsis;
609
- position: relative;
610
- max-width: 100%;
611
- box-sizing: border-box;
612
- }
613
-
614
- :host([has-label])::before {
615
- margin-top: calc(var(--lumo-font-size-s) * 1.5);
616
- }
617
-
618
- :host([has-label][theme~='small'])::before {
619
- margin-top: calc(var(--lumo-font-size-xs) * 1.5);
620
- }
621
-
622
- :host([has-label]) {
623
- padding-top: var(--lumo-space-m);
624
- }
625
-
626
- :host([has-label]) ::slotted([slot='tooltip']) {
627
- --vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);
628
- }
629
-
630
- :host([required]) [part='required-indicator']::after {
631
- content: var(--lumo-required-field-indicator, '\\2022');
632
- transition: opacity 0.2s;
633
- color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
634
- position: absolute;
635
- right: 0;
636
- width: 1em;
637
- text-align: center;
638
- }
639
-
640
- :host([invalid]) [part='required-indicator']::after {
641
- color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));
642
- }
643
-
644
- [part='error-message'] {
645
- margin-left: calc(var(--lumo-border-radius-m) / 4);
646
- font-size: var(--lumo-font-size-xs);
647
- line-height: var(--lumo-line-height-xs);
648
- color: var(--lumo-error-text-color);
649
- will-change: max-height;
650
- transition: 0.4s max-height;
651
- max-height: 5em;
652
- }
653
-
654
- :host([has-error-message]) [part='error-message']::before,
655
- :host([has-error-message]) [part='error-message']::after {
656
- content: '';
657
- display: block;
658
- height: 0.4em;
659
- }
660
-
661
- :host(:not([invalid])) [part='error-message'] {
662
- max-height: 0;
663
- overflow: hidden;
664
- }
665
-
666
- /* RTL specific styles */
667
-
668
- :host([dir='rtl']) [part='label'] {
669
- margin-left: 0;
670
- margin-right: calc(var(--lumo-border-radius-m) / 4);
671
- }
672
-
673
- :host([dir='rtl']) [part='label'] {
674
- padding-left: 1em;
675
- padding-right: 0;
676
- }
677
-
678
- :host([dir='rtl']) [part='required-indicator']::after {
679
- right: auto;
680
- left: 0;
681
- }
682
-
683
- :host([dir='rtl']) [part='error-message'] {
684
- margin-left: 0;
685
- margin-right: calc(var(--lumo-border-radius-m) / 4);
686
- }
687
- `;
688
- v("", be, { moduleId: "lumo-required-field" });
689
- /**
690
- * @license
691
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
692
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
693
- */
694
- const Qe = f`
695
- :host {
696
- --lumo-text-field-size: var(--lumo-size-m);
697
- color: var(--lumo-body-text-color);
698
- font-size: var(--lumo-font-size-m);
699
- font-family: var(--lumo-font-family);
700
- -webkit-font-smoothing: antialiased;
701
- -moz-osx-font-smoothing: grayscale;
702
- -webkit-tap-highlight-color: transparent;
703
- padding: var(--lumo-space-xs) 0;
704
- }
705
-
706
- :host::before {
707
- height: var(--lumo-text-field-size);
708
- box-sizing: border-box;
709
- display: inline-flex;
710
- align-items: center;
711
- }
712
-
713
- :host([focused]:not([readonly])) [part='label'] {
714
- color: var(--lumo-primary-text-color);
715
- }
716
-
717
- :host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
718
- -webkit-mask-image: none;
719
- mask-image: none;
720
- }
721
-
722
- ::slotted(:is(input, textarea):placeholder-shown) {
723
- color: var(--lumo-secondary-text-color);
724
- }
725
-
726
- /* Hover */
727
- :host(:hover:not([readonly]):not([focused])) [part='label'] {
728
- color: var(--lumo-body-text-color);
729
- }
730
-
731
- :host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
732
- opacity: 0.1;
733
- }
734
-
735
- /* Touch device adjustment */
736
- @media (pointer: coarse) {
737
- :host(:hover:not([readonly]):not([focused])) [part='label'] {
738
- color: var(--lumo-secondary-text-color);
739
- }
740
-
741
- :host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
742
- opacity: 0;
743
- }
744
-
745
- :host(:active:not([readonly]):not([focused])) [part='input-field']::after {
746
- opacity: 0.2;
747
- }
748
- }
749
-
750
- /* Trigger when not focusing using the keyboard */
751
- :host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after {
752
- transform: scaleX(0);
753
- transition-duration: 0.15s, 1s;
754
- }
755
-
756
- /* Focus-ring */
757
- :host([focus-ring]) [part='input-field'] {
758
- box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
759
- }
760
-
761
- /* Read-only and disabled */
762
- :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {
763
- opacity: 0;
764
- }
765
-
766
- /* Read-only style */
767
- :host([readonly]) {
768
- --vaadin-input-field-border-color: transparent;
769
- }
770
-
771
- /* Disabled style */
772
- :host([disabled]) {
773
- pointer-events: none;
774
- --vaadin-input-field-border-color: var(--lumo-contrast-20pct);
775
- }
776
-
777
- :host([disabled]) [part='label'],
778
- :host([disabled]) [part='input-field'] ::slotted(*) {
779
- color: var(--lumo-disabled-text-color);
780
- -webkit-text-fill-color: var(--lumo-disabled-text-color);
781
- }
782
-
783
- /* Invalid style */
784
- :host([invalid]) {
785
- --vaadin-input-field-border-color: var(--lumo-error-color);
786
- }
787
-
788
- :host([invalid][focus-ring]) [part='input-field'] {
789
- box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
790
- }
791
-
792
- :host([input-prevented]) [part='input-field'] {
793
- animation: shake 0.15s infinite;
794
- }
795
-
796
- @keyframes shake {
797
- 25% {
798
- transform: translateX(4px);
799
- }
800
- 75% {
801
- transform: translateX(-4px);
802
- }
803
- }
804
-
805
- /* Small theme */
806
- :host([theme~='small']) {
807
- font-size: var(--lumo-font-size-s);
808
- --lumo-text-field-size: var(--lumo-size-s);
809
- }
810
-
811
- :host([theme~='small']) [part='label'] {
812
- font-size: var(--lumo-font-size-xs);
813
- }
814
-
815
- :host([theme~='small']) [part='error-message'] {
816
- font-size: var(--lumo-font-size-xxs);
817
- }
818
-
819
- /* Slotted content */
820
- [part='input-field'] ::slotted(:not(vaadin-icon):not(input):not(textarea)) {
821
- color: var(--lumo-secondary-text-color);
822
- font-weight: 400;
823
- }
824
-
825
- [part='clear-button']::before {
826
- content: var(--lumo-icons-cross);
827
- }
828
- `, Q = [be, ve, Je, Qe];
829
- v("", Q, {
830
- moduleId: "lumo-input-field-shared-styles"
831
- });
832
- /**
833
- * @license
834
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
835
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
836
- */
837
- v("vaadin-text-field", Q, {
838
- moduleId: "lumo-text-field-styles"
839
- });
840
- /**
841
- * @license
842
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
843
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
844
- */
845
- const Xe = (r) => class extends Ve(r) {
846
- static get properties() {
847
- return {
848
- /**
849
- * Whether the value of the control can be automatically completed by the browser.
850
- * List of available options at:
851
- * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete
852
- */
853
- autocomplete: {
854
- type: String
855
- },
856
- /**
857
- * This is a property supported by Safari that is used to control whether
858
- * autocorrection should be enabled when the user is entering/editing the text.
859
- * Possible values are:
860
- * on: Enable autocorrection.
861
- * off: Disable autocorrection.
862
- */
863
- autocorrect: {
864
- type: String
865
- },
866
- /**
867
- * This is a property supported by Safari and Chrome that is used to control whether
868
- * autocapitalization should be enabled when the user is entering/editing the text.
869
- * Possible values are:
870
- * characters: Characters capitalization.
871
- * words: Words capitalization.
872
- * sentences: Sentences capitalization.
873
- * none: No capitalization.
874
- */
875
- autocapitalize: {
876
- type: String,
877
- reflectToAttribute: !0
878
- }
879
- };
880
- }
881
- static get delegateAttrs() {
882
- return [...super.delegateAttrs, "autocapitalize", "autocomplete", "autocorrect"];
883
- }
884
- // Workaround for https://github.com/Polymer/polymer/issues/5259
885
- get __data() {
886
- return this.__dataValue || {};
887
- }
888
- set __data(t) {
889
- this.__dataValue = t;
890
- }
891
- /**
892
- * @param {HTMLElement} input
893
- * @protected
894
- * @override
895
- */
896
- _inputElementChanged(t) {
897
- 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));
898
- }
899
- /**
900
- * Override an event listener from `FocusMixin`.
901
- * @param {boolean} focused
902
- * @protected
903
- * @override
904
- */
905
- _setFocused(t) {
906
- super._setFocused(t), !t && document.hasFocus() && this.validate();
907
- }
908
- /**
909
- * Override an event listener from `InputMixin`
910
- * to mark as valid after user started typing.
911
- * @param {Event} event
912
- * @protected
913
- * @override
914
- */
915
- _onInput(t) {
916
- super._onInput(t), this.invalid && this.validate();
917
- }
918
- /**
919
- * Override an observer from `InputMixin` to validate the field
920
- * when a new value is set programmatically.
921
- *
922
- * @param {string | undefined} newValue
923
- * @param {string | undefined} oldValue
924
- * @protected
925
- * @override
926
- */
927
- _valueChanged(t, o) {
928
- super._valueChanged(t, o), o !== void 0 && this.invalid && this.validate();
929
- }
930
- };
931
- /**
932
- * @license
933
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
934
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
935
- */
936
- const et = (r) => class extends Xe(r) {
937
- static get properties() {
938
- return {
939
- /**
940
- * Maximum number of characters (in Unicode code points) that the user can enter.
941
- */
942
- maxlength: {
943
- type: Number
944
- },
945
- /**
946
- * Minimum number of characters (in Unicode code points) that the user can enter.
947
- */
948
- minlength: {
949
- type: Number
950
- },
951
- /**
952
- * A regular expression that the value is checked against.
953
- * The pattern must match the entire value, not just some subset.
954
- */
955
- pattern: {
956
- type: String
957
- }
958
- };
959
- }
960
- static get delegateAttrs() {
961
- return [...super.delegateAttrs, "maxlength", "minlength", "pattern"];
962
- }
963
- static get constraints() {
964
- return [...super.constraints, "maxlength", "minlength", "pattern"];
965
- }
966
- constructor() {
967
- super(), this._setType("text");
968
- }
969
- /** @protected */
970
- get clearElement() {
971
- return this.$.clearButton;
972
- }
973
- /** @protected */
974
- ready() {
975
- super.ready(), this.addController(
976
- new Pe(this, (t) => {
977
- this._setInputElement(t), this._setFocusElement(t), this.stateTarget = t, this.ariaTarget = t;
978
- })
979
- ), this.addController(new Re(this.inputElement, this._labelController));
980
- }
981
- };
982
- /**
983
- * @license
984
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
985
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
986
- */
987
- v("vaadin-text-field", Ie, { moduleId: "vaadin-text-field-styles" });
988
- class ye extends et(fe(me(ge))) {
989
- static get is() {
990
- return "vaadin-text-field";
991
- }
992
- static get template() {
993
- return H`
994
- <style>
995
- [part='input-field'] {
996
- flex-grow: 0;
997
- }
998
- </style>
999
-
1000
- <div class="vaadin-field-container">
1001
- <div part="label">
1002
- <slot name="label"></slot>
1003
- <span part="required-indicator" aria-hidden="true" on-click="focus"></span>
1004
- </div>
1005
-
1006
- <vaadin-input-container
1007
- part="input-field"
1008
- readonly="[[readonly]]"
1009
- disabled="[[disabled]]"
1010
- invalid="[[invalid]]"
1011
- theme$="[[_theme]]"
1012
- >
1013
- <slot name="prefix" slot="prefix"></slot>
1014
- <slot name="input"></slot>
1015
- <slot name="suffix" slot="suffix"></slot>
1016
- <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
1017
- </vaadin-input-container>
1018
-
1019
- <div part="helper-text">
1020
- <slot name="helper"></slot>
1021
- </div>
1022
-
1023
- <div part="error-message">
1024
- <slot name="error-message"></slot>
1025
- </div>
1026
- </div>
1027
- <slot name="tooltip"></slot>
1028
- `;
1029
- }
1030
- static get properties() {
1031
- return {
1032
- /**
1033
- * Maximum number of characters (in Unicode code points) that the user can enter.
1034
- */
1035
- maxlength: {
1036
- type: Number
1037
- },
1038
- /**
1039
- * Minimum number of characters (in Unicode code points) that the user can enter.
1040
- */
1041
- minlength: {
1042
- type: Number
1043
- }
1044
- };
1045
- }
1046
- /** @protected */
1047
- ready() {
1048
- super.ready(), this._tooltipController = new pe(this), this._tooltipController.setPosition("top"), this._tooltipController.setAriaTarget(this.inputElement), this.addController(this._tooltipController);
1049
- }
1050
- }
1051
- M(ye);
1052
- const xe = f`
1053
- :host {
1054
- /* Sizing */
1055
- --lumo-button-size: var(--lumo-size-m);
1056
- min-width: calc(var(--lumo-button-size) * 2);
1057
- height: var(--lumo-button-size);
1058
- padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius-m) / 2);
1059
- margin: var(--lumo-space-xs) 0;
1060
- box-sizing: border-box;
1061
- /* Style */
1062
- font-family: var(--lumo-font-family);
1063
- font-size: var(--lumo-font-size-m);
1064
- font-weight: 500;
1065
- color: var(--_lumo-button-color, var(--lumo-primary-text-color));
1066
- background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));
1067
- border-radius: var(--lumo-border-radius-m);
1068
- cursor: var(--lumo-clickable-cursor);
1069
- -webkit-tap-highlight-color: transparent;
1070
- -webkit-font-smoothing: antialiased;
1071
- -moz-osx-font-smoothing: grayscale;
1072
- flex-shrink: 0;
1073
- }
1074
-
1075
- /* Set only for the internal parts so we don't affect the host vertical alignment */
1076
- [part='label'],
1077
- [part='prefix'],
1078
- [part='suffix'] {
1079
- line-height: var(--lumo-line-height-xs);
1080
- }
1081
-
1082
- [part='label'] {
1083
- padding: calc(var(--lumo-button-size) / 6) 0;
1084
- }
1085
-
1086
- :host([theme~='small']) {
1087
- font-size: var(--lumo-font-size-s);
1088
- --lumo-button-size: var(--lumo-size-s);
1089
- }
1090
-
1091
- :host([theme~='large']) {
1092
- font-size: var(--lumo-font-size-l);
1093
- --lumo-button-size: var(--lumo-size-l);
1094
- }
1095
-
1096
- /* For interaction states */
1097
- :host::before,
1098
- :host::after {
1099
- content: '';
1100
- /* We rely on the host always being relative */
1101
- position: absolute;
1102
- z-index: 1;
1103
- inset: 0;
1104
- background-color: currentColor;
1105
- border-radius: inherit;
1106
- opacity: 0;
1107
- pointer-events: none;
1108
- }
1109
-
1110
- /* Hover */
1111
-
1112
- @media (any-hover: hover) {
1113
- :host(:hover)::before {
1114
- opacity: 0.02;
1115
- }
1116
- }
1117
-
1118
- /* Active */
1119
-
1120
- :host::after {
1121
- transition: opacity 1.4s, transform 0.1s;
1122
- filter: blur(8px);
1123
- }
1124
-
1125
- :host([active])::before {
1126
- opacity: 0.05;
1127
- transition-duration: 0s;
1128
- }
1129
-
1130
- :host([active])::after {
1131
- opacity: 0.1;
1132
- transition-duration: 0s, 0s;
1133
- transform: scale(0);
1134
- }
1135
-
1136
- /* Keyboard focus */
1137
-
1138
- :host([focus-ring]) {
1139
- box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
1140
- }
1141
-
1142
- :host([theme~='primary'][focus-ring]) {
1143
- box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
1144
- }
1145
-
1146
- /* Types (primary, tertiary, tertiary-inline */
1147
-
1148
- :host([theme~='tertiary']),
1149
- :host([theme~='tertiary-inline']) {
1150
- background-color: transparent !important;
1151
- min-width: 0;
1152
- }
1153
-
1154
- :host([theme~='tertiary']) {
1155
- padding: 0 calc(var(--lumo-button-size) / 6);
1156
- }
1157
-
1158
- :host([theme~='tertiary-inline'])::before {
1159
- display: none;
1160
- }
1161
-
1162
- :host([theme~='tertiary-inline']) {
1163
- margin: 0;
1164
- height: auto;
1165
- padding: 0;
1166
- line-height: inherit;
1167
- font-size: inherit;
1168
- }
1169
-
1170
- :host([theme~='tertiary-inline']) [part='label'] {
1171
- padding: 0;
1172
- overflow: visible;
1173
- line-height: inherit;
1174
- }
1175
-
1176
- :host([theme~='primary']) {
1177
- background-color: var(--_lumo-button-primary-background-color, var(--lumo-primary-color));
1178
- color: var(--_lumo-button-primary-color, var(--lumo-primary-contrast-color));
1179
- font-weight: 600;
1180
- min-width: calc(var(--lumo-button-size) * 2.5);
1181
- }
1182
-
1183
- :host([theme~='primary'])::before {
1184
- background-color: black;
1185
- }
1186
-
1187
- @media (any-hover: hover) {
1188
- :host([theme~='primary']:hover)::before {
1189
- opacity: 0.05;
1190
- }
1191
- }
1192
-
1193
- :host([theme~='primary'][active])::before {
1194
- opacity: 0.1;
1195
- }
1196
-
1197
- :host([theme~='primary'][active])::after {
1198
- opacity: 0.2;
1199
- }
1200
-
1201
- /* Colors (success, error, contrast) */
1202
-
1203
- :host([theme~='success']) {
1204
- color: var(--lumo-success-text-color);
1205
- }
1206
-
1207
- :host([theme~='success'][theme~='primary']) {
1208
- background-color: var(--lumo-success-color);
1209
- color: var(--lumo-success-contrast-color);
1210
- }
1211
-
1212
- :host([theme~='error']) {
1213
- color: var(--lumo-error-text-color);
1214
- }
1215
-
1216
- :host([theme~='error'][theme~='primary']) {
1217
- background-color: var(--lumo-error-color);
1218
- color: var(--lumo-error-contrast-color);
1219
- }
1220
-
1221
- :host([theme~='contrast']) {
1222
- color: var(--lumo-contrast);
1223
- }
1224
-
1225
- :host([theme~='contrast'][theme~='primary']) {
1226
- background-color: var(--lumo-contrast);
1227
- color: var(--lumo-base-color);
1228
- }
1229
-
1230
- /* Disabled state. Keep selectors after other color variants. */
1231
-
1232
- :host([disabled]) {
1233
- pointer-events: none;
1234
- color: var(--lumo-disabled-text-color);
1235
- }
1236
-
1237
- :host([theme~='primary'][disabled]) {
1238
- background-color: var(--lumo-contrast-30pct);
1239
- color: var(--lumo-base-color);
1240
- }
1241
-
1242
- :host([theme~='primary'][disabled]) [part] {
1243
- opacity: 0.7;
1244
- }
1245
-
1246
- /* Icons */
1247
-
1248
- [part] ::slotted(vaadin-icon) {
1249
- display: inline-block;
1250
- width: var(--lumo-icon-size-m);
1251
- height: var(--lumo-icon-size-m);
1252
- }
1253
-
1254
- /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
1255
- [part] ::slotted(vaadin-icon[icon^='vaadin:']) {
1256
- padding: 0.25em;
1257
- box-sizing: border-box !important;
1258
- }
1259
-
1260
- [part='prefix'] {
1261
- margin-left: -0.25em;
1262
- margin-right: 0.25em;
1263
- }
1264
-
1265
- [part='suffix'] {
1266
- margin-left: 0.25em;
1267
- margin-right: -0.25em;
1268
- }
1269
-
1270
- /* Icon-only */
1271
-
1272
- :host([theme~='icon']:not([theme~='tertiary-inline'])) {
1273
- min-width: var(--lumo-button-size);
1274
- padding-left: calc(var(--lumo-button-size) / 4);
1275
- padding-right: calc(var(--lumo-button-size) / 4);
1276
- }
1277
-
1278
- :host([theme~='icon']) [part='prefix'],
1279
- :host([theme~='icon']) [part='suffix'] {
1280
- margin-left: 0;
1281
- margin-right: 0;
1282
- }
1283
-
1284
- /* RTL specific styles */
1285
-
1286
- :host([dir='rtl']) [part='prefix'] {
1287
- margin-left: 0.25em;
1288
- margin-right: -0.25em;
1289
- }
1290
-
1291
- :host([dir='rtl']) [part='suffix'] {
1292
- margin-left: -0.25em;
1293
- margin-right: 0.25em;
1294
- }
1295
-
1296
- :host([dir='rtl'][theme~='icon']) [part='prefix'],
1297
- :host([dir='rtl'][theme~='icon']) [part='suffix'] {
1298
- margin-left: 0;
1299
- margin-right: 0;
1300
- }
1301
- `;
1302
- v("vaadin-button", xe, { moduleId: "lumo-button" });
1303
- /**
1304
- * @license
1305
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
1306
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1307
- */
1308
- const tt = f`
1309
- :host {
1310
- position: absolute;
1311
- right: 0;
1312
- top: 0;
1313
- margin: 0;
1314
- padding: 0;
1315
- width: 100%;
1316
- height: 100%;
1317
- min-width: auto;
1318
- background: transparent;
1319
- outline: none;
1320
- }
1321
- `;
1322
- v("vaadin-password-field-button", [xe, tt], {
1323
- moduleId: "lumo-password-field-button"
1324
- });
1325
- /**
1326
- * @license
1327
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
1328
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1329
- */
1330
- const ot = f`
1331
- [part='reveal-button']::before {
1332
- content: var(--lumo-icons-eye);
1333
- }
1334
-
1335
- :host([password-visible]) [part='reveal-button']::before {
1336
- content: var(--lumo-icons-eye-disabled);
1337
- }
1338
-
1339
- /* Make it easy to hide the button across the whole app */
1340
- [part='reveal-button'] {
1341
- position: relative;
1342
- display: var(--lumo-password-field-reveal-button-display, block);
1343
- }
1344
-
1345
- [part='reveal-button'][hidden] {
1346
- display: none !important;
1347
- }
1348
- `;
1349
- v("vaadin-password-field", [Q, ot], { moduleId: "lumo-password-field" });
1350
- /**
1351
- * @license
1352
- * Copyright 2019 Google LLC
1353
- * SPDX-License-Identifier: BSD-3-Clause
1354
- */
1355
- const F = window, X = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ee = Symbol(), te = /* @__PURE__ */ new WeakMap();
1356
- class Ae {
1357
- constructor(e, t, o) {
1358
- if (this._$cssResult$ = !0, o !== ee) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
1359
- this.cssText = e, this.t = t;
1360
- }
1361
- get styleSheet() {
1362
- let e = this.o;
1363
- const t = this.t;
1364
- if (X && e === void 0) {
1365
- const o = t !== void 0 && t.length === 1;
1366
- o && (e = te.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && te.set(t, e));
1367
- }
1368
- return e;
1369
- }
1370
- toString() {
1371
- return this.cssText;
1372
- }
1373
- }
1374
- const rt = (r) => new Ae(typeof r == "string" ? r : r + "", void 0, ee), it = (r, ...e) => {
1375
- const t = r.length === 1 ? r[0] : e.reduce((o, i, a) => o + ((s) => {
1376
- if (s._$cssResult$ === !0) return s.cssText;
1377
- if (typeof s == "number") return s;
1378
- 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.");
1379
- })(i) + r[a + 1], r[0]);
1380
- return new Ae(t, r, ee);
1381
- }, st = (r, e) => {
1382
- X ? r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet) : e.forEach((t) => {
1383
- const o = document.createElement("style"), i = F.litNonce;
1384
- i !== void 0 && o.setAttribute("nonce", i), o.textContent = t.cssText, r.appendChild(o);
1385
- });
1386
- }, oe = X ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
1387
- let t = "";
1388
- for (const o of e.cssRules) t += o.cssText;
1389
- return rt(t);
1390
- })(r) : r;
1391
- /**
1392
- * @license
1393
- * Copyright 2017 Google LLC
1394
- * SPDX-License-Identifier: BSD-3-Clause
1395
- */
1396
- var O;
1397
- const U = window, re = U.trustedTypes, at = re ? re.emptyScript : "", ie = U.reactiveElementPolyfillSupport, K = { toAttribute(r, e) {
1398
- switch (e) {
1399
- case Boolean:
1400
- r = r ? at : null;
1401
- break;
1402
- case Object:
1403
- case Array:
1404
- r = r == null ? r : JSON.stringify(r);
1405
- }
1406
- return r;
1407
- }, fromAttribute(r, e) {
1408
- let t = r;
1409
- switch (e) {
1410
- case Boolean:
1411
- t = r !== null;
1412
- break;
1413
- case Number:
1414
- t = r === null ? null : Number(r);
1415
- break;
1416
- case Object:
1417
- case Array:
1418
- try {
1419
- t = JSON.parse(r);
1420
- } catch {
1421
- t = null;
1422
- }
1423
- }
1424
- return t;
1425
- } }, we = (r, e) => e !== r && (e == e || r == r), q = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: we }, Z = "finalized";
1426
- class _ extends HTMLElement {
1427
- constructor() {
1428
- super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this._$Eu();
1429
- }
1430
- static addInitializer(e) {
1431
- var t;
1432
- this.finalize(), ((t = this.h) !== null && t !== void 0 ? t : this.h = []).push(e);
1433
- }
1434
- static get observedAttributes() {
1435
- this.finalize();
1436
- const e = [];
1437
- return this.elementProperties.forEach((t, o) => {
1438
- const i = this._$Ep(o, t);
1439
- i !== void 0 && (this._$Ev.set(i, o), e.push(i));
1440
- }), e;
1441
- }
1442
- static createProperty(e, t = q) {
1443
- if (t.state && (t.attribute = !1), this.finalize(), this.elementProperties.set(e, t), !t.noAccessor && !this.prototype.hasOwnProperty(e)) {
1444
- const o = typeof e == "symbol" ? Symbol() : "__" + e, i = this.getPropertyDescriptor(e, o, t);
1445
- i !== void 0 && Object.defineProperty(this.prototype, e, i);
1446
- }
1447
- }
1448
- static getPropertyDescriptor(e, t, o) {
1449
- return { get() {
1450
- return this[t];
1451
- }, set(i) {
1452
- const a = this[e];
1453
- this[t] = i, this.requestUpdate(e, a, o);
1454
- }, configurable: !0, enumerable: !0 };
1455
- }
1456
- static getPropertyOptions(e) {
1457
- return this.elementProperties.get(e) || q;
1458
- }
1459
- static finalize() {
1460
- if (this.hasOwnProperty(Z)) return !1;
1461
- this[Z] = !0;
1462
- const e = Object.getPrototypeOf(this);
1463
- if (e.finalize(), e.h !== void 0 && (this.h = [...e.h]), this.elementProperties = new Map(e.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
1464
- const t = this.properties, o = [...Object.getOwnPropertyNames(t), ...Object.getOwnPropertySymbols(t)];
1465
- for (const i of o) this.createProperty(i, t[i]);
1466
- }
1467
- return this.elementStyles = this.finalizeStyles(this.styles), !0;
1468
- }
1469
- static finalizeStyles(e) {
1470
- const t = [];
1471
- if (Array.isArray(e)) {
1472
- const o = new Set(e.flat(1 / 0).reverse());
1473
- for (const i of o) t.unshift(oe(i));
1474
- } else e !== void 0 && t.push(oe(e));
1475
- return t;
1476
- }
1477
- static _$Ep(e, t) {
1478
- const o = t.attribute;
1479
- return o === !1 ? void 0 : typeof o == "string" ? o : typeof e == "string" ? e.toLowerCase() : void 0;
1480
- }
1481
- _$Eu() {
1482
- var e;
1483
- this._$E_ = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (e = this.constructor.h) === null || e === void 0 || e.forEach((t) => t(this));
1484
- }
1485
- addController(e) {
1486
- var t, o;
1487
- ((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));
1488
- }
1489
- removeController(e) {
1490
- var t;
1491
- (t = this._$ES) === null || t === void 0 || t.splice(this._$ES.indexOf(e) >>> 0, 1);
1492
- }
1493
- _$Eg() {
1494
- this.constructor.elementProperties.forEach((e, t) => {
1495
- this.hasOwnProperty(t) && (this._$Ei.set(t, this[t]), delete this[t]);
1496
- });
1497
- }
1498
- createRenderRoot() {
1499
- var e;
1500
- const t = (e = this.shadowRoot) !== null && e !== void 0 ? e : this.attachShadow(this.constructor.shadowRootOptions);
1501
- return st(t, this.constructor.elementStyles), t;
1502
- }
1503
- connectedCallback() {
1504
- var e;
1505
- this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$ES) === null || e === void 0 || e.forEach((t) => {
1506
- var o;
1507
- return (o = t.hostConnected) === null || o === void 0 ? void 0 : o.call(t);
1508
- });
1509
- }
1510
- enableUpdating(e) {
1511
- }
1512
- disconnectedCallback() {
1513
- var e;
1514
- (e = this._$ES) === null || e === void 0 || e.forEach((t) => {
1515
- var o;
1516
- return (o = t.hostDisconnected) === null || o === void 0 ? void 0 : o.call(t);
1517
- });
1518
- }
1519
- attributeChangedCallback(e, t, o) {
1520
- this._$AK(e, o);
1521
- }
1522
- _$EO(e, t, o = q) {
1523
- var i;
1524
- const a = this.constructor._$Ep(e, o);
1525
- if (a !== void 0 && o.reflect === !0) {
1526
- const s = (((i = o.converter) === null || i === void 0 ? void 0 : i.toAttribute) !== void 0 ? o.converter : K).toAttribute(t, o.type);
1527
- this._$El = e, s == null ? this.removeAttribute(a) : this.setAttribute(a, s), this._$El = null;
1528
- }
1529
- }
1530
- _$AK(e, t) {
1531
- var o;
1532
- const i = this.constructor, a = i._$Ev.get(e);
1533
- if (a !== void 0 && this._$El !== a) {
1534
- const s = i.getPropertyOptions(a), d = typeof s.converter == "function" ? { fromAttribute: s.converter } : ((o = s.converter) === null || o === void 0 ? void 0 : o.fromAttribute) !== void 0 ? s.converter : K;
1535
- this._$El = a, this[a] = d.fromAttribute(t, s.type), this._$El = null;
1536
- }
1537
- }
1538
- requestUpdate(e, t, o) {
1539
- let i = !0;
1540
- e !== void 0 && (((o = o || this.constructor.getPropertyOptions(e)).hasChanged || we)(this[e], t) ? (this._$AL.has(e) || this._$AL.set(e, t), o.reflect === !0 && this._$El !== e && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(e, o))) : i = !1), !this.isUpdatePending && i && (this._$E_ = this._$Ej());
1541
- }
1542
- async _$Ej() {
1543
- this.isUpdatePending = !0;
1544
- try {
1545
- await this._$E_;
1546
- } catch (t) {
1547
- Promise.reject(t);
1548
- }
1549
- const e = this.scheduleUpdate();
1550
- return e != null && await e, !this.isUpdatePending;
1551
- }
1552
- scheduleUpdate() {
1553
- return this.performUpdate();
1554
- }
1555
- performUpdate() {
1556
- var e;
1557
- if (!this.isUpdatePending) return;
1558
- this._$Ei && (this._$Ei.forEach((i, a) => this[a] = i), this._$Ei = void 0);
1559
- let t = !1;
1560
- const o = this._$AL;
1561
- try {
1562
- t = this.shouldUpdate(o), t ? (this.willUpdate(o), (e = this._$ES) === null || e === void 0 || e.forEach((i) => {
1563
- var a;
1564
- return (a = i.hostUpdate) === null || a === void 0 ? void 0 : a.call(i);
1565
- }), this.update(o)) : this._$Ek();
1566
- } catch (i) {
1567
- throw t = !1, this._$Ek(), i;
1568
- }
1569
- t && this._$AE(o);
1570
- }
1571
- willUpdate(e) {
1572
- }
1573
- _$AE(e) {
1574
- var t;
1575
- (t = this._$ES) === null || t === void 0 || t.forEach((o) => {
1576
- var i;
1577
- return (i = o.hostUpdated) === null || i === void 0 ? void 0 : i.call(o);
1578
- }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
1579
- }
1580
- _$Ek() {
1581
- this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
1582
- }
1583
- get updateComplete() {
1584
- return this.getUpdateComplete();
1585
- }
1586
- getUpdateComplete() {
1587
- return this._$E_;
1588
- }
1589
- shouldUpdate(e) {
1590
- return !0;
1591
- }
1592
- update(e) {
1593
- this._$EC !== void 0 && (this._$EC.forEach((t, o) => this._$EO(o, this[o], t)), this._$EC = void 0), this._$Ek();
1594
- }
1595
- updated(e) {
1596
- }
1597
- firstUpdated(e) {
1598
- }
1599
- }
1600
- _[Z] = !0, _.elementProperties = /* @__PURE__ */ new Map(), _.elementStyles = [], _.shadowRootOptions = { mode: "open" }, ie?.({ ReactiveElement: _ }), ((O = U.reactiveElementVersions) !== null && O !== void 0 ? O : U.reactiveElementVersions = []).push("1.6.3");
1601
- /**
1602
- * @license
1603
- * Copyright 2017 Google LLC
1604
- * SPDX-License-Identifier: BSD-3-Clause
1605
- */
1606
- var W;
1607
- const V = window, C = V.trustedTypes, se = C ? C.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, J = "$lit$", y = `lit$${(Math.random() + "").slice(9)}$`, _e = "?" + y, lt = `<${_e}>`, w = document, z = () => w.createComment(""), B = (r) => r === null || typeof r != "object" && typeof r != "function", Ce = Array.isArray, nt = (r) => Ce(r) || typeof r?.[Symbol.iterator] == "function", j = `[
1608
- \f\r]`, E = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ae = /-->/g, le = />/g, x = RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^
1609
- \f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, de = /"/g, $e = /^(?:script|style|textarea|title)$/i, $ = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), ue = /* @__PURE__ */ new WeakMap(), A = w.createTreeWalker(w, 129, null, !1);
1610
- function ke(r, e) {
1611
- if (!Array.isArray(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
1612
- return se !== void 0 ? se.createHTML(e) : e;
1613
- }
1614
- const dt = (r, e) => {
1615
- const t = r.length - 1, o = [];
1616
- let i, a = e === 2 ? "<svg>" : "", s = E;
1617
- for (let d = 0; d < t; d++) {
1618
- const l = r[d];
1619
- let n, u, h = -1, m = 0;
1620
- for (; m < l.length && (s.lastIndex = m, u = s.exec(l), u !== null); ) m = s.lastIndex, s === E ? u[1] === "!--" ? s = ae : u[1] !== void 0 ? s = le : u[2] !== void 0 ? ($e.test(u[2]) && (i = RegExp("</" + u[2], "g")), s = x) : u[3] !== void 0 && (s = x) : s === x ? u[0] === ">" ? (s = i ?? E, h = -1) : u[1] === void 0 ? h = -2 : (h = s.lastIndex - u[2].length, n = u[1], s = u[3] === void 0 ? x : u[3] === '"' ? de : ne) : s === de || s === ne ? s = x : s === ae || s === le ? s = E : (s = x, i = void 0);
1621
- const b = s === x && r[d + 1].startsWith("/>") ? " " : "";
1622
- a += s === E ? l + lt : h >= 0 ? (o.push(n), l.slice(0, h) + J + l.slice(h) + y + b) : l + y + (h === -2 ? (o.push(void 0), d) : b);
1623
- }
1624
- return [ke(r, a + (r[t] || "<?>") + (e === 2 ? "</svg>" : "")), o];
1625
- };
1626
- class T {
1627
- constructor({ strings: e, _$litType$: t }, o) {
1628
- let i;
1629
- this.parts = [];
1630
- let a = 0, s = 0;
1631
- const d = e.length - 1, l = this.parts, [n, u] = dt(e, t);
1632
- if (this.el = T.createElement(n, o), A.currentNode = this.el.content, t === 2) {
1633
- const h = this.el.content, m = h.firstChild;
1634
- m.remove(), h.append(...m.childNodes);
1635
- }
1636
- for (; (i = A.nextNode()) !== null && l.length < d; ) {
1637
- if (i.nodeType === 1) {
1638
- if (i.hasAttributes()) {
1639
- const h = [];
1640
- for (const m of i.getAttributeNames()) if (m.endsWith(J) || m.startsWith(y)) {
1641
- const b = u[s++];
1642
- if (h.push(m), b !== void 0) {
1643
- const Ee = i.getAttribute(b.toLowerCase() + J).split(y), R = /([.?@])?(.*)/.exec(b);
1644
- l.push({ type: 1, index: a, name: R[2], strings: Ee, ctor: R[1] === "." ? ht : R[1] === "?" ? pt : R[1] === "@" ? mt : D });
1645
- } else l.push({ type: 6, index: a });
1646
- }
1647
- for (const m of h) i.removeAttribute(m);
1648
- }
1649
- if ($e.test(i.tagName)) {
1650
- const h = i.textContent.split(y), m = h.length - 1;
1651
- if (m > 0) {
1652
- i.textContent = C ? C.emptyScript : "";
1653
- for (let b = 0; b < m; b++) i.append(h[b], z()), A.nextNode(), l.push({ type: 2, index: ++a });
1654
- i.append(h[m], z());
1655
- }
1656
- }
1657
- } else if (i.nodeType === 8) if (i.data === _e) l.push({ type: 2, index: a });
1658
- else {
1659
- let h = -1;
1660
- for (; (h = i.data.indexOf(y, h + 1)) !== -1; ) l.push({ type: 7, index: a }), h += y.length - 1;
1661
- }
1662
- a++;
1663
- }
1664
- }
1665
- static createElement(e, t) {
1666
- const o = w.createElement("template");
1667
- return o.innerHTML = e, o;
1668
- }
1669
- }
1670
- function k(r, e, t = r, o) {
1671
- var i, a, s, d;
1672
- if (e === $) return e;
1673
- let l = o !== void 0 ? (i = t._$Co) === null || i === void 0 ? void 0 : i[o] : t._$Cl;
1674
- const n = B(e) ? void 0 : e._$litDirective$;
1675
- return l?.constructor !== n && ((a = l?._$AO) === null || a === void 0 || a.call(l, !1), n === void 0 ? l = void 0 : (l = new n(r), l._$AT(r, t, o)), o !== void 0 ? ((s = (d = t)._$Co) !== null && s !== void 0 ? s : d._$Co = [])[o] = l : t._$Cl = l), l !== void 0 && (e = k(r, l._$AS(r, e.values), l, o)), e;
1676
- }
1677
- class ut {
1678
- constructor(e, t) {
1679
- this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
1680
- }
1681
- get parentNode() {
1682
- return this._$AM.parentNode;
1683
- }
1684
- get _$AU() {
1685
- return this._$AM._$AU;
1686
- }
1687
- u(e) {
1688
- var t;
1689
- const { el: { content: o }, parts: i } = this._$AD, a = ((t = e?.creationScope) !== null && t !== void 0 ? t : w).importNode(o, !0);
1690
- A.currentNode = a;
1691
- let s = A.nextNode(), d = 0, l = 0, n = i[0];
1692
- for (; n !== void 0; ) {
1693
- if (d === n.index) {
1694
- let u;
1695
- n.type === 2 ? u = new P(s, s.nextSibling, this, e) : n.type === 1 ? u = new n.ctor(s, n.name, n.strings, this, e) : n.type === 6 && (u = new ft(s, this, e)), this._$AV.push(u), n = i[++l];
1696
- }
1697
- d !== n?.index && (s = A.nextNode(), d++);
1698
- }
1699
- return A.currentNode = w, a;
1700
- }
1701
- v(e) {
1702
- let t = 0;
1703
- 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++;
1704
- }
1705
- }
1706
- class P {
1707
- constructor(e, t, o, i) {
1708
- var a;
1709
- this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = o, this.options = i, this._$Cp = (a = i?.isConnected) === null || a === void 0 || a;
1710
- }
1711
- get _$AU() {
1712
- var e, t;
1713
- return (t = (e = this._$AM) === null || e === void 0 ? void 0 : e._$AU) !== null && t !== void 0 ? t : this._$Cp;
1714
- }
1715
- get parentNode() {
1716
- let e = this._$AA.parentNode;
1717
- const t = this._$AM;
1718
- return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
1719
- }
1720
- get startNode() {
1721
- return this._$AA;
1722
- }
1723
- get endNode() {
1724
- return this._$AB;
1725
- }
1726
- _$AI(e, t = this) {
1727
- e = k(this, e, t), B(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== $ && this._(e) : e._$litType$ !== void 0 ? this.g(e) : e.nodeType !== void 0 ? this.$(e) : nt(e) ? this.T(e) : this._(e);
1728
- }
1729
- k(e) {
1730
- return this._$AA.parentNode.insertBefore(e, this._$AB);
1731
- }
1732
- $(e) {
1733
- this._$AH !== e && (this._$AR(), this._$AH = this.k(e));
1734
- }
1735
- _(e) {
1736
- this._$AH !== c && B(this._$AH) ? this._$AA.nextSibling.data = e : this.$(w.createTextNode(e)), this._$AH = e;
1737
- }
1738
- g(e) {
1739
- var t;
1740
- const { values: o, _$litType$: i } = e, a = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = T.createElement(ke(i.h, i.h[0]), this.options)), i);
1741
- if (((t = this._$AH) === null || t === void 0 ? void 0 : t._$AD) === a) this._$AH.v(o);
1742
- else {
1743
- const s = new ut(a, this), d = s.u(this.options);
1744
- s.v(o), this.$(d), this._$AH = s;
1745
- }
1746
- }
1747
- _$AC(e) {
1748
- let t = ue.get(e.strings);
1749
- return t === void 0 && ue.set(e.strings, t = new T(e)), t;
1750
- }
1751
- T(e) {
1752
- Ce(this._$AH) || (this._$AH = [], this._$AR());
1753
- const t = this._$AH;
1754
- let o, i = 0;
1755
- for (const a of e) i === t.length ? t.push(o = new P(this.k(z()), this.k(z()), this, this.options)) : o = t[i], o._$AI(a), i++;
1756
- i < t.length && (this._$AR(o && o._$AB.nextSibling, i), t.length = i);
1757
- }
1758
- _$AR(e = this._$AA.nextSibling, t) {
1759
- var o;
1760
- for ((o = this._$AP) === null || o === void 0 || o.call(this, !1, !0, t); e && e !== this._$AB; ) {
1761
- const i = e.nextSibling;
1762
- e.remove(), e = i;
1763
- }
1764
- }
1765
- setConnected(e) {
1766
- var t;
1767
- this._$AM === void 0 && (this._$Cp = e, (t = this._$AP) === null || t === void 0 || t.call(this, e));
1768
- }
1769
- }
1770
- class D {
1771
- constructor(e, t, o, i, a) {
1772
- this.type = 1, this._$AH = c, 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 = c;
1773
- }
1774
- get tagName() {
1775
- return this.element.tagName;
1776
- }
1777
- get _$AU() {
1778
- return this._$AM._$AU;
1779
- }
1780
- _$AI(e, t = this, o, i) {
1781
- const a = this.strings;
1782
- let s = !1;
1783
- if (a === void 0) e = k(this, e, t, 0), s = !B(e) || e !== this._$AH && e !== $, s && (this._$AH = e);
1784
- else {
1785
- const d = e;
1786
- let l, n;
1787
- for (e = a[0], l = 0; l < a.length - 1; l++) n = k(this, d[o + l], t, l), n === $ && (n = this._$AH[l]), s || (s = !B(n) || n !== this._$AH[l]), n === c ? e = c : e !== c && (e += (n ?? "") + a[l + 1]), this._$AH[l] = n;
1788
- }
1789
- s && !i && this.j(e);
1790
- }
1791
- j(e) {
1792
- e === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
1793
- }
1794
- }
1795
- class ht extends D {
1796
- constructor() {
1797
- super(...arguments), this.type = 3;
1798
- }
1799
- j(e) {
1800
- this.element[this.name] = e === c ? void 0 : e;
1801
- }
1802
- }
1803
- const ct = C ? C.emptyScript : "";
1804
- class pt extends D {
1805
- constructor() {
1806
- super(...arguments), this.type = 4;
1807
- }
1808
- j(e) {
1809
- e && e !== c ? this.element.setAttribute(this.name, ct) : this.element.removeAttribute(this.name);
1810
- }
1811
- }
1812
- class mt extends D {
1813
- constructor(e, t, o, i, a) {
1814
- super(e, t, o, i, a), this.type = 5;
1815
- }
1816
- _$AI(e, t = this) {
1817
- var o;
1818
- if ((e = (o = k(this, e, t, 0)) !== null && o !== void 0 ? o : c) === $) return;
1819
- const i = this._$AH, a = e === c && i !== c || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, s = e !== c && (i === c || a);
1820
- a && this.element.removeEventListener(this.name, this, i), s && this.element.addEventListener(this.name, this, e), this._$AH = e;
1821
- }
1822
- handleEvent(e) {
1823
- var t, o;
1824
- 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);
1825
- }
1826
- }
1827
- class ft {
1828
- constructor(e, t, o) {
1829
- this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = o;
1830
- }
1831
- get _$AU() {
1832
- return this._$AM._$AU;
1833
- }
1834
- _$AI(e) {
1835
- k(this, e);
1836
- }
1837
- }
1838
- const he = V.litHtmlPolyfillSupport;
1839
- he?.(T, P), ((W = V.litHtmlVersions) !== null && W !== void 0 ? W : V.litHtmlVersions = []).push("2.8.0");
1840
- const gt = (r, e, t) => {
1841
- var o, i;
1842
- const a = (o = t?.renderBefore) !== null && o !== void 0 ? o : e;
1843
- let s = a._$litPart$;
1844
- if (s === void 0) {
1845
- const d = (i = t?.renderBefore) !== null && i !== void 0 ? i : null;
1846
- a._$litPart$ = s = new P(e.insertBefore(z(), d), d, void 0, t ?? {});
1847
- }
1848
- return s._$AI(r), s;
1849
- };
1850
- /**
1851
- * @license
1852
- * Copyright 2017 Google LLC
1853
- * SPDX-License-Identifier: BSD-3-Clause
1854
- */
1855
- var G, Y;
1856
- class N extends _ {
1857
- constructor() {
1858
- super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
1859
- }
1860
- createRenderRoot() {
1861
- var e, t;
1862
- const o = super.createRenderRoot();
1863
- return (e = (t = this.renderOptions).renderBefore) !== null && e !== void 0 || (t.renderBefore = o.firstChild), o;
1864
- }
1865
- update(e) {
1866
- const t = this.render();
1867
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = gt(t, this.renderRoot, this.renderOptions);
1868
- }
1869
- connectedCallback() {
1870
- var e;
1871
- super.connectedCallback(), (e = this._$Do) === null || e === void 0 || e.setConnected(!0);
1872
- }
1873
- disconnectedCallback() {
1874
- var e;
1875
- super.disconnectedCallback(), (e = this._$Do) === null || e === void 0 || e.setConnected(!1);
1876
- }
1877
- render() {
1878
- return $;
1879
- }
1880
- }
1881
- N.finalized = !0, N._$litElement$ = !0, (G = globalThis.litElementHydrateSupport) === null || G === void 0 || G.call(globalThis, { LitElement: N });
1882
- const ce = globalThis.litElementPolyfillSupport;
1883
- ce?.({ LitElement: N });
1884
- ((Y = globalThis.litElementVersions) !== null && Y !== void 0 ? Y : globalThis.litElementVersions = []).push("3.3.3");
1885
- /**
1886
- * @license
1887
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
1888
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1889
- */
1890
- const vt = it`
1891
- :host {
1892
- display: inline-block;
1893
- position: relative;
1894
- outline: none;
1895
- white-space: nowrap;
1896
- -webkit-user-select: none;
1897
- -moz-user-select: none;
1898
- user-select: none;
1899
- }
1900
-
1901
- :host([hidden]) {
1902
- display: none !important;
1903
- }
1904
-
1905
- /* Aligns the button with form fields when placed on the same line.
1906
- Note, to make it work, the form fields should have the same "::before" pseudo-element. */
1907
- .vaadin-button-container::before {
1908
- content: '\\2003';
1909
- display: inline-block;
1910
- width: 0;
1911
- max-height: 100%;
1912
- }
1913
-
1914
- .vaadin-button-container {
1915
- display: inline-flex;
1916
- align-items: center;
1917
- justify-content: center;
1918
- text-align: center;
1919
- width: 100%;
1920
- height: 100%;
1921
- min-height: inherit;
1922
- text-shadow: inherit;
1923
- }
1924
-
1925
- [part='prefix'],
1926
- [part='suffix'] {
1927
- flex: none;
1928
- }
1929
-
1930
- [part='label'] {
1931
- white-space: nowrap;
1932
- overflow: hidden;
1933
- text-overflow: ellipsis;
1934
- }
1935
-
1936
- @media (forced-colors: active) {
1937
- :host {
1938
- outline: 1px solid;
1939
- outline-offset: -1px;
1940
- }
1941
-
1942
- :host([focused]) {
1943
- outline-width: 2px;
1944
- }
1945
-
1946
- :host([disabled]) {
1947
- outline-color: GrayText;
1948
- }
1949
- }
1950
- `, bt = (r) => r`
1951
- <div class="vaadin-button-container">
1952
- <span part="prefix" aria-hidden="true">
1953
- <slot name="prefix"></slot>
1954
- </span>
1955
- <span part="label">
1956
- <slot></slot>
1957
- </span>
1958
- <span part="suffix" aria-hidden="true">
1959
- <slot name="suffix"></slot>
1960
- </span>
1961
- </div>
1962
- <slot name="tooltip"></slot>
1963
- `;
1964
- /**
1965
- * @license
1966
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
1967
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1968
- */
1969
- const yt = (r) => class extends Fe(Ne(Ue(r))) {
1970
- static get properties() {
1971
- return {
1972
- /**
1973
- * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
1974
- *
1975
- * @override
1976
- * @protected
1977
- */
1978
- tabindex: {
1979
- type: Number,
1980
- value: 0,
1981
- reflectToAttribute: !0
1982
- }
1983
- };
1984
- }
1985
- /**
1986
- * By default, `Space` is the only possible activation key for a focusable HTML element.
1987
- * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.
1988
- * See the "Keyboard Support" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.
1989
- *
1990
- * @protected
1991
- * @override
1992
- */
1993
- get _activeKeys() {
1994
- return ["Enter", " "];
1995
- }
1996
- /** @protected */
1997
- ready() {
1998
- super.ready(), this.hasAttribute("role") || this.setAttribute("role", "button");
1999
- }
2000
- /**
2001
- * Since the button component is designed on the base of the `[role=button]` attribute,
2002
- * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,
2003
- * it should manually fire the `click` event once an activation key is pressed,
2004
- * as it follows from the WAI-ARIA specifications:
2005
- * https://www.w3.org/TR/wai-aria-practices-1.1/#button
2006
- *
2007
- * According to the UI Events specifications,
2008
- * the `click` event should be fired exactly on `keydown`:
2009
- * https://www.w3.org/TR/uievents/#event-type-keydown
2010
- *
2011
- * @param {KeyboardEvent} event
2012
- * @protected
2013
- * @override
2014
- */
2015
- _onKeyDown(t) {
2016
- super._onKeyDown(t), !(t.altKey || t.shiftKey || t.ctrlKey || t.metaKey) && this._activeKeys.includes(t.key) && (t.preventDefault(), this.click());
2017
- }
2018
- };
2019
- /**
2020
- * @license
2021
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
2022
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
2023
- */
2024
- v("vaadin-button", vt, { moduleId: "vaadin-button-styles" });
2025
- class Se extends yt(me(fe(Te(ge)))) {
2026
- static get is() {
2027
- return "vaadin-button";
2028
- }
2029
- static get template() {
2030
- return bt(H);
2031
- }
2032
- /** @protected */
2033
- ready() {
2034
- super.ready(), this._tooltipController = new pe(this), this.addController(this._tooltipController);
2035
- }
2036
- }
2037
- M(Se);
2038
- /**
2039
- * @license
2040
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
2041
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
2042
- */
2043
- class xt extends Se {
2044
- static get is() {
2045
- return "vaadin-password-field-button";
2046
- }
2047
- static get template() {
2048
- return H`
2049
- <style>
2050
- :host {
2051
- display: block;
2052
- }
2053
-
2054
- :host([hidden]) {
2055
- display: none !important;
2056
- }
2057
- </style>
2058
- <slot name="tooltip"></slot>
2059
- `;
2060
- }
2061
- }
2062
- M(xt);
2063
- /**
2064
- * @license
2065
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
2066
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
2067
- */
2068
- const At = H`
2069
- <div part="reveal-button" slot="suffix">
2070
- <slot name="reveal"></slot>
2071
- </div>
2072
- `;
2073
- let I;
2074
- class wt extends ye {
2075
- static get is() {
2076
- return "vaadin-password-field";
2077
- }
2078
- static get template() {
2079
- if (!I) {
2080
- I = super.template.cloneNode(!0);
2081
- const e = At.content.querySelector('[part="reveal-button"]');
2082
- I.content.querySelector('[part="input-field"]').appendChild(e);
2083
- }
2084
- return I;
2085
- }
2086
- static get properties() {
2087
- return {
2088
- /**
2089
- * Set to true to hide the eye icon which toggles the password visibility.
2090
- * @attr {boolean} reveal-button-hidden
2091
- */
2092
- revealButtonHidden: {
2093
- type: Boolean,
2094
- observer: "_revealButtonHiddenChanged",
2095
- value: !1
2096
- },
2097
- /**
2098
- * True if the password is visible ([type=text]).
2099
- * @attr {boolean} password-visible
2100
- */
2101
- passwordVisible: {
2102
- type: Boolean,
2103
- value: !1,
2104
- reflectToAttribute: !0,
2105
- observer: "_passwordVisibleChanged",
2106
- readOnly: !0
2107
- },
2108
- /**
2109
- * An object with translated strings used for localization.
2110
- * It has the following structure and default values:
2111
- *
2112
- * ```
2113
- * {
2114
- * // Translation of the reveal icon button accessible label
2115
- * reveal: 'Show password'
2116
- * }
2117
- * ```
2118
- */
2119
- i18n: {
2120
- type: Object,
2121
- value: () => ({
2122
- reveal: "Show password"
2123
- })
2124
- }
2125
- };
2126
- }
2127
- static get observers() {
2128
- return ["__i18nChanged(i18n.*)"];
2129
- }
2130
- constructor() {
2131
- super(), this._setType("password"), this.__boundRevealButtonClick = this._onRevealButtonClick.bind(this), this.__boundRevealButtonMouseDown = this._onRevealButtonMouseDown.bind(this), this.__lastChange = "";
2132
- }
2133
- /** @protected */
2134
- get slotStyles() {
2135
- const e = this.localName;
2136
- return [
2137
- ...super.slotStyles,
2138
- `
2139
- ${e} [slot="input"]::-ms-reveal {
2140
- display: none;
2141
- }
2142
- `
2143
- ];
2144
- }
2145
- /** @protected */
2146
- get _revealNode() {
2147
- return this._revealButtonController && this._revealButtonController.node;
2148
- }
2149
- /** @protected */
2150
- ready() {
2151
- super.ready(), this._revealPart = this.shadowRoot.querySelector('[part="reveal-button"]'), this._revealButtonController = new He(this, "reveal", "vaadin-password-field-button", {
2152
- initializer: (e) => {
2153
- e.disabled = this.disabled, e.addEventListener("click", this.__boundRevealButtonClick), e.addEventListener("mousedown", this.__boundRevealButtonMouseDown);
2154
- }
2155
- }), this.addController(this._revealButtonController), this.__updateAriaLabel(this.i18n), this._updateToggleState(!1), this._toggleRevealHidden(this.revealButtonHidden), this.inputElement && (this.inputElement.autocapitalize = "off");
2156
- }
2157
- /**
2158
- * Override an event listener inherited from `InputControlMixin`
2159
- * to store the value at the moment of the native `change` event.
2160
- * @param {Event} event
2161
- * @protected
2162
- * @override
2163
- */
2164
- _onChange(e) {
2165
- super._onChange(e), this.__lastChange = this.inputElement.value;
2166
- }
2167
- /**
2168
- * Override method inherited from `FocusMixin` to mark field as focused
2169
- * when focus moves to the reveal button using Shift Tab.
2170
- * @param {Event} event
2171
- * @return {boolean}
2172
- * @protected
2173
- */
2174
- _shouldSetFocus(e) {
2175
- return e.target === this.inputElement || e.target === this._revealNode;
2176
- }
2177
- /**
2178
- * Override method inherited from `FocusMixin` to not hide password
2179
- * when focus moves to the reveal button or back to the input.
2180
- * @param {Event} event
2181
- * @return {boolean}
2182
- * @protected
2183
- */
2184
- _shouldRemoveFocus(e) {
2185
- return !(e.relatedTarget === this._revealNode || e.relatedTarget === this.inputElement && e.target === this._revealNode);
2186
- }
2187
- /**
2188
- * Override method inherited from `FocusMixin` to toggle password visibility.
2189
- * @param {boolean} focused
2190
- * @protected
2191
- * @override
2192
- */
2193
- _setFocused(e) {
2194
- if (super._setFocused(e), !e)
2195
- this._setPasswordVisible(!1), this.__lastChange !== this.inputElement.value && (this.__lastChange = this.inputElement.value, this.dispatchEvent(new CustomEvent("change", { bubbles: !0 })));
2196
- else {
2197
- const t = this.getRootNode().activeElement === this._revealNode;
2198
- this.toggleAttribute("focus-ring", this._keyboardActive && !t);
2199
- }
2200
- }
2201
- /** @private */
2202
- __updateAriaLabel(e) {
2203
- e.reveal && this._revealNode && this._revealNode.setAttribute("aria-label", e.reveal);
2204
- }
2205
- /** @private */
2206
- __i18nChanged(e) {
2207
- this.__updateAriaLabel(e.base);
2208
- }
2209
- /** @private */
2210
- _revealButtonHiddenChanged(e) {
2211
- this._toggleRevealHidden(e);
2212
- }
2213
- /** @private */
2214
- _togglePasswordVisibility() {
2215
- this._setPasswordVisible(!this.passwordVisible);
2216
- }
2217
- /** @private */
2218
- _onRevealButtonClick() {
2219
- this._togglePasswordVisibility();
2220
- }
2221
- /** @private */
2222
- _onRevealButtonMouseDown(e) {
2223
- e.preventDefault(), this.inputElement.focus();
2224
- }
2225
- /** @private */
2226
- _toggleRevealHidden(e) {
2227
- 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")));
2228
- }
2229
- /** @private */
2230
- _updateToggleState(e) {
2231
- this._revealNode && this._revealNode.setAttribute("aria-pressed", e ? "true" : "false");
2232
- }
2233
- /** @private */
2234
- _passwordVisibleChanged(e) {
2235
- this._setType(e ? "text" : "password"), this._updateToggleState(e);
2236
- }
2237
- /**
2238
- * Override method inherited from `DisabledMixin` to synchronize the reveal button
2239
- * disabled state with the password field disabled state.
2240
- * @param {boolean} disabled
2241
- * @param {boolean} oldDisabled
2242
- * @protected
2243
- */
2244
- _disabledChanged(e, t) {
2245
- super._disabledChanged(e, t), this._revealNode && (this._revealNode.disabled = e);
2246
- }
2247
- }
2248
- M(wt);
2249
- const _t = '*,*::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}', Ct = _t, $t = class {
2250
- constructor(r) {
2251
- ze(this, r), this.sendOriginalValidityState = L(this, "sendOriginalValidityState"), this.sendValidityState = L(this, "sendValidityState"), this.sendInputValue = L(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) => {
2252
- this.value = e.target.value, this.calculateComplexity(this.value), this.showPopup = !0, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
2253
- this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
2254
- }, 500);
2255
- }, this.handleRevealField = (e) => {
2256
- e.stopPropagation(), window.postMessage({ type: `registrationShow${this.name}` }, window.location.href);
2257
- }, this.handleBlur = (e) => {
2258
- this.value = e.target.value, this.showPopup = !1, this.touched = !0, this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage();
2259
- }, this.handleFocus = () => {
2260
- this.showPopup = !0, this.calculateComplexity(this.value);
2261
- }, this.setClientStyling = () => {
2262
- let e = document.createElement("style");
2263
- e.innerHTML = this.clientStyling, this.stylingContainer.prepend(e);
2264
- };
2265
- }
2266
- validityChanged() {
2267
- this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value });
2268
- }
2269
- valueChanged() {
2270
- this.isDuplicateInput || (this.calculateComplexity(this.value), this.sendOriginalValidityState.emit({ name: this.name, valid: this.setValidity() }));
2271
- }
2272
- emitValueHandler(r) {
2273
- r == !0 && this.isValid && this.valueHandler({ name: this.name, value: this.value, type: "duplicate" });
2274
- }
2275
- validityStateHandler(r) {
2276
- this.sendValidityState.emit(r);
2277
- }
2278
- valueHandler(r) {
2279
- this.sendInputValue.emit(r);
2280
- }
2281
- originalValidityChangedHandler(r) {
2282
- this.isDuplicateInput && (r.detail.valid ? (this.originalValid = !0, this.isValid = this.setValidity()) : (this.originalValid = !1, this.isValid = !1, this.value !== "" && (this.errorMessage = this.setErrorMessage())));
2283
- }
2284
- valueChangedHandler(r) {
2285
- 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());
2286
- }
2287
- handleClickOutside(r) {
2288
- r.composedPath()[0] !== this.tooltipIconReference && r.composedPath()[0] !== this.tooltipReference && (this.showTooltip = !1);
2289
- }
2290
- componentDidRender() {
2291
- !this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
2292
- }
2293
- componentDidLoad() {
2294
- 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) => {
2295
- this.handleRevealField(r);
2296
- }), 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();
2297
- }
2298
- disconnectedCallback() {
2299
- this.passwordButton.removeEventListener("click", this.handleRevealField);
2300
- }
2301
- calculateComplexity(r) {
2302
- this.passwordComplexity = this.validation.custom.filter((e) => e.rule === "regex").map((e) => {
2303
- const o = new RegExp(e.pattern).test(r);
2304
- return { rule: e.displayName, ruleKey: e.errorKey, passed: o };
2305
- });
2306
- }
2307
- setValidity() {
2308
- var r, e;
2309
- 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;
2310
- }
2311
- setPattern() {
2312
- var r, e;
2313
- if (((r = this.validation.custom) === null || r === void 0 ? void 0 : r.length) > 0)
2314
- return (e = this.validation.custom.find((t) => t.rule === "regex")) === null || e === void 0 ? void 0 : e.pattern;
2315
- }
2316
- setErrorMessage() {
2317
- var r, e, t, o;
2318
- if (this.isDuplicateInput && !this.originalValid)
2319
- return g("invalidOriginalPasswordError", this.language);
2320
- if (this.inputReference.validity.patternMismatch) {
2321
- 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;
2322
- return g(`${i}`, this.language) ? g(`${i}`, this.language) : a;
2323
- }
2324
- if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong)
2325
- return g("lengthError", this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
2326
- if (this.inputReference.validity.valueMissing)
2327
- return g("requiredError", this.language);
2328
- if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
2329
- 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;
2330
- return g(`${i}`, this.language) ? g(`${i}`, this.language) : a;
2331
- }
2332
- }
2333
- renderTooltip() {
2334
- return this.showTooltip ? p("div", { class: `password__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (r) => this.tooltipReference = r, innerHTML: this.tooltip }) : null;
2335
- }
2336
- renderComplexityPopup() {
2337
- const r = this.passwordComplexity.length, t = this.passwordComplexity.filter((i) => i.passed).length / r, o = this.passwordComplexity.every((i) => i.passed);
2338
- return p("div", { class: `password__complexity ${this.showPopup ? "" : "password__complexity--hidden"}` }, p("div", { class: "password__complexity--strength" }, p("p", { class: "password__complexity--text" }, g("passwordStrength", this.language), " ", p("span", { class: "password__complexity--text-bold" }, g(`${o ? "passwordStrengthStrong" : "passwordStrengthWeak"}`, this.language))), p("meter", { value: t, min: "0", max: "1" })), p("div", null, this.passwordComplexity.map((i, a) => p("div", { key: a }, p("input", { class: "password__complexity--checkbox", type: "checkbox", checked: i.passed, disabled: !0 }), p("span", null, g(`${i.ruleKey}`, this.language) ? g(`${i.ruleKey}`, this.language) : i.rule)))));
2339
- }
2340
- render() {
2341
- let r = "";
2342
- return this.touched && (r = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), p("div", { key: "c704b51efdf53817beb1541b4794e0b11b490a24", class: `password__wrapper ${this.autofilled ? "password__wrapper--autofilled" : ""} ${this.name}__input`, ref: (e) => this.stylingContainer = e }, p("div", { key: "e590afa403084ff95a8735ade400ab81ad16937f", class: "password__wrapper--flex" }, p("label", { key: "9d8db00b59c4b9594538aeacee3ef5a0e678c0e9", class: `password__label ${this.validation.mandatory ? "password__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), p("div", { key: "bb39f6018cf688fafcd0b5bef91ba079edf09daf", class: "password__wrapper--relative" }, this.tooltip && p("img", { key: "d8dbd086da34a8c7db9b5826654530bdb888c927", class: "password__tooltip-icon", src: De, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), p("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 }), p("small", { key: "2fa1e25239a7314399c16b2f897873b7a31e9f77", class: "password__error-message" }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
2343
- }
2344
- get element() {
2345
- return Be(this);
2346
- }
2347
- static get watchers() {
2348
- return {
2349
- isValid: ["validityChanged"],
2350
- value: ["valueChanged"],
2351
- emitValue: ["emitValueHandler"]
2352
- };
2353
- }
2354
- };
2355
- $t.style = Ct;
2356
- export {
2357
- $t as password_input,
2358
- It as player_change_password_gm2
2359
- };