@carbon/web-components 2.0.0-beta.2 → 2.0.0-beta.4

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 (615) hide show
  1. package/README.md +9 -9
  2. package/custom-elements.json +4026 -1801
  3. package/es/components/breadcrumb/breadcrumb.css.js +1 -1
  4. package/es/components/breadcrumb/breadcrumb.rtl.css.js +1 -1
  5. package/es/components/button/button.css.js +1 -1
  6. package/es/components/button/button.d.ts +12 -4
  7. package/es/components/button/button.d.ts.map +1 -1
  8. package/es/components/button/button.js +57 -19
  9. package/es/components/button/button.js.map +1 -1
  10. package/es/components/button/button.rtl.css.js +1 -1
  11. package/es/components/checkbox/checkbox.css.js +1 -1
  12. package/es/components/checkbox/checkbox.d.ts +9 -0
  13. package/es/components/checkbox/checkbox.d.ts.map +1 -1
  14. package/es/components/checkbox/checkbox.js +32 -1
  15. package/es/components/checkbox/checkbox.js.map +1 -1
  16. package/es/components/checkbox/checkbox.rtl.css.js +1 -1
  17. package/es/components/code-snippet/code-snippet-skeleton.d.ts +2 -2
  18. package/es/components/code-snippet/code-snippet-skeleton.d.ts.map +1 -1
  19. package/es/components/code-snippet/code-snippet-skeleton.js +4 -4
  20. package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
  21. package/es/components/code-snippet/code-snippet.css.js +1 -1
  22. package/es/components/code-snippet/code-snippet.d.ts +75 -29
  23. package/es/components/code-snippet/code-snippet.d.ts.map +1 -1
  24. package/es/components/code-snippet/code-snippet.js +370 -164
  25. package/es/components/code-snippet/code-snippet.js.map +1 -1
  26. package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
  27. package/es/components/copy/copy.d.ts +1 -2
  28. package/es/components/copy/copy.d.ts.map +1 -1
  29. package/es/components/copy/copy.js +6 -13
  30. package/es/components/copy/copy.js.map +1 -1
  31. package/es/components/copy-button/copy-button.css.js +1 -1
  32. package/es/components/copy-button/copy-button.d.ts +8 -0
  33. package/es/components/copy-button/copy-button.d.ts.map +1 -1
  34. package/es/components/copy-button/copy-button.js +38 -2
  35. package/es/components/copy-button/copy-button.js.map +1 -1
  36. package/es/components/copy-button/copy-button.rtl.css.js +1 -1
  37. package/es/components/data-table/data-table.css.js +1 -1
  38. package/es/components/data-table/data-table.rtl.css.js +1 -1
  39. package/es/components/data-table/defs.d.ts +0 -13
  40. package/es/components/data-table/defs.d.ts.map +1 -1
  41. package/es/components/data-table/defs.js +0 -9
  42. package/es/components/data-table/defs.js.map +1 -1
  43. package/es/components/data-table/index.d.ts +6 -5
  44. package/es/components/data-table/index.d.ts.map +1 -1
  45. package/es/components/data-table/index.js +6 -5
  46. package/es/components/data-table/index.js.map +1 -1
  47. package/es/components/data-table/table-batch-actions.d.ts +7 -2
  48. package/es/components/data-table/table-batch-actions.d.ts.map +1 -1
  49. package/es/components/data-table/table-batch-actions.js +25 -6
  50. package/es/components/data-table/table-batch-actions.js.map +1 -1
  51. package/es/components/data-table/table-body.d.ts +8 -4
  52. package/es/components/data-table/table-body.d.ts.map +1 -1
  53. package/es/components/data-table/table-body.js +21 -14
  54. package/es/components/data-table/table-body.js.map +1 -1
  55. package/es/components/data-table/table-cell-content.d.ts +21 -0
  56. package/es/components/data-table/table-cell-content.d.ts.map +1 -0
  57. package/es/components/data-table/table-cell-content.js +53 -0
  58. package/es/components/data-table/table-cell-content.js.map +1 -0
  59. package/es/components/data-table/table-cell.d.ts +15 -2
  60. package/es/components/data-table/table-cell.d.ts.map +1 -1
  61. package/es/components/data-table/table-cell.js +43 -8
  62. package/es/components/data-table/table-cell.js.map +1 -1
  63. package/es/components/data-table/table-expanded-row.d.ts +336 -2
  64. package/es/components/data-table/table-expanded-row.d.ts.map +1 -1
  65. package/es/components/data-table/table-expanded-row.js +69 -16
  66. package/es/components/data-table/table-expanded-row.js.map +1 -1
  67. package/es/components/data-table/table-head.d.ts +7 -2
  68. package/es/components/data-table/table-head.d.ts.map +1 -1
  69. package/es/components/data-table/table-head.js +15 -6
  70. package/es/components/data-table/table-head.js.map +1 -1
  71. package/es/components/data-table/table-header-cell.d.ts +21 -3
  72. package/es/components/data-table/table-header-cell.d.ts.map +1 -1
  73. package/es/components/data-table/table-header-cell.js +67 -10
  74. package/es/components/data-table/table-header-cell.js.map +1 -1
  75. package/es/components/data-table/table-header-description.d.ts +21 -0
  76. package/es/components/data-table/table-header-description.d.ts.map +1 -0
  77. package/es/components/data-table/table-header-description.js +53 -0
  78. package/es/components/data-table/table-header-description.js.map +1 -0
  79. package/es/components/data-table/table-header-row.d.ts +3 -3
  80. package/es/components/data-table/table-header-row.d.ts.map +1 -1
  81. package/es/components/data-table/table-header-row.js +6 -6
  82. package/es/components/data-table/table-header-row.js.map +1 -1
  83. package/es/components/data-table/table-header-title.d.ts +21 -0
  84. package/es/components/data-table/table-header-title.d.ts.map +1 -0
  85. package/es/components/data-table/table-header-title.js +53 -0
  86. package/es/components/data-table/table-header-title.js.map +1 -0
  87. package/es/components/data-table/table-row.d.ts +413 -5
  88. package/es/components/data-table/table-row.d.ts.map +1 -1
  89. package/es/components/data-table/table-row.js +386 -45
  90. package/es/components/data-table/table-row.js.map +1 -1
  91. package/es/components/data-table/table-skeleton.d.ts +59 -0
  92. package/es/components/data-table/table-skeleton.d.ts.map +1 -0
  93. package/es/components/data-table/table-skeleton.js +259 -0
  94. package/es/components/data-table/table-skeleton.js.map +1 -0
  95. package/es/components/data-table/table-toolbar-content.d.ts +6 -2
  96. package/es/components/data-table/table-toolbar-content.d.ts.map +1 -1
  97. package/es/components/data-table/table-toolbar-content.js +21 -4
  98. package/es/components/data-table/table-toolbar-content.js.map +1 -1
  99. package/es/components/data-table/table-toolbar-search.d.ts +7 -3
  100. package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
  101. package/es/components/data-table/table-toolbar-search.js +25 -8
  102. package/es/components/data-table/table-toolbar-search.js.map +1 -1
  103. package/es/components/data-table/table-toolbar.d.ts +19 -2
  104. package/es/components/data-table/table-toolbar.d.ts.map +1 -1
  105. package/es/components/data-table/table-toolbar.js +68 -13
  106. package/es/components/data-table/table-toolbar.js.map +1 -1
  107. package/es/components/data-table/table.d.ts +556 -6
  108. package/es/components/data-table/table.d.ts.map +1 -1
  109. package/es/components/data-table/table.js +1012 -15
  110. package/es/components/data-table/table.js.map +1 -1
  111. package/es/components/dropdown/defs.d.ts +6 -6
  112. package/es/components/dropdown/defs.d.ts.map +1 -1
  113. package/es/components/dropdown/defs.js +2 -2
  114. package/es/components/dropdown/defs.js.map +1 -1
  115. package/es/components/dropdown/dropdown-item.d.ts.map +1 -1
  116. package/es/components/dropdown/dropdown-item.js +1 -1
  117. package/es/components/dropdown/dropdown-item.js.map +1 -1
  118. package/es/components/dropdown/dropdown.d.ts +9 -2
  119. package/es/components/dropdown/dropdown.d.ts.map +1 -1
  120. package/es/components/dropdown/dropdown.js +83 -62
  121. package/es/components/dropdown/dropdown.js.map +1 -1
  122. package/es/components/file-uploader/demo-file-uploader.d.ts +1 -1
  123. package/es/components/file-uploader/demo-file-uploader.d.ts.map +1 -1
  124. package/es/components/file-uploader/demo-file-uploader.js +38 -4
  125. package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
  126. package/es/components/floating-menu/defs.d.ts +1 -39
  127. package/es/components/floating-menu/defs.d.ts.map +1 -1
  128. package/es/components/floating-menu/defs.js +2 -23
  129. package/es/components/floating-menu/defs.js.map +1 -1
  130. package/es/components/floating-menu/floating-menu-trigger.d.ts +3 -3
  131. package/es/components/floating-menu/floating-menu-trigger.d.ts.map +1 -1
  132. package/es/components/floating-menu/floating-menu.d.ts +11 -13
  133. package/es/components/floating-menu/floating-menu.d.ts.map +1 -1
  134. package/es/components/floating-menu/floating-menu.js +44 -54
  135. package/es/components/floating-menu/floating-menu.js.map +1 -1
  136. package/es/components/form/form-item.d.ts +2 -2
  137. package/es/components/form/form-item.d.ts.map +1 -1
  138. package/es/components/form/form-item.js +4 -4
  139. package/es/components/form/form-item.js.map +1 -1
  140. package/es/components/form-group/form-group.css.js +12 -0
  141. package/es/components/form-group/form-group.d.ts +44 -0
  142. package/es/components/form-group/form-group.d.ts.map +1 -0
  143. package/es/components/form-group/form-group.js +141 -0
  144. package/es/components/form-group/form-group.js.map +1 -0
  145. package/es/components/form-group/form-group.rtl.css.js +12 -0
  146. package/es/components/form-group/index.d.ts +11 -0
  147. package/es/components/form-group/index.d.ts.map +1 -0
  148. package/es/components/form-group/index.js +11 -0
  149. package/es/components/form-group/index.js.map +1 -0
  150. package/es/components/icon-button/icon-button.css.js +1 -1
  151. package/es/components/icon-button/icon-button.d.ts +1 -1
  152. package/es/components/icon-button/icon-button.d.ts.map +1 -1
  153. package/es/components/icon-button/icon-button.js +5 -3
  154. package/es/components/icon-button/icon-button.js.map +1 -1
  155. package/es/components/icon-button/icon-button.rtl.css.js +1 -1
  156. package/es/components/list/list.css.js +1 -1
  157. package/es/components/list/list.rtl.css.js +1 -1
  158. package/es/components/modal/defs.d.ts +3 -3
  159. package/es/components/modal/defs.d.ts.map +1 -1
  160. package/es/components/modal/defs.js +2 -2
  161. package/es/components/modal/defs.js.map +1 -1
  162. package/es/components/modal/index.d.ts +2 -1
  163. package/es/components/modal/index.d.ts.map +1 -1
  164. package/es/components/modal/index.js +2 -1
  165. package/es/components/modal/index.js.map +1 -1
  166. package/es/components/modal/modal-body-content.d.ts +21 -0
  167. package/es/components/modal/modal-body-content.d.ts.map +1 -0
  168. package/es/components/modal/modal-body-content.js +53 -0
  169. package/es/components/modal/modal-body-content.js.map +1 -0
  170. package/es/components/modal/modal-body.d.ts +2 -2
  171. package/es/components/modal/modal-body.d.ts.map +1 -1
  172. package/es/components/modal/modal-body.js +4 -4
  173. package/es/components/modal/modal-body.js.map +1 -1
  174. package/es/components/modal/modal-close-button.d.ts +5 -5
  175. package/es/components/modal/modal-close-button.d.ts.map +1 -1
  176. package/es/components/modal/modal-close-button.js +9 -9
  177. package/es/components/modal/modal-close-button.js.map +1 -1
  178. package/es/components/modal/modal-footer.d.ts +3 -3
  179. package/es/components/modal/modal-footer.d.ts.map +1 -1
  180. package/es/components/modal/modal-footer.js +13 -21
  181. package/es/components/modal/modal-footer.js.map +1 -1
  182. package/es/components/modal/modal-header.d.ts +2 -2
  183. package/es/components/modal/modal-header.d.ts.map +1 -1
  184. package/es/components/modal/modal-header.js +4 -4
  185. package/es/components/modal/modal-header.js.map +1 -1
  186. package/es/components/modal/modal-heading.d.ts +2 -2
  187. package/es/components/modal/modal-heading.d.ts.map +1 -1
  188. package/es/components/modal/modal-heading.js +4 -4
  189. package/es/components/modal/modal-heading.js.map +1 -1
  190. package/es/components/modal/modal-label.d.ts +2 -2
  191. package/es/components/modal/modal-label.d.ts.map +1 -1
  192. package/es/components/modal/modal-label.js +4 -4
  193. package/es/components/modal/modal-label.js.map +1 -1
  194. package/es/components/modal/modal.css.js +1 -1
  195. package/es/components/modal/modal.d.ts +33 -3
  196. package/es/components/modal/modal.d.ts.map +1 -1
  197. package/es/components/modal/modal.js +121 -14
  198. package/es/components/modal/modal.js.map +1 -1
  199. package/es/components/modal/modal.rtl.css.js +1 -1
  200. package/es/components/multi-select/defs.d.ts +27 -0
  201. package/es/components/multi-select/defs.d.ts.map +1 -0
  202. package/es/components/multi-select/defs.js +19 -0
  203. package/es/components/multi-select/defs.js.map +1 -0
  204. package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
  205. package/es/components/multi-select/multi-select-item.js +9 -14
  206. package/es/components/multi-select/multi-select-item.js.map +1 -1
  207. package/es/components/multi-select/multi-select.css.js +1 -1
  208. package/es/components/multi-select/multi-select.d.ts +44 -5
  209. package/es/components/multi-select/multi-select.d.ts.map +1 -1
  210. package/es/components/multi-select/multi-select.js +250 -32
  211. package/es/components/multi-select/multi-select.js.map +1 -1
  212. package/es/components/multi-select/multi-select.rtl.css.js +1 -1
  213. package/es/components/number-input/number-input.css.js +1 -1
  214. package/es/components/number-input/number-input.d.ts.map +1 -1
  215. package/es/components/number-input/number-input.js +1 -1
  216. package/es/components/number-input/number-input.js.map +1 -1
  217. package/es/components/number-input/number-input.rtl.css.js +1 -1
  218. package/es/components/overflow-menu/defs.d.ts +4 -9
  219. package/es/components/overflow-menu/defs.d.ts.map +1 -1
  220. package/es/components/overflow-menu/defs.js +1 -4
  221. package/es/components/overflow-menu/defs.js.map +1 -1
  222. package/es/components/overflow-menu/overflow-menu-body.d.ts +16 -15
  223. package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  224. package/es/components/overflow-menu/overflow-menu-body.js +49 -28
  225. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  226. package/es/components/overflow-menu/overflow-menu-item.d.ts +12 -3
  227. package/es/components/overflow-menu/overflow-menu-item.d.ts.map +1 -1
  228. package/es/components/overflow-menu/overflow-menu-item.js +44 -12
  229. package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
  230. package/es/components/overflow-menu/overflow-menu.css.js +1 -1
  231. package/es/components/overflow-menu/overflow-menu.d.ts +22 -10
  232. package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  233. package/es/components/overflow-menu/overflow-menu.js +89 -40
  234. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  235. package/es/components/overflow-menu/overflow-menu.rtl.css.js +1 -1
  236. package/es/components/pagination/defs.d.ts +27 -0
  237. package/es/components/pagination/defs.d.ts.map +1 -0
  238. package/es/components/pagination/defs.js +19 -0
  239. package/es/components/pagination/defs.js.map +1 -0
  240. package/es/components/pagination/index.d.ts +1 -3
  241. package/es/components/pagination/index.d.ts.map +1 -1
  242. package/es/components/pagination/index.js +1 -3
  243. package/es/components/pagination/index.js.map +1 -1
  244. package/es/components/pagination/pagination.css.js +1 -1
  245. package/es/components/pagination/pagination.d.ts +55 -20
  246. package/es/components/pagination/pagination.d.ts.map +1 -1
  247. package/es/components/pagination/pagination.js +303 -123
  248. package/es/components/pagination/pagination.js.map +1 -1
  249. package/es/components/pagination/pagination.rtl.css.js +1 -1
  250. package/es/components/progress-indicator/progress-indicator-skeleton.d.ts +1 -2
  251. package/es/components/progress-indicator/progress-indicator-skeleton.d.ts.map +1 -1
  252. package/es/components/progress-indicator/progress-indicator-skeleton.js +5 -5
  253. package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
  254. package/es/components/progress-indicator/progress-indicator.css.js +1 -1
  255. package/es/components/progress-indicator/progress-indicator.d.ts +8 -3
  256. package/es/components/progress-indicator/progress-indicator.d.ts.map +1 -1
  257. package/es/components/progress-indicator/progress-indicator.js +35 -8
  258. package/es/components/progress-indicator/progress-indicator.js.map +1 -1
  259. package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
  260. package/es/components/progress-indicator/progress-step-skeleton.d.ts +2 -2
  261. package/es/components/progress-indicator/progress-step-skeleton.d.ts.map +1 -1
  262. package/es/components/progress-indicator/progress-step-skeleton.js +12 -12
  263. package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
  264. package/es/components/progress-indicator/progress-step.d.ts +11 -3
  265. package/es/components/progress-indicator/progress-step.d.ts.map +1 -1
  266. package/es/components/progress-indicator/progress-step.js +65 -24
  267. package/es/components/progress-indicator/progress-step.js.map +1 -1
  268. package/es/components/radio-button/radio-button.css.js +1 -1
  269. package/es/components/radio-button/radio-button.d.ts +4 -0
  270. package/es/components/radio-button/radio-button.d.ts.map +1 -1
  271. package/es/components/radio-button/radio-button.js +22 -0
  272. package/es/components/radio-button/radio-button.js.map +1 -1
  273. package/es/components/radio-button/radio-button.rtl.css.js +1 -1
  274. package/es/components/select/select.css.js +1 -1
  275. package/es/components/select/select.d.ts.map +1 -1
  276. package/es/components/select/select.js +3 -1
  277. package/es/components/select/select.js.map +1 -1
  278. package/es/components/select/select.rtl.css.js +1 -1
  279. package/es/components/slider/slider.css.js +1 -1
  280. package/es/components/slider/slider.rtl.css.js +1 -1
  281. package/es/components/stack/defs.d.ts +29 -0
  282. package/es/components/stack/defs.d.ts.map +1 -0
  283. package/es/components/stack/defs.js +31 -0
  284. package/es/components/stack/defs.js.map +1 -0
  285. package/es/components/stack/index.d.ts +11 -0
  286. package/es/components/stack/index.d.ts.map +1 -0
  287. package/es/components/stack/index.js +11 -0
  288. package/es/components/stack/index.js.map +1 -0
  289. package/es/components/stack/stack.css.js +12 -0
  290. package/es/components/stack/stack.d.ts +46 -0
  291. package/es/components/stack/stack.d.ts.map +1 -0
  292. package/es/components/stack/stack.js +116 -0
  293. package/es/components/stack/stack.js.map +1 -0
  294. package/es/components/stack/stack.rtl.css.js +12 -0
  295. package/es/components/structured-list/structured-list.css.js +1 -1
  296. package/es/components/structured-list/structured-list.d.ts +9 -0
  297. package/es/components/structured-list/structured-list.d.ts.map +1 -1
  298. package/es/components/structured-list/structured-list.js +47 -1
  299. package/es/components/structured-list/structured-list.js.map +1 -1
  300. package/es/components/structured-list/structured-list.rtl.css.js +1 -1
  301. package/es/components/tabs/tabs.css.js +1 -1
  302. package/es/components/tabs/tabs.rtl.css.js +1 -1
  303. package/es/components/text-input/defs.d.ts +38 -0
  304. package/es/components/text-input/defs.d.ts.map +1 -1
  305. package/es/components/text-input/defs.js +24 -3
  306. package/es/components/text-input/defs.js.map +1 -1
  307. package/es/components/text-input/text-input.d.ts +4 -5
  308. package/es/components/text-input/text-input.d.ts.map +1 -1
  309. package/es/components/text-input/text-input.js +5 -6
  310. package/es/components/text-input/text-input.js.map +1 -1
  311. package/es/components/textarea/textarea.d.ts.map +1 -1
  312. package/es/components/textarea/textarea.js +1 -1
  313. package/es/components/textarea/textarea.js.map +1 -1
  314. package/es/components/tile/expandable-tile.d.ts +1 -3
  315. package/es/components/tile/expandable-tile.d.ts.map +1 -1
  316. package/es/components/tile/expandable-tile.js +1 -1
  317. package/es/components/tile/expandable-tile.js.map +1 -1
  318. package/es/components/tile/radio-tile.d.ts.map +1 -1
  319. package/es/components/tile/radio-tile.js +2 -2
  320. package/es/components/tile/radio-tile.js.map +1 -1
  321. package/es/components/toggle-tip/toggletip.d.ts +1 -1
  322. package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
  323. package/es/components/toggle-tip/toggletip.js +28 -3
  324. package/es/components/toggle-tip/toggletip.js.map +1 -1
  325. package/es/components/tooltip/tooltip.css.js +1 -1
  326. package/es/components/tooltip/tooltip.d.ts +12 -1
  327. package/es/components/tooltip/tooltip.d.ts.map +1 -1
  328. package/es/components/tooltip/tooltip.js +47 -1
  329. package/es/components/tooltip/tooltip.js.map +1 -1
  330. package/es/components/tooltip/tooltip.rtl.css.js +1 -1
  331. package/es/components/ui-shell/header-global-action.d.ts +31 -0
  332. package/es/components/ui-shell/header-global-action.d.ts.map +1 -0
  333. package/es/components/ui-shell/header-global-action.js +88 -0
  334. package/es/components/ui-shell/header-global-action.js.map +1 -0
  335. package/es/components/ui-shell/header-menu-button.d.ts +6 -6
  336. package/es/components/ui-shell/header-menu-button.d.ts.map +1 -1
  337. package/es/components/ui-shell/header-menu-button.js +10 -10
  338. package/es/components/ui-shell/header-menu-button.js.map +1 -1
  339. package/es/components/ui-shell/header-menu-item.d.ts +3 -3
  340. package/es/components/ui-shell/header-menu-item.d.ts.map +1 -1
  341. package/es/components/ui-shell/header-menu-item.js +6 -6
  342. package/es/components/ui-shell/header-menu-item.js.map +1 -1
  343. package/es/components/ui-shell/header-menu.d.ts +11 -3
  344. package/es/components/ui-shell/header-menu.d.ts.map +1 -1
  345. package/es/components/ui-shell/header-menu.js +47 -7
  346. package/es/components/ui-shell/header-menu.js.map +1 -1
  347. package/es/components/ui-shell/header-name.d.ts +3 -3
  348. package/es/components/ui-shell/header-name.d.ts.map +1 -1
  349. package/es/components/ui-shell/header-name.js +4 -4
  350. package/es/components/ui-shell/header-name.js.map +1 -1
  351. package/es/components/ui-shell/header-nav-item.d.ts +11 -3
  352. package/es/components/ui-shell/header-nav-item.d.ts.map +1 -1
  353. package/es/components/ui-shell/header-nav-item.js +39 -6
  354. package/es/components/ui-shell/header-nav-item.js.map +1 -1
  355. package/es/components/ui-shell/header-nav.d.ts +2 -2
  356. package/es/components/ui-shell/header-nav.d.ts.map +1 -1
  357. package/es/components/ui-shell/header-nav.js +5 -5
  358. package/es/components/ui-shell/header-nav.js.map +1 -1
  359. package/es/components/ui-shell/header-panel.d.ts +30 -0
  360. package/es/components/ui-shell/header-panel.d.ts.map +1 -0
  361. package/es/components/ui-shell/header-panel.js +72 -0
  362. package/es/components/ui-shell/header-panel.js.map +1 -0
  363. package/es/components/ui-shell/header-side-nav-items.d.ts +27 -0
  364. package/es/components/ui-shell/header-side-nav-items.d.ts.map +1 -0
  365. package/es/components/ui-shell/header-side-nav-items.js +80 -0
  366. package/es/components/ui-shell/header-side-nav-items.js.map +1 -0
  367. package/es/components/ui-shell/header.css.js +1 -1
  368. package/es/components/ui-shell/header.d.ts +2 -2
  369. package/es/components/ui-shell/header.d.ts.map +1 -1
  370. package/es/components/ui-shell/header.js +5 -5
  371. package/es/components/ui-shell/header.js.map +1 -1
  372. package/es/components/ui-shell/header.rtl.css.js +1 -1
  373. package/es/components/ui-shell/index.d.ts +5 -0
  374. package/es/components/ui-shell/index.d.ts.map +1 -1
  375. package/es/components/ui-shell/index.js +5 -0
  376. package/es/components/ui-shell/index.js.map +1 -1
  377. package/es/components/ui-shell/side-nav-divider.d.ts +2 -2
  378. package/es/components/ui-shell/side-nav-divider.d.ts.map +1 -1
  379. package/es/components/ui-shell/side-nav-divider.js +5 -5
  380. package/es/components/ui-shell/side-nav-divider.js.map +1 -1
  381. package/es/components/ui-shell/side-nav-items.d.ts +2 -2
  382. package/es/components/ui-shell/side-nav-items.d.ts.map +1 -1
  383. package/es/components/ui-shell/side-nav-items.js +6 -6
  384. package/es/components/ui-shell/side-nav-items.js.map +1 -1
  385. package/es/components/ui-shell/side-nav-link.d.ts +7 -3
  386. package/es/components/ui-shell/side-nav-link.d.ts.map +1 -1
  387. package/es/components/ui-shell/side-nav-link.js +18 -5
  388. package/es/components/ui-shell/side-nav-link.js.map +1 -1
  389. package/es/components/ui-shell/side-nav-menu-item.d.ts +3 -3
  390. package/es/components/ui-shell/side-nav-menu-item.d.ts.map +1 -1
  391. package/es/components/ui-shell/side-nav-menu-item.js +4 -4
  392. package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
  393. package/es/components/ui-shell/side-nav-menu.d.ts +7 -3
  394. package/es/components/ui-shell/side-nav-menu.d.ts.map +1 -1
  395. package/es/components/ui-shell/side-nav-menu.js +18 -5
  396. package/es/components/ui-shell/side-nav-menu.js.map +1 -1
  397. package/es/components/ui-shell/side-nav.css.js +1 -1
  398. package/es/components/ui-shell/side-nav.d.ts +35 -13
  399. package/es/components/ui-shell/side-nav.d.ts.map +1 -1
  400. package/es/components/ui-shell/side-nav.js +142 -48
  401. package/es/components/ui-shell/side-nav.js.map +1 -1
  402. package/es/components/ui-shell/side-nav.rtl.css.js +1 -1
  403. package/es/components/ui-shell/switcher-divider.d.ts +21 -0
  404. package/es/components/ui-shell/switcher-divider.d.ts.map +1 -0
  405. package/es/components/ui-shell/switcher-divider.js +56 -0
  406. package/es/components/ui-shell/switcher-divider.js.map +1 -0
  407. package/es/components/{pagination/page-sizes-select.d.ts → ui-shell/switcher-item.d.ts} +18 -22
  408. package/es/components/ui-shell/switcher-item.d.ts.map +1 -0
  409. package/es/components/ui-shell/switcher-item.js +162 -0
  410. package/es/components/ui-shell/switcher-item.js.map +1 -0
  411. package/es/components/ui-shell/switcher.d.ts +35 -0
  412. package/es/components/ui-shell/switcher.d.ts.map +1 -0
  413. package/es/components/ui-shell/switcher.js +95 -0
  414. package/es/components/ui-shell/switcher.js.map +1 -0
  415. package/es/components-react/code-snippet/code-snippet-skeleton.d.ts +2 -2
  416. package/es/components-react/code-snippet/code-snippet.d.ts +2 -2
  417. package/es/components-react/data-table/table-batch-actions.d.ts +2 -2
  418. package/es/components-react/data-table/table-body.d.ts +2 -2
  419. package/es/components-react/{pagination/pages-select.d.ts → data-table/table-cell-content.d.ts} +2 -6
  420. package/es/components-react/{pagination/pages-select.js → data-table/table-cell-content.js} +4 -10
  421. package/es/components-react/data-table/table-cell.d.ts +2 -2
  422. package/es/components-react/data-table/table-expanded-row.d.ts +2 -2
  423. package/es/components-react/data-table/table-head.d.ts +2 -2
  424. package/es/components-react/data-table/table-header-cell.d.ts +2 -2
  425. package/es/components-react/{pagination/page-sizes-select.d.ts → data-table/table-header-description.d.ts} +2 -6
  426. package/es/components-react/{pagination/page-sizes-select.js → data-table/table-header-description.js} +4 -10
  427. package/es/components-react/data-table/table-header-row.d.ts +2 -2
  428. package/es/components-react/data-table/table-header-title.d.ts +15 -0
  429. package/es/components-react/data-table/{table-header-cell-skeleton.js → table-header-title.js} +4 -6
  430. package/es/components-react/data-table/table-row.d.ts +19 -2
  431. package/es/components-react/data-table/table-row.js +16 -0
  432. package/es/components-react/data-table/table-skeleton.d.ts +15 -0
  433. package/es/components-react/data-table/table-skeleton.js +21 -0
  434. package/es/components-react/data-table/table-toolbar-content.d.ts +2 -2
  435. package/es/components-react/data-table/table-toolbar-search.d.ts +2 -2
  436. package/es/components-react/data-table/table-toolbar.d.ts +2 -2
  437. package/es/components-react/data-table/table.d.ts +44 -2
  438. package/es/components-react/data-table/table.js +45 -3
  439. package/es/components-react/file-uploader/demo-file-uploader.d.ts +0 -49
  440. package/es/components-react/file-uploader/demo-file-uploader.js +3 -51
  441. package/es/components-react/floating-menu/floating-menu.d.ts +2 -2
  442. package/es/components-react/floating-menu/floating-menu.js +0 -2
  443. package/es/components-react/form/form-item.d.ts +2 -2
  444. package/es/components-react/form-group/form-group.d.ts +15 -0
  445. package/es/components-react/form-group/form-group.js +21 -0
  446. package/es/components-react/form-group/index.d.ts +14 -0
  447. package/es/components-react/form-group/index.js +8 -0
  448. package/es/components-react/modal/modal-body-content.d.ts +15 -0
  449. package/es/components-react/modal/modal-body-content.js +21 -0
  450. package/es/components-react/modal/modal-body.d.ts +2 -2
  451. package/es/components-react/modal/modal-close-button.d.ts +2 -2
  452. package/es/components-react/modal/modal-footer.d.ts +2 -2
  453. package/es/components-react/modal/modal-header.d.ts +2 -2
  454. package/es/components-react/modal/modal-heading.d.ts +2 -2
  455. package/es/components-react/modal/modal-label.d.ts +2 -2
  456. package/es/components-react/modal/modal.d.ts +2 -2
  457. package/es/components-react/multi-select/defs.d.ts +14 -0
  458. package/es/components-react/multi-select/defs.js +9 -0
  459. package/es/components-react/multi-select/multi-select.js +6 -1
  460. package/es/components-react/overflow-menu/overflow-menu-body.d.ts +2 -2
  461. package/es/components-react/overflow-menu/overflow-menu-item.d.ts +2 -2
  462. package/es/components-react/overflow-menu/overflow-menu.d.ts +4 -5
  463. package/es/components-react/overflow-menu/overflow-menu.js +5 -3
  464. package/es/components-react/pagination/defs.d.ts +14 -0
  465. package/es/components-react/pagination/defs.js +9 -0
  466. package/es/components-react/pagination/pagination.d.ts +3 -7
  467. package/es/components-react/pagination/pagination.js +3 -7
  468. package/es/components-react/progress-indicator/progress-indicator-skeleton.d.ts +2 -3
  469. package/es/components-react/progress-indicator/progress-indicator.d.ts +2 -3
  470. package/es/components-react/progress-indicator/progress-step-skeleton.d.ts +2 -3
  471. package/es/components-react/progress-indicator/progress-step.d.ts +2 -3
  472. package/es/components-react/stack/defs.d.ts +14 -0
  473. package/es/components-react/stack/defs.js +9 -0
  474. package/es/components-react/stack/index.d.ts +14 -0
  475. package/es/components-react/stack/index.js +8 -0
  476. package/es/components-react/stack/stack.d.ts +15 -0
  477. package/es/components-react/stack/stack.js +22 -0
  478. package/es/components-react/text-input/text-input.js +7 -1
  479. package/es/components-react/toggle-tip/toggletip.d.ts +0 -5
  480. package/es/components-react/toggle-tip/toggletip.js +3 -13
  481. package/es/components-react/{data-table/table-cell-skeleton.d.ts → ui-shell/header-global-action.d.ts} +3 -3
  482. package/es/components-react/{data-table/table-cell-skeleton.js → ui-shell/header-global-action.js} +4 -4
  483. package/es/components-react/ui-shell/header-menu-button.d.ts +2 -2
  484. package/es/components-react/ui-shell/header-menu-item.d.ts +2 -2
  485. package/es/components-react/ui-shell/header-menu.d.ts +2 -2
  486. package/es/components-react/ui-shell/header-name.d.ts +2 -2
  487. package/es/components-react/ui-shell/header-nav-item.d.ts +2 -2
  488. package/es/components-react/ui-shell/header-nav.d.ts +2 -2
  489. package/es/components-react/ui-shell/header-panel.d.ts +15 -0
  490. package/es/components-react/ui-shell/header-panel.js +21 -0
  491. package/es/components-react/ui-shell/header-side-nav-items.d.ts +15 -0
  492. package/es/components-react/ui-shell/header-side-nav-items.js +21 -0
  493. package/es/components-react/ui-shell/header.d.ts +2 -2
  494. package/es/components-react/ui-shell/side-nav-divider.d.ts +2 -2
  495. package/es/components-react/ui-shell/side-nav-items.d.ts +2 -2
  496. package/es/components-react/ui-shell/side-nav-link.d.ts +2 -2
  497. package/es/components-react/ui-shell/side-nav-menu-item.d.ts +2 -2
  498. package/es/components-react/ui-shell/side-nav-menu.d.ts +2 -2
  499. package/es/components-react/ui-shell/side-nav.d.ts +2 -2
  500. package/es/components-react/ui-shell/switcher-divider.d.ts +15 -0
  501. package/es/components-react/ui-shell/switcher-divider.js +21 -0
  502. package/es/components-react/ui-shell/switcher-item.d.ts +15 -0
  503. package/es/components-react/ui-shell/switcher-item.js +21 -0
  504. package/es/components-react/ui-shell/switcher.d.ts +15 -0
  505. package/es/components-react/ui-shell/switcher.js +21 -0
  506. package/es/icons/arrow--down/16.js +1 -1
  507. package/es/icons/arrow--down/32.js +1 -1
  508. package/es/icons/arrows--vertical/16.js +1 -1
  509. package/es/icons/arrows--vertical/32.js +1 -1
  510. package/es/icons/overflow-menu--vertical/16.js +1 -1
  511. package/es/index.d.ts +12 -2
  512. package/es/index.d.ts.map +1 -1
  513. package/es/index.js +12 -2
  514. package/es/index.js.map +1 -1
  515. package/lib/components/data-table/defs.js +1 -10
  516. package/lib/components/data-table/defs.js.map +1 -1
  517. package/lib/components/dropdown/defs.js +2 -2
  518. package/lib/components/dropdown/defs.js.map +1 -1
  519. package/lib/components/floating-menu/defs.js +3 -24
  520. package/lib/components/floating-menu/defs.js.map +1 -1
  521. package/lib/components/modal/defs.js +2 -2
  522. package/lib/components/modal/defs.js.map +1 -1
  523. package/lib/components/multi-select/defs.js +25 -0
  524. package/lib/components/multi-select/defs.js.map +1 -0
  525. package/lib/components/overflow-menu/defs.js +2 -11
  526. package/lib/components/overflow-menu/defs.js.map +1 -1
  527. package/lib/components/pagination/defs.js +25 -0
  528. package/lib/components/pagination/defs.js.map +1 -0
  529. package/lib/components/stack/defs.js +36 -0
  530. package/lib/components/stack/defs.js.map +1 -0
  531. package/lib/components/text-input/defs.js +25 -4
  532. package/lib/components/text-input/defs.js.map +1 -1
  533. package/lib/components-react-node/{pagination/pages-select.js → data-table/table-cell-content.js} +3 -9
  534. package/lib/components-react-node/{pagination/page-sizes-select.js → data-table/table-header-description.js} +3 -9
  535. package/lib/components-react-node/data-table/{table-cell-skeleton.js → table-header-title.js} +3 -4
  536. package/lib/components-react-node/data-table/table-row.js +16 -0
  537. package/lib/components-react-node/data-table/{table-header-cell-skeleton.js → table-skeleton.js} +3 -4
  538. package/lib/components-react-node/data-table/table.js +44 -8
  539. package/lib/components-react-node/file-uploader/demo-file-uploader.js +3 -89
  540. package/lib/components-react-node/floating-menu/floating-menu.js +0 -12
  541. package/lib/components-react-node/form-group/form-group.js +36 -0
  542. package/lib/components-react-node/form-group/index.js +9 -0
  543. package/lib/components-react-node/modal/modal-body-content.js +36 -0
  544. package/lib/components-react-node/multi-select/defs.js +24 -0
  545. package/lib/components-react-node/multi-select/multi-select.js +13 -0
  546. package/lib/components-react-node/overflow-menu/overflow-menu.js +3 -8
  547. package/lib/components-react-node/pagination/defs.js +24 -0
  548. package/lib/components-react-node/pagination/pagination.js +3 -7
  549. package/lib/components-react-node/stack/defs.js +24 -0
  550. package/lib/components-react-node/stack/index.js +9 -0
  551. package/lib/components-react-node/stack/stack.js +49 -0
  552. package/lib/components-react-node/text-input/text-input.js +12 -0
  553. package/lib/components-react-node/toggle-tip/toggletip.js +3 -51
  554. package/lib/components-react-node/ui-shell/header-global-action.js +37 -0
  555. package/lib/components-react-node/ui-shell/header-panel.js +36 -0
  556. package/lib/components-react-node/ui-shell/header-side-nav-items.js +36 -0
  557. package/lib/components-react-node/ui-shell/switcher-divider.js +36 -0
  558. package/lib/components-react-node/ui-shell/switcher-item.js +36 -0
  559. package/lib/components-react-node/ui-shell/switcher.js +36 -0
  560. package/package.json +6 -7
  561. package/scss/components/button/button.scss +48 -1
  562. package/scss/components/checkbox/checkbox.scss +16 -0
  563. package/scss/components/code-snippet/code-snippet.scss +82 -101
  564. package/scss/components/copy-button/copy-button.scss +17 -0
  565. package/scss/components/data-table/_table-action.scss +50 -32
  566. package/scss/components/data-table/_table-core.scss +253 -29
  567. package/scss/components/data-table/_table-expandable.scss +25 -32
  568. package/scss/components/data-table/_table-selection.scss +36 -20
  569. package/scss/components/data-table/_table-sizes.scss +162 -20
  570. package/scss/components/data-table/_table-sort.scss +5 -21
  571. package/scss/components/data-table/data-table.scss +4 -3
  572. package/scss/components/form-group/form-group.scss +23 -0
  573. package/scss/components/modal/modal.scss +61 -87
  574. package/scss/components/multi-select/multi-select.scss +54 -19
  575. package/scss/components/overflow-menu/overflow-menu.scss +21 -9
  576. package/scss/components/pagination/pagination.scss +0 -66
  577. package/scss/components/progress-indicator/progress-indicator.scss +11 -10
  578. package/scss/components/radio-button/radio-button.scss +11 -1
  579. package/scss/components/select/select.scss +28 -1
  580. package/scss/components/stack/stack.scss +33 -0
  581. package/scss/components/structured-list/structured-list.scss +90 -20
  582. package/scss/components/tooltip/tooltip.scss +26 -0
  583. package/scss/components/ui-shell/header.scss +69 -0
  584. package/scss/components/ui-shell/side-nav.scss +27 -49
  585. package/es/components/data-table/table-cell-skeleton.d.ts +0 -20
  586. package/es/components/data-table/table-cell-skeleton.d.ts.map +0 -1
  587. package/es/components/data-table/table-cell-skeleton.js +0 -42
  588. package/es/components/data-table/table-cell-skeleton.js.map +0 -1
  589. package/es/components/data-table/table-expand-row.d.ts +0 -371
  590. package/es/components/data-table/table-expand-row.d.ts.map +0 -1
  591. package/es/components/data-table/table-expand-row.js +0 -192
  592. package/es/components/data-table/table-expand-row.js.map +0 -1
  593. package/es/components/data-table/table-header-cell-skeleton.d.ts +0 -19
  594. package/es/components/data-table/table-header-cell-skeleton.d.ts.map +0 -1
  595. package/es/components/data-table/table-header-cell-skeleton.js +0 -33
  596. package/es/components/data-table/table-header-cell-skeleton.js.map +0 -1
  597. package/es/components/data-table/table-header-expand-row.d.ts +0 -33
  598. package/es/components/data-table/table-header-expand-row.d.ts.map +0 -1
  599. package/es/components/data-table/table-header-expand-row.js +0 -68
  600. package/es/components/data-table/table-header-expand-row.js.map +0 -1
  601. package/es/components/pagination/page-sizes-select.d.ts.map +0 -1
  602. package/es/components/pagination/page-sizes-select.js +0 -172
  603. package/es/components/pagination/page-sizes-select.js.map +0 -1
  604. package/es/components/pagination/pages-select.d.ts +0 -362
  605. package/es/components/pagination/pages-select.d.ts.map +0 -1
  606. package/es/components/pagination/pages-select.js +0 -185
  607. package/es/components/pagination/pages-select.js.map +0 -1
  608. package/es/components-react/data-table/table-expand-row.d.ts +0 -24
  609. package/es/components-react/data-table/table-expand-row.js +0 -33
  610. package/es/components-react/data-table/table-header-cell-skeleton.d.ts +0 -14
  611. package/es/components-react/data-table/table-header-expand-row.d.ts +0 -29
  612. package/es/components-react/data-table/table-header-expand-row.js +0 -37
  613. package/lib/components-react-node/data-table/table-expand-row.js +0 -47
  614. package/lib/components-react-node/data-table/table-header-expand-row.js +0 -51
  615. package/scss/components/data-table/_table-skeleton.scss +0 -27
