@carbon/web-components 2.58.0 → 2.59.0-rc.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 (537) hide show
  1. package/custom-elements.json +186 -40
  2. package/es/components/accordion/accordion.scss.js +1 -1
  3. package/es/components/ai-label/ai-label.scss.js +1 -1
  4. package/es/components/ai-label/ai-label.scss.js.map +1 -1
  5. package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
  6. package/es/components/button/button.d.ts +2 -2
  7. package/es/components/button/button.d.ts.map +1 -1
  8. package/es/components/button/button.js +2 -2
  9. package/es/components/button/button.js.map +1 -1
  10. package/es/components/button/button.scss.js +1 -1
  11. package/es/components/button/button.scss.js.map +1 -1
  12. package/es/components/chat-button/chat-button.scss.js +1 -1
  13. package/es/components/chat-button/chat-button.scss.js.map +1 -1
  14. package/es/components/checkbox/checkbox-group.d.ts +1 -1
  15. package/es/components/checkbox/checkbox.d.ts +1 -1
  16. package/es/components/checkbox/checkbox.scss.js +1 -1
  17. package/es/components/code-snippet/code-snippet.d.ts +1 -1
  18. package/es/components/code-snippet/code-snippet.scss.js +1 -1
  19. package/es/components/combo-box/combo-box.scss.js +1 -1
  20. package/es/components/combo-box/combo-box.scss.js.map +1 -1
  21. package/es/components/combo-button/combo-button.scss.js +1 -1
  22. package/es/components/contained-list/contained-list.scss.js +1 -1
  23. package/es/components/contained-list/contained-list.scss.js.map +1 -1
  24. package/es/components/content-switcher/content-switcher-item.d.ts +1 -1
  25. package/es/components/content-switcher/content-switcher.scss.js +1 -1
  26. package/es/components/copy-button/copy-button.scss.js +1 -1
  27. package/es/components/copy-button/copy-button.scss.js.map +1 -1
  28. package/es/components/data-table/data-table.scss.js +1 -1
  29. package/es/components/data-table/table-header-cell.d.ts +1 -1
  30. package/es/components/data-table/table-toolbar-search.d.ts +1 -1
  31. package/es/components/date-picker/date-picker-input.d.ts +1 -1
  32. package/es/components/date-picker/date-picker.scss.js +1 -1
  33. package/es/components/dialog/dialog.scss.js +1 -1
  34. package/es/components/dropdown/dropdown.d.ts +1 -1
  35. package/es/components/dropdown/dropdown.scss.js +1 -1
  36. package/es/components/file-uploader/file-uploader-button.d.ts +1 -0
  37. package/es/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  38. package/es/components/file-uploader/file-uploader-button.js +10 -11
  39. package/es/components/file-uploader/file-uploader-button.js.map +1 -1
  40. package/es/components/file-uploader/file-uploader-drop-container.d.ts +1 -0
  41. package/es/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  42. package/es/components/file-uploader/file-uploader-drop-container.js +6 -5
  43. package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  44. package/es/components/file-uploader/file-uploader.scss.js +1 -1
  45. package/es/components/file-uploader/file-uploader.scss.js.map +1 -1
  46. package/es/components/floating-menu/floating-menu.d.ts +1 -1
  47. package/es/components/floating-menu/floating-menu.js +1 -1
  48. package/es/components/floating-menu/floating-menu.js.map +1 -1
  49. package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  50. package/es/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -1
  51. package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  52. package/es/components/fluid-dropdown/fluid-dropdown.scss.js.map +1 -1
  53. package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  54. package/es/components/fluid-multi-select/fluid-multi-select.scss.js.map +1 -1
  55. package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  56. package/es/components/fluid-number-input/fluid-number-input.scss.js.map +1 -1
  57. package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  58. package/es/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
  59. package/es/components/fluid-search/fluid-search.scss.js +1 -1
  60. package/es/components/fluid-search/fluid-search.scss.js.map +1 -1
  61. package/es/components/fluid-select/fluid-select.scss.js +1 -1
  62. package/es/components/fluid-select/fluid-select.scss.js.map +1 -1
  63. package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  64. package/es/components/fluid-text-input/fluid-text-input.scss.js.map +1 -1
  65. package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  66. package/es/components/fluid-textarea/fluid-textarea.scss.js.map +1 -1
  67. package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  68. package/es/components/fluid-time-picker/fluid-time-picker.scss.js.map +1 -1
  69. package/es/components/icon-button/icon-button.d.ts +1 -1
  70. package/es/components/icon-button/icon-button.d.ts.map +1 -1
  71. package/es/components/icon-button/icon-button.js.map +1 -1
  72. package/es/components/icon-button/icon-button.scss.js +1 -1
  73. package/es/components/icon-button/icon-button.scss.js.map +1 -1
  74. package/es/components/icon-indicator/icon-indicator.d.ts +20 -1
  75. package/es/components/icon-indicator/icon-indicator.d.ts.map +1 -1
  76. package/es/components/icon-indicator/icon-indicator.js +30 -2
  77. package/es/components/icon-indicator/icon-indicator.js.map +1 -1
  78. package/es/components/icon-indicator/icon-indicator.scss.js +1 -1
  79. package/es/components/icon-indicator/icon-indicator.scss.js.map +1 -1
  80. package/es/components/layout/layout.scss.js +1 -1
  81. package/es/components/layout/layout.scss.js.map +1 -1
  82. package/es/components/link/link.d.ts +1 -1
  83. package/es/components/menu/menu-item-selectable.d.ts +1 -1
  84. package/es/components/menu/menu-item.scss.js +1 -1
  85. package/es/components/menu/menu-item.scss.js.map +1 -1
  86. package/es/components/menu/menu.scss.js +1 -1
  87. package/es/components/menu-button/menu-button.scss.js +1 -1
  88. package/es/components/modal/modal-close-button.d.ts +1 -1
  89. package/es/components/modal/modal.scss.js +1 -1
  90. package/es/components/multi-select/multi-select.scss.js +1 -1
  91. package/es/components/notification/actionable-notification.d.ts.map +1 -1
  92. package/es/components/notification/actionable-notification.js +5 -2
  93. package/es/components/notification/actionable-notification.js.map +1 -1
  94. package/es/components/notification/actionable-notification.scss.js +1 -1
  95. package/es/components/notification/actionable-notification.scss.js.map +1 -1
  96. package/es/components/notification/inline-notification.scss.js +1 -1
  97. package/es/components/notification/inline-notification.scss.js.map +1 -1
  98. package/es/components/notification/toast-notification.scss.js +1 -1
  99. package/es/components/notification/toast-notification.scss.js.map +1 -1
  100. package/es/components/number-input/number-input.d.ts +1 -1
  101. package/es/components/number-input/number-input.scss.js +1 -1
  102. package/es/components/overflow-menu/overflow-menu-body.d.ts +1 -1
  103. package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  104. package/es/components/overflow-menu/overflow-menu-body.js +2 -2
  105. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  106. package/es/components/overflow-menu/overflow-menu-item.d.ts +1 -1
  107. package/es/components/overflow-menu/overflow-menu.d.ts +8 -1
  108. package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  109. package/es/components/overflow-menu/overflow-menu.js +47 -3
  110. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  111. package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
  112. package/es/components/overflow-menu/overflow-menu.scss.js.map +1 -1
  113. package/es/components/pagination/pagination.d.ts +1 -1
  114. package/es/components/pagination/pagination.scss.js +1 -1
  115. package/es/components/pagination/pagination.scss.js.map +1 -1
  116. package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
  117. package/es/components/pagination-nav/pagination-nav.scss.js.map +1 -1
  118. package/es/components/password-input/password-input.d.ts +1 -1
  119. package/es/components/password-input/password-input.scss.js +1 -1
  120. package/es/components/password-input/password-input.scss.js.map +1 -1
  121. package/es/components/popover/popover.scss.js +1 -1
  122. package/es/components/popover/popover.scss.js.map +1 -1
  123. package/es/components/progress-bar/progress-bar.scss.js +1 -1
  124. package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
  125. package/es/components/progress-indicator/progress-step.d.ts +1 -1
  126. package/es/components/radio-button/radio-button.d.ts +1 -1
  127. package/es/components/radio-button/radio-button.scss.js +1 -1
  128. package/es/components/search/search.d.ts +9 -1
  129. package/es/components/search/search.d.ts.map +1 -1
  130. package/es/components/search/search.js +7 -6
  131. package/es/components/search/search.js.map +1 -1
  132. package/es/components/search/search.scss.js +1 -1
  133. package/es/components/select/select.d.ts +1 -1
  134. package/es/components/select/select.scss.js +1 -1
  135. package/es/components/select/select.scss.js.map +1 -1
  136. package/es/components/shape-indicator/shape-indicator.d.ts +20 -1
  137. package/es/components/shape-indicator/shape-indicator.d.ts.map +1 -1
  138. package/es/components/shape-indicator/shape-indicator.js +32 -4
  139. package/es/components/shape-indicator/shape-indicator.js.map +1 -1
  140. package/es/components/shape-indicator/shape-indicator.scss.js +1 -1
  141. package/es/components/shape-indicator/shape-indicator.scss.js.map +1 -1
  142. package/es/components/skip-to-content/skip-to-content.d.ts +1 -1
  143. package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
  144. package/es/components/slider/slider-input.d.ts +2 -1
  145. package/es/components/slider/slider-input.d.ts.map +1 -1
  146. package/es/components/slider/slider-input.js +2 -1
  147. package/es/components/slider/slider-input.js.map +1 -1
  148. package/es/components/slider/slider.d.ts +2 -1
  149. package/es/components/slider/slider.d.ts.map +1 -1
  150. package/es/components/slider/slider.js +5 -5
  151. package/es/components/slider/slider.js.map +1 -1
  152. package/es/components/slider/slider.scss.js +1 -1
  153. package/es/components/slider/slider.scss.js.map +1 -1
  154. package/es/components/slug/slug.scss.js +1 -1
  155. package/es/components/slug/slug.scss.js.map +1 -1
  156. package/es/components/structured-list/structured-list.d.ts +1 -1
  157. package/es/components/structured-list/structured-list.scss.js +1 -1
  158. package/es/components/tabs/tabs-vertical.d.ts +4 -0
  159. package/es/components/tabs/tabs-vertical.d.ts.map +1 -1
  160. package/es/components/tabs/tabs-vertical.js +3 -2
  161. package/es/components/tabs/tabs-vertical.js.map +1 -1
  162. package/es/components/tabs/tabs.scss.js +1 -1
  163. package/es/components/tabs/tabs.scss.js.map +1 -1
  164. package/es/components/tag/operational-tag.d.ts +1 -1
  165. package/es/components/tag/operational-tag.d.ts.map +1 -1
  166. package/es/components/tag/operational-tag.js +3 -3
  167. package/es/components/tag/operational-tag.js.map +1 -1
  168. package/es/components/tag/selectable-tag.d.ts +1 -1
  169. package/es/components/tag/selectable-tag.d.ts.map +1 -1
  170. package/es/components/tag/selectable-tag.js +3 -3
  171. package/es/components/tag/selectable-tag.js.map +1 -1
  172. package/es/components/tag/tag.d.ts +1 -0
  173. package/es/components/tag/tag.d.ts.map +1 -1
  174. package/es/components/tag/tag.js +3 -3
  175. package/es/components/tag/tag.js.map +1 -1
  176. package/es/components/tag/tag.scss.js +1 -1
  177. package/es/components/text-input/text-input.d.ts +1 -1
  178. package/es/components/text-input/text-input.scss.js +1 -1
  179. package/es/components/text-input/text-input.scss.js.map +1 -1
  180. package/es/components/textarea/textarea.d.ts +1 -1
  181. package/es/components/textarea/textarea.scss.js +1 -1
  182. package/es/components/textarea/textarea.scss.js.map +1 -1
  183. package/es/components/tile/selectable-tile.d.ts +1 -1
  184. package/es/components/tile/tile.scss.js +1 -1
  185. package/es/components/tile/tile.scss.js.map +1 -1
  186. package/es/components/time-picker/time-picker-select.d.ts +1 -1
  187. package/es/components/time-picker/time-picker.d.ts +1 -1
  188. package/es/components/time-picker/time-picker.scss.js +1 -1
  189. package/es/components/time-picker/time-picker.scss.js.map +1 -1
  190. package/es/components/toggle-tip/toggletip.d.ts +13 -1
  191. package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
  192. package/es/components/toggle-tip/toggletip.js +10 -14
  193. package/es/components/toggle-tip/toggletip.js.map +1 -1
  194. package/es/components/toggle-tip/toggletip.scss.js +1 -1
  195. package/es/components/tooltip/definition-tooltip.d.ts +4 -2
  196. package/es/components/tooltip/definition-tooltip.d.ts.map +1 -1
  197. package/es/components/tooltip/definition-tooltip.js +23 -12
  198. package/es/components/tooltip/definition-tooltip.js.map +1 -1
  199. package/es/components/tooltip/tooltip.scss.js +1 -1
  200. package/es/components/tooltip/tooltip.scss.js.map +1 -1
  201. package/es/components/ui-shell/header-global-action.d.ts +1 -1
  202. package/es/components/ui-shell/header-menu-button.d.ts +1 -1
  203. package/es/components/ui-shell/header-menu.d.ts +1 -1
  204. package/es/components/ui-shell/header-name.d.ts +1 -1
  205. package/es/components/ui-shell/header-nav-item.d.ts +1 -1
  206. package/es/components/ui-shell/header-panel.d.ts +1 -1
  207. package/es/components/ui-shell/header.scss.js +1 -1
  208. package/es/components/ui-shell/side-nav-link.d.ts +1 -1
  209. package/es/components/ui-shell/side-nav-menu-item.d.ts +1 -1
  210. package/es/components/ui-shell/side-nav-menu.d.ts +1 -1
  211. package/es/components/ui-shell/switcher-item.d.ts +1 -1
  212. package/es/components/ui-shell/switcher.d.ts +1 -1
  213. package/es-custom/components/accordion/accordion.scss.js +1 -1
  214. package/es-custom/components/ai-label/ai-label.scss.js +1 -1
  215. package/es-custom/components/ai-label/ai-label.scss.js.map +1 -1
  216. package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
  217. package/es-custom/components/button/button.d.ts +2 -2
  218. package/es-custom/components/button/button.d.ts.map +1 -1
  219. package/es-custom/components/button/button.js +2 -2
  220. package/es-custom/components/button/button.js.map +1 -1
  221. package/es-custom/components/button/button.scss.js +1 -1
  222. package/es-custom/components/button/button.scss.js.map +1 -1
  223. package/es-custom/components/chat-button/chat-button.scss.js +1 -1
  224. package/es-custom/components/chat-button/chat-button.scss.js.map +1 -1
  225. package/es-custom/components/checkbox/checkbox-group.d.ts +1 -1
  226. package/es-custom/components/checkbox/checkbox.d.ts +1 -1
  227. package/es-custom/components/checkbox/checkbox.scss.js +1 -1
  228. package/es-custom/components/code-snippet/code-snippet.d.ts +1 -1
  229. package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
  230. package/es-custom/components/combo-box/combo-box.scss.js +1 -1
  231. package/es-custom/components/combo-box/combo-box.scss.js.map +1 -1
  232. package/es-custom/components/combo-button/combo-button.scss.js +1 -1
  233. package/es-custom/components/contained-list/contained-list.scss.js +1 -1
  234. package/es-custom/components/contained-list/contained-list.scss.js.map +1 -1
  235. package/es-custom/components/content-switcher/content-switcher-item.d.ts +1 -1
  236. package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
  237. package/es-custom/components/copy-button/copy-button.scss.js +1 -1
  238. package/es-custom/components/copy-button/copy-button.scss.js.map +1 -1
  239. package/es-custom/components/data-table/data-table.scss.js +1 -1
  240. package/es-custom/components/data-table/table-header-cell.d.ts +1 -1
  241. package/es-custom/components/data-table/table-toolbar-search.d.ts +1 -1
  242. package/es-custom/components/date-picker/date-picker-input.d.ts +1 -1
  243. package/es-custom/components/date-picker/date-picker.scss.js +1 -1
  244. package/es-custom/components/dialog/dialog.scss.js +1 -1
  245. package/es-custom/components/dropdown/dropdown.d.ts +1 -1
  246. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  247. package/es-custom/components/file-uploader/file-uploader-button.d.ts +1 -0
  248. package/es-custom/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  249. package/es-custom/components/file-uploader/file-uploader-button.js +10 -11
  250. package/es-custom/components/file-uploader/file-uploader-button.js.map +1 -1
  251. package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts +1 -0
  252. package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  253. package/es-custom/components/file-uploader/file-uploader-drop-container.js +6 -5
  254. package/es-custom/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  255. package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
  256. package/es-custom/components/file-uploader/file-uploader.scss.js.map +1 -1
  257. package/es-custom/components/floating-menu/floating-menu.d.ts +1 -1
  258. package/es-custom/components/floating-menu/floating-menu.js +1 -1
  259. package/es-custom/components/floating-menu/floating-menu.js.map +1 -1
  260. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  261. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -1
  262. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  263. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js.map +1 -1
  264. package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  265. package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js.map +1 -1
  266. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  267. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js.map +1 -1
  268. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  269. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
  270. package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
  271. package/es-custom/components/fluid-search/fluid-search.scss.js.map +1 -1
  272. package/es-custom/components/fluid-select/fluid-select.scss.js +1 -1
  273. package/es-custom/components/fluid-select/fluid-select.scss.js.map +1 -1
  274. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  275. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js.map +1 -1
  276. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  277. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js.map +1 -1
  278. package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  279. package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js.map +1 -1
  280. package/es-custom/components/icon-button/icon-button.d.ts +1 -1
  281. package/es-custom/components/icon-button/icon-button.d.ts.map +1 -1
  282. package/es-custom/components/icon-button/icon-button.js.map +1 -1
  283. package/es-custom/components/icon-button/icon-button.scss.js +1 -1
  284. package/es-custom/components/icon-button/icon-button.scss.js.map +1 -1
  285. package/es-custom/components/icon-indicator/icon-indicator.d.ts +20 -1
  286. package/es-custom/components/icon-indicator/icon-indicator.d.ts.map +1 -1
  287. package/es-custom/components/icon-indicator/icon-indicator.js +30 -2
  288. package/es-custom/components/icon-indicator/icon-indicator.js.map +1 -1
  289. package/es-custom/components/icon-indicator/icon-indicator.scss.js +1 -1
  290. package/es-custom/components/icon-indicator/icon-indicator.scss.js.map +1 -1
  291. package/es-custom/components/layout/layout.scss.js +1 -1
  292. package/es-custom/components/layout/layout.scss.js.map +1 -1
  293. package/es-custom/components/link/link.d.ts +1 -1
  294. package/es-custom/components/menu/menu-item-selectable.d.ts +1 -1
  295. package/es-custom/components/menu/menu-item.scss.js +1 -1
  296. package/es-custom/components/menu/menu-item.scss.js.map +1 -1
  297. package/es-custom/components/menu/menu.scss.js +1 -1
  298. package/es-custom/components/menu-button/menu-button.scss.js +1 -1
  299. package/es-custom/components/modal/modal-close-button.d.ts +1 -1
  300. package/es-custom/components/modal/modal.scss.js +1 -1
  301. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  302. package/es-custom/components/notification/actionable-notification.d.ts.map +1 -1
  303. package/es-custom/components/notification/actionable-notification.js +5 -2
  304. package/es-custom/components/notification/actionable-notification.js.map +1 -1
  305. package/es-custom/components/notification/actionable-notification.scss.js +1 -1
  306. package/es-custom/components/notification/actionable-notification.scss.js.map +1 -1
  307. package/es-custom/components/notification/inline-notification.scss.js +1 -1
  308. package/es-custom/components/notification/inline-notification.scss.js.map +1 -1
  309. package/es-custom/components/notification/toast-notification.scss.js +1 -1
  310. package/es-custom/components/notification/toast-notification.scss.js.map +1 -1
  311. package/es-custom/components/number-input/number-input.d.ts +1 -1
  312. package/es-custom/components/number-input/number-input.scss.js +1 -1
  313. package/es-custom/components/overflow-menu/overflow-menu-body.d.ts +1 -1
  314. package/es-custom/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  315. package/es-custom/components/overflow-menu/overflow-menu-body.js +2 -2
  316. package/es-custom/components/overflow-menu/overflow-menu-body.js.map +1 -1
  317. package/es-custom/components/overflow-menu/overflow-menu-item.d.ts +1 -1
  318. package/es-custom/components/overflow-menu/overflow-menu.d.ts +8 -1
  319. package/es-custom/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  320. package/es-custom/components/overflow-menu/overflow-menu.js +47 -3
  321. package/es-custom/components/overflow-menu/overflow-menu.js.map +1 -1
  322. package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
  323. package/es-custom/components/overflow-menu/overflow-menu.scss.js.map +1 -1
  324. package/es-custom/components/pagination/pagination.d.ts +1 -1
  325. package/es-custom/components/pagination/pagination.scss.js +1 -1
  326. package/es-custom/components/pagination/pagination.scss.js.map +1 -1
  327. package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
  328. package/es-custom/components/pagination-nav/pagination-nav.scss.js.map +1 -1
  329. package/es-custom/components/password-input/password-input.d.ts +1 -1
  330. package/es-custom/components/password-input/password-input.scss.js +1 -1
  331. package/es-custom/components/password-input/password-input.scss.js.map +1 -1
  332. package/es-custom/components/popover/popover.scss.js +1 -1
  333. package/es-custom/components/popover/popover.scss.js.map +1 -1
  334. package/es-custom/components/progress-bar/progress-bar.scss.js +1 -1
  335. package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
  336. package/es-custom/components/progress-indicator/progress-step.d.ts +1 -1
  337. package/es-custom/components/radio-button/radio-button.d.ts +1 -1
  338. package/es-custom/components/radio-button/radio-button.scss.js +1 -1
  339. package/es-custom/components/search/search.d.ts +9 -1
  340. package/es-custom/components/search/search.d.ts.map +1 -1
  341. package/es-custom/components/search/search.js +7 -6
  342. package/es-custom/components/search/search.js.map +1 -1
  343. package/es-custom/components/search/search.scss.js +1 -1
  344. package/es-custom/components/select/select.d.ts +1 -1
  345. package/es-custom/components/select/select.scss.js +1 -1
  346. package/es-custom/components/select/select.scss.js.map +1 -1
  347. package/es-custom/components/shape-indicator/shape-indicator.d.ts +20 -1
  348. package/es-custom/components/shape-indicator/shape-indicator.d.ts.map +1 -1
  349. package/es-custom/components/shape-indicator/shape-indicator.js +32 -4
  350. package/es-custom/components/shape-indicator/shape-indicator.js.map +1 -1
  351. package/es-custom/components/shape-indicator/shape-indicator.scss.js +1 -1
  352. package/es-custom/components/shape-indicator/shape-indicator.scss.js.map +1 -1
  353. package/es-custom/components/skip-to-content/skip-to-content.d.ts +1 -1
  354. package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
  355. package/es-custom/components/slider/slider-input.d.ts +2 -1
  356. package/es-custom/components/slider/slider-input.d.ts.map +1 -1
  357. package/es-custom/components/slider/slider-input.js +2 -1
  358. package/es-custom/components/slider/slider-input.js.map +1 -1
  359. package/es-custom/components/slider/slider.d.ts +2 -1
  360. package/es-custom/components/slider/slider.d.ts.map +1 -1
  361. package/es-custom/components/slider/slider.js +5 -5
  362. package/es-custom/components/slider/slider.js.map +1 -1
  363. package/es-custom/components/slider/slider.scss.js +1 -1
  364. package/es-custom/components/slider/slider.scss.js.map +1 -1
  365. package/es-custom/components/slug/slug.scss.js +1 -1
  366. package/es-custom/components/slug/slug.scss.js.map +1 -1
  367. package/es-custom/components/structured-list/structured-list.d.ts +1 -1
  368. package/es-custom/components/structured-list/structured-list.scss.js +1 -1
  369. package/es-custom/components/tabs/tabs-vertical.d.ts +4 -0
  370. package/es-custom/components/tabs/tabs-vertical.d.ts.map +1 -1
  371. package/es-custom/components/tabs/tabs-vertical.js +3 -2
  372. package/es-custom/components/tabs/tabs-vertical.js.map +1 -1
  373. package/es-custom/components/tabs/tabs.scss.js +1 -1
  374. package/es-custom/components/tabs/tabs.scss.js.map +1 -1
  375. package/es-custom/components/tag/operational-tag.d.ts +1 -1
  376. package/es-custom/components/tag/operational-tag.d.ts.map +1 -1
  377. package/es-custom/components/tag/operational-tag.js +3 -3
  378. package/es-custom/components/tag/operational-tag.js.map +1 -1
  379. package/es-custom/components/tag/selectable-tag.d.ts +1 -1
  380. package/es-custom/components/tag/selectable-tag.d.ts.map +1 -1
  381. package/es-custom/components/tag/selectable-tag.js +3 -3
  382. package/es-custom/components/tag/selectable-tag.js.map +1 -1
  383. package/es-custom/components/tag/tag.d.ts +1 -0
  384. package/es-custom/components/tag/tag.d.ts.map +1 -1
  385. package/es-custom/components/tag/tag.js +3 -3
  386. package/es-custom/components/tag/tag.js.map +1 -1
  387. package/es-custom/components/tag/tag.scss.js +1 -1
  388. package/es-custom/components/text-input/text-input.d.ts +1 -1
  389. package/es-custom/components/text-input/text-input.scss.js +1 -1
  390. package/es-custom/components/text-input/text-input.scss.js.map +1 -1
  391. package/es-custom/components/textarea/textarea.d.ts +1 -1
  392. package/es-custom/components/textarea/textarea.scss.js +1 -1
  393. package/es-custom/components/textarea/textarea.scss.js.map +1 -1
  394. package/es-custom/components/tile/selectable-tile.d.ts +1 -1
  395. package/es-custom/components/tile/tile.scss.js +1 -1
  396. package/es-custom/components/tile/tile.scss.js.map +1 -1
  397. package/es-custom/components/time-picker/time-picker-select.d.ts +1 -1
  398. package/es-custom/components/time-picker/time-picker.d.ts +1 -1
  399. package/es-custom/components/time-picker/time-picker.scss.js +1 -1
  400. package/es-custom/components/time-picker/time-picker.scss.js.map +1 -1
  401. package/es-custom/components/toggle-tip/toggletip.d.ts +13 -1
  402. package/es-custom/components/toggle-tip/toggletip.d.ts.map +1 -1
  403. package/es-custom/components/toggle-tip/toggletip.js +10 -14
  404. package/es-custom/components/toggle-tip/toggletip.js.map +1 -1
  405. package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
  406. package/es-custom/components/tooltip/definition-tooltip.d.ts +4 -2
  407. package/es-custom/components/tooltip/definition-tooltip.d.ts.map +1 -1
  408. package/es-custom/components/tooltip/definition-tooltip.js +23 -12
  409. package/es-custom/components/tooltip/definition-tooltip.js.map +1 -1
  410. package/es-custom/components/tooltip/tooltip.scss.js +1 -1
  411. package/es-custom/components/tooltip/tooltip.scss.js.map +1 -1
  412. package/es-custom/components/ui-shell/header-global-action.d.ts +1 -1
  413. package/es-custom/components/ui-shell/header-menu-button.d.ts +1 -1
  414. package/es-custom/components/ui-shell/header-menu.d.ts +1 -1
  415. package/es-custom/components/ui-shell/header-name.d.ts +1 -1
  416. package/es-custom/components/ui-shell/header-nav-item.d.ts +1 -1
  417. package/es-custom/components/ui-shell/header-panel.d.ts +1 -1
  418. package/es-custom/components/ui-shell/header.scss.js +1 -1
  419. package/es-custom/components/ui-shell/side-nav-link.d.ts +1 -1
  420. package/es-custom/components/ui-shell/side-nav-menu-item.d.ts +1 -1
  421. package/es-custom/components/ui-shell/side-nav-menu.d.ts +1 -1
  422. package/es-custom/components/ui-shell/switcher-item.d.ts +1 -1
  423. package/es-custom/components/ui-shell/switcher.d.ts +1 -1
  424. package/lib/components/button/button.d.ts +2 -2
  425. package/lib/components/button/button.d.ts.map +1 -1
  426. package/lib/components/checkbox/checkbox-group.d.ts +1 -1
  427. package/lib/components/checkbox/checkbox.d.ts +1 -1
  428. package/lib/components/code-snippet/code-snippet.d.ts +1 -1
  429. package/lib/components/content-switcher/content-switcher-item.d.ts +1 -1
  430. package/lib/components/data-table/table-header-cell.d.ts +1 -1
  431. package/lib/components/data-table/table-toolbar-search.d.ts +1 -1
  432. package/lib/components/date-picker/date-picker-input.d.ts +1 -1
  433. package/lib/components/dropdown/dropdown.d.ts +1 -1
  434. package/lib/components/file-uploader/file-uploader-button.d.ts +1 -0
  435. package/lib/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  436. package/lib/components/file-uploader/file-uploader-drop-container.d.ts +1 -0
  437. package/lib/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  438. package/lib/components/floating-menu/floating-menu.d.ts +1 -1
  439. package/lib/components/icon-button/icon-button.d.ts +1 -1
  440. package/lib/components/icon-button/icon-button.d.ts.map +1 -1
  441. package/lib/components/icon-indicator/icon-indicator.d.ts +20 -1
  442. package/lib/components/icon-indicator/icon-indicator.d.ts.map +1 -1
  443. package/lib/components/link/link.d.ts +1 -1
  444. package/lib/components/menu/menu-item-selectable.d.ts +1 -1
  445. package/lib/components/modal/modal-close-button.d.ts +1 -1
  446. package/lib/components/notification/actionable-notification.d.ts.map +1 -1
  447. package/lib/components/number-input/number-input.d.ts +1 -1
  448. package/lib/components/overflow-menu/overflow-menu-body.d.ts +1 -1
  449. package/lib/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  450. package/lib/components/overflow-menu/overflow-menu-item.d.ts +1 -1
  451. package/lib/components/overflow-menu/overflow-menu.d.ts +8 -1
  452. package/lib/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  453. package/lib/components/pagination/pagination.d.ts +1 -1
  454. package/lib/components/password-input/password-input.d.ts +1 -1
  455. package/lib/components/progress-indicator/progress-step.d.ts +1 -1
  456. package/lib/components/radio-button/radio-button.d.ts +1 -1
  457. package/lib/components/search/search.d.ts +9 -1
  458. package/lib/components/search/search.d.ts.map +1 -1
  459. package/lib/components/select/select.d.ts +1 -1
  460. package/lib/components/shape-indicator/shape-indicator.d.ts +20 -1
  461. package/lib/components/shape-indicator/shape-indicator.d.ts.map +1 -1
  462. package/lib/components/skip-to-content/skip-to-content.d.ts +1 -1
  463. package/lib/components/slider/slider-input.d.ts +2 -1
  464. package/lib/components/slider/slider-input.d.ts.map +1 -1
  465. package/lib/components/slider/slider.d.ts +2 -1
  466. package/lib/components/slider/slider.d.ts.map +1 -1
  467. package/lib/components/structured-list/structured-list.d.ts +1 -1
  468. package/lib/components/tabs/tabs-vertical.d.ts +4 -0
  469. package/lib/components/tabs/tabs-vertical.d.ts.map +1 -1
  470. package/lib/components/tag/operational-tag.d.ts +1 -1
  471. package/lib/components/tag/operational-tag.d.ts.map +1 -1
  472. package/lib/components/tag/selectable-tag.d.ts +1 -1
  473. package/lib/components/tag/selectable-tag.d.ts.map +1 -1
  474. package/lib/components/tag/tag.d.ts +1 -0
  475. package/lib/components/tag/tag.d.ts.map +1 -1
  476. package/lib/components/text-input/text-input.d.ts +1 -1
  477. package/lib/components/textarea/textarea.d.ts +1 -1
  478. package/lib/components/tile/selectable-tile.d.ts +1 -1
  479. package/lib/components/time-picker/time-picker-select.d.ts +1 -1
  480. package/lib/components/time-picker/time-picker.d.ts +1 -1
  481. package/lib/components/toggle-tip/toggletip.d.ts +13 -1
  482. package/lib/components/toggle-tip/toggletip.d.ts.map +1 -1
  483. package/lib/components/tooltip/definition-tooltip.d.ts +4 -2
  484. package/lib/components/tooltip/definition-tooltip.d.ts.map +1 -1
  485. package/lib/components/ui-shell/header-global-action.d.ts +1 -1
  486. package/lib/components/ui-shell/header-menu-button.d.ts +1 -1
  487. package/lib/components/ui-shell/header-menu.d.ts +1 -1
  488. package/lib/components/ui-shell/header-name.d.ts +1 -1
  489. package/lib/components/ui-shell/header-nav-item.d.ts +1 -1
  490. package/lib/components/ui-shell/header-panel.d.ts +1 -1
  491. package/lib/components/ui-shell/side-nav-link.d.ts +1 -1
  492. package/lib/components/ui-shell/side-nav-menu-item.d.ts +1 -1
  493. package/lib/components/ui-shell/side-nav-menu.d.ts +1 -1
  494. package/lib/components/ui-shell/switcher-item.d.ts +1 -1
  495. package/lib/components/ui-shell/switcher.d.ts +1 -1
  496. package/package.json +8 -7
  497. package/scss/components/ai-label/ai-label.scss +1 -1
  498. package/scss/components/button/button.scss +2 -1
  499. package/scss/components/chat-button/chat-button.scss +1 -1
  500. package/scss/components/combo-box/combo-box.scss +1 -1
  501. package/scss/components/contained-list/contained-list.scss +4 -1
  502. package/scss/components/copy-button/copy-button.scss +1 -1
  503. package/scss/components/data-table/_table-action.scss +0 -1
  504. package/scss/components/file-uploader/file-uploader.scss +3 -1
  505. package/scss/components/fluid-combo-box/fluid-combo-box.scss +1 -1
  506. package/scss/components/fluid-dropdown/fluid-dropdown.scss +1 -1
  507. package/scss/components/fluid-multi-select/fluid-multi-select.scss +1 -1
  508. package/scss/components/fluid-number-input/fluid-number-input.scss +1 -1
  509. package/scss/components/fluid-password-input/fluid-password-input.scss +1 -1
  510. package/scss/components/fluid-search/fluid-search.scss +1 -1
  511. package/scss/components/fluid-select/fluid-select.scss +1 -1
  512. package/scss/components/fluid-text-input/fluid-text-input.scss +1 -1
  513. package/scss/components/fluid-textarea/fluid-textarea.scss +1 -1
  514. package/scss/components/fluid-time-picker/fluid-time-picker.scss +1 -1
  515. package/scss/components/icon-button/icon-button.scss +1 -1
  516. package/scss/components/icon-indicator/icon-indicator.scss +19 -1
  517. package/scss/components/layout/layout.scss +1 -1
  518. package/scss/components/menu/menu-item.scss +4 -0
  519. package/scss/components/notification/actionable-notification.scss +1 -1
  520. package/scss/components/notification/inline-notification.scss +1 -1
  521. package/scss/components/notification/toast-notification.scss +1 -1
  522. package/scss/components/overflow-menu/overflow-menu.scss +13 -39
  523. package/scss/components/pagination/pagination.scss +1 -1
  524. package/scss/components/pagination-nav/pagination-nav.scss +3 -1
  525. package/scss/components/password-input/password-input.scss +3 -1
  526. package/scss/components/popover/popover.scss +3 -1
  527. package/scss/components/select/select.scss +1 -1
  528. package/scss/components/shape-indicator/shape-indicator.scss +19 -1
  529. package/scss/components/slider/slider.scss +1 -1
  530. package/scss/components/slug/slug.scss +1 -1
  531. package/scss/components/tabs/tabs.scss +4 -1
  532. package/scss/components/text-input/text-input.scss +3 -1
  533. package/scss/components/textarea/textarea.scss +1 -1
  534. package/scss/components/tile/tile.scss +1 -1
  535. package/scss/components/time-picker/time-picker.scss +1 -1
  536. package/scss/components/tooltip/tooltip.scss +15 -2
  537. package/telemetry.yml +4 -234
