@everymatrix/player-account-controller 1.54.12 → 1.55.0

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 (161) hide show
  1. package/components/GeneralLogout-BW6b3iuS.cjs +8 -0
  2. package/components/{GeneralLogout-BO_iHKNr.js → GeneralLogout-DMvKimEo.js} +735 -713
  3. package/components/{GeneralLogout-CwSCMNgW.js → GeneralLogout-GS7gE3LI.js} +610 -588
  4. package/components/{PlayerAccountBettingHistory-Cb8OMNy9.cjs → PlayerAccountBettingHistory-BsFzBNDY.cjs} +1 -1
  5. package/components/{PlayerAccountBettingHistory-BoeZFFFu.js → PlayerAccountBettingHistory-DUgPRDra.js} +24 -24
  6. package/components/{PlayerAccountBettingHistory-C6G8D9gE.js → PlayerAccountBettingHistory-YNLbWHxl.js} +24 -24
  7. package/components/{PlayerAccountBiometrics-DbzqR4YB.cjs → PlayerAccountBiometrics-BrlNlZ5N.cjs} +1 -1
  8. package/components/{PlayerAccountBiometrics-TQaVyCUp.js → PlayerAccountBiometrics-CARn4eVu.js} +26 -26
  9. package/components/{PlayerAccountBiometrics-C6n6AU67.js → PlayerAccountBiometrics-CXLK5_xT.js} +26 -26
  10. package/components/{PlayerAccountClosure-mb6TcNFj.js → PlayerAccountClosure-BQsYcTs7.js} +13 -13
  11. package/components/{PlayerAccountClosure-RO3lnj8F.js → PlayerAccountClosure-BkKcpa4J.js} +13 -13
  12. package/components/{PlayerAccountClosure-CoKkAlIq.cjs → PlayerAccountClosure-DfJc6Ip_.cjs} +1 -1
  13. package/components/{PlayerAccountController-B99YscRG.js → PlayerAccountController-5iMZlx1a.js} +128 -128
  14. package/components/{PlayerAccountController-C2q8ibgU.cjs → PlayerAccountController-7FPLehfk.cjs} +1 -1
  15. package/components/{PlayerAccountController-Nco62fa4.js → PlayerAccountController-BhRqOpNe.js} +126 -126
  16. package/components/{PlayerAccountGamingLimits-Bc6vqzq1.js → PlayerAccountGamingLimits-B2-Mgazd.js} +19 -19
  17. package/components/{PlayerAccountGamingLimits-DbX9_Kpb.cjs → PlayerAccountGamingLimits-BPQrptbd.cjs} +1 -1
  18. package/components/{PlayerAccountGamingLimits-DiyC185P.js → PlayerAccountGamingLimits-DwpArRnO.js} +19 -19
  19. package/components/{PlayerAccountGamingLimitsConfirmationModal-BnOXTUlS.js → PlayerAccountGamingLimitsConfirmationModal-CNTlXu7V.js} +30 -30
  20. package/components/{PlayerAccountGamingLimitsConfirmationModal-x0MkZXMQ.js → PlayerAccountGamingLimitsConfirmationModal-DefxnTKN.js} +30 -30
  21. package/components/{PlayerAccountGamingLimitsConfirmationModal-CnGLRHzu.cjs → PlayerAccountGamingLimitsConfirmationModal-IgBYV9F2.cjs} +1 -1
  22. package/components/{PlayerAccountGamingLimitsGroupEdit-dprcKEZC.js → PlayerAccountGamingLimitsGroupEdit-CDY-ylK7.js} +51 -51
  23. package/components/{PlayerAccountGamingLimitsGroupEdit-Crmi-e6x.js → PlayerAccountGamingLimitsGroupEdit-Cj7PXLH2.js} +51 -51
  24. package/components/{PlayerAccountGamingLimitsGroupEdit-DYe0OoaG.cjs → PlayerAccountGamingLimitsGroupEdit-DrkoLne8.cjs} +2 -2
  25. package/components/{PlayerAccountGamingLimitsHistory2-DiAUM6kQ.js → PlayerAccountGamingLimitsHistory2-2NpX8p0k.js} +44 -44
  26. package/components/{PlayerAccountGamingLimitsHistory2-CS4fpWhH.cjs → PlayerAccountGamingLimitsHistory2-B_7Y0DgS.cjs} +1 -1
  27. package/components/{PlayerAccountGamingLimitsHistory2-Dt9CSOvf.js → PlayerAccountGamingLimitsHistory2-DF8kvIf6.js} +46 -46
  28. package/components/{PlayerAccountGamingLimitsInfoCard-DFsD9RSx.cjs → PlayerAccountGamingLimitsInfoCard-BOls7ahz.cjs} +1 -1
  29. package/components/{PlayerAccountGamingLimitsInfoCard-D9MKGXei.js → PlayerAccountGamingLimitsInfoCard-CNvQOw3A.js} +95 -95
  30. package/components/{PlayerAccountGamingLimitsInfoCard-Bd4vV7fT.js → PlayerAccountGamingLimitsInfoCard-D3sJXuZa.js} +95 -95
  31. package/components/{PlayerAccountGamingLimitsPage2Gm16-8-RWZDSp.cjs → PlayerAccountGamingLimitsPage2Gm16-BiFzgvUx.cjs} +1 -1
  32. package/components/{PlayerAccountGamingLimitsPage2Gm16-C9VhT1ek.js → PlayerAccountGamingLimitsPage2Gm16-C7_DGAt1.js} +72 -72
  33. package/components/{PlayerAccountGamingLimitsPage2Gm16-WSk66pxJ.js → PlayerAccountGamingLimitsPage2Gm16-Dz6knJ_h.js} +122 -122
  34. package/components/{PlayerAccountGamingLimitsPopup-C2R4OzUK.js → PlayerAccountGamingLimitsPopup-BlCz3nIH.js} +17 -17
  35. package/components/{PlayerAccountGamingLimitsPopup-DLqNpo7V.js → PlayerAccountGamingLimitsPopup-Bt4YlCWi.js} +17 -17
  36. package/components/{PlayerAccountGamingLimitsPopup-zTXU7ohP.cjs → PlayerAccountGamingLimitsPopup-ChBLdQR7.cjs} +1 -1
  37. package/components/{PlayerAccountGamingLimitsWrapper2-D3NmPjvT.js → PlayerAccountGamingLimitsWrapper2-D3tW5CCc.js} +8 -8
  38. package/components/{PlayerAccountGamingLimitsWrapper2-CXP2X7Lk.cjs → PlayerAccountGamingLimitsWrapper2-Dg6CwNyN.cjs} +1 -1
  39. package/components/{PlayerAccountGamingLimitsWrapper2-Cr1xbzbX.js → PlayerAccountGamingLimitsWrapper2-RnvNKSgN.js} +8 -8
  40. package/components/{PlayerAccountGeneralConfirmationModal-CnGS36kY.cjs → PlayerAccountGeneralConfirmationModal-BpTCzpiW.cjs} +1 -1
  41. package/components/{PlayerAccountGeneralConfirmationModal-BrcO0n_o.js → PlayerAccountGeneralConfirmationModal-D3u9X3Q6.js} +39 -39
  42. package/components/{PlayerAccountGeneralConfirmationModal-DHuSzGQn.js → PlayerAccountGeneralConfirmationModal-SjPp-PVG.js} +39 -39
  43. package/components/{PlayerAccountMenu-VCDFEkVV.js → PlayerAccountMenu-5esyJ_VN.js} +20 -20
  44. package/components/{PlayerAccountMenu-kULPvwXH.cjs → PlayerAccountMenu-C704oUrC.cjs} +1 -1
  45. package/components/{PlayerAccountMenu-Bnj75Pyr.js → PlayerAccountMenu-DgptA72k.js} +17 -17
  46. package/components/{PlayerAccountModal-BGNjm-FU.js → PlayerAccountModal-BnWL5726.js} +28 -28
  47. package/components/{PlayerAccountModal-DLxnK5Aq.cjs → PlayerAccountModal-C7aZZlBw.cjs} +1 -1
  48. package/components/{PlayerAccountModal-d2eY7pgp.js → PlayerAccountModal-CbLpkfXY.js} +28 -28
  49. package/components/{PlayerAccountNotifications-BkPn9o0x.js → PlayerAccountNotifications-B02Ownhe.js} +16 -16
  50. package/components/{PlayerAccountNotifications-DwHaboef.js → PlayerAccountNotifications-C-lyz5dM.js} +16 -16
  51. package/components/{PlayerAccountNotifications-DLpnh54-.cjs → PlayerAccountNotifications-DkgHtUGj.cjs} +1 -1
  52. package/components/PlayerAccountSelfExclusion-BS89T7sZ.cjs +4171 -0
  53. package/components/{PlayerAccountSelfExclusion-Dsc1c5ET.js → PlayerAccountSelfExclusion-BkK_LRpi.js} +9840 -9439
  54. package/components/{PlayerAccountSelfExclusion-C-Gq5xhb.js → PlayerAccountSelfExclusion-D6Kby-08.js} +9320 -8965
  55. package/components/{PlayerAccountTimeout-DX8TE-kL.cjs → PlayerAccountTimeout-DMbUPtRy.cjs} +1 -1
  56. package/components/{PlayerAccountTimeout-DPGSPm6O.js → PlayerAccountTimeout-DWNG3Mes.js} +25 -25
  57. package/components/{PlayerAccountTimeout-BrX6tkl3.js → PlayerAccountTimeout-tPNVqlAT.js} +25 -25
  58. package/components/PlayerActiveBonuses-B9jz3QD8.cjs +1 -0
  59. package/components/{PlayerActiveBonuses-DZ1TuekM.js → PlayerActiveBonuses-SCbHFBuw.js} +392 -443
  60. package/components/{PlayerActiveBonuses-WBu-rYFj.js → PlayerActiveBonuses-dRIcHoZG.js} +415 -466
  61. package/components/{PlayerBonusCard-BtSC36hN.js → PlayerBonusCard-8uOU9OLG.js} +50 -50
  62. package/components/{PlayerBonusCard-DqHyFS9o.cjs → PlayerBonusCard-BC8FfHZz.cjs} +1 -1
  63. package/components/{PlayerBonusCard-Ci1k7NFv.js → PlayerBonusCard-Cppd6wFF.js} +50 -50
  64. package/components/{PlayerBonusHistory-C7m0o7Yl.js → PlayerBonusHistory-44sPM1i7.js} +30 -30
  65. package/components/{PlayerBonusHistory-D-qDx10G.cjs → PlayerBonusHistory-D2YSJiqi.cjs} +1 -1
  66. package/components/{PlayerBonusHistory-DDNLaEBO.js → PlayerBonusHistory-DWvXjCPO.js} +30 -30
  67. package/components/{PlayerChangePassword-B4VW3taV.cjs → PlayerChangePassword-CzR4Xz0H.cjs} +1 -1
  68. package/components/{PlayerChangePassword-Bhfh3D2M.js → PlayerChangePassword-N_UEFJNT.js} +103 -103
  69. package/components/{PlayerChangePassword-Dk7vlEEM.js → PlayerChangePassword-OM9U8MSx.js} +103 -103
  70. package/components/PlayerDeposit-CwMvcnsj.js +414 -0
  71. package/components/PlayerDeposit-D_78W5GC.cjs +1 -0
  72. package/components/PlayerDeposit-Q2N0Y2_v.js +414 -0
  73. package/components/{PlayerGamingHistory-CaYFZtwD.js → PlayerGamingHistory-BLQD-WyT.js} +54 -54
  74. package/components/{PlayerGamingHistory-CcFH-mIk.cjs → PlayerGamingHistory-DRkPp9aG.cjs} +1 -1
  75. package/components/{PlayerGamingHistory-BPF2pyCO.js → PlayerGamingHistory-XiAb60Gu.js} +59 -59
  76. package/components/{PlayerPendingWithdrawals-BvhoX5n1.cjs → PlayerPendingWithdrawals-BG3I8ifu.cjs} +1 -1
  77. package/components/{PlayerPendingWithdrawals-DQ_Nh38H.js → PlayerPendingWithdrawals-BSTgce9H.js} +33 -33
  78. package/components/{PlayerPendingWithdrawals-DabTg_Hg.js → PlayerPendingWithdrawals-BsCRRPqb.js} +33 -33
  79. package/components/{PlayerProfileInfo-D7thO7JS.js → PlayerProfileInfo-C7zRlD3p.js} +45 -45
  80. package/components/{PlayerProfileInfo-DQflJzdX.cjs → PlayerProfileInfo-CGsJydqv.cjs} +1 -1
  81. package/components/{PlayerProfileInfo-AEY5xCAX.js → PlayerProfileInfo-zmbAMe_l.js} +45 -45
  82. package/components/{PlayerRealityCheck-6ZyJUl5U.js → PlayerRealityCheck-A_mZq3YZ.js} +27 -27
  83. package/components/{PlayerRealityCheck-DMI_8YfG.cjs → PlayerRealityCheck-C26ZBWae.cjs} +1 -1
  84. package/components/{PlayerRealityCheck-CzPyJQgR.js → PlayerRealityCheck-D7u9BzPV.js} +26 -26
  85. package/components/{PlayerTransactionHistory-Dj8ABxFp.cjs → PlayerTransactionHistory-CJqhYnbs.cjs} +1 -1
  86. package/components/{PlayerTransactionHistory-CSK3J3Na.js → PlayerTransactionHistory-DllIB_qE.js} +23 -23
  87. package/components/{PlayerTransactionHistory-DmTfwUdw.js → PlayerTransactionHistory-DsRmd4u6.js} +23 -23
  88. package/components/{PlayerWithdrawal-BrqShTsy.js → PlayerWithdrawal-CGSnHppy.js} +20 -20
  89. package/components/{PlayerWithdrawal-BwymNFiL.cjs → PlayerWithdrawal-GDc_7hZX.cjs} +1 -1
  90. package/components/{PlayerWithdrawal-ct79yXDc.js → PlayerWithdrawal-t5mlX5CD.js} +20 -20
  91. package/es2015/player-account-controller.cjs +1 -1
  92. package/es2015/player-account-controller.js +1 -1
  93. package/esnext/player-account-controller.js +1 -1
  94. package/package.json +1 -1
  95. package/stencil/{checkbox-group-input_9-9b62GyCW.js → checkbox-group-input_9-Cny9rOs9.js} +2490 -3376
  96. package/stencil/{checkbox-group-input_9-BDryW6Wx.js → checkbox-group-input_9-DZvX2H_r.js} +2434 -3306
  97. package/stencil/checkbox-group-input_9-FLO2Qa5Y.cjs +2104 -0
  98. package/stencil/{general-input-BXIgsD0E.js → general-input-Yj_LRx0v.js} +6 -6
  99. package/stencil/{general-input-CwyM4h8z.js → general-input-d5RULL12.js} +6 -6
  100. package/stencil/general-input-igTYIJ6W.cjs +1 -0
  101. package/stencil/index-0437c9c0-BwGFk0Yq.js +565 -0
  102. package/stencil/index-0437c9c0-C_oD9Yfn.js +592 -0
  103. package/stencil/index-0437c9c0-oCxuDVFQ.cjs +1 -0
  104. package/stencil/index-657e7a14-B7-RqEpB.js +572 -0
  105. package/stencil/index-657e7a14-CrrA_w_5.cjs +1 -0
  106. package/stencil/index-657e7a14-DW4SbCqy.js +588 -0
  107. package/stencil/index-72d2f0c7--qtpsDOz.js +642 -0
  108. package/stencil/index-72d2f0c7-DldCMjBJ.cjs +1 -0
  109. package/stencil/index-72d2f0c7-DyMEJXra.js +626 -0
  110. package/stencil/index-e8249896-BjtvOmsZ.cjs +1 -0
  111. package/stencil/index-e8249896-CM_igLvD.js +658 -0
  112. package/stencil/index-e8249896-DW1YiUqn.js +631 -0
  113. package/stencil/password-input_2-CHOu4hgw.js +1420 -0
  114. package/stencil/password-input_2-DQAgV1SZ.cjs +896 -0
  115. package/stencil/password-input_2-DaiHlKbQ.js +1420 -0
  116. package/stencil/{player-change-password-gm2-2de114b8-j-W8UbVm.cjs → player-change-password-gm2-780eb445-CdItmoKI.cjs} +1 -1
  117. package/stencil/{player-change-password-gm2-2de114b8-BXdScOXy.js → player-change-password-gm2-780eb445-Cg8Z75Vz.js} +3 -3
  118. package/stencil/{player-change-password-gm2-2de114b8-D375sYxZ.js → player-change-password-gm2-780eb445-DEjz9Jjk.js} +3 -3
  119. package/stencil/{player-change-password-gm2-DLw7pfT_.cjs → player-change-password-gm2-BR82_Y4L.cjs} +1 -1
  120. package/stencil/{player-change-password-gm2-BDCYchnQ.js → player-change-password-gm2-DlMNv4hv.js} +1 -1
  121. package/stencil/{player-change-password-gm2-CQtvRl58.js → player-change-password-gm2-FHUeecdE.js} +1 -1
  122. package/stencil/{player-kyc-verification-KcMUMtzd.js → player-kyc-verification-CZy8RShe.js} +43 -43
  123. package/stencil/{player-kyc-verification-BZX3owFI.js → player-kyc-verification-DuUII5AF.js} +39 -39
  124. package/stencil/{player-kyc-verification-CnOn9bB_.cjs → player-kyc-verification-DxpMnJ6t.cjs} +2 -2
  125. package/stencil/{toggle-checkbox-input-BqotLJuA.js → toggle-checkbox-input-Co64_7cm.js} +7 -7
  126. package/stencil/{toggle-checkbox-input-DFpk-vL2.js → toggle-checkbox-input-ErX2Ngat.js} +7 -7
  127. package/stencil/toggle-checkbox-input-a_0w-Y0n.cjs +1 -0
  128. package/stencil/{user-deposit-withdrawal-BZXlCCQr.cjs → user-deposit-withdrawal-Cum51n64.cjs} +2 -2
  129. package/stencil/{user-deposit-withdrawal-6RE0dcHP.js → user-deposit-withdrawal-DRo4MaOR.js} +24 -24
  130. package/stencil/{user-deposit-withdrawal-D7AuBXPO.js → user-deposit-withdrawal-DsEm--6b.js} +24 -24
  131. package/stencil/{user-transaction-history-DW482EoT.js → user-transaction-history-BpBJPUwq.js} +10 -10
  132. package/stencil/{user-transaction-history-CLdEzp7O.cjs → user-transaction-history-C3_7vgUY.cjs} +1 -1
  133. package/stencil/{user-transaction-history-CtDvqHoF.js → user-transaction-history-ClGHRdoQ.js} +7 -7
  134. package/stencil/vaadin-button-6001b2a6-C6xw53k5.cjs +3018 -0
  135. package/stencil/{vaadin-button-mixin-b8087c3c-DMeIIR12.js → vaadin-button-6001b2a6-CZwj1qjO.js} +5818 -5228
  136. package/stencil/{vaadin-button-mixin-b8087c3c-DTenw4S9.js → vaadin-button-6001b2a6-Dqz5Vp8D.js} +3935 -3299
  137. package/components/GeneralLogout-CMYMtWfC.cjs +0 -8
  138. package/components/PlayerAccountSelfExclusion-Dlkeebgy.cjs +0 -3557
  139. package/components/PlayerActiveBonuses-T1itpvjq.cjs +0 -1
  140. package/components/PlayerDeposit-B04mpHHT.js +0 -395
  141. package/components/PlayerDeposit-CH0pw_GN.cjs +0 -1
  142. package/components/PlayerDeposit-DJXOEJyq.js +0 -395
  143. package/stencil/checkbox-group-input_9-B0JD93gn.cjs +0 -2045
  144. package/stencil/general-input-BL1L8PI-.cjs +0 -1
  145. package/stencil/index-0a27499c-BaAMIKJI.js +0 -724
  146. package/stencil/index-0a27499c-DaAhyku1.js +0 -697
  147. package/stencil/index-0a27499c-vG7Av-0V.cjs +0 -1
  148. package/stencil/index-1d58b17d-BREebYgt.js +0 -658
  149. package/stencil/index-1d58b17d-CY3tvLdR.js +0 -631
  150. package/stencil/index-1d58b17d-oagDV-gC.cjs +0 -1
  151. package/stencil/index-45f4006f-CL2s7me-.cjs +0 -1
  152. package/stencil/index-45f4006f-D9GyS-vs.js +0 -638
  153. package/stencil/index-45f4006f-DKAxZFDZ.js +0 -654
  154. package/stencil/index-92b64862-Bnmv00O2.js +0 -708
  155. package/stencil/index-92b64862-CK1ANWGa.cjs +0 -1
  156. package/stencil/index-92b64862-CO3_TP5h.js +0 -692
  157. package/stencil/password-input_2-B5ePukhS.js +0 -569
  158. package/stencil/password-input_2-D3ziy4Iu.cjs +0 -105
  159. package/stencil/password-input_2-ZN0C3aqj.js +0 -569
  160. package/stencil/toggle-checkbox-input-n5b3s-CU.cjs +0 -1
  161. package/stencil/vaadin-button-mixin-b8087c3c-BzMgQwsM.cjs +0 -2385
