@trintel/zooy 1.0.1-beta.0 → 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.
Files changed (284) hide show
  1. package/README.md +284 -339
  2. package/dist/chunks/{16-ChlL35BX.js → 16-BXti8Tu-.js} +6 -6
  3. package/dist/chunks/16-CMCRqVYz.js +1 -0
  4. package/dist/chunks/{20-CZPIOG-A.js → 20-CQLnFcRb.js} +9 -9
  5. package/dist/chunks/20-Df0dXwyx.js +1 -0
  6. package/dist/chunks/button-B1jzfT-Z.js +272 -0
  7. package/dist/chunks/button-C-oX8EmF.js +66 -0
  8. package/dist/chunks/button-skeleton-CK3BHdja.js +21 -0
  9. package/dist/chunks/{button-skeleton-COf2kCDL.js → button-skeleton-DoCp6sBb.js} +10 -9
  10. package/dist/chunks/checkbox-CgFjYxQ_.js +201 -0
  11. package/dist/chunks/checkbox-t3G-H1NN.js +40 -0
  12. package/dist/chunks/{class-map-BfNAkUL_.js → class-map-D6tjF27Y.js} +2 -2
  13. package/dist/chunks/{class-map-DEHG4tmw.js → class-map-FWQBIzSx.js} +1 -1
  14. package/dist/chunks/collection-helpers-Bk68Vaau.js +7 -0
  15. package/dist/chunks/collection-helpers-afBvMQaC.js +1 -0
  16. package/dist/chunks/content-switcher-item-CedjjtvP.js +351 -0
  17. package/dist/chunks/content-switcher-item-c4WBWz31.js +27 -0
  18. package/dist/chunks/defs-C88lSWuJ.js +1 -0
  19. package/dist/chunks/defs-Do0OvCKd.js +1165 -0
  20. package/dist/chunks/dropdown-item-C0SHr4st.js +69 -0
  21. package/dist/chunks/dropdown-item-Dh5IEXDr.js +621 -0
  22. package/dist/chunks/{focus-rQSNiwy7.js → focus-B3iymVyL.js} +1 -1
  23. package/dist/chunks/{focus-B9JYe97T.js → focus-WnKGH_xB.js} +1 -1
  24. package/dist/chunks/{icon-loader-Dk_AU26w.js → icon-loader-CJxyg-lp.js} +1 -1
  25. package/dist/chunks/{icon-loader-o_JYDmJX.js → icon-loader-ChKeNR4s.js} +1 -1
  26. package/dist/chunks/{icon-loader-utils-BEOGXn0q.js → icon-loader-utils-BwViqIXz.js} +23 -23
  27. package/dist/chunks/icon-loader-utils-DK8DViXt.js +5 -0
  28. package/dist/chunks/if-defined-DYWhlnlE.js +5 -0
  29. package/dist/chunks/{if-defined-C0yJsxi2.js → if-defined-eJcDYClo.js} +1 -1
  30. package/dist/chunks/{if-non-empty-DTGflHtA.js → if-non-empty-COTeEFkK.js} +1 -1
  31. package/dist/chunks/if-non-empty-CxMysAQW.js +1 -0
  32. package/dist/chunks/index-0AElqkkj.js +12 -0
  33. package/dist/chunks/{index-B3mXrMt1.js → index-4WNeLsiw.js} +4 -3
  34. package/dist/chunks/{index-BXczHDk-.js → index-4XJJobHw.js} +12 -11
  35. package/dist/chunks/index-7cXLLw89.js +881 -0
  36. package/dist/chunks/index-9fmHblh5.js +121 -0
  37. package/dist/chunks/{index-BwIoRMDI.js → index-B0nToMRj.js} +7 -6
  38. package/dist/chunks/index-B4SxU_Hu.js +87 -0
  39. package/dist/chunks/index-B5DpS-cb.js +2 -0
  40. package/dist/chunks/{index-CzTjJ8lP.js → index-B5GB0rQW.js} +47 -37
  41. package/dist/chunks/index-B8Ze9ISK.js +17 -0
  42. package/dist/chunks/index-BAAA4wkE.js +45 -0
  43. package/dist/chunks/index-BBWp83R-.js +160 -0
  44. package/dist/chunks/index-BBap1uCI.js +1 -0
  45. package/dist/chunks/index-BGGDxbLL.js +368 -0
  46. package/dist/chunks/index-BMquNDkd.js +381 -0
  47. package/dist/chunks/index-BQnyeVHX.js +1 -0
  48. package/dist/chunks/index-BRnzFxjk.js +25 -0
  49. package/dist/chunks/index-BbJQIwkY.js +452 -0
  50. package/dist/chunks/{index-hLI0Bnyb.js → index-Bb_1S0pr.js} +7 -6
  51. package/dist/chunks/index-BeMnerDj.js +111 -0
  52. package/dist/chunks/index-Bff6B9vY.js +254 -0
  53. package/dist/chunks/index-Bi9WliCA.js +683 -0
  54. package/dist/chunks/{index-D0xRAPD5.js → index-Bls8zdHV.js} +6 -5
  55. package/dist/chunks/index-Bo2QmpPO.js +1 -0
  56. package/dist/chunks/index-BseD7Jzt.js +75 -0
  57. package/dist/chunks/index-Bt7v-zqV.js +77 -0
  58. package/dist/chunks/index-Bunat0DP.js +337 -0
  59. package/dist/chunks/index-BvdNKhJw.js +19 -0
  60. package/dist/chunks/index-BwFE4R87.js +30 -0
  61. package/dist/chunks/index-BwRxBdeg.js +158 -0
  62. package/dist/chunks/index-Bymsj9gH.js +1 -0
  63. package/dist/chunks/index-C-pfDP7B.js +1 -0
  64. package/dist/chunks/index-C2oV5vU3.js +4 -0
  65. package/dist/chunks/index-C3n83pM3.js +103 -0
  66. package/dist/chunks/index-C572_UKV.js +22 -0
  67. package/dist/chunks/index-C6bOvXSf.js +129 -0
  68. package/dist/chunks/{index-CByffhPq.js → index-CBICHiFD.js} +147 -134
  69. package/dist/chunks/index-CEy6bu7P.js +79 -0
  70. package/dist/chunks/index-CFqKkC5Z.js +36 -0
  71. package/dist/chunks/index-CIZ3Gnmm.js +8 -0
  72. package/dist/chunks/index-CIiIAqrQ.js +414 -0
  73. package/dist/chunks/index-CJdEJ8pY.js +15 -0
  74. package/dist/chunks/index-CKYRBtLC.js +79 -0
  75. package/dist/chunks/index-CQl4NaPS.js +65 -0
  76. package/dist/chunks/index-CR3DrmQi.js +235 -0
  77. package/dist/chunks/index-CTsGb3mD.js +364 -0
  78. package/dist/chunks/{index-rwBsdvh6.js → index-CV7TVQ4T.js} +9 -8
  79. package/dist/chunks/index-CWlg_Hu2.js +150 -0
  80. package/dist/chunks/{index-Bwix1iwB.js → index-CYIcfuAW.js} +6 -5
  81. package/dist/chunks/{index-WNXgzThF.js → index-CkxGsCJy.js} +181 -181
  82. package/dist/chunks/index-ClE0uX_c.js +27 -0
  83. package/dist/chunks/index-Cnsy7Qk3.js +511 -0
  84. package/dist/chunks/index-CoAT1iC6.js +12 -0
  85. package/dist/chunks/index-Cp3P3KaW.js +45 -0
  86. package/dist/chunks/index-CqQZpHti.js +3 -0
  87. package/dist/chunks/index-CsjJntyD.js +23 -0
  88. package/dist/chunks/{index-BIaF1Dfx.js → index-Ctna95NT.js} +5 -4
  89. package/dist/chunks/index-Cu1u3Mjn.js +150 -0
  90. package/dist/chunks/index-Cv6qE9qP.js +22 -0
  91. package/dist/chunks/index-Cwb1pbm9.js +252 -0
  92. package/dist/chunks/{index-BSgHSOVT.js → index-CzAwJhyQ.js} +4 -3
  93. package/dist/chunks/index-D8LE8G2j.js +81 -0
  94. package/dist/chunks/{index-C_K070Kn.js → index-D9sRIKMQ.js} +9 -8
  95. package/dist/chunks/index-DBsASlZI.js +15 -0
  96. package/dist/chunks/{index-DurPWBYc.js → index-DGw1TVFB.js} +3 -2
  97. package/dist/chunks/index-DIsXKJDH.js +4 -0
  98. package/dist/chunks/{index-CT43RMOu.js → index-DNWjc2SJ.js} +3 -2
  99. package/dist/chunks/index-DSOPjl5x.js +563 -0
  100. package/dist/chunks/index-DUtoSCTU.js +455 -0
  101. package/dist/chunks/index-DWjrCygZ.js +49 -0
  102. package/dist/chunks/index-DYvD9xjl.js +4 -0
  103. package/dist/chunks/index-DZabSr3s.js +36 -0
  104. package/dist/chunks/index-DbAeG1nY.js +1 -0
  105. package/dist/chunks/index-Dc51G1mo.js +26 -0
  106. package/dist/chunks/index-Dd9iSSXa.js +260 -0
  107. package/dist/chunks/{index-C8LyfVmf.js → index-DfFx1Jz3.js} +6 -5
  108. package/dist/chunks/index-Dh4LYLg5.js +1604 -0
  109. package/dist/chunks/index-Dk3tlz8Q.js +15 -0
  110. package/dist/chunks/index-Do1DszoZ.js +1 -0
  111. package/dist/chunks/index-DrDKdYFJ.js +58 -0
  112. package/dist/chunks/index-DyO3Wdy_.js +37 -0
  113. package/dist/chunks/index-DyyLrVDY.js +188 -0
  114. package/dist/chunks/{index-45EApaFs.js → index-GDVDUQtg.js} +14 -13
  115. package/dist/chunks/index-GbWz6fuF.js +243 -0
  116. package/dist/chunks/index-JWULDURW.js +89 -0
  117. package/dist/chunks/index-MgWriQfr.js +35 -0
  118. package/dist/chunks/index-OgL1A9Rm.js +42 -0
  119. package/dist/chunks/{index-DdNZTQw1.js → index-QzojJs5M.js} +3 -2
  120. package/dist/chunks/index-TJL02uup.js +291 -0
  121. package/dist/chunks/index-Z4ar01y-.js +259 -0
  122. package/dist/chunks/{index-BSh7UYcP.js → index-_xRytR0j.js} +3 -3
  123. package/dist/chunks/index-cuMoh7qn.js +1 -0
  124. package/dist/chunks/index-du3RQU31.js +62 -0
  125. package/dist/chunks/{index-DFA4_spk.js → index-hH_m653R.js} +9 -8
  126. package/dist/chunks/index-hn76Yo-L.js +1 -0
  127. package/dist/chunks/index-i4heE-wx.js +71 -0
  128. package/dist/chunks/index-i9jyrFc9.js +19 -0
  129. package/dist/chunks/index-lFqOe0IJ.js +46 -0
  130. package/dist/chunks/index-pS6-humH.js +74 -0
  131. package/dist/chunks/index-pc36PiDY.js +57 -0
  132. package/dist/chunks/index-qgl9W8eF.js +52 -0
  133. package/dist/chunks/{index-BUxB7aWd.js → index-uwN33H1P.js} +9 -8
  134. package/dist/chunks/index-uxZPrL2m.js +406 -0
  135. package/dist/chunks/index-yzFU-E6F.js +22 -0
  136. package/dist/chunks/{loading-icon-DhJR6LyV.js → loading-icon-CPvmJvpZ.js} +2 -2
  137. package/dist/chunks/loading-icon-DdwpAk8-.js +24 -0
  138. package/dist/chunks/main-BGOPab-5.js +4041 -0
  139. package/dist/chunks/main-Bx21zlkN.js +65 -0
  140. package/dist/chunks/{property-pT1z5CCa.js → property-BkjBVRuu.js} +1 -1
  141. package/dist/chunks/property-DAFv3PCb.js +5 -0
  142. package/dist/chunks/register-BCEOkbXG.js +1583 -0
  143. package/dist/chunks/{register-BK21_Wkj.js → register-Bkr1UKav.js} +1 -1
  144. package/dist/chunks/{register-BMNs2hNG.js → register-DTXmg-gw.js} +1 -1
  145. package/dist/chunks/register-D_CXtGy1.js +1 -0
  146. package/dist/chunks/search-DDFN8-Mz.js +30 -0
  147. package/dist/chunks/search-npG8ywjx.js +240 -0
  148. package/dist/chunks/select-CFy3MvH6.js +76 -0
  149. package/dist/chunks/select-DkCpQORs.js +357 -0
  150. package/dist/chunks/settings-Bgpv8zuU.js +62 -0
  151. package/dist/chunks/settings-jvP7vP60.js +66 -0
  152. package/dist/chunks/{state-FnSmMH94.js → state-BdgD82MZ.js} +1 -1
  153. package/dist/chunks/{state-Bpmgn27B.js → state-uF7CZaP5.js} +1 -1
  154. package/dist/chunks/text-input-BUdM-ojg.js +68 -0
  155. package/dist/chunks/text-input-DVdkm07X.js +372 -0
  156. package/dist/chunks/tooltip-content-BXcBmMsV.js +3 -0
  157. package/dist/chunks/tooltip-content-CWRE_NqH.js +135 -0
  158. package/dist/chunks/{unsafe-html-D49sIpJ5.js → unsafe-html-Bg0eM3hS.js} +5 -5
  159. package/dist/chunks/{unsafe-html-C_MKAcuC.js → unsafe-html-CpAqmPyx.js} +1 -1
  160. package/dist/zooy.cjs.js +1 -1
  161. package/dist/zooy.es.js +20 -2
  162. package/package.json +3 -4
  163. package/src/sass/carbon.scss +117 -0
  164. package/src/sass/main.scss +1 -1
  165. package/src/sass/panels.scss +268 -359
  166. package/src/sass/split.scss +1 -0
  167. package/dist/chunks/16-41wFkj7S.js +0 -1
  168. package/dist/chunks/20-gmyNFvDv.js +0 -1
  169. package/dist/chunks/button-DdJepOoE.js +0 -271
  170. package/dist/chunks/button-skeleton-rf3WDPTZ.js +0 -21
  171. package/dist/chunks/button-zHEPxpXa.js +0 -66
  172. package/dist/chunks/checkbox-B5mHvx0J.js +0 -200
  173. package/dist/chunks/checkbox-BRPCg-DN.js +0 -40
  174. package/dist/chunks/collection-helpers-BwUB2CEz.js +0 -8
  175. package/dist/chunks/collection-helpers-CYLIiyii.js +0 -1
  176. package/dist/chunks/content-switcher-item-DeGjVRQY.js +0 -350
  177. package/dist/chunks/content-switcher-item-DucclV1b.js +0 -27
  178. package/dist/chunks/defs-DMmigODC.js +0 -1077
  179. package/dist/chunks/defs-DPD20sPK.js +0 -1
  180. package/dist/chunks/dropdown-item-BgLQ1VLo.js +0 -69
  181. package/dist/chunks/dropdown-item-DPdwOION.js +0 -620
  182. package/dist/chunks/icon-loader-utils-BBjK16O-.js +0 -5
  183. package/dist/chunks/if-defined-BdZRLDJ6.js +0 -5
  184. package/dist/chunks/if-non-empty-CEHK-hqx.js +0 -1
  185. package/dist/chunks/index-16wphaSo.js +0 -4
  186. package/dist/chunks/index-27oFQaOS.js +0 -37
  187. package/dist/chunks/index-5jmZyISW.js +0 -1
  188. package/dist/chunks/index-B1vQ44Hl.js +0 -363
  189. package/dist/chunks/index-B3CDjjXh.js +0 -214
  190. package/dist/chunks/index-B7mGUQhz.js +0 -79
  191. package/dist/chunks/index-BBNaYDog.js +0 -22
  192. package/dist/chunks/index-BBt9OmO5.js +0 -12
  193. package/dist/chunks/index-BJAuRs3y.js +0 -75
  194. package/dist/chunks/index-BJKftWYn.js +0 -89
  195. package/dist/chunks/index-BLjNrhkN.js +0 -4
  196. package/dist/chunks/index-BOTu9u-3.js +0 -86
  197. package/dist/chunks/index-BPVpH8ll.js +0 -160
  198. package/dist/chunks/index-BRuvyoCz.js +0 -15
  199. package/dist/chunks/index-BXIxcS00.js +0 -22
  200. package/dist/chunks/index-BaVyBv2V.js +0 -25
  201. package/dist/chunks/index-BgbqX0uv.js +0 -234
  202. package/dist/chunks/index-BjQlt8g2.js +0 -451
  203. package/dist/chunks/index-BoNLj7PW.js +0 -44
  204. package/dist/chunks/index-BxVW3p3I.js +0 -258
  205. package/dist/chunks/index-ByKyGGzb.js +0 -3
  206. package/dist/chunks/index-ByTSSU1x.js +0 -1
  207. package/dist/chunks/index-CBbsFlsv.js +0 -290
  208. package/dist/chunks/index-CIbRjtWm.js +0 -32
  209. package/dist/chunks/index-CIzeMGQv.js +0 -81
  210. package/dist/chunks/index-CLGxSjLW.js +0 -62
  211. package/dist/chunks/index-CMF5Cawn.js +0 -70
  212. package/dist/chunks/index-CO-A2KY9.js +0 -562
  213. package/dist/chunks/index-CONgwvp0.js +0 -12
  214. package/dist/chunks/index-CUgiXqyk.js +0 -4
  215. package/dist/chunks/index-C_ttE2g9.js +0 -16
  216. package/dist/chunks/index-CcgnA1uu.js +0 -29
  217. package/dist/chunks/index-Cd7aoWrX.js +0 -336
  218. package/dist/chunks/index-Ce-pMzBC.js +0 -19
  219. package/dist/chunks/index-CgYZ66P_.js +0 -187
  220. package/dist/chunks/index-ChcHMeAS.js +0 -35
  221. package/dist/chunks/index-Cixdzvwd.js +0 -682
  222. package/dist/chunks/index-Clq0Fl19.js +0 -15
  223. package/dist/chunks/index-CtxTJnIm.js +0 -58
  224. package/dist/chunks/index-Cv1hWa_y.js +0 -242
  225. package/dist/chunks/index-D25buhRm.js +0 -79
  226. package/dist/chunks/index-D4DqJG5_.js +0 -16
  227. package/dist/chunks/index-D5GGFPcS.js +0 -251
  228. package/dist/chunks/index-D5kiHJpX.js +0 -413
  229. package/dist/chunks/index-DEjRiv5B.js +0 -1
  230. package/dist/chunks/index-DFZsXFsx.js +0 -19
  231. package/dist/chunks/index-DGauWNwV.js +0 -156
  232. package/dist/chunks/index-DIR0jr3f.js +0 -127
  233. package/dist/chunks/index-DNeagy5a.js +0 -65
  234. package/dist/chunks/index-DO0fmDR9.js +0 -2
  235. package/dist/chunks/index-DSitHBEh.js +0 -36
  236. package/dist/chunks/index-DW7ST0tB.js +0 -1
  237. package/dist/chunks/index-DWfFgEXE.js +0 -110
  238. package/dist/chunks/index-DX6WAtmo.js +0 -874
  239. package/dist/chunks/index-DaPfSuLu.js +0 -393
  240. package/dist/chunks/index-DbKlVm7y.js +0 -74
  241. package/dist/chunks/index-Dgi-m1K-.js +0 -1
  242. package/dist/chunks/index-Dh4uigJs.js +0 -454
  243. package/dist/chunks/index-DnYNK1mz.js +0 -8
  244. package/dist/chunks/index-DnierBep.js +0 -510
  245. package/dist/chunks/index-DnpSGM23.js +0 -213
  246. package/dist/chunks/index-DntY4deR.js +0 -41
  247. package/dist/chunks/index-Dp4A8k6C.js +0 -103
  248. package/dist/chunks/index-Dphpk5r2.js +0 -1
  249. package/dist/chunks/index-DrBrgF-v.js +0 -49
  250. package/dist/chunks/index-Dr_cqQ-_.js +0 -77
  251. package/dist/chunks/index-Dt-nBtrQ.js +0 -26
  252. package/dist/chunks/index-DwTj7cFr.js +0 -57
  253. package/dist/chunks/index-DyZVAYLv.js +0 -52
  254. package/dist/chunks/index-Hh597Yu6.js +0 -121
  255. package/dist/chunks/index-LxkAuMAA.js +0 -1
  256. package/dist/chunks/index-OaQhvPR1.js +0 -46
  257. package/dist/chunks/index-UPr2EvBX.js +0 -149
  258. package/dist/chunks/index-WvrCPen2.js +0 -367
  259. package/dist/chunks/index-cTXIVcWI.js +0 -45
  260. package/dist/chunks/index-caLn8cu1.js +0 -1603
  261. package/dist/chunks/index-jBse-XgU.js +0 -35
  262. package/dist/chunks/index-oTjafsfN.js +0 -25
  263. package/dist/chunks/index-qNmuI3RB.js +0 -149
  264. package/dist/chunks/index-qiqzy9MI.js +0 -23
  265. package/dist/chunks/index-siqJUhKa.js +0 -1
  266. package/dist/chunks/index-w-G9CFId.js +0 -1
  267. package/dist/chunks/index-x6SeA7x7.js +0 -405
  268. package/dist/chunks/loading-icon-DJQIjg97.js +0 -23
  269. package/dist/chunks/main-DUusfqrI.js +0 -18
  270. package/dist/chunks/main-Dp7wHHgP.js +0 -2882
  271. package/dist/chunks/property-DCYiZTFF.js +0 -5
  272. package/dist/chunks/register-Cc9zkA5F.js +0 -1
  273. package/dist/chunks/register-JwwMwdRf.js +0 -1273
  274. package/dist/chunks/search-C3raqgOD.js +0 -30
  275. package/dist/chunks/search-CIhxkVjj.js +0 -239
  276. package/dist/chunks/select-item-4aISXm0r.js +0 -76
  277. package/dist/chunks/select-item-DjoxYopL.js +0 -356
  278. package/dist/chunks/settings-BPOpwVkr.js +0 -594
  279. package/dist/chunks/settings-CK2vhfPu.js +0 -78
  280. package/dist/chunks/text-input-BygzMjjc.js +0 -371
  281. package/dist/chunks/text-input-cjcnMXO-.js +0 -68
  282. package/dist/chunks/tooltip-content-BjdZJ_Ui.js +0 -134
  283. package/dist/chunks/tooltip-content-DHyDYyOH.js +0 -3
  284. package/src/sass/carbon-icons.scss +0 -46