package/es/components/number-input/number-input.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/number-input/number-input.scss?lit
10
- var number_input_default = css(["@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{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;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)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--number__controls:hover .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__rule-divider,.cds--number__input-wrapper--slug .cds--number__rule-divider{display:none}.cds--number__input-wrapper--decorator .cds--number__control-btn:hover,.cds--number__input-wrapper--slug .cds--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-ai-border-strong,#4589ff) inset}.cds--number__controls:focus-within .cds--number__control-btn:after{display:none}.cds--number html{font-size:100%}.cds--number body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number strong{font-weight:600}.cds--number{position:relative;display:flex;flex-direction:column;inline-size:100%}.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number .cds--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds--number input[type=number],.cds--number input[type=text]{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;box-sizing:border-box;border:0;border-radius:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-field);block-size:2.5rem;border-block-end:.0625rem solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;inline-size:100%;min-inline-size:9.375rem;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline-style:dotted}}.cds--number input[type=number]:disabled~.cds--number__controls,.cds--number input[type=text]:disabled~.cds--number__controls{cursor:not-allowed;pointer-events:none}.cds--number input[type=number]:disabled~.cds--number__controls svg,.cds--number input[type=text]:disabled~.cds--number__controls svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--number input[type=number]::-ms-clear,.cds--number input[type=text]::-ms-clear{display:none}.cds--number input[type=number]::-webkit-inner-spin-button,.cds--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds--number input[type=number][data-invalid],.cds--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds--number--lg.cds--number input[type=number],.cds--number--lg.cds--number input[type=text]{padding-inline-end:7rem}.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--lg.cds--number input[type=number][data-invalid],.cds--number--lg.cds--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds--number--sm.cds--number input[type=number],.cds--number--sm.cds--number input[type=text]{padding-inline-end:5rem}.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--sm.cds--number input[type=number][data-invalid],.cds--number--sm.cds--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds--number input[type=number]:disabled,.cds--number input[type=text]:disabled{background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--number__input-wrapper{position:relative;display:flex;align-items:center}.cds--number__controls html{font-size:100%}.cds--number__controls body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number__controls strong{font-weight:600}.cds--number__controls{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;block-size:100%;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%)}.cds--number__control-btn{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--number__control-btn *,.cds--number__control-btn :after,.cds--number__control-btn :before{box-sizing:inherit}.cds--number__control-btn::-moz-focus-inner{border:0}.cds--number__control-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:100%;color:var(--cds-icon-primary,#161616)}.cds--number__control-btn svg{fill:currentColor}.cds--number__control-btn:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--number__control-btn:focus{outline-style:dotted}}.cds--number__control-btn:focus{color:var(--cds-icon-primary,#161616);outline-offset:-2px;outline-width:2px}.cds--number__control-btn:hover{background-color:var(--cds-field-hover);box-shadow:0 -1px 0 var(--cds-border-strong) inset;color:var(--cds-icon-primary,#161616);cursor:pointer}.cds--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--number__control-btn.down-icon{order:1}.cds--number__control-btn.up-icon{order:2}.cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-support-error,#da1e28)}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-width:2px 0;border-style:solid;border-color:var(--cds-focus,#0f62fe);box-shadow:none;outline-offset:-2px}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-focus,#0f62fe) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-support-error,#da1e28) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{border-width:2px 0;border-style:solid;border-color:var(--cds-support-error,#da1e28);box-shadow:none;outline-offset:-2px}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline-style:dotted}}.cds--number__rule-divider{position:absolute;z-index:6000;background-color:var(--cds-border-subtle);block-size:1rem;inline-size:.0625rem}.cds--number__rule-divider:first-of-type{order:0}.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--light .cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number--light .cds--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--number__control-btn:focus~.cds--number__rule-divider{background-color:transparent}.cds--number__invalid{position:absolute;fill:var(--cds-support-error,#da1e28);inset-inline-end:6rem}.cds--number--lg .cds--number__invalid{inset-inline-end:7rem}.cds--number--sm .cds--number__invalid{inset-inline-end:5rem}.cds--number__invalid+.cds--number__rule-divider{position:absolute;inset-inline-end:5rem}.cds--number--lg .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:6rem}.cds--number--sm .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:4rem}.cds--number__control-btn.down-icon:focus~.cds--number__rule-divider,.cds--number__control-btn.down-icon:hover~.cds--number__rule-divider,.cds--number__control-btn.up-icon:focus+.cds--number__rule-divider,.cds--number__control-btn.up-icon:hover+.cds--number__rule-divider{background-color:transparent}.cds--number__invalid--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds--number--lg input[type=number],.cds--number--lg input[type=text]{block-size:3rem}.cds--number--lg .cds--number__controls{inline-size:6rem}.cds--number--lg .cds--number__control-btn{inline-size:3rem}.cds--number--sm input[type=number],.cds--number--sm input[type=text]{block-size:2rem}.cds--number--sm .cds--number__controls{inline-size:4rem}.cds--number--sm .cds--number__control-btn{inline-size:2rem}.cds--number--nolabel .cds--label+.cds--form__helper-text{margin-block-start:0}.cds--number--nosteppers input[type=number],.cds--number--nosteppers input[type=text]{padding-inline-end:0}.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number],.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=text],.cds--number--nosteppers input[type=number][data-invalid],.cds--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds--number--nosteppers .cds--number__invalid{inset-inline-end:1rem}.cds--number--readonly input[type=number],.cds--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__control-btn{color:var(--cds-icon-disabled,rgba(22,22,22,.25));pointer-events:none}.cds--number--readonly .cds--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds--number--readonly input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number--readonly input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{outline:none}.cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type){background-color:var(--cds-border-subtle)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number__input-wrapper--slug .cds--ai-label,.cds--number__input-wrapper--slug .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:6rem;transform:translateY(-50%)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--number__control-btn:after,.cds--number__input-wrapper--slug .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--slug:before{position:absolute;background-color:var(--cds-border-subtle);block-size:1rem;content:\"\";inline-size:.0625rem}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--slug:before{display:none;inset-inline-start:-1rem}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds--number__control-btn:after{display:block;inset-inline-end:0}.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:focus:before,.cds--number__input-wrapper--slug .cds--number__control-btn:focus:before{display:none}.cds--number__control-btn:hover:after,.cds--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--decorator:after,.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--slug:after{display:none}.cds--number__control-btn:has(.up-icon):after,.cds--number__control-btn:has(.up-icon):before{display:none}.cds--number__input-wrapper--decorator .cds--number__invalid,.cds--number__input-wrapper--slug .cds--number__invalid{inset-inline-end:9rem}.cds--number__input-wrapper--decorator:has(.cds--number__invalid) .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug:before{display:block}.cds--number .cds--number__input-wrapper--decorator input[data-invalid],.cds--number .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number .cds--number__input-wrapper--slug input[data-invalid],.cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input{padding-inline-end:9rem}.cds--number__input-wrapper--decorator input[type=number]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--decorator input[type=text]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:disabled,.cds--number__input-wrapper--slug input[type=number]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--number__input-wrapper--slug input[type=text]:disabled,.cds--number__input-wrapper--slug input[type=text]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=text]:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:9.0625rem}.cds--number.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--number.cds--skeleton:active,.cds--number.cds--skeleton:focus,.cds--number.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--number.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--number.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number.cds--skeleton{background:CanvasText}.cds--number.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--number.cds--skeleton{inline-size:100%}.cds--number.cds--skeleton input[type=number],.cds--number.cds--skeleton input[type=text]{display:none}.cds--number.cds--skeleton.cds--number--sm{block-size:2rem}.cds--number.cds--skeleton.cds--number--md{block-size:2.5rem}.cds--number.cds--skeleton.cds--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number__control-btn:focus,.cds--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds--number__control-btn{outline:1px solid transparent}}.cds--number-input--fluid{position:relative;background:var(--cds-field);block-size:100%}.cds--number-input--fluid .cds--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds--number-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--number-input--fluid .cds--label::-webkit-scrollbar{display:none}.cds--number-input--fluid .cds--label .cds--toggletip-label,.cds--number-input--fluid .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--number-input--fluid .cds--number__input-wrapper{position:static}.cds--number-input--fluid input[type=number],.cds--number-input--fluid input[type=text]{padding:2rem 5rem .8125rem 1rem;background:transparent;min-block-size:4rem;outline:none}.cds--number-input--fluid .cds--number__controls{block-size:2.5rem;inset-block-start:1.4375rem;transform:translate(0)}.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 -1px var(--cds-focus,#0f62fe)}.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type{box-shadow:inset 0 -1px var(--cds-focus,#0f62fe),inset -2px 0 var(--cds-focus,#0f62fe)}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid input[type=text]:focus~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) input[type=number]:focus~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-block-end-color:transparent;box-shadow:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid--invalid input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid--invalid input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type{box-shadow:inset -2px 0 var(--cds-focus,#0f62fe)}.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:inset -2px 0 var(--cds-support-error,#da1e28)}.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{box-shadow:none}.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number{outline-style:dotted}}.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{border-block-end:1px solid var(--cds-focus,#0f62fe);outline:none}.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus{outline-style:dotted}}.cds--number-input--fluid .cds--number-input__divider{display:none}.cds--number-input--fluid .cds--number__invalid{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds--number-input--fluid .cds--number__controls .cds--number__rule-divider:first-of-type{display:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number],.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]{border-block-end:1px solid transparent}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus{outline:none}.cds--number-input--fluid .cds--number__input-wrapper--warning+.cds--number-input__divider,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number-input__divider{position:absolute;display:block;border:none;margin:0 1rem;block-size:.0625rem;border-block-end:1px solid var(--cds-border-subtle);inline-size:calc(100% - 2rem);inset-block-start:3.9375rem}.cds--number-input--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number{outline-style:dotted}}.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=number],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=text]{border-block-end:1px solid transparent}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],:host(cds-number-input[invalid][fluid]) .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=number],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=text]{outline:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=text]~.cds--number__controls .cds--number__control-btn{border-block-end:none}.cds--number-input--fluid .cds--number input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number input[type=text]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border:initial;border-block-end-width:.0625rem}.cds--number-input--fluid--disabled:not(.cds--number-input--fluid--invalid) .cds--number,:not(.cds--number-input--fluid--invalid):host(cds-number-input[disabled][fluid]) .cds--number{border-block-end:1px solid var(--cds-border-subtle)}.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=number]:disabled,.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=text]:disabled,:host(cds-number-input[disabled][fluid]):host(cds-number-input[invalid][fluid]) .cds--number input[type=number]:disabled,:host(cds-number-input[disabled][fluid]):host(cds-number-input[invalid][fluid]) .cds--number input[type=text]:disabled{background-color:transparent}.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug{inset-block-start:2.6875rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--ai-label,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--ai-label,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug{inset-inline-end:5.5rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator input,.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number-input--fluid .cds--number__input-wrapper--slug input,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator input[data-invalid],.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid]{padding-inline-end:7.5rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug:before{display:none}:host(cds-number-input),:host(cds-number-input-skeleton){display:flex;flex-direction:column;inline-size:100%;outline:none}:host(cds-number-input) .cds--form-requirement[hidden],:host(cds-number-input-skeleton) .cds--form-requirement[hidden]{display:none}.cds--number .cds--number__invalid~input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number__invalid~.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__controls .cds--number__control-btn{border-block-end:0}:host(cds-number-input) ::slotted(cds-ai-label),:host(cds-number-input) ::slotted(cds-slug){position:absolute;inset-block-start:50%;inset-inline-end:6rem}:host(cds-number-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-number-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-ai-label):after,:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-slug):after,:host(cds-number-input[invalid]) ::slotted(cds-ai-label):after,:host(cds-number-input[invalid]) ::slotted(cds-slug):after,:host(cds-number-input[warn]) ::slotted(cds-ai-label):after,:host(cds-number-input[warn]) ::slotted(cds-slug):after{position:absolute;background-color:var(--cds-border-subtle);block-size:100%;content:\"\";inline-size:.0625rem;inset-inline-start:-1rem}:host(cds-number-input) .up-icon:after,:host(cds-number-input) .up-icon:before{display:none}:host(cds-number-input[ai-label]) input{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}"]);
10
+ var number_input_default = css(["@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--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;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)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--number__controls:hover .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__rule-divider,.cds--number__input-wrapper--slug .cds--number__rule-divider{display:none}.cds--number__input-wrapper--decorator .cds--number__control-btn:hover,.cds--number__input-wrapper--slug .cds--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-ai-border-strong,#4589ff) inset}.cds--number__controls:focus-within .cds--number__control-btn:after{display:none}.cds--number html{font-size:100%}.cds--number body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number strong{font-weight:600}.cds--number{position:relative;display:flex;flex-direction:column;inline-size:100%}.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number .cds--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds--number input[type=number],.cds--number input[type=text]{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;box-sizing:border-box;border:0;border-radius:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-field);block-size:2.5rem;border-block-end:.0625rem solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;inline-size:100%;min-inline-size:9.375rem;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline-style:dotted}}.cds--number input[type=number]:disabled~.cds--number__controls,.cds--number input[type=text]:disabled~.cds--number__controls{cursor:not-allowed;pointer-events:none}.cds--number input[type=number]:disabled~.cds--number__controls svg,.cds--number input[type=text]:disabled~.cds--number__controls svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--number input[type=number]::-ms-clear,.cds--number input[type=text]::-ms-clear{display:none}.cds--number input[type=number]::-webkit-inner-spin-button,.cds--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds--number input[type=number][data-invalid],.cds--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds--number--lg.cds--number input[type=number],.cds--number--lg.cds--number input[type=text]{padding-inline-end:7rem}.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--lg.cds--number input[type=number][data-invalid],.cds--number--lg.cds--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds--number--sm.cds--number input[type=number],.cds--number--sm.cds--number input[type=text]{padding-inline-end:5rem}.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--sm.cds--number input[type=number][data-invalid],.cds--number--sm.cds--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds--number input[type=number]:disabled,.cds--number input[type=text]:disabled{background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--number__input-wrapper{position:relative;display:flex;align-items:center}.cds--number__controls html{font-size:100%}.cds--number__controls body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number__controls strong{font-weight:600}.cds--number__controls{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;block-size:100%;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%)}.cds--number__control-btn{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--number__control-btn *,.cds--number__control-btn :after,.cds--number__control-btn :before{box-sizing:inherit}.cds--number__control-btn::-moz-focus-inner{border:0}.cds--number__control-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:100%;color:var(--cds-icon-primary,#161616)}.cds--number__control-btn svg{fill:currentColor}.cds--number__control-btn:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--number__control-btn:focus{outline-style:dotted}}.cds--number__control-btn:focus{color:var(--cds-icon-primary,#161616);outline-offset:-2px;outline-width:2px}.cds--number__control-btn:hover{background-color:var(--cds-field-hover);box-shadow:0 -1px 0 var(--cds-border-strong) inset;color:var(--cds-icon-primary,#161616);cursor:pointer}.cds--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--number__control-btn.down-icon{order:1}.cds--number__control-btn.up-icon{order:2}.cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-support-error,#da1e28)}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-width:2px 0;border-style:solid;border-color:var(--cds-focus,#0f62fe);box-shadow:none;outline-offset:-2px}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-focus,#0f62fe) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-support-error,#da1e28) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{border-width:2px 0;border-style:solid;border-color:var(--cds-support-error,#da1e28);box-shadow:none;outline-offset:-2px}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline-style:dotted}}.cds--number__rule-divider{position:absolute;z-index:6000;background-color:var(--cds-border-subtle);block-size:1rem;inline-size:.0625rem}.cds--number__rule-divider:first-of-type{order:0}.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--light .cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number--light .cds--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--number__control-btn:focus~.cds--number__rule-divider{background-color:transparent}.cds--number__invalid{position:absolute;fill:var(--cds-support-error,#da1e28);inset-inline-end:6rem}.cds--number--lg .cds--number__invalid{inset-inline-end:7rem}.cds--number--sm .cds--number__invalid{inset-inline-end:5rem}.cds--number__invalid+.cds--number__rule-divider{position:absolute;inset-inline-end:5rem}.cds--number--lg .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:6rem}.cds--number--sm .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:4rem}.cds--number__control-btn.down-icon:focus~.cds--number__rule-divider,.cds--number__control-btn.down-icon:hover~.cds--number__rule-divider,.cds--number__control-btn.up-icon:focus+.cds--number__rule-divider,.cds--number__control-btn.up-icon:hover+.cds--number__rule-divider{background-color:transparent}.cds--number__invalid--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds--number--lg input[type=number],.cds--number--lg input[type=text]{block-size:3rem}.cds--number--lg .cds--number__controls{inline-size:6rem}.cds--number--lg .cds--number__control-btn{inline-size:3rem}.cds--number--sm input[type=number],.cds--number--sm input[type=text]{block-size:2rem}.cds--number--sm .cds--number__controls{inline-size:4rem}.cds--number--sm .cds--number__control-btn{inline-size:2rem}.cds--number--nolabel .cds--label+.cds--form__helper-text{margin-block-start:0}.cds--number--nosteppers input[type=number],.cds--number--nosteppers input[type=text]{padding-inline-end:0}.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number],.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=text],.cds--number--nosteppers input[type=number][data-invalid],.cds--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds--number--nosteppers .cds--number__invalid{inset-inline-end:1rem}.cds--number--readonly input[type=number],.cds--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__control-btn{color:var(--cds-icon-disabled,rgba(22,22,22,.25));pointer-events:none}.cds--number--readonly .cds--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds--number--readonly input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number--readonly input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{outline:none}.cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type){background-color:var(--cds-border-subtle)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number__input-wrapper--slug .cds--ai-label,.cds--number__input-wrapper--slug .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:6rem;transform:translateY(-50%)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--number__control-btn:after,.cds--number__input-wrapper--slug .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--slug:before{position:absolute;background-color:var(--cds-border-subtle);block-size:1rem;content:\"\";inline-size:.0625rem}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--slug:before{display:none;inset-inline-start:-1rem}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds--number__control-btn:after{display:block;inset-inline-end:0}.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:focus:before,.cds--number__input-wrapper--slug .cds--number__control-btn:focus:before{display:none}.cds--number__control-btn:hover:after,.cds--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--decorator:after,.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--slug:after{display:none}.cds--number__control-btn:has(.up-icon):after,.cds--number__control-btn:has(.up-icon):before{display:none}.cds--number__input-wrapper--decorator .cds--number__invalid,.cds--number__input-wrapper--slug .cds--number__invalid{inset-inline-end:9rem}.cds--number__input-wrapper--decorator:has(.cds--number__invalid) .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug:before{display:block}.cds--number .cds--number__input-wrapper--decorator input[data-invalid],.cds--number .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number .cds--number__input-wrapper--slug input[data-invalid],.cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input{padding-inline-end:9rem}.cds--number__input-wrapper--decorator input[type=number]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--decorator input[type=text]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:disabled,.cds--number__input-wrapper--slug input[type=number]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--number__input-wrapper--slug input[type=text]:disabled,.cds--number__input-wrapper--slug input[type=text]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=text]:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:9.0625rem}.cds--number.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--number.cds--skeleton:active,.cds--number.cds--skeleton:focus,.cds--number.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--number.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--number.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number.cds--skeleton{background:CanvasText}.cds--number.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--number.cds--skeleton{inline-size:100%}.cds--number.cds--skeleton input[type=number],.cds--number.cds--skeleton input[type=text]{display:none}.cds--number.cds--skeleton.cds--number--sm{block-size:2rem}.cds--number.cds--skeleton.cds--number--md{block-size:2.5rem}.cds--number.cds--skeleton.cds--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number__control-btn:focus,.cds--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds--number__control-btn{outline:1px solid transparent}}.cds--number-input--fluid{position:relative;background:var(--cds-field);block-size:100%}.cds--number-input--fluid .cds--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds--number-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--number-input--fluid .cds--label::-webkit-scrollbar{display:none}.cds--number-input--fluid .cds--label .cds--toggletip-label,.cds--number-input--fluid .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--number-input--fluid .cds--number__input-wrapper{position:static}.cds--number-input--fluid input[type=number],.cds--number-input--fluid input[type=text]{padding:2rem 5rem .8125rem 1rem;background:transparent;min-block-size:4rem;outline:none}.cds--number-input--fluid .cds--number__controls{block-size:2.5rem;inset-block-start:1.4375rem;transform:translate(0)}.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 -1px var(--cds-focus,#0f62fe)}.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type{box-shadow:inset 0 -1px var(--cds-focus,#0f62fe),inset -2px 0 var(--cds-focus,#0f62fe)}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid input[type=text]:focus~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) input[type=number]:focus~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-block-end-color:transparent;box-shadow:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid--invalid input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid--invalid input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type{box-shadow:inset -2px 0 var(--cds-focus,#0f62fe)}.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:inset -2px 0 var(--cds-support-error,#da1e28)}.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{box-shadow:none}.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number{outline-style:dotted}}.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{border-block-end:1px solid var(--cds-focus,#0f62fe);outline:none}.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus{outline-style:dotted}}.cds--number-input--fluid .cds--number-input__divider{display:none}.cds--number-input--fluid .cds--number__invalid{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds--number-input--fluid .cds--number__controls .cds--number__rule-divider:first-of-type{display:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number],.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]{border-block-end:1px solid transparent}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus{outline:none}.cds--number-input--fluid .cds--number__input-wrapper--warning+.cds--number-input__divider,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number-input__divider{position:absolute;display:block;border:none;margin:0 1rem;block-size:.0625rem;border-block-end:1px solid var(--cds-border-subtle);inline-size:calc(100% - 2rem);inset-block-start:3.9375rem}.cds--number-input--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number{outline-style:dotted}}.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=number],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=text]{border-block-end:1px solid transparent}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],:host(cds-number-input[invalid][fluid]) .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=number],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=text]{outline:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=text]~.cds--number__controls .cds--number__control-btn{border-block-end:none}.cds--number-input--fluid .cds--number input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number input[type=text]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border:initial;border-block-end-width:.0625rem}.cds--number-input--fluid--disabled:not(.cds--number-input--fluid--invalid) .cds--number,:not(.cds--number-input--fluid--invalid):host(cds-number-input[disabled][fluid]) .cds--number{border-block-end:1px solid var(--cds-border-subtle)}.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=number]:disabled,.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=text]:disabled,:host(cds-number-input[disabled][fluid]):host(cds-number-input[invalid][fluid]) .cds--number input[type=number]:disabled,:host(cds-number-input[disabled][fluid]):host(cds-number-input[invalid][fluid]) .cds--number input[type=text]:disabled{background-color:transparent}.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug{inset-block-start:2.6875rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--ai-label,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--ai-label,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug{inset-inline-end:5.5rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator input,.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number-input--fluid .cds--number__input-wrapper--slug input,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator input[data-invalid],.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid]{padding-inline-end:7.5rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug:before{display:none}:host(cds-number-input),:host(cds-number-input-skeleton){display:flex;flex-direction:column;inline-size:100%;outline:none}:host(cds-number-input) .cds--form-requirement[hidden],:host(cds-number-input-skeleton) .cds--form-requirement[hidden]{display:none}.cds--number .cds--number__invalid~input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number__invalid~.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__controls .cds--number__control-btn{border-block-end:0}:host(cds-number-input) ::slotted(cds-ai-label),:host(cds-number-input) ::slotted(cds-slug){position:absolute;inset-block-start:50%;inset-inline-end:6rem}:host(cds-number-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-number-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-ai-label):after,:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-slug):after,:host(cds-number-input[invalid]) ::slotted(cds-ai-label):after,:host(cds-number-input[invalid]) ::slotted(cds-slug):after,:host(cds-number-input[warn]) ::slotted(cds-ai-label):after,:host(cds-number-input[warn]) ::slotted(cds-slug):after{position:absolute;background-color:var(--cds-border-subtle);block-size:100%;content:\"\";inline-size:.0625rem;inset-inline-start:-1rem}:host(cds-number-input) .up-icon:after,:host(cds-number-input) .up-icon:before{display:none}:host(cds-number-input[ai-label]) input{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}"]);
11
11
  //#endregion
