@trintel/zooy 1.0.1-beta.0 → 1.0.1-beta.1
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/README.md +282 -337
- package/dist/chunks/{16-ChlL35BX.js → 16-BXti8Tu-.js} +6 -6
- package/dist/chunks/16-CMCRqVYz.js +1 -0
- package/dist/chunks/{20-CZPIOG-A.js → 20-CQLnFcRb.js} +9 -9
- package/dist/chunks/20-Df0dXwyx.js +1 -0
- package/dist/chunks/{button-DdJepOoE.js → button-CgQW6Alg.js} +8 -7
- package/dist/chunks/button-CnwdjMNF.js +66 -0
- package/dist/chunks/button-skeleton-BcyctpC3.js +21 -0
- package/dist/chunks/{button-skeleton-COf2kCDL.js → button-skeleton-DEmHtnd8.js} +10 -9
- package/dist/chunks/checkbox-Bt024Adv.js +40 -0
- package/dist/chunks/{checkbox-B5mHvx0J.js → checkbox-D2LeqAn8.js} +9 -8
- package/dist/chunks/{class-map-BfNAkUL_.js → class-map-Dt10N9TS.js} +2 -2
- package/dist/chunks/{class-map-DEHG4tmw.js → class-map-emHvptF6.js} +1 -1
- package/dist/chunks/{content-switcher-item-DeGjVRQY.js → content-switcher-item-D6gOZCuS.js} +10 -9
- package/dist/chunks/content-switcher-item-Dtv8UD1x.js +27 -0
- package/dist/chunks/{dropdown-item-DPdwOION.js → dropdown-item-BDRUe-IF.js} +12 -11
- package/dist/chunks/dropdown-item-DNLmqxnr.js +69 -0
- package/dist/chunks/{focus-B9JYe97T.js → focus-Cyj1QfBL.js} +1 -1
- package/dist/chunks/{focus-rQSNiwy7.js → focus-Dty12qxz.js} +1 -1
- package/dist/chunks/{icon-loader-Dk_AU26w.js → icon-loader-C2EqV5wJ.js} +1 -1
- package/dist/chunks/{icon-loader-o_JYDmJX.js → icon-loader-DS-X84Yz.js} +1 -1
- package/dist/chunks/icon-loader-utils-B6kq3DHp.js +5 -0
- package/dist/chunks/{icon-loader-utils-BEOGXn0q.js → icon-loader-utils-BIiU-zGK.js} +23 -23
- package/dist/chunks/{if-defined-C0yJsxi2.js → if-defined--xXVpdta.js} +1 -1
- package/dist/chunks/if-defined-CFTJFEK6.js +5 -0
- package/dist/chunks/{if-non-empty-DTGflHtA.js → if-non-empty-0zvrDGPr.js} +1 -1
- package/dist/chunks/if-non-empty-BIwvmklX.js +1 -0
- package/dist/chunks/{index-C_K070Kn.js → index-1G2UuijG.js} +7 -6
- package/dist/chunks/index-21j_5emj.js +35 -0
- package/dist/chunks/{index-Dh4uigJs.js → index-82K_ozYZ.js} +10 -9
- package/dist/chunks/index-B1YLd9rD.js +23 -0
- package/dist/chunks/{index-BIaF1Dfx.js → index-B3EmHaO7.js} +5 -4
- package/dist/chunks/{index-Cixdzvwd.js → index-B4JPT-gj.js} +8 -7
- package/dist/chunks/index-B5-56fkV.js +62 -0
- package/dist/chunks/index-B612bWya.js +58 -0
- package/dist/chunks/index-B8nOkbPA.js +77 -0
- package/dist/chunks/index-BAEdnwkZ.js +25 -0
- package/dist/chunks/{index-DnpSGM23.js → index-BAMMtRO9.js} +8 -7
- package/dist/chunks/{index-Cd7aoWrX.js → index-BC-p6lrw.js} +7 -6
- package/dist/chunks/index-BEOc7JG-.js +16 -0
- package/dist/chunks/{index-DdNZTQw1.js → index-BG3BMHhy.js} +3 -2
- package/dist/chunks/{index-BxVW3p3I.js → index-BHWaezgU.js} +7 -6
- package/dist/chunks/{index-CT43RMOu.js → index-BJHILyIN.js} +3 -2
- package/dist/chunks/{index-CByffhPq.js → index-BKsBoGOO.js} +6 -5
- package/dist/chunks/index-BNjgzCq_.js +1 -0
- package/dist/chunks/{index-C8LyfVmf.js → index-BQNhvN2i.js} +6 -5
- package/dist/chunks/index-BTND2b3S.js +19 -0
- package/dist/chunks/{index-BJKftWYn.js → index-BZmOT6Xm.js} +16 -16
- package/dist/chunks/{index-CcgnA1uu.js → index-B_C9vt_w.js} +4 -3
- package/dist/chunks/{index-CgYZ66P_.js → index-B_JMGygD.js} +6 -5
- package/dist/chunks/index-Bd60xpxv.js +1 -0
- package/dist/chunks/index-BhJiw5Wx.js +1 -0
- package/dist/chunks/index-Bl6sE0-K.js +1 -0
- package/dist/chunks/{index-Dr_cqQ-_.js → index-BmvLxuoI.js} +16 -77
- package/dist/chunks/index-BwMEAhRr.js +2 -0
- package/dist/chunks/{index-caLn8cu1.js → index-BwOJ4JFm.js} +12 -11
- package/dist/chunks/index-BzmpjZ1o.js +26 -0
- package/dist/chunks/{index-x6SeA7x7.js → index-C06cFvgb.js} +7 -6
- package/dist/chunks/{index-BXczHDk-.js → index-C3LD0iwa.js} +6 -5
- package/dist/chunks/index-C4JzGVcF.js +49 -0
- package/dist/chunks/{index-DX6WAtmo.js → index-C5nYdcCH.js} +7 -6
- package/dist/chunks/index-C6SudlSp.js +4 -0
- package/dist/chunks/index-C6WHuZdF.js +79 -0
- package/dist/chunks/{index-DIR0jr3f.js → index-C8YWVLB0.js} +6 -5
- package/dist/chunks/{index-B1vQ44Hl.js → index-C8miW4lw.js} +9 -8
- package/dist/chunks/index-CArtDXbg.js +22 -0
- package/dist/chunks/{index-DwTj7cFr.js → index-CDNshf0_.js} +32 -32
- package/dist/chunks/{index-BgbqX0uv.js → index-CFYfFa1Z.js} +9 -8
- package/dist/chunks/index-CJZtiqY-.js +22 -0
- package/dist/chunks/{index-BUxB7aWd.js → index-CKBFfWOV.js} +9 -8
- package/dist/chunks/index-CMD0FIe-.js +41 -0
- package/dist/chunks/{index-BOTu9u-3.js → index-COcNpxlj.js} +12 -11
- package/dist/chunks/{index-WvrCPen2.js → index-CUTw26ex.js} +6 -5
- package/dist/chunks/{index-D5kiHJpX.js → index-CUd_43Fv.js} +5 -4
- package/dist/chunks/{index-D5GGFPcS.js → index-CXgbBzE5.js} +7 -6
- package/dist/chunks/index-CYg05Ph9.js +36 -0
- package/dist/chunks/{index-BSgHSOVT.js → index-CYpHcMws.js} +4 -3
- package/dist/chunks/{index-DFA4_spk.js → index-CZ2kGMvF.js} +9 -8
- package/dist/chunks/index-CZwmnbDv.js +1 -0
- package/dist/chunks/index-C_S3O2rJ.js +79 -0
- package/dist/chunks/{index-rwBsdvh6.js → index-C_Xg4nHN.js} +7 -6
- package/dist/chunks/index-CbuopDOc.js +1 -0
- package/dist/chunks/{index-qNmuI3RB.js → index-CcxiTkam.js} +33 -32
- package/dist/chunks/index-Ce9jg1n7.js +15 -0
- package/dist/chunks/index-CfLbYyk0.js +3 -0
- package/dist/chunks/{index-WNXgzThF.js → index-Ci2M9li9.js} +9 -8
- package/dist/chunks/index-CkMd-UJg.js +52 -0
- package/dist/chunks/index-Cl1_9l1N.js +4 -0
- package/dist/chunks/index-Clei4V9i.js +4 -0
- package/dist/chunks/index-CmA3uuMd.js +37 -0
- package/dist/chunks/index-Co5m8M3y.js +12 -0
- package/dist/chunks/{index-DnierBep.js → index-CoPuejcu.js} +12 -11
- package/dist/chunks/{index-B3CDjjXh.js → index-Cq6Vdh__.js} +10 -9
- package/dist/chunks/index-Cwe1NunF.js +46 -0
- package/dist/chunks/index-D1OTs_P5.js +1 -0
- package/dist/chunks/{index-CzTjJ8lP.js → index-D1PpRn2p.js} +20 -19
- package/dist/chunks/{index-UPr2EvBX.js → index-D3ldTviC.js} +5 -4
- package/dist/chunks/{index-oTjafsfN.js → index-DBvXH68A.js} +2 -1
- package/dist/chunks/index-DC7qmnoW.js +74 -0
- package/dist/chunks/index-DDRkmmQp.js +156 -0
- package/dist/chunks/{index-B3mXrMt1.js → index-DEcgB0oH.js} +4 -3
- package/dist/chunks/index-DH9eR0DH.js +32 -0
- package/dist/chunks/{index-CMF5Cawn.js → index-DLUPGsWM.js} +6 -5
- package/dist/chunks/{index-hLI0Bnyb.js → index-DQZqjZ8k.js} +6 -5
- package/dist/chunks/{index-D0xRAPD5.js → index-DXoeeipa.js} +6 -5
- package/dist/chunks/{index-CIzeMGQv.js → index-D_pgjOiX.js} +26 -26
- package/dist/chunks/{index-Bwix1iwB.js → index-Df3VILTD.js} +6 -5
- package/dist/chunks/{index-45EApaFs.js → index-DkUS58Ay.js} +8 -7
- package/dist/chunks/{index-CO-A2KY9.js → index-DktSeVhc.js} +9 -8
- package/dist/chunks/index-Dl6HFhg1.js +36 -0
- package/dist/chunks/{index-BwIoRMDI.js → index-DocEKbBo.js} +7 -6
- package/dist/chunks/index-Dqe5xXlT.js +160 -0
- package/dist/chunks/{index-Cv1hWa_y.js → index-DuGskRLI.js} +7 -6
- package/dist/chunks/index-DyoG-yF-.js +75 -0
- package/dist/chunks/index-E_bjKqnf.js +15 -0
- package/dist/chunks/{index-DaPfSuLu.js → index-GRYR4d36.js} +8 -7
- package/dist/chunks/index-H-w5fBQG.js +65 -0
- package/dist/chunks/{index-CBbsFlsv.js → index-HvLIPR2y.js} +7 -6
- package/dist/chunks/{index-DurPWBYc.js → index-LR7m5odx.js} +3 -2
- package/dist/chunks/index-OhwD9m-A.js +12 -0
- package/dist/chunks/index-RlFlo7pl.js +1 -0
- package/dist/chunks/{index-BSh7UYcP.js → index-TCPPpE9b.js} +3 -3
- package/dist/chunks/index-XTPnXw_W.js +45 -0
- package/dist/chunks/{index-BjQlt8g2.js → index-ZyhwV5v-.js} +9 -8
- package/dist/chunks/index-cFX6zBu4.js +19 -0
- package/dist/chunks/index-cMdyiXPa.js +1 -0
- package/dist/chunks/index-fghrBFfu.js +103 -0
- package/dist/chunks/index-h66Bp4Cx.js +8 -0
- package/dist/chunks/{index-BoNLj7PW.js → index-wTRaGtNG.js} +3 -2
- package/dist/chunks/index-wigDmvr8.js +121 -0
- package/dist/chunks/{index-DWfFgEXE.js → index-y_a1ZQAA.js} +9 -8
- package/dist/chunks/{loading-icon-DhJR6LyV.js → loading-icon-Bw73Z2Lq.js} +2 -2
- package/dist/chunks/loading-icon-D7mJr3sa.js +24 -0
- package/dist/chunks/main-A63e59aD.js +67 -0
- package/dist/chunks/main-DTOZMPON.js +3681 -0
- package/dist/chunks/property-C5teVlku.js +5 -0
- package/dist/chunks/{property-pT1z5CCa.js → property-Coy6Dag6.js} +1 -1
- package/dist/chunks/register-B533U9U9.js +1 -0
- package/dist/chunks/{register-BMNs2hNG.js → register-BO2Fr57T.js} +1 -1
- package/dist/chunks/{register-BK21_Wkj.js → register-CHuMnx--.js} +1 -1
- package/dist/chunks/register-ClkXTZwT.js +1383 -0
- package/dist/chunks/{search-CIhxkVjj.js → search-CsRC23Cp.js} +10 -9
- package/dist/chunks/search-DsyFfaxl.js +30 -0
- package/dist/chunks/select-BoaR85ix.js +76 -0
- package/dist/chunks/{select-item-DjoxYopL.js → select-CKe8zwIo.js} +33 -32
- package/dist/chunks/settings-Dy9UPb4i.js +64 -0
- package/dist/chunks/settings-NO9fjW0P.js +60 -0
- package/dist/chunks/{state-FnSmMH94.js → state-BFc9dfyj.js} +1 -1
- package/dist/chunks/{state-Bpmgn27B.js → state-C2XTwLOv.js} +1 -1
- package/dist/chunks/text-input-BuK8MjZG.js +68 -0
- package/dist/chunks/{text-input-BygzMjjc.js → text-input-D2BsjPTx.js} +8 -7
- package/dist/chunks/tooltip-content-B6aAm7Zu.js +3 -0
- package/dist/chunks/{tooltip-content-BjdZJ_Ui.js → tooltip-content-DXrPA6JW.js} +4 -3
- package/dist/chunks/{unsafe-html-D49sIpJ5.js → unsafe-html-9YCxB3h1.js} +5 -5
- package/dist/chunks/{unsafe-html-C_MKAcuC.js → unsafe-html-H7RRvoR7.js} +1 -1
- package/dist/zooy.cjs.js +1 -1
- package/dist/zooy.es.js +20 -2
- package/package.json +2 -3
- package/src/sass/{carbon-icons.scss → carbon.scss} +30 -0
- package/src/sass/main.scss +1 -1
- package/src/sass/panels.scss +23 -0
- package/src/sass/split.scss +14 -0
- package/dist/chunks/16-41wFkj7S.js +0 -1
- package/dist/chunks/20-gmyNFvDv.js +0 -1
- package/dist/chunks/button-skeleton-rf3WDPTZ.js +0 -21
- package/dist/chunks/button-zHEPxpXa.js +0 -66
- package/dist/chunks/checkbox-BRPCg-DN.js +0 -40
- package/dist/chunks/content-switcher-item-DucclV1b.js +0 -27
- package/dist/chunks/dropdown-item-BgLQ1VLo.js +0 -69
- package/dist/chunks/icon-loader-utils-BBjK16O-.js +0 -5
- package/dist/chunks/if-defined-BdZRLDJ6.js +0 -5
- package/dist/chunks/if-non-empty-CEHK-hqx.js +0 -1
- package/dist/chunks/index-16wphaSo.js +0 -4
- package/dist/chunks/index-27oFQaOS.js +0 -37
- package/dist/chunks/index-5jmZyISW.js +0 -1
- package/dist/chunks/index-B7mGUQhz.js +0 -79
- package/dist/chunks/index-BBNaYDog.js +0 -22
- package/dist/chunks/index-BBt9OmO5.js +0 -12
- package/dist/chunks/index-BJAuRs3y.js +0 -75
- package/dist/chunks/index-BLjNrhkN.js +0 -4
- package/dist/chunks/index-BPVpH8ll.js +0 -160
- package/dist/chunks/index-BRuvyoCz.js +0 -15
- package/dist/chunks/index-BXIxcS00.js +0 -22
- package/dist/chunks/index-BaVyBv2V.js +0 -25
- package/dist/chunks/index-ByKyGGzb.js +0 -3
- package/dist/chunks/index-ByTSSU1x.js +0 -1
- package/dist/chunks/index-CIbRjtWm.js +0 -32
- package/dist/chunks/index-CLGxSjLW.js +0 -62
- package/dist/chunks/index-CONgwvp0.js +0 -12
- package/dist/chunks/index-CUgiXqyk.js +0 -4
- package/dist/chunks/index-C_ttE2g9.js +0 -16
- package/dist/chunks/index-Ce-pMzBC.js +0 -19
- package/dist/chunks/index-ChcHMeAS.js +0 -35
- package/dist/chunks/index-Clq0Fl19.js +0 -15
- package/dist/chunks/index-CtxTJnIm.js +0 -58
- package/dist/chunks/index-D25buhRm.js +0 -79
- package/dist/chunks/index-D4DqJG5_.js +0 -16
- package/dist/chunks/index-DEjRiv5B.js +0 -1
- package/dist/chunks/index-DFZsXFsx.js +0 -19
- package/dist/chunks/index-DGauWNwV.js +0 -156
- package/dist/chunks/index-DNeagy5a.js +0 -65
- package/dist/chunks/index-DO0fmDR9.js +0 -2
- package/dist/chunks/index-DSitHBEh.js +0 -36
- package/dist/chunks/index-DW7ST0tB.js +0 -1
- package/dist/chunks/index-DbKlVm7y.js +0 -74
- package/dist/chunks/index-Dgi-m1K-.js +0 -1
- package/dist/chunks/index-DnYNK1mz.js +0 -8
- package/dist/chunks/index-DntY4deR.js +0 -41
- package/dist/chunks/index-Dp4A8k6C.js +0 -103
- package/dist/chunks/index-Dphpk5r2.js +0 -1
- package/dist/chunks/index-DrBrgF-v.js +0 -49
- package/dist/chunks/index-Dt-nBtrQ.js +0 -26
- package/dist/chunks/index-DyZVAYLv.js +0 -52
- package/dist/chunks/index-Hh597Yu6.js +0 -121
- package/dist/chunks/index-LxkAuMAA.js +0 -1
- package/dist/chunks/index-OaQhvPR1.js +0 -46
- package/dist/chunks/index-cTXIVcWI.js +0 -45
- package/dist/chunks/index-jBse-XgU.js +0 -35
- package/dist/chunks/index-qiqzy9MI.js +0 -23
- package/dist/chunks/index-siqJUhKa.js +0 -1
- package/dist/chunks/index-w-G9CFId.js +0 -1
- package/dist/chunks/loading-icon-DJQIjg97.js +0 -23
- package/dist/chunks/main-DUusfqrI.js +0 -18
- package/dist/chunks/main-Dp7wHHgP.js +0 -2882
- package/dist/chunks/property-DCYiZTFF.js +0 -5
- package/dist/chunks/register-Cc9zkA5F.js +0 -1
- package/dist/chunks/register-JwwMwdRf.js +0 -1273
- package/dist/chunks/search-C3raqgOD.js +0 -30
- package/dist/chunks/select-item-4aISXm0r.js +0 -76
- package/dist/chunks/settings-BPOpwVkr.js +0 -594
- package/dist/chunks/settings-CK2vhfPu.js +0 -78
- package/dist/chunks/text-input-cjcnMXO-.js +0 -68
- package/dist/chunks/tooltip-content-DHyDYyOH.js +0 -3
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
"use strict";const n=require("./tslib.es6-B07k2eac.js"),e=require("./settings-CK2vhfPu.js"),c=require("./property-DCYiZTFF.js"),q=require("./carbon-element-CbfPUYRT.js"),r=require("./class-map-BfNAkUL_.js"),y=require("./text-input-cjcnMXO-.js"),H=require("./16-4Ffg4DOO.js"),G=require("./16-CpNRIuiB.js"),b=require("./icon-loader-o_JYDmJX.js"),m=require("./if-non-empty-CEHK-hqx.js");require("./tooltip-content-DHyDYyOH.js");require("./index-qiqzy9MI.js");require("./shared-enums-BJDDuJr7.js");var S=e.i$1(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);box-sizing:border-box;color:var(--cds-text-primary,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--text-input *,.cds--text-input :after,.cds--text-input :before{box-sizing:inherit}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:2.5rem}.cds--text-input--sm.cds--password-input{padding-inline-end:2rem}.cds--text-input--lg.cds--password-input{padding-inline-end:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{align-items:center;cursor:pointer;display:inline-flex;overflow:visible;position:relative}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{display:inline-block}}.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y:after,.cds--text-input--password__visibility.cds--tooltip--a11y:before{transition:none}.cds--text-input--password__visibility:before{block-size:0;border-style:solid;content:"";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{border:1px solid transparent}}.cds--text-input--password__visibility:after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y:after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible:after,.cds--text-input--password__visibility.cds--tooltip--visible:before,.cds--text-input--password__visibility:focus:after,.cds--text-input--password__visibility:focus:before,.cds--text-input--password__visibility:hover:after,.cds--text-input--password__visibility:hover:before{opacity:1}@keyframes cds--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{margin:auto;overflow:visible;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y:before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y:before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y:before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y:before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text:after{block-size:.75rem;content:"";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{inset-inline-start:-2.5rem}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:3rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg,.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input{padding-inline-end:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input--invalid{box-shadow:none;outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid .cds--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds--skeleton.cds--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:none}.cds--skeleton.cds--text-input:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton.cds--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton.cds--text-input{background:CanvasText}.cds--skeleton.cds--text-input:before{background:Canvas;forced-color-adjust:none}}.cds--form--fluid .cds--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:none}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:none}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-block-start:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-block-start:1.0625rem}.cds--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--ai-label,.cds--text-input__field-wrapper .cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--ai-label),.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--invalid:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input--warning:has(~.cds--ai-label),.cds--text-input--warning:has(~.cds--slug),.cds--text-input--warning:has(~.cds--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-input--invalid~.cds--ai-label,.cds--text-input--invalid~.cds--slug,.cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input--warning~.cds--ai-label,.cds--text-input--warning~.cds--slug,.cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}:host(cds-password-input){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;inline-size:100%;outline:none;padding-inline-end:2.5rem}:host(cds-password-input) .cds--text-input__invalid-icon{inset-inline-end:2.5rem}:host(cds-password-input) .cds--icon-visibility-off,:host(cds-password-input) .cds--icon-visibility-on{vertical-align:middle}:host(cds-password-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:1rem;position:absolute}:host(cds-password-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-passsword-input[invalid]) .cds--text-input__field-wrapper--slug .cds--text-input,:host(cds-password-input[warn]) .cds--text-input__field-wrapper--slug .cds--text-input{padding-inline-end:4rem}:host(cds-passsword-input[invalid]) ::slotted(cds-slug),:host(cds-password-input[warn]) ::slotted(cds-slug){inset-inline-end:2.5rem}:host(cds-passsword-input[invalid]) cds--text-input__field-wrapper,:host(cds-password-input[warn]) cds--text-input__field-wrapper{position:relative}cds-tooltip::part(popover-container){block-size:100%;inline-size:100%}.cds--btn--icon-only{background-color:transparent;block-size:100%;border:none;cursor:pointer;inline-size:100%}.cds--btn--icon-only:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn--icon-only:focus{outline-style:dotted}}']),$;(function(i){i.SMALL="sm",i.MEDIUM="md",i.LARGE="lg"})($||($={}));var l;(function(i){i.START="start",i.CENTER="center",i.END="end"})(l||(l={}));var f;(function(i){i.TOP="top",i.RIGHT="right",i.BOTTOM="bottom",i.LEFT="left"})(f||(f={}));var a;(function(i){i.PASSWORD="password",i.TEXT="text"})(a||(a={}));let d=class extends y.CDSTextInput$1{constructor(){super(...arguments),this.hidePasswordLabel="Hide password",this.showPasswordLabel="Show password",this.type=a.PASSWORD,this.tooltipAlignment=l.CENTER,this.tooltipDirection=f.BOTTOM}_handleInput({target:o}){this.value=o.value}handleTogglePasswordVisibility(){this.disabled||this.readonly||(this.type=this.type===a.PASSWORD?a.TEXT:a.PASSWORD)}render(){const{disabled:o,helperText:_,hideLabel:D,inline:p,invalid:x,invalidText:T,label:C,readonly:s,required:M,size:v,type:h,warn:P,warnText:E,_handleInput:L,_handleSlotChange:R}=this,A=b.iconLoader(H._16,{class:`${e.prefix}--text-input__invalid-icon`}),B=b.iconLoader(G._16,{class:`${e.prefix}--text-input__invalid-icon ${e.prefix}--text-input__invalid-icon--warning`}),t={disabled:!s&&o,invalid:!s&&x,warn:!s&&!x&&P,"slot-name":"","slot-text":"",icon:null};t.invalid?(t.icon=A,t["slot-name"]="invalid-text",t["slot-text"]=T):t.warn&&(t.icon=B,t["slot-name"]="warn-text",t["slot-text"]=E);const F=r.e({[`${e.prefix}--form-item`]:!0,[`${e.prefix}--text-input-wrapper`]:!0,[`${e.prefix}--password-input-wrapper`]:!0,[`${e.prefix}--text-input-wrapper--inline`]:p,[`${e.prefix}--text-input-wrapper--readonly`]:s,[`${e.prefix}--text-input-wrapper--inline--invalid`]:p&&t.invalid}),X=r.e({[`${e.prefix}--text-input`]:!0,[`${e.prefix}--text-input--invalid`]:t.invalid,[`${e.prefix}--text-input--warning`]:t.warn,[`${e.prefix}--text-input--${v}`]:v,[`${e.prefix}--layout--size-${v}`]:v,[`${e.prefix}--password-input`]:!0}),O=r.e({[`${e.prefix}--text-input__field-outer-wrapper`]:!0,[`${e.prefix}--text-input__field-outer-wrapper--inline`]:p}),W=r.e({[`${e.prefix}--text-input__field-wrapper`]:!0,[`${e.prefix}--text-input__field-wrapper--warning`]:t.warn}),I=r.e({[`${e.prefix}--label`]:!0,[`${e.prefix}--visually-hidden`]:D,[`${e.prefix}--label--disabled`]:t.disabled}),j=r.e({[`${e.prefix}--form__helper-text`]:!0,[`${e.prefix}--form__helper-text--disabled`]:t.disabled}),w=h!==a.PASSWORD,N=w?b.iconLoader(y._16,{class:`${e.prefix}--icon-visibility-off`}):b.iconLoader(y._16$1,{class:`${e.prefix}--icon-visibility-on`}),V=r.e({[`${e.prefix}--text-input--password__visibility__toggle`]:!0,[`${e.prefix}--btn`]:!0,[`${e.prefix}--tooltip__trigger`]:!0,[`${e.prefix}--tooltip--a11y`]:!0,[`${e.prefix}--toggle-password-tooltip`]:!0,[`${e.prefix}--btn--disabled`]:t.disabled||s,[`${e.prefix}--tooltip--${this.tooltipDirection}`]:this.tooltipDirection,[`${e.prefix}--tooltip--align-${this.tooltipAlignment}`]:this.tooltipAlignment}),Y=r.e({[`${e.prefix}--text-input--password__visibility__toggle`]:!0,[`${e.prefix}--btn--icon-only`]:!0,[`${e.prefix}--tooltip__trigger`]:!0,[`${e.prefix}--tooltip--a11y`]:!0,[`${e.prefix}--toggle-password-tooltip`]:!0,[`${e.prefix}--btn--disabled`]:t.disabled||s}),z=e.x`<div class="${e.prefix}--text-input__label-wrapper">
|
|
2
|
-
<label class="${I}"> ${C} </label>
|
|
3
|
-
</div>`,k=_?e.x`<div
|
|
4
|
-
class="${j}"
|
|
5
|
-
id="helper-text"
|
|
6
|
-
?hidden="${t.invalid||t.warn}">
|
|
7
|
-
<slot name="helper-text"> ${_} </slot>
|
|
8
|
-
</div>`:null;let u="";return(this.tooltipDirection===f.TOP||this.tooltipDirection===f.BOTTOM)&&(this.tooltipAlignment===l.CENTER&&(u=this.tooltipDirection),this.tooltipAlignment===l.END&&(u=`${this.tooltipDirection}-right`),this.tooltipAlignment===l.START&&(u=`${this.tooltipDirection}-left`)),(this.tooltipDirection==="right"||this.tooltipDirection==="left")&&(u=this.tooltipDirection),e.x`
|
|
9
|
-
<div class="${F}">
|
|
10
|
-
${p?e.x`<div class="${e.prefix}--text-input__label-helper-wrapper">
|
|
11
|
-
${z} ${k}
|
|
12
|
-
</div>`:z}
|
|
13
|
-
<div class="${O}">
|
|
14
|
-
<div class="${W}" ?data-invalid="${x}">
|
|
15
|
-
${t.icon}
|
|
16
|
-
<input
|
|
17
|
-
?autofocus="${this.autofocus}"
|
|
18
|
-
class="${X}"
|
|
19
|
-
?data-invalid="${x}"
|
|
20
|
-
?disabled="${o}"
|
|
21
|
-
aria-describedby="helper-text"
|
|
22
|
-
id="input"
|
|
23
|
-
name="${m.ifNonEmpty(this.name)}"
|
|
24
|
-
pattern="${m.ifNonEmpty(this.pattern)}"
|
|
25
|
-
placeholder="${m.ifNonEmpty(this.placeholder)}"
|
|
26
|
-
?readonly="${s}"
|
|
27
|
-
?required="${M}"
|
|
28
|
-
type="${m.ifNonEmpty(h)}"
|
|
29
|
-
.value="${this._value}"
|
|
30
|
-
@input="${L}" />
|
|
31
|
-
<slot name="slug" @slotchange="${R}"></slot>
|
|
32
|
-
<cds-tooltip
|
|
33
|
-
align="${u}"
|
|
34
|
-
class="${V}"
|
|
35
|
-
?disabled="${t.disabled||s}">
|
|
36
|
-
<button
|
|
37
|
-
?disabled="${t.disabled||s}"
|
|
38
|
-
type="button"
|
|
39
|
-
role="button"
|
|
40
|
-
class="${Y}"
|
|
41
|
-
aria-labelledby="content"
|
|
42
|
-
@click="${this.handleTogglePasswordVisibility}">
|
|
43
|
-
${N}
|
|
44
|
-
</button>
|
|
45
|
-
<cds-tooltip-content
|
|
46
|
-
id="content"
|
|
47
|
-
?hidden="${t.disabled||s}">
|
|
48
|
-
${w?this.hidePasswordLabel:this.showPasswordLabel}
|
|
49
|
-
</cds-tooltip-content>
|
|
50
|
-
</cds-tooltip>
|
|
51
|
-
</div>
|
|
52
|
-
${p?null:k}
|
|
53
|
-
<div
|
|
54
|
-
class="${e.prefix}--form-requirement"
|
|
55
|
-
?hidden="${!t.invalid&&!t.warn}">
|
|
56
|
-
<slot name="${t["slot-name"]}">
|
|
57
|
-
${t["slot-text"]}
|
|
58
|
-
</slot>
|
|
59
|
-
</div>
|
|
60
|
-
</div>
|
|
61
|
-
</div>
|
|
62
|
-
`}static get slugItem(){return`${e.prefix}-slug`}};d.shadowRootOptions=Object.assign(Object.assign({},e.i.shadowRootOptions),{delegatesFocus:!0});d.styles=S;n.__decorate([c.n({type:String,attribute:"hide-password-label",reflect:!0})],d.prototype,"hidePasswordLabel",void 0);n.__decorate([c.n({type:String,attribute:"show-password-label",reflect:!0})],d.prototype,"showPasswordLabel",void 0);n.__decorate([c.n({reflect:!0})],d.prototype,"type",void 0);n.__decorate([c.n({type:String,attribute:"tooltip-alignment",reflect:!0})],d.prototype,"tooltipAlignment",void 0);n.__decorate([c.n({type:String,attribute:"tooltip-position",reflect:!0})],d.prototype,"tooltipDirection",void 0);d=n.__decorate([q.carbonElement(`${e.prefix}-password-input`)],d);let g=class extends e.i{constructor(){super(...arguments),this.hideLabel=!1}render(){const{hideLabel:o}=this;return e.x`
|
|
63
|
-
${!o&&e.x` <span class="${e.prefix}--label ${e.prefix}--skeleton"></span> `}
|
|
64
|
-
<div class="${e.prefix}--text-input ${e.prefix}--skeleton"></div>
|
|
65
|
-
`}};g.styles=S;n.__decorate([c.n({type:Boolean,reflect:!0,attribute:"hide-label"})],g.prototype,"hideLabel",void 0);g=n.__decorate([q.carbonElement(`${e.prefix}-password-input-skeleton`)],g);
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";const l=require("./tslib.es6-B07k2eac.js"),d=require("./class-map-BfNAkUL_.js"),t=require("./settings-CK2vhfPu.js"),c=require("./property-DCYiZTFF.js"),q=require("./query-Dh8joWcT.js"),b=require("./if-defined-BdZRLDJ6.js"),S=require("./checkbox-BRPCg-DN.js"),T=require("./host-listener-gxrTpxgv.js"),f=require("./carbon-element-CbfPUYRT.js");var g;(function(i){i.REGULAR="",i.SMALL="sm"})(g||(g={}));var k=t.i$1(['.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--toggle{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--toggle__label-text{color:var(--cds-text-secondary,#525252);display:block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin-block-end:1rem}.cds--toggle__button{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--toggle__button:focus{outline:none}.cds--toggle__appearance{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:inline-grid;grid-template-columns:max-content max-content}.cds--toggle__switch{background-color:var(--cds-toggle-off,#8d8d8d);block-size:1.5rem;border-radius:.75rem;inline-size:3rem;position:relative;transition:background-color 70ms cubic-bezier(.2,0,1,.9)}.cds--toggle__switch:before{background-color:var(--cds-icon-on-color,#fff);block-size:1.125rem;border-radius:50%;content:"";inline-size:1.125rem;inset-block-start:.1875rem;inset-inline-start:.1875rem;position:absolute;transition:transform 70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--toggle__switch:before{transition:none}}.cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch:after,.cds--toggle__button:focus+.cds--toggle__label .cds--toggle__switch:after{block-size:100%;border-radius:1rem;content:"";display:block;outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--toggle__switch--checked{background-color:var(--cds-support-success,#24a148)}.cds--toggle__switch--checked:before{transform:translateX(1.5rem)}.cds--toggle__text{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds--toggle__appearance--sm .cds--toggle__switch{block-size:1rem;inline-size:2rem}.cds--toggle__appearance--sm .cds--toggle__switch:before{block-size:.625rem;inline-size:.625rem}.cds--toggle__appearance--sm .cds--toggle__switch--checked:before{transform:translateX(1rem)}.cds--toggle__check{block-size:.3125rem;position:absolute;fill:var(--cds-support-success,#24a148);inline-size:.375rem;inset-block-start:.375rem;inset-inline-end:.3125rem;visibility:hidden}.cds--toggle__switch--checked .cds--toggle__check{visibility:visible}.cds--toggle--disabled .cds--toggle__appearance,:host(cds-toggle[disabled]) .cds--toggle__appearance{cursor:not-allowed}.cds--toggle--disabled .cds--toggle__label-text,.cds--toggle--disabled .cds--toggle__text,:host(cds-toggle[disabled]) .cds--toggle__label-text,:host(cds-toggle[disabled]) .cds--toggle__text{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--toggle--disabled .cds--toggle__switch,:host(cds-toggle[disabled]) .cds--toggle__switch{background-color:var(--cds-button-disabled,#c6c6c6)}.cds--toggle--disabled .cds--toggle__switch:before,:host(cds-toggle[disabled]) .cds--toggle__switch:before{background-color:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--toggle--disabled .cds--toggle__check,:host(cds-toggle[disabled]) .cds--toggle__check{fill:var(--cds-button-disabled,#c6c6c6)}.cds--toggle--readonly .cds--toggle__appearance,:host(cds-toggle[read-only]) .cds--toggle__appearance{cursor:default}.cds--toggle--readonly .cds--toggle__switch,:host(cds-toggle[read-only]) .cds--toggle__switch{background-color:transparent;border:1px solid var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--toggle--readonly .cds--toggle__switch:before,:host(cds-toggle[read-only]) .cds--toggle__switch:before{background-color:var(--cds-icon-primary,#161616);inset-block-start:.125rem;inset-inline-start:.125rem}.cds--toggle--readonly .cds--toggle__check,:host(cds-toggle[read-only]) .cds--toggle__check{fill:var(--cds-background,#fff);inset-block-start:.3125rem;inset-inline-end:.25rem}.cds--toggle--readonly .cds--toggle__text,:host(cds-toggle[read-only]) .cds--toggle__text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--toggle__switch,.cds--toggle__switch:before{outline:1px solid transparent}.cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch,.cds--toggle__button:focus+.cds--toggle__label .cds--toggle__switch{color:Highlight;outline:1px solid Highlight}}.cds--toggle--skeleton{align-items:center;display:flex}.cds--toggle--skeleton .cds--toggle__skeleton-circle{background:var(--cds-skeleton-background,#e8e8e8);block-size:1.125rem;border-radius:50%;inline-size:1.125rem;overflow:hidden;position:relative}.cds--toggle--skeleton .cds--toggle__skeleton-circle:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:200%;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--toggle--skeleton .cds--toggle__skeleton-circle:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--toggle--skeleton .cds--toggle__skeleton-circle{background:CanvasText}.cds--toggle--skeleton .cds--toggle__skeleton-circle:before{background:Canvas;forced-color-adjust:none}}.cds--toggle--skeleton .cds--toggle__skeleton-rectangle{background:var(--cds-skeleton-background,#e8e8e8);block-size:.5rem;border:none;box-shadow:none;inline-size:1.5rem;margin-inline-start:.5rem;padding:0;pointer-events:none;position:relative}.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:active,.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:focus,.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:hover{border:none;cursor:default;outline:none}.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--toggle--skeleton .cds--toggle__skeleton-rectangle{background:CanvasText}.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:before{background:Canvas;forced-color-adjust:none}}[dir=rtl] .cds--toggle__switch--checked:before{transform:translateX(-1.5rem)}[dir=rtl] .cds--toggle__appearance--sm .cds--toggle__switch--checked:before{transform:translateX(-1rem)}:host(cds-toggle){outline:none}:host(cds-toggle) .cds--toggle__label{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(cds-toggle[enable-v12-toggle-reduced-label-spacing]) .cds--toggle__label-text{margin-block-end:.5rem}:host(cds-toggle[disabled]) .cds--toggle__appearance{cursor:not-allowed}:host(cds-toggle[read-only]) .cds--toggle__switch{border:none;box-shadow:inset 0 0 0 1px var(--cds-icon-disabled,hsla(0,0%,9%,.25))}:host(cds-toggle[read-only]) .cds--toggle__switch:before{inset-block-start:.1875rem;inset-inline-start:.1875rem}:host(cds-toggle[read-only]) .cds--toggle__check{inset-block-start:.375rem;inset-inline-end:.3125rem}:host(cds-toggle:dir(rtl)) .cds--toggle__switch--checked:before{transform:translateX(-1.5rem)}:host(cds-toggle:dir(rtl)) .cds--toggle__appearance--sm .cds--toggle__switch--checked:before{transform:translateX(-1rem)}']);let s=class extends T.HostListenerMixin(S.CDSCheckbox$1){constructor(){super(...arguments),this.labelA="On",this.hideLabel=!1,this.readOnly=!1,this.size=g.REGULAR,this.labelB="Off",this._externalLabels=[],this._onExternalLabelClick=()=>{var e;(e=this._checkboxNode)===null||e===void 0||e.focus(),this._handleChange()}}_handleChange(){const{checked:e}=this._checkboxNode;if(this.disabled||this.readOnly)return;this.toggled=!e;const{eventChange:o}=this.constructor;this.dispatchEvent(new CustomEvent(o,{bubbles:!0,composed:!0,detail:{checked:this.toggled,toggled:this.toggled}}))}_renderCheckmark(){if(!(this.size!==g.SMALL||this.readOnly==!0))return t.x`
|
|
2
|
-
<svg
|
|
3
|
-
class="${t.prefix}--toggle__check"
|
|
4
|
-
width="6px"
|
|
5
|
-
height="5px"
|
|
6
|
-
viewBox="0 0 6 5">
|
|
7
|
-
<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />
|
|
8
|
-
</svg>
|
|
9
|
-
`}get _checkedAttributeAlias(){return this.toggled}set _checkedAttributeAlias(e){this.toggled=e}get toggled(){return this.checked}set toggled(e){const o=this.checked;o!==e&&(this.checked=e,this.requestUpdate("toggled",o),this.requestUpdate("_checkedAttributeAlias"))}_attachExternalLabels(){const e=this.ownerDocument||document,o=this.id?[...e.querySelectorAll(`label[for="${this.id}"]`)]:[];this._externalLabels=Array.from(new Set(o)),this._externalLabels.forEach(r=>{r.addEventListener("click",this._onExternalLabelClick)})}connectedCallback(){var e;(e=super.connectedCallback)===null||e===void 0||e.call(this),this._attachExternalLabels()}disconnectedCallback(){var e;(e=super.disconnectedCallback)===null||e===void 0||e.call(this),this._externalLabels.forEach(o=>o.removeEventListener("click",this._onExternalLabelClick))}render(){var e,o;const{toggled:r,disabled:m,labelText:n,hideLabel:u,id:a,name:v,size:p,labelA:x,labelB:y,value:w,_handleChange:$}=this,z=d.e({[`${t.prefix}--toggle__appearance`]:!0,[`${t.prefix}--toggle__appearance--${p}`]:p}),C=d.e({[`${t.prefix}--toggle__switch`]:!0,[`${t.prefix}--toggle__switch--checked`]:r}),L=d.e({[`${t.prefix}--toggle__label-text`]:n,[`${t.prefix}--visually-hidden`]:u});let _="";u?_=n||"":_=r?x:y;const A=a?`${a}_label`:void 0,E=((e=this.labelText)!==null&&e!==void 0?e:"")!=="",X=(o=this.ariaLabelledby)!==null&&o!==void 0?o:E&&A;return t.x`
|
|
10
|
-
<button
|
|
11
|
-
class="${t.prefix}--toggle__button"
|
|
12
|
-
role="switch"
|
|
13
|
-
type="button"
|
|
14
|
-
aria-checked=${r}
|
|
15
|
-
aria-labelledby=${b.o(X)}
|
|
16
|
-
.checked=${r}
|
|
17
|
-
name="${b.o(v)}"
|
|
18
|
-
value="${b.o(w)}"
|
|
19
|
-
?disabled=${m}
|
|
20
|
-
id="${a}"
|
|
21
|
-
@click=${$}></button>
|
|
22
|
-
<label for="${a}" class="${t.prefix}--toggle__label">
|
|
23
|
-
${n?t.x`<span class="${L}">${n}</span>`:null}
|
|
24
|
-
<div class="${z}">
|
|
25
|
-
<div class="${C}">${this._renderCheckmark()}</div>
|
|
26
|
-
<span class="${t.prefix}--toggle__text" aria-hidden="true"
|
|
27
|
-
>${_}</span
|
|
28
|
-
>
|
|
29
|
-
</div>
|
|
30
|
-
</label>
|
|
31
|
-
`}static get eventChange(){return`${t.prefix}-toggle-changed`}};s.styles=k;l.__decorate([q.e("button")],s.prototype,"_checkboxNode",void 0);l.__decorate([c.n({type:Boolean,attribute:"checked",reflect:!0})],s.prototype,"_checkedAttributeAlias",null);l.__decorate([c.n({type:Boolean,reflect:!0})],s.prototype,"toggled",null);l.__decorate([c.n({type:String,attribute:"aria-labelledby"})],s.prototype,"ariaLabelledby",void 0);l.__decorate([c.n({attribute:"label-a"})],s.prototype,"labelA",void 0);l.__decorate([c.n({reflect:!0,type:Boolean})],s.prototype,"hideLabel",void 0);l.__decorate([c.n({reflect:!0,attribute:"read-only",type:Boolean})],s.prototype,"readOnly",void 0);l.__decorate([c.n({reflect:!0})],s.prototype,"size",void 0);l.__decorate([c.n({attribute:"label-b"})],s.prototype,"labelB",void 0);s=l.__decorate([f.carbonElement(`${t.prefix}-toggle`)],s);let h=class extends t.i{render(){const e=d.e({[`${t.prefix}--toggle`]:!0,[`${t.prefix}--toggle--skeleton`]:!0});return t.x`
|
|
32
|
-
<div class=${e}>
|
|
33
|
-
<div class="${t.prefix}--toggle__skeleton-circle"></div>
|
|
34
|
-
<div class="${t.prefix}--toggle__skeleton-rectangle"></div>
|
|
35
|
-
</div>
|
|
36
|
-
`}};h.styles=k;h=l.__decorate([f.carbonElement(`${t.prefix}-toggle-skeleton`)],h);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("./tslib.es6-B07k2eac.js"),t=require("./settings-CK2vhfPu.js"),i=require("./property-DCYiZTFF.js"),o=require("./carbon-element-CbfPUYRT.js");var s=t.i$1([".cds--badge-indicator,:host(cds-badge-indicator){background:var(--cds-support-error,#da1e28);border-radius:100px;color:var(--cds-text-on-color,#fff);display:flex;font-size:var(--cds-helper-text-01-font-size,.75rem);inset-block-start:0;inset-inline-end:0;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.5rem;margin-inline-end:.5rem;max-block-size:1rem;min-block-size:.5rem;min-inline-size:.5rem;padding:0 .25rem .125rem;position:absolute}.cds--badge-indicator--count,:host(cds-badge-indicator[count]){margin-block-start:.25rem;margin-inline-end:.25rem}"]);let e=class extends t.i{constructor(){super(...arguments),this.slot="badge-indicator"}render(){const n=this.count&&this.count>999?"999+":this.count;return t.x`${n}`}};e.styles=s;r.__decorate([i.n({type:Number})],e.prototype,"count",void 0);r.__decorate([i.n({reflect:!0})],e.prototype,"slot",void 0);e=r.__decorate([o.carbonElement(`${t.prefix}-badge-indicator`)],e);
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";const a=require("./tslib.es6-B07k2eac.js"),e=require("./settings-CK2vhfPu.js"),_=require("./class-map-BfNAkUL_.js"),d=require("./property-DCYiZTFF.js"),A=require("./index-BaVyBv2V.js"),z=require("./shared-enums-BJDDuJr7.js"),f=require("./carbon-element-CbfPUYRT.js"),w=require("./icon-loader-o_JYDmJX.js"),S=require("./if-defined-BdZRLDJ6.js"),E=require("./16-DylBiJnm.js"),C=require("./host-listener-rUcT_LUW.js"),I=require("./focus-rQSNiwy7.js"),R=require("./host-listener-gxrTpxgv.js"),L=require("./query-Dh8joWcT.js"),q=require("./16-B56B50XT.js"),b=require("./radio-group-manager-DBAEmhDM.js");var y=e.i$1(['.cds--link,:host(cds-tile) ::slotted(.cds--link){border:0;box-sizing:border-box;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;outline:none;padding:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--link *,.cds--link :after,.cds--link :before,:host(cds-tile) ::slotted(.cds--link) *,:host(cds-tile) ::slotted(.cds--link) :after,:host(cds-tile) ::slotted(.cds--link) :before{box-sizing:inherit}.cds--link:hover,:host(cds-tile) :hover::slotted(.cds--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover,:host(cds-tile) :active:not(.cds--link--disabled)::slotted(.cds--link),:host(cds-tile) :active:visited::slotted(.cds--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}@media screen and (prefers-contrast){.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover,:host(cds-tile) :active:not(.cds--link--disabled)::slotted(.cds--link),:host(cds-tile) :active:visited::slotted(.cds--link){outline-style:dotted}}.cds--link:focus:not(.cds--link--disabled),:host(cds-tile) :focus:not(.cds--link--disabled)::slotted(.cds--link){outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}@media screen and (prefers-contrast){.cds--link:focus:not(.cds--link--disabled),:host(cds-tile) :focus:not(.cds--link--disabled)::slotted(.cds--link){outline-style:dotted}}.cds--link:visited,:host(cds-tile) :visited::slotted(.cds--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds--link:visited:hover,:host(cds-tile) :visited:hover::slotted(.cds--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link--disabled,.cds--link--disabled:hover{border:0;box-sizing:border-box;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;padding:0;text-decoration:none;vertical-align:baseline}.cds--link--disabled *,.cds--link--disabled :after,.cds--link--disabled :before,.cds--link--disabled:hover *,.cds--link--disabled:hover :after,.cds--link--disabled:hover :before{box-sizing:inherit}.cds--link.cds--link--visited:visited,:host(cds-tile) .cds--link--visited:visited::slotted(.cds--link){color:var(--cds-link-visited-text-color,var(--cds-link-visited,#8a3ffc))}.cds--link.cds--link--visited:visited:hover,:host(cds-tile) .cds--link--visited:visited:hover::slotted(.cds--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link.cds--link--inline,:host(cds-tile) .cds--link--inline::slotted(.cds--link){display:inline;text-decoration:underline}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375)}.cds--link__icon{align-self:center;display:inline-flex;margin-inline-start:.5rem}:host(cds-link){outline:none}:host(cds-link) .cds--link--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-link) .cds--link__icon[hidden]{display:none}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--tile-group html,:host(cds-tile-group) html{font-size:100%}.cds--tile-group body,:host(cds-tile-group) body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--tile-group code,:host(cds-tile-group) code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--tile-group strong,:host(cds-tile-group) strong{font-weight:600}.cds--tile,:host(cds-expandable-tile),:host(cds-tile){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));background-color:var(--cds-layer);display:block;min-block-size:4rem;min-inline-size:8rem;outline:2px solid transparent;outline-offset:-2px;padding:var(--cds-layout-density-padding-inline-local);position:relative}.cds--tile:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile:focus{outline-style:dotted}}.cds--tile--light,:host(cds-expandable-tile[color-scheme=light]),:host(cds-tile[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}.cds--tile--clickable,.cds--tile--selectable,:host(cds-clickable-tile) .cds--tile--clickable{border:0;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;padding:0;padding:var(--cds-layout-density-padding-inline-local);transition:.15s cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--tile--clickable *,.cds--tile--clickable :after,.cds--tile--clickable :before,.cds--tile--selectable *,.cds--tile--selectable :after,.cds--tile--selectable :before,:host(cds-clickable-tile) .cds--tile--clickable *,:host(cds-clickable-tile) .cds--tile--clickable :after,:host(cds-clickable-tile) .cds--tile--clickable :before{box-sizing:inherit}.cds--tile--clickable:hover,.cds--tile--selectable:hover{background:var(--cds-layer-hover)}.cds--tile--clickable,:host(cds-clickable-tile) .cds--tile--clickable{color:var(--cds-text-primary,#161616);text-decoration:none}.cds--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;text-decoration:none}@media screen and (prefers-contrast){.cds--tile--clickable:focus{outline-style:dotted}}.cds--tile--clickable:focus .cds--tile__checkmark,.cds--tile--clickable:hover .cds--tile__checkmark{opacity:1}.cds--tile--expandable::-moz-focus-inner{border:0}.cds--tile--clickable:active,.cds--tile--clickable:hover,.cds--tile--clickable:visited,.cds--tile--clickable:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:none}.cds--tile--clickable.cds--link--disabled,.cds--tile--clickable:hover.cds--link--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;display:block;padding:var(--cds-layout-density-padding-inline-local)}.cds--tile--clickable .cds--tile--icon,.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon,:host(cds-clickable-tile) .cds--tile--clickable ::slotted([slot=icon]){block-size:1.25rem;inline-size:1.25rem;inset-block-end:.75rem;inset-inline-end:.75rem;position:absolute}.cds--tile--clickable .cds--tile--icon,:host(cds-clickable-tile) .cds--tile--clickable ::slotted([slot=icon]){fill:var(--cds-icon-interactive,#0f62fe)}.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--tile--clickable.cds--link--disabled .cds--tile--icon,:host(cds-clickable-tile) .cds--tile--clickable.cds--link--disabled ::slotted([slot=icon]){display:none}.cds--tile--selectable{border:1px solid transparent;padding-inline-end:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem)}.cds--tile__checkmark{background:transparent;block-size:1rem;border:none;inset-block-start:var(--cds-layout-density-padding-inline-local);inset-inline-end:var(--cds-layout-density-padding-inline-local);opacity:0;position:absolute;transition:.11s cubic-bezier(.2,0,.38,.9)}.cds--tile__checkmark svg{border-radius:50%;fill:var(--cds-icon-secondary,#525252)}.cds--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile__checkmark:focus{outline-style:dotted}}.cds--tile__checkmark--persistent{opacity:1}.cds--tile__chevron,:host(cds-selectable-tile) .cds--tile__chevron{align-items:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);display:flex;inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0;justify-content:center;position:absolute}.cds--tile__chevron svg,:host(cds-selectable-tile) .cds--tile__chevron svg{fill:var(--cds-icon-primary,#161616);transform-origin:center;transition:.11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--tile__chevron svg,:host(cds-selectable-tile) .cds--tile__chevron svg{transition:none}}.cds--tile__chevron--interactive{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;inline-size:100%;inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0;justify-content:center;margin:0;padding:0;position:absolute;text-align:start;vertical-align:baseline}.cds--tile__chevron--interactive *,.cds--tile__chevron--interactive :after,.cds--tile__chevron--interactive :before{box-sizing:inherit}.cds--tile__chevron--interactive::-moz-focus-inner{border:0}.cds--tile__chevron--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--tile__chevron--interactive:hover{background-color:var(--cds-layer-hover);cursor:pointer}.cds--tile--expandable,:host(cds-expandable-tile){border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);overflow:hidden;position:relative;text-align:start;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds--tile--expandable:hover{background:var(--cds-layer-hover)}.cds--tile--expandable.cds--tile--expandable--interactive{border:none;cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds--tile--expandable.cds--tile--expandable--interactive:hover{background-color:var(--cds-layer)}.cds--tile--expandable.cds--tile--expandable--interactive:focus{outline:none}.cds--tile--expandable--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile--expandable--interactive:focus{outline-style:dotted}}.cds--tile-content__below-the-fold,:host(cds-expandable-tile) ::slotted(cds-tile-below-the-fold-content){display:block;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:hidden}.cds--tile--is-expanded,:host(cds-expandable-tile[expanded]){overflow:visible;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}.cds--tile--is-expanded .cds--tile__chevron svg,:host(cds-expandable-tile[expanded]) .cds--tile__chevron svg{transform:rotate(180deg)}.cds--tile--is-expanded .cds--tile-content__below-the-fold,:host(cds-expandable-tile) .cds--tile--is-expanded ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile):host(cds-expandable-tile[expanded]) ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile[expanded]) .cds--tile-content__below-the-fold{opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds--tile--is-expanded .cds--tile-content__below-the-fold,:host(cds-expandable-tile) .cds--tile--is-expanded ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile):host(cds-expandable-tile[expanded]) ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile[expanded]) .cds--tile-content__below-the-fold{overflow-y:auto}}.cds--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}.cds--tile--is-selected .cds--tile__checkmark{opacity:1}.cds--tile--is-selected .cds--tile__checkmark svg{fill:var(--cds-icon-primary,#161616)}.cds--tile-content{block-size:100%;inline-size:100%}.cds--tile-input{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--tile-input:focus+.cds--tile,.cds--tile-input:focus+:host(cds-expandable-tile),.cds--tile-input:focus+:host(cds-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile-input:focus+.cds--tile,.cds--tile-input:focus+:host(cds-expandable-tile),.cds--tile-input:focus+:host(cds-tile){outline-style:dotted}}.cds--tile--disabled.cds--tile--selectable{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--tile--disabled.cds--tile--selectable.cds--tile--light{background-color:var(--cds-layer-02,#fff)}.cds--tile--disabled.cds--tile--is-selected{border-color:var(--cds-border-disabled,#c6c6c6)}.cds--tile--disabled .cds--tile__checkmark svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--tile--clickable .cds--tile--ai-label-icon,.cds--tile--expandable>div>.cds--ai-label,.cds--tile--expandable>div>.cds--slug,.cds--tile--expandable>div>.cds--tile--inner-decorator>*,.cds--tile>.cds--ai-label,.cds--tile>.cds--slug,.cds--tile>.cds--tile--inner-decorator>*,:host(cds-expandable-tile)>.cds--ai-label,:host(cds-expandable-tile)>.cds--slug,:host(cds-expandable-tile)>.cds--tile--inner-decorator>*,:host(cds-expandable-tile)>div>.cds--ai-label,:host(cds-expandable-tile)>div>.cds--slug,:host(cds-expandable-tile)>div>.cds--tile--inner-decorator>*,:host(cds-tile)>.cds--ai-label,:host(cds-tile)>.cds--slug,:host(cds-tile)>.cds--tile--inner-decorator>*{inset-block-start:1rem;inset-inline-end:1rem;position:absolute}.cds--tile.cds--tile--selectable>.cds--ai-label,.cds--tile.cds--tile--selectable>.cds--slug,.cds--tile.cds--tile--selectable>.cds--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds--tile.cds--tile--selectable.cds--tile--radio>.cds--ai-label,.cds--tile.cds--tile--selectable.cds--tile--radio>.cds--slug,.cds--tile.cds--tile--selectable.cds--tile--radio>.cds--tile--inner-decorator>*{inset-inline-end:1rem;inset-inline-end:2.5rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9)}.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected>.cds--ai-label,.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected>.cds--slug,.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected>.cds--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds--tile.cds--tile--clickable>.cds--ai-label,.cds--tile.cds--tile--clickable>.cds--slug,.cds--tile.cds--tile--clickable>.cds--tile--inner-decorator>*{pointer-events:none}.cds--tile--decorator:has(.cds--ai-label).cds--tile,.cds--tile--decorator:has(.cds--tile--ai-label-icon).cds--tile,.cds--tile--slug.cds--tile{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds--tile--decorator:has(.cds--ai-label).cds--tile--expandable:hover,.cds--tile--slug.cds--tile--expandable:hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}.cds--tile--decorator.cds--tile--clickable:before,.cds--tile--decorator.cds--tile--selectable:after,.cds--tile--decorator.cds--tile--selectable:before,.cds--tile--slug.cds--tile--clickable:before,.cds--tile--slug.cds--tile--selectable:after,.cds--tile--slug.cds--tile--selectable:before{block-size:100%;content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}.cds--tile--decorator:has(.cds--ai-label).cds--tile--clickable:before,.cds--tile--decorator:has(.cds--ai-label).cds--tile--selectable:before,.cds--tile--decorator:has(.cds--tile--ai-label-icon).cds--tile--clickable:before,.cds--tile--slug.cds--tile--clickable:before,.cds--tile--slug.cds--tile--selectable:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds--tile--decorator.cds--tile--clickable:hover:before,.cds--tile--decorator.cds--tile--selectable:hover:before,.cds--tile--slug.cds--tile--clickable:hover:before,.cds--tile--slug.cds--tile--selectable:hover:before{opacity:1}.cds--tile--decorator.cds--tile--clickable:focus,.cds--tile--decorator.cds--tile--selectable:focus,.cds--tile--slug.cds--tile--clickable:focus,.cds--tile--slug.cds--tile--selectable:focus,.cds--tile-input:focus+.cds--tile--decorator.cds--tile,.cds--tile-input:focus+.cds--tile--slug.cds--tile{outline-offset:-1px}.cds--tile--decorator:has(.cds--tile--inner-decorator .cds--ai-label).cds--tile--selectable:after,.cds--tile--slug.cds--tile--selectable:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds--tile--decorator.cds--tile--selectable:hover:after,.cds--tile--slug.cds--tile--selectable:hover:after{opacity:0}.cds--tile--decorator.cds--tile--is-selected:after,.cds--tile--slug.cds--tile--is-selected:after{opacity:1}.cds--tile--decorator:has(.cds--tile--inner-decorator).cds--tile--is-selected,.cds--tile--slug.cds--tile--is-selected{border-color:var(--cds-border-inverse,#161616)}.cds--tile--decorator.cds--tile--clickable .cds--tile-content,.cds--tile--decorator.cds--tile--selectable .cds--tile-content,.cds--tile--slug.cds--tile--clickable .cds--tile-content,.cds--tile--slug.cds--tile--selectable .cds--tile-content{cursor:pointer;position:relative}.cds--tile--decorator.cds--tile--clickable .cds--tile-content,.cds--tile--decorator.cds--tile--is-selected .cds--tile--inner-decorator>*,.cds--tile--decorator.cds--tile--selectable .cds--tile-content,.cds--tile--decorator.cds--tile--selectable>.cds--tile__checkmark,.cds--tile--slug.cds--tile--clickable .cds--tile-content,.cds--tile--slug.cds--tile--is-selected .cds--ai-label,.cds--tile--slug.cds--tile--is-selected .cds--slug,.cds--tile--slug.cds--tile--selectable .cds--tile-content,.cds--tile--slug.cds--tile--selectable>.cds--tile__checkmark{z-index:1}.cds--tile--decorator.cds--tile--selectable .cds--tile--inner-decorator>:has(>.cds--popover--open),.cds--tile--slug.cds--tile--selectable .cds--ai-label:has(>.cds--popover--open),.cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open){z-index:2}.cds--tile--decorator.cds--tile--selectable>.cds--tile--inner-decorator>*,.cds--tile--decorator.cds--tile--selectable>.cds--tile__checkmark,.cds--tile--slug.cds--tile--selectable>.cds--ai-label,.cds--tile--slug.cds--tile--selectable>.cds--slug,.cds--tile--slug.cds--tile--selectable>.cds--tile__checkmark{z-index:1}.cds--tile--expandable:has(.cds--ai-label>.cds--popover--open),.cds--tile--expandable:has(.cds--slug>.cds--popover--open),.cds--tile--expandable:has(.cds--tile--inner-decorator>*>.cds--popover--open),:has(.cds--ai-label>.cds--popover--open):host(cds-expandable-tile),:has(.cds--slug>.cds--popover--open):host(cds-expandable-tile),:has(.cds--tile--inner-decorator>*>.cds--popover--open):host(cds-expandable-tile){overflow:visible}.cds--tile--clickable .cds--tile--ai-label-icon rect{stroke:var(--cds-icon-primary,#161616)}.cds--tile--clickable .cds--tile--ai-label-icon path{fill:var(--cds-icon-primary,#161616)}.cds--tile--decorator-rounded,.cds--tile--decorator-rounded.cds--tile--clickable:before,.cds--tile--decorator-rounded.cds--tile--selectable:after,.cds--tile--decorator-rounded.cds--tile--selectable:before,.cds--tile--slug-rounded,.cds--tile--slug-rounded.cds--tile--clickable:before,.cds--tile--slug-rounded.cds--tile--selectable:after,.cds--tile--slug-rounded.cds--tile--selectable:before,:host(cds-clickable-tile[ai-label][has-rounded-corners]),:host(cds-expandable-tile[ai-label][has-rounded-corners]),:host(cds-radio-tile[ai-label][has-rounded-corners]),:host(cds-selectable-tile[ai-label][has-rounded-corners]),:host(cds-tile[ai-label][has-rounded-corners]){border-radius:.5rem}.cds--tile--decorator-rounded .cds--tile__chevron,.cds--tile--slug-rounded .cds--tile__chevron,:host(cds-clickable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-expandable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-radio-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-selectable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-tile[ai-label][has-rounded-corners]) .cds--tile__chevron{border-end-end-radius:.5rem}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-tile-group){background:transparent}:host(cds-tile-group) fieldset{border:none}:host(cds-clickable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:grid;outline:none}:host(cds-clickable-tile) .cds--link--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;display:block;padding:density("padding-inline")}:host(cds-clickable-tile) .cds--tile,:host(cds-clickable-tile) :host(cds-expandable-tile),:host(cds-clickable-tile) :host(cds-tile){outline:.125rem solid transparent;padding:1rem}:host(cds-clickable-tile) .cds--tile--clickable{display:block;transition:.15s cubic-bezier(.2,0,.38,.9)}:host(cds-clickable-tile) .cds--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-clickable-tile) .cds--tile--clickable:focus{outline-style:dotted}}:host(cds-clickable-tile) .cds--link__icon{display:block}:host(cds-clickable-tile) ::slotted([slot=ai-label]),:host(cds-clickable-tile) ::slotted([slot=slug]){pointer-events:none}:host(cds-radio-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:block;margin-block-end:.5rem;outline:none;position:relative}:host(cds-radio-tile) .cds--tile,:host(cds-radio-tile) :host(cds-expandable-tile),:host(cds-radio-tile) :host(cds-tile){block-size:100%}:host(cds-selectable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:block;outline:none;position:relative}:host(cds-selectable-tile) .cds--tile,:host(cds-selectable-tile) :host(cds-expandable-tile),:host(cds-selectable-tile) :host(cds-tile){block-size:100%}:host(cds-radio-tile) .cds--tile-input:checked~.cds--tile--selectable .cds--tile__checkmark,:host(cds-selectable-tile) .cds--tile-input:checked~.cds--tile--selectable .cds--tile__checkmark{opacity:1}:host(cds-clickable-tile) ::slotted(*),:host(cds-radio-tile) ::slotted(:not([slot])),:host(cds-selectable-tile) ::slotted(:not([slot])){cursor:pointer;position:relative;z-index:1}:host(cds-expandable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-expandable-tile) ::slotted(cds-tile-above-the-fold-content){display:block}:host(cds-expandable-tile) .cds-ce--expandable-tile--below-the-fold-content{max-block-size:0;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}:host(cds-expandable-tile[expanded]) ::slotted(cds-tile-below-the-fold-content){opacity:1;transition:.11s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(cds-expandable-tile[with-interactive]){cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}:host(cds-expandable-tile[with-interactive]):hover{background-color:var(--cds-layer)}:host(cds-expandable-tile[with-interactive]):focus{outline:none}:host(cds-expandable-tile:not([with-interactive]):focus-within){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-expandable-tile:not([with-interactive]):focus-within){outline-style:dotted}}:host(cds-expandable-tile:not([with-interactive])) .cds--tile__chevron{background:none;border:none;cursor:pointer;outline:none}:host(cds-clickable-tile[ai-label]) .cds--tile,:host(cds-clickable-tile[ai-label]) :host(cds-expandable-tile),:host(cds-clickable-tile[ai-label]) :host(cds-tile),:host(cds-expandable-tile[ai-label]),:host(cds-radio-tile[ai-label]) .cds--tile,:host(cds-radio-tile[ai-label]) :host(cds-expandable-tile),:host(cds-radio-tile[ai-label]) :host(cds-tile),:host(cds-selectable-tile[ai-label]) .cds--tile,:host(cds-selectable-tile[ai-label]) :host(cds-expandable-tile),:host(cds-selectable-tile[ai-label]) :host(cds-tile),:host(cds-tile[ai-label]){background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}:host(cds-clickable-tile) ::slotted([slot=ai-label]),:host(cds-clickable-tile) ::slotted([slot=decorator]),:host(cds-clickable-tile) ::slotted([slot=slug]),:host(cds-expandable-tile) ::slotted([slot=ai-label]),:host(cds-expandable-tile) ::slotted([slot=decorator]),:host(cds-expandable-tile) ::slotted([slot=slug]),:host(cds-radio-tile) ::slotted([slot=ai-label]),:host(cds-radio-tile) ::slotted([slot=decorator]),:host(cds-radio-tile) ::slotted([slot=slug]),:host(cds-selectable-tile) ::slotted([slot=ai-label]),:host(cds-selectable-tile) ::slotted([slot=decorator]),:host(cds-selectable-tile) ::slotted([slot=slug]),:host(cds-tile) ::slotted([slot=ai-label]),:host(cds-tile) ::slotted([slot=decorator]),:host(cds-tile) ::slotted([slot=slug]){inset-block-start:1rem;inset-inline-end:1rem;position:absolute}:host(cds-radio-tile[selected]) ::slotted([slot=ai-label]),:host(cds-radio-tile[selected]) ::slotted([slot=decorator]),:host(cds-selectable-tile) ::slotted([slot=ai-label]),:host(cds-selectable-tile) ::slotted([slot=decorator]),:host(cds-selectable-tile) ::slotted([slot=slug]){inset-inline-end:2.5rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9)}:host(cds-expandable-tile[ai-label]):hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}:host(cds-clickable-tile[ai-label]) .cds--tile:before,:host(cds-radio-tile[ai-label]) .cds--tile:after,:host(cds-radio-tile[ai-label]) .cds--tile:before,:host(cds-selectable-tile[ai-label]) .cds--tile:after,:host(cds-selectable-tile[ai-label]) .cds--tile:before{block-size:100%;content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}:host(cds-clickable-tile[ai-label]) .cds--tile:before,:host(cds-radio-tile[ai-label]) .cds--tile:before,:host(cds-selectable-tile[ai-label]) .cds--tile:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-clickable-tile[ai-label]) .cds--tile:hover:before,:host(cds-radio-tile[ai-label]) .cds--tile:hover:before,:host(cds-selectable-tile[ai-label]) .cds--tile:hover:before{opacity:1}:host(cds-radio-tile[ai-label]) .cds--tile--is-selected,:host(cds-selectable-tile[ai-label]) .cds--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}:host(cds-radio-tile[ai-label]) .cds--tile--is-selected .cds--tile__checkmark,:host(cds-selectable-tile[ai-label]) .cds--tile--is-selected .cds--tile__checkmark{z-index:1}:host(cds-radio-tile[ai-label]),:host(cds-selectable-tile[ai-label]) .cds--tile--is-selected:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-expandable-tile[ai-label]){overflow:visible}:host(cds-clickable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-expandable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-radio-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-selectable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-tile[ai-label][has-rounded-corners]) .cds--tile__chevron{border-end-end-radius:.5rem}']),M={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:24,height:24},content:[{elem:"path",attrs:{d:"M19 21v-2h1v-7h-1v-2h4v2h-1v7h1v2h-4zM15.5005 21h2l-3.5005-11h-3l-3.4966 11h1.9988l.6018-2h4.7781l.6184 2zM10.7058 17l1.6284-5.4111.2559-.0024 1.6736 5.4136h-3.5579z"}},{elem:"path",attrs:{d:"M32,32H0V0h32v32ZM2,30h28V2H2v28Z"}}],name:"ai-label",size:24};let u=class extends A.CDSLink$1{constructor(){super(...arguments),this.colorScheme=z.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.linkRole="button",this.hasRoundedCorners=!1,this.aiLabel=!1,this.slug=!1}get _classes(){const{colorScheme:t,disabled:i,hasRoundedCorners:s,aiLabel:l,slug:c}=this;return _.e({[`${e.prefix}--link`]:!0,[`${e.prefix}--link--disabled`]:i,[`${e.prefix}--tile`]:!0,[`${e.prefix}--tile--clickable`]:!0,[`${e.prefix}--tile--${t}`]:t,[`${e.prefix}--tile--slug-rounded`]:(l||c)&&s})}connectedCallback(){this.slug&&(this.setAttribute("ai-Label",""),this.aiLabel=!0),super.connectedCallback()}_renderInner(){return e.x`
|
|
2
|
-
${super._renderInner()}
|
|
3
|
-
${this.aiLabel||this.slug?w.iconLoader(M,{class:`${e.prefix}--tile--ai-label-icon`}):""}
|
|
4
|
-
<slot name="decorator"></slot>
|
|
5
|
-
`}static get slugItem(){return`${e.prefix}-slug`}static get aiLabelItem(){return`${e.prefix}-ai-label`}};u.styles=y;a.__decorate([d.n({attribute:"color-scheme",reflect:!0})],u.prototype,"colorScheme",void 0);a.__decorate([d.n({attribute:"link-role"})],u.prototype,"linkRole",void 0);a.__decorate([d.n({type:Boolean,attribute:"has-rounded-corners"})],u.prototype,"hasRoundedCorners",void 0);a.__decorate([d.n({type:Boolean,attribute:"ai-label"})],u.prototype,"aiLabel",void 0);a.__decorate([d.n({type:Boolean})],u.prototype,"slug",void 0);u=a.__decorate([f.carbonElement(`${e.prefix}-clickable-tile`)],u);let p=class extends R.HostListenerMixin(I.FocusMixin(e.i)){constructor(){super(...arguments),this._belowTheContentHeight=0,this._hasAILabel=!1,this._handleClick=()=>{this.withInteractive||this._handleExpand()},this.colorScheme=z.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.expanded=!1,this.hasRoundedCorners=!1,this.withInteractive=!1}_handleSlotChange({target:t}){const i=t.assignedNodes().filter(s=>{var l,c;return s.matches!==void 0?s.matches((l=this.constructor)===null||l===void 0?void 0:l.aiLabelItem)||s.matches((c=this.constructor)===null||c===void 0?void 0:c.slugItem):!1});i.length>0&&(this._hasAILabel=!!i,i[0].setAttribute("size","xs")),this.requestUpdate()}_handleSlotChangeBelowTheFoldContent(t){if(this._belowTheContentHeight=t.target.assignedNodes().reduce((i,s)=>{var l;return i+((l=s.offsetHeight)!==null&&l!==void 0?l:0)},0),!this._belowTheContentHeight){const i=getComputedStyle(this.querySelector("cds-tile-below-the-fold-content"));this._belowTheContentHeight=parseInt(i.height,10)}this.requestUpdate()}_handleExpand(){const t=!this.expanded;this.focus();const i={bubbles:!0,composed:!0,detail:{expanded:t}},s=this.constructor,l=new CustomEvent(s.eventBeforeToggle,Object.assign(Object.assign({},i),{cancelable:!0}));if(this.dispatchEvent(l)){this.expanded=t;const c=new CustomEvent(s.eventToggle,i);this.dispatchEvent(c)}}updated(){this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){const{expanded:t,withInteractive:i,_belowTheContentHeight:s,_handleSlotChangeBelowTheFoldContent:l}=this,c=_.e({[`${e.prefix}--tile__chevron`]:!0,[`${e.prefix}--tile__chevron--interactive`]:i});return e.x`
|
|
6
|
-
<button
|
|
7
|
-
class="${c}"
|
|
8
|
-
aria-labelledby="above-the-fold-content"
|
|
9
|
-
aria-controls="below-the-fold-content"
|
|
10
|
-
tabindex="0"
|
|
11
|
-
@click="${i?this._handleExpand:""}"
|
|
12
|
-
aria-expanded="${String(!!t)}">
|
|
13
|
-
${w.iconLoader(E._16,{id:"icon"})}
|
|
14
|
-
</button>
|
|
15
|
-
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
|
|
16
|
-
<slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
|
|
17
|
-
<slot name="decorator"></slot>
|
|
18
|
-
<div id="content" class="${e.prefix}--tile-content">
|
|
19
|
-
<div><slot name="above-the-fold-content"></slot></div>
|
|
20
|
-
<div
|
|
21
|
-
class="${e.prefix}-ce--expandable-tile--below-the-fold-content"
|
|
22
|
-
style="${S.o(t?`max-height: ${s}px`:void 0)}">
|
|
23
|
-
<slot @slotchange="${l}"></slot>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
`}static get slugItem(){return`${e.prefix}-slug`}static get aiLabelItem(){return`${e.prefix}-ai-label`}static get eventBeforeToggle(){return`${e.prefix}-expandable-tile-beingtoggled`}static get eventToggle(){return`${e.prefix}-expandable-tile-toggled`}};p.styles=y;a.__decorate([C.HostListener("click")],p.prototype,"_handleClick",void 0);a.__decorate([d.n({attribute:"color-scheme",reflect:!0})],p.prototype,"colorScheme",void 0);a.__decorate([d.n({type:Boolean,reflect:!0})],p.prototype,"expanded",void 0);a.__decorate([d.n({type:Boolean,attribute:"has-rounded-corners"})],p.prototype,"hasRoundedCorners",void 0);a.__decorate([d.n({type:Boolean,reflect:!0,attribute:"with-interactive"})],p.prototype,"withInteractive",void 0);p=a.__decorate([f.carbonElement(`${e.prefix}-expandable-tile`)],p);var N={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"}}],name:"checkbox",size:16},B={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM14,21.5,9,16.5427,10.5908,15,14,18.3456,21.4087,11l1.5918,1.5772Z"}},{elem:"path",attrs:{fill:"none",d:"M14,21.5,9,16.5427,10.5908,15,14,18.3456,21.4087,11l1.5918,1.5772Z","data-icon-path":"inner-path"}}],name:"checkbox--checked--filled",size:16};let o=class extends R.HostListenerMixin(I.FocusMixin(e.i)){constructor(){super(...arguments),this._inputType="checkbox",this._hasAILabel=!1,this._handleClick=()=>{this.selected=!this.selected;const{eventChange:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{selected:this.selected}}))},this._handleKeydown=t=>{var i,s;const{key:l}=t;(l===" "||l==="Enter")&&!(!((i=t.target)===null||i===void 0)&&i.matches(this.constructor.aiLabelItem))&&!(!((s=t.target)===null||s===void 0)&&s.matches(this.constructor.slugItem))&&(this.selected=!this.selected)},this.colorScheme=z.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.disabled=!1,this.hasRoundedCorners=!1,this.selected=!1}_handleSlotChange({target:t}){const i=t.assignedNodes().filter(s=>{var l,c;return s.matches!==void 0?s.matches((l=this.constructor)===null||l===void 0?void 0:l.aiLabelItem)||s.matches((c=this.constructor)===null||c===void 0?void 0:c.slugItem):!1});i.length>0&&(this._hasAILabel=!!i,i[0].setAttribute("size","xs")),this.requestUpdate()}_handleChange(){this.selected=this._inputNode.checked;const t=this.selected,{eventChange:i}=this.constructor;this.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0,detail:{selected:t}}))}_renderIcon(){const{selected:t,checkmarkLabel:i}=this;return w.iconLoader(t?B:N,{"aria-label":i||void 0,class:`${e.prefix}--selectable-tile__icon`})}updated(){this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){const{colorScheme:t,disabled:i,hasRoundedCorners:s,name:l,selected:c,value:h,_handleChange:n,_hasAILabel:x}=this,g=_.e({[`${e.prefix}--tile`]:!0,[`${e.prefix}--tile--disabled`]:i,[`${e.prefix}--tile--selectable`]:!0,[`${e.prefix}--tile--is-selected`]:c,[`${e.prefix}--tile--${t}`]:t,[`${e.prefix}--tile--slug-rounded`]:x&&s});return e.x`
|
|
27
|
-
<div
|
|
28
|
-
class=${g}
|
|
29
|
-
role="checkbox"
|
|
30
|
-
aria-checked=${c}
|
|
31
|
-
@change=${n}
|
|
32
|
-
tabindex=${i?void 0:0}
|
|
33
|
-
name=${l}
|
|
34
|
-
value=${h}
|
|
35
|
-
@click=${i?void 0:this._handleClick}
|
|
36
|
-
@keydown=${this._handleKeydown}>
|
|
37
|
-
<span
|
|
38
|
-
class="${e.prefix}--tile__checkmark ${e.prefix}--tile__checkmark--persistent">
|
|
39
|
-
${this._renderIcon()}
|
|
40
|
-
</span>
|
|
41
|
-
<label class="${e.prefix}--tile-content">
|
|
42
|
-
<slot></slot>
|
|
43
|
-
</label>
|
|
44
|
-
<slot name="decorator"></slot>
|
|
45
|
-
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
|
|
46
|
-
<slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
|
|
47
|
-
</div>
|
|
48
|
-
`}static get slugItem(){return`${e.prefix}-slug`}static get aiLabelItem(){return`${e.prefix}-ai-label`}static get eventChange(){return`${e.prefix}-selectable-tile-changed`}};o.shadowRootOptions=Object.assign(Object.assign({},e.i.shadowRootOptions),{delegatesFocus:!0});o.styles=y;a.__decorate([L.e("input")],o.prototype,"_inputNode",void 0);a.__decorate([d.n({attribute:"checkmark-label"})],o.prototype,"checkmarkLabel",void 0);a.__decorate([d.n({attribute:"color-scheme",reflect:!0})],o.prototype,"colorScheme",void 0);a.__decorate([d.n({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0);a.__decorate([d.n({type:Boolean,attribute:"has-rounded-corners"})],o.prototype,"hasRoundedCorners",void 0);a.__decorate([d.n()],o.prototype,"name",void 0);a.__decorate([d.n({type:Boolean,reflect:!0})],o.prototype,"selected",void 0);a.__decorate([d.n()],o.prototype,"value",void 0);o=a.__decorate([f.carbonElement(`${e.prefix}-selectable-tile`)],o);var O=o;let T=class extends O{constructor(){super(...arguments),this._handleKeydown=t=>{(t.key===" "||t.key==="Enter")&&t.preventDefault()}}_handleChange(){this.selected=!0;const{selected:t,name:i}=this,{eventRadioChange:s}=this.constructor;this.dispatchEvent(new CustomEvent(s,{bubbles:!0,composed:!0,detail:{selected:t,name:i}}))}render(){const{colorScheme:t,checkmarkLabel:i,disabled:s,hasRoundedCorners:l,name:c,selected:h,value:n,_handleChange:x,_handleKeydown:g,_hasAILabel:k}=this,$=_.e({[`${e.prefix}--tile`]:!0,[`${e.prefix}--tile--selectable`]:!0,[`${e.prefix}--tile--radio`]:!0,[`${e.prefix}--tile--disabled`]:s,[`${e.prefix}--tile--is-selected`]:h,[`${e.prefix}--tile--${t}`]:t,[`${e.prefix}--tile--slug-rounded`]:k&&l});return e.x`
|
|
49
|
-
<input
|
|
50
|
-
type="radio"
|
|
51
|
-
id="input"
|
|
52
|
-
class="${e.prefix}--tile-input"
|
|
53
|
-
?disabled="${s}"
|
|
54
|
-
tabindex="${h?0:-1}"
|
|
55
|
-
name="${S.o(c)}"
|
|
56
|
-
value="${S.o(n)}"
|
|
57
|
-
.checked=${h}
|
|
58
|
-
@change=${s?void 0:x}
|
|
59
|
-
@keydown="${s?void 0:g}" />
|
|
60
|
-
<label part="label" for="input" class="${$}">
|
|
61
|
-
${w.iconLoader(q._16,{class:`${e.prefix}--tile__checkmark`,title:i})}
|
|
62
|
-
<div class="${e.prefix}--tile-content"><slot></slot></div>
|
|
63
|
-
</label>
|
|
64
|
-
<slot name="decorator"></slot>
|
|
65
|
-
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
|
|
66
|
-
`}static get eventRadioChange(){return`${e.prefix}-radio-tile-selected`}};T=a.__decorate([f.carbonElement(`${e.prefix}-radio-tile`)],T);let m=class extends e.i{constructor(){super(...arguments),this._hasAILabel=!1,this.colorScheme=z.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.hasRoundedCorners=!1}_handleSlotChange({target:t}){const i=t.assignedNodes().filter(s=>s.matches!==void 0?s.matches(this.constructor.aiLabelItem)||s.matches(this.constructor.slugItem):!1);i.length>0&&(this._hasAILabel=!!i,i[0].setAttribute("size","xs")),this.requestUpdate()}updated(){this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){return e.x` <slot></slot
|
|
67
|
-
><slot name="decorator" @slotchange="${this._handleSlotChange}"></slot>
|
|
68
|
-
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot
|
|
69
|
-
><slot name="slug" @slotchange="${this._handleSlotChange}"></slot>`}static get slugItem(){return`${e.prefix}-slug`}static get aiLabelItem(){return`${e.prefix}-ai-label`}};m.styles=y;a.__decorate([d.n({attribute:"color-scheme",reflect:!0})],m.prototype,"colorScheme",void 0);a.__decorate([d.n({type:Boolean,attribute:"has-rounded-corners"})],m.prototype,"hasRoundedCorners",void 0);m=a.__decorate([f.carbonElement(`${e.prefix}-tile`)],m);const D={ArrowUp:b.NAVIGATION_DIRECTION.BACKWARD,Up:b.NAVIGATION_DIRECTION.BACKWARD,ArrowLeft:b.NAVIGATION_DIRECTION.BACKWARD,Left:b.NAVIGATION_DIRECTION.BACKWARD,ArrowDown:b.NAVIGATION_DIRECTION.FORWARD,Down:b.NAVIGATION_DIRECTION.FORWARD,ArrowRight:b.NAVIGATION_DIRECTION.FORWARD,Right:b.NAVIGATION_DIRECTION.FORWARD};let r=class extends R.HostListenerMixin(e.i){constructor(){super(...arguments),this._handleKeydown=t=>{const{target:i,key:s}=t,{radioTiles:l,selectableTiles:c}=this,h=D[s];if(i?.matches(`${e.prefix}-ai-label`))return;const n=l.length?l:c,g=[...n].findIndex($=>$==i)+h,k=g!==-1?n[g%n.length]:n[n.length-1];h?(t.preventDefault(),this.radioTiles.length?this._handleKeydownRadio(k):this._handleKeydownSelectable(t,k)):(s===" "||s==="Enter")&&this._handleKeydownSelectable(t)},this._handleFocus=t=>{const{relatedTarget:i,target:s}=t;s?.matches(`${e.prefix}-ai-label`)||this.radioTiles.length&&(this.currentRadioSelection?!i?.matches(this.constructor.selectorRadioTile)&&s!==this.currentRadioSelection&&this.currentRadioSelection.focus():(s.toggleAttribute("selected"),this.currentRadioSelection=s))},this.currentSelections=[]}_handleRadioClick(t){const{target:i}=t,{currentRadioSelection:s}=this,{eventCurrentRadioTileSelection:l}=this.constructor;i.matches(`${e.prefix}-ai-label`)||(s?s!==i&&(s.toggleAttribute("selected"),this.currentRadioSelection=i):this.currentRadioSelection=i,this.dispatchEvent(new CustomEvent(l,{bubbles:!0,composed:!0,detail:{target:i}})))}_handleTileSelect(t){this.radioTiles.length&&this._handleRadioClick(t)}_handleKeydownRadio(t){const{currentRadioSelection:i}=this,{eventCurrentRadioTileSelection:s}=this.constructor;i&&i.toggleAttribute("selected"),t.focus(),t.toggleAttribute("selected"),this.currentRadioSelection=t,this.dispatchEvent(new CustomEvent(s,{bubbles:!0,composed:!0,detail:{nextSibling:t}}))}_handleKeydownSelectable(t,i){const{target:s}=t,{currentSelections:l}=this,{eventCurrentSelectableTilesSelection:c}=this.constructor;i?i.focus():(l.includes(s)?l.splice(l.indexOf(s),1):l.push(s),this.dispatchEvent(new CustomEvent(c,{bubbles:!0,composed:!0,detail:{currentSelections:l}})))}firstUpdated(){this.hasAttribute("role")||this.setAttribute("role","group"),this.radioTiles||(this.radioTiles=this.querySelectorAll(this.constructor.selectorRadioTile),this.radioTiles.forEach(t=>{t.selected&&(this.currentRadioSelection=t)})),this.selectableTiles||(this.selectableTiles=this.querySelectorAll(this.constructor.selectorSelectableTile)),this.disabled&&(this.radioTiles.forEach(t=>t.toggleAttribute("disabled")),this.selectableTiles.forEach(t=>t.toggleAttribute("disabled")))}render(){const{fieldsetClassName:t,disabled:i}=this;return e.x`
|
|
70
|
-
<fieldset class="${t}" ?disabled=${i}>
|
|
71
|
-
<slot name="legend" class="${e.prefix}--label"></slot>
|
|
72
|
-
<slot></slot>
|
|
73
|
-
</fieldset>
|
|
74
|
-
`}static get selectorRadioTile(){return`${e.prefix}-radio-tile`}static get selectorSelectableTile(){return`${e.prefix}-selectable-tile`}static get eventCurrentRadioTileSelection(){return`${e.prefix}-current-radio-tile-selection`}static get eventCurrentSelectableTilesSelection(){return`${e.prefix}-current-selectable-tile-selections`}};r.styles=y;a.__decorate([C.HostListener("click")],r.prototype,"_handleTileSelect",null);a.__decorate([C.HostListener("keydown")],r.prototype,"_handleKeydown",void 0);a.__decorate([C.HostListener("focusin")],r.prototype,"_handleFocus",void 0);a.__decorate([d.n({reflect:!0,attribute:"fieldset-class-name"})],r.prototype,"fieldsetClassName",void 0);a.__decorate([d.n({reflect:!0,type:Boolean})],r.prototype,"disabled",void 0);a.__decorate([d.n()],r.prototype,"currentRadioSelection",void 0);a.__decorate([d.n()],r.prototype,"currentSelections",void 0);a.__decorate([d.n()],r.prototype,"radioTiles",void 0);a.__decorate([d.n()],r.prototype,"selectableTiles",void 0);r=a.__decorate([f.carbonElement(`${e.prefix}-tile-group`)],r);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("./tslib.es6-B07k2eac.js"),v=require("./class-map-BfNAkUL_.js"),s=require("./settings-CK2vhfPu.js"),d=require("./property-DCYiZTFF.js"),f=require("./loading-icon-DhJR6LyV.js"),y=require("./carbon-element-CbfPUYRT.js");exports.LOADING_TYPE=void 0;(function(c){c.REGULAR="regular",c.SMALL="small"})(exports.LOADING_TYPE||(exports.LOADING_TYPE={}));var g=s.i$1([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--loading,:host(cds-loading){animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds--rotate;animation-timing-function:linear;block-size:5.5rem;border:0;box-sizing:border-box;font-family:inherit;font-size:100%;inline-size:5.5rem;margin:0;padding:0;vertical-align:baseline}.cds--loading *,.cds--loading :after,.cds--loading :before,:host(cds-loading) *,:host(cds-loading) :after,:host(cds-loading) :before{box-sizing:inherit}.cds--loading svg circle,:host(cds-loading) svg circle{animation-duration:10ms;animation-name:cds--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle,:host(cds-loading) svg circle{animation:none}}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke,:host(cds-loading[small]) .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop,:host(cds-loading:not([active])){animation:cds--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle,:host(cds-loading:not([active])) svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle,:host(cds-loading:not([active])) svg circle{animation:none}}.cds--loading--small,:host(cds-loading[small]){block-size:1rem;inline-size:1rem;line-height:1rem}.cds--loading--small circle,:host(cds-loading[small]) circle{stroke-width:16}.cds--loading--small .cds--loading__svg,:host(cds-loading[small]) .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}.cds--loading-overlay,:host(cds-loading[overlay]){align-items:center;background-color:var(--cds-overlay,hsla(0,0%,9%,.5));block-size:100%;display:flex;inline-size:100%;inset-block-start:0;inset-inline-start:0;justify-content:center;position:fixed;transition:background-color .7s cubic-bezier(.4,.14,.3,1);z-index:6000}.cds--loading-overlay--stop{display:none}@keyframes cds--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}:host(cds-loading){display:block}:host(cds-loading[overlay]){animation:none}.cds--loading__background[hidden]{display:none}"]);let e=class extends s.i{constructor(){super(...arguments),this.description="Loading",this.small=!1,this.overlay=!1,this.active=!1}get assistiveText(){return this.description}set assistiveText(a){this.description=a}get type(){return this.small?exports.LOADING_TYPE.SMALL:exports.LOADING_TYPE.REGULAR}set type(a){this.small=a==exports.LOADING_TYPE.SMALL}get inactive(){return!this.active}set inactive(a){this.active=!a}render(){const{active:a,description:i,small:t,overlay:n}=this,l=v.e({[`${s.prefix}--loading`]:!0,[`${s.prefix}--loading--stop`]:!a,[`${s.prefix}--loading--small`]:t}),o=f.getLoadingIcon({description:i,small:t});return n?s.x`<div class="${l}">${o}</div>`:o}};e.styles=g;r.__decorate([d.n({attribute:"assistive-text"})],e.prototype,"assistiveText",null);r.__decorate([d.n({reflect:!0})],e.prototype,"description",void 0);r.__decorate([d.n()],e.prototype,"type",null);r.__decorate([d.n({type:Boolean,reflect:!0})],e.prototype,"small",void 0);r.__decorate([d.n({type:Boolean,reflect:!0})],e.prototype,"overlay",void 0);r.__decorate([d.n({type:Boolean,reflect:!0})],e.prototype,"inactive",null);r.__decorate([d.n({type:Boolean,reflect:!0})],e.prototype,"active",void 0);e=r.__decorate([y.carbonElement(`${s.prefix}-loading`)],e);const b=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.index=b;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("./dropdown-item-BgLQ1VLo.js"),t=require("./tslib.es6-B07k2eac.js"),e=require("./settings-CK2vhfPu.js"),o=require("./carbon-element-CbfPUYRT.js");let s=class extends e.i{render(){return e.x`
|
|
2
|
-
<div
|
|
3
|
-
class="${e.prefix}--skeleton ${e.prefix}--dropdown-v2 ${e.prefix}--list-box ${e.prefix}--form-item">
|
|
4
|
-
<div class="${e.prefix}--list-box__field">
|
|
5
|
-
<span class="${e.prefix}--list-box__label"></span>
|
|
6
|
-
</div>
|
|
7
|
-
</div>
|
|
8
|
-
`}};s.styles=r.styles;s=t.__decorate([o.carbonElement(`${e.prefix}-dropdown-skeleton`)],s);
|