@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.
- package/components/{GeneralLogout-Ddt-oH9k.js → GeneralLogout-ChXyfO7j.js} +504 -512
- package/components/GeneralLogout-CoXr5Hra.js +4819 -0
- package/components/GeneralLogout-JiIri-az.cjs +8 -0
- package/components/PlayerAccountBettingHistory-C4SfQEr4.js +333 -0
- package/components/{PlayerAccountBettingHistory-C7xwYi03.js → PlayerAccountBettingHistory-CElNilNd.js} +24 -24
- package/components/PlayerAccountBettingHistory-CSI5k3hd.cjs +1 -0
- package/components/PlayerAccountBiometrics-BS3jkUXn.cjs +1 -0
- package/components/{PlayerAccountBiometrics-D7WS5cnI.js → PlayerAccountBiometrics-D9kYcZXR.js} +26 -26
- package/components/PlayerAccountBiometrics-orQ-qG9h.js +307 -0
- package/components/{PlayerAccountClosure-yRlo8hXR.js → PlayerAccountClosure-CHUq23nB.js} +13 -13
- package/components/PlayerAccountClosure-CWd3utu_.js +347 -0
- package/components/PlayerAccountClosure-DdfqiT7d.cjs +1 -0
- package/components/{PlayerAccountController-BEYNBwE6.js → PlayerAccountController-BclvS237.js} +126 -126
- package/components/PlayerAccountController-DEXL47fX.js +6671 -0
- package/components/PlayerAccountController-DX3vsM6e.cjs +1 -0
- package/components/PlayerAccountGamingLimits-CKnItii4.cjs +1 -0
- package/components/{PlayerAccountGamingLimits-CTBhVGgC.js → PlayerAccountGamingLimits-DXQNmZKD.js} +19 -19
- package/components/PlayerAccountGamingLimits-Db6qUAS-.js +766 -0
- package/components/{PlayerAccountGamingLimitsConfirmationModal-CuQvNzww.js → PlayerAccountGamingLimitsConfirmationModal-i09zMH6w.js} +59 -59
- package/components/PlayerAccountGamingLimitsConfirmationModal-jZS53-sU.cjs +1 -0
- package/components/PlayerAccountGamingLimitsConfirmationModal-l4fu3WOl.js +310 -0
- package/components/{PlayerAccountGamingLimitsGroupEdit-Du2YQlDU.js → PlayerAccountGamingLimitsGroupEdit-BIt0U7Ia.js} +51 -51
- package/components/PlayerAccountGamingLimitsGroupEdit-CsnzS7iF.js +4170 -0
- package/components/PlayerAccountGamingLimitsGroupEdit-DZlV6G_9.cjs +10 -0
- package/components/PlayerAccountGamingLimitsHistory2-CrW3EIzV.cjs +1 -0
- package/components/{PlayerAccountGamingLimitsHistory2-CXKA0L0d.js → PlayerAccountGamingLimitsHistory2-D04L-msb.js} +44 -44
- package/components/PlayerAccountGamingLimitsHistory2-DA5YY1gv.js +767 -0
- package/components/{PlayerAccountGamingLimitsInfoCard-CWTybgoQ.js → PlayerAccountGamingLimitsInfoCard-B2YB4bdP.js} +95 -95
- package/components/PlayerAccountGamingLimitsInfoCard-B4t7J9Ea.js +1513 -0
- package/components/PlayerAccountGamingLimitsInfoCard-CaJYYEdy.cjs +1 -0
- package/components/PlayerAccountGamingLimitsPage2Gm16-B1GlGvDK.cjs +21 -0
- package/components/PlayerAccountGamingLimitsPage2Gm16-CbtwzTC5.js +3283 -0
- package/components/{PlayerAccountGamingLimitsPage2Gm16-CXjNcIFP.js → PlayerAccountGamingLimitsPage2Gm16-D8OKZxQt.js} +90 -90
- package/components/{PlayerAccountGamingLimitsPopup-CJu5RRl6.js → PlayerAccountGamingLimitsPopup-B7ZXSiK5.js} +17 -17
- package/components/PlayerAccountGamingLimitsPopup-C9KoZcRj.cjs +1 -0
- package/components/PlayerAccountGamingLimitsPopup-DxXAP_Yw.js +344 -0
- package/components/{PlayerAccountGamingLimitsWrapper2-BdpxEDlV.js → PlayerAccountGamingLimitsWrapper2-BoFnZpPK.js} +8 -8
- package/components/PlayerAccountGamingLimitsWrapper2-Dll6Amu9.cjs +1 -0
- package/components/PlayerAccountGamingLimitsWrapper2-eSNYZCaw.js +866 -0
- package/components/PlayerAccountGeneralConfirmationModal-B-p3sJZ3.cjs +1 -0
- package/components/{PlayerAccountGeneralConfirmationModal-DG0N686t.js → PlayerAccountGeneralConfirmationModal-DLBQH_sl.js} +66 -66
- package/components/PlayerAccountGeneralConfirmationModal-DhTWcbuE.js +365 -0
- package/components/PlayerAccountMenu-BGRoL3Yz.js +579 -0
- package/components/{PlayerAccountMenu-CZBa8_5G.js → PlayerAccountMenu-BxjdHhZ_.js} +17 -17
- package/components/PlayerAccountMenu-Csb1tUf_.cjs +1 -0
- package/components/{PlayerAccountModal-BmKjtXKT.js → PlayerAccountModal-C4nIa5u0.js} +28 -28
- package/components/PlayerAccountModal-D29fr970.js +213 -0
- package/components/PlayerAccountModal-DabmJiP4.cjs +1 -0
- package/components/{PlayerAccountNotifications-B4Ht-hHj.js → PlayerAccountNotifications-4sGKSJWy.js} +16 -16
- package/components/PlayerAccountNotifications-C3rPIsKp.js +261 -0
- package/components/PlayerAccountNotifications-O92_s-dm.cjs +1 -0
- package/components/PlayerAccountSelfExclusion-BkBWGAy2.cjs +3557 -0
- package/components/PlayerAccountSelfExclusion-CpKuxBrZ.js +16678 -0
- package/components/{PlayerAccountSelfExclusion-DxGHXTb8.js → PlayerAccountSelfExclusion-U9dfheYH.js} +11029 -12570
- package/components/PlayerAccountTimeout-CucYpS_w.cjs +1 -0
- package/components/{PlayerAccountTimeout-DOSjICsY.js → PlayerAccountTimeout-DIRXKowJ.js} +25 -25
- package/components/PlayerAccountTimeout-c2osWNku.js +819 -0
- package/components/{PlayerActiveBonuses-DMAG7NUP.js → PlayerActiveBonuses-B2QAPJxC.js} +49 -49
- package/components/PlayerActiveBonuses-DDcAwy_n.js +1089 -0
- package/components/PlayerActiveBonuses-cecVnp46.cjs +1 -0
- package/components/{PlayerBonusCard-Dss1REmn.js → PlayerBonusCard-BQU7JBPr.js} +50 -50
- package/components/PlayerBonusCard-C9Xdv-lu.cjs +1 -0
- package/components/PlayerBonusCard-TYI-WkBy.js +701 -0
- package/components/{PlayerBonusHistory-bS_5m4-D.js → PlayerBonusHistory-Boz8c3tb.js} +30 -30
- package/components/PlayerBonusHistory-CMPf8GQz.cjs +1 -0
- package/components/PlayerBonusHistory-cNqY_wfD.js +920 -0
- package/components/{PlayerChangePassword-DnCj-wcc.js → PlayerChangePassword-BGxYGFs-.js} +103 -103
- package/components/PlayerChangePassword-Dl3Pgpul.js +1177 -0
- package/components/PlayerChangePassword-X_GfgxAV.cjs +3 -0
- package/components/{PlayerDeposit-CHIQ8EaC.js → PlayerDeposit-BzSW3HMj.js} +25 -25
- package/components/PlayerDeposit-CqpNLpaq.cjs +1 -0
- package/components/PlayerDeposit-kjy658sM.js +395 -0
- package/components/PlayerGamingHistory-B6KJDVn0.cjs +1 -0
- package/components/PlayerGamingHistory-BW5rigFC.js +986 -0
- package/components/{PlayerGamingHistory-ByyLQwtw.js → PlayerGamingHistory-DIgLxCfL.js} +31 -31
- package/components/PlayerPendingWithdrawals--W6Dfn3K.cjs +1 -0
- package/components/{PlayerPendingWithdrawals-BbTa7_8U.js → PlayerPendingWithdrawals-BzOmRYiC.js} +33 -33
- package/components/PlayerPendingWithdrawals-pV1C12y5.js +311 -0
- package/components/PlayerProfileInfo-BTgis7wR.cjs +1 -0
- package/components/{PlayerProfileInfo-CvAqD3Dk.js → PlayerProfileInfo-CTgSfW-l.js} +45 -45
- package/components/PlayerProfileInfo-DkVAYiPX.js +1753 -0
- package/components/PlayerRealityCheck-BcsDhvm0.cjs +1 -0
- package/components/{PlayerRealityCheck-3d-B64ie.js → PlayerRealityCheck-BdZDs3Tl.js} +26 -26
- package/components/PlayerRealityCheck-DT3kOky2.js +598 -0
- package/components/PlayerTransactionHistory-BL92RRLF.cjs +1 -0
- package/components/{PlayerTransactionHistory-BYJNabMB.js → PlayerTransactionHistory-BQIA4QRw.js} +23 -23
- package/components/PlayerTransactionHistory-Yhwt7kUa.js +315 -0
- package/components/{PlayerWithdrawal-DDWroufG.js → PlayerWithdrawal-Cgv9nZE8.js} +20 -20
- package/components/PlayerWithdrawal-KgqM9wo-.cjs +1 -0
- package/components/PlayerWithdrawal-uB46JhmK.js +369 -0
- package/es2015/player-account-controller.cjs +1 -0
- package/es2015/player-account-controller.js +16 -0
- package/esnext/player-account-controller.js +1 -1
- package/package.json +1 -1
- package/stencil/app-globals-0f993ce5-8artnnwr.cjs +1 -0
- package/stencil/checkbox-group-input_9-AKw0biZc.cjs +2045 -0
- package/stencil/checkbox-group-input_9-BewIfW-f.js +13203 -0
- package/stencil/checkbox-group-input_9-CbFpcwPG.js +13237 -0
- package/stencil/{general-input-CQlnWzpy.js → general-input-BEcUF0Mm.js} +1 -1
- package/stencil/general-input-DI0pw0ot.cjs +1 -0
- package/stencil/general-input-DKyA-W8i.js +48 -0
- package/stencil/index-581287aa-CC7128Vz.js +654 -0
- package/stencil/index-581287aa-D5QW29QV.cjs +1 -0
- package/stencil/index-581287aa-D8NTWa_9.js +638 -0
- package/stencil/index-8b4525de-BFiXEsaX.cjs +1 -0
- package/stencil/index-8b4525de-C2xAv-3x.js +708 -0
- package/stencil/index-8b4525de-DeHXGvRF.js +692 -0
- package/stencil/index-a76d30c7-CFX9mSqu.cjs +1 -0
- package/stencil/index-a76d30c7-CQrAWNu0.js +658 -0
- package/stencil/index-a76d30c7-PfqrSVyu.js +631 -0
- package/stencil/index-c0196f50-3kAjMpUS.cjs +1 -0
- package/stencil/index-c0196f50-BjscP7kj.js +697 -0
- package/stencil/index-c0196f50-aE1zPmtS.js +724 -0
- package/stencil/locale-B5abSHU_.cjs +1 -0
- package/stencil/password-input_2-D97O8QAr.cjs +105 -0
- package/stencil/password-input_2-eDchPH-o.js +569 -0
- package/stencil/password-input_2-vTvSUJey.js +569 -0
- package/stencil/{player-change-password-gm2-BaQUJaH1.js → player-change-password-gm2-D4jpQFwb.js} +1 -1
- package/stencil/player-change-password-gm2-DSTqyOhE.js +25 -0
- package/stencil/player-change-password-gm2-Dw3D3ckz.cjs +1 -0
- package/stencil/{player-change-password-gm2-98dcb7bc-pj_6Z40p.js → player-change-password-gm2-e732ee8e-BjoYj-89.js} +1 -1
- package/stencil/player-change-password-gm2-e732ee8e-BqRUxIre.cjs +1 -0
- package/stencil/player-change-password-gm2-e732ee8e-Df6ljnLL.js +253 -0
- package/stencil/player-kyc-verification-B2FHAsrR.cjs +180 -0
- package/stencil/player-kyc-verification-CVqP43FY.js +865 -0
- package/stencil/{player-kyc-verification-BQZdJFEJ.js → player-kyc-verification-D6Au6XVN.js} +1 -1
- package/stencil/{toggle-checkbox-input-Sy9vd4Jp.js → toggle-checkbox-input-BckTBwKu.js} +1 -1
- package/stencil/toggle-checkbox-input-D8fVk4wA.js +46 -0
- package/stencil/toggle-checkbox-input-kw5Y1n3x.cjs +1 -0
- package/stencil/tooltipIcon-ee9760a8-Bd9l1O5C.cjs +1 -0
- package/stencil/user-deposit-withdrawal-BpAi0dc-.js +668 -0
- package/stencil/{user-deposit-withdrawal-CmF0LoNb.js → user-deposit-withdrawal-CrMPR6xn.js} +1 -1
- package/stencil/user-deposit-withdrawal-DrKFN7wp.cjs +59 -0
- package/stencil/{user-transaction-history-BgV-k2Cl.js → user-transaction-history-BgYG3IxS.js} +1 -1
- package/stencil/user-transaction-history-CBxwJE34.cjs +1 -0
- package/stencil/user-transaction-history-D8ebS-DZ.js +355 -0
- package/stencil/{active-mixin-59dfae2a-BphP4pp5.js → vaadin-button-mixin-d131076c-C559kyH3.js} +3523 -3021
- package/stencil/vaadin-button-mixin-d131076c-brSraXp5.js +10277 -0
- package/stencil/vaadin-button-mixin-d131076c-zI_s2YZ5.cjs +2385 -0
- package/stencil/checkbox-group-input_9-i8KmOWKn.js +0 -15610
- package/stencil/index-062e829b-CboMDKTu.js +0 -686
- package/stencil/index-33f005e1-fFxPaeNy.js +0 -632
- package/stencil/index-9b3245b3-rzHgwqlB.js +0 -625
- package/stencil/index-fc58390d-BSwfXuUs.js +0 -691
- 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
|
-
};
|