@@ -1 +1 @@
1
- {"version":3,"sources":["components/data-table/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,kBAAkB;IAC5B;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;CACV;AAED;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,wBAAwB,6BAA6B;IACrD,yBAAyB,8BAA8B;IACvD,yBAAyB,8BAA8B;IACvD,0BAA0B,+BAA+B;CAC1D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;CAmB7B,CAAC","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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\n/**\n * Table color scheme.\n */\nexport enum TABLE_COLOR_SCHEME {\n /**\n * Regular color scheme.\n */\n REGULAR = '',\n\n /**\n * Color scheme with zebra stripe.\n */\n ZEBRA = 'zebra',\n}\n\n/**\n * Table size.\n */\nexport enum TABLE_SIZE {\n /**\n * xs size.\n */\n XS = 'xs',\n\n /**\n * sm size.\n */\n SM = 'sm',\n\n /**\n * md size.\n */\n MD = 'md',\n\n /**\n * lg size - default.\n */\n LG = 'lg',\n\n /**\n * xl size.\n */\n XL = 'xl',\n}\n\n/**\n * Table sort state.\n */\nexport enum TABLE_SORT_DIRECTION {\n /**\n * Not sorted.\n */\n NONE = 'none',\n\n /**\n * Sorted ascendingly.\n */\n ASCENDING = 'ascending',\n\n /**\n * Sorted descendingly.\n */\n DESCENDING = 'descending',\n}\n\n/**\n * Table sort cycle.\n */\nexport enum TABLE_SORT_CYCLE {\n BI_STATES_FROM_ASCENDING = 'bi-states-from-ascending',\n BI_STATES_FROM_DESCENDING = 'bi-states-from-descending',\n TRI_STATES_FROM_ASCENDING = 'tri-states-from-ascending',\n TRI_STATES_FROM_DESCENDING = 'tri-states-from-descending',\n}\n\n/**\n * Mapping of table sort cycles to table sort states.\n */\nexport const TABLE_SORT_CYCLES = {\n [TABLE_SORT_CYCLE.BI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.BI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n};\n"]}
1
+ {"version":3,"sources":["components/data-table/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;CACV;AAED;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,wBAAwB,6BAA6B;IACrD,yBAAyB,8BAA8B;IACvD,yBAAyB,8BAA8B;IACvD,0BAA0B,+BAA+B;CAC1D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;CAmB7B,CAAC","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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\n/**\n * Table size.\n */\nexport enum TABLE_SIZE {\n /**\n * xs size.\n */\n XS = 'xs',\n\n /**\n * sm size.\n */\n SM = 'sm',\n\n /**\n * md size.\n */\n MD = 'md',\n\n /**\n * lg size - default.\n */\n LG = 'lg',\n\n /**\n * xl size.\n */\n XL = 'xl',\n}\n\n/**\n * Table sort state.\n */\nexport enum TABLE_SORT_DIRECTION {\n /**\n * Not sorted.\n */\n NONE = 'none',\n\n /**\n * Sorted ascendingly.\n */\n ASCENDING = 'ascending',\n\n /**\n * Sorted descendingly.\n */\n DESCENDING = 'descending',\n}\n\n/**\n * Table sort cycle.\n */\nexport enum TABLE_SORT_CYCLE {\n BI_STATES_FROM_ASCENDING = 'bi-states-from-ascending',\n BI_STATES_FROM_DESCENDING = 'bi-states-from-descending',\n TRI_STATES_FROM_ASCENDING = 'tri-states-from-ascending',\n TRI_STATES_FROM_DESCENDING = 'tri-states-from-descending',\n}\n\n/**\n * Mapping of table sort cycles to table sort states.\n */\nexport const TABLE_SORT_CYCLES = {\n [TABLE_SORT_CYCLE.BI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.BI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n};\n"]}
@@ -7,18 +7,9 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
 