12
12
  export { number_input_default as default };
13
13
 
package/es/components/overflow-menu/overflow-menu-body.d.ts CHANGED
@@ -31,7 +31,7 @@ declare class CDSOverflowMenuBody extends CDSFloatingMenu {
31
31
  /**
32
32
  * The overflow menu size.
33
33
  */
34
- size: OVERFLOW_MENU_SIZE;
34
+ size?: OVERFLOW_MENU_SIZE;
35
35
  /**
36
36
  * The adjustment in position applied to the floating menu.
37
37
  */
package/es/components/overflow-menu/overflow-menu-body.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"overflow-menu-body.d.ts","sourceRoot":"","sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,eAAe,EAAE,EACtB,uBAAuB,EAEvB,KAAK,UAAU,EAChB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAwB,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAElE,OAAO,mBAAmB,MAAM,sBAAsB,CAAC;AAwBvD;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,eAAe;IAC/C;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,IAAI,UAAS;IAEb,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAE5C;;OAEG;IAEH,IAAI,qBAA6B;IAEjC;;OAEG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;;;;;OAMG;IACH,SAAS,CAAC,eAAe,IAAI,UAAU,GAAG,SAAS;IAWnD;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM;IAS1E;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAOrC;;OAEG;IAIH,SAAS,CAAC,cAAc,GAAU,OAAO,aAAa,mBAuEpD;IAEF,iBAAiB;IAWjB,OAAO,CAAC,iBAAiB,KAAA;IAazB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"overflow-menu-body.d.ts","sourceRoot":"","sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,eAAe,EAAE,EACtB,uBAAuB,EAEvB,KAAK,UAAU,EAChB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAwB,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAElE,OAAO,mBAAmB,MAAM,sBAAsB,CAAC;AAwBvD;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,eAAe;IAC/C;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,IAAI,UAAS;IAEb,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAE5C;;OAEG;IAEH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B;;OAEG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;;;;;OAMG;IACH,SAAS,CAAC,eAAe,IAAI,UAAU,GAAG,SAAS;IAWnD;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM;IAS1E;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAOrC;;OAEG;IAIH,SAAS,CAAC,cAAc,GAAU,OAAO,aAAa,mBAuEpD;IAEF,iBAAiB;IAWjB,OAAO,CAAC,iBAAiB,KAAA;IAiBzB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC"}
package/es/components/overflow-menu/overflow-menu-body.js CHANGED
@@ -49,7 +49,6 @@ let CDSOverflowMenuBody = class CDSOverflowMenuBody extends CDSFloatingMenu {
49
49
  this.flipped = false;
50
50
  this.open = false;
51
51
  this.selected = null;
52
- this.size = "md";
53
52
  this._handleKeydown = async (event) => {
54
53
  const { key } = event;
55
54
  if (this.open) {
@@ -132,7 +131,8 @@ let CDSOverflowMenuBody = class CDSOverflowMenuBody extends CDSFloatingMenu {
132
131
  if (changedProperties.has("size")) {
133
132
  const { selectorMenuItem } = this.constructor;
134
133
  this.querySelectorAll(selectorMenuItem).forEach((item) => {
135
- item.setAttribute("size", this.size);
134
+ if (this.size) item.setAttribute("size", this.size);
135
+ else item.removeAttribute("size");
136
136
  });
137
137
  }
138
138
  super.updated(changedProperties);
package/es/components/overflow-menu/overflow-menu-body.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"overflow-menu-body.js","names":["styles","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CDSFloatingMenu, {\n FLOATING_MENU_DIRECTION,\n getMenuOffset,\n type MenuOffset,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE } from './defs';\n\nimport CDSOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { html } from 'lit';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport styles from './overflow-menu.scss?lit';\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n if (index < 0) {\n return length - 1;\n }\n if (index >= length) {\n return 0;\n }\n return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element cds-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass CDSOverflowMenuBody extends CDSFloatingMenu {\n /**\n * The menu direction.\n */\n @property()\n direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n /**\n * How the menu is aligned to the trigger button.\n */\n @property({ type: Boolean, reflect: true })\n flipped = false;\n\n /**\n * `true` if the menu should be open.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n selected: CDSOverflowMenuItem | null = null;\n\n /**\n * The overflow menu size.\n */\n @property({ reflect: true })\n size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n /**\n * The adjustment in position applied to the floating menu.\n */\n @property({ attribute: false })\n menuOffset?: MenuOffset;\n\n /**\n * The adjustment in position applied to the floating menu when flipped.\n */\n @property({ attribute: false })\n menuOffsetFlip?: MenuOffset;\n\n /**\n * Gets the appropriate offset (menuOffset or menuOffsetFlip) based on the flipped state.\n * If no offset is provided, falls back to the default centering behavior.\n * Overrides `getOffsetConfig` in `CDSFloatingMenu`.\n *\n * @returns The menu offset configuration (object, function, or undefined).\n */\n protected getOffsetConfig(): MenuOffset | undefined {\n const offset = this.flipped ? this.menuOffsetFlip : this.menuOffset;\n\n if (!offset) {\n const trigger = this.parent as HTMLElement;\n return getMenuOffset(this, this.direction, trigger, this.flipped);\n }\n\n return offset;\n }\n\n /**\n * @param currentItem The currently selected item.\n * @param direction The navigation direction.\n * @returns The item to be selected.\n */\n protected _getNextItem(currentItem: CDSOverflowMenuItem, direction: number) {\n const { selectorItemEnabled } = this\n .constructor as typeof CDSOverflowMenuBody;\n const menuItems = this.querySelectorAll(selectorItemEnabled);\n const currentIndex = indexOf(menuItems, currentItem);\n const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n return nextIndex === currentIndex ? null : menuItems[nextIndex];\n }\n\n /**\n * Navigates through overflow menu items.\n *\n * @param direction `-1` to navigate backward, `1` to navigate forward.\n */\n protected _navigate(direction: number) {\n if (this.selected) {\n const nextItem = this._getNextItem(this.selected, direction);\n (nextItem as HTMLElement)?.focus();\n }\n }\n\n /**\n * Handles `keydown` event on the menu body.\n */\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n protected _handleKeydown = async (event: KeyboardEvent) => {\n const { key } = event;\n if (this.open) {\n /**\n * sets this.selected to focused menu item. the menu item is focused\n * automatically due to FocusMixin\n */\n if (this.contains(document.activeElement)) {\n this.selected = document.activeElement as CDSOverflowMenuItem;\n }\n\n if (key in NAVIGATION_DIRECTION) {\n event.preventDefault();\n this._navigate(NAVIGATION_DIRECTION[key]);\n return;\n }\n\n if (key === 'Escape') {\n event.preventDefault();\n\n const menuTrigger = this.parent as HTMLElement | null;\n this.open = false;\n\n if (menuTrigger && 'open' in menuTrigger) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (menuTrigger as any).open = false;\n }\n\n requestAnimationFrame(() => {\n const triggerButton =\n menuTrigger?.shadowRoot?.querySelector(\n `button.${prefix}--overflow-menu`\n ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n if (triggerButton) {\n (triggerButton as HTMLElement).focus();\n }\n });\n return;\n }\n\n const items = this.querySelectorAll(\n CDSOverflowMenuBody.selectorItemEnabled\n );\n const isInsideMenu = Array.from(items).some((item) =>\n item.contains(document.activeElement)\n );\n\n if (isInsideMenu) {\n event.preventDefault();\n\n const menuTrigger = this.parent as HTMLElement | null;\n this.open = false;\n\n if (menuTrigger && 'open' in menuTrigger) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (menuTrigger as any).open = false;\n }\n\n requestAnimationFrame(() => {\n const triggerButton =\n menuTrigger?.shadowRoot?.querySelector(\n `button.${prefix}--overflow-menu`\n ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n if (triggerButton) {\n (triggerButton as HTMLElement).focus();\n }\n });\n }\n }\n };\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'menu');\n }\n if (!this.hasAttribute('tabindex')) {\n // TODO: Should we use a property?\n this.setAttribute('tabindex', '-1');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('size')) {\n const { selectorMenuItem } = this\n .constructor as typeof CDSOverflowMenuBody;\n const menuItems = this.querySelectorAll(selectorMenuItem);\n menuItems.forEach((item) => {\n item.setAttribute('size', this.size);\n });\n }\n\n super.updated(changedProperties);\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return menu items.\n */\n static get selectorMenuItem() {\n return `${prefix}-overflow-menu-item`;\n }\n\n /**\n * A selector that will return enabled menu items.\n */\n static get selectorItemEnabled() {\n return `${prefix}-overflow-menu-item:not([disabled])`;\n }\n\n static styles = styles;\n}\n\nexport default CDSOverflowMenuBody;\n"],"mappings":"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"}
1
+ {"version":3,"file":"overflow-menu-body.js","names":["styles","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CDSFloatingMenu, {\n FLOATING_MENU_DIRECTION,\n getMenuOffset,\n type MenuOffset,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE } from './defs';\n\nimport CDSOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { html } from 'lit';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport styles from './overflow-menu.scss?lit';\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n if (index < 0) {\n return length - 1;\n }\n if (index >= length) {\n return 0;\n }\n return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element cds-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass CDSOverflowMenuBody extends CDSFloatingMenu {\n /**\n * The menu direction.\n */\n @property()\n direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n /**\n * How the menu is aligned to the trigger button.\n */\n @property({ type: Boolean, reflect: true })\n flipped = false;\n\n /**\n * `true` if the menu should be open.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n selected: CDSOverflowMenuItem | null = null;\n\n /**\n * The overflow menu size.\n */\n @property({ reflect: true })\n size?: OVERFLOW_MENU_SIZE;\n\n /**\n * The adjustment in position applied to the floating menu.\n */\n @property({ attribute: false })\n menuOffset?: MenuOffset;\n\n /**\n * The adjustment in position applied to the floating menu when flipped.\n */\n @property({ attribute: false })\n menuOffsetFlip?: MenuOffset;\n\n /**\n * Gets the appropriate offset (menuOffset or menuOffsetFlip) based on the flipped state.\n * If no offset is provided, falls back to the default centering behavior.\n * Overrides `getOffsetConfig` in `CDSFloatingMenu`.\n *\n * @returns The menu offset configuration (object, function, or undefined).\n */\n protected getOffsetConfig(): MenuOffset | undefined {\n const offset = this.flipped ? this.menuOffsetFlip : this.menuOffset;\n\n if (!offset) {\n const trigger = this.parent as HTMLElement;\n return getMenuOffset(this, this.direction, trigger, this.flipped);\n }\n\n return offset;\n }\n\n /**\n * @param currentItem The currently selected item.\n * @param direction The navigation direction.\n * @returns The item to be selected.\n */\n protected _getNextItem(currentItem: CDSOverflowMenuItem, direction: number) {\n const { selectorItemEnabled } = this\n .constructor as typeof CDSOverflowMenuBody;\n const menuItems = this.querySelectorAll(selectorItemEnabled);\n const currentIndex = indexOf(menuItems, currentItem);\n const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n return nextIndex === currentIndex ? null : menuItems[nextIndex];\n }\n\n /**\n * Navigates through overflow menu items.\n *\n * @param direction `-1` to navigate backward, `1` to navigate forward.\n */\n protected _navigate(direction: number) {\n if (this.selected) {\n const nextItem = this._getNextItem(this.selected, direction);\n (nextItem as HTMLElement)?.focus();\n }\n }\n\n /**\n * Handles `keydown` event on the menu body.\n */\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n protected _handleKeydown = async (event: KeyboardEvent) => {\n const { key } = event;\n if (this.open) {\n /**\n * sets this.selected to focused menu item. the menu item is focused\n * automatically due to FocusMixin\n */\n if (this.contains(document.activeElement)) {\n this.selected = document.activeElement as CDSOverflowMenuItem;\n }\n\n if (key in NAVIGATION_DIRECTION) {\n event.preventDefault();\n this._navigate(NAVIGATION_DIRECTION[key]);\n return;\n }\n\n if (key === 'Escape') {\n event.preventDefault();\n\n const menuTrigger = this.parent as HTMLElement | null;\n this.open = false;\n\n if (menuTrigger && 'open' in menuTrigger) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (menuTrigger as any).open = false;\n }\n\n requestAnimationFrame(() => {\n const triggerButton =\n menuTrigger?.shadowRoot?.querySelector(\n `button.${prefix}--overflow-menu`\n ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n if (triggerButton) {\n (triggerButton as HTMLElement).focus();\n }\n });\n return;\n }\n\n const items = this.querySelectorAll(\n CDSOverflowMenuBody.selectorItemEnabled\n );\n const isInsideMenu = Array.from(items).some((item) =>\n item.contains(document.activeElement)\n );\n\n if (isInsideMenu) {\n event.preventDefault();\n\n const menuTrigger = this.parent as HTMLElement | null;\n this.open = false;\n\n if (menuTrigger && 'open' in menuTrigger) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (menuTrigger as any).open = false;\n }\n\n requestAnimationFrame(() => {\n const triggerButton =\n menuTrigger?.shadowRoot?.querySelector(\n `button.${prefix}--overflow-menu`\n ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n if (triggerButton) {\n (triggerButton as HTMLElement).focus();\n }\n });\n }\n }\n };\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'menu');\n }\n if (!this.hasAttribute('tabindex')) {\n // TODO: Should we use a property?\n this.setAttribute('tabindex', '-1');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('size')) {\n const { selectorMenuItem } = this\n .constructor as typeof CDSOverflowMenuBody;\n const menuItems = this.querySelectorAll(selectorMenuItem);\n menuItems.forEach((item) => {\n if (this.size) {\n item.setAttribute('size', this.size);\n } else {\n item.removeAttribute('size');\n }\n });\n }\n\n super.updated(changedProperties);\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return menu items.\n */\n static get selectorMenuItem() {\n return `${prefix}-overflow-menu-item`;\n }\n\n /**\n * A selector that will return enabled menu items.\n */\n static get selectorItemEnabled() {\n return `${prefix}-overflow-menu-item:not([disabled])`;\n }\n\n static styles = styles;\n}\n\nexport default CDSOverflowMenuBody;\n"],"mappings":"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"}
package/es/components/overflow-menu/overflow-menu-item.d.ts CHANGED
@@ -53,7 +53,7 @@ declare class CDSOverflowMenuItem extends CDSOverflowMenuItem_base {
53
53
  static shadowRootOptions: {
54
54
  delegatesFocus: boolean;
55
55
  clonable?: boolean;
56
- customElementRegistry?: CustomElementRegistry;
56
+ customElementRegistry?: CustomElementRegistry | null;
57
57
  mode: ShadowRootMode;
58
58
  serializable?: boolean;
59
59
  slotAssignment?: SlotAssignmentMode;
package/es/components/overflow-menu/overflow-menu.d.ts CHANGED
@@ -121,7 +121,7 @@ declare class CDSOverflowMenu extends CDSOverflowMenu_base implements CDSFloatin
121
121
  /**
122
122
  * Overflow menu size.
123
123
  */
124
- size: OVERFLOW_MENU_SIZE;
124
+ size?: OVERFLOW_MENU_SIZE | string;
125
125
  /**
126
126
  * `true` if this menu is a toolbar action
127
127
  */
@@ -134,6 +134,13 @@ declare class CDSOverflowMenu extends CDSOverflowMenu_base implements CDSFloatin
134
134
  * @returns The position of the trigger button in the viewport.
135
135
  */
136
136
  get triggerPosition(): DOMRect;
137
+ /**
138
+ * Delegates host focus to the trigger and preserves visible focus when needed.
139
+ */
140
+ focus(options?: FocusOptions): void;
141
+ private _handleTriggerBlur;
142
+ private _handleDocumentInteraction;
143
+ private _clearProgrammaticFocus;
137
144
  connectedCallback(): void;
138
145
  disconnectedCallback(): void;
139
146
  protected _renderTooltipContent(): import("lit-html").TemplateResult<1>;
package/es/components/overflow-menu/overflow-menu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,eAAe,CAAC;AAQvB,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;uBAPqB,CAAC;;;;;;;AAqCpD;;;;;GAKG;AACH,cACM,eACJ,SAAQ,oBACR,YAAW,sBAAsB;IAEjC,OAAO,CAAC,eAAe,CAAkC;IAEzD;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,CAAc;IAE/B;;OAEG;IAEH,OAAO,CAAC,eAAe,CAAC,CAAc;IAEtC;;OAEG;IACH,OAAO,CAAC,SAAS,CAAoC;IAErD;;OAEG;IACH,OAAO,CAAC,OAAO,CAED;IAEd;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;OAEG;IACH,OAAO,CAAC,cAAc,CAAK;IAE3B;;OAEG;YACW,0BAA0B;IAuBxC;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAYzB;IAEF;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAS3B;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAI7B;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAmB7B;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAMH,qBAAqB,UAAS;IAE9B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,aAAa,EAAE,MAAM,CAAkB;IAEvC;;OAEG;IAEH,IAAI,qBAA6B;IAEjC;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IACH,IAAI,eAAe,YAElB;IAED,iBAAiB;IAoBjB,oBAAoB;IAWpB,SAAS,CAAC,qBAAqB;IAc/B,OAAO,CAAC,iBAAiB,KAAA;IA4FzB,MAAM;IAIN,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,kCAAkC;IAU1C;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAOjC;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAOlC,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,uBAAuB;IAkB/B,OAAO,CAAC,2BAA2B;IAkBnC,OAAO,CAAC,cAAc;IAkFtB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,WAAW;YAeL,qBAAqB;IAsBnC,OAAO,CAAC,6BAA6B;IAerC,OAAO,CAAC,wBAAwB;IAgBhC;;OAEG;IACH,OAAO,CAAC,wBAAwB;CAgBjC;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,eAAe,CAAC;AAQvB,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;uBAPqB,CAAC;;;;;;;AAqCpD;;;;;GAKG;AACH,cACM,eACJ,SAAQ,oBACR,YAAW,sBAAsB;IAEjC,OAAO,CAAC,eAAe,CAAkC;IAEzD;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,CAAc;IAE/B;;OAEG;IAEH,OAAO,CAAC,eAAe,CAAC,CAAc;IAEtC;;OAEG;IACH,OAAO,CAAC,SAAS,CAAoC;IAErD;;OAEG;IACH,OAAO,CAAC,OAAO,CAED;IAEd;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;OAEG;IACH,OAAO,CAAC,cAAc,CAAK;IAE3B;;OAEG;YACW,0BAA0B;IAuBxC;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAYzB;IAEF;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAS3B;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAI7B;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAmB7B;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAMH,qBAAqB,UAAS;IAE9B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,aAAa,EAAE,MAAM,CAAkB;IAEvC;;OAEG;IAEH,IAAI,CAAC,EAAE,kBAAkB,GAAG,MAAM,CAAa;IAE/C;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IACH,IAAI,eAAe,YAElB;IAED;;OAEG;IACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAwCnC,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,0BAA0B,CAKhC;IAEF,OAAO,CAAC,uBAAuB;IAsB/B,iBAAiB;IAoBjB,oBAAoB;IAYpB,SAAS,CAAC,qBAAqB;IAc/B,OAAO,CAAC,iBAAiB,KAAA;IA6GzB,MAAM;IAIN,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,kCAAkC;IAU1C;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAOjC;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAOlC,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,uBAAuB;IAkB/B,OAAO,CAAC,2BAA2B;IAkBnC,OAAO,CAAC,cAAc;IAkFtB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,WAAW;YAmBL,qBAAqB;IAsBnC,OAAO,CAAC,6BAA6B;IAerC,OAAO,CAAC,wBAAwB;IAgBhC;;OAEG;IACH,OAAO,CAAC,wBAAwB;CAgBjC;AAED,eAAe,eAAe,CAAC"}
package/es/components/overflow-menu/overflow-menu.js CHANGED
@@ -95,9 +95,16 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
95
95
  this.index = 1;
96
96
  this.label = "";
97
97
  this.menuAlignment = "bottom-start";
98
- this.size = "md";
98
+ this.size = void 0;
99
99
  this.toolbarAction = false;
100
100
  this.breadcrumb = false;
101
+ this._handleTriggerBlur = () => {
102
+ this._clearProgrammaticFocus();
103
+ };
104
+ this._handleDocumentInteraction = (event) => {
105
+ const triggerButton = this._getTriggerButton();
106
+ if (!triggerButton || !event.composedPath().includes(triggerButton)) this._clearProgrammaticFocus();
107
+ };
101
108
  }
102
109
  /**
103
110
  * Handles user-initiated toggling of the menu.
@@ -122,6 +129,34 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
122
129
  get triggerPosition() {
123
130
  return this.getBoundingClientRect();
124
131
  }
132
+ /**
133
+ * Delegates host focus to the trigger and preserves visible focus when needed.
134
+ */
135
+ focus(options) {
136
+ const triggerButton = this._getTriggerButton();
137
+ if (!triggerButton) {
138
+ HTMLElement.prototype.focus.call(this, options);
139
+ return;
140
+ }
141
+ HTMLElement.prototype.focus.call(this, options);
142
+ if (this.shadowRoot?.activeElement !== triggerButton) triggerButton.focus(options);
143
+ if (this.shadowRoot?.activeElement !== triggerButton) return;
144
+ if (triggerButton.matches(":focus")) return;
145
+ triggerButton.dispatchEvent(new FocusEvent("focus"));
146
+ this.toggleAttribute("data-programmatic-focus", true);
147
+ triggerButton.addEventListener("blur", this._handleTriggerBlur, { once: true });
148
+ this.ownerDocument.addEventListener("pointerdown", this._handleDocumentInteraction, true);
149
+ this.ownerDocument.addEventListener("focusin", this._handleDocumentInteraction, true);
150
+ }
151
+ _clearProgrammaticFocus() {
152
+ const triggerButton = this._getTriggerButton();
153
+ const hadProgrammaticFocus = this.hasAttribute("data-programmatic-focus");
154
+ this.toggleAttribute("data-programmatic-focus", false);
155
+ triggerButton?.removeEventListener("blur", this._handleTriggerBlur);
156
+ this.ownerDocument.removeEventListener("pointerdown", this._handleDocumentInteraction, true);
157
+ this.ownerDocument.removeEventListener("focusin", this._handleDocumentInteraction, true);
158
+ if (hadProgrammaticFocus) triggerButton?.dispatchEvent(new FocusEvent("focusout"));
159
+ }
125
160
  connectedCallback() {
126
161
  if (!this.hasAttribute("aria-haspopup")) this.setAttribute("aria-haspopup", "true");
127
162
  if (!this.shadowRoot) this.attachShadow({ mode: "open" });
@@ -137,6 +172,7 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
137
172
  this.removeEventListener("click", this._handleClickTrigger);
138
173
  this.removeEventListener("keydown", this._handleKeydownTrigger);
139
174
  this.removeEventListener("mousedown", this._handleMousedownTrigger);
175
+ this._clearProgrammaticFocus();
140
176
  super.disconnectedCallback();
141
177
  }
142
178
  _renderTooltipContent() {
@@ -177,8 +213,16 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
177
213
  button?.classList.forEach((item) => {
178
214
  if (item.startsWith(`cds--overflow-menu--`)) button?.classList.remove(item);
179
215
  });
180
- button?.classList.add(`cds--overflow-menu--${this.size}`);
181
- this._tooltip?.setAttribute("size", this.size);
216
+ this.classList.forEach((item) => {
217
+ if (item.startsWith(`cds--layout--size-`)) this.classList.remove(item);
218
+ });
219
+ if (this.size) {
220
+ button?.classList.add(`cds--overflow-menu--${this.size}`);
221
+ this.classList.add(`cds--layout--size-${this.size}`);
222
+ }
223
+ if (this.size) this._tooltip?.setAttribute("size", this.size);
224
+ else this._tooltip?.removeAttribute("size");
225
+ if (this._menuBody) this._menuBody.size = this.size;
182
226
  }
183
227
  if (changedProperties.has("toolbarAction") && this.toolbarAction) this._tooltip?.setAttribute("toolbar-action", "");
184
228
  const labelText = this._getLabelText();
package/es/components/overflow-menu/overflow-menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"overflow-menu.js","names":["CDSIconButton","FloatingUIController","iconButtonStyles","styles","CDSMenu","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { adoptStyles, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport CDSFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuBody from './overflow-menu-body';\nimport '../menu/index';\nimport CDSMenu from '../menu/menu';\nimport { MENU_SIZE } from '../menu/defs';\nimport { isFeatureFlagEnabled } from '../feature-flags/index';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\n\nimport iconButtonStyles from '../icon-button/icon-button.scss?lit';\nimport styles from './overflow-menu.scss?lit';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { OVERFLOW_MENU_SIZE };\n\nconst menuItemTagPrefix = `${prefix}-menu-item`.toUpperCase();\n\n// Migration support for existing child structure.\nconst deprecatedOverflowMenuTagNames = new Set([\n `${prefix}-overflow-menu-body`.toUpperCase(),\n `${prefix}-overflow-menu-item`.toUpperCase(),\n]);\n\nconst bottomFirstFallbackPlacements = [\n 'bottom-start',\n 'bottom-end',\n 'top-start',\n 'top-end',\n] as const;\n\nconst topFirstFallbackPlacements = [\n 'top-start',\n 'top-end',\n 'bottom-start',\n 'bottom-end',\n] as const;\n\nconst warnInDev = (message: string) => {\n if (process.env.NODE_ENV === 'development') {\n globalThis.console?.warn(message);\n }\n};\n\n/**\n * Overflow menu.\n *\n * @element cds-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass CDSOverflowMenu\n extends HostListenerMixin(FocusMixin(CDSIconButton))\n implements CDSFloatingMenuTrigger\n{\n private _menuController = new FloatingUIController(this);\n\n /**\n * The tooltip element in the shadow DOM.\n */\n @query(`${prefix}-tooltip`)\n private _tooltip?: HTMLElement;\n\n /**\n * The tooltip content element in the shadow DOM.\n */\n @query(`${prefix}-tooltip-content`)\n private _tooltipContent?: HTMLElement;\n\n /**\n * The menu body.\n */\n private _menuBody: CDSOverflowMenuBody | null = null;\n\n /**\n * The identifier used by the popup surface.\n */\n private _menuId = `${prefix}-overflow-menu-${Math.random()\n .toString(16)\n .slice(2)}`;\n\n /**\n * Ensures the deprecated-child warning only fires once.\n */\n private _didWarnDeprecatedChildren = false;\n\n /**\n * Ensures the invalid menu composition warning only fires once.\n */\n private _didWarnInvalidComposition = false;\n\n /**\n * Monotonic token used to ignore stale async menu sync callbacks.\n */\n private _menuSyncToken = 0;\n\n /**\n * Handles user-initiated toggling of the menu.\n */\n private async _handleUserInitiatedToggle() {\n if (this.disabled) {\n return;\n }\n\n this.open = !this.open;\n const { index, open, updateComplete } = this;\n if (open) {\n await updateComplete;\n\n if (this._isMenuCompositionEnabled()) {\n await this._focusManagedMenuItem(index);\n return;\n }\n\n const { _menuBody: menuBody } = this;\n const menuItem = menuBody?.querySelector(\n `${prefix}-overflow-menu-item:nth-of-type(${index})`\n ) as HTMLElement;\n menuItem?.focus();\n }\n }\n\n /**\n * Handles `click` event on the trigger button.\n */\n private _handleClickTrigger = async (event: MouseEvent) => {\n if (this._isTriggerEvent(event)) {\n this._handleUserInitiatedToggle();\n return;\n }\n\n if (\n !this._isMenuCompositionEnabled() &&\n this._isDeprecatedOverflowMenuItemEvent(event)\n ) {\n this.open = false;\n }\n };\n\n /**\n * Handles `keydown` event on the trigger button.\n */\n private _handleKeydownTrigger = async (event: KeyboardEvent) => {\n if (!this._isTriggerEvent(event)) {\n return;\n }\n\n if (event.key === ' ' || event.key === 'Enter') {\n this._handleUserInitiatedToggle();\n event.preventDefault();\n }\n };\n\n /**\n * Prevents the trigger click from immediately re-opening the menu after blur.\n */\n private _handleMousedownTrigger = (event: MouseEvent) => {\n if (this._isMenuCompositionEnabled() && this._isTriggerEvent(event)) {\n event.preventDefault();\n }\n };\n\n /**\n * Handles close requests emitted by the managed menu.\n */\n private _handleManagedMenuClose = (\n event: CustomEvent<{ triggerEventType?: string }>\n ) => {\n const menu = this._getMenuChild();\n if (\n !this._isMenuCompositionEnabled() ||\n !menu ||\n event.composedPath()[0] !== menu\n ) {\n return;\n }\n\n this.open = false;\n\n if (event.detail?.triggerEventType !== 'focusout') {\n requestAnimationFrame(() => {\n this._getTriggerButton()?.focus();\n });\n }\n };\n\n /**\n * `true` if this tooltip is in a data table row\n */\n @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n dataTable = false;\n\n /**\n * `true` if this overflow menu should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Enables the menu-composition OverflowMenu implementation leveraging `cds-menu`.\n */\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'enable-v12-overflowmenu',\n })\n enableV12Overflowmenu = false;\n\n /**\n * `true` if this overflow menu body should be flipped.\n */\n @property({ type: Boolean, reflect: true })\n flipped = false;\n\n /**\n * Experimental property. Enables automatic menu placement flipping to avoid clipping.\n */\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /**\n * `true` if the dropdown should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Index (starting at 1) of overflow menu item to focus on open.\n */\n @property()\n index = 1;\n\n /**\n * A label describing the menu options. Used for the trigger tooltip and the menu's accessible label.\n */\n @property({ type: String })\n label = '';\n\n /**\n * Specify how the menu should align with the trigger button.\n * Valid values: 'bottom-start', 'bottom-end', 'top-start', 'top-end'\n */\n @property({ type: String, attribute: 'menu-alignment' })\n menuAlignment: string = 'bottom-start';\n\n /**\n * Overflow menu size.\n */\n @property({ reflect: true })\n size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n /**\n * `true` if this menu is a toolbar action\n */\n @property({ type: Boolean, attribute: 'toolbar-action', reflect: true })\n toolbarAction = false;\n\n /**\n * `true` if this overflow menu use inside breadcrumb.\n */\n @property({ type: Boolean, reflect: true })\n breadcrumb = false;\n\n /**\n * @returns The position of the trigger button in the viewport.\n */\n get triggerPosition() {\n return this.getBoundingClientRect();\n }\n\n connectedCallback() {\n if (!this.hasAttribute('aria-haspopup')) {\n this.setAttribute('aria-haspopup', 'true');\n }\n if (!this.shadowRoot) {\n this.attachShadow({ mode: 'open' });\n }\n super.connectedCallback();\n\n adoptStyles(this.renderRoot as ShadowRoot, [iconButtonStyles, styles]);\n\n this.addEventListener(\n CDSMenu.eventOnClose,\n this._handleManagedMenuClose as EventListener\n );\n this.addEventListener('click', this._handleClickTrigger);\n this.addEventListener('keydown', this._handleKeydownTrigger);\n this.addEventListener('mousedown', this._handleMousedownTrigger);\n }\n\n disconnectedCallback() {\n this.removeEventListener(\n CDSMenu.eventOnClose,\n this._handleManagedMenuClose as EventListener\n );\n this.removeEventListener('click', this._handleClickTrigger);\n this.removeEventListener('keydown', this._handleKeydownTrigger);\n this.removeEventListener('mousedown', this._handleMousedownTrigger);\n super.disconnectedCallback();\n }\n\n protected _renderTooltipContent() {\n const tooltipLabel = this._getLabelText();\n\n if (this.label || !this.querySelector('[slot=tooltip-content]')) {\n return html`\n <cds-tooltip-content ?hidden=${this.disabled || this.open}>\n ${tooltipLabel}\n </cds-tooltip-content>\n `;\n }\n\n return super._renderTooltipContent();\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const menuCompositionEnabled = this._isMenuCompositionEnabled();\n\n const button = this._tooltip?.querySelector('button');\n button?.classList.add(\n `${prefix}--btn--icon-only`,\n `${prefix}--overflow-menu`\n );\n\n if (changedProperties.has('open')) {\n if (!menuCompositionEnabled) {\n this._menuController.hostDisconnected();\n this._resetMenuChildFloatingStyles();\n const { open } = this;\n if (open && !this._menuBody) {\n this._menuBody = find(\n this.childNodes,\n (elem) =>\n (elem.constructor as typeof CDSOverflowMenuBody).FLOATING_MENU\n );\n }\n const { _menuBody: menuBody, size } = this;\n if (menuBody) {\n menuBody.id ||= this._menuId;\n menuBody.setAttribute('breadcrumb', String(this.breadcrumb));\n menuBody.open = open;\n menuBody.size = size;\n }\n }\n }\n\n if (\n changedProperties.has('enableV12Overflowmenu') &&\n !menuCompositionEnabled\n ) {\n this._menuController.hostDisconnected();\n this._resetMenuChildFloatingStyles({ closeMenu: true });\n }\n\n if (changedProperties.has('dataTable')) {\n this._tooltip?.toggleAttribute('data-table', this.dataTable);\n }\n\n if (changedProperties.has('size')) {\n button?.classList.forEach((item) => {\n if (item.startsWith(`${prefix}--overflow-menu--`)) {\n button?.classList.remove(item);\n }\n });\n button?.classList.add(`${prefix}--overflow-menu--${this.size}`);\n\n this._tooltip?.setAttribute('size', this.size);\n }\n\n if (changedProperties.has('toolbarAction') && this.toolbarAction) {\n this._tooltip?.setAttribute('toolbar-action', '');\n }\n\n const labelText = this._getLabelText();\n const popupId = menuCompositionEnabled\n ? (this._getMenuChild()?.id ?? this._menuId)\n : this._menuBody?.id;\n\n button?.setAttribute('aria-haspopup', 'menu');\n button?.setAttribute('aria-expanded', String(this.open));\n button?.setAttribute('aria-label', labelText);\n\n if (this.open && popupId) {\n button?.setAttribute('aria-controls', popupId);\n } else {\n button?.removeAttribute('aria-controls');\n }\n\n const shouldSyncMenuChild =\n menuCompositionEnabled &&\n (changedProperties.has('open') ||\n changedProperties.has('label') ||\n changedProperties.has('autoalign') ||\n changedProperties.has('menuAlignment') ||\n changedProperties.has('size') ||\n changedProperties.has('enableV12Overflowmenu'));\n\n if (shouldSyncMenuChild) {\n this._syncMenuChild();\n }\n\n if (changedProperties.has('open') || changedProperties.has('disabled')) {\n this._syncTriggerTooltipState();\n }\n }\n\n render() {\n return html`${super.render()} `;\n }\n\n private _getLabelText() {\n if (this.label) return this.label;\n\n const tooltipContent = this.querySelector(\n '[slot=tooltip-content]'\n )?.textContent?.trim();\n\n return tooltipContent || 'Options';\n }\n\n private _getTriggerButton() {\n return this._tooltip?.querySelector('button') as HTMLButtonElement | null;\n }\n\n private _isTriggerEvent(event: Event) {\n const triggerButton = this._getTriggerButton();\n\n return !!triggerButton && event.composedPath().includes(triggerButton);\n }\n\n private _isDeprecatedOverflowMenuItemEvent(event: Event) {\n return event\n .composedPath()\n .some(\n (entry) =>\n entry instanceof HTMLElement &&\n deprecatedOverflowMenuTagNames.has(entry.tagName)\n );\n }\n\n /**\n * Checks whether the menu-composition path is enabled.\n */\n private _isMenuCompositionEnabled() {\n return (\n this.enableV12Overflowmenu ||\n isFeatureFlagEnabled('enable-v12-overflowmenu', this)\n );\n }\n\n /**\n * Checks whether floating styles should be driven by Floating UI.\n */\n private _usesDynamicFloatingStyles() {\n return (\n this.autoalign ||\n isFeatureFlagEnabled('enable-v12-dynamic-floating-styles', this)\n );\n }\n\n private _getMenuChild() {\n return (Array.from(this.children).find((child) => {\n return child.tagName === `${prefix}-menu`.toUpperCase();\n }) ?? null) as CDSMenu | null;\n }\n\n private _warnDeprecatedChildren() {\n if (this._didWarnDeprecatedChildren) {\n return;\n }\n\n // Migration guard for flagged usage of deprecated overflow-menu children.\n const hasDeprecatedChildren = Array.from(this.children).some((child) => {\n return deprecatedOverflowMenuTagNames.has(child.tagName);\n });\n\n if (hasDeprecatedChildren) {\n warnInDev(\n '`cds-overflow-menu` with `enable-v12-overflowmenu` expects a direct `cds-menu` child instead of the deprecated `cds-overflow-menu-body` structure.'\n );\n this._didWarnDeprecatedChildren = true;\n }\n }\n\n private _warnInvalidMenuComposition() {\n if (this._didWarnInvalidComposition) {\n return;\n }\n\n const hasDirectMenuItems = Array.from(this.children).some((child) =>\n child.tagName.startsWith(menuItemTagPrefix)\n );\n const hasMenuChild = !!this._getMenuChild();\n\n if (!hasMenuChild || hasDirectMenuItems) {\n warnInDev(\n '`cds-overflow-menu` with `enable-v12-overflowmenu` expects a direct `cds-menu` child. Place `cds-menu-item*` descendants inside that `cds-menu`.'\n );\n this._didWarnInvalidComposition = true;\n }\n }\n\n private _syncMenuChild() {\n const menuSyncToken = ++this._menuSyncToken;\n\n this._warnDeprecatedChildren();\n this._warnInvalidMenuComposition();\n\n const menu = this._getMenuChild();\n if (!menu) {\n return;\n }\n\n const menuAlignment = this.menuAlignment;\n\n menu.id ||= this._menuId;\n menu.label = this._getLabelText();\n menu.menuAlignment = menuAlignment;\n this._syncMenuChildPosition(menu);\n menu.open = this.open;\n menu.size = this._toMenuSize(this.size);\n\n const shouldUseFloatingStyles = this._usesDynamicFloatingStyles();\n\n if (!this.open || !shouldUseFloatingStyles) {\n this._menuController.hostDisconnected();\n this._resetMenuFloatingStyles(menu);\n return;\n }\n\n this.updateComplete.then(async () => {\n if (\n menuSyncToken !== this._menuSyncToken ||\n !this.open ||\n !this._isMenuCompositionEnabled() ||\n this._getMenuChild() !== menu\n ) {\n return;\n }\n\n await menu.updateComplete;\n if (\n menuSyncToken !== this._menuSyncToken ||\n !this.open ||\n !this._isMenuCompositionEnabled() ||\n this._getMenuChild() !== menu\n ) {\n return;\n }\n\n const trigger = this._getTriggerButton();\n if (!trigger) {\n return;\n }\n\n const styleElement = menu.shadowRoot?.querySelector(\n `.${prefix}--menu`\n ) as HTMLElement | undefined;\n\n const fallbackPlacements = menuAlignment.includes('bottom')\n ? [...bottomFirstFallbackPlacements]\n : [...topFirstFallbackPlacements];\n\n const flipArguments = this.autoalign\n ? {\n fallbackPlacements,\n }\n : {\n mainAxis: false,\n crossAxis: false,\n };\n\n this._menuController.setPlacement({\n trigger,\n target: menu,\n alignment: menuAlignment,\n styleElement,\n flipArguments,\n mainAxisOffset: 0,\n open: this.open,\n });\n });\n }\n\n private _syncMenuChildPosition(menu: CDSMenu) {\n const trigger = this._getTriggerButton();\n if (!trigger) {\n return;\n }\n\n const { left, right, top, bottom } = trigger.getBoundingClientRect();\n menu.x = [left, right];\n menu.y = [top, bottom];\n }\n\n private _toMenuSize(size: OVERFLOW_MENU_SIZE | string): CDSMenu['size'] {\n switch (size) {\n case OVERFLOW_MENU_SIZE.EXTRA_SMALL:\n return MENU_SIZE.EXTRA_SMALL;\n case OVERFLOW_MENU_SIZE.SMALL:\n return MENU_SIZE.SMALL;\n case OVERFLOW_MENU_SIZE.MEDIUM:\n return MENU_SIZE.MEDIUM;\n case OVERFLOW_MENU_SIZE.LARGE:\n return MENU_SIZE.LARGE;\n default:\n return MENU_SIZE.MEDIUM;\n }\n }\n\n private async _focusManagedMenuItem(index: number) {\n const menu = this._getMenuChild();\n if (!menu) {\n return;\n }\n\n await menu.updateComplete;\n\n if (!this.open || this._getMenuChild() !== menu) {\n return;\n }\n\n const enabledItems = menu.activeitems\n .map(({ item }) => item)\n .filter(\n (item) => item instanceof HTMLElement && !item.hasAttribute('disabled')\n );\n const focusTarget = enabledItems[index - 1] ?? enabledItems[0];\n\n focusTarget?.focus();\n }\n\n private _resetMenuChildFloatingStyles({\n closeMenu = false,\n }: { closeMenu?: boolean } = {}) {\n const menu = this._getMenuChild();\n if (!menu) {\n return;\n }\n\n this._resetMenuFloatingStyles(menu);\n\n if (closeMenu) {\n menu.open = false;\n }\n }\n\n private _resetMenuFloatingStyles(menu: CDSMenu) {\n const menuSurface = menu.shadowRoot?.querySelector(`.${prefix}--menu`) as\n | HTMLElement\n | undefined;\n\n if (!menuSurface) {\n return;\n }\n\n menuSurface.style.removeProperty('left');\n menuSurface.style.removeProperty('top');\n menuSurface.style.removeProperty('position');\n menuSurface.style.removeProperty('visibility');\n menuSurface.removeAttribute('align');\n }\n\n /**\n * Suppresses trigger tooltip interactions while the menu is open.\n */\n private _syncTriggerTooltipState() {\n const tooltip = this._tooltip as\n | (HTMLElement & { open?: boolean; keyboardOnly?: boolean })\n | undefined;\n\n if (!tooltip) {\n return;\n }\n\n tooltip.keyboardOnly = this.open;\n this._tooltipContent?.toggleAttribute('hidden', this.disabled || this.open);\n\n if (this.open) {\n tooltip.open = false;\n }\n }\n}\n\nexport default CDSOverflowMenu;\n"],"mappings":"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"}
1
+ {"version":3,"file":"overflow-menu.js","names":["CDSIconButton","FloatingUIController","iconButtonStyles","styles","CDSMenu","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { adoptStyles, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport CDSFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuBody from './overflow-menu-body';\nimport '../menu/index';\nimport CDSMenu from '../menu/menu';\nimport { MENU_SIZE } from '../menu/defs';\nimport { isFeatureFlagEnabled } from '../feature-flags/index';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\n\nimport iconButtonStyles from '../icon-button/icon-button.scss?lit';\nimport styles from './overflow-menu.scss?lit';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { OVERFLOW_MENU_SIZE };\n\nconst menuItemTagPrefix = `${prefix}-menu-item`.toUpperCase();\n\n// Migration support for existing child structure.\nconst deprecatedOverflowMenuTagNames = new Set([\n `${prefix}-overflow-menu-body`.toUpperCase(),\n `${prefix}-overflow-menu-item`.toUpperCase(),\n]);\n\nconst bottomFirstFallbackPlacements = [\n 'bottom-start',\n 'bottom-end',\n 'top-start',\n 'top-end',\n] as const;\n\nconst topFirstFallbackPlacements = [\n 'top-start',\n 'top-end',\n 'bottom-start',\n 'bottom-end',\n] as const;\n\nconst warnInDev = (message: string) => {\n if (process.env.NODE_ENV === 'development') {\n globalThis.console?.warn(message);\n }\n};\n\n/**\n * Overflow menu.\n *\n * @element cds-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass CDSOverflowMenu\n extends HostListenerMixin(FocusMixin(CDSIconButton))\n implements CDSFloatingMenuTrigger\n{\n private _menuController = new FloatingUIController(this);\n\n /**\n * The tooltip element in the shadow DOM.\n */\n @query(`${prefix}-tooltip`)\n private _tooltip?: HTMLElement;\n\n /**\n * The tooltip content element in the shadow DOM.\n */\n @query(`${prefix}-tooltip-content`)\n private _tooltipContent?: HTMLElement;\n\n /**\n * The menu body.\n */\n private _menuBody: CDSOverflowMenuBody | null = null;\n\n /**\n * The identifier used by the popup surface.\n */\n private _menuId = `${prefix}-overflow-menu-${Math.random()\n .toString(16)\n .slice(2)}`;\n\n /**\n * Ensures the deprecated-child warning only fires once.\n */\n private _didWarnDeprecatedChildren = false;\n\n /**\n * Ensures the invalid menu composition warning only fires once.\n */\n private _didWarnInvalidComposition = false;\n\n /**\n * Monotonic token used to ignore stale async menu sync callbacks.\n */\n private _menuSyncToken = 0;\n\n /**\n * Handles user-initiated toggling of the menu.\n */\n private async _handleUserInitiatedToggle() {\n if (this.disabled) {\n return;\n }\n\n this.open = !this.open;\n const { index, open, updateComplete } = this;\n if (open) {\n await updateComplete;\n\n if (this._isMenuCompositionEnabled()) {\n await this._focusManagedMenuItem(index);\n return;\n }\n\n const { _menuBody: menuBody } = this;\n const menuItem = menuBody?.querySelector(\n `${prefix}-overflow-menu-item:nth-of-type(${index})`\n ) as HTMLElement;\n menuItem?.focus();\n }\n }\n\n /**\n * Handles `click` event on the trigger button.\n */\n private _handleClickTrigger = async (event: MouseEvent) => {\n if (this._isTriggerEvent(event)) {\n this._handleUserInitiatedToggle();\n return;\n }\n\n if (\n !this._isMenuCompositionEnabled() &&\n this._isDeprecatedOverflowMenuItemEvent(event)\n ) {\n this.open = false;\n }\n };\n\n /**\n * Handles `keydown` event on the trigger button.\n */\n private _handleKeydownTrigger = async (event: KeyboardEvent) => {\n if (!this._isTriggerEvent(event)) {\n return;\n }\n\n if (event.key === ' ' || event.key === 'Enter') {\n this._handleUserInitiatedToggle();\n event.preventDefault();\n }\n };\n\n /**\n * Prevents the trigger click from immediately re-opening the menu after blur.\n */\n private _handleMousedownTrigger = (event: MouseEvent) => {\n if (this._isMenuCompositionEnabled() && this._isTriggerEvent(event)) {\n event.preventDefault();\n }\n };\n\n /**\n * Handles close requests emitted by the managed menu.\n */\n private _handleManagedMenuClose = (\n event: CustomEvent<{ triggerEventType?: string }>\n ) => {\n const menu = this._getMenuChild();\n if (\n !this._isMenuCompositionEnabled() ||\n !menu ||\n event.composedPath()[0] !== menu\n ) {\n return;\n }\n\n this.open = false;\n\n if (event.detail?.triggerEventType !== 'focusout') {\n requestAnimationFrame(() => {\n this._getTriggerButton()?.focus();\n });\n }\n };\n\n /**\n * `true` if this tooltip is in a data table row\n */\n @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n dataTable = false;\n\n /**\n * `true` if this overflow menu should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Enables the menu-composition OverflowMenu implementation leveraging `cds-menu`.\n */\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'enable-v12-overflowmenu',\n })\n enableV12Overflowmenu = false;\n\n /**\n * `true` if this overflow menu body should be flipped.\n */\n @property({ type: Boolean, reflect: true })\n flipped = false;\n\n /**\n * Experimental property. Enables automatic menu placement flipping to avoid clipping.\n */\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /**\n * `true` if the dropdown should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Index (starting at 1) of overflow menu item to focus on open.\n */\n @property()\n index = 1;\n\n /**\n * A label describing the menu options. Used for the trigger tooltip and the menu's accessible label.\n */\n @property({ type: String })\n label = '';\n\n /**\n * Specify how the menu should align with the trigger button.\n * Valid values: 'bottom-start', 'bottom-end', 'top-start', 'top-end'\n */\n @property({ type: String, attribute: 'menu-alignment' })\n menuAlignment: string = 'bottom-start';\n\n /**\n * Overflow menu size.\n */\n @property({ reflect: true })\n size?: OVERFLOW_MENU_SIZE | string = undefined;\n\n /**\n * `true` if this menu is a toolbar action\n */\n @property({ type: Boolean, attribute: 'toolbar-action', reflect: true })\n toolbarAction = false;\n\n /**\n * `true` if this overflow menu use inside breadcrumb.\n */\n @property({ type: Boolean, reflect: true })\n breadcrumb = false;\n\n /**\n * @returns The position of the trigger button in the viewport.\n */\n get triggerPosition() {\n return this.getBoundingClientRect();\n }\n\n /**\n * Delegates host focus to the trigger and preserves visible focus when needed.\n */\n focus(options?: FocusOptions): void {\n const triggerButton = this._getTriggerButton();\n if (!triggerButton) {\n HTMLElement.prototype.focus.call(this, options);\n return;\n }\n\n HTMLElement.prototype.focus.call(this, options);\n\n if (this.shadowRoot?.activeElement !== triggerButton) {\n triggerButton.focus(options);\n }\n\n if (this.shadowRoot?.activeElement !== triggerButton) {\n return;\n }\n\n if (triggerButton.matches(':focus')) {\n return;\n }\n\n // Some browsers do not expose `:focus` or emit `focus` for the tooltip\n // trigger after delegated programmatic focus.\n triggerButton.dispatchEvent(new FocusEvent('focus'));\n this.toggleAttribute('data-programmatic-focus', true);\n triggerButton.addEventListener('blur', this._handleTriggerBlur, {\n once: true,\n });\n this.ownerDocument.addEventListener(\n 'pointerdown',\n this._handleDocumentInteraction,\n true\n );\n this.ownerDocument.addEventListener(\n 'focusin',\n this._handleDocumentInteraction,\n true\n );\n }\n\n private _handleTriggerBlur = () => {\n this._clearProgrammaticFocus();\n };\n\n private _handleDocumentInteraction = (event: Event) => {\n const triggerButton = this._getTriggerButton();\n if (!triggerButton || !event.composedPath().includes(triggerButton)) {\n this._clearProgrammaticFocus();\n }\n };\n\n private _clearProgrammaticFocus() {\n const triggerButton = this._getTriggerButton();\n const hadProgrammaticFocus = this.hasAttribute('data-programmatic-focus');\n\n this.toggleAttribute('data-programmatic-focus', false);\n triggerButton?.removeEventListener('blur', this._handleTriggerBlur);\n this.ownerDocument.removeEventListener(\n 'pointerdown',\n this._handleDocumentInteraction,\n true\n );\n this.ownerDocument.removeEventListener(\n 'focusin',\n this._handleDocumentInteraction,\n true\n );\n\n if (hadProgrammaticFocus) {\n triggerButton?.dispatchEvent(new FocusEvent('focusout'));\n }\n }\n\n connectedCallback() {\n if (!this.hasAttribute('aria-haspopup')) {\n this.setAttribute('aria-haspopup', 'true');\n }\n if (!this.shadowRoot) {\n this.attachShadow({ mode: 'open' });\n }\n super.connectedCallback();\n\n adoptStyles(this.renderRoot as ShadowRoot, [iconButtonStyles, styles]);\n\n this.addEventListener(\n CDSMenu.eventOnClose,\n this._handleManagedMenuClose as EventListener\n );\n this.addEventListener('click', this._handleClickTrigger);\n this.addEventListener('keydown', this._handleKeydownTrigger);\n this.addEventListener('mousedown', this._handleMousedownTrigger);\n }\n\n disconnectedCallback() {\n this.removeEventListener(\n CDSMenu.eventOnClose,\n this._handleManagedMenuClose as EventListener\n );\n this.removeEventListener('click', this._handleClickTrigger);\n this.removeEventListener('keydown', this._handleKeydownTrigger);\n this.removeEventListener('mousedown', this._handleMousedownTrigger);\n this._clearProgrammaticFocus();\n super.disconnectedCallback();\n }\n\n protected _renderTooltipContent() {\n const tooltipLabel = this._getLabelText();\n\n if (this.label || !this.querySelector('[slot=tooltip-content]')) {\n return html`\n <cds-tooltip-content ?hidden=${this.disabled || this.open}>\n ${tooltipLabel}\n </cds-tooltip-content>\n `;\n }\n\n return super._renderTooltipContent();\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const menuCompositionEnabled = this._isMenuCompositionEnabled();\n\n const button = this._tooltip?.querySelector('button');\n button?.classList.add(\n `${prefix}--btn--icon-only`,\n `${prefix}--overflow-menu`\n );\n\n if (changedProperties.has('open')) {\n if (!menuCompositionEnabled) {\n this._menuController.hostDisconnected();\n this._resetMenuChildFloatingStyles();\n const { open } = this;\n if (open && !this._menuBody) {\n this._menuBody = find(\n this.childNodes,\n (elem) =>\n (elem.constructor as typeof CDSOverflowMenuBody).FLOATING_MENU\n );\n }\n const { _menuBody: menuBody, size } = this;\n if (menuBody) {\n menuBody.id ||= this._menuId;\n menuBody.setAttribute('breadcrumb', String(this.breadcrumb));\n menuBody.open = open;\n menuBody.size = size as OVERFLOW_MENU_SIZE;\n }\n }\n }\n\n if (\n changedProperties.has('enableV12Overflowmenu') &&\n !menuCompositionEnabled\n ) {\n this._menuController.hostDisconnected();\n this._resetMenuChildFloatingStyles({ closeMenu: true });\n }\n\n if (changedProperties.has('dataTable')) {\n this._tooltip?.toggleAttribute('data-table', this.dataTable);\n }\n\n if (changedProperties.has('size')) {\n button?.classList.forEach((item) => {\n if (item.startsWith(`${prefix}--overflow-menu--`)) {\n button?.classList.remove(item);\n }\n });\n this.classList.forEach((item) => {\n if (item.startsWith(`${prefix}--layout--size-`)) {\n this.classList.remove(item);\n }\n });\n\n if (this.size) {\n button?.classList.add(`${prefix}--overflow-menu--${this.size}`); // TODO: V12 - Remove this class\n this.classList.add(`${prefix}--layout--size-${this.size}`);\n }\n\n if (this.size) {\n this._tooltip?.setAttribute('size', this.size);\n } else {\n this._tooltip?.removeAttribute('size');\n }\n\n if (this._menuBody) {\n this._menuBody.size = this.size as OVERFLOW_MENU_SIZE;\n }\n }\n\n if (changedProperties.has('toolbarAction') && this.toolbarAction) {\n this._tooltip?.setAttribute('toolbar-action', '');\n }\n\n const labelText = this._getLabelText();\n const popupId = menuCompositionEnabled\n ? (this._getMenuChild()?.id ?? this._menuId)\n : this._menuBody?.id;\n\n button?.setAttribute('aria-haspopup', 'menu');\n button?.setAttribute('aria-expanded', String(this.open));\n button?.setAttribute('aria-label', labelText);\n\n if (this.open && popupId) {\n button?.setAttribute('aria-controls', popupId);\n } else {\n button?.removeAttribute('aria-controls');\n }\n\n const shouldSyncMenuChild =\n menuCompositionEnabled &&\n (changedProperties.has('open') ||\n changedProperties.has('label') ||\n changedProperties.has('autoalign') ||\n changedProperties.has('menuAlignment') ||\n changedProperties.has('size') ||\n changedProperties.has('enableV12Overflowmenu'));\n\n if (shouldSyncMenuChild) {\n this._syncMenuChild();\n }\n\n if (changedProperties.has('open') || changedProperties.has('disabled')) {\n this._syncTriggerTooltipState();\n }\n }\n\n render() {\n return html`${super.render()} `;\n }\n\n private _getLabelText() {\n if (this.label) return this.label;\n\n const tooltipContent = this.querySelector(\n '[slot=tooltip-content]'\n )?.textContent?.trim();\n\n return tooltipContent || 'Options';\n }\n\n private _getTriggerButton() {\n return this._tooltip?.querySelector('button') as HTMLButtonElement | null;\n }\n\n private _isTriggerEvent(event: Event) {\n const triggerButton = this._getTriggerButton();\n\n return !!triggerButton && event.composedPath().includes(triggerButton);\n }\n\n private _isDeprecatedOverflowMenuItemEvent(event: Event) {\n return event\n .composedPath()\n .some(\n (entry) =>\n entry instanceof HTMLElement &&\n deprecatedOverflowMenuTagNames.has(entry.tagName)\n );\n }\n\n /**\n * Checks whether the menu-composition path is enabled.\n */\n private _isMenuCompositionEnabled() {\n return (\n this.enableV12Overflowmenu ||\n isFeatureFlagEnabled('enable-v12-overflowmenu', this)\n );\n }\n\n /**\n * Checks whether floating styles should be driven by Floating UI.\n */\n private _usesDynamicFloatingStyles() {\n return (\n this.autoalign ||\n isFeatureFlagEnabled('enable-v12-dynamic-floating-styles', this)\n );\n }\n\n private _getMenuChild() {\n return (Array.from(this.children).find((child) => {\n return child.tagName === `${prefix}-menu`.toUpperCase();\n }) ?? null) as CDSMenu | null;\n }\n\n private _warnDeprecatedChildren() {\n if (this._didWarnDeprecatedChildren) {\n return;\n }\n\n // Migration guard for flagged usage of deprecated overflow-menu children.\n const hasDeprecatedChildren = Array.from(this.children).some((child) => {\n return deprecatedOverflowMenuTagNames.has(child.tagName);\n });\n\n if (hasDeprecatedChildren) {\n warnInDev(\n '`cds-overflow-menu` with `enable-v12-overflowmenu` expects a direct `cds-menu` child instead of the deprecated `cds-overflow-menu-body` structure.'\n );\n this._didWarnDeprecatedChildren = true;\n }\n }\n\n private _warnInvalidMenuComposition() {\n if (this._didWarnInvalidComposition) {\n return;\n }\n\n const hasDirectMenuItems = Array.from(this.children).some((child) =>\n child.tagName.startsWith(menuItemTagPrefix)\n );\n const hasMenuChild = !!this._getMenuChild();\n\n if (!hasMenuChild || hasDirectMenuItems) {\n warnInDev(\n '`cds-overflow-menu` with `enable-v12-overflowmenu` expects a direct `cds-menu` child. Place `cds-menu-item*` descendants inside that `cds-menu`.'\n );\n this._didWarnInvalidComposition = true;\n }\n }\n\n private _syncMenuChild() {\n const menuSyncToken = ++this._menuSyncToken;\n\n this._warnDeprecatedChildren();\n this._warnInvalidMenuComposition();\n\n const menu = this._getMenuChild();\n if (!menu) {\n return;\n }\n\n const menuAlignment = this.menuAlignment;\n\n menu.id ||= this._menuId;\n menu.label = this._getLabelText();\n menu.menuAlignment = menuAlignment;\n this._syncMenuChildPosition(menu);\n menu.open = this.open;\n menu.size = this._toMenuSize(this.size);\n\n const shouldUseFloatingStyles = this._usesDynamicFloatingStyles();\n\n if (!this.open || !shouldUseFloatingStyles) {\n this._menuController.hostDisconnected();\n this._resetMenuFloatingStyles(menu);\n return;\n }\n\n this.updateComplete.then(async () => {\n if (\n menuSyncToken !== this._menuSyncToken ||\n !this.open ||\n !this._isMenuCompositionEnabled() ||\n this._getMenuChild() !== menu\n ) {\n return;\n }\n\n await menu.updateComplete;\n if (\n menuSyncToken !== this._menuSyncToken ||\n !this.open ||\n !this._isMenuCompositionEnabled() ||\n this._getMenuChild() !== menu\n ) {\n return;\n }\n\n const trigger = this._getTriggerButton();\n if (!trigger) {\n return;\n }\n\n const styleElement = menu.shadowRoot?.querySelector(\n `.${prefix}--menu`\n ) as HTMLElement | undefined;\n\n const fallbackPlacements = menuAlignment.includes('bottom')\n ? [...bottomFirstFallbackPlacements]\n : [...topFirstFallbackPlacements];\n\n const flipArguments = this.autoalign\n ? {\n fallbackPlacements,\n }\n : {\n mainAxis: false,\n crossAxis: false,\n };\n\n this._menuController.setPlacement({\n trigger,\n target: menu,\n alignment: menuAlignment,\n styleElement,\n flipArguments,\n mainAxisOffset: 0,\n open: this.open,\n });\n });\n }\n\n private _syncMenuChildPosition(menu: CDSMenu) {\n const trigger = this._getTriggerButton();\n if (!trigger) {\n return;\n }\n\n const { left, right, top, bottom } = trigger.getBoundingClientRect();\n menu.x = [left, right];\n menu.y = [top, bottom];\n }\n\n private _toMenuSize(\n size: OVERFLOW_MENU_SIZE | string | undefined\n ): CDSMenu['size'] {\n switch (size) {\n case OVERFLOW_MENU_SIZE.EXTRA_SMALL:\n return MENU_SIZE.EXTRA_SMALL;\n case OVERFLOW_MENU_SIZE.SMALL:\n return MENU_SIZE.SMALL;\n case OVERFLOW_MENU_SIZE.MEDIUM:\n return MENU_SIZE.MEDIUM;\n case OVERFLOW_MENU_SIZE.LARGE:\n return MENU_SIZE.LARGE;\n default:\n // TODO: Remove fallback to `md` when contextual layout token support\n // is implemented for `cds-menu`.\n return MENU_SIZE.MEDIUM;\n }\n }\n\n private async _focusManagedMenuItem(index: number) {\n const menu = this._getMenuChild();\n if (!menu) {\n return;\n }\n\n await menu.updateComplete;\n\n if (!this.open || this._getMenuChild() !== menu) {\n return;\n }\n\n const enabledItems = menu.activeitems\n .map(({ item }) => item)\n .filter(\n (item) => item instanceof HTMLElement && !item.hasAttribute('disabled')\n );\n const focusTarget = enabledItems[index - 1] ?? enabledItems[0];\n\n focusTarget?.focus();\n }\n\n private _resetMenuChildFloatingStyles({\n closeMenu = false,\n }: { closeMenu?: boolean } = {}) {\n const menu = this._getMenuChild();\n if (!menu) {\n return;\n }\n\n this._resetMenuFloatingStyles(menu);\n\n if (closeMenu) {\n menu.open = false;\n }\n }\n\n private _resetMenuFloatingStyles(menu: CDSMenu) {\n const menuSurface = menu.shadowRoot?.querySelector(`.${prefix}--menu`) as\n | HTMLElement\n | undefined;\n\n if (!menuSurface) {\n return;\n }\n\n menuSurface.style.removeProperty('left');\n menuSurface.style.removeProperty('top');\n menuSurface.style.removeProperty('position');\n menuSurface.style.removeProperty('visibility');\n menuSurface.removeAttribute('align');\n }\n\n /**\n * Suppresses trigger tooltip interactions while the menu is open.\n */\n private _syncTriggerTooltipState() {\n const tooltip = this._tooltip as\n | (HTMLElement & { open?: boolean; keyboardOnly?: boolean })\n | undefined;\n\n if (!tooltip) {\n return;\n }\n\n tooltip.keyboardOnly = this.open;\n this._tooltipContent?.toggleAttribute('hidden', this.disabled || this.open);\n\n if (this.open) {\n tooltip.open = false;\n }\n }\n}\n\nexport default CDSOverflowMenu;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,oBAAoB,gBAAsB,YAAY;AAG5D,MAAM,iCAAiC,IAAI,IAAI,CAC7C,yBAA+B,YAAY,GAC3C,yBAA+B,YAAY,CAC7C,CAAC;AAED,MAAM,gCAAgC;CACpC;CACA;CACA;CACA;AACF;AAEA,MAAM,6BAA6B;CACjC;CACA;CACA;CACA;AACF;AAEA,MAAM,aAAa,YAAoB;CAEnC,WAAW,SAAS,KAAK,OAAO;AAEpC;;;;;;;AAQA,IAAA,kBAAA,MACM,wBACI,kBAAkB,WAAWA,qBAAa,CAAC,CAAC,CAEtD;;;yBAC4B,IAAIC,mBAAqB,IAAI;mBAiBP;iBAK9B,qBAA2B,KAAK,OAAO,CAAC,CACvD,SAAS,EAAE,CAAC,CACZ,MAAM,CAAC;oCAK2B;oCAKA;wBAKZ;6BA+BK,OAAO,UAAsB;GACzD,IAAI,KAAK,gBAAgB,KAAK,GAAG;IAC/B,KAAK,2BAA2B;IAChC;GACF;GAEA,IACE,CAAC,KAAK,0BAA0B,KAChC,KAAK,mCAAmC,KAAK,GAE7C,KAAK,OAAO;EAEhB;+BAKgC,OAAO,UAAyB;GAC9D,IAAI,CAAC,KAAK,gBAAgB,KAAK,GAC7B;GAGF,IAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;IAC9C,KAAK,2BAA2B;IAChC,MAAM,eAAe;GACvB;EACF;kCAKmC,UAAsB;GACvD,IAAI,KAAK,0BAA0B,KAAK,KAAK,gBAAgB,KAAK,GAChE,MAAM,eAAe;EAEzB;kCAME,UACG;GACH,MAAM,OAAO,KAAK,cAAc;GAChC,IACE,CAAC,KAAK,0BAA0B,KAChC,CAAC,QACD,MAAM,aAAa,CAAC,CAAC,OAAO,MAE5B;GAGF,KAAK,OAAO;GAEZ,IAAI,MAAM,QAAQ,qBAAqB,YACrC,4BAA4B;IAC1B,KAAK,kBAAkB,CAAC,EAAE,MAAM;GAClC,CAAC;EAEL;mBAMY;kBAMD;+BAUa;iBAMd;mBAME;cAML;eAMC;eAMA;uBAOgB;cAMa,KAAA;uBAMrB;oBAMH;kCAoDsB;GACjC,KAAK,wBAAwB;EAC/B;qCAEsC,UAAiB;GACrD,MAAM,gBAAgB,KAAK,kBAAkB;GAC7C,IAAI,CAAC,iBAAiB,CAAC,MAAM,aAAa,CAAC,CAAC,SAAS,aAAa,GAChE,KAAK,wBAAwB;EAEjC;;;;;CA/NA,MAAc,6BAA6B;EACzC,IAAI,KAAK,UACP;EAGF,KAAK,OAAO,CAAC,KAAK;EAClB,MAAM,EAAE,OAAO,MAAM,mBAAmB;EACxC,IAAI,MAAM;GACR,MAAM;GAEN,IAAI,KAAK,0BAA0B,GAAG;IACpC,MAAM,KAAK,sBAAsB,KAAK;IACtC;GACF;GAEA,MAAM,EAAE,WAAW,aAAa;GAIhC,CAHiB,UAAU,cACzB,sCAA4C,MAAM,EACpD,EAAA,EACU,MAAM;EAClB;CACF;;;;CAkJA,IAAI,kBAAkB;EACpB,OAAO,KAAK,sBAAsB;CACpC;;;;CAKA,MAAM,SAA8B;EAClC,MAAM,gBAAgB,KAAK,kBAAkB;EAC7C,IAAI,CAAC,eAAe;GAClB,YAAY,UAAU,MAAM,KAAK,MAAM,OAAO;GAC9C;EACF;EAEA,YAAY,UAAU,MAAM,KAAK,MAAM,OAAO;EAE9C,IAAI,KAAK,YAAY,kBAAkB,eACrC,cAAc,MAAM,OAAO;EAG7B,IAAI,KAAK,YAAY,kBAAkB,eACrC;EAGF,IAAI,cAAc,QAAQ,QAAQ,GAChC;EAKF,cAAc,cAAc,IAAI,WAAW,OAAO,CAAC;EACnD,KAAK,gBAAgB,2BAA2B,IAAI;EACpD,cAAc,iBAAiB,QAAQ,KAAK,oBAAoB,EAC9D,MAAM,KACR,CAAC;EACD,KAAK,cAAc,iBACjB,eACA,KAAK,4BACL,IACF;EACA,KAAK,cAAc,iBACjB,WACA,KAAK,4BACL,IACF;CACF;CAaA,0BAAkC;EAChC,MAAM,gBAAgB,KAAK,kBAAkB;EAC7C,MAAM,uBAAuB,KAAK,aAAa,yBAAyB;EAExE,KAAK,gBAAgB,2BAA2B,KAAK;EACrD,eAAe,oBAAoB,QAAQ,KAAK,kBAAkB;EAClE,KAAK,cAAc,oBACjB,eACA,KAAK,4BACL,IACF;EACA,KAAK,cAAc,oBACjB,WACA,KAAK,4BACL,IACF;EAEA,IAAI,sBACF,eAAe,cAAc,IAAI,WAAW,UAAU,CAAC;CAE3D;CAEA,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,eAAe,GACpC,KAAK,aAAa,iBAAiB,MAAM;EAE3C,IAAI,CAAC,KAAK,YACR,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAEpC,MAAM,kBAAkB;EAExB,YAAY,KAAK,YAA0B,CAACC,qBAAkBC,uBAAM,CAAC;EAErE,KAAK,iBACHC,aAAQ,cACR,KAAK,uBACP;EACA,KAAK,iBAAiB,SAAS,KAAK,mBAAmB;EACvD,KAAK,iBAAiB,WAAW,KAAK,qBAAqB;EAC3D,KAAK,iBAAiB,aAAa,KAAK,uBAAuB;CACjE;CAEA,uBAAuB;EACrB,KAAK,oBACHA,aAAQ,cACR,KAAK,uBACP;EACA,KAAK,oBAAoB,SAAS,KAAK,mBAAmB;EAC1D,KAAK,oBAAoB,WAAW,KAAK,qBAAqB;EAC9D,KAAK,oBAAoB,aAAa,KAAK,uBAAuB;EAClE,KAAK,wBAAwB;EAC7B,MAAM,qBAAqB;CAC7B;CAEA,wBAAkC;EAChC,MAAM,eAAe,KAAK,cAAc;EAExC,IAAI,KAAK,SAAS,CAAC,KAAK,cAAc,wBAAwB,GAC5D,OAAO,IAAI;uCACsB,KAAK,YAAY,KAAK,KAAK;YACtD,aAAa;;;EAKrB,OAAO,MAAM,sBAAsB;CACrC;CAEA,QAAQ,mBAAmB;EACzB,MAAM,QAAQ,iBAAiB;EAC/B,MAAM,yBAAyB,KAAK,0BAA0B;EAE9D,MAAM,SAAS,KAAK,UAAU,cAAc,QAAQ;EACpD,QAAQ,UAAU,IAChB,uBACA,oBACF;EAEA,IAAI,kBAAkB,IAAI,MAAM;OAC1B,CAAC,wBAAwB;IAC3B,KAAK,gBAAgB,iBAAiB;IACtC,KAAK,8BAA8B;IACnC,MAAM,EAAE,SAAS;IACjB,IAAI,QAAQ,CAAC,KAAK,WAChB,KAAK,YAAY,KACf,KAAK,aACJ,SACE,KAAK,YAA2C,aACrD;IAEF,MAAM,EAAE,WAAW,UAAU,SAAS;IACtC,IAAI,UAAU;KACZ,SAAS,OAAO,KAAK;KACrB,SAAS,aAAa,cAAc,OAAO,KAAK,UAAU,CAAC;KAC3D,SAAS,OAAO;KAChB,SAAS,OAAO;IAClB;GACF;;EAGF,IACE,kBAAkB,IAAI,uBAAuB,KAC7C,CAAC,wBACD;GACA,KAAK,gBAAgB,iBAAiB;GACtC,KAAK,8BAA8B,EAAE,WAAW,KAAK,CAAC;EACxD;EAEA,IAAI,kBAAkB,IAAI,WAAW,GACnC,KAAK,UAAU,gBAAgB,cAAc,KAAK,SAAS;EAG7D,IAAI,kBAAkB,IAAI,MAAM,GAAG;GACjC,QAAQ,UAAU,SAAS,SAAS;IAClC,IAAI,KAAK,WAAW,sBAA4B,GAC9C,QAAQ,UAAU,OAAO,IAAI;GAEjC,CAAC;GACD,KAAK,UAAU,SAAS,SAAS;IAC/B,IAAI,KAAK,WAAW,oBAA0B,GAC5C,KAAK,UAAU,OAAO,IAAI;GAE9B,CAAC;GAED,IAAI,KAAK,MAAM;IACb,QAAQ,UAAU,IAAI,uBAA6B,KAAK,MAAM;IAC9D,KAAK,UAAU,IAAI,qBAA2B,KAAK,MAAM;GAC3D;GAEA,IAAI,KAAK,MACP,KAAK,UAAU,aAAa,QAAQ,KAAK,IAAI;QAE7C,KAAK,UAAU,gBAAgB,MAAM;GAGvC,IAAI,KAAK,WACP,KAAK,UAAU,OAAO,KAAK;EAE/B;EAEA,IAAI,kBAAkB,IAAI,eAAe,KAAK,KAAK,eACjD,KAAK,UAAU,aAAa,kBAAkB,EAAE;EAGlD,MAAM,YAAY,KAAK,cAAc;EACrC,MAAM,UAAU,yBACX,KAAK,cAAc,CAAC,EAAE,MAAM,KAAK,UAClC,KAAK,WAAW;EAEpB,QAAQ,aAAa,iBAAiB,MAAM;EAC5C,QAAQ,aAAa,iBAAiB,OAAO,KAAK,IAAI,CAAC;EACvD,QAAQ,aAAa,cAAc,SAAS;EAE5C,IAAI,KAAK,QAAQ,SACf,QAAQ,aAAa,iBAAiB,OAAO;OAE7C,QAAQ,gBAAgB,eAAe;EAYzC,IARE,2BACC,kBAAkB,IAAI,MAAM,KAC3B,kBAAkB,IAAI,OAAO,KAC7B,kBAAkB,IAAI,WAAW,KACjC,kBAAkB,IAAI,eAAe,KACrC,kBAAkB,IAAI,MAAM,KAC5B,kBAAkB,IAAI,uBAAuB,IAG/C,KAAK,eAAe;EAGtB,IAAI,kBAAkB,IAAI,MAAM,KAAK,kBAAkB,IAAI,UAAU,GACnE,KAAK,yBAAyB;CAElC;CAEA,SAAS;EACP,OAAO,IAAI,GAAG,MAAM,OAAO,EAAE;CAC/B;CAEA,gBAAwB;EACtB,IAAI,KAAK,OAAO,OAAO,KAAK;EAM5B,OAJuB,KAAK,cAC1B,wBACF,CAAC,EAAE,aAAa,KAAK,KAEI;CAC3B;CAEA,oBAA4B;EAC1B,OAAO,KAAK,UAAU,cAAc,QAAQ;CAC9C;CAEA,gBAAwB,OAAc;EACpC,MAAM,gBAAgB,KAAK,kBAAkB;EAE7C,OAAO,CAAC,CAAC,iBAAiB,MAAM,aAAa,CAAC,CAAC,SAAS,aAAa;CACvE;CAEA,mCAA2C,OAAc;EACvD,OAAO,MACJ,aAAa,CAAC,CACd,MACE,UACC,iBAAiB,eACjB,+BAA+B,IAAI,MAAM,OAAO,CACpD;CACJ;;;;CAKA,4BAAoC;EAClC,OACE,KAAK,yBACL,qBAAqB,2BAA2B,IAAI;CAExD;;;;CAKA,6BAAqC;EACnC,OACE,KAAK,aACL,qBAAqB,sCAAsC,IAAI;CAEnE;CAEA,gBAAwB;EACtB,OAAQ,MAAM,KAAK,KAAK,QAAQ,CAAC,CAAC,MAAM,UAAU;GAChD,OAAO,MAAM,YAAY,WAAiB,YAAY;EACxD,CAAC,KAAK;CACR;CAEA,0BAAkC;EAChC,IAAI,KAAK,4BACP;EAQF,IAJ8B,MAAM,KAAK,KAAK,QAAQ,CAAC,CAAC,MAAM,UAAU;GACtE,OAAO,+BAA+B,IAAI,MAAM,OAAO;EACzD,CAEwB,GAAG;GACzB,UACE,oJACF;GACA,KAAK,6BAA6B;EACpC;CACF;CAEA,8BAAsC;EACpC,IAAI,KAAK,4BACP;EAGF,MAAM,qBAAqB,MAAM,KAAK,KAAK,QAAQ,CAAC,CAAC,MAAM,UACzD,MAAM,QAAQ,WAAW,iBAAiB,CAC5C;EAGA,IAAI,CAAC,CAFiB,CAAC,KAAK,cAAc,KAErB,oBAAoB;GACvC,UACE,kJACF;GACA,KAAK,6BAA6B;EACpC;CACF;CAEA,iBAAyB;EACvB,MAAM,gBAAgB,EAAE,KAAK;EAE7B,KAAK,wBAAwB;EAC7B,KAAK,4BAA4B;EAEjC,MAAM,OAAO,KAAK,cAAc;EAChC,IAAI,CAAC,MACH;EAGF,MAAM,gBAAgB,KAAK;EAE3B,KAAK,OAAO,KAAK;EACjB,KAAK,QAAQ,KAAK,cAAc;EAChC,KAAK,gBAAgB;EACrB,KAAK,uBAAuB,IAAI;EAChC,KAAK,OAAO,KAAK;EACjB,KAAK,OAAO,KAAK,YAAY,KAAK,IAAI;EAEtC,MAAM,0BAA0B,KAAK,2BAA2B;EAEhE,IAAI,CAAC,KAAK,QAAQ,CAAC,yBAAyB;GAC1C,KAAK,gBAAgB,iBAAiB;GACtC,KAAK,yBAAyB,IAAI;GAClC;EACF;EAEA,KAAK,eAAe,KAAK,YAAY;GACnC,IACE,kBAAkB,KAAK,kBACvB,CAAC,KAAK,QACN,CAAC,KAAK,0BAA0B,KAChC,KAAK,cAAc,MAAM,MAEzB;GAGF,MAAM,KAAK;GACX,IACE,kBAAkB,KAAK,kBACvB,CAAC,KAAK,QACN,CAAC,KAAK,0BAA0B,KAChC,KAAK,cAAc,MAAM,MAEzB;GAGF,MAAM,UAAU,KAAK,kBAAkB;GACvC,IAAI,CAAC,SACH;GAGF,MAAM,eAAe,KAAK,YAAY,cACpC,YACF;GAEA,MAAM,qBAAqB,cAAc,SAAS,QAAQ,IACtD,CAAC,GAAG,6BAA6B,IACjC,CAAC,GAAG,0BAA0B;GAElC,MAAM,gBAAgB,KAAK,YACvB,EACE,mBACF,IACA;IACE,UAAU;IACV,WAAW;GACb;GAEJ,KAAK,gBAAgB,aAAa;IAChC;IACA,QAAQ;IACR,WAAW;IACX;IACA;IACA,gBAAgB;IAChB,MAAM,KAAK;GACb,CAAC;EACH,CAAC;CACH;CAEA,uBAA+B,MAAe;EAC5C,MAAM,UAAU,KAAK,kBAAkB;EACvC,IAAI,CAAC,SACH;EAGF,MAAM,EAAE,MAAM,OAAO,KAAK,WAAW,QAAQ,sBAAsB;EACnE,KAAK,IAAI,CAAC,MAAM,KAAK;EACrB,KAAK,IAAI,CAAC,KAAK,MAAM;CACvB;CAEA,YACE,MACiB;EACjB,QAAQ,MAAR;GACE,KAAA,MACE,OAAA;GACF,KAAA,MACE,OAAA;GACF,KAAA,MACE,OAAA;GACF,KAAA,MACE,OAAA;GACF,SAGE,OAAA;EACJ;CACF;CAEA,MAAc,sBAAsB,OAAe;EACjD,MAAM,OAAO,KAAK,cAAc;EAChC,IAAI,CAAC,MACH;EAGF,MAAM,KAAK;EAEX,IAAI,CAAC,KAAK,QAAQ,KAAK,cAAc,MAAM,MACzC;EAGF,MAAM,eAAe,KAAK,YACvB,KAAK,EAAE,WAAW,IAAI,CAAC,CACvB,QACE,SAAS,gBAAgB,eAAe,CAAC,KAAK,aAAa,UAAU,CACxE;EAGF,CAFoB,aAAa,QAAQ,MAAM,aAAa,GAAA,EAE/C,MAAM;CACrB;CAEA,8BAAsC,EACpC,YAAY,UACe,CAAC,GAAG;EAC/B,MAAM,OAAO,KAAK,cAAc;EAChC,IAAI,CAAC,MACH;EAGF,KAAK,yBAAyB,IAAI;EAElC,IAAI,WACF,KAAK,OAAO;CAEhB;CAEA,yBAAiC,MAAe;EAC9C,MAAM,cAAc,KAAK,YAAY,cAAc,YAAkB;EAIrE,IAAI,CAAC,aACH;EAGF,YAAY,MAAM,eAAe,MAAM;EACvC,YAAY,MAAM,eAAe,KAAK;EACtC,YAAY,MAAM,eAAe,UAAU;EAC3C,YAAY,MAAM,eAAe,YAAY;EAC7C,YAAY,gBAAgB,OAAO;CACrC;;;;CAKA,2BAAmC;EACjC,MAAM,UAAU,KAAK;EAIrB,IAAI,CAAC,SACH;EAGF,QAAQ,eAAe,KAAK;EAC5B,KAAK,iBAAiB,gBAAgB,UAAU,KAAK,YAAY,KAAK,IAAI;EAE1E,IAAI,KAAK,MACP,QAAQ,OAAO;CAEnB;AACF;YAjtBG,MAAM,aAAmB,CAAA,GAAA,gBAAA,WAAA,YAAA,KAAA,CAAA;YAMzB,MAAM,qBAA2B,CAAA,GAAA,gBAAA,WAAA,mBAAA,KAAA,CAAA;YA2HjC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAa,CAAC,CAAA,GAAA,gBAAA,WAAA,aAAA,KAAA,CAAA;YAMlE,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CACR,MAAM;CACN,SAAS;CACT,WAAW;AACb,CAAC,CAAA,GAAA,gBAAA,WAAA,yBAAA,KAAA,CAAA;YAMA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,WAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,aAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;YAMzC,SAAS,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;YAMT,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;YAOzB,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAiB,CAAC,CAAA,GAAA,gBAAA,WAAA,iBAAA,KAAA,CAAA;YAMtD,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAS,WAAW;CAAkB,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,iBAAA,KAAA,CAAA;YAMtE,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,cAAA,KAAA,CAAA;8BAlN3CC,cAAc,mBAAyB,CAAA,GAAA,eAAA;AA6tBxC,IAAA,wBAAe"}