@trintel/zooy 1.0.1-beta.1 → 1.0.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 +4 -4
- package/dist/chunks/button-B1jzfT-Z.js +272 -0
- package/dist/chunks/button-C-oX8EmF.js +66 -0
- package/dist/chunks/{button-skeleton-BcyctpC3.js → button-skeleton-CK3BHdja.js} +1 -1
- package/dist/chunks/{button-skeleton-DEmHtnd8.js → button-skeleton-DoCp6sBb.js} +5 -5
- package/dist/chunks/checkbox-CgFjYxQ_.js +201 -0
- package/dist/chunks/checkbox-t3G-H1NN.js +40 -0
- package/dist/chunks/{class-map-Dt10N9TS.js → class-map-D6tjF27Y.js} +1 -1
- package/dist/chunks/{class-map-emHvptF6.js → class-map-FWQBIzSx.js} +1 -1
- package/dist/chunks/collection-helpers-Bk68Vaau.js +7 -0
- package/dist/chunks/collection-helpers-afBvMQaC.js +1 -0
- package/dist/chunks/content-switcher-item-CedjjtvP.js +351 -0
- package/dist/chunks/content-switcher-item-c4WBWz31.js +27 -0
- package/dist/chunks/defs-C88lSWuJ.js +1 -0
- package/dist/chunks/defs-Do0OvCKd.js +1165 -0
- package/dist/chunks/dropdown-item-C0SHr4st.js +69 -0
- package/dist/chunks/dropdown-item-Dh5IEXDr.js +621 -0
- package/dist/chunks/{focus-Dty12qxz.js → focus-B3iymVyL.js} +1 -1
- package/dist/chunks/{focus-Cyj1QfBL.js → focus-WnKGH_xB.js} +1 -1
- package/dist/chunks/{icon-loader-C2EqV5wJ.js → icon-loader-CJxyg-lp.js} +1 -1
- package/dist/chunks/{icon-loader-DS-X84Yz.js → icon-loader-ChKeNR4s.js} +1 -1
- package/dist/chunks/{icon-loader-utils-BIiU-zGK.js → icon-loader-utils-BwViqIXz.js} +1 -1
- package/dist/chunks/{icon-loader-utils-B6kq3DHp.js → icon-loader-utils-DK8DViXt.js} +1 -1
- package/dist/chunks/{if-defined-CFTJFEK6.js → if-defined-DYWhlnlE.js} +1 -1
- package/dist/chunks/{if-defined--xXVpdta.js → if-defined-eJcDYClo.js} +1 -1
- package/dist/chunks/{if-non-empty-0zvrDGPr.js → if-non-empty-COTeEFkK.js} +1 -1
- package/dist/chunks/if-non-empty-CxMysAQW.js +1 -0
- package/dist/chunks/index-0AElqkkj.js +12 -0
- package/dist/chunks/{index-DEcgB0oH.js → index-4WNeLsiw.js} +4 -4
- package/dist/chunks/{index-C3LD0iwa.js → index-4XJJobHw.js} +12 -12
- package/dist/chunks/index-7cXLLw89.js +881 -0
- package/dist/chunks/index-9fmHblh5.js +121 -0
- package/dist/chunks/{index-DocEKbBo.js → index-B0nToMRj.js} +5 -5
- package/dist/chunks/index-B4SxU_Hu.js +87 -0
- package/dist/chunks/index-B5DpS-cb.js +2 -0
- package/dist/chunks/{index-D1PpRn2p.js → index-B5GB0rQW.js} +40 -31
- package/dist/chunks/index-B8Ze9ISK.js +17 -0
- package/dist/chunks/index-BAAA4wkE.js +45 -0
- package/dist/chunks/index-BBWp83R-.js +160 -0
- package/dist/chunks/index-BBap1uCI.js +1 -0
- package/dist/chunks/index-BGGDxbLL.js +368 -0
- package/dist/chunks/index-BMquNDkd.js +381 -0
- package/dist/chunks/{index-RlFlo7pl.js → index-BQnyeVHX.js} +1 -1
- package/dist/chunks/index-BRnzFxjk.js +25 -0
- package/dist/chunks/index-BbJQIwkY.js +452 -0
- package/dist/chunks/{index-DQZqjZ8k.js → index-Bb_1S0pr.js} +7 -7
- package/dist/chunks/index-BeMnerDj.js +111 -0
- package/dist/chunks/index-Bff6B9vY.js +254 -0
- package/dist/chunks/index-Bi9WliCA.js +683 -0
- package/dist/chunks/{index-DXoeeipa.js → index-Bls8zdHV.js} +6 -6
- package/dist/chunks/index-Bo2QmpPO.js +1 -0
- package/dist/chunks/index-BseD7Jzt.js +75 -0
- package/dist/chunks/index-Bt7v-zqV.js +77 -0
- package/dist/chunks/index-Bunat0DP.js +337 -0
- package/dist/chunks/index-BvdNKhJw.js +19 -0
- package/dist/chunks/index-BwFE4R87.js +30 -0
- package/dist/chunks/index-BwRxBdeg.js +158 -0
- package/dist/chunks/{index-cMdyiXPa.js → index-Bymsj9gH.js} +1 -1
- package/dist/chunks/{index-CZwmnbDv.js → index-C-pfDP7B.js} +1 -1
- package/dist/chunks/{index-C6SudlSp.js → index-C2oV5vU3.js} +1 -1
- package/dist/chunks/index-C3n83pM3.js +103 -0
- package/dist/chunks/index-C572_UKV.js +22 -0
- package/dist/chunks/index-C6bOvXSf.js +129 -0
- package/dist/chunks/{index-BKsBoGOO.js → index-CBICHiFD.js} +147 -135
- package/dist/chunks/index-CEy6bu7P.js +79 -0
- package/dist/chunks/{index-Dl6HFhg1.js → index-CFqKkC5Z.js} +1 -1
- package/dist/chunks/{index-h66Bp4Cx.js → index-CIZ3Gnmm.js} +1 -1
- package/dist/chunks/index-CIiIAqrQ.js +414 -0
- package/dist/chunks/index-CJdEJ8pY.js +15 -0
- package/dist/chunks/index-CKYRBtLC.js +79 -0
- package/dist/chunks/index-CQl4NaPS.js +65 -0
- package/dist/chunks/index-CR3DrmQi.js +235 -0
- package/dist/chunks/index-CTsGb3mD.js +364 -0
- package/dist/chunks/{index-C_Xg4nHN.js → index-CV7TVQ4T.js} +7 -7
- package/dist/chunks/index-CWlg_Hu2.js +150 -0
- package/dist/chunks/{index-Df3VILTD.js → index-CYIcfuAW.js} +4 -4
- package/dist/chunks/{index-Ci2M9li9.js → index-CkxGsCJy.js} +181 -182
- package/dist/chunks/index-ClE0uX_c.js +27 -0
- package/dist/chunks/index-Cnsy7Qk3.js +511 -0
- package/dist/chunks/index-CoAT1iC6.js +12 -0
- package/dist/chunks/index-Cp3P3KaW.js +45 -0
- package/dist/chunks/index-CqQZpHti.js +3 -0
- package/dist/chunks/{index-B1YLd9rD.js → index-CsjJntyD.js} +1 -1
- package/dist/chunks/{index-B3EmHaO7.js → index-Ctna95NT.js} +5 -5
- package/dist/chunks/index-Cu1u3Mjn.js +150 -0
- package/dist/chunks/{index-CArtDXbg.js → index-Cv6qE9qP.js} +1 -1
- package/dist/chunks/index-Cwb1pbm9.js +252 -0
- package/dist/chunks/{index-CYpHcMws.js → index-CzAwJhyQ.js} +4 -4
- package/dist/chunks/index-D8LE8G2j.js +81 -0
- package/dist/chunks/{index-1G2UuijG.js → index-D9sRIKMQ.js} +9 -9
- package/dist/chunks/index-DBsASlZI.js +15 -0
- package/dist/chunks/{index-LR7m5odx.js → index-DGw1TVFB.js} +3 -3
- package/dist/chunks/{index-Clei4V9i.js → index-DIsXKJDH.js} +1 -1
- package/dist/chunks/{index-BJHILyIN.js → index-DNWjc2SJ.js} +3 -3
- package/dist/chunks/index-DSOPjl5x.js +563 -0
- package/dist/chunks/index-DUtoSCTU.js +455 -0
- package/dist/chunks/index-DWjrCygZ.js +49 -0
- package/dist/chunks/{index-Cl1_9l1N.js → index-DYvD9xjl.js} +1 -1
- package/dist/chunks/{index-CYg05Ph9.js → index-DZabSr3s.js} +4 -4
- package/dist/chunks/{index-BhJiw5Wx.js → index-DbAeG1nY.js} +1 -1
- package/dist/chunks/index-Dc51G1mo.js +26 -0
- package/dist/chunks/index-Dd9iSSXa.js +260 -0
- package/dist/chunks/{index-BQNhvN2i.js → index-DfFx1Jz3.js} +4 -4
- package/dist/chunks/index-Dh4LYLg5.js +1604 -0
- package/dist/chunks/index-Dk3tlz8Q.js +15 -0
- package/dist/chunks/index-Do1DszoZ.js +1 -0
- package/dist/chunks/index-DrDKdYFJ.js +58 -0
- package/dist/chunks/{index-CmA3uuMd.js → index-DyO3Wdy_.js} +1 -1
- package/dist/chunks/index-DyyLrVDY.js +188 -0
- package/dist/chunks/{index-DkUS58Ay.js → index-GDVDUQtg.js} +14 -14
- package/dist/chunks/index-GbWz6fuF.js +243 -0
- package/dist/chunks/index-JWULDURW.js +89 -0
- package/dist/chunks/index-MgWriQfr.js +35 -0
- package/dist/chunks/index-OgL1A9Rm.js +42 -0
- package/dist/chunks/{index-BG3BMHhy.js → index-QzojJs5M.js} +3 -3
- package/dist/chunks/index-TJL02uup.js +291 -0
- package/dist/chunks/index-Z4ar01y-.js +259 -0
- package/dist/chunks/{index-TCPPpE9b.js → index-_xRytR0j.js} +1 -1
- package/dist/chunks/index-cuMoh7qn.js +1 -0
- package/dist/chunks/index-du3RQU31.js +62 -0
- package/dist/chunks/{index-CZ2kGMvF.js → index-hH_m653R.js} +6 -6
- package/dist/chunks/{index-Bd60xpxv.js → index-hn76Yo-L.js} +1 -1
- package/dist/chunks/index-i4heE-wx.js +71 -0
- package/dist/chunks/index-i9jyrFc9.js +19 -0
- package/dist/chunks/index-lFqOe0IJ.js +46 -0
- package/dist/chunks/index-pS6-humH.js +74 -0
- package/dist/chunks/index-pc36PiDY.js +57 -0
- package/dist/chunks/index-qgl9W8eF.js +52 -0
- package/dist/chunks/{index-CKBFfWOV.js → index-uwN33H1P.js} +7 -7
- package/dist/chunks/index-uxZPrL2m.js +406 -0
- package/dist/chunks/index-yzFU-E6F.js +22 -0
- package/dist/chunks/{loading-icon-Bw73Z2Lq.js → loading-icon-CPvmJvpZ.js} +1 -1
- package/dist/chunks/{loading-icon-D7mJr3sa.js → loading-icon-DdwpAk8-.js} +2 -2
- package/dist/chunks/{main-DTOZMPON.js → main-BGOPab-5.js} +1489 -1129
- package/dist/chunks/main-Bx21zlkN.js +65 -0
- package/dist/chunks/{property-Coy6Dag6.js → property-BkjBVRuu.js} +1 -1
- package/dist/chunks/{property-C5teVlku.js → property-DAFv3PCb.js} +1 -1
- package/dist/chunks/register-BCEOkbXG.js +1583 -0
- package/dist/chunks/{register-CHuMnx--.js → register-Bkr1UKav.js} +1 -1
- package/dist/chunks/{register-BO2Fr57T.js → register-DTXmg-gw.js} +1 -1
- package/dist/chunks/register-D_CXtGy1.js +1 -0
- package/dist/chunks/search-DDFN8-Mz.js +30 -0
- package/dist/chunks/search-npG8ywjx.js +240 -0
- package/dist/chunks/select-CFy3MvH6.js +76 -0
- package/dist/chunks/select-DkCpQORs.js +357 -0
- package/dist/chunks/{settings-NO9fjW0P.js → settings-Bgpv8zuU.js} +2 -0
- package/dist/chunks/{settings-Dy9UPb4i.js → settings-jvP7vP60.js} +2 -0
- package/dist/chunks/{state-BFc9dfyj.js → state-BdgD82MZ.js} +1 -1
- package/dist/chunks/{state-C2XTwLOv.js → state-uF7CZaP5.js} +1 -1
- package/dist/chunks/text-input-BUdM-ojg.js +68 -0
- package/dist/chunks/text-input-DVdkm07X.js +372 -0
- package/dist/chunks/tooltip-content-BXcBmMsV.js +3 -0
- package/dist/chunks/tooltip-content-CWRE_NqH.js +135 -0
- package/dist/chunks/{unsafe-html-9YCxB3h1.js → unsafe-html-Bg0eM3hS.js} +1 -1
- package/dist/chunks/{unsafe-html-H7RRvoR7.js → unsafe-html-CpAqmPyx.js} +1 -1
- package/dist/zooy.cjs.js +1 -1
- package/dist/zooy.es.js +10 -10
- package/package.json +2 -2
- package/src/sass/carbon.scss +41 -0
- package/src/sass/panels.scss +263 -377
- package/src/sass/split.scss +0 -13
- package/dist/chunks/button-CgQW6Alg.js +0 -272
- package/dist/chunks/button-CnwdjMNF.js +0 -66
- package/dist/chunks/checkbox-Bt024Adv.js +0 -40
- package/dist/chunks/checkbox-D2LeqAn8.js +0 -201
- package/dist/chunks/collection-helpers-BwUB2CEz.js +0 -8
- package/dist/chunks/collection-helpers-CYLIiyii.js +0 -1
- package/dist/chunks/content-switcher-item-D6gOZCuS.js +0 -351
- package/dist/chunks/content-switcher-item-Dtv8UD1x.js +0 -27
- package/dist/chunks/defs-DMmigODC.js +0 -1077
- package/dist/chunks/defs-DPD20sPK.js +0 -1
- package/dist/chunks/dropdown-item-BDRUe-IF.js +0 -621
- package/dist/chunks/dropdown-item-DNLmqxnr.js +0 -69
- package/dist/chunks/if-non-empty-BIwvmklX.js +0 -1
- package/dist/chunks/index-21j_5emj.js +0 -35
- package/dist/chunks/index-82K_ozYZ.js +0 -455
- package/dist/chunks/index-B4JPT-gj.js +0 -683
- package/dist/chunks/index-B5-56fkV.js +0 -62
- package/dist/chunks/index-B612bWya.js +0 -58
- package/dist/chunks/index-B8nOkbPA.js +0 -77
- package/dist/chunks/index-BAEdnwkZ.js +0 -25
- package/dist/chunks/index-BAMMtRO9.js +0 -214
- package/dist/chunks/index-BC-p6lrw.js +0 -337
- package/dist/chunks/index-BEOc7JG-.js +0 -16
- package/dist/chunks/index-BHWaezgU.js +0 -259
- package/dist/chunks/index-BNjgzCq_.js +0 -1
- package/dist/chunks/index-BTND2b3S.js +0 -19
- package/dist/chunks/index-BZmOT6Xm.js +0 -89
- package/dist/chunks/index-B_C9vt_w.js +0 -30
- package/dist/chunks/index-B_JMGygD.js +0 -188
- package/dist/chunks/index-Bl6sE0-K.js +0 -1
- package/dist/chunks/index-BmvLxuoI.js +0 -16
- package/dist/chunks/index-BwMEAhRr.js +0 -2
- package/dist/chunks/index-BwOJ4JFm.js +0 -1604
- package/dist/chunks/index-BzmpjZ1o.js +0 -26
- package/dist/chunks/index-C06cFvgb.js +0 -406
- package/dist/chunks/index-C4JzGVcF.js +0 -49
- package/dist/chunks/index-C5nYdcCH.js +0 -875
- package/dist/chunks/index-C6WHuZdF.js +0 -79
- package/dist/chunks/index-C8YWVLB0.js +0 -128
- package/dist/chunks/index-C8miW4lw.js +0 -364
- package/dist/chunks/index-CDNshf0_.js +0 -57
- package/dist/chunks/index-CFYfFa1Z.js +0 -235
- package/dist/chunks/index-CJZtiqY-.js +0 -22
- package/dist/chunks/index-CMD0FIe-.js +0 -41
- package/dist/chunks/index-COcNpxlj.js +0 -87
- package/dist/chunks/index-CUTw26ex.js +0 -368
- package/dist/chunks/index-CUd_43Fv.js +0 -414
- package/dist/chunks/index-CXgbBzE5.js +0 -252
- package/dist/chunks/index-C_S3O2rJ.js +0 -79
- package/dist/chunks/index-CbuopDOc.js +0 -1
- package/dist/chunks/index-CcxiTkam.js +0 -150
- package/dist/chunks/index-Ce9jg1n7.js +0 -15
- package/dist/chunks/index-CfLbYyk0.js +0 -3
- package/dist/chunks/index-CkMd-UJg.js +0 -52
- package/dist/chunks/index-Co5m8M3y.js +0 -12
- package/dist/chunks/index-CoPuejcu.js +0 -511
- package/dist/chunks/index-Cq6Vdh__.js +0 -215
- package/dist/chunks/index-Cwe1NunF.js +0 -46
- package/dist/chunks/index-D1OTs_P5.js +0 -1
- package/dist/chunks/index-D3ldTviC.js +0 -150
- package/dist/chunks/index-DBvXH68A.js +0 -26
- package/dist/chunks/index-DC7qmnoW.js +0 -74
- package/dist/chunks/index-DDRkmmQp.js +0 -156
- package/dist/chunks/index-DH9eR0DH.js +0 -32
- package/dist/chunks/index-DLUPGsWM.js +0 -71
- package/dist/chunks/index-D_pgjOiX.js +0 -81
- package/dist/chunks/index-DktSeVhc.js +0 -563
- package/dist/chunks/index-Dqe5xXlT.js +0 -160
- package/dist/chunks/index-DuGskRLI.js +0 -243
- package/dist/chunks/index-DyoG-yF-.js +0 -75
- package/dist/chunks/index-E_bjKqnf.js +0 -15
- package/dist/chunks/index-GRYR4d36.js +0 -394
- package/dist/chunks/index-H-w5fBQG.js +0 -65
- package/dist/chunks/index-HvLIPR2y.js +0 -291
- package/dist/chunks/index-OhwD9m-A.js +0 -12
- package/dist/chunks/index-XTPnXw_W.js +0 -45
- package/dist/chunks/index-ZyhwV5v-.js +0 -452
- package/dist/chunks/index-cFX6zBu4.js +0 -19
- package/dist/chunks/index-fghrBFfu.js +0 -103
- package/dist/chunks/index-wTRaGtNG.js +0 -45
- package/dist/chunks/index-wigDmvr8.js +0 -121
- package/dist/chunks/index-y_a1ZQAA.js +0 -111
- package/dist/chunks/main-A63e59aD.js +0 -67
- package/dist/chunks/register-B533U9U9.js +0 -1
- package/dist/chunks/register-ClkXTZwT.js +0 -1383
- package/dist/chunks/search-CsRC23Cp.js +0 -240
- package/dist/chunks/search-DsyFfaxl.js +0 -30
- package/dist/chunks/select-BoaR85ix.js +0 -76
- package/dist/chunks/select-CKe8zwIo.js +0 -357
- package/dist/chunks/text-input-BuK8MjZG.js +0 -68
- package/dist/chunks/text-input-D2BsjPTx.js +0 -372
- package/dist/chunks/tooltip-content-B6aAm7Zu.js +0 -3
- package/dist/chunks/tooltip-content-DXrPA6JW.js +0 -135
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";const a=require("./tslib.es6-B07k2eac.js"),r=require("./main-A63e59aD.js"),z=require("./class-map-Dt10N9TS.js"),d=require("./property-C5teVlku.js"),i=require("./settings-NO9fjW0P.js"),E=require("./index-BAEdnwkZ.js"),w=require("./shared-enums-BJDDuJr7.js"),v=require("./carbon-element-CbfPUYRT.js"),C=require("./icon-loader-DS-X84Yz.js"),R=require("./if-defined-CFTJFEK6.js"),q=require("./16-DylBiJnm.js"),$=require("./host-listener-rUcT_LUW.js"),A=require("./focus-Dty12qxz.js"),T=require("./host-listener-gxrTpxgv.js"),L=require("./query-Dh8joWcT.js"),M=require("./16-B56B50XT.js"),u=require("./radio-group-manager-DBAEmhDM.js");var x=r.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}']),N={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 p=class extends E.CDSLink$1{constructor(){super(...arguments),this.colorScheme=w.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.linkRole="button",this.hasRoundedCorners=!1,this.aiLabel=!1,this.slug=!1}get _classes(){const{colorScheme:e,disabled:t,hasRoundedCorners:s,aiLabel:l,slug:c}=this;return z.e({[`${i.prefix}--link`]:!0,[`${i.prefix}--link--disabled`]:t,[`${i.prefix}--tile`]:!0,[`${i.prefix}--tile--clickable`]:!0,[`${i.prefix}--tile--${e}`]:e,[`${i.prefix}--tile--slug-rounded`]:(l||c)&&s})}connectedCallback(){this.slug&&(this.setAttribute("ai-Label",""),this.aiLabel=!0),super.connectedCallback()}_renderInner(){return r.x`
|
|
2
|
-
${super._renderInner()}
|
|
3
|
-
${this.aiLabel||this.slug?C.iconLoader(N,{class:`${i.prefix}--tile--ai-label-icon`}):""}
|
|
4
|
-
<slot name="decorator"></slot>
|
|
5
|
-
`}static get slugItem(){return`${i.prefix}-slug`}static get aiLabelItem(){return`${i.prefix}-ai-label`}};p.styles=x;a.__decorate([d.n({attribute:"color-scheme",reflect:!0})],p.prototype,"colorScheme",void 0);a.__decorate([d.n({attribute:"link-role"})],p.prototype,"linkRole",void 0);a.__decorate([d.n({type:Boolean,attribute:"has-rounded-corners"})],p.prototype,"hasRoundedCorners",void 0);a.__decorate([d.n({type:Boolean,attribute:"ai-label"})],p.prototype,"aiLabel",void 0);a.__decorate([d.n({type:Boolean})],p.prototype,"slug",void 0);p=a.__decorate([v.carbonElement(`${i.prefix}-clickable-tile`)],p);let g=class extends T.HostListenerMixin(A.FocusMixin(r.i)){constructor(){super(...arguments),this._belowTheContentHeight=0,this._hasAILabel=!1,this._handleClick=()=>{this.withInteractive||this._handleExpand()},this.colorScheme=w.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.expanded=!1,this.hasRoundedCorners=!1,this.withInteractive=!1}_handleSlotChange({target:e}){const t=e.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});t.length>0&&(this._hasAILabel=!!t,t[0].setAttribute("size","xs")),this.requestUpdate()}_handleSlotChangeBelowTheFoldContent(e){if(this._belowTheContentHeight=e.target.assignedNodes().reduce((t,s)=>{var l;return t+((l=s.offsetHeight)!==null&&l!==void 0?l:0)},0),!this._belowTheContentHeight){const t=getComputedStyle(this.querySelector("cds-tile-below-the-fold-content"));this._belowTheContentHeight=parseInt(t.height,10)}this.requestUpdate()}_handleExpand(){const e=!this.expanded;this.focus();const t={bubbles:!0,composed:!0,detail:{expanded:e}},s=this.constructor,l=new CustomEvent(s.eventBeforeToggle,Object.assign(Object.assign({},t),{cancelable:!0}));if(this.dispatchEvent(l)){this.expanded=e;const c=new CustomEvent(s.eventToggle,t);this.dispatchEvent(c)}}updated(){this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){const{expanded:e,withInteractive:t,_belowTheContentHeight:s,_handleSlotChangeBelowTheFoldContent:l}=this,c=z.e({[`${i.prefix}--tile__chevron`]:!0,[`${i.prefix}--tile__chevron--interactive`]:t});return r.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="${t?this._handleExpand:""}"
|
|
12
|
-
aria-expanded="${String(!!e)}">
|
|
13
|
-
${C.iconLoader(q._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="${i.prefix}--tile-content">
|
|
19
|
-
<div><slot name="above-the-fold-content"></slot></div>
|
|
20
|
-
<div
|
|
21
|
-
class="${i.prefix}-ce--expandable-tile--below-the-fold-content"
|
|
22
|
-
style="${R.o(e?`max-height: ${s}px`:void 0)}">
|
|
23
|
-
<slot @slotchange="${l}"></slot>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
`}static get slugItem(){return`${i.prefix}-slug`}static get aiLabelItem(){return`${i.prefix}-ai-label`}static get eventBeforeToggle(){return`${i.prefix}-expandable-tile-beingtoggled`}static get eventToggle(){return`${i.prefix}-expandable-tile-toggled`}};g.styles=x;a.__decorate([$.HostListener("click")],g.prototype,"_handleClick",void 0);a.__decorate([d.n({attribute:"color-scheme",reflect:!0})],g.prototype,"colorScheme",void 0);a.__decorate([d.n({type:Boolean,reflect:!0})],g.prototype,"expanded",void 0);a.__decorate([d.n({type:Boolean,attribute:"has-rounded-corners"})],g.prototype,"hasRoundedCorners",void 0);a.__decorate([d.n({type:Boolean,reflect:!0,attribute:"with-interactive"})],g.prototype,"withInteractive",void 0);g=a.__decorate([v.carbonElement(`${i.prefix}-expandable-tile`)],g);var 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,4ZM6,26V6H26V26Z"}}],name:"checkbox",size:16},O={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 T.HostListenerMixin(A.FocusMixin(r.i)){constructor(){super(...arguments),this._inputType="checkbox",this._hasAILabel=!1,this._handleClick=()=>{this.selected=!this.selected;const{eventChange:e}=this.constructor;this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:{selected:this.selected}}))},this._handleKeydown=e=>{var t,s;const{key:l}=e;(l===" "||l==="Enter")&&!(!((t=e.target)===null||t===void 0)&&t.matches(this.constructor.aiLabelItem))&&!(!((s=e.target)===null||s===void 0)&&s.matches(this.constructor.slugItem))&&(this.selected=!this.selected)},this.colorScheme=w.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.disabled=!1,this.hasRoundedCorners=!1,this.selected=!1}_handleSlotChange({target:e}){const t=e.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});t.length>0&&(this._hasAILabel=!!t,t[0].setAttribute("size","xs")),this.requestUpdate()}_handleChange(){this.selected=this._inputNode.checked;const e=this.selected,{eventChange:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{selected:e}}))}_renderIcon(){const{selected:e,checkmarkLabel:t}=this;return C.iconLoader(e?O:B,{"aria-label":t||void 0,class:`${i.prefix}--selectable-tile__icon`})}updated(){this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){const{colorScheme:e,disabled:t,hasRoundedCorners:s,name:l,selected:c,value:b,_handleChange:h,_hasAILabel:k}=this,f=z.e({[`${i.prefix}--tile`]:!0,[`${i.prefix}--tile--disabled`]:t,[`${i.prefix}--tile--selectable`]:!0,[`${i.prefix}--tile--is-selected`]:c,[`${i.prefix}--tile--${e}`]:e,[`${i.prefix}--tile--slug-rounded`]:k&&s});return r.x`
|
|
27
|
-
<div
|
|
28
|
-
class=${f}
|
|
29
|
-
role="checkbox"
|
|
30
|
-
aria-checked=${c}
|
|
31
|
-
@change=${h}
|
|
32
|
-
tabindex=${t?void 0:0}
|
|
33
|
-
name=${l}
|
|
34
|
-
value=${b}
|
|
35
|
-
@click=${t?void 0:this._handleClick}
|
|
36
|
-
@keydown=${this._handleKeydown}>
|
|
37
|
-
<span
|
|
38
|
-
class="${i.prefix}--tile__checkmark ${i.prefix}--tile__checkmark--persistent">
|
|
39
|
-
${this._renderIcon()}
|
|
40
|
-
</span>
|
|
41
|
-
<label class="${i.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`${i.prefix}-slug`}static get aiLabelItem(){return`${i.prefix}-ai-label`}static get eventChange(){return`${i.prefix}-selectable-tile-changed`}};o.shadowRootOptions=Object.assign(Object.assign({},r.i.shadowRootOptions),{delegatesFocus:!0});o.styles=x;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([v.carbonElement(`${i.prefix}-selectable-tile`)],o);var D=o;let I=class extends D{constructor(){super(...arguments),this._handleKeydown=e=>{(e.key===" "||e.key==="Enter")&&e.preventDefault()}}_handleChange(){this.selected=!0;const{selected:e,name:t}=this,{eventRadioChange:s}=this.constructor;this.dispatchEvent(new CustomEvent(s,{bubbles:!0,composed:!0,detail:{selected:e,name:t}}))}render(){const{colorScheme:e,checkmarkLabel:t,disabled:s,hasRoundedCorners:l,name:c,selected:b,value:h,_handleChange:k,_handleKeydown:f,_hasAILabel:_}=this,S=z.e({[`${i.prefix}--tile`]:!0,[`${i.prefix}--tile--selectable`]:!0,[`${i.prefix}--tile--radio`]:!0,[`${i.prefix}--tile--disabled`]:s,[`${i.prefix}--tile--is-selected`]:b,[`${i.prefix}--tile--${e}`]:e,[`${i.prefix}--tile--slug-rounded`]:_&&l});return r.x`
|
|
49
|
-
<input
|
|
50
|
-
type="radio"
|
|
51
|
-
id="input"
|
|
52
|
-
class="${i.prefix}--tile-input"
|
|
53
|
-
?disabled="${s}"
|
|
54
|
-
tabindex="${b?0:-1}"
|
|
55
|
-
name="${R.o(c)}"
|
|
56
|
-
value="${R.o(h)}"
|
|
57
|
-
.checked=${b}
|
|
58
|
-
@change=${s?void 0:k}
|
|
59
|
-
@keydown="${s?void 0:f}" />
|
|
60
|
-
<label part="label" for="input" class="${S}">
|
|
61
|
-
${C.iconLoader(M._16,{class:`${i.prefix}--tile__checkmark`,title:t})}
|
|
62
|
-
<div class="${i.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`${i.prefix}-radio-tile-selected`}};I=a.__decorate([v.carbonElement(`${i.prefix}-radio-tile`)],I);let y=class extends r.i{constructor(){super(...arguments),this._hasAILabel=!1,this.colorScheme=w.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.hasRoundedCorners=!1}_handleSlotChange({target:e}){const t=e.assignedNodes().filter(s=>s.matches!==void 0?s.matches(this.constructor.aiLabelItem)||s.matches(this.constructor.slugItem):!1);t.length>0&&(this._hasAILabel=!!t,t[0].setAttribute("size","xs")),this.requestUpdate()}updated(){this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){return r.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`${i.prefix}-slug`}static get aiLabelItem(){return`${i.prefix}-ai-label`}};y.styles=x;a.__decorate([d.n({attribute:"color-scheme",reflect:!0})],y.prototype,"colorScheme",void 0);a.__decorate([d.n({type:Boolean,attribute:"has-rounded-corners"})],y.prototype,"hasRoundedCorners",void 0);y=a.__decorate([v.carbonElement(`${i.prefix}-tile`)],y);const F={ArrowUp:u.NAVIGATION_DIRECTION.BACKWARD,Up:u.NAVIGATION_DIRECTION.BACKWARD,ArrowLeft:u.NAVIGATION_DIRECTION.BACKWARD,Left:u.NAVIGATION_DIRECTION.BACKWARD,ArrowDown:u.NAVIGATION_DIRECTION.FORWARD,Down:u.NAVIGATION_DIRECTION.FORWARD,ArrowRight:u.NAVIGATION_DIRECTION.FORWARD,Right:u.NAVIGATION_DIRECTION.FORWARD};let n=class extends T.HostListenerMixin(r.i){constructor(){super(...arguments),this._handleKeydown=e=>{const{target:t,key:s}=e,{radioTiles:l,selectableTiles:c}=this,b=F[s];if(t?.matches(`${i.prefix}-ai-label`))return;const h=l.length?l:c,f=[...h].findIndex(S=>S==t)+b,_=f!==-1?h[f%h.length]:h[h.length-1];b?(e.preventDefault(),this.radioTiles.length?this._handleKeydownRadio(_):this._handleKeydownSelectable(e,_)):(s===" "||s==="Enter")&&this._handleKeydownSelectable(e)},this._handleFocus=e=>{const{relatedTarget:t,target:s}=e;s?.matches(`${i.prefix}-ai-label`)||this.radioTiles.length&&(this.currentRadioSelection?!t?.matches(this.constructor.selectorRadioTile)&&s!==this.currentRadioSelection&&this.currentRadioSelection.focus():(s.toggleAttribute("selected"),this.currentRadioSelection=s))},this.currentSelections=[]}_handleRadioClick(e){const{target:t}=e,{currentRadioSelection:s}=this,{eventCurrentRadioTileSelection:l}=this.constructor;t.matches(`${i.prefix}-ai-label`)||(s?s!==t&&(s.toggleAttribute("selected"),this.currentRadioSelection=t):this.currentRadioSelection=t,this.dispatchEvent(new CustomEvent(l,{bubbles:!0,composed:!0,detail:{target:t}})))}_handleTileSelect(e){this.radioTiles.length&&this._handleRadioClick(e)}_handleKeydownRadio(e){const{currentRadioSelection:t}=this,{eventCurrentRadioTileSelection:s}=this.constructor;t&&t.toggleAttribute("selected"),e.focus(),e.toggleAttribute("selected"),this.currentRadioSelection=e,this.dispatchEvent(new CustomEvent(s,{bubbles:!0,composed:!0,detail:{nextSibling:e}}))}_handleKeydownSelectable(e,t){const{target:s}=e,{currentSelections:l}=this,{eventCurrentSelectableTilesSelection:c}=this.constructor;t?t.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(e=>{e.selected&&(this.currentRadioSelection=e)})),this.selectableTiles||(this.selectableTiles=this.querySelectorAll(this.constructor.selectorSelectableTile)),this.disabled&&(this.radioTiles.forEach(e=>e.toggleAttribute("disabled")),this.selectableTiles.forEach(e=>e.toggleAttribute("disabled")))}render(){const{fieldsetClassName:e,disabled:t}=this;return r.x`
|
|
70
|
-
<fieldset class="${e}" ?disabled=${t}>
|
|
71
|
-
<slot name="legend" class="${i.prefix}--label"></slot>
|
|
72
|
-
<slot></slot>
|
|
73
|
-
</fieldset>
|
|
74
|
-
`}static get selectorRadioTile(){return`${i.prefix}-radio-tile`}static get selectorSelectableTile(){return`${i.prefix}-selectable-tile`}static get eventCurrentRadioTileSelection(){return`${i.prefix}-current-radio-tile-selection`}static get eventCurrentSelectableTilesSelection(){return`${i.prefix}-current-selectable-tile-selections`}};n.styles=x;a.__decorate([$.HostListener("click")],n.prototype,"_handleTileSelect",null);a.__decorate([$.HostListener("keydown")],n.prototype,"_handleKeydown",void 0);a.__decorate([$.HostListener("focusin")],n.prototype,"_handleFocus",void 0);a.__decorate([d.n({reflect:!0,attribute:"fieldset-class-name"})],n.prototype,"fieldsetClassName",void 0);a.__decorate([d.n({reflect:!0,type:Boolean})],n.prototype,"disabled",void 0);a.__decorate([d.n()],n.prototype,"currentRadioSelection",void 0);a.__decorate([d.n()],n.prototype,"currentSelections",void 0);a.__decorate([d.n()],n.prototype,"radioTiles",void 0);a.__decorate([d.n()],n.prototype,"selectableTiles",void 0);n=a.__decorate([v.carbonElement(`${i.prefix}-tile-group`)],n);
|