@everymatrix/player-account-controller-nd 1.55.0 → 1.56.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/GeneralLogout-9pZTJKCj.cjs +8 -0
- package/components/{GeneralLogout-Ve_dOAMA.js → GeneralLogout-CqNn1bEG.js} +1081 -1088
- package/components/{GeneralLogout-BZhvD1EQ.js → GeneralLogout-qtT2UsMu.js} +1076 -1083
- package/components/PlayerAccountBettingHistory-BgdXC00n.cjs +1 -0
- package/components/PlayerAccountBettingHistory-CgKp1Tsa.js +329 -0
- package/components/{PlayerAccountBettingHistory-C9n4Lfo3.js → PlayerAccountBettingHistory-DGdU5x1X.js} +130 -134
- package/components/{PlayerAccountBiometrics-BrlNlZ5N.cjs → PlayerAccountBiometrics-8CaZALdD.cjs} +1 -1
- package/components/{PlayerAccountBiometrics-BupiQCMJ.js → PlayerAccountBiometrics-BynUcDER.js} +125 -126
- package/components/{PlayerAccountBiometrics-fQlNKCoA.js → PlayerAccountBiometrics-hfEg8HK3.js} +125 -126
- package/components/{PlayerAccountClosureNd-CEad1veU.js → PlayerAccountClosureNd-BNAxe4kI.js} +127 -128
- package/components/{PlayerAccountClosureNd-DcMOj468.cjs → PlayerAccountClosureNd-BzygnnRL.cjs} +1 -1
- package/components/{PlayerAccountClosureNd-DAFiYifr.js → PlayerAccountClosureNd-C56v4kQH.js} +127 -128
- package/components/{PlayerAccountControllerNd-5BH6GjlH.js → PlayerAccountControllerNd-0Azz2muh.js} +1575 -1049
- package/components/{PlayerAccountControllerNd-BmAwgSdK.js → PlayerAccountControllerNd-CU0CZtN2.js} +1509 -983
- package/components/PlayerAccountControllerNd-DiMI0zck.cjs +1 -0
- package/components/{PlayerAccountGamingLimits-9Stjo0gs.js → PlayerAccountGamingLimits-BUBbpeFt.js} +301 -250
- package/components/PlayerAccountGamingLimits-DoYSa5g4.cjs +1 -0
- package/components/{PlayerAccountGamingLimits-DI0RPgPB.js → PlayerAccountGamingLimits-cGyCwFe3.js} +301 -250
- package/components/{PlayerAccountGamingLimitsConfirmationModal-BzAWyxny.js → PlayerAccountGamingLimitsConfirmationModal-BzxaZ7Sb.js} +127 -131
- package/components/{PlayerAccountGamingLimitsConfirmationModal-DKpr25Aj.js → PlayerAccountGamingLimitsConfirmationModal-CPRvI7h-.js} +127 -131
- package/components/PlayerAccountGamingLimitsConfirmationModal-CUg2My3V.cjs +1 -0
- package/components/{PlayerAccountGamingLimitsGroupEdit-Dj2jUWb2.js → PlayerAccountGamingLimitsGroupEdit-BJQil0oW.js} +1073 -1077
- package/components/{PlayerAccountGamingLimitsGroupEdit-DrkoLne8.cjs → PlayerAccountGamingLimitsGroupEdit-ByRLb87-.cjs} +4 -4
- package/components/{PlayerAccountGamingLimitsGroupEdit-CBViR9JR.js → PlayerAccountGamingLimitsGroupEdit-uRCXqfhe.js} +1073 -1077
- package/components/{PlayerAccountGamingLimitsHistory2Nd-BQRXsnS9.js → PlayerAccountGamingLimitsHistory2Nd-B9FC3C6m.js} +208 -216
- package/components/{PlayerAccountGamingLimitsHistory2Nd-2hdjxCBn.cjs → PlayerAccountGamingLimitsHistory2Nd-Daq9D9so.cjs} +1 -1
- package/components/{PlayerAccountGamingLimitsHistory2Nd-BQy_79YQ.js → PlayerAccountGamingLimitsHistory2Nd-wYR_HP23.js} +213 -221
- package/components/{PlayerAccountGamingLimitsInfoCard-StfGgmLs.js → PlayerAccountGamingLimitsInfoCard-DgmJAMo8.js} +639 -588
- package/components/{PlayerAccountGamingLimitsInfoCard-CDFRfVT4.js → PlayerAccountGamingLimitsInfoCard-DvaVcUFe.js} +639 -588
- package/components/PlayerAccountGamingLimitsInfoCard-c0kYK6Z1.cjs +1 -0
- package/components/PlayerAccountGamingLimitsPage2Gm16Nd-BDBtHDGH.cjs +21 -0
- package/components/{PlayerAccountGamingLimitsPage2Gm16Nd-B672X-1A.js → PlayerAccountGamingLimitsPage2Gm16Nd-BQeFK7FJ.js} +1043 -1019
- package/components/{PlayerAccountGamingLimitsPage2Gm16Nd-Dz-xK27Q.js → PlayerAccountGamingLimitsPage2Gm16Nd-DJhG-lLb.js} +845 -821
- package/components/{PlayerAccountGamingLimitsPopup-DoLZB2lj.js → PlayerAccountGamingLimitsPopup-BgdXe6lp.js} +116 -120
- package/components/{PlayerAccountGamingLimitsPopup-f9QP34fL.js → PlayerAccountGamingLimitsPopup-BhqEVpIP.js} +116 -120
- package/components/{PlayerAccountGamingLimitsPopup-ChBLdQR7.cjs → PlayerAccountGamingLimitsPopup-CfBYEYKc.cjs} +1 -1
- package/components/PlayerAccountGamingLimitsWrapper2Nd-DnBhGv4Z.cjs +1 -0
- package/components/PlayerAccountGamingLimitsWrapper2Nd-HNcfKvd3.js +1016 -0
- package/components/PlayerAccountGamingLimitsWrapper2Nd-bkcZAm71.js +1022 -0
- package/components/{PlayerAccountGeneralConfirmationModal-BlglDNwU.js → PlayerAccountGeneralConfirmationModal-BUSAMIdf.js} +141 -142
- package/components/{PlayerAccountGeneralConfirmationModal-rpOFir4P.js → PlayerAccountGeneralConfirmationModal-BXQQtxIE.js} +141 -142
- package/components/PlayerAccountGeneralConfirmationModal-Dr-ZkTHH.cjs +1 -0
- package/components/PlayerAccountMenuNd-BGd35WSX.js +695 -0
- package/components/PlayerAccountMenuNd-BWzYxwjF.cjs +1 -0
- package/components/PlayerAccountMenuNd-Dw-owOIv.js +694 -0
- package/components/PlayerAccountModal-C7aE-f75.js +209 -0
- package/components/PlayerAccountModal-CLW-XTid.cjs +1 -0
- package/components/PlayerAccountModal-DcQTZlVT.js +209 -0
- package/components/PlayerAccountNotifications-0ecn9JH_.js +369 -0
- package/components/PlayerAccountNotifications-CmSue8JR.cjs +1 -0
- package/components/PlayerAccountNotifications-lv1He1RO.js +368 -0
- package/components/{PlayerAccountSelfExclusionNd-D2JmyzgE.js → PlayerAccountSelfExclusionNd-CsBAGhjI.js} +10893 -11100
- package/components/{PlayerAccountSelfExclusionNd-CM37K9pN.js → PlayerAccountSelfExclusionNd-DRQwA-0O.js} +10812 -11065
- package/components/PlayerAccountSelfExclusionNd-TZyj4_3a.cjs +3557 -0
- package/components/PlayerAccountTimeout-BDvJp_Zk.cjs +1 -0
- package/components/{PlayerAccountTimeout-B0zaqo1v.js → PlayerAccountTimeout-C0WAFaPW.js} +498 -367
- package/components/{PlayerAccountTimeout-BO3G2t3W.js → PlayerAccountTimeout-CixN4uD5.js} +498 -367
- package/components/PlayerActiveBonuses-BAx9d0pm.js +1055 -0
- package/components/PlayerActiveBonuses-CbJliQvN.js +1056 -0
- package/components/PlayerActiveBonuses-DTgD47j8.cjs +1 -0
- package/components/{PlayerBonusCard-BC8FfHZz.cjs → PlayerBonusCard-5gtng8cd.cjs} +1 -1
- package/components/{PlayerBonusCard-9LZmOSI1.js → PlayerBonusCard-BiVG3k7R.js} +166 -168
- package/components/{PlayerBonusCard-BvrlU7Ao.js → PlayerBonusCard-DnyVL-Cb.js} +166 -168
- package/components/PlayerBonusHistory-CaiqLQk_.js +938 -0
- package/components/PlayerBonusHistory-DA8a2ZnE.js +937 -0
- package/components/PlayerBonusHistory-rLGeO078.cjs +1 -0
- package/components/{PlayerChangePassword-CzR4Xz0H.cjs → PlayerChangePassword-BsM1lBfW.cjs} +2 -2
- package/components/{PlayerChangePassword-BsQyz4Qc.js → PlayerChangePassword-DsR4BO-Y.js} +383 -387
- package/components/{PlayerChangePassword-BcoctDrY.js → PlayerChangePassword-dEL-0H2u.js} +383 -387
- package/components/PlayerDeposit-0eaqfWH1.cjs +1 -0
- package/components/PlayerDeposit-D_Ujmr4j.js +391 -0
- package/components/PlayerDeposit-IS6_f845.js +391 -0
- package/components/PlayerGamingHistory-BRstQCWo.cjs +1 -0
- package/components/{PlayerGamingHistory-B1Q3Qiuk.js → PlayerGamingHistory-BYRzcRjb.js} +348 -352
- package/components/{PlayerGamingHistory-DUCP4vWS.js → PlayerGamingHistory-GGgBAhXX.js} +373 -377
- package/components/PlayerPendingWithdrawals-CaoLTPFk.js +310 -0
- package/components/PlayerPendingWithdrawals-M9Wq9w2M.js +310 -0
- package/components/PlayerPendingWithdrawals-qMs8We3P.cjs +1 -0
- package/components/PlayerProfileInfo-B4pkapUi.js +1821 -0
- package/components/PlayerProfileInfo-Cr6m7e2V.js +1804 -0
- package/components/PlayerProfileInfo-Mqg0xIQD.cjs +1 -0
- package/components/PlayerRealityCheck-B9LHSWRj.js +652 -0
- package/components/PlayerRealityCheck-CMKhVVBJ.js +668 -0
- package/components/PlayerRealityCheck-DoXLoM9G.cjs +1 -0
- package/components/PlayerTransactionHistory-BaALuJRH.js +314 -0
- package/components/PlayerTransactionHistory-BqEXyDt-.cjs +1 -0
- package/components/PlayerTransactionHistory-CYob92HC.js +314 -0
- package/components/PlayerWithdrawal-1i-tYxaO.cjs +1 -0
- package/components/{PlayerWithdrawal-jGmMHcUX.js → PlayerWithdrawal-CNDRfeXy.js} +137 -141
- package/components/{PlayerWithdrawal-wi9yuRxw.js → PlayerWithdrawal-U9E0FEDt.js} +137 -141
- package/es2015/player-account-controller-nd.cjs +1 -1
- package/es2015/player-account-controller-nd.js +1 -1
- package/esnext/player-account-controller-nd.js +1 -1
- package/package.json +1 -1
- package/stencil/app-globals-0f993ce5-BD-Q0C8R.cjs +1 -0
- package/stencil/app-globals-0f993ce5-Cgk0KVAu.js +7 -0
- package/stencil/{checkbox-group-input_9-DZvX2H_r.js → checkbox-group-input_9-B_RfUM6E.js} +3279 -2404
- package/stencil/checkbox-group-input_9-C2IUNSpC.cjs +2045 -0
- package/stencil/{checkbox-group-input_9-Cny9rOs9.js → checkbox-group-input_9-C98yT4vw.js} +3348 -2459
- package/stencil/{general-input-Yj_LRx0v.js → general-input-CqTf7ErJ.js} +6 -6
- package/stencil/{general-input-d5RULL12.js → general-input-DTHw5Z1Q.js} +6 -6
- package/stencil/general-input-wM2i7b57.cjs +1 -0
- package/stencil/index-92b64862-BRYoLHww.cjs +1 -0
- package/stencil/index-92b64862-C_69cKxK.js +708 -0
- package/stencil/index-92b64862-w9a1l35N.js +692 -0
- package/stencil/index-db5752f9-DlyF6uv8.js +594 -0
- package/stencil/index-db5752f9-DrdunCay.js +610 -0
- package/stencil/index-db5752f9-dFKrDpwt.cjs +1 -0
- package/stencil/password-input_2-B2qvf6ku.cjs +105 -0
- package/stencil/password-input_2-CdHS5fmR.js +569 -0
- package/stencil/password-input_2-DdQvCp3o.js +569 -0
- package/stencil/{player-change-password-gm2-780eb445-Cg8Z75Vz.js → player-change-password-gm2-38dff08c-BNhjxr22.js} +85 -66
- package/stencil/{player-change-password-gm2-780eb445-DEjz9Jjk.js → player-change-password-gm2-38dff08c-CPRdwVFF.js} +85 -66
- package/stencil/player-change-password-gm2-38dff08c-DnYXSeKg.cjs +1 -0
- package/stencil/player-change-password-gm2-Cxdum0Hh.js +25 -0
- package/stencil/player-change-password-gm2-DJqZO25d.cjs +1 -0
- package/stencil/player-change-password-gm2-DWoAaJ2f.js +7 -0
- package/stencil/{toggle-checkbox-input-ErX2Ngat.js → toggle-checkbox-input-B4OOk9wz.js} +7 -7
- package/stencil/{toggle-checkbox-input-Co64_7cm.js → toggle-checkbox-input-Cwo_Ny77.js} +7 -7
- package/stencil/toggle-checkbox-input-tQDhlcag.cjs +1 -0
- package/stencil/ui-skeleton-982450d2-BKnKTh4c.js +122 -0
- package/stencil/ui-skeleton-982450d2-DDIv0--Q.cjs +1 -0
- package/stencil/ui-skeleton-982450d2-DQzKNKe8.js +122 -0
- package/stencil/ui-skeleton-BL5JJXyn.js +11 -0
- package/stencil/ui-skeleton-CGldUjn2.js +29 -0
- package/stencil/ui-skeleton-ITys8nIA.cjs +1 -0
- package/stencil/{vaadin-button-6001b2a6-Dqz5Vp8D.js → vaadin-button-mixin-ef61174c-B_vhSFKU.js} +8177 -8813
- package/stencil/vaadin-button-mixin-ef61174c-DuDVejN4.cjs +2385 -0
- package/stencil/{vaadin-button-6001b2a6-CZwj1qjO.js → vaadin-button-mixin-ef61174c-EQiVsI4x.js} +6270 -6860
- package/components/GeneralLogout-BW6b3iuS.cjs +0 -8
- package/components/PlayerAccountBettingHistory-BsFzBNDY.cjs +0 -1
- package/components/PlayerAccountBettingHistory-QT3-2u7E.js +0 -333
- package/components/PlayerAccountControllerNd-CO0ce0zs.cjs +0 -1
- package/components/PlayerAccountGamingLimits-BPQrptbd.cjs +0 -1
- package/components/PlayerAccountGamingLimitsConfirmationModal-IgBYV9F2.cjs +0 -1
- package/components/PlayerAccountGamingLimitsInfoCard-BOls7ahz.cjs +0 -1
- package/components/PlayerAccountGamingLimitsPage2Gm16Nd-DSThp4HX.cjs +0 -21
- package/components/PlayerAccountGamingLimitsWrapper2Nd-Bz6Zp5tp.js +0 -865
- package/components/PlayerAccountGamingLimitsWrapper2Nd-Cq5vxtjw.js +0 -871
- package/components/PlayerAccountGamingLimitsWrapper2Nd-KUpEDIP8.cjs +0 -1
- package/components/PlayerAccountGeneralConfirmationModal-BpTCzpiW.cjs +0 -1
- package/components/PlayerAccountMenuNd-BWUhUlIY.js +0 -590
- package/components/PlayerAccountMenuNd-BmPerb2f.cjs +0 -1
- package/components/PlayerAccountMenuNd-CxMlvYwa.js +0 -589
- package/components/PlayerAccountModal-BK81ZotM.js +0 -213
- package/components/PlayerAccountModal-C7aZZlBw.cjs +0 -1
- package/components/PlayerAccountModal-CzVRNZzB.js +0 -213
- package/components/PlayerAccountNotifications-BBwUcB1T.js +0 -261
- package/components/PlayerAccountNotifications-CB47Zxq9.js +0 -261
- package/components/PlayerAccountNotifications-DkgHtUGj.cjs +0 -1
- package/components/PlayerAccountSelfExclusionNd-DCsOgBZR.cjs +0 -4171
- package/components/PlayerAccountTimeout-Dg5Mlz5K.cjs +0 -1
- package/components/PlayerActiveBonuses-B9jz3QD8.cjs +0 -1
- package/components/PlayerActiveBonuses-CfZ8tegY.js +0 -1037
- package/components/PlayerActiveBonuses-DkKDWhBN.js +0 -1038
- package/components/PlayerBonusHistory-Bsy2Grk6.js +0 -919
- package/components/PlayerBonusHistory-CuSbmVev.cjs +0 -1
- package/components/PlayerBonusHistory-nN8l2tOZ.js +0 -920
- package/components/PlayerDeposit-BIBRCGiC.js +0 -414
- package/components/PlayerDeposit-B_7saxic.js +0 -414
- package/components/PlayerDeposit-D_78W5GC.cjs +0 -1
- package/components/PlayerGamingHistory-CNPhCSFS.cjs +0 -1
- package/components/PlayerPendingWithdrawals-BG3I8ifu.cjs +0 -1
- package/components/PlayerPendingWithdrawals-C8jyjgZ0.js +0 -311
- package/components/PlayerPendingWithdrawals-wMhZTLpq.js +0 -311
- package/components/PlayerProfileInfo-CGsJydqv.cjs +0 -1
- package/components/PlayerProfileInfo-EkbwdTEh.js +0 -1757
- package/components/PlayerProfileInfo-SeOQq0CG.js +0 -1740
- package/components/PlayerRealityCheck--iYjw4rP.js +0 -598
- package/components/PlayerRealityCheck-BGGIPihT.js +0 -582
- package/components/PlayerRealityCheck-C26ZBWae.cjs +0 -1
- package/components/PlayerTransactionHistory-CJqhYnbs.cjs +0 -1
- package/components/PlayerTransactionHistory-CvBbrQn6.js +0 -315
- package/components/PlayerTransactionHistory-DIfTIxF3.js +0 -315
- package/components/PlayerWithdrawal-GDc_7hZX.cjs +0 -1
- package/stencil/app-globals-0f993ce5-D-kw1sls.js +0 -5
- package/stencil/app-globals-0f993ce5-sCt45RkC.cjs +0 -1
- package/stencil/checkbox-group-input_9-FLO2Qa5Y.cjs +0 -2104
- package/stencil/general-input-igTYIJ6W.cjs +0 -1
- package/stencil/index-72d2f0c7--qtpsDOz.js +0 -642
- package/stencil/index-72d2f0c7-DldCMjBJ.cjs +0 -1
- package/stencil/index-72d2f0c7-DyMEJXra.js +0 -626
- package/stencil/password-input_2-CHOu4hgw.js +0 -1420
- package/stencil/password-input_2-DQAgV1SZ.cjs +0 -896
- package/stencil/password-input_2-DaiHlKbQ.js +0 -1420
- package/stencil/player-change-password-gm2-780eb445-CdItmoKI.cjs +0 -1
- package/stencil/player-change-password-gm2-ClBiis4q.js +0 -25
- package/stencil/player-change-password-gm2-Dt0gP_G_.cjs +0 -1
- package/stencil/player-change-password-gm2-cKh7RACV.js +0 -7
- package/stencil/toggle-checkbox-input-a_0w-Y0n.cjs +0 -1
- package/stencil/vaadin-button-6001b2a6-C6xw53k5.cjs +0 -3018
|
@@ -1,896 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-72d2f0c7-DldCMjBJ.cjs"),s=require("./locale-B5abSHU_.cjs"),o=require("./vaadin-button-6001b2a6-C6xw53k5.cjs"),f=require("./tooltipIcon-ee9760a8-Bd9l1O5C.cjs"),b=require("./player-change-password-gm2-780eb445-CdItmoKI.cjs");/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
4
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
-
*/class x extends HTMLElement{static get is(){return"vaadin-lumo-styles"}static get version(){return"24.2.9"}}o.defineCustomElement(x);const d=(t,...e)=>{o.addGlobalThemeStyles(`lumo-${t}`,e)};/**
|
|
6
|
-
* @license
|
|
7
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
8
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
9
|
-
*/const y=o.i$1`
|
|
10
|
-
:host {
|
|
11
|
-
/* Base (background) */
|
|
12
|
-
--lumo-base-color: #fff;
|
|
13
|
-
|
|
14
|
-
/* Tint */
|
|
15
|
-
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
|
16
|
-
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
|
17
|
-
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
|
18
|
-
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
|
19
|
-
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
|
20
|
-
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
|
21
|
-
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
|
22
|
-
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
|
23
|
-
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
|
24
|
-
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
|
25
|
-
--lumo-tint: #fff;
|
|
26
|
-
|
|
27
|
-
/* Shade */
|
|
28
|
-
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
|
29
|
-
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
|
30
|
-
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
|
31
|
-
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
|
32
|
-
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
|
33
|
-
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
|
34
|
-
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
|
35
|
-
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
|
36
|
-
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
|
37
|
-
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
|
38
|
-
--lumo-shade: hsl(214, 35%, 15%);
|
|
39
|
-
|
|
40
|
-
/* Contrast */
|
|
41
|
-
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
|
42
|
-
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
|
43
|
-
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
|
44
|
-
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
|
45
|
-
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
|
46
|
-
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
|
47
|
-
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
|
48
|
-
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
|
49
|
-
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
|
50
|
-
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
|
51
|
-
--lumo-contrast: var(--lumo-shade);
|
|
52
|
-
|
|
53
|
-
/* Text */
|
|
54
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
55
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
56
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
57
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
58
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
59
|
-
|
|
60
|
-
/* Primary */
|
|
61
|
-
--lumo-primary-color: hsl(214, 100%, 48%);
|
|
62
|
-
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
|
63
|
-
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
|
64
|
-
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
|
65
|
-
--lumo-primary-contrast-color: #fff;
|
|
66
|
-
|
|
67
|
-
/* Error */
|
|
68
|
-
--lumo-error-color: hsl(3, 85%, 48%);
|
|
69
|
-
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
|
70
|
-
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
|
71
|
-
--lumo-error-text-color: hsl(3, 89%, 42%);
|
|
72
|
-
--lumo-error-contrast-color: #fff;
|
|
73
|
-
|
|
74
|
-
/* Success */
|
|
75
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
76
|
-
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
|
77
|
-
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
|
78
|
-
--lumo-success-text-color: hsl(145, 85%, 25%);
|
|
79
|
-
--lumo-success-contrast-color: #fff;
|
|
80
|
-
|
|
81
|
-
/* Warning */
|
|
82
|
-
--lumo-warning-color: hsl(48, 100%, 50%);
|
|
83
|
-
--lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
|
|
84
|
-
--lumo-warning-text-color: hsl(32, 100%, 30%);
|
|
85
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
/* forced-colors mode adjustments */
|
|
89
|
-
@media (forced-colors: active) {
|
|
90
|
-
html {
|
|
91
|
-
--lumo-disabled-text-color: GrayText;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
`;d("color-props",y);const w=o.i$1`
|
|
95
|
-
[theme~='dark'] {
|
|
96
|
-
/* Base (background) */
|
|
97
|
-
--lumo-base-color: hsl(214, 35%, 21%);
|
|
98
|
-
|
|
99
|
-
/* Tint */
|
|
100
|
-
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
|
101
|
-
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
|
102
|
-
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
|
103
|
-
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
|
104
|
-
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
|
105
|
-
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
|
106
|
-
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
|
107
|
-
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
|
108
|
-
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
|
109
|
-
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
|
110
|
-
--lumo-tint: hsl(214, 100%, 98%);
|
|
111
|
-
|
|
112
|
-
/* Shade */
|
|
113
|
-
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
|
114
|
-
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
|
115
|
-
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
|
116
|
-
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
|
117
|
-
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
|
118
|
-
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
|
119
|
-
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
|
120
|
-
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
|
121
|
-
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
|
122
|
-
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
|
123
|
-
--lumo-shade: hsl(214, 33%, 13%);
|
|
124
|
-
|
|
125
|
-
/* Contrast */
|
|
126
|
-
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
|
127
|
-
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
|
128
|
-
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
|
129
|
-
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
|
130
|
-
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
|
131
|
-
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
|
132
|
-
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
|
133
|
-
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
|
134
|
-
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
|
135
|
-
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
|
136
|
-
--lumo-contrast: var(--lumo-tint);
|
|
137
|
-
|
|
138
|
-
/* Text */
|
|
139
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
140
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
141
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
142
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
143
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
144
|
-
|
|
145
|
-
/* Primary */
|
|
146
|
-
--lumo-primary-color: hsl(214, 90%, 48%);
|
|
147
|
-
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
|
148
|
-
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
|
149
|
-
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
|
150
|
-
--lumo-primary-contrast-color: #fff;
|
|
151
|
-
|
|
152
|
-
/* Error */
|
|
153
|
-
--lumo-error-color: hsl(3, 79%, 49%);
|
|
154
|
-
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
|
155
|
-
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
|
156
|
-
--lumo-error-text-color: hsl(3, 100%, 80%);
|
|
157
|
-
|
|
158
|
-
/* Success */
|
|
159
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
160
|
-
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
|
161
|
-
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
|
162
|
-
--lumo-success-text-color: hsl(145, 85%, 46%);
|
|
163
|
-
|
|
164
|
-
/* Warning */
|
|
165
|
-
--lumo-warning-color: hsl(43, 100%, 48%);
|
|
166
|
-
--lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
|
|
167
|
-
--lumo-warning-text-color: hsl(45, 100%, 60%);
|
|
168
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
html {
|
|
172
|
-
color: var(--lumo-body-text-color);
|
|
173
|
-
background-color: var(--lumo-base-color);
|
|
174
|
-
color-scheme: light;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
[theme~='dark'] {
|
|
178
|
-
color: var(--lumo-body-text-color);
|
|
179
|
-
background-color: var(--lumo-base-color);
|
|
180
|
-
color-scheme: dark;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
h1,
|
|
184
|
-
h2,
|
|
185
|
-
h3,
|
|
186
|
-
h4,
|
|
187
|
-
h5,
|
|
188
|
-
h6 {
|
|
189
|
-
color: var(--lumo-header-text-color);
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
a:where(:any-link) {
|
|
193
|
-
color: var(--lumo-primary-text-color);
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
a:not(:any-link) {
|
|
197
|
-
color: var(--lumo-disabled-text-color);
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
blockquote {
|
|
201
|
-
color: var(--lumo-secondary-text-color);
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
code,
|
|
205
|
-
pre {
|
|
206
|
-
background-color: var(--lumo-contrast-10pct);
|
|
207
|
-
border-radius: var(--lumo-border-radius-m);
|
|
208
|
-
}
|
|
209
|
-
`;o.registerStyles("",w,{moduleId:"lumo-color"});/**
|
|
210
|
-
* @license
|
|
211
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
212
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
213
|
-
*/const A=o.i$1`
|
|
214
|
-
@font-face {
|
|
215
|
-
font-family: 'lumo-icons';
|
|
216
|
-
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABEgAAsAAAAAIjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFZAIUuKY21hcAAAAYgAAAD4AAADrsCU8d5nbHlmAAACgAAAC2cAABeAWri7U2hlYWQAAA3oAAAAMAAAADZa/6SsaGhlYQAADhgAAAAdAAAAJAbpA35obXR4AAAOOAAAABAAAACspBAAAGxvY2EAAA5IAAAAWAAAAFh57oA4bWF4cAAADqAAAAAfAAAAIAFKAXBuYW1lAAAOwAAAATEAAAIuUUJZCHBvc3QAAA/0AAABKwAAAelm8SzVeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS+yDiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjG+0mIO+p/FEMUcxDANKMwIkgMABn8MLQB4nO3SWW6DMABF0UtwCEnIPM/zhLK8LqhfXRybSP14XUYtHV9hGYQwQBNIo3cUIPkhQeM7rib1ekqnXg981XuC1qvy84lzojleh3puxL0hPjGjRU473teloEefAUNGjJkwZcacBUtWrNmwZceeA0dOnLlw5cadB09elPGhGf+j0NTI/65KfXerT6JhqKnpRKtgOpuqaTrtKjPUlqHmhto21I7pL6i6hlqY3q7qGWrfUAeGOjTUkaGODXViqFNDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUB+G+jTUl6GWRvkL24BkEXictVh9bFvVFb/nxvbz+7Rf/N6zHcd2bCfP+Wic1Z9N0jpNHCD9SNqqoVBgbQoMjY+pjA4hNnWa2pV1rHSIif0DGkyT2k10Kmu1Cag6huj4ZpqYBHSqJsTEJgZCG3TaVBFv595nO3ZIv4RIrPPuvefe884599zzO/cRF8G/tgn6CFFImNgkR0ggX8wlspbhSSWSdrC5ozd30s2dw5afzvgtyz9/zG9t1hV4RtF1pXolowvtzc2z6L2aYUQM45jKH9WDTvd1LRDoDASYWhfTzTyvboXz6uZX4ARX5wrF39y+HM2+CJ8d0pkyqBIqoze3D12ez4DrFoYzxI8dWwMrDlZ2DMqQAR9AROsJU+2smlTPaTTco52BVxXa2a2+I8vvqd2dVHm1LoPeTn/AZPRYGthDYOeZjBjKoFsVGulR3lGU95SeCK44oHU7MhWUGUKZDT3oSUcG2GWuh+EDDfUYA/jhIhl0TOsJNYSEu7mQmi3UzfXwZKA4BsVsHLXQYGgJW95qEtpJ1VcW9HiTriZBlFEqxsDjA09yCNUoQxxwd7KWSTt2y3GTKifkqHRCoWZc3m11Wa/dKdFgXD4kSYfkeJBKd8KMz7J8dZn/cGRCcLGDnA2Ge3bKzcvlnTDNthFWLH7Xt80ua5FMjA4WKelWv5Xo16vHuYzpRbJhhdVlftuRK0VlR27D9lu5TF0DPBi60OrHNO0AfP/uRWvhn/U3LXICE+nh+3IHPUJ8JE6GyBjZQLbjGchlrSgYngF8zyrIF4NJD3atUcgWsWunGN/UHX5B5/yg7uF87Nqp4Gf52F3gH73DjEZNRoqCKAr9giQJp5rGJABpiVE2htNhW9R8nw0jqYjCYcY4LIjwYNScf4WN06IZnZCEqsI4cFaQbo4Z1TsZBx40YhXkHOecaYE5oY37IIQ+iJJ+UsDYSun5MuRSBRZRUUhlY2DqOGajOR6zrSU/5My6l2DnusH1GQgnw5BZP7iuYM/ahcfQ7Z8y51ddfutvuwNqWQ0cBYr8fj0U0vsHpwerVaB2sWhXT2NExi2r1KUE2tUuVMnkepVQrxTmpQrZTG4iu8he8iPyM3KcPE/+RP5KPoE2CEAKclCBzXATxkYOtUY/o961PWRqsj0chRrHFBbtrjP9/P0ven5pcbRdpL94vfsy33e5+izuwz3nFLFPVNayPZx/jdG1fOChflFRvYzsW6L18efgLrSWIgvcqnGJYi4skO4xREURjbDuxKke5v0T3Mrzkt2fi31uyZlLLrqIpEuXXsMlgw442Jb0GAxjS1DM20kBoCzHLXm/jEm0IltdcvU0fEW24jgiwwRjVd9u4NJHcIyoHJcwvyVqgqj5hqBJ1ZWSJryh9p56UWhX1XbhRbW2ZopuZWsQd5y8mEQ8M+C6xjRYxZbDKWf5AgY+Qq/l6wSPk16zDFjowYuu+wjx13mfkxbyDDxadYT/LijZyI0THB+6yfLaWsRcO82zo9mWTNtpO18qlorZoIVMwSN40tky5DOQ1MCIAe24mvlsuwIIxPb10+uXDQ4uWz/9m3rj+ql7p6bufZARuPVq5tXtsn6KwfP8Jy0TeWOyNhUJN6mhX5rkUTtUppQWEMNTqEdaCGKFYKJaQrCE4JtDLYOlNEKmO5kBTPGY2A0N2sY3+dVlo1N9ycBsIGtOjQ2p/tlZvzo0ur4v6cOh8NTospB7U/X40KahoU3bGIH97dnwmtHlYffVG3R1YOwKM2vNhrPhCT5zk64sG53oS4b31aYjqe/B7+kQiXBN+b6h21hNUPMq29B8CU4elINdygMPKF1B+WBTG7Z9ZshpN/xwEuuDQZR+nuoo4CDaAiiwXmLpmukMQyPf/JMclqgL1ixZQ/nnP2VbdUODFGt2fgBvL123rlLYu/6A9ckb7F3K0/CyBMEu6aQoPscroCcacVehvyQyCZAsizsWWBkoLC+WAiWnOksLKaeuQDzGuqSk42aiYTiJ4zf9afl17SrqaTO1f+XlZAfIuYcq7/IqYMaMrksOJ6vHkOCPDq943xcCnHqVD9pHFRpMqSPXrIua1WNs+tOz1U+ciTCDpPk+c4QYJIHnYhxP/kVPAq+ahFpVhPcHp8qyarhiF+HsBU9Hrl+UZa876fbKipL0KqB6OdUveErgtOI97fZ63ae9SvWU6k2w1JfwqnUbHsYcFCJFrC/W12zIMMirWYEHxMPs6LGYSdkSZ5TsNP9PCpwnWC3HKZ1lydNjWHC2Mn3l6vL0dHn1ldP3LTSrX+vKrBqv7KmMr8p0SR6P1NqF63or6XRlIyO90f7+kf7+myOhvt4tq7f09oUiTc2/dycGgqFQcCDRLYmi1NL7fk0CknVMxEg/cdfs/TnpJMNkgqwj17B8beVazSrVbU4lG67IZYOCnWrYy3yBR9cyWcChywos3LJBEdhhFoAdYjiw0rLGm0xU5OzoGm5/ZfmHjVZpNNg6SznzGKDdwv2cCtVn6Eaxo12cfxLprpVtTcZ6hVx6dow7Yq7e8LXO8PY9Jgjoze9yCtU5FNbegcKkQMdCbt9au/te4Ebe0jkc0ukUL32eYnTpNs20h0KpUOhZPYwVcfhZnfdqeCvDfXiuCbAoYWcXERPc/mDQD3/hdF+wK4i/xv3kYfprIpAuMkk2kW3kdtS0kBIKpZwp8KxmsCyfM1MFzAss9LBkDxRyThiaqTLwKYKJVTwmWTudMyz+yks09346MDh4m72yOxCKrt1XMlQ1qPVlTEVVQ1ofdK/sCWjtZu9qGwZ8YZ9PPWlo1IV3eW3+U0aXblP39zrt+JPf6UhEQ1rUjNBULN+utyuaDNW34kpAVuSOeMTyWbSNWnooFu+QFNWQ4d/Ox4IPWx41fP/fB/Rjeoz08ezPA9TysMtmnOXfGN7Ui3xIYLDALrlDLOP09qtJuY2OeL0+QZXdRnR1nxRVBF/SOyKKPpcrn9mWzH4rH9IidE+PTNU2182+hOgSItrE1slByS24vaLvJpxOqe4Pduf3HJkZ+jLqUz9rRzB7p8gKcgWZwV1L8JtUS5Z2JxZSOCuBoMTQihMzLbCPA0KqGMAljRQjONklW/wjnXKy8vxT/Elvm3/KiMUMOoV0/vnDYlhec0SMKtt3/kKMyOt33tj2bqxQLsTjSGLl+EAsNhCnTyRGktW55EgCn/A4PlnWn+Mg8bgZrWqHxTbPwMuyy1u5YeZF2SUM7JRhddwRgiRuxpmgJmxn9ZW7XpcF3ViX/ar6ptRpGJ0S9Adg4qhb9sI3vbL7qNJV/y4i07t5TZBiho1imFoMz3gED+CtjYUxvP4SOxov4bFoNPg5aR1e+G4UgDPoedJTpogyCJ7oYvRqoVS0MQAy+CoNEdTDUjok5ZHZL/WtjV7rFj3PKQE3iKp7ou+rIxN3b9LB1dGjeT4cvKo3FrnWpYpuaFd/h3dtV8UeKN1Y9hpR3dt4p0H/zKuPQq0kZQUIIpuDfoiETsnIk+gCWMJZUXHtE8V9LkUc2TE8vOMbO4ax/MACabzyaGXc7u3FBr11ThBdB8SIeMAlCntG2KThHSPsaj2Dc9KNyY2a0KZ7ODaTHoRiFkeYz+shZBpCS4X6471KKKnuHd84edfk5F37d1XO5bbkcltu2ZLNbvnPXiUVAnVvprJrP+NObryjxrllS65md6Tm6wzFHRR4dY3QUUjb7MgxaIixU8hspi98fl/Xc+IB4iU66eCVL9YfAfahiSUt4TONS8x0D8W7u8vd3fGWx6OXlM/U1IoU/s61PGhpyXRFa3eReq2qG56lvmYtXavCC1iN7lbiBpWxXHU+cSlztVLVz0tVN600fVsLxaVDknhYioeoXP3t4lqV1r79MAw0GCI1FTL1YIGzPL1MMlJ9ZsN9P7lvA2yr9ZFUzwzPrVgxN/x/SS+chwB4nGNgZGBgAOLPrYdY4vltvjJwM78AijDUqG5oRND/XzNPZboF5HIwMIFEAU/lC+J4nGNgZGBgDvqfBSRfMAAB81QGRgZUoA0AVvYDbwAAAHicY2BgYGB+MTQwAM8EJo8AAAAAAE4AmgDoAQoBLAFOAXABmgHEAe4CGgKcAugEmgS8BNYE8gUOBSoFegXQBf4GRAZmBrYHGAeQCBgIUghqCP4JRgm+CdoKBAo+CoQKugr0C1QLmgvAeJxjYGRgYNBmTGEQZQABJiDmAkIGhv9gPgMAGJQBvAB4nG2RPU7DMBiG3/QP0UoIBGJh8QILavozdmRo9w7d09RpUzlx5LgVvQMn4BAcgoEzcAgOwVvzSZVQbcnf48fvFysJgGt8IcJxROiG9TgauODuj5ukG+EW+UG4jR4ehTv0Q+EunjER7uEWmk+IWpc0d3gVbuAKb8JN+nfhFvlDuI17fAp36L+Fu1jgR7iHp+jF7Arbz1Nb1nO93pnEncSJFtrVuS3VKB6e5EyX2iVer9TyoOr9eux9pjJnCzW1pdfGWFU5u9WpjzfeV5PBIBMfp7aAwQ4FLPrIkbKWqDHn+67pDRK4s4lzbsEux5qHvcIIMb/nueSMyTKkE3jWFdNLHLjW2PPmMa1Hxn3GjGW/wjT0HtOG09JU4WxLk9LH2ISuiv9twJn9y8fh9uIXI+BknAAAAHicbY7ZboMwEEW5CVBCSLrv+76kfJRjTwHFsdGAG+Xvy5JUfehIHp0rnxmNN/D6ir3/a4YBhvARIMQOIowQY4wEE0yxiz3s4wCHOMIxTnCKM5zjApe4wjVucIs73OMBj3jCM17wije84wMzfHqJ0EVmUkmmJo77oOmrHvfIRZbXsTCZplTZldlgb3TYGVHProwFs11t1A57tcON2rErR3PBqcwF1/6ctI6k0GSU4JHMSS6WghdJQ99sTbfuN7QLJ9vQ37dNrgyktnIxlDYLJNuqitpRbYWKFNuyDT6pog6oOYKHtKakeakqKjHXpPwlGRcsC+OqxLIiJpXqoqqDMreG2l5bv9Ri3TRX+c23DZna9WFFgmXuO6Ps1Jm/w6ErW8N3FbHn/QC444j0AA==)
|
|
217
|
-
format('woff');
|
|
218
|
-
font-weight: normal;
|
|
219
|
-
font-style: normal;
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
html {
|
|
223
|
-
--lumo-icons-align-center: '\\ea01';
|
|
224
|
-
--lumo-icons-align-left: '\\ea02';
|
|
225
|
-
--lumo-icons-align-right: '\\ea03';
|
|
226
|
-
--lumo-icons-angle-down: '\\ea04';
|
|
227
|
-
--lumo-icons-angle-left: '\\ea05';
|
|
228
|
-
--lumo-icons-angle-right: '\\ea06';
|
|
229
|
-
--lumo-icons-angle-up: '\\ea07';
|
|
230
|
-
--lumo-icons-arrow-down: '\\ea08';
|
|
231
|
-
--lumo-icons-arrow-left: '\\ea09';
|
|
232
|
-
--lumo-icons-arrow-right: '\\ea0a';
|
|
233
|
-
--lumo-icons-arrow-up: '\\ea0b';
|
|
234
|
-
--lumo-icons-bar-chart: '\\ea0c';
|
|
235
|
-
--lumo-icons-bell: '\\ea0d';
|
|
236
|
-
--lumo-icons-calendar: '\\ea0e';
|
|
237
|
-
--lumo-icons-checkmark: '\\ea0f';
|
|
238
|
-
--lumo-icons-chevron-down: '\\ea10';
|
|
239
|
-
--lumo-icons-chevron-left: '\\ea11';
|
|
240
|
-
--lumo-icons-chevron-right: '\\ea12';
|
|
241
|
-
--lumo-icons-chevron-up: '\\ea13';
|
|
242
|
-
--lumo-icons-clock: '\\ea14';
|
|
243
|
-
--lumo-icons-cog: '\\ea15';
|
|
244
|
-
--lumo-icons-cross: '\\ea16';
|
|
245
|
-
--lumo-icons-download: '\\ea17';
|
|
246
|
-
--lumo-icons-dropdown: '\\ea18';
|
|
247
|
-
--lumo-icons-edit: '\\ea19';
|
|
248
|
-
--lumo-icons-error: '\\ea1a';
|
|
249
|
-
--lumo-icons-eye: '\\ea1b';
|
|
250
|
-
--lumo-icons-eye-disabled: '\\ea1c';
|
|
251
|
-
--lumo-icons-menu: '\\ea1d';
|
|
252
|
-
--lumo-icons-minus: '\\ea1e';
|
|
253
|
-
--lumo-icons-ordered-list: '\\ea1f';
|
|
254
|
-
--lumo-icons-phone: '\\ea20';
|
|
255
|
-
--lumo-icons-photo: '\\ea21';
|
|
256
|
-
--lumo-icons-play: '\\ea22';
|
|
257
|
-
--lumo-icons-plus: '\\ea23';
|
|
258
|
-
--lumo-icons-redo: '\\ea24';
|
|
259
|
-
--lumo-icons-reload: '\\ea25';
|
|
260
|
-
--lumo-icons-search: '\\ea26';
|
|
261
|
-
--lumo-icons-undo: '\\ea27';
|
|
262
|
-
--lumo-icons-unordered-list: '\\ea28';
|
|
263
|
-
--lumo-icons-upload: '\\ea29';
|
|
264
|
-
--lumo-icons-user: '\\ea2a';
|
|
265
|
-
}
|
|
266
|
-
`;d("font-icons",A);/**
|
|
267
|
-
* @license
|
|
268
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
269
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
270
|
-
*/const _=o.i$1`
|
|
271
|
-
:host {
|
|
272
|
-
--lumo-size-xs: 1.625rem;
|
|
273
|
-
--lumo-size-s: 1.875rem;
|
|
274
|
-
--lumo-size-m: 2.25rem;
|
|
275
|
-
--lumo-size-l: 2.75rem;
|
|
276
|
-
--lumo-size-xl: 3.5rem;
|
|
277
|
-
|
|
278
|
-
/* Icons */
|
|
279
|
-
--lumo-icon-size-s: 1.25em;
|
|
280
|
-
--lumo-icon-size-m: 1.5em;
|
|
281
|
-
--lumo-icon-size-l: 2.25em;
|
|
282
|
-
/* For backwards compatibility */
|
|
283
|
-
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
284
|
-
}
|
|
285
|
-
`;d("sizing-props",_);/**
|
|
286
|
-
* @license
|
|
287
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
288
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
289
|
-
*/const C=o.i$1`
|
|
290
|
-
:host {
|
|
291
|
-
/* Square */
|
|
292
|
-
--lumo-space-xs: 0.25rem;
|
|
293
|
-
--lumo-space-s: 0.5rem;
|
|
294
|
-
--lumo-space-m: 1rem;
|
|
295
|
-
--lumo-space-l: 1.5rem;
|
|
296
|
-
--lumo-space-xl: 2.5rem;
|
|
297
|
-
|
|
298
|
-
/* Wide */
|
|
299
|
-
--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
|
|
300
|
-
--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
|
|
301
|
-
--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
|
|
302
|
-
--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
|
|
303
|
-
--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
|
|
304
|
-
|
|
305
|
-
/* Tall */
|
|
306
|
-
--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
|
|
307
|
-
--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
|
|
308
|
-
--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
|
|
309
|
-
--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
|
|
310
|
-
--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
|
|
311
|
-
}
|
|
312
|
-
`;d("spacing-props",C);/**
|
|
313
|
-
* @license
|
|
314
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
315
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
316
|
-
*/const k=o.i$1`
|
|
317
|
-
:host {
|
|
318
|
-
/* Border radius */
|
|
319
|
-
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
320
|
-
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
321
|
-
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
322
|
-
|
|
323
|
-
/* Shadow */
|
|
324
|
-
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
325
|
-
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
326
|
-
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
327
|
-
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
328
|
-
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
329
|
-
|
|
330
|
-
/* Clickable element cursor */
|
|
331
|
-
--lumo-clickable-cursor: default;
|
|
332
|
-
}
|
|
333
|
-
`;o.i$1`
|
|
334
|
-
html {
|
|
335
|
-
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
|
336
|
-
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
|
337
|
-
--vaadin-input-field-border-radius: var(--lumo-border-radius-m);
|
|
338
|
-
}
|
|
339
|
-
`;d("style-props",k);/**
|
|
340
|
-
* @license
|
|
341
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
342
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
343
|
-
*/const z=o.i$1`
|
|
344
|
-
:host {
|
|
345
|
-
/* prettier-ignore */
|
|
346
|
-
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
347
|
-
|
|
348
|
-
/* Font sizes */
|
|
349
|
-
--lumo-font-size-xxs: 0.75rem;
|
|
350
|
-
--lumo-font-size-xs: 0.8125rem;
|
|
351
|
-
--lumo-font-size-s: 0.875rem;
|
|
352
|
-
--lumo-font-size-m: 1rem;
|
|
353
|
-
--lumo-font-size-l: 1.125rem;
|
|
354
|
-
--lumo-font-size-xl: 1.375rem;
|
|
355
|
-
--lumo-font-size-xxl: 1.75rem;
|
|
356
|
-
--lumo-font-size-xxxl: 2.5rem;
|
|
357
|
-
|
|
358
|
-
/* Line heights */
|
|
359
|
-
--lumo-line-height-xs: 1.25;
|
|
360
|
-
--lumo-line-height-s: 1.375;
|
|
361
|
-
--lumo-line-height-m: 1.625;
|
|
362
|
-
}
|
|
363
|
-
`,B=o.i$1`
|
|
364
|
-
body,
|
|
365
|
-
:host {
|
|
366
|
-
font-family: var(--lumo-font-family);
|
|
367
|
-
font-size: var(--lumo-font-size-m);
|
|
368
|
-
line-height: var(--lumo-line-height-m);
|
|
369
|
-
-webkit-text-size-adjust: 100%;
|
|
370
|
-
-webkit-font-smoothing: antialiased;
|
|
371
|
-
-moz-osx-font-smoothing: grayscale;
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
small,
|
|
375
|
-
[theme~='font-size-s'] {
|
|
376
|
-
font-size: var(--lumo-font-size-s);
|
|
377
|
-
line-height: var(--lumo-line-height-s);
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
[theme~='font-size-xs'] {
|
|
381
|
-
font-size: var(--lumo-font-size-xs);
|
|
382
|
-
line-height: var(--lumo-line-height-xs);
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
:where(h1, h2, h3, h4, h5, h6) {
|
|
386
|
-
font-weight: 600;
|
|
387
|
-
line-height: var(--lumo-line-height-xs);
|
|
388
|
-
margin-block: 0;
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
:where(h1) {
|
|
392
|
-
font-size: var(--lumo-font-size-xxxl);
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
:where(h2) {
|
|
396
|
-
font-size: var(--lumo-font-size-xxl);
|
|
397
|
-
}
|
|
398
|
-
|
|
399
|
-
:where(h3) {
|
|
400
|
-
font-size: var(--lumo-font-size-xl);
|
|
401
|
-
}
|
|
402
|
-
|
|
403
|
-
:where(h4) {
|
|
404
|
-
font-size: var(--lumo-font-size-l);
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
:where(h5) {
|
|
408
|
-
font-size: var(--lumo-font-size-m);
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
:where(h6) {
|
|
412
|
-
font-size: var(--lumo-font-size-xs);
|
|
413
|
-
text-transform: uppercase;
|
|
414
|
-
letter-spacing: 0.03em;
|
|
415
|
-
}
|
|
416
|
-
|
|
417
|
-
p,
|
|
418
|
-
blockquote {
|
|
419
|
-
margin-top: 0.5em;
|
|
420
|
-
margin-bottom: 0.75em;
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
a {
|
|
424
|
-
text-decoration: none;
|
|
425
|
-
}
|
|
426
|
-
|
|
427
|
-
a:where(:any-link):hover {
|
|
428
|
-
text-decoration: underline;
|
|
429
|
-
}
|
|
430
|
-
|
|
431
|
-
hr {
|
|
432
|
-
display: block;
|
|
433
|
-
align-self: stretch;
|
|
434
|
-
height: 1px;
|
|
435
|
-
border: 0;
|
|
436
|
-
padding: 0;
|
|
437
|
-
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
438
|
-
background-color: var(--lumo-contrast-10pct);
|
|
439
|
-
}
|
|
440
|
-
|
|
441
|
-
blockquote {
|
|
442
|
-
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
443
|
-
}
|
|
444
|
-
|
|
445
|
-
b,
|
|
446
|
-
strong {
|
|
447
|
-
font-weight: 600;
|
|
448
|
-
}
|
|
449
|
-
|
|
450
|
-
/* RTL specific styles */
|
|
451
|
-
blockquote[dir='rtl'] {
|
|
452
|
-
border-left: none;
|
|
453
|
-
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
454
|
-
}
|
|
455
|
-
`;o.registerStyles("",B,{moduleId:"lumo-typography"});d("typography-props",z);/**
|
|
456
|
-
* @license
|
|
457
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
458
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
459
|
-
*/const p=o.i$1`
|
|
460
|
-
[part$='button'] {
|
|
461
|
-
flex: none;
|
|
462
|
-
width: 1em;
|
|
463
|
-
height: 1em;
|
|
464
|
-
line-height: 1;
|
|
465
|
-
font-size: var(--lumo-icon-size-m);
|
|
466
|
-
text-align: center;
|
|
467
|
-
color: var(--lumo-contrast-60pct);
|
|
468
|
-
transition: 0.2s color;
|
|
469
|
-
cursor: var(--lumo-clickable-cursor);
|
|
470
|
-
}
|
|
471
|
-
|
|
472
|
-
[part$='button']:hover {
|
|
473
|
-
color: var(--lumo-contrast-90pct);
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
:host([disabled]) [part$='button'],
|
|
477
|
-
:host([readonly]) [part$='button'] {
|
|
478
|
-
color: var(--lumo-contrast-20pct);
|
|
479
|
-
cursor: default;
|
|
480
|
-
}
|
|
481
|
-
|
|
482
|
-
[part$='button']::before {
|
|
483
|
-
font-family: 'lumo-icons';
|
|
484
|
-
display: block;
|
|
485
|
-
}
|
|
486
|
-
`;o.registerStyles("",p,{moduleId:"lumo-field-button"});/**
|
|
487
|
-
* @license
|
|
488
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
489
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
490
|
-
*/const F=o.i$1`
|
|
491
|
-
:host([has-helper]) [part='helper-text']::before {
|
|
492
|
-
content: '';
|
|
493
|
-
display: block;
|
|
494
|
-
height: 0.4em;
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
[part='helper-text'] {
|
|
498
|
-
display: block;
|
|
499
|
-
color: var(--lumo-secondary-text-color);
|
|
500
|
-
font-size: var(--lumo-font-size-xs);
|
|
501
|
-
line-height: var(--lumo-line-height-xs);
|
|
502
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
503
|
-
transition: color 0.2s;
|
|
504
|
-
}
|
|
505
|
-
|
|
506
|
-
:host(:hover:not([readonly])) [part='helper-text'] {
|
|
507
|
-
color: var(--lumo-body-text-color);
|
|
508
|
-
}
|
|
509
|
-
|
|
510
|
-
:host([disabled]) [part='helper-text'] {
|
|
511
|
-
color: var(--lumo-disabled-text-color);
|
|
512
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
513
|
-
}
|
|
514
|
-
|
|
515
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text']::before {
|
|
516
|
-
display: none;
|
|
517
|
-
}
|
|
518
|
-
|
|
519
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text']::after {
|
|
520
|
-
content: '';
|
|
521
|
-
display: block;
|
|
522
|
-
height: 0.4em;
|
|
523
|
-
}
|
|
524
|
-
|
|
525
|
-
:host([has-helper][theme~='helper-above-field']) [part='label'] {
|
|
526
|
-
order: 0;
|
|
527
|
-
padding-bottom: 0.4em;
|
|
528
|
-
}
|
|
529
|
-
|
|
530
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text'] {
|
|
531
|
-
order: 1;
|
|
532
|
-
}
|
|
533
|
-
|
|
534
|
-
:host([has-helper][theme~='helper-above-field']) [part='label'] + * {
|
|
535
|
-
order: 2;
|
|
536
|
-
}
|
|
537
|
-
|
|
538
|
-
:host([has-helper][theme~='helper-above-field']) [part='error-message'] {
|
|
539
|
-
order: 3;
|
|
540
|
-
}
|
|
541
|
-
`;/**
|
|
542
|
-
* @license
|
|
543
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
544
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
545
|
-
*/const h=o.i$1`
|
|
546
|
-
[part='label'] {
|
|
547
|
-
align-self: flex-start;
|
|
548
|
-
color: var(--lumo-secondary-text-color);
|
|
549
|
-
font-weight: 500;
|
|
550
|
-
font-size: var(--lumo-font-size-s);
|
|
551
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
552
|
-
transition: color 0.2s;
|
|
553
|
-
line-height: 1;
|
|
554
|
-
padding-right: 1em;
|
|
555
|
-
padding-bottom: 0.5em;
|
|
556
|
-
/* As a workaround for diacritics being cut off, add a top padding and a
|
|
557
|
-
negative margin to compensate */
|
|
558
|
-
padding-top: 0.25em;
|
|
559
|
-
margin-top: -0.25em;
|
|
560
|
-
overflow: hidden;
|
|
561
|
-
white-space: nowrap;
|
|
562
|
-
text-overflow: ellipsis;
|
|
563
|
-
position: relative;
|
|
564
|
-
max-width: 100%;
|
|
565
|
-
box-sizing: border-box;
|
|
566
|
-
}
|
|
567
|
-
|
|
568
|
-
:host([has-label])::before {
|
|
569
|
-
margin-top: calc(var(--lumo-font-size-s) * 1.5);
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
:host([has-label][theme~='small'])::before {
|
|
573
|
-
margin-top: calc(var(--lumo-font-size-xs) * 1.5);
|
|
574
|
-
}
|
|
575
|
-
|
|
576
|
-
:host([has-label]) {
|
|
577
|
-
padding-top: var(--lumo-space-m);
|
|
578
|
-
}
|
|
579
|
-
|
|
580
|
-
:host([has-label]) ::slotted([slot='tooltip']) {
|
|
581
|
-
--vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);
|
|
582
|
-
}
|
|
583
|
-
|
|
584
|
-
:host([required]) [part='required-indicator']::after {
|
|
585
|
-
content: var(--lumo-required-field-indicator, '\\2022');
|
|
586
|
-
transition: opacity 0.2s;
|
|
587
|
-
color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
|
|
588
|
-
position: absolute;
|
|
589
|
-
right: 0;
|
|
590
|
-
width: 1em;
|
|
591
|
-
text-align: center;
|
|
592
|
-
}
|
|
593
|
-
|
|
594
|
-
:host([invalid]) [part='required-indicator']::after {
|
|
595
|
-
color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));
|
|
596
|
-
}
|
|
597
|
-
|
|
598
|
-
[part='error-message'] {
|
|
599
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
600
|
-
font-size: var(--lumo-font-size-xs);
|
|
601
|
-
line-height: var(--lumo-line-height-xs);
|
|
602
|
-
color: var(--lumo-error-text-color);
|
|
603
|
-
will-change: max-height;
|
|
604
|
-
transition: 0.4s max-height;
|
|
605
|
-
max-height: 5em;
|
|
606
|
-
}
|
|
607
|
-
|
|
608
|
-
:host([has-error-message]) [part='error-message']::before,
|
|
609
|
-
:host([has-error-message]) [part='error-message']::after {
|
|
610
|
-
content: '';
|
|
611
|
-
display: block;
|
|
612
|
-
height: 0.4em;
|
|
613
|
-
}
|
|
614
|
-
|
|
615
|
-
:host(:not([invalid])) [part='error-message'] {
|
|
616
|
-
max-height: 0;
|
|
617
|
-
overflow: hidden;
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
/* RTL specific styles */
|
|
621
|
-
|
|
622
|
-
:host([dir='rtl']) [part='label'] {
|
|
623
|
-
margin-left: 0;
|
|
624
|
-
margin-right: calc(var(--lumo-border-radius-m) / 4);
|
|
625
|
-
}
|
|
626
|
-
|
|
627
|
-
:host([dir='rtl']) [part='label'] {
|
|
628
|
-
padding-left: 1em;
|
|
629
|
-
padding-right: 0;
|
|
630
|
-
}
|
|
631
|
-
|
|
632
|
-
:host([dir='rtl']) [part='required-indicator']::after {
|
|
633
|
-
right: auto;
|
|
634
|
-
left: 0;
|
|
635
|
-
}
|
|
636
|
-
|
|
637
|
-
:host([dir='rtl']) [part='error-message'] {
|
|
638
|
-
margin-left: 0;
|
|
639
|
-
margin-right: calc(var(--lumo-border-radius-m) / 4);
|
|
640
|
-
}
|
|
641
|
-
`;o.registerStyles("",h,{moduleId:"lumo-required-field"});/**
|
|
642
|
-
* @license
|
|
643
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
644
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
645
|
-
*/const I=o.i$1`
|
|
646
|
-
:host {
|
|
647
|
-
--lumo-text-field-size: var(--lumo-size-m);
|
|
648
|
-
color: var(--lumo-body-text-color);
|
|
649
|
-
font-size: var(--lumo-font-size-m);
|
|
650
|
-
font-family: var(--lumo-font-family);
|
|
651
|
-
-webkit-font-smoothing: antialiased;
|
|
652
|
-
-moz-osx-font-smoothing: grayscale;
|
|
653
|
-
-webkit-tap-highlight-color: transparent;
|
|
654
|
-
padding: var(--lumo-space-xs) 0;
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
:host::before {
|
|
658
|
-
height: var(--lumo-text-field-size);
|
|
659
|
-
box-sizing: border-box;
|
|
660
|
-
display: inline-flex;
|
|
661
|
-
align-items: center;
|
|
662
|
-
}
|
|
663
|
-
|
|
664
|
-
:host([focused]:not([readonly])) [part='label'] {
|
|
665
|
-
color: var(--lumo-primary-text-color);
|
|
666
|
-
}
|
|
667
|
-
|
|
668
|
-
:host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
|
|
669
|
-
-webkit-mask-image: none;
|
|
670
|
-
mask-image: none;
|
|
671
|
-
}
|
|
672
|
-
|
|
673
|
-
::slotted(:is(input, textarea):placeholder-shown) {
|
|
674
|
-
color: var(--lumo-secondary-text-color);
|
|
675
|
-
}
|
|
676
|
-
|
|
677
|
-
/* Hover */
|
|
678
|
-
:host(:hover:not([readonly]):not([focused])) [part='label'] {
|
|
679
|
-
color: var(--lumo-body-text-color);
|
|
680
|
-
}
|
|
681
|
-
|
|
682
|
-
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
|
683
|
-
opacity: 0.1;
|
|
684
|
-
}
|
|
685
|
-
|
|
686
|
-
/* Touch device adjustment */
|
|
687
|
-
@media (pointer: coarse) {
|
|
688
|
-
:host(:hover:not([readonly]):not([focused])) [part='label'] {
|
|
689
|
-
color: var(--lumo-secondary-text-color);
|
|
690
|
-
}
|
|
691
|
-
|
|
692
|
-
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
|
693
|
-
opacity: 0;
|
|
694
|
-
}
|
|
695
|
-
|
|
696
|
-
:host(:active:not([readonly]):not([focused])) [part='input-field']::after {
|
|
697
|
-
opacity: 0.2;
|
|
698
|
-
}
|
|
699
|
-
}
|
|
700
|
-
|
|
701
|
-
/* Trigger when not focusing using the keyboard */
|
|
702
|
-
:host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after {
|
|
703
|
-
transform: scaleX(0);
|
|
704
|
-
transition-duration: 0.15s, 1s;
|
|
705
|
-
}
|
|
706
|
-
|
|
707
|
-
/* Focus-ring */
|
|
708
|
-
:host([focus-ring]) [part='input-field'] {
|
|
709
|
-
box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
|
|
710
|
-
}
|
|
711
|
-
|
|
712
|
-
/* Read-only and disabled */
|
|
713
|
-
:host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {
|
|
714
|
-
opacity: 0;
|
|
715
|
-
}
|
|
716
|
-
|
|
717
|
-
/* Read-only style */
|
|
718
|
-
:host([readonly]) {
|
|
719
|
-
--vaadin-input-field-border-color: transparent;
|
|
720
|
-
}
|
|
721
|
-
|
|
722
|
-
/* Disabled style */
|
|
723
|
-
:host([disabled]) {
|
|
724
|
-
pointer-events: none;
|
|
725
|
-
--vaadin-input-field-border-color: var(--lumo-contrast-20pct);
|
|
726
|
-
}
|
|
727
|
-
|
|
728
|
-
:host([disabled]) [part='label'],
|
|
729
|
-
:host([disabled]) [part='input-field'] ::slotted(*) {
|
|
730
|
-
color: var(--lumo-disabled-text-color);
|
|
731
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
732
|
-
}
|
|
733
|
-
|
|
734
|
-
/* Invalid style */
|
|
735
|
-
:host([invalid]) {
|
|
736
|
-
--vaadin-input-field-border-color: var(--lumo-error-color);
|
|
737
|
-
}
|
|
738
|
-
|
|
739
|
-
:host([invalid][focus-ring]) [part='input-field'] {
|
|
740
|
-
box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
|
|
741
|
-
}
|
|
742
|
-
|
|
743
|
-
:host([input-prevented]) [part='input-field'] {
|
|
744
|
-
animation: shake 0.15s infinite;
|
|
745
|
-
}
|
|
746
|
-
|
|
747
|
-
@keyframes shake {
|
|
748
|
-
25% {
|
|
749
|
-
transform: translateX(4px);
|
|
750
|
-
}
|
|
751
|
-
75% {
|
|
752
|
-
transform: translateX(-4px);
|
|
753
|
-
}
|
|
754
|
-
}
|
|
755
|
-
|
|
756
|
-
/* Small theme */
|
|
757
|
-
:host([theme~='small']) {
|
|
758
|
-
font-size: var(--lumo-font-size-s);
|
|
759
|
-
--lumo-text-field-size: var(--lumo-size-s);
|
|
760
|
-
}
|
|
761
|
-
|
|
762
|
-
:host([theme~='small']) [part='label'] {
|
|
763
|
-
font-size: var(--lumo-font-size-xs);
|
|
764
|
-
}
|
|
765
|
-
|
|
766
|
-
:host([theme~='small']) [part='error-message'] {
|
|
767
|
-
font-size: var(--lumo-font-size-xxs);
|
|
768
|
-
}
|
|
769
|
-
|
|
770
|
-
/* Slotted content */
|
|
771
|
-
[part='input-field'] ::slotted(:not(vaadin-icon):not(input):not(textarea)) {
|
|
772
|
-
color: var(--lumo-secondary-text-color);
|
|
773
|
-
font-weight: 400;
|
|
774
|
-
}
|
|
775
|
-
|
|
776
|
-
[part='clear-button']::before {
|
|
777
|
-
content: var(--lumo-icons-cross);
|
|
778
|
-
}
|
|
779
|
-
`,m=[h,p,F,I];o.registerStyles("",m,{moduleId:"lumo-input-field-shared-styles"});/**
|
|
780
|
-
* @license
|
|
781
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
782
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
783
|
-
*/o.registerStyles("vaadin-text-field",m,{moduleId:"lumo-text-field-styles"});/**
|
|
784
|
-
* @license
|
|
785
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
786
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
787
|
-
*/const S=t=>class extends o.InputControlMixin(t){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(a){this.__dataValue=a}_inputElementChanged(a){super._inputElementChanged(a),a&&(a.value&&a.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),a.value=""),this.value&&(a.value=this.value))}_setFocused(a){super._setFocused(a),!a&&document.hasFocus()&&this.validate()}_onInput(a){super._onInput(a),this.invalid&&this.validate()}_valueChanged(a,i){super._valueChanged(a,i),i!==void 0&&this.invalid&&this.validate()}};/**
|
|
788
|
-
* @license
|
|
789
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
790
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
791
|
-
*/const V=t=>class extends S(t){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new o.InputController(this,a=>{this._setInputElement(a),this._setFocusElement(a),this.stateTarget=a,this.ariaTarget=a})),this.addController(new o.LabelledInputController(this.inputElement,this._labelController))}};/**
|
|
792
|
-
* @license
|
|
793
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
794
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
795
|
-
*/o.registerStyles("vaadin-text-field",o.inputFieldShared$1,{moduleId:"vaadin-text-field-styles"});class v extends V(o.ThemableMixin(o.ElementMixin(o.PolymerElement))){static get is(){return"vaadin-text-field"}static get template(){return o.html`
|
|
796
|
-
<style>
|
|
797
|
-
[part='input-field'] {
|
|
798
|
-
flex-grow: 0;
|
|
799
|
-
}
|
|
800
|
-
</style>
|
|
801
|
-
|
|
802
|
-
<div class="vaadin-field-container">
|
|
803
|
-
<div part="label">
|
|
804
|
-
<slot name="label"></slot>
|
|
805
|
-
<span part="required-indicator" aria-hidden="true" on-click="focus"></span>
|
|
806
|
-
</div>
|
|
807
|
-
|
|
808
|
-
<vaadin-input-container
|
|
809
|
-
part="input-field"
|
|
810
|
-
readonly="[[readonly]]"
|
|
811
|
-
disabled="[[disabled]]"
|
|
812
|
-
invalid="[[invalid]]"
|
|
813
|
-
theme$="[[_theme]]"
|
|
814
|
-
>
|
|
815
|
-
<slot name="prefix" slot="prefix"></slot>
|
|
816
|
-
<slot name="input"></slot>
|
|
817
|
-
<slot name="suffix" slot="suffix"></slot>
|
|
818
|
-
<div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
|
|
819
|
-
</vaadin-input-container>
|
|
820
|
-
|
|
821
|
-
<div part="helper-text">
|
|
822
|
-
<slot name="helper"></slot>
|
|
823
|
-
</div>
|
|
824
|
-
|
|
825
|
-
<div part="error-message">
|
|
826
|
-
<slot name="error-message"></slot>
|
|
827
|
-
</div>
|
|
828
|
-
</div>
|
|
829
|
-
<slot name="tooltip"></slot>
|
|
830
|
-
`}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new o.TooltipController(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}o.defineCustomElement(v);/**
|
|
831
|
-
* @license
|
|
832
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
833
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
834
|
-
*/const T=o.i$1`
|
|
835
|
-
:host {
|
|
836
|
-
position: absolute;
|
|
837
|
-
right: 0;
|
|
838
|
-
top: 0;
|
|
839
|
-
margin: 0;
|
|
840
|
-
padding: 0;
|
|
841
|
-
width: 100%;
|
|
842
|
-
height: 100%;
|
|
843
|
-
min-width: auto;
|
|
844
|
-
background: transparent;
|
|
845
|
-
outline: none;
|
|
846
|
-
}
|
|
847
|
-
`;o.registerStyles("vaadin-password-field-button",[o.button,T],{moduleId:"lumo-password-field-button"});/**
|
|
848
|
-
* @license
|
|
849
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
850
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
851
|
-
*/const M=o.i$1`
|
|
852
|
-
[part='reveal-button']::before {
|
|
853
|
-
content: var(--lumo-icons-eye);
|
|
854
|
-
}
|
|
855
|
-
|
|
856
|
-
:host([password-visible]) [part='reveal-button']::before {
|
|
857
|
-
content: var(--lumo-icons-eye-disabled);
|
|
858
|
-
}
|
|
859
|
-
|
|
860
|
-
/* Make it easy to hide the button across the whole app */
|
|
861
|
-
[part='reveal-button'] {
|
|
862
|
-
position: relative;
|
|
863
|
-
display: var(--lumo-password-field-reveal-button-display, block);
|
|
864
|
-
}
|
|
865
|
-
|
|
866
|
-
[part='reveal-button'][hidden] {
|
|
867
|
-
display: none !important;
|
|
868
|
-
}
|
|
869
|
-
`;o.registerStyles("vaadin-password-field",[o.inputFieldShared,M],{moduleId:"lumo-password-field"});/**
|
|
870
|
-
* @license
|
|
871
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
872
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
873
|
-
*/class R extends o.Button{static get is(){return"vaadin-password-field-button"}static get template(){return o.html`
|
|
874
|
-
<style>
|
|
875
|
-
:host {
|
|
876
|
-
display: block;
|
|
877
|
-
}
|
|
878
|
-
|
|
879
|
-
:host([hidden]) {
|
|
880
|
-
display: none !important;
|
|
881
|
-
}
|
|
882
|
-
</style>
|
|
883
|
-
<slot name="tooltip"></slot>
|
|
884
|
-
`}}o.defineCustomElement(R);/**
|
|
885
|
-
* @license
|
|
886
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
887
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
888
|
-
*/const E=o.html`
|
|
889
|
-
<div part="reveal-button" slot="suffix">
|
|
890
|
-
<slot name="reveal"></slot>
|
|
891
|
-
</div>
|
|
892
|
-
`;let c;class P extends v{static get is(){return"vaadin-password-field"}static get template(){if(!c){c=super.template.cloneNode(!0);const e=E.content.querySelector('[part="reveal-button"]');c.content.querySelector('[part="input-field"]').appendChild(e)}return c}static get properties(){return{revealButtonHidden:{type:Boolean,observer:"_revealButtonHiddenChanged",value:!1},passwordVisible:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_passwordVisibleChanged",readOnly:!0},i18n:{type:Object,value:()=>({reveal:"Show password"})}}}static get observers(){return["__i18nChanged(i18n.*)"]}constructor(){super(),this._setType("password"),this.__boundRevealButtonClick=this._onRevealButtonClick.bind(this),this.__boundRevealButtonMouseDown=this._onRevealButtonMouseDown.bind(this),this.__lastChange=""}get slotStyles(){const e=this.localName;return[...super.slotStyles,`
|
|
893
|
-
${e} [slot="input"]::-ms-reveal {
|
|
894
|
-
display: none;
|
|
895
|
-
}
|
|
896
|
-
`]}get _revealNode(){return this._revealButtonController&&this._revealButtonController.node}ready(){super.ready(),this._revealPart=this.shadowRoot.querySelector('[part="reveal-button"]'),this._revealButtonController=new o.SlotController(this,"reveal","vaadin-password-field-button",{initializer:e=>{e.disabled=this.disabled,e.addEventListener("click",this.__boundRevealButtonClick),e.addEventListener("mousedown",this.__boundRevealButtonMouseDown)}}),this.addController(this._revealButtonController),this.__updateAriaLabel(this.i18n),this._updateToggleState(!1),this._toggleRevealHidden(this.revealButtonHidden),this.inputElement&&(this.inputElement.autocapitalize="off")}_onChange(e){super._onChange(e),this.__lastChange=this.inputElement.value}_shouldSetFocus(e){return e.target===this.inputElement||e.target===this._revealNode}_shouldRemoveFocus(e){return!(e.relatedTarget===this._revealNode||e.relatedTarget===this.inputElement&&e.target===this._revealNode)}_setFocused(e){if(super._setFocused(e),!e)this._setPasswordVisible(!1),this.__lastChange!==this.inputElement.value&&(this.__lastChange=this.inputElement.value,this.dispatchEvent(new CustomEvent("change",{bubbles:!0})));else{const a=this.getRootNode().activeElement===this._revealNode;this.toggleAttribute("focus-ring",this._keyboardActive&&!a)}}__updateAriaLabel(e){e.reveal&&this._revealNode&&this._revealNode.setAttribute("aria-label",e.reveal)}__i18nChanged(e){this.__updateAriaLabel(e.base)}_revealButtonHiddenChanged(e){this._toggleRevealHidden(e)}_togglePasswordVisibility(){this._setPasswordVisible(!this.passwordVisible)}_onRevealButtonClick(){this._togglePasswordVisibility()}_onRevealButtonMouseDown(e){e.preventDefault(),this.inputElement.focus()}_toggleRevealHidden(e){this._revealNode&&(e?(this._revealPart.setAttribute("hidden",""),this._revealNode.setAttribute("tabindex","-1"),this._revealNode.setAttribute("aria-hidden","true")):(this._revealPart.removeAttribute("hidden"),this._revealNode.setAttribute("tabindex","0"),this._revealNode.removeAttribute("aria-hidden")))}_updateToggleState(e){this._revealNode&&this._revealNode.setAttribute("aria-pressed",e?"true":"false")}_passwordVisibleChanged(e){this._setType(e?"text":"password"),this._updateToggleState(e)}_disabledChanged(e,a){super._disabledChanged(e,a),this._revealNode&&(this._revealNode.disabled=e)}}o.defineCustomElement(P);const N='*,*::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}',q=N,g=class{constructor(t){l.registerInstance(this,t),this.sendOriginalValidityState=l.createEvent(this,"sendOriginalValidityState",7),this.sendValidityState=l.createEvent(this,"sendValidityState",7),this.sendInputValue=l.createEvent(this,"sendInputValue",7),this.touched=!1,this.originalValid=!1,this.validationPattern="",this.duplicateInputValue=null,this.handleInput=e=>{this.value=e.target.value,this.calculateComplexity(this.value),this.showPopup=!0,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout(()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)},500)},this.handleRevealField=e=>{e.stopPropagation(),window.postMessage({type:`registrationShow${this.name}`},window.location.href)},this.handleBlur=e=>{this.value=e.target.value,this.showPopup=!1,this.touched=!0,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage()},this.handleFocus=()=>{this.showPopup=!0,this.calculateComplexity(this.value)},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.stylingContainer.prepend(e)},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.validation=void 0,this.language=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.clientStyling="",this.isValid=void 0,this.errorMessage=void 0,this.limitStylingAppends=!1,this.showTooltip=!1,this.passwordComplexity=void 0,this.showPopup=void 0,this.value=""}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),this.emitValue==!0&&this.valueHandler({name:this.name,value:this.value})}valueChanged(){this.isDuplicateInput||(this.calculateComplexity(this.value),this.sendOriginalValidityState.emit({name:this.name,valid:this.setValidity()}))}emitValueHandler(t){t==!0&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"duplicate"})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}originalValidityChangedHandler(t){this.isDuplicateInput&&(t.detail.valid?(this.originalValid=!0,this.isValid=this.setValidity()):(this.originalValid=!1,this.isValid=!1,this.value!==""&&(this.errorMessage=this.setErrorMessage())))}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&this.touched===!0&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.inputReference=this.element.shadowRoot.querySelector("input"),this.passwordButton=this.element.shadowRoot.querySelector("vaadin-password-field-button"),this.passwordButton.tabIndex=-1,this.passwordButton.addEventListener("click",t=>{this.handleRevealField(t)}),this.defaultValue&&(this.value=this.defaultValue,this.calculateComplexity(this.value),this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.duplicateInputValue=this.defaultValue,this.touched=!0)),this.isValid=this.setValidity()}disconnectedCallback(){this.passwordButton.removeEventListener("click",this.handleRevealField)}calculateComplexity(t){this.passwordComplexity=this.validation.custom.filter(e=>e.rule==="regex").map(e=>{const i=new RegExp(e.pattern).test(t);return{rule:e.displayName,ruleKey:e.errorKey,passed:i}})}setValidity(){var t,e;return this.isDuplicateInput&&this.duplicateInputValue!==this.value?!1:!((t=this.passwordComplexity)===null||t===void 0)&&t.every(a=>a.passed)?(e=this.inputReference)===null||e===void 0?void 0:e.validity.valid:!1}setPattern(){var t,e;if(((t=this.validation.custom)===null||t===void 0?void 0:t.length)>0)return(e=this.validation.custom.find(a=>a.rule==="regex"))===null||e===void 0?void 0:e.pattern}setErrorMessage(){var t,e,a,i;if(this.isDuplicateInput&&!this.originalValid)return s.translate("invalidOriginalPasswordError",this.language);if(this.inputReference.validity.patternMismatch){const r=(t=this.validation.custom.find(n=>n.rule==="regex"))===null||t===void 0?void 0:t.errorKey,u=(e=this.validation.custom.find(n=>n.rule==="regex"))===null||e===void 0?void 0:e.errorMessage;return s.translate(`${r}`,this.language)?s.translate(`${r}`,this.language):u}if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return s.translate("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return s.translate("requiredError",this.language);if(this.isDuplicateInput&&this.duplicateInputValue!==this.value){const r=(a=this.validation.custom.find(n=>n.rule==="duplicate-input"))===null||a===void 0?void 0:a.errorKey,u=(i=this.validation.custom.find(n=>n.rule==="duplicate-input"))===null||i===void 0?void 0:i.errorMessage;return s.translate(`${r}`,this.language)?s.translate(`${r}`,this.language):u}}renderTooltip(){return this.showTooltip?l.h("div",{class:`password__tooltip ${this.showTooltip?"visible":""}`,ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}renderComplexityPopup(){const t=this.passwordComplexity.length,a=this.passwordComplexity.filter(r=>r.passed).length/t,i=this.passwordComplexity.every(r=>r.passed);return l.h("div",{class:`password__complexity ${this.showPopup?"":"password__complexity--hidden"}`},l.h("div",{class:"password__complexity--strength"},l.h("p",{class:"password__complexity--text"},s.translate("passwordStrength",this.language)," ",l.h("span",{class:"password__complexity--text-bold"},s.translate(`${i?"passwordStrengthStrong":"passwordStrengthWeak"}`,this.language))),l.h("meter",{value:a,min:"0",max:"1"})),l.h("div",null,this.passwordComplexity.map((r,u)=>l.h("div",{key:u},l.h("input",{class:"password__complexity--checkbox",type:"checkbox",checked:r.passed,disabled:!0}),l.h("span",null,s.translate(`${r.ruleKey}`,this.language)?s.translate(`${r.ruleKey}`,this.language):r.rule)))))}render(){let t="";return this.touched&&(t=this.isValid==!0||this.isValid==null?"":"text__input--invalid"),l.h("div",{key:"c704b51efdf53817beb1541b4794e0b11b490a24",class:`password__wrapper ${this.autofilled?"password__wrapper--autofilled":""} ${this.name}__input`,ref:e=>this.stylingContainer=e},l.h("div",{key:"e590afa403084ff95a8735ade400ab81ad16937f",class:"password__wrapper--flex"},l.h("label",{key:"9d8db00b59c4b9594538aeacee3ef5a0e678c0e9",class:`password__label ${this.validation.mandatory?"password__label--required":""}`,htmlFor:`${this.name}__input`},this.displayName),l.h("div",{key:"bb39f6018cf688fafcd0b5bef91ba079edf09daf",class:"password__wrapper--relative"},this.tooltip&&l.h("img",{key:"d8dbd086da34a8c7db9b5826654530bdb888c927",class:"password__tooltip-icon",src:f.tooltipIconSvg,alt:"",ref:e=>this.tooltipIconReference=e,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),l.h("vaadin-password-field",{key:"ae1c212d663fe379561b1c514087629409196ac3",type:"password",id:`${this.name}__input`,class:`password__input ${t}`,name:this.name,readOnly:this.autofilled,value:this.defaultValue,required:this.validation.mandatory,maxlength:this.validation.maxLength,minlength:this.validation.minLength,pattern:this.validationPattern,placeholder:`${this.placeholder}`,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus}),l.h("small",{key:"2fa1e25239a7314399c16b2f897873b7a31e9f77",class:"password__error-message"},this.errorMessage),this.passwordComplexity&&this.showPopup&&!this.isDuplicateInput&&this.renderComplexityPopup())}get element(){return l.getElement(this)}static get watchers(){return{isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}}};g.style=q;exports.player_change_password_gm2=b.PlayerChangePasswordGm2;exports.password_input=g;
|