@carbon/web-components 2.45.0 → 2.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (322) hide show
  1. package/custom-elements.json +919 -101
  2. package/dist/{16-BBj-4U6O.js → 16-BXPirV4t.js} +3 -3
  3. package/dist/16-BiojhJb6.js +28 -0
  4. package/dist/{16-Fw7MQsgz.js → 16-BirbARgt.js} +3 -3
  5. package/dist/{16-CsB-3CrK.js → 16-CNObEOvs.js} +3 -3
  6. package/dist/{16-t_6d5Xg6.js → 16-DThcsE9v.js} +3 -3
  7. package/dist/{16-DOSrxpkh.js → 16-T0hLy__N.js} +3 -3
  8. package/dist/{16-BFG46iFc.js → 16-mUGLFymm.js} +3 -3
  9. package/dist/{20-Dz5R4rWy.js → 20-BSzLZNRY.js} +3 -3
  10. package/dist/accordion.min.js +3 -3
  11. package/dist/ai-label.min.js +3 -3
  12. package/dist/ai-skeleton.min.js +3 -3
  13. package/dist/badge-indicator.min.js +3 -3
  14. package/dist/breadcrumb.min.js +3 -3
  15. package/dist/{button-BINUfYkQ.js → button-3n7S6dfU.js} +5 -5
  16. package/dist/{button-skeleton-Ce4GOnYk.js → button-skeleton-DE9AxBek.js} +4 -4
  17. package/dist/button.min.js +3 -3
  18. package/dist/chat-button.min.js +3 -3
  19. package/dist/{checkbox-YpDgBEVJ.js → checkbox-CFU6bnOa.js} +3 -3
  20. package/dist/checkbox.min.js +6 -6
  21. package/dist/{class-map-DzlEdlET.js → class-map-BLvVLLRH.js} +3 -3
  22. package/dist/code-snippet.min.js +5 -5
  23. package/dist/combo-box.min.js +6 -6
  24. package/dist/combo-button.min.js +3 -3
  25. package/dist/contained-list.min.js +70 -0
  26. package/dist/{content-switcher-item-CTUxWE3X.js → content-switcher-item-CXc-BbRX.js} +3 -3
  27. package/dist/content-switcher.min.js +3 -3
  28. package/dist/copy-button.min.js +3 -3
  29. package/dist/data-table.min.js +5 -5
  30. package/dist/date-picker.min.js +3 -3
  31. package/dist/defs-CcLNpvSO.js +28 -0
  32. package/dist/dropdown-item-CSXYY4Up.js +100 -0
  33. package/dist/dropdown.min.js +5 -5
  34. package/dist/feature-flags.min.js +3 -3
  35. package/dist/file-uploader.min.js +3 -3
  36. package/dist/floating-controller-ClaZwDaj.js +28 -0
  37. package/dist/floating-menu.min.js +3 -3
  38. package/dist/fluid-number-input.min.js +28 -0
  39. package/dist/fluid-search.min.js +3 -3
  40. package/dist/fluid-select.min.js +3 -3
  41. package/dist/fluid-text-input.min.js +3 -3
  42. package/dist/fluid-textarea.min.js +3 -3
  43. package/dist/{focus-4hYY4Dyy.js → focus-DCv16lgz.js} +3 -3
  44. package/dist/{form-Bi7CmOIh.js → form-D0wM2t2A.js} +3 -3
  45. package/dist/form-group.min.js +3 -3
  46. package/dist/form.min.js +3 -3
  47. package/dist/grid.min.js +3 -3
  48. package/dist/heading.min.js +3 -3
  49. package/dist/{host-listener-DvFKBeEg.js → host-listener-maKckXVl.js} +3 -3
  50. package/dist/icon-button.min.js +3 -3
  51. package/dist/icon-indicator.min.js +3 -3
  52. package/dist/{icon-loader-C0ZqVK1W.js → icon-loader-BiaaiIZd.js} +3 -3
  53. package/dist/{icon-loader-utils-BR71i9XR.js → icon-loader-utils-Dw7YsY3n.js} +3 -3
  54. package/dist/icon.min.js +3 -3
  55. package/dist/{if-defined-CcLoN68A.js → if-defined-B342gMhK.js} +3 -3
  56. package/dist/{if-non-empty-B1wddvKZ.js → if-non-empty-BXM4sQkm.js} +3 -3
  57. package/dist/inline-loading.min.js +3 -3
  58. package/dist/layer.min.js +3 -3
  59. package/dist/link.min.js +3 -3
  60. package/dist/list.min.js +3 -3
  61. package/dist/{lit-element-DXoDLiKG.js → lit-element-W7dQy3wx.js} +4 -4
  62. package/dist/{loading-icon-BqRwBxw_.js → loading-icon-9dSwtpx9.js} +3 -3
  63. package/dist/loading.min.js +3 -3
  64. package/dist/menu-button.min.js +6 -6
  65. package/dist/menu.min.js +16 -16
  66. package/dist/modal.min.js +3 -3
  67. package/dist/multi-select.min.js +3 -3
  68. package/dist/notification.min.js +32 -32
  69. package/dist/number-input.min.js +32 -31
  70. package/dist/overflow-menu.min.js +3 -3
  71. package/dist/page-header.min.js +3 -3
  72. package/dist/pagination.min.js +3 -3
  73. package/dist/password-input.min.js +31 -30
  74. package/dist/popover.min.js +3 -3
  75. package/dist/progress-bar.min.js +3 -3
  76. package/dist/progress-indicator.min.js +3 -3
  77. package/dist/{property-uTgGvQPP.js → property-D8KHfsO7.js} +3 -3
  78. package/dist/{query-assigned-elements-DzwbMc--.js → query-assigned-elements-CuK851Xm.js} +3 -3
  79. package/dist/radio-button.min.js +6 -6
  80. package/dist/search-BpfBrZ_q.js +58 -0
  81. package/dist/search.min.js +4 -4
  82. package/dist/{select-DrnoHpZf.js → select-Bu-C3DEh.js} +3 -3
  83. package/dist/{select-item-XCdOkQFq.js → select-item-CY7ZCgDO.js} +3 -3
  84. package/dist/{select-skeleton-D_sk9gT-.js → select-skeleton-Bj1W9rv-.js} +3 -3
  85. package/dist/select.min.js +3 -3
  86. package/dist/shape-indicator.min.js +3 -3
  87. package/dist/side-panel.min.js +8 -8
  88. package/dist/skeleton-icon.min.js +3 -3
  89. package/dist/skeleton-placeholder.min.js +3 -3
  90. package/dist/skeleton-text.min.js +3 -3
  91. package/dist/skip-to-content.min.js +3 -3
  92. package/dist/slider.min.js +186 -100
  93. package/dist/slug.min.js +3 -3
  94. package/dist/stack.min.js +3 -3
  95. package/dist/{state-WaBTtiEK.js → state-DVnprZ3A.js} +3 -3
  96. package/dist/structured-list.min.js +3 -3
  97. package/dist/tabs.min.js +3 -3
  98. package/dist/tag.min.js +3 -3
  99. package/dist/tearsheet.min.js +3 -3
  100. package/dist/text-input-CMLDDQcE.js +95 -0
  101. package/dist/text-input.min.js +4 -4
  102. package/dist/textarea.min.js +6 -6
  103. package/dist/tile.min.js +3 -3
  104. package/dist/time-picker.min.js +3 -3
  105. package/dist/toggle-tip.min.js +3 -3
  106. package/dist/toggle.min.js +3 -3
  107. package/dist/{tooltip-content-qsyHhcSH.js → tooltip-content-eYgOs_c2.js} +3 -3
  108. package/dist/tooltip.min.js +3 -3
  109. package/dist/tree-view.min.js +3 -3
  110. package/dist/ui-shell.min.js +5 -5
  111. package/dist/{unsafe-html-DmB1txAP.js → unsafe-html-SGvBIOsG.js} +3 -3
  112. package/es/components/button/button.scss.js +1 -1
  113. package/es/components/chat-button/chat-button.scss.js +1 -1
  114. package/es/components/code-snippet/code-snippet.scss.js +1 -1
  115. package/es/components/combo-box/combo-box.d.ts +10 -3
  116. package/es/components/combo-box/combo-box.js +58 -7
  117. package/es/components/combo-box/combo-box.js.map +1 -1
  118. package/es/components/combo-box/combo-box.scss.js +1 -1
  119. package/es/components/contained-list/contained-list-description.d.ts +18 -0
  120. package/es/components/contained-list/contained-list-description.js +38 -0
  121. package/es/components/contained-list/contained-list-description.js.map +1 -0
  122. package/es/components/contained-list/contained-list-item.d.ts +43 -0
  123. package/es/components/contained-list/contained-list-item.js +135 -0
  124. package/es/components/contained-list/contained-list-item.js.map +1 -0
  125. package/es/components/contained-list/contained-list.d.ts +37 -0
  126. package/es/components/contained-list/contained-list.js +95 -0
  127. package/es/components/contained-list/contained-list.js.map +1 -0
  128. package/es/components/contained-list/contained-list.scss.js +13 -0
  129. package/es/components/contained-list/contained-list.scss.js.map +1 -0
  130. package/es/components/contained-list/index.d.ts +9 -0
  131. package/es/components/contained-list/index.js +11 -0
  132. package/es/components/contained-list/index.js.map +1 -0
  133. package/es/components/copy-button/copy-button.scss.js +1 -1
  134. package/es/components/data-table/data-table.scss.js +1 -1
  135. package/es/components/dropdown/dropdown.d.ts +25 -1
  136. package/es/components/dropdown/dropdown.js +72 -3
  137. package/es/components/dropdown/dropdown.js.map +1 -1
  138. package/es/components/dropdown/dropdown.scss.js +1 -1
  139. package/es/components/fluid-number-input/fluid-number-input-skeleton.d.ts +17 -0
  140. package/es/components/fluid-number-input/fluid-number-input-skeleton.js +38 -0
  141. package/es/components/fluid-number-input/fluid-number-input-skeleton.js.map +1 -0
  142. package/es/components/fluid-number-input/fluid-number-input.d.ts +19 -0
  143. package/es/components/fluid-number-input/fluid-number-input.js +53 -0
  144. package/es/components/fluid-number-input/fluid-number-input.js.map +1 -0
  145. package/es/components/fluid-number-input/fluid-number-input.scss.js +13 -0
  146. package/es/components/fluid-number-input/fluid-number-input.scss.js.map +1 -0
  147. package/es/components/fluid-number-input/index.d.ts +8 -0
  148. package/es/components/fluid-number-input/index.js +10 -0
  149. package/es/components/fluid-number-input/index.js.map +1 -0
  150. package/es/components/fluid-search/fluid-search.scss.js +1 -1
  151. package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  152. package/es/components/icon-button/icon-button.scss.js +1 -1
  153. package/es/components/menu/menu-item.d.ts +1 -0
  154. package/es/components/menu/menu-item.js +12 -2
  155. package/es/components/menu/menu-item.js.map +1 -1
  156. package/es/components/menu/menu.d.ts +4 -1
  157. package/es/components/menu/menu.js +28 -3
  158. package/es/components/menu/menu.js.map +1 -1
  159. package/es/components/menu/menu.scss.js +1 -1
  160. package/es/components/menu-button/menu-button.d.ts +5 -2
  161. package/es/components/menu-button/menu-button.js +77 -7
  162. package/es/components/menu-button/menu-button.js.map +1 -1
  163. package/es/components/multi-select/multi-select.scss.js +1 -1
  164. package/es/components/notification/callout-notification.d.ts +1 -1
  165. package/es/components/notification/callout-notification.js +8 -9
  166. package/es/components/notification/callout-notification.js.map +1 -1
  167. package/es/components/number-input/number-input.d.ts +4 -0
  168. package/es/components/number-input/number-input.js +28 -12
  169. package/es/components/number-input/number-input.js.map +1 -1
  170. package/es/components/number-input/number-input.scss.js +1 -1
  171. package/es/components/password-input/password-input.d.ts +5 -0
  172. package/es/components/password-input/password-input.js +14 -5
  173. package/es/components/password-input/password-input.js.map +1 -1
  174. package/es/components/password-input/password-input.scss.js +1 -1
  175. package/es/components/popover/popover.js.map +1 -1
  176. package/es/components/search/search.scss.js +1 -1
  177. package/es/components/slider/slider-input.js +14 -18
  178. package/es/components/slider/slider-input.js.map +1 -1
  179. package/es/components/slider/slider.d.ts +7 -0
  180. package/es/components/slider/slider.js +226 -83
  181. package/es/components/slider/slider.js.map +1 -1
  182. package/es/components/slider/slider.scss.js +1 -1
  183. package/es/components/text-input/text-input-skeleton.d.ts +1 -1
  184. package/es/components/text-input/text-input-skeleton.js +4 -3
  185. package/es/components/text-input/text-input-skeleton.js.map +1 -1
  186. package/es/components/text-input/text-input.scss.js +1 -1
  187. package/es/components/textarea/textarea-skeleton.d.ts +5 -1
  188. package/es/components/textarea/textarea-skeleton.js +16 -2
  189. package/es/components/textarea/textarea-skeleton.js.map +1 -1
  190. package/es/components/time-picker/time-picker.scss.js +1 -1
  191. package/es/components/toggle-tip/toggletip.js.map +1 -1
  192. package/es-custom/components/button/button.scss.js +1 -1
  193. package/es-custom/components/chat-button/chat-button.scss.js +1 -1
  194. package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
  195. package/es-custom/components/combo-box/combo-box.d.ts +10 -3
  196. package/es-custom/components/combo-box/combo-box.js +58 -7
  197. package/es-custom/components/combo-box/combo-box.js.map +1 -1
  198. package/es-custom/components/combo-box/combo-box.scss.js +1 -1
  199. package/es-custom/components/contained-list/contained-list-description.d.ts +18 -0
  200. package/es-custom/components/contained-list/contained-list-description.js +38 -0
  201. package/es-custom/components/contained-list/contained-list-description.js.map +1 -0
  202. package/es-custom/components/contained-list/contained-list-item.d.ts +43 -0
  203. package/es-custom/components/contained-list/contained-list-item.js +135 -0
  204. package/es-custom/components/contained-list/contained-list-item.js.map +1 -0
  205. package/es-custom/components/contained-list/contained-list.d.ts +37 -0
  206. package/es-custom/components/contained-list/contained-list.js +95 -0
  207. package/es-custom/components/contained-list/contained-list.js.map +1 -0
  208. package/es-custom/components/contained-list/contained-list.scss.js +13 -0
  209. package/es-custom/components/contained-list/contained-list.scss.js.map +1 -0
  210. package/es-custom/components/contained-list/index.d.ts +9 -0
  211. package/es-custom/components/contained-list/index.js +11 -0
  212. package/es-custom/components/contained-list/index.js.map +1 -0
  213. package/es-custom/components/copy-button/copy-button.scss.js +1 -1
  214. package/es-custom/components/data-table/data-table.scss.js +1 -1
  215. package/es-custom/components/dropdown/dropdown.d.ts +25 -1
  216. package/es-custom/components/dropdown/dropdown.js +72 -3
  217. package/es-custom/components/dropdown/dropdown.js.map +1 -1
  218. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  219. package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.d.ts +17 -0
  220. package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.js +38 -0
  221. package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.js.map +1 -0
  222. package/es-custom/components/fluid-number-input/fluid-number-input.d.ts +19 -0
  223. package/es-custom/components/fluid-number-input/fluid-number-input.js +53 -0
  224. package/es-custom/components/fluid-number-input/fluid-number-input.js.map +1 -0
  225. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +13 -0
  226. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js.map +1 -0
  227. package/es-custom/components/fluid-number-input/index.d.ts +8 -0
  228. package/es-custom/components/fluid-number-input/index.js +10 -0
  229. package/es-custom/components/fluid-number-input/index.js.map +1 -0
  230. package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
  231. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  232. package/es-custom/components/icon-button/icon-button.scss.js +1 -1
  233. package/es-custom/components/menu/menu-item.d.ts +1 -0
  234. package/es-custom/components/menu/menu-item.js +12 -2
  235. package/es-custom/components/menu/menu-item.js.map +1 -1
  236. package/es-custom/components/menu/menu.d.ts +4 -1
  237. package/es-custom/components/menu/menu.js +28 -3
  238. package/es-custom/components/menu/menu.js.map +1 -1
  239. package/es-custom/components/menu/menu.scss.js +1 -1
  240. package/es-custom/components/menu-button/menu-button.d.ts +5 -2
  241. package/es-custom/components/menu-button/menu-button.js +77 -7
  242. package/es-custom/components/menu-button/menu-button.js.map +1 -1
  243. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  244. package/es-custom/components/notification/callout-notification.d.ts +1 -1
  245. package/es-custom/components/notification/callout-notification.js +8 -9
  246. package/es-custom/components/notification/callout-notification.js.map +1 -1
  247. package/es-custom/components/number-input/number-input.d.ts +4 -0
  248. package/es-custom/components/number-input/number-input.js +28 -12
  249. package/es-custom/components/number-input/number-input.js.map +1 -1
  250. package/es-custom/components/number-input/number-input.scss.js +1 -1
  251. package/es-custom/components/password-input/password-input.d.ts +5 -0
  252. package/es-custom/components/password-input/password-input.js +14 -5
  253. package/es-custom/components/password-input/password-input.js.map +1 -1
  254. package/es-custom/components/password-input/password-input.scss.js +1 -1
  255. package/es-custom/components/popover/popover.js.map +1 -1
  256. package/es-custom/components/search/search.scss.js +1 -1
  257. package/es-custom/components/slider/slider-input.js +14 -18
  258. package/es-custom/components/slider/slider-input.js.map +1 -1
  259. package/es-custom/components/slider/slider.d.ts +7 -0
  260. package/es-custom/components/slider/slider.js +226 -83
  261. package/es-custom/components/slider/slider.js.map +1 -1
  262. package/es-custom/components/slider/slider.scss.js +1 -1
  263. package/es-custom/components/text-input/text-input-skeleton.d.ts +1 -1
  264. package/es-custom/components/text-input/text-input-skeleton.js +4 -3
  265. package/es-custom/components/text-input/text-input-skeleton.js.map +1 -1
  266. package/es-custom/components/text-input/text-input.scss.js +1 -1
  267. package/es-custom/components/textarea/textarea-skeleton.d.ts +5 -1
  268. package/es-custom/components/textarea/textarea-skeleton.js +16 -2
  269. package/es-custom/components/textarea/textarea-skeleton.js.map +1 -1
  270. package/es-custom/components/time-picker/time-picker.scss.js +1 -1
  271. package/es-custom/components/toggle-tip/toggletip.js.map +1 -1
  272. package/lib/components/combo-box/combo-box.d.ts +10 -3
  273. package/lib/components/contained-list/contained-list-description.d.ts +18 -0
  274. package/lib/components/contained-list/contained-list-item.d.ts +43 -0
  275. package/lib/components/contained-list/contained-list.d.ts +37 -0
  276. package/lib/components/contained-list/index.d.ts +9 -0
  277. package/lib/components/dropdown/dropdown.d.ts +25 -1
  278. package/lib/components/fluid-number-input/fluid-number-input-skeleton.d.ts +17 -0
  279. package/lib/components/fluid-number-input/fluid-number-input.d.ts +19 -0
  280. package/lib/components/fluid-number-input/index.d.ts +8 -0
  281. package/lib/components/menu/menu-item.d.ts +1 -0
  282. package/lib/components/menu/menu.d.ts +4 -1
  283. package/lib/components/menu-button/menu-button.d.ts +5 -2
  284. package/lib/components/notification/callout-notification.d.ts +1 -1
  285. package/lib/components/number-input/number-input.d.ts +4 -0
  286. package/lib/components/password-input/password-input.d.ts +5 -0
  287. package/lib/components/slider/slider.d.ts +7 -0
  288. package/lib/components/text-input/text-input-skeleton.d.ts +1 -1
  289. package/lib/components/textarea/textarea-skeleton.d.ts +5 -1
  290. package/package.json +5 -6
  291. package/scss/components/combo-box/combo-box.scss +21 -0
  292. package/scss/components/contained-list/contained-list.scss +48 -0
  293. package/scss/components/fluid-number-input/fluid-number-input.scss +27 -0
  294. package/scss/components/menu/menu.scss +2 -0
  295. package/scss/components/number-input/number-input.scss +13 -0
  296. package/scss/components/password-input/password-input.scss +21 -17
  297. package/scss/components/search/search.scss +6 -0
  298. package/scss/components/slider/slider.scss +33 -5
  299. package/scss/components/text-input/text-input.scss +5 -2
  300. package/telemetry.yml +14 -8
  301. package/dist/16-BFl-qNrl.js +0 -28
  302. package/dist/dropdown-item-ALZ34_OA.js +0 -100
  303. package/dist/floating-controller-BO48DFk2.js +0 -28
  304. package/dist/search-DNdS00wP.js +0 -58
  305. package/dist/text-input-B9VDpl4N.js +0 -95
  306. package/dist/{16-Co6aAEol.js → 16-BcPXq4VE.js} +2 -2
  307. package/dist/{16-B7pwVoJF.js → 16-CCrV-EKs.js} +2 -2
  308. package/dist/{16-CGBcKyTF.js → 16-CsHohlYG.js} +2 -2
  309. package/dist/{16-CE0vhrU3.js → 16-D9rqeJJl.js} +2 -2
  310. package/dist/{16-Di-633li.js → 16-DEZ8LNs3.js} +2 -2
  311. package/dist/{20-BkqtasS4.js → 20-ZHgmfbqd.js} +2 -2
  312. package/dist/{carbon-element-C1z5CnbR.js → carbon-element-tFMTVffV.js} +2 -2
  313. package/dist/{collection-helpers-CpMBYTSn.js → collection-helpers-C8K_t6zj.js} +2 -2
  314. package/dist/{consume-CJ68u14F.js → consume-DNv3sWri.js} +2 -2
  315. package/dist/{directive-D38JskT2.js → directive-CwpJ03IP.js} +2 -2
  316. package/dist/{host-listener-C5X2a6BU.js → host-listener-BFnrKETa.js} +2 -2
  317. package/dist/{on-CHmODq20.js → on-Bh72-1o0.js} +2 -2
  318. package/dist/{query-ClymL-mj.js → query-DZZk85FD.js} +2 -2
  319. package/dist/{radio-group-manager-Cd-2cWQY.js → radio-group-manager-BbeUxJeN.js} +2 -2
  320. package/dist/{settings--npNF0B7.js → settings-CVGvqY8T.js} +2 -2
  321. package/dist/{shared-enums-DNTUOzm5.js → shared-enums-D2BNx9-N.js} +2 -2
  322. package/dist/{validity-WwpJqqG9.js → validity-CzCNnEZK.js} +2 -2