@@ -1,682 +0,0 @@
1
- import { _ as a } from "./tslib.es6-C5gLNDSD.js";
2
- import { a as q, p as i, x as v, i as x } from "./settings-BPOpwVkr.js";
3
- import { e as w } from "./class-map-DEHG4tmw.js";
4
- import { n as d } from "./property-pT1z5CCa.js";
5
- import { C as B } from "./index-qNmuI3RB.js";
6
- import { F as $ } from "./shared-enums-DALKjQ7e.js";
7
- import { c as f } from "./carbon-element-DzDuXiyl.js";
8
- import { i as C } from "./icon-loader-Dk_AU26w.js";
9
- import { o as T } from "./if-defined-C0yJsxi2.js";
10
- import { _ as E } from "./16-CDRTWf-C.js";
11
- import { H as S } from "./host-listener-DD3oGxvg.js";
12
- import { F as L } from "./focus-B9JYe97T.js";
13
- import { H as A } from "./host-listener-CN245INl.js";
14
- import { e as M } from "./query-CbRg6ZGy.js";
15
- import { _ as F } from "./16-8pr5mbIO.js";
16
- import { N as b } from "./radio-group-manager-Du5wSOS1.js";
17
- var k = q(['.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}']), D = {
18
- elem: "svg",
19
- attrs: {
20
- xmlns: "http://www.w3.org/2000/svg",
21
- viewBox: "0 0 32 32",
22
- fill: "currentColor",
23
- width: 24,
24
- height: 24
25
- },
26
- content: [{
27
- elem: "path",
28
- attrs: {
29
- 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"
30
- }
31
- }, {
32
- elem: "path",
33
- attrs: {
34
- d: "M32,32H0V0h32v32ZM2,30h28V2H2v28Z"
35
- }
36
- }],
37
- name: "ai-label",
38
- size: 24
39
- };
40
- let u = class extends B {
41
- constructor() {
42
- super(...arguments), this.colorScheme = $.REGULAR, this.linkRole = "button", this.hasRoundedCorners = !1, this.aiLabel = !1, this.slug = !1;
43
- }
44
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
45
- get _classes() {
46
- const { colorScheme: e, disabled: t, hasRoundedCorners: s, aiLabel: l, slug: c } = this;
47
- return w({
48
- [`${i}--link`]: !0,
49
- [`${i}--link--disabled`]: t,
50
- [`${i}--tile`]: !0,
51
- [`${i}--tile--clickable`]: !0,
52
- [`${i}--tile--${e}`]: e,
53
- [`${i}--tile--slug-rounded`]: (l || c) && s
54
- });
55
- }
56
- /**
57
- * If using `slug`, set `ai-label` attribute to true so
58
- * the styles are applied for slug as well
59
- *
60
- * remove in v12
61
- */
62
- connectedCallback() {
63
- this.slug && (this.setAttribute("ai-Label", ""), this.aiLabel = !0), super.connectedCallback();
64
- }
65
- /**
66
- * @returns The inner content.
67
- */
68
- _renderInner() {
69
- return v`
70
- ${super._renderInner()}
71
- ${this.aiLabel || this.slug ? C(D, { class: `${i}--tile--ai-label-icon` }) : ""}
72
- <slot name="decorator"></slot>
73
- `;
74
- }
75
- /**
76
- * A selector that will return the slug item.
77
- *
78
- * remove in v12
79
- */
80
- static get slugItem() {
81
- return `${i}-slug`;
82
- }
83
- /**
84
- * A selector that will return the AI Label item.
85
- */
86
- static get aiLabelItem() {
87
- return `${i}-ai-label`;
88
- }
89
- };
90
- u.styles = k;
91
- a([
92
- d({ attribute: "color-scheme", reflect: !0 })
93
- ], u.prototype, "colorScheme", void 0);
94
- a([
95
- d({ attribute: "link-role" })
96
- ], u.prototype, "linkRole", void 0);
97
- a([
98
- d({ type: Boolean, attribute: "has-rounded-corners" })
99
- ], u.prototype, "hasRoundedCorners", void 0);
100
- a([
101
- d({ type: Boolean, attribute: "ai-label" })
102
- ], u.prototype, "aiLabel", void 0);
103
- a([
104
- d({ type: Boolean })
105
- ], u.prototype, "slug", void 0);
106
- u = a([
107
- f(`${i}-clickable-tile`)
108
- ], u);
109
- let p = class extends A(L(x)) {
110
- constructor() {
111
- super(...arguments), this._belowTheContentHeight = 0, this._hasAILabel = !1, this._handleClick = () => {
112
- this.withInteractive || this._handleExpand();
113
- }, this.colorScheme = $.REGULAR, this.expanded = !1, this.hasRoundedCorners = !1, this.withInteractive = !1;
114
- }
115
- /**
116
- * Handles `slotchange` event.
117
- */
118
- _handleSlotChange({ target: e }) {
119
- const t = e.assignedNodes().filter((s) => {
120
- var l, c;
121
- return s.matches !== void 0 ? s.matches((l = this.constructor) === null || l === void 0 ? void 0 : l.aiLabelItem) || // remove reference of slug in v12
122
- s.matches((c = this.constructor) === null || c === void 0 ? void 0 : c.slugItem) : !1;
123
- });
124
- t.length > 0 && (this._hasAILabel = !!t, t[0].setAttribute("size", "xs")), this.requestUpdate();
125
- }
126
- /**
127
- * Handles `slotchange` event on the below-the-fold content.
128
- *
129
- * @param event The event.
130
- */
131
- _handleSlotChangeBelowTheFoldContent(e) {
132
- if (this._belowTheContentHeight = e.target.assignedNodes().reduce((t, s) => {
133
- var l;
134
- return t + ((l = s.offsetHeight) !== null && l !== void 0 ? l : 0);
135
- }, 0), !this._belowTheContentHeight) {
136
- const t = getComputedStyle(
137
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
138
- this.querySelector("cds-tile-below-the-fold-content")
139
- );
140
- this._belowTheContentHeight = parseInt(t.height, 10);
141
- }
142
- this.requestUpdate();
143
- }
144
- _handleExpand() {
145
- const e = !this.expanded;
146
- this.focus();
147
- const t = {
148
- bubbles: !0,
149
- composed: !0,
150
- detail: {
151
- expanded: e
152
- }
153
- }, s = this.constructor, l = new CustomEvent(s.eventBeforeToggle, Object.assign(Object.assign({}, t), { cancelable: !0 }));
154
- if (this.dispatchEvent(l)) {
155
- this.expanded = e;
156
- const c = new CustomEvent(s.eventToggle, t);
157
- this.dispatchEvent(c);
158
- }
159
- }
160
- updated() {
161
- this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
162
- }
163
- render() {
164
- const { expanded: e, withInteractive: t, _belowTheContentHeight: s, _handleSlotChangeBelowTheFoldContent: l } = this, c = w({
165
- [`${i}--tile__chevron`]: !0,
166
- [`${i}--tile__chevron--interactive`]: t
167
- });
168
- return v`
169
- <button
170
- class="${c}"
171
- aria-labelledby="above-the-fold-content"
172
- aria-controls="below-the-fold-content"
173
- tabindex="0"
174
- @click="${t ? this._handleExpand : ""}"
175
- aria-expanded="${String(!!e)}">
176
- ${C(E, { id: "icon" })}
177
- </button>
178
- <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
179
- <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
180
- <slot name="decorator"></slot>
181
- <div id="content" class="${i}--tile-content">
182
- <div><slot name="above-the-fold-content"></slot></div>
183
- <div
184
- class="${i}-ce--expandable-tile--below-the-fold-content"
185
- style="${T(e ? `max-height: ${s}px` : void 0)}">
186
- <slot @slotchange="${l}"></slot>
187
- </div>
188
- </div>
189
- `;
190
- }
191
- /**
192
- * A selector that will return the slug item.
193
- *
194
- * remove in v12
195
- */
196
- static get slugItem() {
197
- return `${i}-slug`;
198
- }
199
- /**
200
- * A selector that will return the AI Label item.
201
- */
202
- static get aiLabelItem() {
203
- return `${i}-ai-label`;
204
- }
205
- /**
206
- * The name of the custom event fired before the expanded state is changed upon a user gesture.
207
- * Cancellation of this event stops changing the user-initiated change in expanded state.
208
- */
209
- static get eventBeforeToggle() {
210
- return `${i}-expandable-tile-beingtoggled`;
211
- }
212
- /**
213
- * The name of the custom event fired after a the expanded state is changed upon a user gesture.
214
- */
215
- static get eventToggle() {
216
- return `${i}-expandable-tile-toggled`;
217
- }
218
- };
219
- p.styles = k;
220
- a([
221
- S("click")
222
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
223
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
224
- ], p.prototype, "_handleClick", void 0);
225
- a([
226
- d({ attribute: "color-scheme", reflect: !0 })
227
- ], p.prototype, "colorScheme", void 0);
228
- a([
229
- d({ type: Boolean, reflect: !0 })
230
- ], p.prototype, "expanded", void 0);
231
- a([
232
- d({ type: Boolean, attribute: "has-rounded-corners" })
233
- ], p.prototype, "hasRoundedCorners", void 0);
234
- a([
235
- d({ type: Boolean, reflect: !0, attribute: "with-interactive" })
236
- ], p.prototype, "withInteractive", void 0);
237
- p = a([
238
- f(`${i}-expandable-tile`)
239
- ], p);
240
- var N = {
241
- elem: "svg",
242
- attrs: {
243
- xmlns: "http://www.w3.org/2000/svg",
244
- viewBox: "0 0 32 32",
245
- fill: "currentColor",
246
- width: 16,
247
- height: 16
248
- },
249
- content: [{
250
- elem: "path",
251
- attrs: {
252
- 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"
253
- }
254
- }],
255
- name: "checkbox",
256
- size: 16
257
- }, H = {
258
- elem: "svg",
259
- attrs: {
260
- xmlns: "http://www.w3.org/2000/svg",
261
- viewBox: "0 0 32 32",
262
- fill: "currentColor",
263
- width: 16,
264
- height: 16
265
- },
266
- content: [{
267
- elem: "path",
268
- attrs: {
269
- 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"
270
- }
271
- }, {
272
- elem: "path",
273
- attrs: {
274
- fill: "none",
275
- d: "M14,21.5,9,16.5427,10.5908,15,14,18.3456,21.4087,11l1.5918,1.5772Z",
276
- "data-icon-path": "inner-path"
277
- }
278
- }],
279
- name: "checkbox--checked--filled",
280
- size: 16
281
- };
282
- let o = class extends A(L(x)) {
283
- constructor() {
284
- super(...arguments), this._inputType = "checkbox", this._hasAILabel = !1, this._handleClick = () => {
285
- this.selected = !this.selected;
286
- const { eventChange: e } = this.constructor;
287
- this.dispatchEvent(new CustomEvent(e, {
288
- bubbles: !0,
289
- composed: !0,
290
- detail: {
291
- selected: this.selected
292
- }
293
- }));
294
- }, this._handleKeydown = (e) => {
295
- var t, s;
296
- const { key: l } = e;
297
- (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);
298
- }, this.colorScheme = $.REGULAR, this.disabled = !1, this.hasRoundedCorners = !1, this.selected = !1;
299
- }
300
- /**
301
- * Handles `slotchange` event.
302
- */
303
- _handleSlotChange({ target: e }) {
304
- const t = e.assignedNodes().filter((s) => {
305
- var l, c;
306
- return s.matches !== void 0 ? s.matches((l = this.constructor) === null || l === void 0 ? void 0 : l.aiLabelItem) || // remove reference of slug in v12
307
- s.matches((c = this.constructor) === null || c === void 0 ? void 0 : c.slugItem) : !1;
308
- });
309
- t.length > 0 && (this._hasAILabel = !!t, t[0].setAttribute("size", "xs")), this.requestUpdate();
310
- }
311
- /**
312
- * Handles `change` event on the `<input>` in the shadow DOM.
313
- */
314
- _handleChange() {
315
- this.selected = this._inputNode.checked;
316
- const e = this.selected, { eventChange: t } = this.constructor;
317
- this.dispatchEvent(new CustomEvent(t, {
318
- bubbles: !0,
319
- composed: !0,
320
- detail: {
321
- selected: e
322
- }
323
- }));
324
- }
325
- /**
326
- * Handles the rendering of the icon.
327
- */
328
- _renderIcon() {
329
- const { selected: e, checkmarkLabel: t } = this;
330
- return C(e ? H : N, {
331
- "aria-label": t || void 0,
332
- class: `${i}--selectable-tile__icon`
333
- });
334
- }
335
- updated() {
336
- this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
337
- }
338
- render() {
339
- const { colorScheme: e, disabled: t, hasRoundedCorners: s, name: l, selected: c, value: h, _handleChange: n, _hasAILabel: _ } = this, g = w({
340
- [`${i}--tile`]: !0,
341
- [`${i}--tile--disabled`]: t,
342
- [`${i}--tile--selectable`]: !0,
343
- [`${i}--tile--is-selected`]: c,
344
- [`${i}--tile--${e}`]: e,
345
- [`${i}--tile--slug-rounded`]: _ && s
346
- });
347
- return v`
348
- <div
349
- class=${g}
350
- role="checkbox"
351
- aria-checked=${c}
352
- @change=${n}
353
- tabindex=${t ? void 0 : 0}
354
- name=${l}
355
- value=${h}
356
- @click=${t ? void 0 : this._handleClick}
357
- @keydown=${this._handleKeydown}>
358
- <span
359
- class="${i}--tile__checkmark ${i}--tile__checkmark--persistent">
360
- ${this._renderIcon()}
361
- </span>
362
- <label class="${i}--tile-content">
363
- <slot></slot>
364
- </label>
365
- <slot name="decorator"></slot>
366
- <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
367
- <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
368
- </div>
369
- `;
370
- }
371
- /**
372
- * A selector that will return the slug item.
373
- *
374
- * remove in v12
375
- */
376
- static get slugItem() {
377
- return `${i}-slug`;
378
- }
379
- /**
380
- * A selector that will return the AI Label item.
381
- */
382
- static get aiLabelItem() {
383
- return `${i}-ai-label`;
384
- }
385
- /**
386
- * The name of the custom event fired after this selectable tile changes its selected state.
387
- */
388
- static get eventChange() {
389
- return `${i}-selectable-tile-changed`;
390
- }
391
- };
392
- o.shadowRootOptions = Object.assign(Object.assign({}, x.shadowRootOptions), { delegatesFocus: !0 });
393
- o.styles = k;
394
- a([
395
- M("input")
396
- ], o.prototype, "_inputNode", void 0);
397
- a([
398
- d({ attribute: "checkmark-label" })
399
- ], o.prototype, "checkmarkLabel", void 0);
400
- a([
401
- d({ attribute: "color-scheme", reflect: !0 })
402
- ], o.prototype, "colorScheme", void 0);
403
- a([
404
- d({ type: Boolean, reflect: !0 })
405
- ], o.prototype, "disabled", void 0);
406
- a([
407
- d({ type: Boolean, attribute: "has-rounded-corners" })
408
- ], o.prototype, "hasRoundedCorners", void 0);
409
- a([
410
- d()
411
- ], o.prototype, "name", void 0);
412
- a([
413
- d({ type: Boolean, reflect: !0 })
414
- ], o.prototype, "selected", void 0);
415
- a([
416
- d()
417
- ], o.prototype, "value", void 0);
418
- o = a([
419
- f(`${i}-selectable-tile`)
420
- ], o);
421
- var K = o;
422
- let I = class extends K {
423
- constructor() {
424
- super(...arguments), this._handleKeydown = (e) => {
425
- (e.key === " " || e.key === "Enter") && e.preventDefault();
426
- };
427
- }
428
- /**
429
- * Handles `change` event on the `<input>` in the shadow DOM.
430
- */
431
- _handleChange() {
432
- this.selected = !0;
433
- const { selected: e, name: t } = this, { eventRadioChange: s } = this.constructor;
434
- this.dispatchEvent(new CustomEvent(s, {
435
- bubbles: !0,
436
- composed: !0,
437
- detail: {
438
- selected: e,
439
- name: t
440
- }
441
- }));
442
- }
443
- render() {
444
- const { colorScheme: e, checkmarkLabel: t, disabled: s, hasRoundedCorners: l, name: c, selected: h, value: n, _handleChange: _, _handleKeydown: g, _hasAILabel: z } = this, R = w({
445
- [`${i}--tile`]: !0,
446
- [`${i}--tile--selectable`]: !0,
447
- [`${i}--tile--radio`]: !0,
448
- [`${i}--tile--disabled`]: s,
449
- [`${i}--tile--is-selected`]: h,
450
- [`${i}--tile--${e}`]: e,
451
- [`${i}--tile--slug-rounded`]: z && l
452
- });
453
- return v`
454
- <input
455
- type="radio"
456
- id="input"
457
- class="${i}--tile-input"
458
- ?disabled="${s}"
459
- tabindex="${h ? 0 : -1}"
460
- name="${T(c)}"
461
- value="${T(n)}"
462
- .checked=${h}
463
- @change=${s ? void 0 : _}
464
- @keydown="${s ? void 0 : g}" />
465
- <label part="label" for="input" class="${R}">
466
- ${C(F, {
467
- class: `${i}--tile__checkmark`,
468
- title: t
469
- })}
470
- <div class="${i}--tile-content"><slot></slot></div>
471
- </label>
472
- <slot name="decorator"></slot>
473
- <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
474
- `;
475
- }
476
- /**
477
- * The name of the custom event fired after this selectable tile changes its selected state.
478
- */
479
- static get eventRadioChange() {
480
- return `${i}-radio-tile-selected`;
481
- }
482
- };
483
- I = a([
484
- f(`${i}-radio-tile`)
485
- ], I);
486
- let y = class extends x {
487
- constructor() {
488
- super(...arguments), this._hasAILabel = !1, this.colorScheme = $.REGULAR, this.hasRoundedCorners = !1;
489
- }
490
- /**
491
- * Handles `slotchange` event.
492
- */
493
- _handleSlotChange({ target: e }) {
494
- const t = e.assignedNodes().filter((s) => s.matches !== void 0 ? s.matches(this.constructor.aiLabelItem) || // remove reference of slug in v12
495
- s.matches(this.constructor.slugItem) : !1);
496
- t.length > 0 && (this._hasAILabel = !!t, t[0].setAttribute("size", "xs")), this.requestUpdate();
497
- }
498
- updated() {
499
- this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
500
- }
501
- render() {
502
- return v` <slot></slot
503
- ><slot name="decorator" @slotchange="${this._handleSlotChange}"></slot>
504
- <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot
505
- ><slot name="slug" @slotchange="${this._handleSlotChange}"></slot>`;
506
- }
507
- /**
508
- * A selector that will return the slug item.
509
- *
510
- * TODO: remove in v12
511
- */
512
- static get slugItem() {
513
- return `${i}-slug`;
514
- }
515
- /**
516
- * A selector that will return the AI Label item.
517
- */
518
- static get aiLabelItem() {
519
- return `${i}-ai-label`;
520
- }
521
- };
522
- y.styles = k;
523
- a([
524
- d({ attribute: "color-scheme", reflect: !0 })
525
- ], y.prototype, "colorScheme", void 0);
526
- a([
527
- d({ type: Boolean, attribute: "has-rounded-corners" })
528
- ], y.prototype, "hasRoundedCorners", void 0);
529
- y = a([
530
- f(`${i}-tile`)
531
- ], y);
532
- const O = {
533
- ArrowUp: b.BACKWARD,
534
- Up: b.BACKWARD,
535
- // IE
536
- ArrowLeft: b.BACKWARD,
537
- Left: b.BACKWARD,
538
- // IE
539
- ArrowDown: b.FORWARD,
540
- Down: b.FORWARD,
541
- // IE
542
- ArrowRight: b.FORWARD,
543
- Right: b.FORWARD
544
- // IE
545
- };
546
- let r = class extends A(x) {
547
- constructor() {
548
- super(...arguments), this._handleKeydown = (e) => {
549
- const { target: t, key: s } = e, { radioTiles: l, selectableTiles: c } = this, h = O[s];
550
- if (t?.matches(`${i}-ai-label`))
551
- return;
552
- const n = l.length ? l : c, g = [...n].findIndex((R) => R == t) + h, z = g !== -1 ? n[g % n.length] : n[n.length - 1];
553
- h ? (e.preventDefault(), this.radioTiles.length ? this._handleKeydownRadio(z) : this._handleKeydownSelectable(e, z)) : (s === " " || s === "Enter") && this._handleKeydownSelectable(e);
554
- }, this._handleFocus = (e) => {
555
- const { relatedTarget: t, target: s } = e;
556
- s?.matches(`${i}-ai-label`) || this.radioTiles.length && (this.currentRadioSelection ? !t?.matches(this.constructor.selectorRadioTile) && s !== this.currentRadioSelection && this.currentRadioSelection.focus() : (s.toggleAttribute("selected"), this.currentRadioSelection = s));
557
- }, this.currentSelections = [];
558
- }
559
- _handleRadioClick(e) {
560
- const { target: t } = e, { currentRadioSelection: s } = this, { eventCurrentRadioTileSelection: l } = this.constructor;
561
- t.matches(`${i}-ai-label`) || (s ? s !== t && (s.toggleAttribute("selected"), this.currentRadioSelection = t) : this.currentRadioSelection = t, this.dispatchEvent(new CustomEvent(l, {
562
- bubbles: !0,
563
- composed: !0,
564
- detail: {
565
- target: t
566
- }
567
- })));
568
- }
569
- /**
570
- * Click listener to ensure selectability.
571
- *
572
- * @param event click
573
- */
574
- _handleTileSelect(e) {
575
- this.radioTiles.length && this._handleRadioClick(e);
576
- }
577
- /**
578
- * Handle keyboard navigation for radio tiles
579
- *
580
- * @param nextSibling to focus on
581
- */
582
- _handleKeydownRadio(e) {
583
- const { currentRadioSelection: t } = this, { eventCurrentRadioTileSelection: s } = this.constructor;
584
- t && t.toggleAttribute("selected"), e.focus(), e.toggleAttribute("selected"), this.currentRadioSelection = e, this.dispatchEvent(new CustomEvent(s, {
585
- bubbles: !0,
586
- composed: !0,
587
- detail: {
588
- nextSibling: e
589
- }
590
- }));
591
- }
592
- /**
593
- * Handle keyboard navigation for selectable tiles
594
- *
595
- * @param event to get target
596
- * @param nextSibling to focus on
597
- */
598
- _handleKeydownSelectable(e, t) {
599
- const { target: s } = e, { currentSelections: l } = this, { eventCurrentSelectableTilesSelection: c } = this.constructor;
600
- t ? t.focus() : (l.includes(s) ? l.splice(l.indexOf(s), 1) : l.push(s), this.dispatchEvent(new CustomEvent(c, {
601
- bubbles: !0,
602
- composed: !0,
603
- detail: {
604
- currentSelections: l
605
- }
606
- })));
607
- }
608
- firstUpdated() {
609
- this.hasAttribute("role") || this.setAttribute("role", "group"), this.radioTiles || (this.radioTiles = this.querySelectorAll(this.constructor.selectorRadioTile), this.radioTiles.forEach((e) => {
610
- e.selected && (this.currentRadioSelection = e);
611
- })), 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")));
612
- }
613
- render() {
614
- const { fieldsetClassName: e, disabled: t } = this;
615
- return v`
616
- <fieldset class="${e}" ?disabled=${t}>
617
- <slot name="legend" class="${i}--label"></slot>
618
- <slot></slot>
619
- </fieldset>
620
- `;
621
- }
622
- /**
623
- * A selector that selects a radio tile component.
624
- */
625
- static get selectorRadioTile() {
626
- return `${i}-radio-tile`;
627
- }
628
- /**
629
- * A selector that selects a selectable tile component.
630
- */
631
- static get selectorSelectableTile() {
632
- return `${i}-selectable-tile`;
633
- }
634
- /**
635
- * The name of the custom event fired after a radio tile changes its selected state.
636
- */
637
- static get eventCurrentRadioTileSelection() {
638
- return `${i}-current-radio-tile-selection`;
639
- }
640
- /**
641
- * The name of the custom event fired after a radio tile changes its selected state.
642
- */
643
- static get eventCurrentSelectableTilesSelection() {
644
- return `${i}-current-selectable-tile-selections`;
645
- }
646
- };
647
- r.styles = k;
648
- a([
649
- S("click")
650
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
651
- // @ts-expect-error
652
- ], r.prototype, "_handleTileSelect", null);
653
- a([
654
- S("keydown")
655
- // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to
656
- ], r.prototype, "_handleKeydown", void 0);
657
- a([
658
- S("focusin")
659
- // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to
660
- ], r.prototype, "_handleFocus", void 0);
661
- a([
662
- d({ reflect: !0, attribute: "fieldset-class-name" })
663
- ], r.prototype, "fieldsetClassName", void 0);
664
- a([
665
- d({ reflect: !0, type: Boolean })
666
- ], r.prototype, "disabled", void 0);
667
- a([
668
- d()
669
- ], r.prototype, "currentRadioSelection", void 0);
670
- a([
671
- d()
672
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
673
- ], r.prototype, "currentSelections", void 0);
674
- a([
675
- d()
676
- ], r.prototype, "radioTiles", void 0);
677
- a([
678
- d()
679
- ], r.prototype, "selectableTiles", void 0);
680
- r = a([
681
- f(`${i}-tile-group`)
682
- ], r);