10
- /**
11
- * Table color scheme.
12
- */
13
- export let TABLE_COLOR_SCHEME;
14
-
15
10
  /**
16
11
  * Table size.
17
12
  */
18
- (function (TABLE_COLOR_SCHEME) {
19
- TABLE_COLOR_SCHEME["REGULAR"] = "";
20
- TABLE_COLOR_SCHEME["ZEBRA"] = "zebra";
21
- })(TABLE_COLOR_SCHEME || (TABLE_COLOR_SCHEME = {}));
22
13
  export let TABLE_SIZE;
23
14
 
24
15
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"defs.js","names":["TABLE_COLOR_SCHEME","TABLE_SIZE","TABLE_SORT_DIRECTION","TABLE_SORT_CYCLE","TABLE_SORT_CYCLES","BI_STATES_FROM_ASCENDING","ASCENDING","DESCENDING","BI_STATES_FROM_DESCENDING","TRI_STATES_FROM_ASCENDING","NONE","TRI_STATES_FROM_DESCENDING"],"sources":["components/data-table/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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\n/**\n * Table color scheme.\n */\nexport enum TABLE_COLOR_SCHEME {\n /**\n * Regular color scheme.\n */\n REGULAR = '',\n\n /**\n * Color scheme with zebra stripe.\n */\n ZEBRA = 'zebra',\n}\n\n/**\n * Table size.\n */\nexport enum TABLE_SIZE {\n /**\n * xs size.\n */\n XS = 'xs',\n\n /**\n * sm size.\n */\n SM = 'sm',\n\n /**\n * md size.\n */\n MD = 'md',\n\n /**\n * lg size - default.\n */\n LG = 'lg',\n\n /**\n * xl size.\n */\n XL = 'xl',\n}\n\n/**\n * Table sort state.\n */\nexport enum TABLE_SORT_DIRECTION {\n /**\n * Not sorted.\n */\n NONE = 'none',\n\n /**\n * Sorted ascendingly.\n */\n ASCENDING = 'ascending',\n\n /**\n * Sorted descendingly.\n */\n DESCENDING = 'descending',\n}\n\n/**\n * Table sort cycle.\n */\nexport enum TABLE_SORT_CYCLE {\n BI_STATES_FROM_ASCENDING = 'bi-states-from-ascending',\n BI_STATES_FROM_DESCENDING = 'bi-states-from-descending',\n TRI_STATES_FROM_ASCENDING = 'tri-states-from-ascending',\n TRI_STATES_FROM_DESCENDING = 'tri-states-from-descending',\n}\n\n/**\n * Mapping of table sort cycles to table sort states.\n */\nexport const TABLE_SORT_CYCLES = {\n [TABLE_SORT_CYCLE.BI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.BI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,kBAAkB;;AAY9B;AACA;AACA;AAFA,WAZYA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB;AAe9B,WAAYC,UAAU;;AA2BtB;AACA;AACA;AAFA,WA3BYA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AA8BtB,WAAYC,oBAAoB;;AAiBhC;AACA;AACA;AAFA,WAjBYA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;AAAA,GAApBA,oBAAoB,KAApBA,oBAAoB;AAoBhC,WAAYC,gBAAgB;;AAO5B;AACA;AACA;AAFA,WAPYA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAhBA,gBAAgB;AAU5B,OAAO,MAAMC,iBAAiB,GAAG;EAC/B,CAACD,gBAAgB,CAACE,wBAAwB,GAAG,CAC3CH,oBAAoB,CAACI,SAAS,EAC9BJ,oBAAoB,CAACK,UAAU,CAChC;EACD,CAACJ,gBAAgB,CAACK,yBAAyB,GAAG,CAC5CN,oBAAoB,CAACK,UAAU,EAC/BL,oBAAoB,CAACI,SAAS,CAC/B;EACD,CAACH,gBAAgB,CAACM,yBAAyB,GAAG,CAC5CP,oBAAoB,CAACQ,IAAI,EACzBR,oBAAoB,CAACI,SAAS,EAC9BJ,oBAAoB,CAACK,UAAU,CAChC;EACD,CAACJ,gBAAgB,CAACQ,0BAA0B,GAAG,CAC7CT,oBAAoB,CAACQ,IAAI,EACzBR,oBAAoB,CAACK,UAAU,EAC/BL,oBAAoB,CAACI,SAAS;AAElC,CAAC"}
1
+ {"version":3,"file":"defs.js","names":["TABLE_SIZE","TABLE_SORT_DIRECTION","TABLE_SORT_CYCLE","TABLE_SORT_CYCLES","BI_STATES_FROM_ASCENDING","ASCENDING","DESCENDING","BI_STATES_FROM_DESCENDING","TRI_STATES_FROM_ASCENDING","NONE","TRI_STATES_FROM_DESCENDING"],"sources":["components/data-table/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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\n/**\n * Table size.\n */\nexport enum TABLE_SIZE {\n /**\n * xs size.\n */\n XS = 'xs',\n\n /**\n * sm size.\n */\n SM = 'sm',\n\n /**\n * md size.\n */\n MD = 'md',\n\n /**\n * lg size - default.\n */\n LG = 'lg',\n\n /**\n * xl size.\n */\n XL = 'xl',\n}\n\n/**\n * Table sort state.\n */\nexport enum TABLE_SORT_DIRECTION {\n /**\n * Not sorted.\n */\n NONE = 'none',\n\n /**\n * Sorted ascendingly.\n */\n ASCENDING = 'ascending',\n\n /**\n * Sorted descendingly.\n */\n DESCENDING = 'descending',\n}\n\n/**\n * Table sort cycle.\n */\nexport enum TABLE_SORT_CYCLE {\n BI_STATES_FROM_ASCENDING = 'bi-states-from-ascending',\n BI_STATES_FROM_DESCENDING = 'bi-states-from-descending',\n TRI_STATES_FROM_ASCENDING = 'tri-states-from-ascending',\n TRI_STATES_FROM_DESCENDING = 'tri-states-from-descending',\n}\n\n/**\n * Mapping of table sort cycles to table sort states.\n */\nexport const TABLE_SORT_CYCLES = {\n [TABLE_SORT_CYCLE.BI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.BI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,UAAU;;AA2BtB;AACA;AACA;AAFA,WA3BYA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AA8BtB,WAAYC,oBAAoB;;AAiBhC;AACA;AACA;AAFA,WAjBYA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;AAAA,GAApBA,oBAAoB,KAApBA,oBAAoB;AAoBhC,WAAYC,gBAAgB;;AAO5B;AACA;AACA;AAFA,WAPYA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAhBA,gBAAgB;AAU5B,OAAO,MAAMC,iBAAiB,GAAG;EAC/B,CAACD,gBAAgB,CAACE,wBAAwB,GAAG,CAC3CH,oBAAoB,CAACI,SAAS,EAC9BJ,oBAAoB,CAACK,UAAU,CAChC;EACD,CAACJ,gBAAgB,CAACK,yBAAyB,GAAG,CAC5CN,oBAAoB,CAACK,UAAU,EAC/BL,oBAAoB,CAACI,SAAS,CAC/B;EACD,CAACH,gBAAgB,CAACM,yBAAyB,GAAG,CAC5CP,oBAAoB,CAACQ,IAAI,EACzBR,oBAAoB,CAACI,SAAS,EAC9BJ,oBAAoB,CAACK,UAAU,CAChC;EACD,CAACJ,gBAAgB,CAACQ,0BAA0B,GAAG,CAC7CT,oBAAoB,CAACQ,IAAI,EACzBR,oBAAoB,CAACK,UAAU,EAC/BL,oBAAoB,CAACI,SAAS;AAElC,CAAC"}
@@ -1,24 +1,25 @@
1
1
  /**
2
2
  * @license
3
3
  *
4
- * Copyright IBM Corp. 2021
4
+ * Copyright IBM Corp. 2021, 2023
5
5
  *
6
6
  * This source code is licensed under the Apache-2.0 license found in the
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  import './table';
10
+ import './table-skeleton';
11
+ import './table-header-title';
12
+ import './table-header-description';
10
13
  import './table-batch-actions';
11
14
  import './table-body';
12
15
  import './table-cell';
13
- import './table-cell-skeleton';
14
- import './table-expand-row';
16
+ import './table-cell-content';
15
17
  import './table-expanded-row';
16
18
  import './table-head';
17
19
  import './table-header-cell';
18
- import './table-header-cell-skeleton';
19
- import './table-header-expand-row';
20
20
  import './table-header-row';
21
21
  import './table-row';
22
+ import './table-skeleton';
22
23
  import './table-toolbar';
23
24
  import './table-toolbar-content';
24
25
  import './table-toolbar-search';
@@ -1 +1 @@
1
- {"version":3,"sources":["components/data-table/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,SAAS,CAAC;AACjB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,cAAc,CAAC;AACtB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,8BAA8B,CAAC;AACtC,OAAO,2BAA2B,CAAC;AACnC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC;AACrB,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './table';\nimport './table-batch-actions';\nimport './table-body';\nimport './table-cell';\nimport './table-cell-skeleton';\nimport './table-expand-row';\nimport './table-expanded-row';\nimport './table-head';\nimport './table-header-cell';\nimport './table-header-cell-skeleton';\nimport './table-header-expand-row';\nimport './table-header-row';\nimport './table-row';\nimport './table-toolbar';\nimport './table-toolbar-content';\nimport './table-toolbar-search';\n"]}
1
+ {"version":3,"sources":["components/data-table/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,SAAS,CAAC;AACjB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,4BAA4B,CAAC;AACpC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,cAAc,CAAC;AACtB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 './table';\nimport './table-skeleton';\nimport './table-header-title';\nimport './table-header-description';\nimport './table-batch-actions';\nimport './table-body';\nimport './table-cell';\nimport './table-cell-content';\nimport './table-expanded-row';\nimport './table-head';\nimport './table-header-cell';\nimport './table-header-row';\nimport './table-row';\nimport './table-skeleton';\nimport './table-toolbar';\nimport './table-toolbar-content';\nimport './table-toolbar-search';\n"]}
@@ -1,25 +1,26 @@
1
1
  /**
2
2
  * @license
3
3
  *
4
- * Copyright IBM Corp. 2021
4
+ * Copyright IBM Corp. 2021, 2023
5
5
  *
6
6
  * This source code is licensed under the Apache-2.0 license found in the
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
 
10
10
  import './table';
11
+ import './table-skeleton';
12
+ import './table-header-title';
13
+ import './table-header-description';
11
14
  import './table-batch-actions';
12
15
  import './table-body';
13
16
  import './table-cell';
14
- import './table-cell-skeleton';
15
- import './table-expand-row';
17
+ import './table-cell-content';
16
18
  import './table-expanded-row';
17
19
  import './table-head';
18
20
  import './table-header-cell';
19
- import './table-header-cell-skeleton';
20
- import './table-header-expand-row';
21
21
  import './table-header-row';
22
22
  import './table-row';
23
+ import './table-skeleton';
23
24
  import './table-toolbar';
24
25
  import './table-toolbar-content';
25
26
  import './table-toolbar-search';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["components/data-table/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './table';\nimport './table-batch-actions';\nimport './table-body';\nimport './table-cell';\nimport './table-cell-skeleton';\nimport './table-expand-row';\nimport './table-expanded-row';\nimport './table-head';\nimport './table-header-cell';\nimport './table-header-cell-skeleton';\nimport './table-header-expand-row';\nimport './table-header-row';\nimport './table-row';\nimport './table-toolbar';\nimport './table-toolbar-content';\nimport './table-toolbar-search';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,SAAS;AAChB,OAAO,uBAAuB;AAC9B,OAAO,cAAc;AACrB,OAAO,cAAc;AACrB,OAAO,uBAAuB;AAC9B,OAAO,oBAAoB;AAC3B,OAAO,sBAAsB;AAC7B,OAAO,cAAc;AACrB,OAAO,qBAAqB;AAC5B,OAAO,8BAA8B;AACrC,OAAO,2BAA2B;AAClC,OAAO,oBAAoB;AAC3B,OAAO,aAAa;AACpB,OAAO,iBAAiB;AACxB,OAAO,yBAAyB;AAChC,OAAO,wBAAwB"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["components/data-table/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 './table';\nimport './table-skeleton';\nimport './table-header-title';\nimport './table-header-description';\nimport './table-batch-actions';\nimport './table-body';\nimport './table-cell';\nimport './table-cell-content';\nimport './table-expanded-row';\nimport './table-head';\nimport './table-header-cell';\nimport './table-header-row';\nimport './table-row';\nimport './table-skeleton';\nimport './table-toolbar';\nimport './table-toolbar-content';\nimport './table-toolbar-search';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,SAAS;AAChB,OAAO,kBAAkB;AACzB,OAAO,sBAAsB;AAC7B,OAAO,4BAA4B;AACnC,OAAO,uBAAuB;AAC9B,OAAO,cAAc;AACrB,OAAO,cAAc;AACrB,OAAO,sBAAsB;AAC7B,OAAO,sBAAsB;AAC7B,OAAO,cAAc;AACrB,OAAO,qBAAqB;AAC5B,OAAO,oBAAoB;AAC3B,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,OAAO,iBAAiB;AACxB,OAAO,yBAAyB;AAChC,OAAO,wBAAwB"}
@@ -13,7 +13,7 @@ import { LitElement } from 'lit';
13
13
  * @element cds-table-batch-actions
14
14
  * @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.
15
15
  */
16
- declare class BXTableBatchActions extends LitElement {
16
+ declare class CDSTableBatchActions extends LitElement {
17
17
  /**
18
18
  * Handles `click` event on the Cancel button.
19
19
  */
@@ -33,14 +33,19 @@ declare class BXTableBatchActions extends LitElement {
33
33
  * This number is used to derive the selection message.
34
34
  */
35
35
  selectedRowsCount: number;
36
+ firstUpdated(): void;
36
37
  updated(changedProperties: any): void;
37
38
  render(): import("lit-html").TemplateResult<1>;
39
+ /**
40
+ * The CSS selector to find the action buttons.
41
+ */
42
+ static get selectorButtons(): string;
38
43
  /**
39
44
  * The name of the custom event fired after the Cancel button is clicked.
40
45
  */
41
46
  static get eventClickCancel(): string;
42
47
  static styles: any;
43
48
  }
44
- export default BXTableBatchActions;
49
+ export default CDSTableBatchActions;
45
50
 
46
51
  //# sourceMappingURL=table-batch-actions.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"sources":["components/data-table/table-batch-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C;;OAEG;IACH,OAAO,CAAC,aAAa;IAOrB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,wBAAwB;;iBAC2B;IAEnD;;;OAGG;IAEH,iBAAiB,SAAK;IAEtB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAuBN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"table-batch-actions.d.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Table batch actions.\n *\n * @element cds-table-batch-actions\n * @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n */\n@customElement(`${prefix}-table-batch-actions`)\nclass BXTableBatchActions extends LitElement {\n /**\n * Handles `click` event on the Cancel button.\n */\n private _handleCancel() {\n const { eventClickCancel } = this.constructor as typeof BXTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /**\n * `true` if this batch actions bar should be active.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /**\n * The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /**\n * Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n */\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n } = this;\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__cancel\"\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </button>\n </div>\n `;\n }\n\n /**\n * The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default BXTableBatchActions;\n"]}
1
+ {"version":3,"sources":["components/data-table/table-batch-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IACH,OAAO,CAAC,aAAa;IAQrB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,wBAAwB;;iBAC2B;IAEnD;;;OAGG;IAEH,iBAAiB,SAAK;IAEtB,YAAY;IAQZ,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAuBN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC","file":"table-batch-actions.d.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Table batch actions.\n *\n * @element cds-table-batch-actions\n * @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n */\n@customElement(`${prefix}-table-batch-actions`)\nclass CDSTableBatchActions extends LitElement {\n /**\n * Handles `click` event on the Cancel button.\n */\n private _handleCancel() {\n const { eventClickCancel } = this\n .constructor as typeof CDSTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /**\n * `true` if this batch actions bar should be active.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /**\n * The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /**\n * Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n */\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n firstUpdated() {\n this.querySelectorAll(\n (this.constructor as typeof CDSTableBatchActions).selectorButtons\n ).forEach((e) => {\n e.setAttribute('batch-action', '');\n });\n }\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n } = this;\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__cancel\"\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </button>\n </div>\n `;\n }\n\n /**\n * The CSS selector to find the action buttons.\n */\n static get selectorButtons() {\n return `${prefix}-button`;\n }\n\n /**\n * The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableBatchActions;\n"]}
@@ -26,15 +26,15 @@ import styles from "././data-table.css.js";
26
26
  * @element cds-table-batch-actions
27
27
  * @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.
28
28
  */
29
- let BXTableBatchActions = _decorate([customElement(`${prefix}-table-batch-actions`)], function (_initialize, _LitElement) {
30
- class BXTableBatchActions extends _LitElement {
29
+ let CDSTableBatchActions = _decorate([customElement(`${prefix}-table-batch-actions`)], function (_initialize, _LitElement) {
30
+ class CDSTableBatchActions extends _LitElement {
31
31
  constructor(...args) {
32
32
  super(...args);
33
33
  _initialize(this);
34
34
  }
35
35
  }
36
36
  return {
37
- F: BXTableBatchActions,
37
+ F: CDSTableBatchActions,
38
38
  d: [{
39
39
  kind: "method",
40
40
  key: "_handleCancel",
@@ -88,7 +88,7 @@ let BXTableBatchActions = _decorate([customElement(`${prefix}-table-batch-action
88
88
  }
89
89
  }, {
90
90
  kind: "method",
91
- key: "updated",
91
+ key: "firstUpdated",
92
92
  value:
93
93
  /**
94
94
  * The formatter for selected items. Should be changed upon the locale the UI is rendered with.
@@ -97,7 +97,15 @@ let BXTableBatchActions = _decorate([customElement(`${prefix}-table-batch-action
97
97
  * Numeric representation of the total number of items selected in a table.
98
98
  * This number is used to derive the selection message.
99
99
  */
100
- function updated(changedProperties) {
100
+ function firstUpdated() {
101
+ this.querySelectorAll(this.constructor.selectorButtons).forEach(e => {
102
+ e.setAttribute('batch-action', '');
103
+ });
104
+ }
105
+ }, {
106
+ kind: "method",
107
+ key: "updated",
108
+ value: function updated(changedProperties) {
101
109
  if (changedProperties.has('active')) {
102
110
  this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);
103
111
  }
@@ -130,6 +138,17 @@ let BXTableBatchActions = _decorate([customElement(`${prefix}-table-batch-action
130
138
  }), prefix, prefix, prefix, prefix, handleCancel);
131
139
  }
132
140
 
141
+ /**
142
+ * The CSS selector to find the action buttons.
143
+ */
144
+ }, {
145
+ kind: "get",
146
+ static: true,
147
+ key: "selectorButtons",
148
+ value: function selectorButtons() {
149
+ return `${prefix}-button`;
150
+ }
151
+
133
152
  /**
134
153
  * The name of the custom event fired after the Cancel button is clicked.
135
154
  */
@@ -150,5 +169,5 @@ let BXTableBatchActions = _decorate([customElement(`${prefix}-table-batch-action
150
169
  }]
151
170
  };
152
171
  }, LitElement);
153
- export default BXTableBatchActions;
172
+ export default CDSTableBatchActions;
154
173
  //# sourceMappingURL=table-batch-actions.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table-batch-actions.js","names":["LitElement","html","property","customElement","prefix","styles","BXTableBatchActions","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleCancel","eventClickCancel","dispatchEvent","CustomEvent","bubbles","composed","decorators","type","Boolean","reflect","attribute","count","Number","updated","changedProperties","has","setAttribute","active","render","formatSelectedItemsCount","selectedRowsCount","handleCancel","_t","_","static"],"sources":["components/data-table/table-batch-actions.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Table batch actions.\n *\n * @element cds-table-batch-actions\n * @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n */\n@customElement(`${prefix}-table-batch-actions`)\nclass BXTableBatchActions extends LitElement {\n /**\n * Handles `click` event on the Cancel button.\n */\n private _handleCancel() {\n const { eventClickCancel } = this.constructor as typeof BXTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /**\n * `true` if this batch actions bar should be active.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /**\n * The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /**\n * Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n */\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n } = this;\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__cancel\"\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </button>\n </div>\n `;\n }\n\n /**\n * The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default BXTableBatchActions;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA;AACA,GALA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,mBAAmB,GAAAC,SAAA,EADxBJ,aAAa,CAAE,GAAEC,MAAO,sBAAqB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA/C,MACMH,mBAAmB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoE7C;EAAC;IAAAI,CAAA,EApEKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MACvB;AACF;AACA;MACE,SAAAC,cAAA,EAAwB;QACtB,MAAM;UAAEC;QAAiB,CAAC,GAAG,IAAI,CAACR,WAAyC;QAC3E,IAAI,CAACS,aAAa,CAChB,IAAIC,WAAW,CAACF,gBAAgB,EAAE;UAAEG,OAAO,EAAE,IAAI;UAAEC,QAAQ,EAAE;QAAK,CAAC,CAAC,CACrE;MACH;;MAEA;AACF;AACA;IAFE;MAAAR,IAAA;MAAAS,UAAA,GAGCrB,QAAQ,CAAC;QAAEsB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAS,UAAA,GAKbrB,QAAQ,CAAC;QAAEyB,SAAS,EAAE;MAAM,CAAC,CAAC;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OACJ,CAAC;UAAEY;QAAM,CAAC,KAClC,GAAEA,KAAM,QAAOA,KAAK,IAAI,CAAC,GAAG,EAAE,GAAG,GAAI,WAAU;MAAA;IAAA;MAAAd,IAAA;MAAAS,UAAA,GAMjDrB,QAAQ,CAAC;QAAEsB,IAAI,EAAEK,MAAM;QAAEF,SAAS,EAAE;MAAsB,CAAC,CAAC;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OACzC,CAAC;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAZrB;AACF;AACA;MAKE;AACF;AACA;AACA;MAIE,SAAAc,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,QAAQ,CAAC,EAAE;UACnC,IAAI,CAACC,YAAY,CAAC,UAAU,EAAG,GAAE,IAAI,CAACC,MAAM,GAAG,EAAE,GAAG,IAAK,EAAC,CAAC;QAC7D;MACF;IAAC;MAAApB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAmB,OAAA,EAAS;QACP,MAAM;UACJC,wBAAwB;UACxBC,iBAAiB;UACjBpB,aAAa,EAAEqB;QACjB,CAAC,GAAG,IAAI;QACR,OAAOrC,IAAI,CAAAsC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS;AAC3B,oBAAkB,CAAS;AAC3B,YAAU,CAAyD;AACnE;AACA;AACA,oBAAkB,CAAS;AAC3B;AACA;AACA,mBAAiB,CAAS,SAAM,CAAS,kBAAe,CAAS;AACjE,mBAAiB,CAAe;AAChC;AACA;AACA;AACA,KAAI,GAbgBpC,MAAM,EACNA,MAAM,EACdgC,wBAAwB,CAAC;UAAER,KAAK,EAAES;QAAkB,CAAC,CAAC,EAG9CjC,MAAM,EAGPA,MAAM,EAASA,MAAM,EAAkBA,MAAM,EAC7CkC,YAAY;MAK7B;;MAEA;AACF;AACA;IAFE;MAAAxB,IAAA;MAAA2B,MAAA;MAAA1B,GAAA;MAAAC,KAAA,EAGA,SAAAE,iBAAA,EAA8B;QAC5B,OAAQ,GAAEd,MAAO,qCAAoC;MACvD;IAAC;MAAAU,IAAA;MAAA2B,MAAA;MAAA1B,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAnEUL,UAAU;AAsE5C,eAAeM,mBAAmB"}
1
+ {"version":3,"file":"table-batch-actions.js","names":["LitElement","html","property","customElement","prefix","styles","CDSTableBatchActions","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleCancel","eventClickCancel","dispatchEvent","CustomEvent","bubbles","composed","decorators","type","Boolean","reflect","attribute","count","Number","firstUpdated","querySelectorAll","selectorButtons","forEach","e","setAttribute","updated","changedProperties","has","active","render","formatSelectedItemsCount","selectedRowsCount","handleCancel","_t","_","static"],"sources":["components/data-table/table-batch-actions.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Table batch actions.\n *\n * @element cds-table-batch-actions\n * @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n */\n@customElement(`${prefix}-table-batch-actions`)\nclass CDSTableBatchActions extends LitElement {\n /**\n * Handles `click` event on the Cancel button.\n */\n private _handleCancel() {\n const { eventClickCancel } = this\n .constructor as typeof CDSTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /**\n * `true` if this batch actions bar should be active.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /**\n * The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /**\n * Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n */\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n firstUpdated() {\n this.querySelectorAll(\n (this.constructor as typeof CDSTableBatchActions).selectorButtons\n ).forEach((e) => {\n e.setAttribute('batch-action', '');\n });\n }\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n } = this;\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__cancel\"\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </button>\n </div>\n `;\n }\n\n /**\n * The CSS selector to find the action buttons.\n */\n static get selectorButtons() {\n return `${prefix}-button`;\n }\n\n /**\n * The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableBatchActions;\n"],"mappings":"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"}
@@ -7,13 +7,12 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  import { LitElement } from 'lit';
10
- import { TABLE_COLOR_SCHEME } from './defs';
11
10
  /**
12
11
  * Data table body.
13
12
  *
14
13
  * @element cds-table-body
15
14
  */
16
- declare class BXTableBody extends LitElement {
15
+ declare class CDSTableBody extends LitElement {
17
16
  /**
18
17
  * The `<slot>` element in the shadow DOM.
19
18
  */
@@ -26,15 +25,20 @@ declare class BXTableBody extends LitElement {
26
25
  * Handles `slotchange` event in the `<slot>` element in the shadow DOM.
27
26
  */
28
27
  private _handleSlotChange;
28
+ /**
29
+ * TODO: Uncomment when Carbon fully implements sticky header
30
+ * Specify whether the header should be sticky.
31
+ * Still experimental: may not work with every combination of table props
32
+ */
29
33
  /**
30
34
  * The color scheme.
31
35
  */
32
- colorScheme: TABLE_COLOR_SCHEME;
36
+ useZebraStyles: boolean;
33
37
  connectedCallback(): void;
34
38
  updated(changedProperties: any): void;
35
39
  render(): import("lit-html").TemplateResult<1>;
36
40
  static styles: any;
37
41
  }
38
- export default BXTableBody;
42
+ export default CDSTableBody;
39
43
 
40
44
  //# sourceMappingURL=table-body.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"sources":["components/data-table/table-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAI5C;;;;GAIG;AACH,cACM,WAAY,SAAQ,UAAU;IAClC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAmB;IAEpC;;OAEG;IACH,OAAO,CAAC,YAAY;IAapB;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAEvB;IAEF;;OAEG;IAEH,WAAW,qBAA8B;IAEzC,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAKN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC","file":"table-body.d.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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { TABLE_COLOR_SCHEME } from './defs';\nimport BXTableRow from './table-row';\nimport styles from './data-table.scss';\n\n/**\n * Data table body.\n *\n * @element cds-table-body\n */\n@customElement(`${prefix}-table-body`)\nclass BXTableBody extends LitElement {\n /**\n * The `<slot>` element in the shadow DOM.\n */\n @query('slot')\n private _slotNode!: HTMLSlotElement;\n\n /**\n * Updates `even`/`odd` properties of the child `<cds-table-row>`s.\n */\n private _updateZebra() {\n const { colorScheme, _slotNode: slotNode } = this;\n slotNode.assignedNodes().forEach((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n const odd = (node as HTMLElement).matches('*:nth-of-type(odd)');\n (node as BXTableRow).even =\n colorScheme === TABLE_COLOR_SCHEME.ZEBRA && !odd;\n (node as BXTableRow).odd =\n colorScheme === TABLE_COLOR_SCHEME.ZEBRA && odd;\n }\n });\n }\n\n /**\n * Handles `slotchange` event in the `<slot>` element in the shadow DOM.\n */\n private _handleSlotChange = () => {\n this._updateZebra();\n };\n\n /**\n * The color scheme.\n */\n @property({ reflect: true, attribute: 'color-scheme' })\n colorScheme = TABLE_COLOR_SCHEME.REGULAR;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'rowgroup');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('colorScheme')) {\n this._updateZebra();\n }\n }\n\n render() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html` <slot @slotchange=\"${handleSlotChange}\"></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default BXTableBody;\n"]}
1
+ {"version":3,"sources":["components/data-table/table-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAmB;IAEpC;;OAEG;IACH,OAAO,CAAC,YAAY;IAWpB;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAEvB;IAEF;;;;OAIG;IAIH;;OAEG;IAEH,cAAc,UAAS;IAEvB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAKN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"table-body.d.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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSTableRow from './table-row';\nimport styles from './data-table.scss';\n\n/**\n * Data table body.\n *\n * @element cds-table-body\n */\n@customElement(`${prefix}-table-body`)\nclass CDSTableBody extends LitElement {\n /**\n * The `<slot>` element in the shadow DOM.\n */\n @query('slot')\n private _slotNode!: HTMLSlotElement;\n\n /**\n * Updates `even`/`odd` properties of the child `<cds-table-row>`s.\n */\n private _updateZebra() {\n const { useZebraStyles, _slotNode: slotNode } = this;\n slotNode.assignedNodes().forEach((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n const even = (node as HTMLElement).matches('*:nth-of-type(even)');\n (node as CDSTableRow).even = useZebraStyles && even;\n (node as CDSTableRow).odd = useZebraStyles && !even;\n }\n });\n }\n\n /**\n * Handles `slotchange` event in the `<slot>` element in the shadow DOM.\n */\n private _handleSlotChange = () => {\n this._updateZebra();\n };\n\n /**\n * TODO: Uncomment when Carbon fully implements sticky header\n * Specify whether the header should be sticky.\n * Still experimental: may not work with every combination of table props\n */\n // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n // stickyHeader = false;\n\n /**\n * The color scheme.\n */\n @property({ type: Boolean, reflect: true, attribute: 'use-zebra-styles' })\n useZebraStyles = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'rowgroup');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('useZebraStyles')) {\n this._updateZebra();\n }\n }\n\n render() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html` <slot @slotchange=\"${handleSlotChange}\"></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableBody;\n"]}
@@ -15,7 +15,6 @@ let _ = t => t,
15
15
  import { LitElement, html } from 'lit';
16
16
  import { property, customElement, query } from 'lit/decorators.js';
17
17
  import { prefix } from '../../globals/settings';
18
- import { TABLE_COLOR_SCHEME } from './defs';
19
18
  import styles from "././data-table.css.js";
20
19
 
21
20
  /**
@@ -27,15 +26,15 @@ import styles from "././data-table.css.js";
27
26
  *
28
27
  * @element cds-table-body
29
28
  */
30
- let BXTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_initialize, _LitElement) {
31
- class BXTableBody extends _LitElement {
29
+ let CDSTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_initialize, _LitElement) {
30
+ class CDSTableBody extends _LitElement {
32
31
  constructor(...args) {
33
32
  super(...args);
34
33
  _initialize(this);
35
34
  }
36
35
  }
37
36
  return {
38
- F: BXTableBody,
37
+ F: CDSTableBody,
39
38
  d: [{
40
39
  kind: "field",
41
40
  decorators: [query('slot')],
@@ -54,14 +53,14 @@ let BXTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_
54
53
  */
55
54
  function _updateZebra() {
56
55
  const {
57
- colorScheme,
56
+ useZebraStyles,
58
57
  _slotNode: slotNode
59
58
  } = this;
60
59
  slotNode.assignedNodes().forEach(node => {
61
60
  if (node.nodeType === Node.ELEMENT_NODE) {
62
- const odd = node.matches('*:nth-of-type(odd)');
63
- node.even = colorScheme === TABLE_COLOR_SCHEME.ZEBRA && !odd;
64
- node.odd = colorScheme === TABLE_COLOR_SCHEME.ZEBRA && odd;
61
+ const even = node.matches('*:nth-of-type(even)');
62
+ node.even = useZebraStyles && even;
63
+ node.odd = useZebraStyles && !even;
65
64
  }
66
65
  });
67
66
  }
@@ -80,17 +79,25 @@ let BXTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_
80
79
  }, {
81
80
  kind: "field",
82
81
  decorators: [property({
82
+ type: Boolean,
83
83
  reflect: true,
84
- attribute: 'color-scheme'
84
+ attribute: 'use-zebra-styles'
85
85
  })],
86
- key: "colorScheme",
86
+ key: "useZebraStyles",
87
87
  value() {
88
- return TABLE_COLOR_SCHEME.REGULAR;
88
+ return false;
89
89
  }
90
90
  }, {
91
91
  kind: "method",
92
92
  key: "connectedCallback",
93
93
  value:
94
+ /**
95
+ * TODO: Uncomment when Carbon fully implements sticky header
96
+ * Specify whether the header should be sticky.
97
+ * Still experimental: may not work with every combination of table props
98
+ */
99
+ // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })
100
+ // stickyHeader = false;
94
101
  /**
95
102
  * The color scheme.
96
103
  */
@@ -98,13 +105,13 @@ let BXTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_
98
105
  if (!this.hasAttribute('role')) {
99
106
  this.setAttribute('role', 'rowgroup');
100
107
  }
101
- _get(_getPrototypeOf(BXTableBody.prototype), "connectedCallback", this).call(this);
108
+ _get(_getPrototypeOf(CDSTableBody.prototype), "connectedCallback", this).call(this);
102
109
  }
103
110
  }, {
104
111
  kind: "method",
105
112
  key: "updated",
106
113
  value: function updated(changedProperties) {
107
- if (changedProperties.has('colorScheme')) {
114
+ if (changedProperties.has('useZebraStyles')) {
108
115
  this._updateZebra();
109
116
  }
110
117
  }
@@ -127,5 +134,5 @@ let BXTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_
127
134
  }]
128
135
  };
129
136
  }, LitElement);
130
- export default BXTableBody;
137
+ export default CDSTableBody;
131
138
  //# sourceMappingURL=table-body.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table-body.js","names":["LitElement","html","property","customElement","query","prefix","TABLE_COLOR_SCHEME","styles","BXTableBody","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","key","value","_updateZebra","colorScheme","_slotNode","slotNode","assignedNodes","forEach","node","nodeType","Node","ELEMENT_NODE","odd","matches","even","ZEBRA","reflect","attribute","REGULAR","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","render","_handleSlotChange","handleSlotChange","_t","_","static"],"sources":["components/data-table/table-body.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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { TABLE_COLOR_SCHEME } from './defs';\nimport BXTableRow from './table-row';\nimport styles from './data-table.scss';\n\n/**\n * Data table body.\n *\n * @element cds-table-body\n */\n@customElement(`${prefix}-table-body`)\nclass BXTableBody extends LitElement {\n /**\n * The `<slot>` element in the shadow DOM.\n */\n @query('slot')\n private _slotNode!: HTMLSlotElement;\n\n /**\n * Updates `even`/`odd` properties of the child `<cds-table-row>`s.\n */\n private _updateZebra() {\n const { colorScheme, _slotNode: slotNode } = this;\n slotNode.assignedNodes().forEach((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n const odd = (node as HTMLElement).matches('*:nth-of-type(odd)');\n (node as BXTableRow).even =\n colorScheme === TABLE_COLOR_SCHEME.ZEBRA && !odd;\n (node as BXTableRow).odd =\n colorScheme === TABLE_COLOR_SCHEME.ZEBRA && odd;\n }\n });\n }\n\n /**\n * Handles `slotchange` event in the `<slot>` element in the shadow DOM.\n */\n private _handleSlotChange = () => {\n this._updateZebra();\n };\n\n /**\n * The color scheme.\n */\n @property({ reflect: true, attribute: 'color-scheme' })\n colorScheme = TABLE_COLOR_SCHEME.REGULAR;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'rowgroup');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('colorScheme')) {\n this._updateZebra();\n }\n }\n\n render() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html` <slot @slotchange=\"${handleSlotChange}\"></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default BXTableBody;\n"],"mappings":"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"}
1
+ {"version":3,"file":"table-body.js","names":["LitElement","html","property","customElement","query","prefix","styles","CDSTableBody","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","key","value","_updateZebra","useZebraStyles","_slotNode","slotNode","assignedNodes","forEach","node","nodeType","Node","ELEMENT_NODE","even","matches","odd","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","render","_handleSlotChange","handleSlotChange","_t","_","static"],"sources":["components/data-table/table-body.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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSTableRow from './table-row';\nimport styles from './data-table.scss';\n\n/**\n * Data table body.\n *\n * @element cds-table-body\n */\n@customElement(`${prefix}-table-body`)\nclass CDSTableBody extends LitElement {\n /**\n * The `<slot>` element in the shadow DOM.\n */\n @query('slot')\n private _slotNode!: HTMLSlotElement;\n\n /**\n * Updates `even`/`odd` properties of the child `<cds-table-row>`s.\n */\n private _updateZebra() {\n const { useZebraStyles, _slotNode: slotNode } = this;\n slotNode.assignedNodes().forEach((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n const even = (node as HTMLElement).matches('*:nth-of-type(even)');\n (node as CDSTableRow).even = useZebraStyles && even;\n (node as CDSTableRow).odd = useZebraStyles && !even;\n }\n });\n }\n\n /**\n * Handles `slotchange` event in the `<slot>` element in the shadow DOM.\n */\n private _handleSlotChange = () => {\n this._updateZebra();\n };\n\n /**\n * TODO: Uncomment when Carbon fully implements sticky header\n * Specify whether the header should be sticky.\n * Still experimental: may not work with every combination of table props\n */\n // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n // stickyHeader = false;\n\n /**\n * The color scheme.\n */\n @property({ type: Boolean, reflect: true, attribute: 'use-zebra-styles' })\n useZebraStyles = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'rowgroup');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('useZebraStyles')) {\n this._updateZebra();\n }\n }\n\n render() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html` <slot @slotchange=\"${handleSlotChange}\"></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableBody;\n"],"mappings":"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"}
@@ -0,0 +1,21 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 2019, 2023
5
+ *
6
+ * This source code is licensed under the Apache-2.0 license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import { LitElement } from 'lit';
10
+ /**
11
+ * Data table cell content.
12
+ *
13
+ * @element cds-table-cell-content
14
+ */
15
+ declare class CDSTableCellContent extends LitElement {
16
+ render(): import("lit-html").TemplateResult<1>;
17
+ static styles: any;
18
+ }
19
+ export default CDSTableCellContent;
20
+
21
+ //# sourceMappingURL=table-cell-content.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/data-table/table-cell-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"table-cell-content.d.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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table cell content.\n *\n * @element cds-table-cell-content\n */\n@customElement(`${prefix}-table-cell-content`)\nclass CDSTableCellContent extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableCellContent;\n"]}
@@ -0,0 +1,53 @@
1
+ import _decorate from "@babel/runtime/helpers/esm/decorate";
2
+ let _ = t => t,
3
+ _t;
4
+ /**
5
+ * @license
6
+ *
7
+ * Copyright IBM Corp. 2019, 2023
8
+ *
9
+ * This source code is licensed under the Apache-2.0 license found in the
10
+ * LICENSE file in the root directory of this source tree.
11
+ */
12
+
13
+ import { LitElement, html } from 'lit';
14
+ import { customElement } from 'lit/decorators.js';
15
+ import { prefix } from '../../globals/settings';
16
+ import styles from "././data-table.css.js";
17
+
18
+ /**
19
+ * Data table cell content.
20
+ *
21
+ * @element cds-table-cell-content
22
+ */ /**
23
+ * Data table cell content.
24
+ *
25
+ * @element cds-table-cell-content
26
+ */
27
+ let CDSTableCellContent = _decorate([customElement(`${prefix}-table-cell-content`)], function (_initialize, _LitElement) {
28
+ class CDSTableCellContent extends _LitElement {
29
+ constructor(...args) {
30
+ super(...args);
31
+ _initialize(this);
32
+ }
33
+ }
34
+ return {
35
+ F: CDSTableCellContent,
36
+ d: [{
37
+ kind: "method",
38
+ key: "render",
39
+ value: function render() {
40
+ return html(_t || (_t = _` <slot></slot> `));
41
+ }
42
+ }, {
43
+ kind: "field",
44
+ static: true,
45
+ key: "styles",
46
+ value() {
47
+ return styles;
48
+ }
49
+ }]
50
+ };
51
+ }, LitElement);
52
+ export default CDSTableCellContent;
53
+ //# sourceMappingURL=table-cell-content.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table-cell-content.js","names":["LitElement","html","customElement","prefix","styles","CDSTableCellContent","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/data-table/table-cell-content.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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table cell content.\n *\n * @element cds-table-cell-content\n */\n@customElement(`${prefix}-table-cell-content`)\nclass CDSTableCellContent extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableCellContent;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,mBAAmB,GAAAC,SAAA,EADxBJ,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA9C,MACMH,mBAAmB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAM7C;EAAC;IAAAI,CAAA,EANKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACvB,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GALUJ,UAAU;AAQ5C,eAAeK,mBAAmB"}
@@ -12,11 +12,24 @@ import { LitElement } from 'lit';
12
12
  *
13
13
  * @element cds-table-cell
14
14
  */
15
- declare class BXTableCell extends LitElement {
15
+ declare class CDSTableCell extends LitElement {
16
+ /**
17
+ * Specify whether the overflow menu (if it exists) should be shown always, or only on hover
18
+ */
19
+ overflowMenuOnHover: boolean;
20
+ /**
21
+ * The table size.
22
+ */
23
+ size: any;
24
+ /**
25
+ * TODO: Uncomment when Carbon fully implements sticky header
26
+ * Specify whether the header should be sticky.
27
+ * Still experimental: may not work with every combination of table props
28
+ */
16
29
  connectedCallback(): void;
17
30
  render(): import("lit-html").TemplateResult<1>;
18
31
  static styles: any;
19
32
  }
20
- export default BXTableCell;
33
+ export default CDSTableCell;
21
34
 
22
35
  //# sourceMappingURL=table-cell.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"sources":["components/data-table/table-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,WAAY,SAAQ,UAAU;IAClC,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC","file":"table-cell.d.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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table cell.\n *\n * @element cds-table-cell\n */\n@customElement(`${prefix}-table-cell`)\nclass BXTableCell extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'cell');\n }\n super.connectedCallback();\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default BXTableCell;\n"]}
1
+ {"version":3,"sources":["components/data-table/table-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;OAEG;IAMH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,IAAI,MAAC;IAEL;;;;OAIG;IAIH,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"table-cell.d.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 { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table cell.\n *\n * @element cds-table-cell\n */\n@customElement(`${prefix}-table-cell`)\nclass CDSTableCell extends LitElement {\n /**\n * Specify whether the overflow menu (if it exists) should be shown always, or only on hover\n */\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'overflow-menu-on-hover',\n })\n overflowMenuOnHover = false;\n\n /**\n * The table size.\n */\n @property({ reflect: true })\n size;\n\n /**\n * TODO: Uncomment when Carbon fully implements sticky header\n * Specify whether the header should be sticky.\n * Still experimental: may not work with every combination of table props\n */\n // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n // stickyHeader = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'cell');\n }\n super.connectedCallback();\n }\n\n render() {\n return html`<slot></slot>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableCell;\n"]}