@carbon/web-components 2.10.0 → 2.11.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 (531) hide show
  1. package/dist/{16-c82d5cfd.js → 16-486ace1a.js} +6 -6
  2. package/dist/{16-86616f6a.js → 16-51a594ce.js} +6 -6
  3. package/dist/16-656090c0.js +73 -0
  4. package/dist/{16-9bfd003b.js → 16-71872213.js} +6 -6
  5. package/dist/{16-e3da4022.js → 16-730a41a2.js} +6 -6
  6. package/dist/{16-6f99b9d8.js → 16-83a1cd89.js} +6 -6
  7. package/dist/{16-b507d4ba.js → 16-b73c677b.js} +6 -6
  8. package/dist/{16-3e28b02c.js → 16-d1c73001.js} +6 -6
  9. package/dist/{16-8688d7b7.js → 20-d069d8da.js} +6 -6
  10. package/dist/accordion.min.js +12 -12
  11. package/dist/ai-skeleton.min.js +6 -6
  12. package/dist/breadcrumb.min.js +6 -6
  13. package/dist/{button-690db41b.js → button-21c75bab.js} +6 -6
  14. package/dist/{button-set-4d1a3543.js → button-set-69863a24.js} +6 -6
  15. package/dist/{button-skeleton-efe28069.js → button-skeleton-1abc1fd8.js} +7 -7
  16. package/dist/button.min.js +6 -6
  17. package/dist/carbon-element-4ca9803f.js +5 -5
  18. package/dist/chat-button.min.js +6 -6
  19. package/dist/checkbox-d0a3a79f.js +109 -0
  20. package/dist/checkbox.min.js +6 -6
  21. package/dist/{class-map-40d6e892.js → class-map-5edb95da.js} +7 -7
  22. package/dist/code-snippet.min.js +14 -14
  23. package/dist/collection-helpers-4e32fe16.js +5 -5
  24. package/dist/combo-box.min.js +6 -6
  25. package/dist/{content-switcher-item-557f043e.js → content-switcher-item-5b8dd42f.js} +6 -6
  26. package/dist/content-switcher.min.js +6 -6
  27. package/dist/{copy-button-77c9a2be.js → copy-button-0cfa83bd.js} +6 -6
  28. package/dist/copy-button.min.js +6 -6
  29. package/dist/custom-element-975be15f.js +5 -5
  30. package/dist/data-table.min.js +8 -8
  31. package/dist/date-picker.min.js +6 -6
  32. package/dist/{defineProperty-1c81c535.js → defineProperty-e448b551.js} +6 -6
  33. package/dist/directive-e2d48b9c.js +5 -5
  34. package/dist/dropdown-item-91b3dc95.js +148 -0
  35. package/dist/dropdown.min.js +6 -6
  36. package/dist/file-uploader.min.js +6 -6
  37. package/dist/{floating-menu-ee49fedd.js → floating-menu-46199beb.js} +7 -7
  38. package/dist/floating-menu.min.js +6 -6
  39. package/dist/{focus-28af17cd.js → focus-e70d1cbe.js} +7 -7
  40. package/dist/form-group.min.js +6 -6
  41. package/dist/form.min.js +6 -6
  42. package/dist/{get-d229c408.js → get-52a048b1.js} +6 -6
  43. package/dist/{host-listener-1093b8af.js → host-listener-b6a3d690.js} +7 -7
  44. package/dist/{icon-button-8c199f5d.js → icon-button-37322eeb.js} +6 -6
  45. package/dist/icon-button.min.js +6 -6
  46. package/dist/{if-defined-87ba0c08.js → if-defined-2e09d22b.js} +6 -6
  47. package/dist/{if-non-empty-a1c6e0fe.js → if-non-empty-20ce3c96.js} +7 -7
  48. package/dist/inline-loading.min.js +6 -6
  49. package/dist/{layer-c557b485.js → layer-0633200a.js} +6 -6
  50. package/dist/layer.min.js +6 -6
  51. package/dist/{link-49d03ffa.js → link-dc6f9b4e.js} +9 -9
  52. package/dist/link.min.js +6 -6
  53. package/dist/list.min.js +6 -6
  54. package/dist/{loading-358d36a7.js → loading-2604f4ad.js} +6 -6
  55. package/dist/{loading-icon-4d90d624.js → loading-icon-85b7e502.js} +8 -8
  56. package/dist/loading.min.js +6 -6
  57. package/dist/{modal-label-f7bb6b21.js → modal-label-d53c98de.js} +10 -10
  58. package/dist/modal.min.js +6 -6
  59. package/dist/multi-select.min.js +9 -9
  60. package/dist/notification.min.js +14 -14
  61. package/dist/number-input.min.js +6 -6
  62. package/dist/{objectSpread2-97102dd8.js → objectSpread2-46e4de7a.js} +6 -6
  63. package/dist/on-6c264d49.js +5 -5
  64. package/dist/overflow-menu.min.js +6 -6
  65. package/dist/pagination.min.js +6 -6
  66. package/dist/{popover-content-2a2998fe.js → popover-content-11101167.js} +6 -6
  67. package/dist/popover-controller-cc6ccb74.js +73 -0
  68. package/dist/popover.min.js +6 -6
  69. package/dist/progress-bar.min.js +6 -6
  70. package/dist/progress-indicator.min.js +6 -6
  71. package/dist/query-5f833318.js +5 -5
  72. package/dist/query-assigned-elements-73bd2544.js +5 -5
  73. package/dist/radio-button.min.js +6 -6
  74. package/dist/{radio-group-manager-aa09b989.js → radio-group-manager-de7f9ab3.js} +6 -6
  75. package/dist/{search-d48abba3.js → search-1b5a2d87.js} +6 -6
  76. package/dist/search.min.js +6 -6
  77. package/dist/{select-item-ddced627.js → select-item-4ebf72a0.js} +6 -6
  78. package/dist/select.min.js +15 -15
  79. package/dist/{settings-2211e02a.js → settings-97cd1c3a.js} +6 -6
  80. package/dist/shared-enums-c6fe8c39.js +5 -5
  81. package/dist/side-panel.min.js +7 -7
  82. package/dist/{skeleton-icon-0f8941b3.js → skeleton-icon-bfc7d5c8.js} +6 -6
  83. package/dist/skeleton-icon.min.js +6 -6
  84. package/dist/{skeleton-placeholder-80d37e68.js → skeleton-placeholder-403f26a3.js} +6 -6
  85. package/dist/skeleton-placeholder.min.js +6 -6
  86. package/dist/{skeleton-text-2f44cf41.js → skeleton-text-9d02604f.js} +6 -6
  87. package/dist/skeleton-text.min.js +6 -6
  88. package/dist/skip-to-content.min.js +7 -7
  89. package/dist/slider.min.js +6 -6
  90. package/dist/slug.min.js +6 -6
  91. package/dist/{spread-c0d6f8ee.js → spread-d515f3f1.js} +7 -7
  92. package/dist/stack.min.js +6 -6
  93. package/dist/state-ddd29b9d.js +5 -5
  94. package/dist/structured-list.min.js +9 -9
  95. package/dist/tabs.min.js +7 -7
  96. package/dist/tag.min.js +9 -9
  97. package/dist/tearsheet.min.js +9 -9
  98. package/dist/{text-input-06f2796d.js → text-input-672028f4.js} +6 -6
  99. package/dist/text-input.min.js +6 -6
  100. package/dist/textarea.min.js +10 -10
  101. package/dist/tile.min.js +6 -6
  102. package/dist/toggle-tip.min.js +6 -6
  103. package/dist/toggle.min.js +6 -6
  104. package/dist/{toggletip-586fce1e.js → toggletip-b1b58c28.js} +7 -7
  105. package/dist/{tooltip-content-7e00430f.js → tooltip-content-51c6ffbc.js} +6 -6
  106. package/dist/tooltip.min.js +6 -6
  107. package/dist/ui-shell.min.js +19 -19
  108. package/dist/validity-d86ffa4f.js +5 -5
  109. package/es/components/accordion/accordion-item-skeleton.js.map +1 -1
  110. package/es/components/accordion/accordion-item.d.ts +47 -44
  111. package/es/components/accordion/accordion-item.js.map +1 -1
  112. package/es/components/accordion/accordion-skeleton.js.map +1 -1
  113. package/es/components/accordion/accordion.css.js +1 -1
  114. package/es/components/accordion/accordion.js.map +1 -1
  115. package/es/components/ai-skeleton/ai-skeleton-icon.js.map +1 -1
  116. package/es/components/ai-skeleton/ai-skeleton-placeholder.js.map +1 -1
  117. package/es/components/ai-skeleton/ai-skeleton-text.js.map +1 -1
  118. package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
  119. package/es/components/breadcrumb/breadcrumb-link.js.map +1 -1
  120. package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
  121. package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
  122. package/es/components/breadcrumb/breadcrumb.js.map +1 -1
  123. package/es/components/button/button-set-base.js.map +1 -1
  124. package/es/components/button/button-set.js.map +1 -1
  125. package/es/components/button/button-skeleton.js.map +1 -1
  126. package/es/components/button/button.d.ts +99 -92
  127. package/es/components/button/button.js.map +1 -1
  128. package/es/components/chat-button/chat-button-skeleton.js.map +1 -1
  129. package/es/components/chat-button/chat-button.js.map +1 -1
  130. package/es/components/checkbox/checkbox-group.d.ts +2 -1
  131. package/es/components/checkbox/checkbox-group.js.map +1 -1
  132. package/es/components/checkbox/checkbox-skeleton.js.map +1 -1
  133. package/es/components/checkbox/checkbox.css.js +1 -1
  134. package/es/components/checkbox/checkbox.d.ts +97 -90
  135. package/es/components/checkbox/checkbox.js.map +1 -1
  136. package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
  137. package/es/components/code-snippet/code-snippet.d.ts +49 -45
  138. package/es/components/code-snippet/code-snippet.js.map +1 -1
  139. package/es/components/combo-box/combo-box-item.js.map +1 -1
  140. package/es/components/combo-box/combo-box.css.js +1 -1
  141. package/es/components/combo-box/combo-box.js.map +1 -1
  142. package/es/components/content-switcher/content-switcher-item.d.ts +49 -45
  143. package/es/components/content-switcher/content-switcher-item.js.map +1 -1
  144. package/es/components/content-switcher/content-switcher.js.map +1 -1
  145. package/es/components/copy/copy.js.map +1 -1
  146. package/es/components/copy-button/copy-button.d.ts +47 -44
  147. package/es/components/copy-button/copy-button.js.map +1 -1
  148. package/es/components/data-table/data-table.css.js +1 -1
  149. package/es/components/data-table/table-batch-actions.js.map +1 -1
  150. package/es/components/data-table/table-body.js.map +1 -1
  151. package/es/components/data-table/table-cell-content.js.map +1 -1
  152. package/es/components/data-table/table-cell.js.map +1 -1
  153. package/es/components/data-table/table-expanded-row.d.ts +49 -46
  154. package/es/components/data-table/table-expanded-row.js.map +1 -1
  155. package/es/components/data-table/table-head.js.map +1 -1
  156. package/es/components/data-table/table-header-cell.d.ts +49 -45
  157. package/es/components/data-table/table-header-cell.js.map +1 -1
  158. package/es/components/data-table/table-header-description.js.map +1 -1
  159. package/es/components/data-table/table-header-row.js.map +1 -1
  160. package/es/components/data-table/table-header-title.js.map +1 -1
  161. package/es/components/data-table/table-row.d.ts +97 -91
  162. package/es/components/data-table/table-row.js.map +1 -1
  163. package/es/components/data-table/table-skeleton.js.map +1 -1
  164. package/es/components/data-table/table-toolbar-content.js.map +1 -1
  165. package/es/components/data-table/table-toolbar-search.d.ts +51 -47
  166. package/es/components/data-table/table-toolbar-search.js.map +1 -1
  167. package/es/components/data-table/table-toolbar.js.map +1 -1
  168. package/es/components/data-table/table.d.ts +49 -46
  169. package/es/components/data-table/table.js.map +1 -1
  170. package/es/components/date-picker/append-to-plugin.js.map +1 -1
  171. package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
  172. package/es/components/date-picker/date-picker-input.d.ts +49 -45
  173. package/es/components/date-picker/date-picker-input.js.map +1 -1
  174. package/es/components/date-picker/date-picker.d.ts +98 -92
  175. package/es/components/date-picker/date-picker.js.map +1 -1
  176. package/es/components/dropdown/dropdown-item.js.map +1 -1
  177. package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
  178. package/es/components/dropdown/dropdown.css.js +1 -1
  179. package/es/components/dropdown/dropdown.d.ts +196 -183
  180. package/es/components/dropdown/dropdown.js.map +1 -1
  181. package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
  182. package/es/components/file-uploader/file-uploader-button.d.ts +49 -46
  183. package/es/components/file-uploader/file-uploader-button.js.map +1 -1
  184. package/es/components/file-uploader/file-uploader-drop-container.d.ts +49 -46
  185. package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  186. package/es/components/file-uploader/file-uploader-item.js.map +1 -1
  187. package/es/components/file-uploader/file-uploader-skeleton.js.map +1 -1
  188. package/es/components/file-uploader/file-uploader.js.map +1 -1
  189. package/es/components/floating-menu/floating-menu.d.ts +100 -93
  190. package/es/components/floating-menu/floating-menu.js.map +1 -1
  191. package/es/components/form/form-item.js.map +1 -1
  192. package/es/components/form-group/form-group.js.map +1 -1
  193. package/es/components/icon-button/icon-button.js.map +1 -1
  194. package/es/components/inline-loading/inline-loading.js.map +1 -1
  195. package/es/components/layer/layer.js.map +1 -1
  196. package/es/components/link/link.d.ts +49 -45
  197. package/es/components/link/link.js.map +1 -1
  198. package/es/components/list/list-item.js.map +1 -1
  199. package/es/components/list/ordered-list.js.map +1 -1
  200. package/es/components/list/unordered-list.js.map +1 -1
  201. package/es/components/loading/loading-icon.js.map +1 -1
  202. package/es/components/loading/loading.js.map +1 -1
  203. package/es/components/modal/modal-body-content.js.map +1 -1
  204. package/es/components/modal/modal-body.js.map +1 -1
  205. package/es/components/modal/modal-close-button.d.ts +49 -45
  206. package/es/components/modal/modal-close-button.js.map +1 -1
  207. package/es/components/modal/modal-footer-button.js.map +1 -1
  208. package/es/components/modal/modal-footer.js.map +1 -1
  209. package/es/components/modal/modal-header.js.map +1 -1
  210. package/es/components/modal/modal-heading.js.map +1 -1
  211. package/es/components/modal/modal-label.js.map +1 -1
  212. package/es/components/modal/modal.css.js +1 -1
  213. package/es/components/modal/modal.d.ts +49 -46
  214. package/es/components/modal/modal.js.map +1 -1
  215. package/es/components/multi-select/multi-select-item.js.map +1 -1
  216. package/es/components/multi-select/multi-select.css.js +1 -1
  217. package/es/components/multi-select/multi-select.js.map +1 -1
  218. package/es/components/notification/actionable-notification-button.js.map +1 -1
  219. package/es/components/notification/actionable-notification.d.ts +49 -46
  220. package/es/components/notification/actionable-notification.js.map +1 -1
  221. package/es/components/notification/inline-notification.d.ts +47 -44
  222. package/es/components/notification/inline-notification.js.map +1 -1
  223. package/es/components/notification/toast-notification.js.map +1 -1
  224. package/es/components/number-input/number-input-skeleton.js.map +1 -1
  225. package/es/components/number-input/number-input.d.ts +2 -1
  226. package/es/components/number-input/number-input.js.map +1 -1
  227. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  228. package/es/components/overflow-menu/overflow-menu-item.d.ts +49 -45
  229. package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
  230. package/es/components/overflow-menu/overflow-menu.d.ts +97 -91
  231. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  232. package/es/components/pagination/pagination.d.ts +98 -91
  233. package/es/components/pagination/pagination.js.map +1 -1
  234. package/es/components/popover/popover-content.js.map +1 -1
  235. package/es/components/popover/popover.js.map +1 -1
  236. package/es/components/progress-bar/progress-bar.js.map +1 -1
  237. package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
  238. package/es/components/progress-indicator/progress-indicator.js.map +1 -1
  239. package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
  240. package/es/components/progress-indicator/progress-step.d.ts +49 -45
  241. package/es/components/progress-indicator/progress-step.js.map +1 -1
  242. package/es/components/radio-button/radio-button-group.d.ts +98 -92
  243. package/es/components/radio-button/radio-button-group.js.map +1 -1
  244. package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
  245. package/es/components/radio-button/radio-button.d.ts +99 -92
  246. package/es/components/radio-button/radio-button.js.map +1 -1
  247. package/es/components/search/search-skeleton.js.map +1 -1
  248. package/es/components/search/search.d.ts +148 -138
  249. package/es/components/search/search.js.map +1 -1
  250. package/es/components/select/select-item-group.js.map +1 -1
  251. package/es/components/select/select-item.js.map +1 -1
  252. package/es/components/select/select-skeleton.js.map +1 -1
  253. package/es/components/select/select.d.ts +51 -47
  254. package/es/components/select/select.js.map +1 -1
  255. package/es/components/side-panel/side-panel.css.js +1 -1
  256. package/es/components/side-panel/side-panel.d.ts +49 -46
  257. package/es/components/side-panel/side-panel.js.map +1 -1
  258. package/es/components/skeleton-icon/skeleton-icon.js.map +1 -1
  259. package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
  260. package/es/components/skeleton-text/skeleton-text.js.map +1 -1
  261. package/es/components/skip-to-content/skip-to-content.d.ts +49 -45
  262. package/es/components/skip-to-content/skip-to-content.js.map +1 -1
  263. package/es/components/slider/slider-input.d.ts +49 -45
  264. package/es/components/slider/slider-input.js.map +1 -1
  265. package/es/components/slider/slider-skeleton.js.map +1 -1
  266. package/es/components/slider/slider.d.ts +148 -138
  267. package/es/components/slider/slider.js.map +1 -1
  268. package/es/components/slug/slug-action-button.js.map +1 -1
  269. package/es/components/slug/slug.css.js +1 -1
  270. package/es/components/slug/slug.js.map +1 -1
  271. package/es/components/stack/stack.js.map +1 -1
  272. package/es/components/structured-list/structured-list-body.js.map +1 -1
  273. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  274. package/es/components/structured-list/structured-list-head.js.map +1 -1
  275. package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
  276. package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
  277. package/es/components/structured-list/structured-list-header-row.js.map +1 -1
  278. package/es/components/structured-list/structured-list-row.d.ts +49 -46
  279. package/es/components/structured-list/structured-list-row.js.map +1 -1
  280. package/es/components/structured-list/structured-list.css.js +1 -1
  281. package/es/components/structured-list/structured-list.d.ts +49 -45
  282. package/es/components/structured-list/structured-list.js.map +1 -1
  283. package/es/components/tabs/tab-skeleton.js.map +1 -1
  284. package/es/components/tabs/tab.js.map +1 -1
  285. package/es/components/tabs/tabs-skeleton.js.map +1 -1
  286. package/es/components/tabs/tabs.css.js +1 -1
  287. package/es/components/tabs/tabs.d.ts +49 -46
  288. package/es/components/tabs/tabs.js.map +1 -1
  289. package/es/components/tag/tag.css.js +1 -1
  290. package/es/components/tag/tag.d.ts +97 -91
  291. package/es/components/tag/tag.js.map +1 -1
  292. package/es/components/tearsheet/tearsheet.css.js +1 -1
  293. package/es/components/tearsheet/tearsheet.d.ts +49 -46
  294. package/es/components/tearsheet/tearsheet.js.map +1 -1
  295. package/es/components/text-input/text-input-skeleton.js.map +1 -1
  296. package/es/components/text-input/text-input.d.ts +98 -91
  297. package/es/components/text-input/text-input.js.map +1 -1
  298. package/es/components/textarea/textarea-skeleton.js.map +1 -1
  299. package/es/components/textarea/textarea.css.js +1 -1
  300. package/es/components/textarea/textarea.d.ts +2 -1
  301. package/es/components/textarea/textarea.js.map +1 -1
  302. package/es/components/tile/clickable-tile.js.map +1 -1
  303. package/es/components/tile/expandable-tile.d.ts +97 -91
  304. package/es/components/tile/expandable-tile.js.map +1 -1
  305. package/es/components/tile/radio-tile.js.map +1 -1
  306. package/es/components/tile/selectable-tile.d.ts +99 -92
  307. package/es/components/tile/selectable-tile.js.map +1 -1
  308. package/es/components/tile/tile-group.d.ts +49 -46
  309. package/es/components/tile/tile-group.js.map +1 -1
  310. package/es/components/tile/tile.css.js +1 -1
  311. package/es/components/tile/tile.js.map +1 -1
  312. package/es/components/toggle/toggle.d.ts +50 -49
  313. package/es/components/toggle/toggle.js.map +1 -1
  314. package/es/components/toggle-tip/toggletip.css.js +1 -1
  315. package/es/components/toggle-tip/toggletip.d.ts +99 -92
  316. package/es/components/toggle-tip/toggletip.js.map +1 -1
  317. package/es/components/tooltip/tooltip-content.js.map +1 -1
  318. package/es/components/tooltip/tooltip.d.ts +49 -46
  319. package/es/components/tooltip/tooltip.js.map +1 -1
  320. package/es/components/ui-shell/header-global-action.d.ts +2 -1
  321. package/es/components/ui-shell/header-global-action.js.map +1 -1
  322. package/es/components/ui-shell/header-menu-button.d.ts +49 -45
  323. package/es/components/ui-shell/header-menu-button.js.map +1 -1
  324. package/es/components/ui-shell/header-menu-item.js.map +1 -1
  325. package/es/components/ui-shell/header-menu.d.ts +99 -92
  326. package/es/components/ui-shell/header-menu.js.map +1 -1
  327. package/es/components/ui-shell/header-name.d.ts +49 -45
  328. package/es/components/ui-shell/header-name.js.map +1 -1
  329. package/es/components/ui-shell/header-nav-item.d.ts +49 -45
  330. package/es/components/ui-shell/header-nav-item.js.map +1 -1
  331. package/es/components/ui-shell/header-nav.js.map +1 -1
  332. package/es/components/ui-shell/header-panel.d.ts +2 -1
  333. package/es/components/ui-shell/header-panel.js.map +1 -1
  334. package/es/components/ui-shell/header-side-nav-items.js.map +1 -1
  335. package/es/components/ui-shell/header.js.map +1 -1
  336. package/es/components/ui-shell/side-nav-divider.js.map +1 -1
  337. package/es/components/ui-shell/side-nav-items.js.map +1 -1
  338. package/es/components/ui-shell/side-nav-link.d.ts +49 -45
  339. package/es/components/ui-shell/side-nav-link.js.map +1 -1
  340. package/es/components/ui-shell/side-nav-menu-item.d.ts +49 -45
  341. package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
  342. package/es/components/ui-shell/side-nav-menu.d.ts +49 -45
  343. package/es/components/ui-shell/side-nav-menu.js.map +1 -1
  344. package/es/components/ui-shell/side-nav.d.ts +50 -56
  345. package/es/components/ui-shell/side-nav.js +5 -47
  346. package/es/components/ui-shell/side-nav.js.map +1 -1
  347. package/es/components/ui-shell/switcher-divider.js.map +1 -1
  348. package/es/components/ui-shell/switcher-item.d.ts +49 -45
  349. package/es/components/ui-shell/switcher-item.js.map +1 -1
  350. package/es/components/ui-shell/switcher.d.ts +2 -1
  351. package/es/components/ui-shell/switcher.js.map +1 -1
  352. package/es/globals/controllers/popover-controller.js.map +1 -1
  353. package/es/globals/decorators/carbon-element.js.map +1 -1
  354. package/es/globals/internal/storybook-cdn.js.map +1 -1
  355. package/es/globals/mixins/focus.d.ts +47 -44
  356. package/es/globals/mixins/form.d.ts +48 -45
  357. package/es/globals/mixins/host-listener.d.ts +48 -45
  358. package/es/globals/mixins/host-listener.js.map +1 -1
  359. package/es/globals/mixins/validity.d.ts +48 -45
  360. package/es/globals/scss/themes.css.js +1 -1
  361. package/es/globals/settings.js.map +1 -1
  362. package/es/polyfills/toggle-class.js.map +1 -1
  363. package/lib/components-react-node/accordion/accordion-item-skeleton.js +2 -2
  364. package/lib/components-react-node/accordion/accordion-item.js +2 -2
  365. package/lib/components-react-node/accordion/accordion-skeleton.js +2 -2
  366. package/lib/components-react-node/accordion/accordion.js +2 -2
  367. package/lib/components-react-node/ai-skeleton/ai-skeleton-icon.js +2 -2
  368. package/lib/components-react-node/ai-skeleton/ai-skeleton-placeholder.js +2 -2
  369. package/lib/components-react-node/ai-skeleton/ai-skeleton-text.js +2 -2
  370. package/lib/components-react-node/breadcrumb/breadcrumb-item.js +2 -2
  371. package/lib/components-react-node/breadcrumb/breadcrumb-link.js +2 -2
  372. package/lib/components-react-node/breadcrumb/breadcrumb-overflow-menu.js +2 -2
  373. package/lib/components-react-node/breadcrumb/breadcrumb-skeleton.js +2 -2
  374. package/lib/components-react-node/breadcrumb/breadcrumb.js +2 -2
  375. package/lib/components-react-node/button/button-set-base.js +2 -2
  376. package/lib/components-react-node/button/button-set.js +2 -2
  377. package/lib/components-react-node/button/button-skeleton.js +2 -2
  378. package/lib/components-react-node/button/button.js +2 -2
  379. package/lib/components-react-node/chat-button/chat-button-skeleton.js +2 -2
  380. package/lib/components-react-node/chat-button/chat-button.js +2 -2
  381. package/lib/components-react-node/checkbox/checkbox-group.js +2 -2
  382. package/lib/components-react-node/checkbox/checkbox-skeleton.js +2 -2
  383. package/lib/components-react-node/checkbox/checkbox.js +2 -2
  384. package/lib/components-react-node/code-snippet/code-snippet-skeleton.js +2 -2
  385. package/lib/components-react-node/code-snippet/code-snippet.js +2 -2
  386. package/lib/components-react-node/combo-box/combo-box-item.js +2 -2
  387. package/lib/components-react-node/combo-box/combo-box.js +2 -2
  388. package/lib/components-react-node/content-switcher/content-switcher-item.js +2 -2
  389. package/lib/components-react-node/content-switcher/content-switcher.js +2 -2
  390. package/lib/components-react-node/copy/copy.js +2 -2
  391. package/lib/components-react-node/copy-button/copy-button.js +2 -2
  392. package/lib/components-react-node/data-table/table-batch-actions.js +2 -2
  393. package/lib/components-react-node/data-table/table-body.js +2 -2
  394. package/lib/components-react-node/data-table/table-cell-content.js +2 -2
  395. package/lib/components-react-node/data-table/table-cell.js +2 -2
  396. package/lib/components-react-node/data-table/table-expanded-row.js +2 -2
  397. package/lib/components-react-node/data-table/table-head.js +2 -2
  398. package/lib/components-react-node/data-table/table-header-cell.js +2 -2
  399. package/lib/components-react-node/data-table/table-header-description.js +2 -2
  400. package/lib/components-react-node/data-table/table-header-row.js +2 -2
  401. package/lib/components-react-node/data-table/table-header-title.js +2 -2
  402. package/lib/components-react-node/data-table/table-row.js +2 -2
  403. package/lib/components-react-node/data-table/table-skeleton.js +2 -2
  404. package/lib/components-react-node/data-table/table-toolbar-content.js +2 -2
  405. package/lib/components-react-node/data-table/table-toolbar-search.js +2 -2
  406. package/lib/components-react-node/data-table/table-toolbar.js +2 -2
  407. package/lib/components-react-node/data-table/table.js +2 -2
  408. package/lib/components-react-node/date-picker/date-picker-input-skeleton.js +2 -2
  409. package/lib/components-react-node/date-picker/date-picker-input.js +2 -2
  410. package/lib/components-react-node/date-picker/date-picker.js +2 -2
  411. package/lib/components-react-node/dropdown/dropdown-item.js +2 -2
  412. package/lib/components-react-node/dropdown/dropdown-skeleton.js +2 -2
  413. package/lib/components-react-node/dropdown/dropdown.js +2 -2
  414. package/lib/components-react-node/file-uploader/demo-file-uploader.js +2 -2
  415. package/lib/components-react-node/file-uploader/file-uploader-button.js +2 -2
  416. package/lib/components-react-node/file-uploader/file-uploader-drop-container.js +2 -2
  417. package/lib/components-react-node/file-uploader/file-uploader-item.js +2 -2
  418. package/lib/components-react-node/file-uploader/file-uploader-skeleton.js +2 -2
  419. package/lib/components-react-node/file-uploader/file-uploader.js +2 -2
  420. package/lib/components-react-node/form/form-item.js +2 -2
  421. package/lib/components-react-node/form-group/form-group.js +2 -2
  422. package/lib/components-react-node/icon-button/icon-button.js +2 -2
  423. package/lib/components-react-node/inline-loading/inline-loading.js +2 -2
  424. package/lib/components-react-node/layer/layer.js +2 -2
  425. package/lib/components-react-node/link/link.js +2 -2
  426. package/lib/components-react-node/list/list-item.js +2 -2
  427. package/lib/components-react-node/list/ordered-list.js +2 -2
  428. package/lib/components-react-node/list/unordered-list.js +2 -2
  429. package/lib/components-react-node/loading/loading.js +2 -2
  430. package/lib/components-react-node/modal/modal-body-content.js +2 -2
  431. package/lib/components-react-node/modal/modal-body.js +2 -2
  432. package/lib/components-react-node/modal/modal-close-button.js +2 -2
  433. package/lib/components-react-node/modal/modal-footer-button.js +2 -2
  434. package/lib/components-react-node/modal/modal-footer.js +2 -2
  435. package/lib/components-react-node/modal/modal-header.js +2 -2
  436. package/lib/components-react-node/modal/modal-heading.js +2 -2
  437. package/lib/components-react-node/modal/modal-label.js +2 -2
  438. package/lib/components-react-node/modal/modal.js +2 -2
  439. package/lib/components-react-node/multi-select/multi-select-item.js +2 -2
  440. package/lib/components-react-node/multi-select/multi-select.js +2 -2
  441. package/lib/components-react-node/notification/actionable-notification-button.js +2 -2
  442. package/lib/components-react-node/notification/actionable-notification.js +2 -2
  443. package/lib/components-react-node/notification/inline-notification.js +2 -2
  444. package/lib/components-react-node/notification/toast-notification.js +2 -2
  445. package/lib/components-react-node/number-input/number-input-skeleton.js +2 -2
  446. package/lib/components-react-node/number-input/number-input.js +2 -2
  447. package/lib/components-react-node/overflow-menu/overflow-menu-body.js +2 -2
  448. package/lib/components-react-node/overflow-menu/overflow-menu-item.js +2 -2
  449. package/lib/components-react-node/overflow-menu/overflow-menu.js +2 -2
  450. package/lib/components-react-node/pagination/pagination.js +2 -2
  451. package/lib/components-react-node/popover/popover-content.js +2 -2
  452. package/lib/components-react-node/popover/popover.js +2 -2
  453. package/lib/components-react-node/progress-bar/progress-bar.js +2 -2
  454. package/lib/components-react-node/progress-indicator/progress-indicator-skeleton.js +2 -2
  455. package/lib/components-react-node/progress-indicator/progress-indicator.js +2 -2
  456. package/lib/components-react-node/progress-indicator/progress-step-skeleton.js +2 -2
  457. package/lib/components-react-node/progress-indicator/progress-step.js +2 -2
  458. package/lib/components-react-node/radio-button/radio-button-group.js +2 -2
  459. package/lib/components-react-node/radio-button/radio-button-skeleton.js +2 -2
  460. package/lib/components-react-node/radio-button/radio-button.js +2 -2
  461. package/lib/components-react-node/search/search-skeleton.js +2 -2
  462. package/lib/components-react-node/search/search.js +2 -2
  463. package/lib/components-react-node/select/select-item-group.js +2 -2
  464. package/lib/components-react-node/select/select-item.js +2 -2
  465. package/lib/components-react-node/select/select-skeleton.js +2 -2
  466. package/lib/components-react-node/select/select.js +2 -2
  467. package/lib/components-react-node/side-panel/side-panel.js +2 -2
  468. package/lib/components-react-node/skeleton-icon/skeleton-icon.js +2 -2
  469. package/lib/components-react-node/skeleton-placeholder/skeleton-placeholder.js +2 -2
  470. package/lib/components-react-node/skeleton-text/skeleton-text.js +2 -2
  471. package/lib/components-react-node/skip-to-content/skip-to-content.js +2 -2
  472. package/lib/components-react-node/slider/slider-input.js +2 -2
  473. package/lib/components-react-node/slider/slider-skeleton.js +2 -2
  474. package/lib/components-react-node/slider/slider.js +2 -2
  475. package/lib/components-react-node/slug/slug-action-button.js +2 -2
  476. package/lib/components-react-node/slug/slug.js +2 -2
  477. package/lib/components-react-node/stack/stack.js +2 -2
  478. package/lib/components-react-node/structured-list/structured-list-body.js +2 -2
  479. package/lib/components-react-node/structured-list/structured-list-cell.js +2 -2
  480. package/lib/components-react-node/structured-list/structured-list-head.js +2 -2
  481. package/lib/components-react-node/structured-list/structured-list-header-cell-skeleton.js +2 -2
  482. package/lib/components-react-node/structured-list/structured-list-header-cell.js +2 -2
  483. package/lib/components-react-node/structured-list/structured-list-header-row.js +2 -2
  484. package/lib/components-react-node/structured-list/structured-list-row.js +2 -2
  485. package/lib/components-react-node/structured-list/structured-list.js +2 -2
  486. package/lib/components-react-node/tabs/tab-skeleton.js +2 -2
  487. package/lib/components-react-node/tabs/tab.js +2 -2
  488. package/lib/components-react-node/tabs/tabs-skeleton.js +2 -2
  489. package/lib/components-react-node/tabs/tabs.js +2 -2
  490. package/lib/components-react-node/tag/tag.js +2 -2
  491. package/lib/components-react-node/tearsheet/tearsheet.js +2 -2
  492. package/lib/components-react-node/text-input/text-input-skeleton.js +2 -2
  493. package/lib/components-react-node/text-input/text-input.js +2 -2
  494. package/lib/components-react-node/textarea/textarea-skeleton.js +2 -2
  495. package/lib/components-react-node/textarea/textarea.js +2 -2
  496. package/lib/components-react-node/tile/clickable-tile.js +2 -2
  497. package/lib/components-react-node/tile/expandable-tile.js +2 -2
  498. package/lib/components-react-node/tile/radio-tile.js +2 -2
  499. package/lib/components-react-node/tile/selectable-tile.js +2 -2
  500. package/lib/components-react-node/tile/tile-group.js +2 -2
  501. package/lib/components-react-node/tile/tile.js +2 -2
  502. package/lib/components-react-node/toggle/toggle.js +2 -2
  503. package/lib/components-react-node/toggle-tip/toggletip.js +2 -2
  504. package/lib/components-react-node/tooltip/tooltip-content.js +2 -2
  505. package/lib/components-react-node/tooltip/tooltip.js +2 -2
  506. package/lib/components-react-node/ui-shell/header-global-action.js +2 -2
  507. package/lib/components-react-node/ui-shell/header-menu-button.js +2 -2
  508. package/lib/components-react-node/ui-shell/header-menu-item.js +2 -2
  509. package/lib/components-react-node/ui-shell/header-menu.js +2 -2
  510. package/lib/components-react-node/ui-shell/header-name.js +2 -2
  511. package/lib/components-react-node/ui-shell/header-nav-item.js +2 -2
  512. package/lib/components-react-node/ui-shell/header-nav.js +2 -2
  513. package/lib/components-react-node/ui-shell/header-panel.js +2 -2
  514. package/lib/components-react-node/ui-shell/header-side-nav-items.js +2 -2
  515. package/lib/components-react-node/ui-shell/header.js +2 -2
  516. package/lib/components-react-node/ui-shell/side-nav-divider.js +2 -2
  517. package/lib/components-react-node/ui-shell/side-nav-items.js +2 -2
  518. package/lib/components-react-node/ui-shell/side-nav-link.js +2 -2
  519. package/lib/components-react-node/ui-shell/side-nav-menu-item.js +2 -2
  520. package/lib/components-react-node/ui-shell/side-nav-menu.js +2 -2
  521. package/lib/components-react-node/ui-shell/side-nav.js +2 -2
  522. package/lib/components-react-node/ui-shell/switcher-divider.js +2 -2
  523. package/lib/components-react-node/ui-shell/switcher-item.js +2 -2
  524. package/lib/components-react-node/ui-shell/switcher.js +2 -2
  525. package/lib/globals/controllers/popover-controller.js.map +1 -1
  526. package/lib/globals/settings.js.map +1 -1
  527. package/package.json +4 -4
  528. package/dist/20-7dd70a15.js +0 -73
  529. package/dist/checkbox-6b1a3bff.js +0 -109
  530. package/dist/dropdown-item-4c020a7d.js +0 -148
  531. package/dist/popover-controller-0c0475fc.js +0 -73
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","names":["html","property","state","query","classMap","prefix","HostListenerMixin","HostListener","forEach","ChevronRight16","ChevronLeft16","CDSContentSwitcher","NAVIGATION_DIRECTION","TABS_KEYBOARD_ACTION","TABS_TYPE","styles","carbonElement","customElement","CDSTabs","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_navigate","direction","immediate","selectorItem","selectorItemHighlighted","selectorItemSelected","nextItem","_getNextItem","querySelector","_handleUserInitiatedSelectItem","querySelectorAll","item","scrollIntoView","block","inline","nextItemText","textContent","_assistiveStatusText","_currentIndex","requestUpdate","decorators","_handleClick","event","_get","_getPrototypeOf","prototype","call","_handleKeydown","action","getAction","enabledTabs","HOME","firstEnabledTab","END","lastEnabledTab","length","NAVIGATING","_handleScrollButtonClick","_","tablist","scrollLeft","clientWidth","scrollWidth","_contentContainerNode","Math","max","_totalTabs","min","_handleSlotchange","selectedItem","hideDivider","_selectionDidChange","itemToSelect","selectedItemAssistiveText","attribute","reflect","REGULAR","records","_intersectionLeftSentinelNode","intersectionLeftSentinelNode","_intersectionRightSentinelNode","intersectionRightSentinelNode","isIntersecting","target","_isIntersectionLeftTrackerInContent","_isIntersectionRightTrackerInContent","_cleanAndCreateIntersectionObserverContainer","create","_observerIntersection","disconnect","IntersectionObserver","_observeIntersectionContainer","root","threshold","observe","disconnectedCallback","shouldUpdate","changedProperties","_isScrollable","has","elem","type","firstUpdated","selectorTablist","shadowRoot","updated","tab","_tab$getBoundingClien","_tab$offsetLeft","width","tabWidth","getBoundingClientRect","start","offsetLeft","end","visibleStart","BUTTON_WIDTH","visibleEnd","_contentNode","style","insetInlineStart","_currentScrollPosition","renderPreviousButton","isIntersectionLeftTrackerInContent","previousButtonClasses","_t","_2","Left","renderNextButton","isIntersectionRightTrackerInContent","nextButtonClasses","_t2","Right","render","assistiveStatusText","handleSlotchange","_t3","static","Set","selectorItemEnabled","eventBeforeSelect","eventSelect","NONE","default"],"sources":["components/tabs/tabs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { TemplateResult, html } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport ChevronLeft16 from '@carbon/icons/lib/chevron--left/16';\nimport CDSContentSwitcher, {\n NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport { TABS_KEYBOARD_ACTION, TABS_TYPE } from './defs';\nimport CDSTab from './tab';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, TABS_KEYBOARD_ACTION, TABS_TYPE };\n\n/**\n * Tabs.\n *\n * @element cds-tabs\n * @fires cds-tabs-beingselected\n * The custom event fired before a tab is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n */\n@customElement(`${prefix}-tabs`)\nexport default class CDSTabs extends HostListenerMixin(CDSContentSwitcher) {\n /**\n * The latest status of this dropdown, for screen reader to accounce.\n */\n private _assistiveStatusText?: string;\n\n /**\n * The currently selected index\n */\n // @ts-ignore: TS thinks this method is not referred to\n private _currentIndex = 0;\n\n /**\n * Total number of tabs in the component\n */\n private _totalTabs = 0;\n\n /**\n * `true` if the tablist is scrollable\n */\n // @ts-ignore: TS thinks this method is not referred to\n private _isScrollable = false;\n\n /**\n * The DOM element for the tablist.\n */\n private tablist: Element | null = null;\n\n /**\n * The width of the overflow scroll buttons.\n */\n private BUTTON_WIDTH = 44;\n\n /**\n * Navigates through tabs.\n *\n * @param direction `-1` to navigate backward, `1` to navigate forward.\n * @param [options] The options.\n * @param [options.immediate]\n * Defaults to `true`\n * `true` to make it \"immediate selection change\" mode, which does:\n *\n * Starts with the selected item\n * Going prev/next item immediately changes the selection\n */\n protected _navigate(\n direction: number,\n { immediate = true }: { immediate?: boolean } = {}\n ) {\n const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n .constructor as typeof CDSTabs;\n const nextItem = this._getNextItem(\n this.querySelector(\n immediate ? selectorItemSelected : selectorItemHighlighted\n ) as CDSTab,\n direction\n );\n if (!nextItem) {\n return;\n }\n\n if (immediate) {\n this._handleUserInitiatedSelectItem(nextItem as CDSTab);\n } else {\n forEach(this.querySelectorAll(selectorItem), (item) => {\n (item as CDSTab)[immediate ? 'selected' : 'highlighted'] =\n nextItem === item;\n });\n }\n\n // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n // IE falls back to the old behavior.\n nextItem.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n const nextItemText = nextItem.textContent;\n if (nextItemText) {\n this._assistiveStatusText = nextItemText;\n }\n this._currentIndex += direction;\n this.requestUpdate();\n }\n\n @HostListener('click')\n protected _handleClick(event: MouseEvent) {\n super._handleClick(event);\n }\n\n @HostListener('keydown')\n protected _handleKeydown(event: KeyboardEvent) {\n const { key } = event;\n const action = (this.constructor as typeof CDSTabs).getAction(key);\n const enabledTabs = this.querySelectorAll(`${prefix}-tab:not([disabled])`);\n switch (action) {\n case TABS_KEYBOARD_ACTION.HOME:\n {\n const [firstEnabledTab] = enabledTabs;\n firstEnabledTab.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n this._handleUserInitiatedSelectItem(firstEnabledTab as CDSTab);\n this.requestUpdate();\n }\n break;\n case TABS_KEYBOARD_ACTION.END:\n {\n const lastEnabledTab = enabledTabs[enabledTabs.length - 1];\n lastEnabledTab.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n this._handleUserInitiatedSelectItem(lastEnabledTab as CDSTab);\n this.requestUpdate();\n }\n break;\n case TABS_KEYBOARD_ACTION.NAVIGATING:\n {\n const direction = NAVIGATION_DIRECTION[key];\n if (direction) {\n this._navigate(direction);\n }\n }\n break;\n default:\n break;\n }\n }\n\n /**\n * Handles click on overflow scroll buttons.\n *\n * @param _ Event object\n * @param [options] The options.\n * @param [options.direction] `-1` to scroll forward, `1` to scroll backward.\n */\n protected _handleScrollButtonClick(_, { direction }) {\n if (!this.tablist) {\n return;\n }\n const { scrollLeft, clientWidth, scrollWidth } =\n this._contentContainerNode!;\n switch (direction) {\n case -1:\n this._contentContainerNode!.scrollLeft = Math.max(\n scrollLeft - (scrollWidth / this._totalTabs) * 1.5,\n 0\n );\n break;\n case 1:\n this._contentContainerNode!.scrollLeft =\n Math.min(\n scrollLeft + (scrollWidth / this._totalTabs) * 1.5,\n scrollWidth - clientWidth\n ) + 1;\n break;\n default:\n break;\n }\n }\n\n _handleSlotchange() {\n const { selectorItemSelected } = this.constructor as typeof CDSTabs;\n const selectedItem = this.querySelector(selectorItemSelected);\n const nextItem = this._getNextItem(selectedItem as CDSTab, 1);\n\n // Specifies child `<cds-tab>` to hide its divider instead of using CSS,\n // until `:host-context()` gets supported in all major browsers\n (nextItem as CDSTab).hideDivider = true;\n }\n\n protected _selectionDidChange(itemToSelect: CDSTab) {\n super._selectionDidChange(itemToSelect);\n this._assistiveStatusText = this.selectedItemAssistiveText;\n }\n\n /**\n * The scrolling container.\n */\n @query(`.${prefix}--tabs-nav-content-container`)\n private _contentContainerNode?: HTMLElement;\n\n /**\n * The scrolling content.\n */\n @query(`.${prefix}--tabs-nav-content`)\n private _contentNode?: HTMLElement;\n\n /**\n * The current scroll position.\n */\n @state()\n private _currentScrollPosition = 0;\n\n /**\n * The left-hand sentinel to track intersection with the host element.\n * If they intersect, the left-hand paginator button should be hidden.\n */\n @query(`.${prefix}--sub-content-left`)\n private _intersectionLeftSentinelNode?: HTMLElement;\n\n /**\n * The right-hand sentinel to track intersection with the host element.\n * If they intersect, the right-hand paginator button should be hidden.\n */\n @query(`.${prefix}--sub-content-right`)\n private _intersectionRightSentinelNode?: HTMLElement;\n\n /**\n * An assistive text for screen reader to announce, telling the open state.\n */\n @property({ attribute: 'selecting-items-assistive-text' })\n selectingItemsAssistiveText =\n 'Selecting items. Use up and down arrow keys to navigate.';\n\n /**\n * An assistive text for screen reader to announce, telling that an item is selected.\n */\n @property({ attribute: 'selected-item-assistive-text' })\n selectedItemAssistiveText = 'Selected an item.';\n\n /**\n * The content of the trigger button for narrow mode.\n */\n @property({ attribute: 'trigger-content' })\n triggerContent = '';\n\n /**\n * Tabs type.\n */\n @property({ reflect: true })\n type = TABS_TYPE.REGULAR;\n\n /**\n * `true` if left-hand scroll intersection sentinel intersects with the host element.\n * In this condition, the left-hand paginator button should be hidden.\n */\n @state()\n private _isIntersectionLeftTrackerInContent = true;\n\n /**\n * `true` if right-hand scroll intersection sentinel intersects with the host element.\n * In this condition, the right-hand paginator button should be hidden.\n */\n @state()\n private _isIntersectionRightTrackerInContent = true;\n\n /**\n * The observer for the intersection of left-side content edge.\n */\n private _observerIntersection: IntersectionObserver | null = null;\n\n /**\n * The intersection observer callback for the scrolling container.\n *\n * @param records The intersection observer records.\n */\n private _observeIntersectionContainer = (records) => {\n const {\n _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n _intersectionRightSentinelNode: intersectionRightSentinelNode,\n } = this;\n\n records.forEach(({ isIntersecting, target }) => {\n if (target === intersectionLeftSentinelNode) {\n this._isIntersectionLeftTrackerInContent = isIntersecting;\n }\n if (target === intersectionRightSentinelNode) {\n this._isIntersectionRightTrackerInContent = isIntersecting;\n }\n });\n };\n\n /**\n * Cleans-up and creates the intersection observer for the scrolling container.\n *\n * @param [options] The options.\n * @param [options.create] `true` to create the new intersection observer.\n */\n private _cleanAndCreateIntersectionObserverContainer({\n create,\n }: { create?: boolean } = {}) {\n const {\n _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n _intersectionRightSentinelNode: intersectionRightSentinelNode,\n } = this;\n\n if (this._observerIntersection) {\n this._observerIntersection.disconnect();\n this._observerIntersection = null;\n }\n\n if (create) {\n this._observerIntersection = new IntersectionObserver(\n this._observeIntersectionContainer,\n {\n root: this,\n threshold: 0,\n }\n );\n\n if (intersectionLeftSentinelNode) {\n this._observerIntersection.observe(intersectionLeftSentinelNode);\n }\n if (intersectionRightSentinelNode) {\n this._observerIntersection.observe(intersectionRightSentinelNode);\n }\n }\n }\n\n disconnectedCallback() {\n this._cleanAndCreateIntersectionObserverContainer();\n super.disconnectedCallback();\n }\n\n shouldUpdate(changedProperties) {\n super.shouldUpdate(changedProperties);\n if (this.tablist) {\n const { clientWidth, scrollWidth } = this.tablist;\n this._isScrollable = scrollWidth > clientWidth;\n }\n const { selectorItem } = this.constructor as typeof CDSTabs;\n if (changedProperties.has('type')) {\n forEach(this.querySelectorAll(selectorItem), (elem) => {\n this._totalTabs++;\n (elem as CDSTab).type = this.type;\n });\n }\n return true;\n }\n\n firstUpdated() {\n const { selectorTablist } = this.constructor as typeof CDSTabs;\n const tablist = this.shadowRoot!.querySelector(selectorTablist)!;\n this.tablist = tablist;\n this._cleanAndCreateIntersectionObserverContainer({ create: true });\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const tab = this.querySelector(\n `${prefix}-tab[value=\"${this.value}\"]`\n ) as HTMLElement;\n if (tab) {\n const { width: tabWidth } = tab?.getBoundingClientRect() ?? {};\n const start = tab.offsetLeft ?? 0;\n const end = tab.offsetLeft + tabWidth;\n\n // The start and end of the visible area of the tablist\n const visibleStart = this.tablist!.scrollLeft + this.BUTTON_WIDTH;\n const visibleEnd =\n this.tablist!.scrollLeft +\n this.tablist!.clientWidth -\n this.BUTTON_WIDTH;\n\n // The beginning of the tab is clipped and not visible\n if (start < visibleStart) {\n this.tablist!.scrollLeft = start - this.BUTTON_WIDTH;\n }\n\n // The end of the tab is clipped and not visible\n if (end > visibleEnd) {\n this.tablist!.scrollLeft =\n end + this.BUTTON_WIDTH - this.tablist!.clientWidth;\n }\n }\n }\n\n if (changedProperties.has('_currentScrollPosition')) {\n if (this._contentNode) {\n this._contentNode.style.insetInlineStart = `-${this._currentScrollPosition}px`;\n }\n }\n }\n\n /**\n * Render the previous button if tablist is wider than container.\n */\n protected renderPreviousButton(): TemplateResult | null {\n const {\n _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n } = this;\n const previousButtonClasses = classMap({\n [`${prefix}--tab--overflow-nav-button`]: true,\n [`${prefix}--tabs__nav-caret-left`]: true,\n [`${prefix}--tab--overflow-nav-button--previous`]: true,\n [`${prefix}--tab--overflow-nav-button--hidden`]:\n isIntersectionLeftTrackerInContent,\n });\n return html`\n <button\n part=\"prev-button\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n class=\"${previousButtonClasses}\"\n @click=${(_) =>\n this._handleScrollButtonClick(_, {\n direction: NAVIGATION_DIRECTION.Left,\n })}>\n ${ChevronLeft16()}\n </button>\n `;\n }\n\n /**\n * Render the next button if tablist is wider than container.\n */\n protected renderNextButton(): TemplateResult | null {\n const {\n _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n } = this;\n const nextButtonClasses = classMap({\n [`${prefix}--tab--overflow-nav-button`]: true,\n [`${prefix}--tabs__nav-caret-right`]: true,\n [`${prefix}--tab--overflow-nav-button--next`]: true,\n [`${prefix}--tab--overflow-nav-button--hidden`]:\n isIntersectionRightTrackerInContent,\n });\n return html`\n <button\n part=\"next-button\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n class=\"${nextButtonClasses}\"\n @click=${(_) =>\n this._handleScrollButtonClick(_, {\n direction: NAVIGATION_DIRECTION.Right,\n })}>\n ${ChevronRight16()}\n </button>\n `;\n }\n\n render() {\n const {\n _assistiveStatusText: assistiveStatusText,\n _handleSlotchange: handleSlotchange,\n } = this;\n\n return html`\n ${this.renderPreviousButton()}\n <div class=\"${prefix}--tabs-nav-content-container\">\n <div class=\"${prefix}--tabs-nav-content\">\n <div class=\"${prefix}--tabs-nav\">\n <div id=\"tablist\" role=\"tablist\" class=\"${prefix}--tab--list\">\n <div class=\"${prefix}--sub-content-left\"></div>\n <slot @slotchange=${handleSlotchange}></slot>\n <div class=\"${prefix}--sub-content-right\"></div>\n </div>\n </div>\n </div>\n </div>\n ${this.renderNextButton()}\n <div\n class=\"${prefix}--assistive-text\"\n role=\"status\"\n aria-live=\"assertive\"\n aria-relevant=\"additions text\">\n ${assistiveStatusText}\n </div>\n `;\n }\n\n /**\n * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n */\n static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n /**\n * A selector that will return tabs.\n */\n static get selectorItem() {\n return `${prefix}-tab`;\n }\n\n /**\n * A selector that will return enabled tabs.\n */\n static get selectorItemEnabled() {\n return `${prefix}-tab:not([disabled])`;\n }\n\n /**\n * A selector that will return highlighted tabs.\n */\n static get selectorItemHighlighted() {\n return `${prefix}-tab[highlighted]`;\n }\n\n /**\n * A selector that will return selected tabs.\n */\n static get selectorItemSelected() {\n return `${prefix}-tab[selected]`;\n }\n\n /**\n * A selector that returns the tablist\n */\n static get selectorTablist() {\n return `.${prefix}--tab--list`;\n }\n\n /**\n * The name of the custom event fired before a tab is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n */\n static get eventBeforeSelect() {\n return `${prefix}-tabs-beingselected`;\n }\n\n /**\n * The name of the custom event fired after a a tab is selected upon a user gesture.\n */\n static get eventSelect() {\n return `${prefix}-tabs-selected`;\n }\n\n static styles = styles;\n\n /**\n * @param key The key symbol.\n * @returns A action for dropdown for the given key symbol.\n */\n static getAction(key: string) {\n if (key === 'Home') {\n return TABS_KEYBOARD_ACTION.HOME;\n }\n if (key === 'End') {\n return TABS_KEYBOARD_ACTION.END;\n }\n if (key in NAVIGATION_DIRECTION) {\n return TABS_KEYBOARD_ACTION.NAVIGATING;\n }\n return TABS_KEYBOARD_ACTION.NONE;\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"tabs.js","names":["html","property","state","query","classMap","prefix","HostListenerMixin","HostListener","forEach","ChevronRight16","ChevronLeft16","CDSContentSwitcher","NAVIGATION_DIRECTION","TABS_KEYBOARD_ACTION","TABS_TYPE","styles","carbonElement","customElement","CDSTabs","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_navigate","direction","immediate","selectorItem","selectorItemHighlighted","selectorItemSelected","nextItem","_getNextItem","querySelector","_handleUserInitiatedSelectItem","querySelectorAll","item","scrollIntoView","block","inline","nextItemText","textContent","_assistiveStatusText","_currentIndex","requestUpdate","decorators","_handleClick","event","_get","_getPrototypeOf","prototype","call","_handleKeydown","action","getAction","enabledTabs","HOME","firstEnabledTab","END","lastEnabledTab","length","NAVIGATING","_handleScrollButtonClick","_","tablist","scrollLeft","clientWidth","scrollWidth","_contentContainerNode","Math","max","_totalTabs","min","_handleSlotchange","selectedItem","hideDivider","_selectionDidChange","itemToSelect","selectedItemAssistiveText","attribute","reflect","REGULAR","records","_intersectionLeftSentinelNode","intersectionLeftSentinelNode","_intersectionRightSentinelNode","intersectionRightSentinelNode","isIntersecting","target","_isIntersectionLeftTrackerInContent","_isIntersectionRightTrackerInContent","_cleanAndCreateIntersectionObserverContainer","create","_observerIntersection","disconnect","IntersectionObserver","_observeIntersectionContainer","root","threshold","observe","disconnectedCallback","shouldUpdate","changedProperties","_isScrollable","has","elem","type","firstUpdated","selectorTablist","shadowRoot","updated","tab","_tab$getBoundingClien","_tab$offsetLeft","width","tabWidth","getBoundingClientRect","start","offsetLeft","end","visibleStart","BUTTON_WIDTH","visibleEnd","_contentNode","style","insetInlineStart","_currentScrollPosition","renderPreviousButton","isIntersectionLeftTrackerInContent","previousButtonClasses","_t","_2","Left","renderNextButton","isIntersectionRightTrackerInContent","nextButtonClasses","_t2","Right","render","assistiveStatusText","handleSlotchange","_t3","static","Set","selectorItemEnabled","eventBeforeSelect","eventSelect","NONE","default"],"sources":["components/tabs/tabs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { TemplateResult, html } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport ChevronLeft16 from '@carbon/icons/lib/chevron--left/16';\nimport CDSContentSwitcher, {\n NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport { TABS_KEYBOARD_ACTION, TABS_TYPE } from './defs';\nimport CDSTab from './tab';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, TABS_KEYBOARD_ACTION, TABS_TYPE };\n\n/**\n * Tabs.\n *\n * @element cds-tabs\n * @fires cds-tabs-beingselected\n * The custom event fired before a tab is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n */\n@customElement(`${prefix}-tabs`)\nexport default class CDSTabs extends HostListenerMixin(CDSContentSwitcher) {\n /**\n * The latest status of this dropdown, for screen reader to accounce.\n */\n private _assistiveStatusText?: string;\n\n /**\n * The currently selected index\n */\n // @ts-ignore: TS thinks this method is not referred to\n private _currentIndex = 0;\n\n /**\n * Total number of tabs in the component\n */\n private _totalTabs = 0;\n\n /**\n * `true` if the tablist is scrollable\n */\n // @ts-ignore: TS thinks this method is not referred to\n private _isScrollable = false;\n\n /**\n * The DOM element for the tablist.\n */\n private tablist: Element | null = null;\n\n /**\n * The width of the overflow scroll buttons.\n */\n private BUTTON_WIDTH = 44;\n\n /**\n * Navigates through tabs.\n *\n * @param direction `-1` to navigate backward, `1` to navigate forward.\n * @param [options] The options.\n * @param [options.immediate]\n * Defaults to `true`\n * `true` to make it \"immediate selection change\" mode, which does:\n *\n * Starts with the selected item\n * Going prev/next item immediately changes the selection\n */\n protected _navigate(\n direction: number,\n { immediate = true }: { immediate?: boolean } = {}\n ) {\n const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n .constructor as typeof CDSTabs;\n const nextItem = this._getNextItem(\n this.querySelector(\n immediate ? selectorItemSelected : selectorItemHighlighted\n ) as CDSTab,\n direction\n );\n if (!nextItem) {\n return;\n }\n\n if (immediate) {\n this._handleUserInitiatedSelectItem(nextItem as CDSTab);\n } else {\n forEach(this.querySelectorAll(selectorItem), (item) => {\n (item as CDSTab)[immediate ? 'selected' : 'highlighted'] =\n nextItem === item;\n });\n }\n\n // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n // IE falls back to the old behavior.\n nextItem.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n const nextItemText = nextItem.textContent;\n if (nextItemText) {\n this._assistiveStatusText = nextItemText;\n }\n this._currentIndex += direction;\n this.requestUpdate();\n }\n\n @HostListener('click')\n protected _handleClick(event: MouseEvent) {\n super._handleClick(event);\n }\n\n @HostListener('keydown')\n protected _handleKeydown(event: KeyboardEvent) {\n const { key } = event;\n const action = (this.constructor as typeof CDSTabs).getAction(key);\n const enabledTabs = this.querySelectorAll(`${prefix}-tab:not([disabled])`);\n switch (action) {\n case TABS_KEYBOARD_ACTION.HOME:\n {\n const [firstEnabledTab] = enabledTabs;\n firstEnabledTab.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n this._handleUserInitiatedSelectItem(firstEnabledTab as CDSTab);\n this.requestUpdate();\n }\n break;\n case TABS_KEYBOARD_ACTION.END:\n {\n const lastEnabledTab = enabledTabs[enabledTabs.length - 1];\n lastEnabledTab.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n this._handleUserInitiatedSelectItem(lastEnabledTab as CDSTab);\n this.requestUpdate();\n }\n break;\n case TABS_KEYBOARD_ACTION.NAVIGATING:\n {\n const direction = NAVIGATION_DIRECTION[key];\n if (direction) {\n this._navigate(direction);\n }\n }\n break;\n default:\n break;\n }\n }\n\n /**\n * Handles click on overflow scroll buttons.\n *\n * @param _ Event object\n * @param [options] The options.\n * @param [options.direction] `-1` to scroll forward, `1` to scroll backward.\n */\n protected _handleScrollButtonClick(_, { direction }) {\n if (!this.tablist) {\n return;\n }\n const { scrollLeft, clientWidth, scrollWidth } =\n this._contentContainerNode!;\n switch (direction) {\n case -1:\n this._contentContainerNode!.scrollLeft = Math.max(\n scrollLeft - (scrollWidth / this._totalTabs) * 1.5,\n 0\n );\n break;\n case 1:\n this._contentContainerNode!.scrollLeft =\n Math.min(\n scrollLeft + (scrollWidth / this._totalTabs) * 1.5,\n scrollWidth - clientWidth\n ) + 1;\n break;\n default:\n break;\n }\n }\n\n _handleSlotchange() {\n const { selectorItemSelected } = this.constructor as typeof CDSTabs;\n const selectedItem = this.querySelector(selectorItemSelected);\n const nextItem = this._getNextItem(selectedItem as CDSTab, 1);\n\n // Specifies child `<cds-tab>` to hide its divider instead of using CSS,\n // until `:host-context()` gets supported in all major browsers\n (nextItem as CDSTab).hideDivider = true;\n }\n\n protected _selectionDidChange(itemToSelect: CDSTab) {\n super._selectionDidChange(itemToSelect);\n this._assistiveStatusText = this.selectedItemAssistiveText;\n }\n\n /**\n * The scrolling container.\n */\n @query(`.${prefix}--tabs-nav-content-container`)\n private _contentContainerNode?: HTMLElement;\n\n /**\n * The scrolling content.\n */\n @query(`.${prefix}--tabs-nav-content`)\n private _contentNode?: HTMLElement;\n\n /**\n * The current scroll position.\n */\n @state()\n private _currentScrollPosition = 0;\n\n /**\n * The left-hand sentinel to track intersection with the host element.\n * If they intersect, the left-hand paginator button should be hidden.\n */\n @query(`.${prefix}--sub-content-left`)\n private _intersectionLeftSentinelNode?: HTMLElement;\n\n /**\n * The right-hand sentinel to track intersection with the host element.\n * If they intersect, the right-hand paginator button should be hidden.\n */\n @query(`.${prefix}--sub-content-right`)\n private _intersectionRightSentinelNode?: HTMLElement;\n\n /**\n * An assistive text for screen reader to announce, telling the open state.\n */\n @property({ attribute: 'selecting-items-assistive-text' })\n selectingItemsAssistiveText =\n 'Selecting items. Use up and down arrow keys to navigate.';\n\n /**\n * An assistive text for screen reader to announce, telling that an item is selected.\n */\n @property({ attribute: 'selected-item-assistive-text' })\n selectedItemAssistiveText = 'Selected an item.';\n\n /**\n * The content of the trigger button for narrow mode.\n */\n @property({ attribute: 'trigger-content' })\n triggerContent = '';\n\n /**\n * Tabs type.\n */\n @property({ reflect: true })\n type = TABS_TYPE.REGULAR;\n\n /**\n * `true` if left-hand scroll intersection sentinel intersects with the host element.\n * In this condition, the left-hand paginator button should be hidden.\n */\n @state()\n private _isIntersectionLeftTrackerInContent = true;\n\n /**\n * `true` if right-hand scroll intersection sentinel intersects with the host element.\n * In this condition, the right-hand paginator button should be hidden.\n */\n @state()\n private _isIntersectionRightTrackerInContent = true;\n\n /**\n * The observer for the intersection of left-side content edge.\n */\n private _observerIntersection: IntersectionObserver | null = null;\n\n /**\n * The intersection observer callback for the scrolling container.\n *\n * @param records The intersection observer records.\n */\n private _observeIntersectionContainer = (records) => {\n const {\n _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n _intersectionRightSentinelNode: intersectionRightSentinelNode,\n } = this;\n\n records.forEach(({ isIntersecting, target }) => {\n if (target === intersectionLeftSentinelNode) {\n this._isIntersectionLeftTrackerInContent = isIntersecting;\n }\n if (target === intersectionRightSentinelNode) {\n this._isIntersectionRightTrackerInContent = isIntersecting;\n }\n });\n };\n\n /**\n * Cleans-up and creates the intersection observer for the scrolling container.\n *\n * @param [options] The options.\n * @param [options.create] `true` to create the new intersection observer.\n */\n private _cleanAndCreateIntersectionObserverContainer({\n create,\n }: { create?: boolean } = {}) {\n const {\n _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n _intersectionRightSentinelNode: intersectionRightSentinelNode,\n } = this;\n\n if (this._observerIntersection) {\n this._observerIntersection.disconnect();\n this._observerIntersection = null;\n }\n\n if (create) {\n this._observerIntersection = new IntersectionObserver(\n this._observeIntersectionContainer,\n {\n root: this,\n threshold: 0,\n }\n );\n\n if (intersectionLeftSentinelNode) {\n this._observerIntersection.observe(intersectionLeftSentinelNode);\n }\n if (intersectionRightSentinelNode) {\n this._observerIntersection.observe(intersectionRightSentinelNode);\n }\n }\n }\n\n disconnectedCallback() {\n this._cleanAndCreateIntersectionObserverContainer();\n super.disconnectedCallback();\n }\n\n shouldUpdate(changedProperties) {\n super.shouldUpdate(changedProperties);\n if (this.tablist) {\n const { clientWidth, scrollWidth } = this.tablist;\n this._isScrollable = scrollWidth > clientWidth;\n }\n const { selectorItem } = this.constructor as typeof CDSTabs;\n if (changedProperties.has('type')) {\n forEach(this.querySelectorAll(selectorItem), (elem) => {\n this._totalTabs++;\n (elem as CDSTab).type = this.type;\n });\n }\n return true;\n }\n\n firstUpdated() {\n const { selectorTablist } = this.constructor as typeof CDSTabs;\n const tablist = this.shadowRoot!.querySelector(selectorTablist)!;\n this.tablist = tablist;\n this._cleanAndCreateIntersectionObserverContainer({ create: true });\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const tab = this.querySelector(\n `${prefix}-tab[value=\"${this.value}\"]`\n ) as HTMLElement;\n if (tab) {\n const { width: tabWidth } = tab?.getBoundingClientRect() ?? {};\n const start = tab.offsetLeft ?? 0;\n const end = tab.offsetLeft + tabWidth;\n\n // The start and end of the visible area of the tablist\n const visibleStart = this.tablist!.scrollLeft + this.BUTTON_WIDTH;\n const visibleEnd =\n this.tablist!.scrollLeft +\n this.tablist!.clientWidth -\n this.BUTTON_WIDTH;\n\n // The beginning of the tab is clipped and not visible\n if (start < visibleStart) {\n this.tablist!.scrollLeft = start - this.BUTTON_WIDTH;\n }\n\n // The end of the tab is clipped and not visible\n if (end > visibleEnd) {\n this.tablist!.scrollLeft =\n end + this.BUTTON_WIDTH - this.tablist!.clientWidth;\n }\n }\n }\n\n if (changedProperties.has('_currentScrollPosition')) {\n if (this._contentNode) {\n this._contentNode.style.insetInlineStart = `-${this._currentScrollPosition}px`;\n }\n }\n }\n\n /**\n * Render the previous button if tablist is wider than container.\n */\n protected renderPreviousButton(): TemplateResult | null {\n const {\n _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n } = this;\n const previousButtonClasses = classMap({\n [`${prefix}--tab--overflow-nav-button`]: true,\n [`${prefix}--tabs__nav-caret-left`]: true,\n [`${prefix}--tab--overflow-nav-button--previous`]: true,\n [`${prefix}--tab--overflow-nav-button--hidden`]:\n isIntersectionLeftTrackerInContent,\n });\n return html`\n <button\n part=\"prev-button\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n class=\"${previousButtonClasses}\"\n @click=${(_) =>\n this._handleScrollButtonClick(_, {\n direction: NAVIGATION_DIRECTION.Left,\n })}>\n ${ChevronLeft16()}\n </button>\n `;\n }\n\n /**\n * Render the next button if tablist is wider than container.\n */\n protected renderNextButton(): TemplateResult | null {\n const {\n _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n } = this;\n const nextButtonClasses = classMap({\n [`${prefix}--tab--overflow-nav-button`]: true,\n [`${prefix}--tabs__nav-caret-right`]: true,\n [`${prefix}--tab--overflow-nav-button--next`]: true,\n [`${prefix}--tab--overflow-nav-button--hidden`]:\n isIntersectionRightTrackerInContent,\n });\n return html`\n <button\n part=\"next-button\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n class=\"${nextButtonClasses}\"\n @click=${(_) =>\n this._handleScrollButtonClick(_, {\n direction: NAVIGATION_DIRECTION.Right,\n })}>\n ${ChevronRight16()}\n </button>\n `;\n }\n\n render() {\n const {\n _assistiveStatusText: assistiveStatusText,\n _handleSlotchange: handleSlotchange,\n } = this;\n\n return html`\n ${this.renderPreviousButton()}\n <div class=\"${prefix}--tabs-nav-content-container\">\n <div class=\"${prefix}--tabs-nav-content\">\n <div class=\"${prefix}--tabs-nav\">\n <div id=\"tablist\" role=\"tablist\" class=\"${prefix}--tab--list\">\n <div class=\"${prefix}--sub-content-left\"></div>\n <slot @slotchange=${handleSlotchange}></slot>\n <div class=\"${prefix}--sub-content-right\"></div>\n </div>\n </div>\n </div>\n </div>\n ${this.renderNextButton()}\n <div\n class=\"${prefix}--assistive-text\"\n role=\"status\"\n aria-live=\"assertive\"\n aria-relevant=\"additions text\">\n ${assistiveStatusText}\n </div>\n `;\n }\n\n /**\n * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n */\n static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n /**\n * A selector that will return tabs.\n */\n static get selectorItem() {\n return `${prefix}-tab`;\n }\n\n /**\n * A selector that will return enabled tabs.\n */\n static get selectorItemEnabled() {\n return `${prefix}-tab:not([disabled])`;\n }\n\n /**\n * A selector that will return highlighted tabs.\n */\n static get selectorItemHighlighted() {\n return `${prefix}-tab[highlighted]`;\n }\n\n /**\n * A selector that will return selected tabs.\n */\n static get selectorItemSelected() {\n return `${prefix}-tab[selected]`;\n }\n\n /**\n * A selector that returns the tablist\n */\n static get selectorTablist() {\n return `.${prefix}--tab--list`;\n }\n\n /**\n * The name of the custom event fired before a tab is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n */\n static get eventBeforeSelect() {\n return `${prefix}-tabs-beingselected`;\n }\n\n /**\n * The name of the custom event fired after a a tab is selected upon a user gesture.\n */\n static get eventSelect() {\n return `${prefix}-tabs-selected`;\n }\n\n static styles = styles;\n\n /**\n * @param key The key symbol.\n * @returns A action for dropdown for the given key symbol.\n */\n static getAction(key: string) {\n if (key === 'Home') {\n return TABS_KEYBOARD_ACTION.HOME;\n }\n if (key === 'End') {\n return TABS_KEYBOARD_ACTION.END;\n }\n if (key in NAVIGATION_DIRECTION) {\n return TABS_KEYBOARD_ACTION.NAVIGATING;\n }\n return TABS_KEYBOARD_ACTION.NONE;\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -8,5 +8,5 @@
8
8
  */
9
9
  import { css } from 'lit';
10
10
  export default css([
11
- '@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}100%{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}100%{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,:host(cds-tag[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,:host(cds-tag){--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--tag,:host(cds-tag){--cds-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem;--cds-layout-size-height-lg:2rem;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));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);background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;margin:.25rem;cursor:default;max-inline-size:100%;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds--layout--size-xs .cds--tag,.cds--layout--size-xs :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds--layout--size-sm .cds--tag,.cds--layout--size-sm :host(cds-tag),:host(cds-tag[size=sm]) .cds--tag,:host(cds-tag[size=sm]) :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--layout--size-md .cds--tag,.cds--layout--size-md :host(cds-tag),:host(cds-tag) .cds--tag,:host(cds-tag) :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--layout--size-lg .cds--tag,.cds--layout--size-lg :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--tag.cds--tag--operational{border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds--tag.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag .cds--tag__close-icon:hover,:host(cds-tag) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag.cds--tag--lg{padding-inline-start:.75rem}.cds--tag:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])),:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])):host(cds-tag){padding-inline-start:.25rem}.cds--tag.cds--tag--lg:not(.cds--tag--filter){padding-inline:.75rem}.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])){padding-inline-start:.5rem}.cds--tag:not(:first-child),:not(:first-child):host(cds-tag){margin-inline-start:0}.cds--tag__label{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}.cds--tag--interactive:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:0}.cds--tag--interactive:hover{cursor:pointer}.cds--tag--filter,:host(cds-tag[filter]){cursor:pointer;padding-block-end:0;padding-block-start:0;padding-inline-end:0}.cds--tag--filter:hover{outline:0}.cds--interactive--tag-children{display:inline-flex;place-items:center}.cds--tag--selectable{border:1px solid var(--cds-border-inverse,#161616);background-color:var(--cds-layer);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--tag--selectable:hover{background-color:var(--cds-layer-hover);outline:0}.cds--tag--selectable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--selectable-selected{background-color:var(--cds-layer-selected-inverse,#161616);color:var(--cds-text-inverse,#fff)}.cds--tag--selectable-selected:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8);background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:0}.cds--tag--operational:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--red,:host(cds-tag[type=red]){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#750e13)}.cds--tag--red.cds--tag--operational{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds--tag--red.cds--tag--operational:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--red .cds--tag__close-icon:hover,:host(cds-tag[type=red]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--magenta,:host(cds-tag[type=magenta]){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#740937)}.cds--tag--magenta.cds--tag--operational{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds--tag--magenta.cds--tag--operational:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--magenta .cds--tag__close-icon:hover,:host(cds-tag[type=magenta]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--purple,:host(cds-tag[type=purple]){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#491d8b)}.cds--tag--purple.cds--tag--operational{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds--tag--purple.cds--tag--operational:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--purple .cds--tag__close-icon:hover,:host(cds-tag[type=purple]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--blue,:host(cds-tag[type=blue]){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#002d9c)}.cds--tag--blue.cds--tag--operational{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds--tag--blue.cds--tag--operational:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--blue .cds--tag__close-icon:hover,:host(cds-tag[type=blue]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--cyan,:host(cds-tag[type=cyan]){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#003a6d)}.cds--tag--cyan.cds--tag--operational{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds--tag--cyan.cds--tag--operational:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--cyan .cds--tag__close-icon:hover,:host(cds-tag[type=cyan]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--teal,:host(cds-tag[type=teal]){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#004144)}.cds--tag--teal.cds--tag--operational{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds--tag--teal.cds--tag--operational:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--teal .cds--tag__close-icon:hover,:host(cds-tag[type=teal]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--green,:host(cds-tag[type=green]){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#044317)}.cds--tag--green.cds--tag--operational{border:1px solid var(--cds-tag-border-green,#42be65)}.cds--tag--green.cds--tag--operational:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--green .cds--tag__close-icon:hover,:host(cds-tag[type=green]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--gray,:host(cds-tag[type=gray]){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds--tag--gray.cds--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds--tag--gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--gray .cds--tag__close-icon:hover,:host(cds-tag[type=gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--cool-gray,:host(cds-tag[type=cool-gray]){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds--tag--cool-gray.cds--tag--operational{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds--tag--cool-gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--cool-gray .cds--tag__close-icon:hover,:host(cds-tag[type=cool-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--warm-gray,:host(cds-tag[type=warm-gray]){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds--tag--warm-gray.cds--tag--operational{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds--tag--warm-gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--warm-gray .cds--tag__close-icon:hover,:host(cds-tag[type=warm-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--high-contrast:not(.cds--tag--operational),:not(.cds--tag--operational):host(cds-tag[type=high-contrast]){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational{border:1px solid var(--cds-background-inverse,#393939)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-tag[type=high-contrast]) .cds--tag__close-icon:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--outline:not(.cds--tag--operational),:not(.cds--tag--operational):host(cds-tag[type=outline]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational{border:1px solid var(--cds-background,#fff)}.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover{background-color:var(--cds-layer-hover)}.cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-tag[type=outline]) .cds--tag__close-icon:hover{background-color:var(--cds-layer-hover)}.cds--tag--disabled:not(.cds--tag--operational),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled,:host(cds-tag[filter]):host(cds-tag[disabled]),:not(.cds--tag--operational):host(cds-tag[disabled]){background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));box-shadow:none;outline:0}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,.cds--tag--filter.cds--tag--disabled.cds--tag--operational,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational{border:1px solid var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,.cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational):hover,.cds--tag--filter.cds--tag--disabled:hover,.cds--tag--interactive.cds--tag--disabled:hover{cursor:not-allowed}.cds--tag--operational.cds--tag--disabled,.cds--tag--selectable.cds--tag--disabled{border:1px solid var(--cds-border-disabled,#c6c6c6);background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--tag--operational.cds--tag--disabled:hover,.cds--tag--selectable.cds--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds--tag__close-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;margin:0 0 0 .125rem;background-color:transparent;block-size:var(--cds-layout-size-height-local);color:currentColor;cursor:pointer;inline-size:var(--cds-layout-size-height-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds--tag__close-icon svg{fill:currentColor}.cds--tag__custom-icon,:host(cds-tag) ::slotted([slot=icon]){flex-shrink:0;padding:0;border:0;background-color:transparent;block-size:1rem;color:currentColor;inline-size:1rem;margin-inline-end:.25rem;outline:0}.cds--tag__custom-icon svg,:host(cds-tag) ::slotted([slot=icon]) svg{fill:currentColor}.cds--tag--disabled .cds--tag__close-icon,:host(cds-tag[disabled]) .cds--tag__close-icon{cursor:not-allowed}.cds--tag__close-icon:focus{z-index:99999;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:0}.cds--tag--high-contrast .cds--tag__close-icon:focus,:host(cds-tag[type=high-contrast]) .cds--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--filter.cds--tag--disabled svg,:host(cds-tag[filter]):host(cds-tag[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--tag--sm.cds--tag--filter,:host(cds-tag[size=sm]):host(cds-tag[filter]){padding-inline-end:0}.cds--tag--sm .cds--tag__close-icon,:host(cds-tag[size=sm]) .cds--tag__close-icon{margin-inline-start:.3125rem}.cds--tag.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616);overflow:hidden;inline-size:3.75rem}.cds--tag.cds--skeleton:active,.cds--tag.cds--skeleton:focus,.cds--tag.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--tag.cds--skeleton::before{position:absolute;animation:3s ease-in-out cds--skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--tag.cds--skeleton::before{animation:none}}.cds--tag.cds--skeleton.cds--tag--operational{border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton.cds--tag--operational:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton .cds--tag__close-icon:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}@media not all and (min-resolution >= 0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--tag.cds--skeleton{transform:translateZ(0)}}}.cds--tag .cds--slug .cds--slug__button--inline,:host(cds-tag) .cds--slug .cds--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before,:host(cds-tag) .cds--slug .cds--slug__button--inline .cds--slug__text::before{background-color:currentColor}.cds--tag .cds--slug .cds--slug__button--inline:hover,:host(cds-tag) .cds--slug .cds--slug__button--inline:hover{border-color:currentColor}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag,:host(cds-tag){outline:1px solid transparent}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon svg,.cds--tag__custom-icon svg,:host(cds-tag) ::slotted([slot=icon]) svg{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}:host(cds-tag){--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-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem}:host(cds-tag[size=sm]) .cds--tag__close-icon{block-size:1.125rem;inline-size:1.125rem;margin-inline-start:.3125rem}:host(cds-tag[filter]){display:none}:host(cds-tag[filter][size=sm]){padding-inline-end:0}:host(cds-tag[filter][open]){display:inline-flex}:host(cds-tag[filter][disabled]) .cds--tag__close-icon{cursor:not-allowed}:host(cds-tag[filter][disabled]) .cds--tag__close-icon,:host(cds-tag[filter][disabled]) .cds--tag__close-icon:hover{background-color:transparent}:host(cds-tag.cds--skeleton){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;overflow:hidden;inline-size:3.75rem}:host(cds-tag.cds--skeleton):active,:host(cds-tag.cds--skeleton):focus,:host(cds-tag.cds--skeleton):hover{border:none;cursor:default;outline:0}:host(cds-tag.cds--skeleton)::before{position:absolute;animation:3s ease-in-out cds--skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-tag.cds--skeleton)::before{animation:none}}',
11
+ '@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}100%{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}100%{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,:host(cds-tag[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,:host(cds-tag){--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--tag,:host(cds-tag){--cds-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem;--cds-layout-size-height-lg:2rem;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));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);background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;margin:.25rem;cursor:default;max-inline-size:13rem;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds--layout--size-xs .cds--tag,.cds--layout--size-xs :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds--layout--size-sm .cds--tag,.cds--layout--size-sm :host(cds-tag),:host(cds-tag[size=sm]) .cds--tag,:host(cds-tag[size=sm]) :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--layout--size-md .cds--tag,.cds--layout--size-md :host(cds-tag),:host(cds-tag) .cds--tag,:host(cds-tag) :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--layout--size-lg .cds--tag,.cds--layout--size-lg :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--tag.cds--tag--operational{border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds--tag.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag .cds--tag__close-icon:hover,:host(cds-tag) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag.cds--tag--lg{padding-inline-start:.75rem}.cds--tag:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])),:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])):host(cds-tag){padding-inline-start:.25rem}.cds--tag.cds--tag--lg:not(.cds--tag--filter){padding-inline:.75rem}.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])){padding-inline-start:.5rem}.cds--tag:not(.cds--tag--selectable),:not(.cds--tag--selectable):host(cds-tag){border:0}.cds--tag:not(:first-child),:not(:first-child):host(cds-tag){margin-inline-start:0}.cds--tag--operational>span,.cds--tag--selectable>span,.cds--tag__label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--tag--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--filter,:host(cds-tag[filter]){padding-block-end:0;padding-block-start:0;padding-inline-end:0}.cds--tag--filter:hover{outline:0}.cds--tag--selectable{border:1px solid var(--cds-border-inverse,#161616);background-color:var(--cds-layer);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--tag--selectable:hover{background-color:var(--cds-layer-hover);outline:0}.cds--tag--selectable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--selectable-selected{background-color:var(--cds-layer-selected-inverse,#161616);color:var(--cds-text-inverse,#fff)}.cds--tag--selectable-selected:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8);background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:0}.cds--tag--operational:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--red,:host(cds-tag[type=red]){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#750e13)}.cds--tag--red.cds--tag--operational{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds--tag--red.cds--tag--operational:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--red .cds--tag__close-icon:hover,:host(cds-tag[type=red]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--magenta,:host(cds-tag[type=magenta]){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#740937)}.cds--tag--magenta.cds--tag--operational{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds--tag--magenta.cds--tag--operational:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--magenta .cds--tag__close-icon:hover,:host(cds-tag[type=magenta]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--purple,:host(cds-tag[type=purple]){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#491d8b)}.cds--tag--purple.cds--tag--operational{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds--tag--purple.cds--tag--operational:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--purple .cds--tag__close-icon:hover,:host(cds-tag[type=purple]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--blue,:host(cds-tag[type=blue]){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#002d9c)}.cds--tag--blue.cds--tag--operational{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds--tag--blue.cds--tag--operational:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--blue .cds--tag__close-icon:hover,:host(cds-tag[type=blue]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--cyan,:host(cds-tag[type=cyan]){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#003a6d)}.cds--tag--cyan.cds--tag--operational{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds--tag--cyan.cds--tag--operational:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--cyan .cds--tag__close-icon:hover,:host(cds-tag[type=cyan]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--teal,:host(cds-tag[type=teal]){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#004144)}.cds--tag--teal.cds--tag--operational{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds--tag--teal.cds--tag--operational:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--teal .cds--tag__close-icon:hover,:host(cds-tag[type=teal]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--green,:host(cds-tag[type=green]){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#044317)}.cds--tag--green.cds--tag--operational{border:1px solid var(--cds-tag-border-green,#42be65)}.cds--tag--green.cds--tag--operational:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--green .cds--tag__close-icon:hover,:host(cds-tag[type=green]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--gray,:host(cds-tag[type=gray]){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds--tag--gray.cds--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds--tag--gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--gray .cds--tag__close-icon:hover,:host(cds-tag[type=gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--cool-gray,:host(cds-tag[type=cool-gray]){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds--tag--cool-gray.cds--tag--operational{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds--tag--cool-gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--cool-gray .cds--tag__close-icon:hover,:host(cds-tag[type=cool-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--warm-gray,:host(cds-tag[type=warm-gray]){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds--tag--warm-gray.cds--tag--operational{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds--tag--warm-gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--warm-gray .cds--tag__close-icon:hover,:host(cds-tag[type=warm-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--high-contrast:not(.cds--tag--operational),:not(.cds--tag--operational):host(cds-tag[type=high-contrast]){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational{border:1px solid var(--cds-background-inverse,#393939)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-tag[type=high-contrast]) .cds--tag__close-icon:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]),:not(.cds--tag--operational):not(span):not([disabled]):host(cds-tag[type=outline]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational{border:1px solid var(--cds-background,#fff)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover{background-color:var(--cds-layer-hover)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover,:not(.cds--tag--operational):not(span):not([disabled]):host(cds-tag[type=outline]) .cds--tag__close-icon:hover{background-color:var(--cds-layer-hover)}.cds--tag--disabled:not(.cds--tag--operational),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled,:host(cds-tag[filter]):host(cds-tag[disabled]),:not(.cds--tag--operational):host(cds-tag[disabled]){background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));box-shadow:none;outline:0}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,.cds--tag--filter.cds--tag--disabled.cds--tag--operational,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational{border:1px solid var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,.cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational):hover,.cds--tag--filter.cds--tag--disabled:hover,.cds--tag--interactive.cds--tag--disabled:hover{cursor:not-allowed}.cds--tag--operational.cds--tag--disabled,.cds--tag--selectable.cds--tag--disabled{border:1px solid var(--cds-border-disabled,#c6c6c6);background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--tag--operational.cds--tag--disabled:hover,.cds--tag--selectable.cds--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds--tag__close-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;margin:0 0 0 .125rem;background-color:transparent;block-size:var(--cds-layout-size-height-local);color:currentColor;cursor:pointer;inline-size:var(--cds-layout-size-height-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds--tag__close-icon svg{fill:currentColor}.cds--tag__custom-icon,:host(cds-tag) ::slotted([slot=icon]){flex-shrink:0;padding:0;border:0;background-color:transparent;block-size:1rem;color:currentColor;inline-size:1rem;margin-inline-end:.25rem;outline:0}.cds--tag__custom-icon svg,:host(cds-tag) ::slotted([slot=icon]) svg{fill:currentColor}.cds--tag--disabled .cds--tag__close-icon,:host(cds-tag[disabled]) .cds--tag__close-icon{cursor:not-allowed}.cds--tag__close-icon:focus{z-index:99999;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:0}.cds--tag--high-contrast .cds--tag__close-icon:focus,:host(cds-tag[type=high-contrast]) .cds--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--filter.cds--tag--disabled svg,:host(cds-tag[filter]):host(cds-tag[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--tag--sm.cds--tag--filter,:host(cds-tag[size=sm]):host(cds-tag[filter]){padding-inline-end:0}.cds--tag--sm .cds--tag__close-icon,:host(cds-tag[size=sm]) .cds--tag__close-icon{margin-inline-start:.3125rem}.cds--tag.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616);overflow:hidden;inline-size:3.75rem}.cds--tag.cds--skeleton:active,.cds--tag.cds--skeleton:focus,.cds--tag.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--tag.cds--skeleton::before{position:absolute;animation:3s ease-in-out cds--skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--tag.cds--skeleton::before{animation:none}}.cds--tag.cds--skeleton.cds--tag--operational{border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton.cds--tag--operational:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton .cds--tag__close-icon:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}@media not all and (min-resolution >= 0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--tag.cds--skeleton{transform:translateZ(0)}}}.cds--tag .cds--slug .cds--slug__button--inline,:host(cds-tag) .cds--slug .cds--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before,:host(cds-tag) .cds--slug .cds--slug__button--inline .cds--slug__text::before{background-color:currentColor}.cds--tag .cds--slug .cds--slug__button--inline:hover,:host(cds-tag) .cds--slug .cds--slug__button--inline:hover{border-color:currentColor}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag,:host(cds-tag){outline:1px solid transparent}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon svg,.cds--tag__custom-icon svg,:host(cds-tag) ::slotted([slot=icon]) svg{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds--tag-label-tooltip{max-inline-size:-webkit-fill-available}.cds--tag__custom-icon+.cds--tag-label-tooltip,:host(cds-tag) ::slotted([slot=icon])+.cds--tag-label-tooltip{max-inline-size:11rem}.cds--tag--filter .cds--tag__custom-icon+.cds--tag-label-tooltip,:host(cds-tag) .cds--tag--filter ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-tag):host(cds-tag[filter]) ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-tag[filter]) .cds--tag__custom-icon+.cds--tag-label-tooltip{max-inline-size:9.875rem}.cds--interactive--tag-children{display:inline-flex;max-inline-size:12.5rem;place-items:center}.cds--tag--filter .cds--tag__custom-icon+span>.cds--interactive--tag-children,:host(cds-tag) .cds--tag--filter ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-tag):host(cds-tag[filter]) ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-tag[filter]) .cds--tag__custom-icon+span>.cds--interactive--tag-children{max-inline-size:11.5rem}.cds--tag .cds--definition-term,:host(cds-tag) .cds--definition-term{border-block-end:none;cursor:default;max-inline-size:12rem}.cds--tag .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-tag) .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-tag) ::slotted([slot=icon])+span>.cds--definition-term{max-inline-size:11rem}.cds--tag>.cds--popover-container,:host(cds-tag)>.cds--popover-container{display:flex}.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled){pointer-events:none}:host(cds-tag){--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-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem}:host(cds-tag[size=sm]) .cds--tag__close-icon{block-size:1.125rem;inline-size:1.125rem;margin-inline-start:.3125rem}:host(cds-tag[filter]){display:none}:host(cds-tag[filter][size=sm]){padding-inline-end:0}:host(cds-tag[filter][open]){display:inline-flex}:host(cds-tag[filter][disabled]) .cds--tag__close-icon{cursor:not-allowed}:host(cds-tag[filter][disabled]) .cds--tag__close-icon,:host(cds-tag[filter][disabled]) .cds--tag__close-icon:hover{background-color:transparent}:host(cds-tag.cds--skeleton){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;overflow:hidden;inline-size:3.75rem}:host(cds-tag.cds--skeleton):active,:host(cds-tag.cds--skeleton):focus,:host(cds-tag.cds--skeleton):hover{border:none;cursor:default;outline:0}:host(cds-tag.cds--skeleton)::before{position:absolute;animation:3s ease-in-out cds--skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-tag.cds--skeleton)::before{animation:none}}',
12
12
  ]);