@@ -0,0 +1,1420 @@
1
+ import { r as y, c as m, h as a, g as w } from "./index-72d2f0c7-DyMEJXra.js";
2
+ import { t as s } from "./locale-BG_TzyDt.js";
3
+ import { a as h, i as l, r as n, h as v, T as A, N as _, f as C, L as k, M as z, a7 as B, o as F, I, e as V, E as T, c as M, a8 as R, B as S } from "./vaadin-button-6001b2a6-Dqz5Vp8D.js";
4
+ import { t as P } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
5
+ import { P as ce } from "./player-change-password-gm2-780eb445-Cg8Z75Vz.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 E extends HTMLElement {
12
+ static get is() {
13
+ return "vaadin-lumo-styles";
14
+ }
15
+ static get version() {
16
+ return "24.2.9";
17
+ }
18
+ }
19
+ h(E);
20
+ const u = (t, ...e) => {
21
+ _(`lumo-${t}`, 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 N = l`
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
+ u("color-props", N);
115
+ const D = l`
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
+ n("", D, { 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 q = l`
238
+ @font-face {
239
+ font-family: 'lumo-icons';
240
+ src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABEgAAsAAAAAIjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFZAIUuKY21hcAAAAYgAAAD4AAADrsCU8d5nbHlmAAACgAAAC2cAABeAWri7U2hlYWQAAA3oAAAAMAAAADZa/6SsaGhlYQAADhgAAAAdAAAAJAbpA35obXR4AAAOOAAAABAAAACspBAAAGxvY2EAAA5IAAAAWAAAAFh57oA4bWF4cAAADqAAAAAfAAAAIAFKAXBuYW1lAAAOwAAAATEAAAIuUUJZCHBvc3QAAA/0AAABKwAAAelm8SzVeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS+yDiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjG+0mIO+p/FEMUcxDANKMwIkgMABn8MLQB4nO3SWW6DMABF0UtwCEnIPM/zhLK8LqhfXRybSP14XUYtHV9hGYQwQBNIo3cUIPkhQeM7rib1ekqnXg981XuC1qvy84lzojleh3puxL0hPjGjRU473teloEefAUNGjJkwZcacBUtWrNmwZceeA0dOnLlw5cadB09elPGhGf+j0NTI/65KfXerT6JhqKnpRKtgOpuqaTrtKjPUlqHmhto21I7pL6i6hlqY3q7qGWrfUAeGOjTUkaGODXViqFNDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUB+G+jTUl6GWRvkL24BkEXictVh9bFvVFb/nxvbz+7Rf/N6zHcd2bCfP+Wic1Z9N0jpNHCD9SNqqoVBgbQoMjY+pjA4hNnWa2pV1rHSIif0DGkyT2k10Kmu1Cag6huj4ZpqYBHSqJsTEJgZCG3TaVBFv595nO3ZIv4RIrPPuvefe884599zzO/cRF8G/tgn6CFFImNgkR0ggX8wlspbhSSWSdrC5ozd30s2dw5afzvgtyz9/zG9t1hV4RtF1pXolowvtzc2z6L2aYUQM45jKH9WDTvd1LRDoDASYWhfTzTyvboXz6uZX4ARX5wrF39y+HM2+CJ8d0pkyqBIqoze3D12ez4DrFoYzxI8dWwMrDlZ2DMqQAR9AROsJU+2smlTPaTTco52BVxXa2a2+I8vvqd2dVHm1LoPeTn/AZPRYGthDYOeZjBjKoFsVGulR3lGU95SeCK44oHU7MhWUGUKZDT3oSUcG2GWuh+EDDfUYA/jhIhl0TOsJNYSEu7mQmi3UzfXwZKA4BsVsHLXQYGgJW95qEtpJ1VcW9HiTriZBlFEqxsDjA09yCNUoQxxwd7KWSTt2y3GTKifkqHRCoWZc3m11Wa/dKdFgXD4kSYfkeJBKd8KMz7J8dZn/cGRCcLGDnA2Ge3bKzcvlnTDNthFWLH7Xt80ua5FMjA4WKelWv5Xo16vHuYzpRbJhhdVlftuRK0VlR27D9lu5TF0DPBi60OrHNO0AfP/uRWvhn/U3LXICE+nh+3IHPUJ8JE6GyBjZQLbjGchlrSgYngF8zyrIF4NJD3atUcgWsWunGN/UHX5B5/yg7uF87Nqp4Gf52F3gH73DjEZNRoqCKAr9giQJp5rGJABpiVE2htNhW9R8nw0jqYjCYcY4LIjwYNScf4WN06IZnZCEqsI4cFaQbo4Z1TsZBx40YhXkHOecaYE5oY37IIQ+iJJ+UsDYSun5MuRSBRZRUUhlY2DqOGajOR6zrSU/5My6l2DnusH1GQgnw5BZP7iuYM/ahcfQ7Z8y51ddfutvuwNqWQ0cBYr8fj0U0vsHpwerVaB2sWhXT2NExi2r1KUE2tUuVMnkepVQrxTmpQrZTG4iu8he8iPyM3KcPE/+RP5KPoE2CEAKclCBzXATxkYOtUY/o961PWRqsj0chRrHFBbtrjP9/P0ven5pcbRdpL94vfsy33e5+izuwz3nFLFPVNayPZx/jdG1fOChflFRvYzsW6L18efgLrSWIgvcqnGJYi4skO4xREURjbDuxKke5v0T3Mrzkt2fi31uyZlLLrqIpEuXXsMlgw442Jb0GAxjS1DM20kBoCzHLXm/jEm0IltdcvU0fEW24jgiwwRjVd9u4NJHcIyoHJcwvyVqgqj5hqBJ1ZWSJryh9p56UWhX1XbhRbW2ZopuZWsQd5y8mEQ8M+C6xjRYxZbDKWf5AgY+Qq/l6wSPk16zDFjowYuu+wjx13mfkxbyDDxadYT/LijZyI0THB+6yfLaWsRcO82zo9mWTNtpO18qlorZoIVMwSN40tky5DOQ1MCIAe24mvlsuwIIxPb10+uXDQ4uWz/9m3rj+ql7p6bufZARuPVq5tXtsn6KwfP8Jy0TeWOyNhUJN6mhX5rkUTtUppQWEMNTqEdaCGKFYKJaQrCE4JtDLYOlNEKmO5kBTPGY2A0N2sY3+dVlo1N9ycBsIGtOjQ2p/tlZvzo0ur4v6cOh8NTospB7U/X40KahoU3bGIH97dnwmtHlYffVG3R1YOwKM2vNhrPhCT5zk64sG53oS4b31aYjqe/B7+kQiXBN+b6h21hNUPMq29B8CU4elINdygMPKF1B+WBTG7Z9ZshpN/xwEuuDQZR+nuoo4CDaAiiwXmLpmukMQyPf/JMclqgL1ixZQ/nnP2VbdUODFGt2fgBvL123rlLYu/6A9ckb7F3K0/CyBMEu6aQoPscroCcacVehvyQyCZAsizsWWBkoLC+WAiWnOksLKaeuQDzGuqSk42aiYTiJ4zf9afl17SrqaTO1f+XlZAfIuYcq7/IqYMaMrksOJ6vHkOCPDq943xcCnHqVD9pHFRpMqSPXrIua1WNs+tOz1U+ciTCDpPk+c4QYJIHnYhxP/kVPAq+ahFpVhPcHp8qyarhiF+HsBU9Hrl+UZa876fbKipL0KqB6OdUveErgtOI97fZ63ae9SvWU6k2w1JfwqnUbHsYcFCJFrC/W12zIMMirWYEHxMPs6LGYSdkSZ5TsNP9PCpwnWC3HKZ1lydNjWHC2Mn3l6vL0dHn1ldP3LTSrX+vKrBqv7KmMr8p0SR6P1NqF63or6XRlIyO90f7+kf7+myOhvt4tq7f09oUiTc2/dycGgqFQcCDRLYmi1NL7fk0CknVMxEg/cdfs/TnpJMNkgqwj17B8beVazSrVbU4lG67IZYOCnWrYy3yBR9cyWcChywos3LJBEdhhFoAdYjiw0rLGm0xU5OzoGm5/ZfmHjVZpNNg6SznzGKDdwv2cCtVn6Eaxo12cfxLprpVtTcZ6hVx6dow7Yq7e8LXO8PY9Jgjoze9yCtU5FNbegcKkQMdCbt9au/te4Ebe0jkc0ukUL32eYnTpNs20h0KpUOhZPYwVcfhZnfdqeCvDfXiuCbAoYWcXERPc/mDQD3/hdF+wK4i/xv3kYfprIpAuMkk2kW3kdtS0kBIKpZwp8KxmsCyfM1MFzAss9LBkDxRyThiaqTLwKYKJVTwmWTudMyz+yks09346MDh4m72yOxCKrt1XMlQ1qPVlTEVVQ1ofdK/sCWjtZu9qGwZ8YZ9PPWlo1IV3eW3+U0aXblP39zrt+JPf6UhEQ1rUjNBULN+utyuaDNW34kpAVuSOeMTyWbSNWnooFu+QFNWQ4d/Ox4IPWx41fP/fB/Rjeoz08ezPA9TysMtmnOXfGN7Ui3xIYLDALrlDLOP09qtJuY2OeL0+QZXdRnR1nxRVBF/SOyKKPpcrn9mWzH4rH9IidE+PTNU2182+hOgSItrE1slByS24vaLvJpxOqe4Pduf3HJkZ+jLqUz9rRzB7p8gKcgWZwV1L8JtUS5Z2JxZSOCuBoMTQihMzLbCPA0KqGMAljRQjONklW/wjnXKy8vxT/Elvm3/KiMUMOoV0/vnDYlhec0SMKtt3/kKMyOt33tj2bqxQLsTjSGLl+EAsNhCnTyRGktW55EgCn/A4PlnWn+Mg8bgZrWqHxTbPwMuyy1u5YeZF2SUM7JRhddwRgiRuxpmgJmxn9ZW7XpcF3ViX/ar6ptRpGJ0S9Adg4qhb9sI3vbL7qNJV/y4i07t5TZBiho1imFoMz3gED+CtjYUxvP4SOxov4bFoNPg5aR1e+G4UgDPoedJTpogyCJ7oYvRqoVS0MQAy+CoNEdTDUjok5ZHZL/WtjV7rFj3PKQE3iKp7ou+rIxN3b9LB1dGjeT4cvKo3FrnWpYpuaFd/h3dtV8UeKN1Y9hpR3dt4p0H/zKuPQq0kZQUIIpuDfoiETsnIk+gCWMJZUXHtE8V9LkUc2TE8vOMbO4ax/MACabzyaGXc7u3FBr11ThBdB8SIeMAlCntG2KThHSPsaj2Dc9KNyY2a0KZ7ODaTHoRiFkeYz+shZBpCS4X6471KKKnuHd84edfk5F37d1XO5bbkcltu2ZLNbvnPXiUVAnVvprJrP+NObryjxrllS65md6Tm6wzFHRR4dY3QUUjb7MgxaIixU8hspi98fl/Xc+IB4iU66eCVL9YfAfahiSUt4TONS8x0D8W7u8vd3fGWx6OXlM/U1IoU/s61PGhpyXRFa3eReq2qG56lvmYtXavCC1iN7lbiBpWxXHU+cSlztVLVz0tVN600fVsLxaVDknhYioeoXP3t4lqV1r79MAw0GCI1FTL1YIGzPL1MMlJ9ZsN9P7lvA2yr9ZFUzwzPrVgxN/x/SS+chwB4nGNgZGBgAOLPrYdY4vltvjJwM78AijDUqG5oRND/XzNPZboF5HIwMIFEAU/lC+J4nGNgZGBgDvqfBSRfMAAB81QGRgZUoA0AVvYDbwAAAHicY2BgYGB+MTQwAM8EJo8AAAAAAE4AmgDoAQoBLAFOAXABmgHEAe4CGgKcAugEmgS8BNYE8gUOBSoFegXQBf4GRAZmBrYHGAeQCBgIUghqCP4JRgm+CdoKBAo+CoQKugr0C1QLmgvAeJxjYGRgYNBmTGEQZQABJiDmAkIGhv9gPgMAGJQBvAB4nG2RPU7DMBiG3/QP0UoIBGJh8QILavozdmRo9w7d09RpUzlx5LgVvQMn4BAcgoEzcAgOwVvzSZVQbcnf48fvFysJgGt8IcJxROiG9TgauODuj5ukG+EW+UG4jR4ehTv0Q+EunjER7uEWmk+IWpc0d3gVbuAKb8JN+nfhFvlDuI17fAp36L+Fu1jgR7iHp+jF7Arbz1Nb1nO93pnEncSJFtrVuS3VKB6e5EyX2iVer9TyoOr9eux9pjJnCzW1pdfGWFU5u9WpjzfeV5PBIBMfp7aAwQ4FLPrIkbKWqDHn+67pDRK4s4lzbsEux5qHvcIIMb/nueSMyTKkE3jWFdNLHLjW2PPmMa1Hxn3GjGW/wjT0HtOG09JU4WxLk9LH2ISuiv9twJn9y8fh9uIXI+BknAAAAHicbY7ZboMwEEW5CVBCSLrv+76kfJRjTwHFsdGAG+Xvy5JUfehIHp0rnxmNN/D6ir3/a4YBhvARIMQOIowQY4wEE0yxiz3s4wCHOMIxTnCKM5zjApe4wjVucIs73OMBj3jCM17wije84wMzfHqJ0EVmUkmmJo77oOmrHvfIRZbXsTCZplTZldlgb3TYGVHProwFs11t1A57tcON2rErR3PBqcwF1/6ctI6k0GSU4JHMSS6WghdJQ99sTbfuN7QLJ9vQ37dNrgyktnIxlDYLJNuqitpRbYWKFNuyDT6pog6oOYKHtKakeakqKjHXpPwlGRcsC+OqxLIiJpXqoqqDMreG2l5bv9Ri3TRX+c23DZna9WFFgmXuO6Ps1Jm/w6ErW8N3FbHn/QC444j0AA==)
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
+ u("font-icons", q);
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 G = l`
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
+ u("sizing-props", G);
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 U = l`
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
+ u("spacing-props", U);
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 Y = l`
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
+ l`
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
+ u("style-props", Y);
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 L = l`
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
+ `, W = l`
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
+ n("", W, { moduleId: "lumo-typography" });
494
+ u("typography-props", L);
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 g = l`
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
+ n("", g, { 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 H = l`
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 f = l`
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
+ n("", f, { 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 j = l`
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
+ `, b = [f, g, H, j];
829
+ n("", b, {
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
+ n("vaadin-text-field", b, {
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 K = (t) => class extends I(t) {
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(o) {
889
+ this.__dataValue = o;
890
+ }
891
+ /**
892
+ * @param {HTMLElement} input
893
+ * @protected
894
+ * @override
895
+ */
896
+ _inputElementChanged(o) {
897
+ super._inputElementChanged(o), o && (o.value && o.value !== this.value && (console.warn(`Please define value on the <${this.localName}> component!`), o.value = ""), this.value && (o.value = this.value));
898
+ }
899
+ /**
900
+ * Override an event listener from `FocusMixin`.
901
+ * @param {boolean} focused
902
+ * @protected
903
+ * @override
904
+ */
905
+ _setFocused(o) {
906
+ super._setFocused(o), !o && 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(o) {
916
+ super._onInput(o), 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(o, i) {
928
+ super._valueChanged(o, i), i !== 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 Z = (t) => class extends K(t) {
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 C(this, (o) => {
977
+ this._setInputElement(o), this._setFocusElement(o), this.stateTarget = o, this.ariaTarget = o;
978
+ })
979
+ ), this.addController(new k(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
+ n("vaadin-text-field", z, { moduleId: "vaadin-text-field-styles" });
988
+ class x extends Z(V(T(M))) {
989
+ static get is() {
990
+ return "vaadin-text-field";
991
+ }
992
+ static get template() {
993
+ return v`
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 A(this), this._tooltipController.setPosition("top"), this._tooltipController.setAriaTarget(this.inputElement), this.addController(this._tooltipController);
1049
+ }
1050
+ }
1051
+ h(x);
1052
+ /**
1053
+ * @license
1054
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
1055
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1056
+ */
1057
+ const O = l`
1058
+ :host {
1059
+ position: absolute;
1060
+ right: 0;
1061
+ top: 0;
1062
+ margin: 0;
1063
+ padding: 0;
1064
+ width: 100%;
1065
+ height: 100%;
1066
+ min-width: auto;
1067
+ background: transparent;
1068
+ outline: none;
1069
+ }
1070
+ `;
1071
+ n("vaadin-password-field-button", [B, O], {
1072
+ moduleId: "lumo-password-field-button"
1073
+ });
1074
+ /**
1075
+ * @license
1076
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
1077
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1078
+ */
1079
+ const J = l`
1080
+ [part='reveal-button']::before {
1081
+ content: var(--lumo-icons-eye);
1082
+ }
1083
+
1084
+ :host([password-visible]) [part='reveal-button']::before {
1085
+ content: var(--lumo-icons-eye-disabled);
1086
+ }
1087
+
1088
+ /* Make it easy to hide the button across the whole app */
1089
+ [part='reveal-button'] {
1090
+ position: relative;
1091
+ display: var(--lumo-password-field-reveal-button-display, block);
1092
+ }
1093
+
1094
+ [part='reveal-button'][hidden] {
1095
+ display: none !important;
1096
+ }
1097
+ `;
1098
+ n("vaadin-password-field", [F, J], { moduleId: "lumo-password-field" });
1099
+ /**
1100
+ * @license
1101
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
1102
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1103
+ */
1104
+ class Q extends R {
1105
+ static get is() {
1106
+ return "vaadin-password-field-button";
1107
+ }
1108
+ static get template() {
1109
+ return v`
1110
+ <style>
1111
+ :host {
1112
+ display: block;
1113
+ }
1114
+
1115
+ :host([hidden]) {
1116
+ display: none !important;
1117
+ }
1118
+ </style>
1119
+ <slot name="tooltip"></slot>
1120
+ `;
1121
+ }
1122
+ }
1123
+ h(Q);
1124
+ /**
1125
+ * @license
1126
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
1127
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
1128
+ */
1129
+ const X = v`
1130
+ <div part="reveal-button" slot="suffix">
1131
+ <slot name="reveal"></slot>
1132
+ </div>
1133
+ `;
1134
+ let p;
1135
+ class $ extends x {
1136
+ static get is() {
1137
+ return "vaadin-password-field";
1138
+ }
1139
+ static get template() {
1140
+ if (!p) {
1141
+ p = super.template.cloneNode(!0);
1142
+ const e = X.content.querySelector('[part="reveal-button"]');
1143
+ p.content.querySelector('[part="input-field"]').appendChild(e);
1144
+ }
1145
+ return p;
1146
+ }
1147
+ static get properties() {
1148
+ return {
1149
+ /**
1150
+ * Set to true to hide the eye icon which toggles the password visibility.
1151
+ * @attr {boolean} reveal-button-hidden
1152
+ */
1153
+ revealButtonHidden: {
1154
+ type: Boolean,
1155
+ observer: "_revealButtonHiddenChanged",
1156
+ value: !1
1157
+ },
1158
+ /**
1159
+ * True if the password is visible ([type=text]).
1160
+ * @attr {boolean} password-visible
1161
+ */
1162
+ passwordVisible: {
1163
+ type: Boolean,
1164
+ value: !1,
1165
+ reflectToAttribute: !0,
1166
+ observer: "_passwordVisibleChanged",
1167
+ readOnly: !0
1168
+ },
1169
+ /**
1170
+ * An object with translated strings used for localization.
1171
+ * It has the following structure and default values:
1172
+ *
1173
+ * ```
1174
+ * {
1175
+ * // Translation of the reveal icon button accessible label
1176
+ * reveal: 'Show password'
1177
+ * }
1178
+ * ```
1179
+ */
1180
+ i18n: {
1181
+ type: Object,
1182
+ value: () => ({
1183
+ reveal: "Show password"
1184
+ })
1185
+ }
1186
+ };
1187
+ }
1188
+ static get observers() {
1189
+ return ["__i18nChanged(i18n.*)"];
1190
+ }
1191
+ constructor() {
1192
+ super(), this._setType("password"), this.__boundRevealButtonClick = this._onRevealButtonClick.bind(this), this.__boundRevealButtonMouseDown = this._onRevealButtonMouseDown.bind(this), this.__lastChange = "";
1193
+ }
1194
+ /** @protected */
1195
+ get slotStyles() {
1196
+ const e = this.localName;
1197
+ return [
1198
+ ...super.slotStyles,
1199
+ `
1200
+ ${e} [slot="input"]::-ms-reveal {
1201
+ display: none;
1202
+ }
1203
+ `
1204
+ ];
1205
+ }
1206
+ /** @protected */
1207
+ get _revealNode() {
1208
+ return this._revealButtonController && this._revealButtonController.node;
1209
+ }
1210
+ /** @protected */
1211
+ ready() {
1212
+ super.ready(), this._revealPart = this.shadowRoot.querySelector('[part="reveal-button"]'), this._revealButtonController = new S(this, "reveal", "vaadin-password-field-button", {
1213
+ initializer: (e) => {
1214
+ e.disabled = this.disabled, e.addEventListener("click", this.__boundRevealButtonClick), e.addEventListener("mousedown", this.__boundRevealButtonMouseDown);
1215
+ }
1216
+ }), this.addController(this._revealButtonController), this.__updateAriaLabel(this.i18n), this._updateToggleState(!1), this._toggleRevealHidden(this.revealButtonHidden), this.inputElement && (this.inputElement.autocapitalize = "off");
1217
+ }
1218
+ /**
1219
+ * Override an event listener inherited from `InputControlMixin`
1220
+ * to store the value at the moment of the native `change` event.
1221
+ * @param {Event} event
1222
+ * @protected
1223
+ * @override
1224
+ */
1225
+ _onChange(e) {
1226
+ super._onChange(e), this.__lastChange = this.inputElement.value;
1227
+ }
1228
+ /**
1229
+ * Override method inherited from `FocusMixin` to mark field as focused
1230
+ * when focus moves to the reveal button using Shift Tab.
1231
+ * @param {Event} event
1232
+ * @return {boolean}
1233
+ * @protected
1234
+ */
1235
+ _shouldSetFocus(e) {
1236
+ return e.target === this.inputElement || e.target === this._revealNode;
1237
+ }
1238
+ /**
1239
+ * Override method inherited from `FocusMixin` to not hide password
1240
+ * when focus moves to the reveal button or back to the input.
1241
+ * @param {Event} event
1242
+ * @return {boolean}
1243
+ * @protected
1244
+ */
1245
+ _shouldRemoveFocus(e) {
1246
+ return !(e.relatedTarget === this._revealNode || e.relatedTarget === this.inputElement && e.target === this._revealNode);
1247
+ }
1248
+ /**
1249
+ * Override method inherited from `FocusMixin` to toggle password visibility.
1250
+ * @param {boolean} focused
1251
+ * @protected
1252
+ * @override
1253
+ */
1254
+ _setFocused(e) {
1255
+ if (super._setFocused(e), !e)
1256
+ this._setPasswordVisible(!1), this.__lastChange !== this.inputElement.value && (this.__lastChange = this.inputElement.value, this.dispatchEvent(new CustomEvent("change", { bubbles: !0 })));
1257
+ else {
1258
+ const o = this.getRootNode().activeElement === this._revealNode;
1259
+ this.toggleAttribute("focus-ring", this._keyboardActive && !o);
1260
+ }
1261
+ }
1262
+ /** @private */
1263
+ __updateAriaLabel(e) {
1264
+ e.reveal && this._revealNode && this._revealNode.setAttribute("aria-label", e.reveal);
1265
+ }
1266
+ /** @private */
1267
+ __i18nChanged(e) {
1268
+ this.__updateAriaLabel(e.base);
1269
+ }
1270
+ /** @private */
1271
+ _revealButtonHiddenChanged(e) {
1272
+ this._toggleRevealHidden(e);
1273
+ }
1274
+ /** @private */
1275
+ _togglePasswordVisibility() {
1276
+ this._setPasswordVisible(!this.passwordVisible);
1277
+ }
1278
+ /** @private */
1279
+ _onRevealButtonClick() {
1280
+ this._togglePasswordVisibility();
1281
+ }
1282
+ /** @private */
1283
+ _onRevealButtonMouseDown(e) {
1284
+ e.preventDefault(), this.inputElement.focus();
1285
+ }
1286
+ /** @private */
1287
+ _toggleRevealHidden(e) {
1288
+ 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")));
1289
+ }
1290
+ /** @private */
1291
+ _updateToggleState(e) {
1292
+ this._revealNode && this._revealNode.setAttribute("aria-pressed", e ? "true" : "false");
1293
+ }
1294
+ /** @private */
1295
+ _passwordVisibleChanged(e) {
1296
+ this._setType(e ? "text" : "password"), this._updateToggleState(e);
1297
+ }
1298
+ /**
1299
+ * Override method inherited from `DisabledMixin` to synchronize the reveal button
1300
+ * disabled state with the password field disabled state.
1301
+ * @param {boolean} disabled
1302
+ * @param {boolean} oldDisabled
1303
+ * @protected
1304
+ */
1305
+ _disabledChanged(e, o) {
1306
+ super._disabledChanged(e, o), this._revealNode && (this._revealNode.disabled = e);
1307
+ }
1308
+ }
1309
+ h($);
1310
+ const ee = '*,*::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}', te = ee, oe = class {
1311
+ constructor(t) {
1312
+ y(this, t), this.sendOriginalValidityState = m(this, "sendOriginalValidityState", 7), this.sendValidityState = m(this, "sendValidityState", 7), this.sendInputValue = m(this, "sendInputValue", 7), this.touched = !1, this.originalValid = !1, this.validationPattern = "", this.duplicateInputValue = null, this.handleInput = (e) => {
1313
+ this.value = e.target.value, this.calculateComplexity(this.value), this.showPopup = !0, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
1314
+ this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
1315
+ }, 500);
1316
+ }, this.handleRevealField = (e) => {
1317
+ e.stopPropagation(), window.postMessage({ type: `registrationShow${this.name}` }, window.location.href);
1318
+ }, this.handleBlur = (e) => {
1319
+ this.value = e.target.value, this.showPopup = !1, this.touched = !0, this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage();
1320
+ }, this.handleFocus = () => {
1321
+ this.showPopup = !0, this.calculateComplexity(this.value);
1322
+ }, this.setClientStyling = () => {
1323
+ let e = document.createElement("style");
1324
+ e.innerHTML = this.clientStyling, this.stylingContainer.prepend(e);
1325
+ }, this.name = void 0, this.displayName = void 0, this.placeholder = void 0, this.defaultValue = "", this.autofilled = void 0, this.tooltip = void 0, this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.isDuplicateInput = void 0, this.clientStyling = "", this.isValid = void 0, this.errorMessage = void 0, this.limitStylingAppends = !1, this.showTooltip = !1, this.passwordComplexity = void 0, this.showPopup = void 0, this.value = "";
1326
+ }
1327
+ validityChanged() {
1328
+ this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value });
1329
+ }
1330
+ valueChanged() {
1331
+ this.isDuplicateInput || (this.calculateComplexity(this.value), this.sendOriginalValidityState.emit({ name: this.name, valid: this.setValidity() }));
1332
+ }
1333
+ emitValueHandler(t) {
1334
+ t == !0 && this.isValid && this.valueHandler({ name: this.name, value: this.value, type: "duplicate" });
1335
+ }
1336
+ validityStateHandler(t) {
1337
+ this.sendValidityState.emit(t);
1338
+ }
1339
+ valueHandler(t) {
1340
+ this.sendInputValue.emit(t);
1341
+ }
1342
+ originalValidityChangedHandler(t) {
1343
+ this.isDuplicateInput && (t.detail.valid ? (this.originalValid = !0, this.isValid = this.setValidity()) : (this.originalValid = !1, this.isValid = !1, this.value !== "" && (this.errorMessage = this.setErrorMessage())));
1344
+ }
1345
+ valueChangedHandler(t) {
1346
+ this.isDuplicateInput && this.name === t.detail.name + "Duplicate" && (this.duplicateInputValue = t.detail.value, this.touched && (this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage())), this.name === t.detail.name + "Duplicate" && this.name.replace("Duplicate", "") === t.detail.name && this.touched === !0 && (this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage());
1347
+ }
1348
+ handleClickOutside(t) {
1349
+ t.composedPath()[0] !== this.tooltipIconReference && t.composedPath()[0] !== this.tooltipReference && (this.showTooltip = !1);
1350
+ }
1351
+ componentDidRender() {
1352
+ !this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
1353
+ }
1354
+ componentDidLoad() {
1355
+ 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", (t) => {
1356
+ this.handleRevealField(t);
1357
+ }), 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();
1358
+ }
1359
+ disconnectedCallback() {
1360
+ this.passwordButton.removeEventListener("click", this.handleRevealField);
1361
+ }
1362
+ calculateComplexity(t) {
1363
+ this.passwordComplexity = this.validation.custom.filter((e) => e.rule === "regex").map((e) => {
1364
+ const i = new RegExp(e.pattern).test(t);
1365
+ return { rule: e.displayName, ruleKey: e.errorKey, passed: i };
1366
+ });
1367
+ }
1368
+ setValidity() {
1369
+ var t, e;
1370
+ return this.isDuplicateInput && this.duplicateInputValue !== this.value ? !1 : !((t = this.passwordComplexity) === null || t === void 0) && t.every((o) => o.passed) ? (e = this.inputReference) === null || e === void 0 ? void 0 : e.validity.valid : !1;
1371
+ }
1372
+ setPattern() {
1373
+ var t, e;
1374
+ if (((t = this.validation.custom) === null || t === void 0 ? void 0 : t.length) > 0)
1375
+ return (e = this.validation.custom.find((o) => o.rule === "regex")) === null || e === void 0 ? void 0 : e.pattern;
1376
+ }
1377
+ setErrorMessage() {
1378
+ var t, e, o, i;
1379
+ if (this.isDuplicateInput && !this.originalValid)
1380
+ return s("invalidOriginalPasswordError", this.language);
1381
+ if (this.inputReference.validity.patternMismatch) {
1382
+ const r = (t = this.validation.custom.find((d) => d.rule === "regex")) === null || t === void 0 ? void 0 : t.errorKey, c = (e = this.validation.custom.find((d) => d.rule === "regex")) === null || e === void 0 ? void 0 : e.errorMessage;
1383
+ return s(`${r}`, this.language) ? s(`${r}`, this.language) : c;
1384
+ }
1385
+ if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong)
1386
+ return s("lengthError", this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
1387
+ if (this.inputReference.validity.valueMissing)
1388
+ return s("requiredError", this.language);
1389
+ if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
1390
+ const r = (o = this.validation.custom.find((d) => d.rule === "duplicate-input")) === null || o === void 0 ? void 0 : o.errorKey, c = (i = this.validation.custom.find((d) => d.rule === "duplicate-input")) === null || i === void 0 ? void 0 : i.errorMessage;
1391
+ return s(`${r}`, this.language) ? s(`${r}`, this.language) : c;
1392
+ }
1393
+ }
1394
+ renderTooltip() {
1395
+ return this.showTooltip ? a("div", { class: `password__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (t) => this.tooltipReference = t, innerHTML: this.tooltip }) : null;
1396
+ }
1397
+ renderComplexityPopup() {
1398
+ const t = this.passwordComplexity.length, o = this.passwordComplexity.filter((r) => r.passed).length / t, i = this.passwordComplexity.every((r) => r.passed);
1399
+ return a("div", { class: `password__complexity ${this.showPopup ? "" : "password__complexity--hidden"}` }, a("div", { class: "password__complexity--strength" }, a("p", { class: "password__complexity--text" }, s("passwordStrength", this.language), " ", a("span", { class: "password__complexity--text-bold" }, s(`${i ? "passwordStrengthStrong" : "passwordStrengthWeak"}`, this.language))), a("meter", { value: o, min: "0", max: "1" })), a("div", null, this.passwordComplexity.map((r, c) => a("div", { key: c }, a("input", { class: "password__complexity--checkbox", type: "checkbox", checked: r.passed, disabled: !0 }), a("span", null, s(`${r.ruleKey}`, this.language) ? s(`${r.ruleKey}`, this.language) : r.rule)))));
1400
+ }
1401
+ render() {
1402
+ let t = "";
1403
+ return this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), a("div", { key: "c704b51efdf53817beb1541b4794e0b11b490a24", class: `password__wrapper ${this.autofilled ? "password__wrapper--autofilled" : ""} ${this.name}__input`, ref: (e) => this.stylingContainer = e }, a("div", { key: "e590afa403084ff95a8735ade400ab81ad16937f", class: "password__wrapper--flex" }, a("label", { key: "9d8db00b59c4b9594538aeacee3ef5a0e678c0e9", class: `password__label ${this.validation.mandatory ? "password__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), a("div", { key: "bb39f6018cf688fafcd0b5bef91ba079edf09daf", class: "password__wrapper--relative" }, this.tooltip && a("img", { key: "d8dbd086da34a8c7db9b5826654530bdb888c927", class: "password__tooltip-icon", src: P, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), a("vaadin-password-field", { key: "ae1c212d663fe379561b1c514087629409196ac3", type: "password", id: `${this.name}__input`, class: `password__input ${t}`, 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 }), a("small", { key: "2fa1e25239a7314399c16b2f897873b7a31e9f77", class: "password__error-message" }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
1404
+ }
1405
+ get element() {
1406
+ return w(this);
1407
+ }
1408
+ static get watchers() {
1409
+ return {
1410
+ isValid: ["validityChanged"],
1411
+ value: ["valueChanged"],
1412
+ emitValue: ["emitValueHandler"]
1413
+ };
1414
+ }
1415
+ };
1416
+ oe.style = te;
1417
+ export {
1418
+ oe as password_input,
1419
+ ce as player_change_password_gm2
1420
+ };