package/dist/menu.min.js CHANGED
@@ -18,23 +18,14 @@
18
18
  * https://www.npmjs.com/package/@floating-ui/dom
19
19
  * https://www.npmjs.com/package/@carbon/icon-helpers
20
20
  * https://www.npmjs.com/package/flatpickr
21
- * https://www.npmjs.com/package/lit-element
22
21
  * https://www.npmjs.com/package/lit-html
22
+ * https://www.npmjs.com/package/lit-element
23
23
  * https://www.npmjs.com/package/@lit/reactive-element
24
- * https://www.npmjs.com/package/@floating-ui/core
25
24
  * https://www.npmjs.com/package/@floating-ui/utils
25
+ * https://www.npmjs.com/package/@floating-ui/core
26
26
  */
27
27
 
28
- import{i as e,r as t,x as s,_ as i}from"./lit-element-DXoDLiKG.js";import{p as o}from"./settings--npNF0B7.js";import{n}from"./property-uTgGvQPP.js";import{r as d}from"./state-WaBTtiEK.js";import{c}from"./carbon-element-C1z5CnbR.js";import{H as a}from"./host-listener-C5X2a6BU.js";import{H as r}from"./host-listener-DvFKBeEg.js";import{e as l}from"./class-map-DzlEdlET.js";import{n as u,e as m,c as h}from"./consume-CJ68u14F.js";import{_ as y}from"./16-Fw7MQsgz.js";import{_ as v,a as g}from"./16-CsB-3CrK.js";import{i as p}from"./icon-loader-C0ZqVK1W.js";import"./on-CHmODq20.js";import"./directive-D38JskT2.js";import"./icon-loader-utils-BR71i9XR.js";import"./unsafe-html-DmB1txAP.js";var b=e(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--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--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--shown{overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider{background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}.cds--menu--with-icons{--child-icon-property:flex;--child-grid-template-columns:1rem 1fr max-content}:host(cds-menu){position:fixed;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}.cds--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds--menu--with-selectable-items{--display-selection-icon:flex}.cds--menu--with-icons.cds--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds--menu{overflow-y:auto}.cds--menu--shown{opacity:1}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--xs{--block-size-value:1.5rem}.cds--menu--sm{--block-size-value:2rem}.cds--menu--md{--block-size-value:2.5rem}.cds--menu--lg{--block-size-value:3rem}"]);const f={isRoot:!0,hasSelectableItems:!1,size:null,updateFromChild:()=>{}},x=u("myData");var z,_,w;!function(e){e.EXTRA_SMALL="xs",e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg"}(z||(z={})),function(e){e.DEFAULT="default",e.DANGER="danger"}(_||(_={})),function(e){e.LAYER="layer",e.BACKGROUND="background"}(w||(w={}));let k=class extends(r(t)){constructor(){super(...arguments),this.context=Object.assign(Object.assign({},f),{updateFromChild:e=>{this.context=Object.assign(Object.assign({},this.context),e)}}),this.spacing=8,this.items=[],this.activeitems=[],this.isChild=!1,this.isRtl=!1,this.isRoot=!0,this.direction="ltr",this.open=!0,this.position=[-1,-1],this.size=z.SMALL,this.backgroundToken=w.LAYER,this.border=!1,this.x=0,this.y=0,this._handleBlur=e=>{const{isRoot:t}=this.context;this.open&&t&&!this.contains(e.relatedTarget)&&this.dispatchCloseEvent(e)},this._handleKeyDown=e=>{const{isRoot:t}=this.context;e.stopPropagation(),"Escape"===e.key||!t&&"ArrowLeft"===e.key?this.dispatchCloseEvent(e):("ArrowUp"!==e.key&&"ArrowDown"!==e.key||e.preventDefault(),this._focusItem(e))},this._focusItem=e=>{var t,s,i;let o;if("CDS-MENU"!==(null===(t=document.activeElement)||void 0===t?void 0:t.tagName)){const e=this._findActiveElementInShadowRoot(document);o=this.activeitems.findIndex((t=>{var s;return e==t.item||(null===(s=t.item.shadowRoot)||void 0===s?void 0:s.activeElement)===e}))}else o=0;let n=o;-1===o?n=0:e&&("ArrowUp"===e.key&&(n-=1),"ArrowDown"===e.key&&(n+=1)),n<0&&(n=this.activeitems.length-1),n>=this.activeitems.length&&(n=0),n!==o&&(null===(i=null===(s=this.activeitems[n])||void 0===s?void 0:s.item)||void 0===i||i.focus())},this._findActiveElementInShadowRoot=e=>{if(null===e)return null;let t=e.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t},this._notEmpty=e=>null!=e,this._fitValue=(e,t)=>{var s;const{isRoot:i}=this.context,n=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector(`.${o}--menu`),{width:d,height:c}=(null!=n?n:this).getBoundingClientRect(),a=i?"vertical":"horizontal",r={x:{max:window.innerWidth,size:d,anchor:"horizontal"===a?e[1]:e[0],reversedAnchor:"horizontal"===a?e[0]:e[1],offset:0},y:{max:window.innerHeight,size:c,anchor:"horizontal"===a?e[0]:e[1],reversedAnchor:"horizontal"===a?e[1]:e[0],offset:i?0:4}};if(this.actionButtonWidth&&this.actionButtonWidth<r.x.size&&("bottom"===this.menuAlignment||"top"===this.menuAlignment)&&(r.x.size=this.actionButtonWidth),this.actionButtonWidth&&("bottom-end"===this.menuAlignment||"top-end"===this.menuAlignment)&&r.x.anchor>=87&&this.actionButtonWidth<r.x.size){const e=r.x.anchor+r.x.reversedAnchor;r.x.anchor=r.x.anchor+e}const{max:l,size:u,anchor:m,reversedAnchor:h,offset:y}=r[t],v=[l-this.spacing-u-m>=0&&m-y,h-u>=0&&h-u+y,l-this.spacing-u],g="top"===this.menuAlignment||"top-end"===this.menuAlignment||"top-start"===this.menuAlignment;"number"==typeof v[0]&&g&&v[0]>=0&&!v[1]&&"y"===t?this.style.transform="translate(0)":g&&!v[0]&&"y"===t&&(v[0]=m-y);const p=v.find((e=>!1!==e));return p>=this.spacing?p:this.spacing},this._getPosition=e=>{if(Array.isArray(e)){const t=e.filter(this._notEmpty);return 2===t.length?t:void 0}return[e,e]},this._calculatePosition=()=>{var e,t;const s={x:this._getPosition(this.x),y:this._getPosition(this.y)};return s.x&&s.y?[null!==(e=this._fitValue(s.x,"x"))&&void 0!==e?e:-1,null!==(t=this._fitValue(s.y,"y"))&&void 0!==t?t:-1]:[-1,-1]},this._handleOpen=async()=>{const e=this._calculatePosition();this.isRtl?(this.style.insetInlineStart="initial",this.style.insetInlineEnd=`${e[0]}px`):(this.style.insetInlineStart=`${e[0]}px`,this.style.insetInlineEnd="initial"),this.style.insetBlockStart=`${e[1]}px`,this.position=e,await this.updateComplete,this._registerMenuItems(),this._setActiveItems();const t={bubbles:!0,cancelable:!0,composed:!0};this.dispatchEvent(new CustomEvent(this.constructor.eventOnOpen,t))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnOpen,t))},this.dispatchCloseEvent=e=>{const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose,t))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose,t))},this._newContextCreate=()=>{this.context=Object.assign(Object.assign({},this.context),{isRoot:!1,size:this.size})},this._registerMenuItems=()=>{var e,t;let s;s=this.isChild?this.querySelector('slot[name="submenu"]').assignedElements():null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0===t?void 0:t.assignedElements(),this.items=null==s?void 0:s.filter((e=>"CDS-MENU-ITEM"===e.tagName?!e.disabled:"CDS-MENU-ITEM-DIVIDER"!==e.tagName))},this._setActiveItems=()=>{var e,t,s;this.activeitems=[],null===(e=this.items)||void 0===e||e.map((e=>{var t,s,i;let n;switch(e.tagName){case"CDS-MENU-ITEM-RADIO-GROUP":{const t=e.querySelectorAll(`${o}-menu-item`);if(null==t?void 0:t.length)for(const s of t.entries())n={item:s[1],parent:e},this.activeitems=[...this.activeitems,n];break}case"CDS-MENU-ITEM-GROUP":{const i=null===(s=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("slot"))||void 0===s?void 0:s.assignedElements();null==i||i.map((e=>{n={item:e,parent:e},this.activeitems=[...this.activeitems,n]}));break}case"CDS-MENU-ITEM-SELECTABLE":n={item:null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector(`${o}-menu-item`),parent:e},this.activeitems=[...this.activeitems,n];break;default:n={item:e,parent:null},this.activeitems=[...this.activeitems,n]}}));(null!==(s=null===(t=this.activeitems[0])||void 0===t?void 0:t.item)&&void 0!==s?s:document.activeElement).focus()}}static get eventOnClose(){return`${o}-menu-closed`}static get eventOnOpen(){return`${o}-menu-opened`}updated(e){e.has("open")&&this.open&&this._handleOpen()}connectedCallback(){super.connectedCallback(),this.addEventListener("icon-detect",(()=>{var e,t;null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".cds--menu"))||void 0===t||t.classList.add(`${o}--menu--with-icons`)}))}async firstUpdated(){var e;this.isRtl="rtl"===this.direction,this.isRoot=this.context.isRoot,this.isChild&&this._newContextCreate(),await this.updateComplete,this._registerMenuItems(),this._setActiveItems();const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("slot");null==t||t.addEventListener("slotchange",(()=>{this._registerMenuItems(),this._setActiveItems()}))}render(){const{open:e,menuAlignment:t,label:i,position:n,_handleKeyDown:d}=this,c=l({[`${o}--menu`]:!0,[`${o}--menu--${this.size}`]:this.size,[`${o}--menu--box-shadow-top`]:t&&"top"===t.slice(0,3),[`${o}--menu--open`]:e,[`${o}--menu--shown`]:n[0]>=0&&n[1]>=0,[`${o}--menu--with-selectable-items`]:this.context.hasSelectableItems,[`${o}--menu--border`]:this.border,[`${o}--menu--background-token__background`]:this.backgroundToken===w.BACKGROUND});return s`
29
- <ul
30
- class="${c}"
31
- aria-label="${i}"
32
- tabindex="-1"
33
- @keydown="${d}"
34
- role="menu">
35
- <slot></slot>
36
- </ul>
37
- `}};k.styles=b,i([m({context:x}),h({context:x})],k.prototype,"context",void 0),i([d()],k.prototype,"items",void 0),i([d()],k.prototype,"activeitems",void 0),i([n({type:String})],k.prototype,"label",void 0),i([n({type:Boolean})],k.prototype,"isChild",void 0),i([n()],k.prototype,"actionButtonWidth",void 0),i([n({type:Boolean})],k.prototype,"isRtl",void 0),i([n({type:Boolean})],k.prototype,"isRoot",void 0),i([n({type:String})],k.prototype,"direction",void 0),i([n({type:Boolean,reflect:!0})],k.prototype,"open",void 0),i([n({type:HTMLElement})],k.prototype,"focusreturn",void 0),i([n()],k.prototype,"position",void 0),i([n({attribute:!0})],k.prototype,"size",void 0),i([n()],k.prototype,"mode",void 0),i([n({type:String,attribute:"background-token"})],k.prototype,"backgroundToken",void 0),i([n({type:Boolean})],k.prototype,"border",void 0),i([n({type:String})],k.prototype,"menuAlignment",void 0),i([n()],k.prototype,"x",void 0),i([n()],k.prototype,"y",void 0),i([a("focusout")],k.prototype,"_handleBlur",void 0),k=i([c(`${o}-menu`)],k);var E=e(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--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--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{opacity:1;overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]) *{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);let S=class extends(r(r(t))){constructor(){var e;super(...arguments),this.hoverIntentDelay=150,this.submenuOpen=!1,this.kind=_.DEFAULT,this.boundaries={x:-1,y:-1},this.ariaChecked=null!==(e=this.getAttribute("selected"))&&void 0!==e?e:"false",this.isRtl=!1,this.hasSubmenu=!1,this._handleClick=e=>{this.hasSubmenu?this._openSubmenu():"keydown"===e.type&&this.click()},this._handleMouseEnter=()=>{this.hoverIntentTimeout=setTimeout((()=>{this._openSubmenu()}),this.hoverIntentDelay)},this._handleMouseLeave=()=>{this.hoverIntentTimeout&&(clearTimeout(this.hoverIntentTimeout),this._closeSubmenu(),this.focus())},this._openSubmenu=()=>{const{x:e,y:t,width:s,height:i}=this.getBoundingClientRect();this.isRtl?this.boundaries={x:[-e,e-s],y:[t,t+i]}:this.boundaries={x:[e,e+s],y:[t,t+i]},this.submenuOpen=!0},this._registerSubMenuItems=()=>{const e=new MutationObserver((e=>{var t,s,i,n,d;for(const c of e)if("childList"===c.type){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="submenu"]'),c=null===(i=null===(s=null==e?void 0:e.assignedElements)||void 0===s?void 0:s.call(e))||void 0===i?void 0:i[0];if(c)switch(c.tagName){case"CDS-MENU-ITEM-RADIO-GROUP":this.submenuEntry=c.querySelector(`${o}-menu-item`);break;case"CDS-MENU-ITEM-GROUP":{const e=null===(d=null===(n=c.shadowRoot)||void 0===n?void 0:n.querySelector("slot"))||void 0===d?void 0:d.assignedElements(),t=(null==e?void 0:e.length)&&e[0];this.submenuEntry=t;break}case"CDS-MENU-ITEM":this.submenuEntry=c}}}));e.observe(this.shadowRoot,{childList:!0,subtree:!0})},this._closeSubmenu=()=>{var e,t;this.boundaries={x:-1,y:-1},this.submenuOpen=!1,null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`.${o}--menu-item`))||void 0===t||t.focus()},this._handleKeyDown=e=>{this.hasSubmenu&&["ArrowRight","Enter"," "].includes(e.key)?(this._openSubmenu(),setTimeout((()=>{this.submenuEntry.focus()})),e.stopPropagation()):"Enter"!==e.key&&" "!==e.key||this._handleClick(e)}}async dispatchIconDetect(){!!this.querySelector('[slot="render-icon"]')&&(await void 0,this.dispatchEvent(new CustomEvent("icon-detect",{bubbles:!0,composed:!0})))}_updateAttributes(){this.disabled&&!this.hasSubmenu?(this.setAttribute("aria-disabled",this.disabled),this.setAttribute("tabindex","-1")):(this.removeAttribute("aria-disabled"),this.setAttribute("tabindex","0")),this.hasSubmenu?this.setAttribute("aria-haspopup",this.hasSubmenu+""):this.removeAttribute("aria-haspopup"),this.closest(`${o}-menu-item-radio-group`)?(this.setAttribute("role","menuitemradio"),this.setAttribute("aria-checked",this.ariaChecked+"")):this.getAttribute("role")||this.setAttribute("role","menuitem")}firstUpdated(){this.hasSubmenu=!!this.querySelector('[slot="submenu"]'),this.dispatchIconDetect(),this.isRtl="rtl"===document.dir,this._registerSubMenuItems(),this._updateAttributes(),this.addEventListener(`${o}-menu-closed`,(()=>{this.focus(),this._closeSubmenu()}))}updated(e){this.hasSubmenu?this.setAttribute("aria-expanded",this.hasSubmenu+""):this.removeAttribute("aria-expanded"),this.kind===_.DANGER&&this.classList.toggle(`${o}--menu-item--danger`)}handleClick(e){this._handleClick(e)}handleMouseEnter(){this.hasSubmenu&&this._handleMouseEnter()}handleMouseLeave(){this.hasSubmenu&&this._handleMouseLeave()}handleKeyDown(e){this._handleKeyDown(e)}render(){var e,t,i;const{label:n,shortcut:d,submenuOpen:c,boundaries:a,isRtl:r}=this,l=(null===(e=this.context)||void 0===e?void 0:e.hasSelectableItems)?`${o}--menu--with-selectable-items`:"";return s`
28
+ import{i as e,r as t,x as s,_ as i}from"./lit-element-W7dQy3wx.js";import{p as o}from"./settings-CVGvqY8T.js";import{n}from"./property-D8KHfsO7.js";import{r as d}from"./state-DVnprZ3A.js";import{c}from"./carbon-element-tFMTVffV.js";import{H as a}from"./host-listener-BFnrKETa.js";import{H as r}from"./host-listener-maKckXVl.js";import{e as l}from"./class-map-BLvVLLRH.js";import{n as u,c as m,e as h}from"./consume-DNv3sWri.js";import{_ as y}from"./16-BirbARgt.js";import{_ as v,a as g}from"./16-CNObEOvs.js";import{i as p}from"./icon-loader-BiaaiIZd.js";import"./on-Bh72-1o0.js";import"./directive-CwpJ03IP.js";import"./icon-loader-utils-Dw7YsY3n.js";import"./unsafe-html-SGvBIOsG.js";var b=e(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--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--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--shown{overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider{background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}.cds--menu--with-icons{--child-icon-property:flex;--child-grid-template-columns:1rem 1fr max-content}:host(cds-menu){position:fixed;z-index:9000;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}.cds--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds--menu--with-selectable-items{--grid-template:1rem 1fr max-content;--display-selection-icon:flex}.cds--menu--with-icons.cds--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds--menu{overflow-y:auto}.cds--menu--shown{opacity:1}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--xs{--block-size-value:1.5rem}.cds--menu--sm{--block-size-value:2rem}.cds--menu--md{--block-size-value:2.5rem}.cds--menu--lg{--block-size-value:3rem}"]);const f={isRoot:!0,hasSelectableItems:!1,size:null,updateFromChild:()=>{}},x=u("myData");var z,_,w,k=e(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--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--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{opacity:1;overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]) *{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);!function(e){e.EXTRA_SMALL="xs",e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg"}(z||(z={})),function(e){e.DEFAULT="default",e.DANGER="danger"}(_||(_={})),function(e){e.LAYER="layer",e.BACKGROUND="background"}(w||(w={}));const E=`${o}-menu-close-root-request`;let C=class extends(r(r(t))){constructor(){var e;super(...arguments),this.hoverIntentDelay=150,this.submenuOpen=!1,this.kind=_.DEFAULT,this.boundaries={x:-1,y:-1},this.ariaChecked=null!==(e=this.getAttribute("selected"))&&void 0!==e?e:"false",this.isRtl=!1,this.hasSubmenu=!1,this._handleClick=e=>{this.hasSubmenu?this._openSubmenu():"keydown"!==e.type?this.dispatchEvent(new CustomEvent(E,{bubbles:!0,composed:!0,detail:{triggerEvent:e}})):this.click()},this._handleMouseEnter=()=>{this.hoverIntentTimeout=setTimeout((()=>{this._openSubmenu()}),this.hoverIntentDelay)},this._handleMouseLeave=()=>{this.hoverIntentTimeout&&(clearTimeout(this.hoverIntentTimeout),this._closeSubmenu(),this.focus())},this._openSubmenu=()=>{const{x:e,y:t,width:s,height:i}=this.getBoundingClientRect();this.isRtl?this.boundaries={x:[-e,e-s],y:[t,t+i]}:this.boundaries={x:[e,e+s],y:[t,t+i]},this.submenuOpen=!0},this._registerSubMenuItems=()=>{const e=new MutationObserver((e=>{var t,s,i,n,d;for(const c of e)if("childList"===c.type){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="submenu"]'),c=null===(i=null===(s=null==e?void 0:e.assignedElements)||void 0===s?void 0:s.call(e))||void 0===i?void 0:i[0];if(c)switch(c.tagName){case"CDS-MENU-ITEM-RADIO-GROUP":this.submenuEntry=c.querySelector(`${o}-menu-item`);break;case"CDS-MENU-ITEM-GROUP":{const e=null===(d=null===(n=c.shadowRoot)||void 0===n?void 0:n.querySelector("slot"))||void 0===d?void 0:d.assignedElements(),t=(null==e?void 0:e.length)&&e[0];this.submenuEntry=t;break}case"CDS-MENU-ITEM":this.submenuEntry=c}}}));e.observe(this.shadowRoot,{childList:!0,subtree:!0})},this._closeSubmenu=()=>{var e,t;this.boundaries={x:-1,y:-1},this.submenuOpen=!1,null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`.${o}--menu-item`))||void 0===t||t.focus()},this._handleKeyDown=e=>{this.hasSubmenu&&["ArrowRight","Enter"," "].includes(e.key)?(this._openSubmenu(),setTimeout((()=>{this.submenuEntry.focus()})),e.stopPropagation()):"Enter"!==e.key&&" "!==e.key||this._handleClick(e)}}async dispatchIconDetect(){!!this.querySelector('[slot="render-icon"]')&&(await void 0,this.dispatchEvent(new CustomEvent("icon-detect",{bubbles:!0,composed:!0})))}_updateAttributes(){this.disabled&&!this.hasSubmenu?(this.setAttribute("aria-disabled",this.disabled),this.setAttribute("tabindex","-1")):(this.removeAttribute("aria-disabled"),this.setAttribute("tabindex","0")),this.hasSubmenu?this.setAttribute("aria-haspopup",this.hasSubmenu+""):this.removeAttribute("aria-haspopup"),this.closest(`${o}-menu-item-radio-group`)?(this.setAttribute("role","menuitemradio"),this.setAttribute("aria-checked",this.ariaChecked+"")):this.getAttribute("role")||this.setAttribute("role","menuitem")}firstUpdated(){this.hasSubmenu=!!this.querySelector('[slot="submenu"]'),this.dispatchIconDetect(),this.isRtl="rtl"===document.dir,this._registerSubMenuItems(),this._updateAttributes(),this.addEventListener(`${o}-menu-closed`,(()=>{this.focus(),this._closeSubmenu()}))}updated(e){this.hasSubmenu?this.setAttribute("aria-expanded",this.hasSubmenu+""):this.removeAttribute("aria-expanded"),this.kind===_.DANGER&&this.classList.toggle(`${o}--menu-item--danger`)}handleClick(e){this._handleClick(e)}handleMouseEnter(){this.hasSubmenu&&this._handleMouseEnter()}handleMouseLeave(){this.hasSubmenu&&this._handleMouseLeave()}handleKeyDown(e){this._handleKeyDown(e)}render(){var e,t,i;const{label:n,shortcut:d,submenuOpen:c,boundaries:a,isRtl:r}=this,l=(null===(e=this.context)||void 0===e?void 0:e.hasSelectableItems)?`${o}--menu--with-selectable-items`:"";return s`
38
29
  <div class="${o}--menu-item__selection-icon">
39
30
  ${"true"===this.ariaChecked?p(y):void 0}
40
31
  </div>
@@ -59,11 +50,20 @@ import{i as e,r as t,x as s,_ as i}from"./lit-element-DXoDLiKG.js";import{p as o
59
50
  <slot name="submenu"></slot>
60
51
  </cds-menu>
61
52
  `:s``}
62
- `}};S.styles=E,i([h({context:x})],S.prototype,"context",void 0),i([n({type:String})],S.prototype,"label",void 0),i([n({type:String})],S.prototype,"shortcut",void 0),i([n({type:Boolean})],S.prototype,"disabled",void 0),i([n({type:Boolean})],S.prototype,"submenuOpen",void 0),i([n()],S.prototype,"kind",void 0),i([n()],S.prototype,"boundaries",void 0),i([n({attribute:"aria-checked"})],S.prototype,"ariaChecked",void 0),i([d()],S.prototype,"submenuEntry",void 0),i([d()],S.prototype,"isRtl",void 0),i([d()],S.prototype,"hasSubmenu",void 0),i([a("click",{capture:!0})],S.prototype,"handleClick",null),i([a("mouseenter")],S.prototype,"handleMouseEnter",null),i([a("mouseleave")],S.prototype,"handleMouseLeave",null),i([a("keydown")],S.prototype,"handleKeyDown",null),S=i([c(`${o}-menu-item`)],S);let C=class extends t{connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","separator"),super.connectedCallback()}};C.styles=E,C=i([c(`${o}-menu-item-divider`)],C);let A=class extends t{render(){const{label:e}=this;return s`
53
+ `}};C.styles=k,i([m({context:x})],C.prototype,"context",void 0),i([n({type:String})],C.prototype,"label",void 0),i([n({type:String})],C.prototype,"shortcut",void 0),i([n({type:Boolean})],C.prototype,"disabled",void 0),i([n({type:Boolean})],C.prototype,"submenuOpen",void 0),i([n()],C.prototype,"kind",void 0),i([n()],C.prototype,"boundaries",void 0),i([n({attribute:"aria-checked"})],C.prototype,"ariaChecked",void 0),i([d()],C.prototype,"submenuEntry",void 0),i([d()],C.prototype,"isRtl",void 0),i([d()],C.prototype,"hasSubmenu",void 0),i([a("click",{capture:!0})],C.prototype,"handleClick",null),i([a("mouseenter")],C.prototype,"handleMouseEnter",null),i([a("mouseleave")],C.prototype,"handleMouseLeave",null),i([a("keydown")],C.prototype,"handleKeyDown",null),C=i([c(`${o}-menu-item`)],C);let S=class extends(r(t)){constructor(){super(...arguments),this.context=Object.assign(Object.assign({},f),{updateFromChild:e=>{this.context=Object.assign(Object.assign({},this.context),e)}}),this.spacing=8,this.items=[],this.activeitems=[],this.isChild=!1,this.isRtl=!1,this.isRoot=!0,this.direction="ltr",this.open=!0,this.position=[-1,-1],this.size=z.SMALL,this.backgroundToken=w.LAYER,this.border=!1,this.x=0,this.y=0,this._handleBlur=e=>{const{isRoot:t}=this.context;this.open&&t&&!this.contains(e.relatedTarget)&&this.dispatchCloseEvent(e)},this._handleKeyDown=e=>{const{isRoot:t}=this.context;e.stopPropagation(),"Escape"===e.key||!t&&"ArrowLeft"===e.key?this.dispatchCloseEvent(e):("ArrowUp"!==e.key&&"ArrowDown"!==e.key||e.preventDefault(),this._focusItem(e))},this._focusItem=e=>{var t,s,i;let o;if("CDS-MENU"!==(null===(t=document.activeElement)||void 0===t?void 0:t.tagName)){const e=this._findActiveElementInShadowRoot(document);o=this.activeitems.findIndex((t=>{var s;return e==t.item||(null===(s=t.item.shadowRoot)||void 0===s?void 0:s.activeElement)===e}))}else o=0;let n=o;-1===o?n=0:e&&("ArrowUp"===e.key&&(n-=1),"ArrowDown"===e.key&&(n+=1)),n<0&&(n=this.activeitems.length-1),n>=this.activeitems.length&&(n=0),n!==o&&(null===(i=null===(s=this.activeitems[n])||void 0===s?void 0:s.item)||void 0===i||i.focus())},this._findActiveElementInShadowRoot=e=>{if(null===e)return null;let t=e.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t},this._notEmpty=e=>null!=e,this._fitValue=(e,t)=>{var s;const{isRoot:i}=this.context,n=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector(`.${o}--menu`),{width:d,height:c}=(null!=n?n:this).getBoundingClientRect(),a=i?"vertical":"horizontal",r={x:{max:window.innerWidth,size:d,anchor:"horizontal"===a?e[1]:e[0],reversedAnchor:"horizontal"===a?e[0]:e[1],offset:0},y:{max:window.innerHeight,size:c,anchor:"horizontal"===a?e[0]:e[1],reversedAnchor:"horizontal"===a?e[1]:e[0],offset:i?0:4}};if(this.actionButtonWidth&&this.actionButtonWidth<r.x.size&&("bottom"===this.menuAlignment||"top"===this.menuAlignment)&&(r.x.size=this.actionButtonWidth),this.actionButtonWidth&&("bottom-end"===this.menuAlignment||"top-end"===this.menuAlignment)&&r.x.anchor>=87&&this.actionButtonWidth<r.x.size){const e=r.x.anchor+r.x.reversedAnchor;r.x.anchor=r.x.anchor+e}const{max:l,size:u,anchor:m,reversedAnchor:h,offset:y}=r[t],v=[l-this.spacing-u-m>=0&&m-y,h-u>=0&&h-u+y,l-this.spacing-u],g="top"===this.menuAlignment||"top-end"===this.menuAlignment||"top-start"===this.menuAlignment;"number"==typeof v[0]&&g&&v[0]>=0&&!v[1]&&"y"===t?this.style.transform="translate(0)":g&&!v[0]&&"y"===t&&(v[0]=m-y);const p=v.find((e=>!1!==e));return p>=this.spacing?p:this.spacing},this._getPosition=e=>{if(Array.isArray(e)){const t=e.filter(this._notEmpty);return 2===t.length?t:void 0}return[e,e]},this._calculatePosition=()=>{var e,t;const s={x:this._getPosition(this.x),y:this._getPosition(this.y)};return s.x&&s.y?[null!==(e=this._fitValue(s.x,"x"))&&void 0!==e?e:-1,null!==(t=this._fitValue(s.y,"y"))&&void 0!==t?t:-1]:[-1,-1]},this._handleOpen=async()=>{const e=this._calculatePosition();this.isRtl?(this.style.insetInlineStart="initial",this.style.insetInlineEnd=`${e[0]}px`):(this.style.insetInlineStart=`${e[0]}px`,this.style.insetInlineEnd="initial"),this.style.insetBlockStart=`${e[1]}px`,this.position=e,await this.updateComplete,this._registerMenuItems(),this._setActiveItems();const t={bubbles:!0,cancelable:!0,composed:!0};this.dispatchEvent(new CustomEvent(this.constructor.eventOnOpen,t))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnOpen,t))},this.dispatchCloseEvent=e=>{const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:null==e?void 0:e.target,triggerEventType:null==e?void 0:e.type}};this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose,t))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose,t))},this._handleClose=()=>{this.position=[-1,-1],this.style.removeProperty("inset-inline-start"),this.style.removeProperty("inset-inline-end"),this.style.removeProperty("inset-block-start")},this._handleRootCloseRequest=e=>{var t,s,i;(null===(t=this.context)||void 0===t?void 0:t.isRoot)&&this.dispatchCloseEvent(null!==(i=null===(s=e.detail)||void 0===s?void 0:s.triggerEvent)&&void 0!==i?i:e)},this._newContextCreate=()=>{this.context=Object.assign(Object.assign({},this.context),{isRoot:!1,size:this.size})},this._registerMenuItems=()=>{var e,t;let s;s=this.isChild?this.querySelector('slot[name="submenu"]').assignedElements():null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0===t?void 0:t.assignedElements(),this.items=null==s?void 0:s.filter((e=>"CDS-MENU-ITEM"===e.tagName?!e.disabled:"CDS-MENU-ITEM-DIVIDER"!==e.tagName))},this._setActiveItems=()=>{var e,t,s;this.activeitems=[],null===(e=this.items)||void 0===e||e.map((e=>{var t,s,i;let n;switch(e.tagName){case"CDS-MENU-ITEM-RADIO-GROUP":{const t=e.querySelectorAll(`${o}-menu-item`);if(null==t?void 0:t.length)for(const s of t.entries())n={item:s[1],parent:e},this.activeitems=[...this.activeitems,n];break}case"CDS-MENU-ITEM-GROUP":{const i=null===(s=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("slot"))||void 0===s?void 0:s.assignedElements();null==i||i.map((e=>{n={item:e,parent:e},this.activeitems=[...this.activeitems,n]}));break}case"CDS-MENU-ITEM-SELECTABLE":n={item:null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector(`${o}-menu-item`),parent:e},this.activeitems=[...this.activeitems,n];break;default:n={item:e,parent:null},this.activeitems=[...this.activeitems,n]}}));(null!==(s=null===(t=this.activeitems[0])||void 0===t?void 0:t.item)&&void 0!==s?s:document.activeElement).focus()}}static get eventOnClose(){return`${o}-menu-closed`}static get eventOnOpen(){return`${o}-menu-opened`}updated(e){e.has("open")&&(this.open?this._handleOpen():this._handleClose())}connectedCallback(){super.connectedCallback(),this.addEventListener("icon-detect",(()=>{var e,t;null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".cds--menu"))||void 0===t||t.classList.add(`${o}--menu--with-icons`)})),this.addEventListener(E,this._handleRootCloseRequest)}disconnectedCallback(){this.removeEventListener(E,this._handleRootCloseRequest),super.disconnectedCallback()}async firstUpdated(){var e;this.isRtl="rtl"===this.direction,this.isRoot=this.context.isRoot,this.isChild&&this._newContextCreate(),await this.updateComplete,this._registerMenuItems(),this._setActiveItems();const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("slot");null==t||t.addEventListener("slotchange",(()=>{this._registerMenuItems(),this._setActiveItems()}))}render(){const{open:e,menuAlignment:t,label:i,position:n,_handleKeyDown:d}=this,c=l({[`${o}--menu`]:!0,[`${o}--menu--${this.size}`]:this.size,[`${o}--menu--box-shadow-top`]:t&&"top"===t.slice(0,3),[`${o}--menu--open`]:e,[`${o}--menu--shown`]:n[0]>=0&&n[1]>=0,[`${o}--menu--with-selectable-items`]:this.context.hasSelectableItems,[`${o}--menu--border`]:this.border,[`${o}--menu--background-token__background`]:this.backgroundToken===w.BACKGROUND});return s`
54
+ <ul
55
+ class="${c}"
56
+ aria-label="${i}"
57
+ tabindex="-1"
58
+ @keydown="${d}"
59
+ role="menu">
60
+ <slot></slot>
61
+ </ul>
62
+ `}};S.styles=b,i([h({context:x}),m({context:x})],S.prototype,"context",void 0),i([d()],S.prototype,"items",void 0),i([d()],S.prototype,"activeitems",void 0),i([n({type:String})],S.prototype,"label",void 0),i([n({type:Boolean})],S.prototype,"isChild",void 0),i([n()],S.prototype,"actionButtonWidth",void 0),i([n({type:Boolean})],S.prototype,"isRtl",void 0),i([n({type:Boolean})],S.prototype,"isRoot",void 0),i([n({type:String})],S.prototype,"direction",void 0),i([n({type:Boolean,reflect:!0})],S.prototype,"open",void 0),i([n({type:HTMLElement})],S.prototype,"focusreturn",void 0),i([n()],S.prototype,"position",void 0),i([n({attribute:!0})],S.prototype,"size",void 0),i([n()],S.prototype,"mode",void 0),i([n({type:String,attribute:"background-token"})],S.prototype,"backgroundToken",void 0),i([n({type:Boolean})],S.prototype,"border",void 0),i([n({type:String})],S.prototype,"menuAlignment",void 0),i([n()],S.prototype,"x",void 0),i([n()],S.prototype,"y",void 0),i([a("focusout")],S.prototype,"_handleBlur",void 0),S=i([c(`${o}-menu`)],S);let A=class extends t{connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","separator"),super.connectedCallback()}};A.styles=k,A=i([c(`${o}-menu-item-divider`)],A);let R=class extends t{render(){const{label:e}=this;return s`
63
63
  <ul role="group" aria-label="${e}">
64
64
  <slot></slot>
65
65
  </ul>
66
- `}};A.styles=E,i([n({type:String})],A.prototype,"label",void 0),A=i([c(`${o}-menu-item-group`)],A);let $=class extends t{constructor(){super(...arguments),this.selected=!1,this._handleClick=e=>{this.selected=!this.selected;const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))},this._handleKeydown=e=>{"Enter"!==e.key&&" "!==e.key||this._handleClick(e)}}static get eventOnChange(){return`${o}-item-changed`}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeydown)}firstUpdated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`${o}-menu-item`);t&&t.addEventListener("keydown",this._handleKeydown),this.context.updateFromChild({hasSelectableItems:!0})}render(){const{label:e,selected:t,_handleClick:i}=this;return s`
66
+ `}};R.styles=k,i([n({type:String})],R.prototype,"label",void 0),R=i([c(`${o}-menu-item-group`)],R);let $=class extends t{constructor(){super(...arguments),this.selected=!1,this._handleClick=e=>{this.selected=!this.selected;const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))},this._handleKeydown=e=>{"Enter"!==e.key&&" "!==e.key||this._handleClick(e)}}static get eventOnChange(){return`${o}-item-changed`}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeydown)}firstUpdated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`${o}-menu-item`);t&&t.addEventListener("keydown",this._handleKeydown),this.context.updateFromChild({hasSelectableItems:!0})}render(){const{label:e,selected:t,_handleClick:i}=this;return s`
67
67
  <cds-menu-item
68
68
  label="${e}"
69
69
  class="${o}--menu-item-selectable--selected"
@@ -73,8 +73,8 @@ import{i as e,r as t,x as s,_ as i}from"./lit-element-DXoDLiKG.js";import{p as o
73
73
  @click="${i}">
74
74
  <slot slot="render-icon" name="render-icon"></slot>
75
75
  </cds-menu-item>
76
- `}};$.shadowRootOptions=Object.assign(Object.assign({},t.shadowRootOptions),{delegatesFocus:!0}),$.styles=E,i([h({context:x})],$.prototype,"context",void 0),i([n({type:String})],$.prototype,"label",void 0),i([n({type:Boolean})],$.prototype,"selected",void 0),i([n()],$.prototype,"renderIcon",void 0),i([n()],$.prototype,"shortcut",void 0),$=i([c(`${o}-menu-item-selectable`)],$);let R=class extends t{constructor(){super(...arguments),this.items=[]}static get eventOnChange(){return`${o}-item-changed`}firstUpdated(){this.context.updateFromChild({hasSelectableItems:!0}),this.addEventListener("click",(e=>{this.selectedItem=e.target;const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))}))}updated(e){e.has("selectedItem")&&this.querySelectorAll(`${o}-menu-item`).forEach((e=>{e===this.selectedItem?e.setAttribute("aria-checked","true"):e.setAttribute("aria-checked","false")}))}render(){const{label:e}=this;return s`
76
+ `}};$.shadowRootOptions=Object.assign(Object.assign({},t.shadowRootOptions),{delegatesFocus:!0}),$.styles=k,i([m({context:x})],$.prototype,"context",void 0),i([n({type:String})],$.prototype,"label",void 0),i([n({type:Boolean})],$.prototype,"selected",void 0),i([n()],$.prototype,"renderIcon",void 0),i([n()],$.prototype,"shortcut",void 0),$=i([c(`${o}-menu-item-selectable`)],$);let I=class extends t{constructor(){super(...arguments),this.items=[]}static get eventOnChange(){return`${o}-item-changed`}firstUpdated(){this.context.updateFromChild({hasSelectableItems:!0}),this.addEventListener("click",(e=>{this.selectedItem=e.target;const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))}))}updated(e){e.has("selectedItem")&&this.querySelectorAll(`${o}-menu-item`).forEach((e=>{e===this.selectedItem?e.setAttribute("aria-checked","true"):e.setAttribute("aria-checked","false")}))}render(){const{label:e}=this;return s`
77
77
  <ul role="group" aria-label="${e}">
78
78
  <slot></slot>
79
79
  </ul>
80
- `}};R.styles=E,i([h({context:x})],R.prototype,"context",void 0),i([n({type:String})],R.prototype,"label",void 0),i([n({type:Array})],R.prototype,"items",void 0),i([n({type:String,attribute:!0})],R.prototype,"selectedItem",void 0),i([n()],R.prototype,"itemToString",void 0),R=i([c(`${o}-menu-item-radio-group`)],R);export{w as M};
80
+ `}};I.styles=k,i([m({context:x})],I.prototype,"context",void 0),i([n({type:String})],I.prototype,"label",void 0),i([n({type:Array})],I.prototype,"items",void 0),i([n({type:String,attribute:!0})],I.prototype,"selectedItem",void 0),i([n()],I.prototype,"itemToString",void 0),I=i([c(`${o}-menu-item-radio-group`)],I);export{w as M};