@carbon/web-components 2.0.0-beta.3 → 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,362 +0,0 @@
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
- declare const BXPagesSelect_base: {
11
- new (...args: any[]): {
12
- focus(): void;
13
- accessKey: string;
14
- readonly accessKeyLabel: string;
15
- autocapitalize: string;
16
- dir: string;
17
- draggable: boolean;
18
- hidden: boolean;
19
- inert: boolean;
20
- innerText: string;
21
- lang: string;
22
- readonly offsetHeight: number;
23
- readonly offsetLeft: number;
24
- readonly offsetParent: Element | null;
25
- readonly offsetTop: number;
26
- readonly offsetWidth: number;
27
- outerText: string;
28
- spellcheck: boolean;
29
- title: string;
30
- translate: boolean;
31
- attachInternals(): ElementInternals;
32
- click(): void;
33
- addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
34
- addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
35
- removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
36
- removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
37
- readonly attributes: NamedNodeMap;
38
- readonly classList: DOMTokenList;
39
- className: string;
40
- readonly clientHeight: number;
41
- readonly clientLeft: number;
42
- readonly clientTop: number;
43
- readonly clientWidth: number;
44
- id: string;
45
- readonly localName: string;
46
- readonly namespaceURI: string | null;
47
- onfullscreenchange: ((this: Element, ev: Event) => any) | null;
48
- onfullscreenerror: ((this: Element, ev: Event) => any) | null;
49
- outerHTML: string;
50
- readonly ownerDocument: Document;
51
- readonly part: DOMTokenList;
52
- readonly prefix: string | null;
53
- readonly scrollHeight: number;
54
- scrollLeft: number;
55
- scrollTop: number;
56
- readonly scrollWidth: number;
57
- readonly shadowRoot: ShadowRoot | null;
58
- slot: string;
59
- readonly tagName: string;
60
- attachShadow(init: ShadowRootInit): ShadowRoot;
61
- closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
62
- closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
63
- closest<E extends Element = Element>(selectors: string): E | null;
64
- getAttribute(qualifiedName: string): string | null;
65
- getAttributeNS(namespace: string | null, localName: string): string | null;
66
- getAttributeNames(): string[];
67
- getAttributeNode(qualifiedName: string): Attr | null;
68
- getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
69
- getBoundingClientRect(): DOMRect;
70
- getClientRects(): DOMRectList;
71
- getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
72
- getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
73
- getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
74
- getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
75
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
76
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
77
- getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
78
- hasAttribute(qualifiedName: string): boolean;
79
- hasAttributeNS(namespace: string | null, localName: string): boolean;
80
- hasAttributes(): boolean;
81
- hasPointerCapture(pointerId: number): boolean;
82
- insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
83
- insertAdjacentHTML(position: InsertPosition, text: string): void;
84
- insertAdjacentText(where: InsertPosition, data: string): void;
85
- matches(selectors: string): boolean;
86
- releasePointerCapture(pointerId: number): void;
87
- removeAttribute(qualifiedName: string): void;
88
- removeAttributeNS(namespace: string | null, localName: string): void;
89
- removeAttributeNode(attr: Attr): Attr;
90
- requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
91
- requestPointerLock(): void;
92
- scroll(options?: ScrollToOptions | undefined): void;
93
- scroll(x: number, y: number): void;
94
- scrollBy(options?: ScrollToOptions | undefined): void;
95
- scrollBy(x: number, y: number): void;
96
- scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
97
- scrollTo(options?: ScrollToOptions | undefined): void;
98
- scrollTo(x: number, y: number): void;
99
- setAttribute(qualifiedName: string, value: string): void;
100
- setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
101
- setAttributeNode(attr: Attr): Attr | null;
102
- setAttributeNodeNS(attr: Attr): Attr | null;
103
- setPointerCapture(pointerId: number): void;
104
- toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
105
- webkitMatchesSelector(selectors: string): boolean;
106
- readonly baseURI: string;
107
- readonly childNodes: NodeListOf<ChildNode>;
108
- readonly firstChild: ChildNode | null;
109
- readonly isConnected: boolean;
110
- readonly lastChild: ChildNode | null;
111
- readonly nextSibling: ChildNode | null;
112
- readonly nodeName: string;
113
- readonly nodeType: number;
114
- nodeValue: string | null;
115
- readonly parentElement: HTMLElement | null;
116
- readonly parentNode: ParentNode | null;
117
- readonly previousSibling: ChildNode | null;
118
- textContent: string | null;
119
- appendChild<T extends Node>(node: T): T;
120
- cloneNode(deep?: boolean | undefined): Node;
121
- compareDocumentPosition(other: Node): number;
122
- contains(other: Node | null): boolean;
123
- getRootNode(options?: GetRootNodeOptions | undefined): Node;
124
- hasChildNodes(): boolean;
125
- insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
126
- isDefaultNamespace(namespace: string | null): boolean;
127
- isEqualNode(otherNode: Node | null): boolean;
128
- isSameNode(otherNode: Node | null): boolean;
129
- lookupNamespaceURI(prefix: string | null): string | null;
130
- lookupPrefix(namespace: string | null): string | null;
131
- normalize(): void;
132
- removeChild<T_2 extends Node>(child: T_2): T_2;
133
- replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
134
- readonly ATTRIBUTE_NODE: number;
135
- readonly CDATA_SECTION_NODE: number;
136
- readonly COMMENT_NODE: number;
137
- readonly DOCUMENT_FRAGMENT_NODE: number;
138
- readonly DOCUMENT_NODE: number;
139
- readonly DOCUMENT_POSITION_CONTAINED_BY: number;
140
- readonly DOCUMENT_POSITION_CONTAINS: number;
141
- readonly DOCUMENT_POSITION_DISCONNECTED: number;
142
- readonly DOCUMENT_POSITION_FOLLOWING: number;
143
- readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
144
- readonly DOCUMENT_POSITION_PRECEDING: number;
145
- readonly DOCUMENT_TYPE_NODE: number;
146
- readonly ELEMENT_NODE: number;
147
- readonly ENTITY_NODE: number;
148
- readonly ENTITY_REFERENCE_NODE: number;
149
- readonly NOTATION_NODE: number;
150
- readonly PROCESSING_INSTRUCTION_NODE: number;
151
- readonly TEXT_NODE: number;
152
- dispatchEvent(event: Event): boolean;
153
- ariaAtomic: string | null;
154
- ariaAutoComplete: string | null;
155
- ariaBusy: string | null;
156
- ariaChecked: string | null;
157
- ariaColCount: string | null;
158
- ariaColIndex: string | null;
159
- ariaColSpan: string | null;
160
- ariaCurrent: string | null;
161
- ariaDisabled: string | null;
162
- ariaExpanded: string | null;
163
- ariaHasPopup: string | null;
164
- ariaHidden: string | null;
165
- ariaKeyShortcuts: string | null;
166
- ariaLabel: string | null;
167
- ariaLevel: string | null;
168
- ariaLive: string | null;
169
- ariaModal: string | null;
170
- ariaMultiLine: string | null;
171
- ariaMultiSelectable: string | null;
172
- ariaOrientation: string | null;
173
- ariaPlaceholder: string | null;
174
- ariaPosInSet: string | null;
175
- ariaPressed: string | null;
176
- ariaReadOnly: string | null;
177
- ariaRequired: string | null;
178
- ariaRoleDescription: string | null;
179
- ariaRowCount: string | null;
180
- ariaRowIndex: string | null;
181
- ariaRowSpan: string | null;
182
- ariaSelected: string | null;
183
- ariaSetSize: string | null;
184
- ariaSort: string | null;
185
- ariaValueMax: string | null;
186
- ariaValueMin: string | null;
187
- ariaValueNow: string | null;
188
- ariaValueText: string | null;
189
- animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
190
- getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
191
- after(...nodes: (string | Node)[]): void;
192
- before(...nodes: (string | Node)[]): void;
193
- remove(): void;
194
- replaceWith(...nodes: (string | Node)[]): void;
195
- innerHTML: string;
196
- readonly nextElementSibling: Element | null;
197
- readonly previousElementSibling: Element | null;
198
- readonly childElementCount: number;
199
- readonly children: HTMLCollection;
200
- readonly firstElementChild: Element | null;
201
- readonly lastElementChild: Element | null;
202
- append(...nodes: (string | Node)[]): void;
203
- prepend(...nodes: (string | Node)[]): void;
204
- querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
205
- querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
206
- querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
207
- querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
208
- querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
209
- querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
210
- replaceChildren(...nodes: (string | Node)[]): void;
211
- readonly assignedSlot: HTMLSlotElement | null;
212
- oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
213
- oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
214
- onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
215
- readonly style: CSSStyleDeclaration;
216
- contentEditable: string;
217
- enterKeyHint: string;
218
- inputMode: string;
219
- readonly isContentEditable: boolean;
220
- onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
221
- onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
222
- onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
223
- onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
224
- onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
225
- onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
226
- onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
227
- oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
228
- oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
229
- onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
230
- onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
231
- onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
232
- oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
233
- oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
234
- ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
235
- ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
236
- ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
237
- ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
238
- ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
239
- ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
240
- ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
241
- ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
242
- ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
243
- onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
244
- onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
245
- onerror: OnErrorEventHandler;
246
- onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
247
- onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
248
- ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
249
- oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
250
- oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
251
- onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
252
- onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
253
- onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
254
- onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
255
- onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
256
- onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
257
- onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
258
- onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
259
- onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
260
- onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
261
- onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
262
- onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
263
- onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
264
- onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
265
- onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
266
- onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
267
- onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
268
- onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
269
- onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
270
- onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
271
- onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
272
- onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
273
- onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
274
- onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
275
- onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
276
- onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
277
- onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
278
- onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
279
- onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
280
- onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
281
- onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
282
- onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
283
- onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
284
- onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
285
- onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
286
- onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
287
- onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
288
- onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
289
- onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
290
- onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
291
- onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
292
- ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
293
- ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
294
- ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
295
- ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
296
- ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
297
- ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
298
- ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
299
- ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
300
- ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
301
- ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
302
- onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
303
- onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
304
- onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
305
- onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
306
- onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
307
- onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
308
- onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
309
- autofocus: boolean;
310
- readonly dataset: DOMStringMap;
311
- nonce?: string | undefined;
312
- tabIndex: number;
313
- blur(): void;
314
- };
315
- } & typeof LitElement;
316
- /**
317
- * The select box for the current page.
318
- *
319
- * @element cds-pages-select
320
- * @fires cds-pages-select-changed - The custom event fired after the page is changed.
321
- */
322
- declare class BXPagesSelect extends BXPagesSelect_base {
323
- /**
324
- * Handles `change` event on the `<select>` to select page size.
325
- */
326
- private _handleChange;
327
- /**
328
- * The formatter for the assistive text for screen readers to announce.
329
- * Should be changed upon the locale the UI is rendered with.
330
- */
331
- formatLabelText: ({ count }: {
332
- count: any;
333
- }) => string;
334
- /**
335
- * The formatter for the text next to the select box. Should be changed upon the locale the UI is rendered with.
336
- */
337
- formatSupplementalText: ({ count }: {
338
- count: any;
339
- }) => string;
340
- /**
341
- * The number of total pages.
342
- */
343
- total: number;
344
- /**
345
- * The value, working as the current page, index that starts with zero.
346
- */
347
- value: number;
348
- render(): import("lit-html").TemplateResult<1>;
349
- /**
350
- * The name of the custom event fired after the page is changed.
351
- */
352
- static get eventChange(): string;
353
- static shadowRootOptions: {
354
- delegatesFocus: boolean;
355
- mode: ShadowRootMode;
356
- slotAssignment?: SlotAssignmentMode | undefined;
357
- };
358
- static styles: any;
359
- }
360
- export default BXPagesSelect;
361
-
362
- //# sourceMappingURL=pages-select.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["components/pagination/pages-select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;GAKG;AACH,cACM,aAAc,SAAQ,kBAAsB;IAChD;;OAEG;IACH,OAAO,CAAC,aAAa;IAcrB;;;OAGG;IAEH,eAAe;;iBAC2C;IAE1D;;OAEG;IAEH,sBAAsB;;iBACuB;IAE7C;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,MAAM;IAoCN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"pages-select.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 ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './pagination.scss';\n\n/**\n * The select box for the current page.\n *\n * @element cds-pages-select\n * @fires cds-pages-select-changed - The custom event fired after the page is changed.\n */\n@customElement(`${prefix}-pages-select`)\nclass BXPagesSelect extends FocusMixin(LitElement) {\n /**\n * Handles `change` event on the `<select>` to select page size.\n */\n private _handleChange({ target }: Event) {\n const value = Number((target as HTMLSelectElement).value);\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof BXPagesSelect).eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n this.value = value;\n }\n\n /**\n * The formatter for the assistive text for screen readers to announce.\n * Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatLabelText = ({ count }) =>\n `Page number, of ${count} page${count <= 1 ? '' : 's'}`;\n\n /**\n * The formatter for the text next to the select box. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatSupplementalText = ({ count }) =>\n `of ${count} page${count <= 1 ? '' : 's'}`;\n\n /**\n * The number of total pages.\n */\n @property({ type: Number })\n total!: number;\n\n /**\n * The value, working as the current page, index that starts with zero.\n */\n @property({ type: Number })\n value!: number;\n\n render() {\n const {\n formatLabelText,\n formatSupplementalText,\n total,\n value,\n _handleChange: handleChange,\n } = this;\n // `<option ?selected=\"${index === value}\">` is a workaround for:\n // https://github.com/Polymer/lit-html/issues/1052\n return html`\n <div class=\"${prefix}--select__page-number\">\n <label for=\"select\" class=\"${prefix}--label ${prefix}--visually-hidden\">\n ${formatLabelText({ count: total })}\n </label>\n <select\n class=\"${prefix}--select-input\"\n .value=\"${value}\"\n @change=\"${handleChange}\">\n ${Array.from(new Array(total)).map(\n (_item, index) =>\n html`\n <option value=${index} ?selected=\"${index === value}\">\n ${index + 1}\n </option>\n `\n )}\n </select>\n ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n </div>\n <span class=\"${prefix}--pagination__text\">\n ${formatSupplementalText({ count: total })}\n </span>\n `;\n }\n\n /**\n * The name of the custom event fired after the page is changed.\n */\n static get eventChange() {\n return `${prefix}-pages-select-changed`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPagesSelect;\n"]}
@@ -1,185 +0,0 @@
1
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import _decorate from "@babel/runtime/helpers/esm/decorate";
3
- let _ = t => t,
4
- _t,
5
- _t2;
6
- /**
7
- * @license
8
- *
9
- * Copyright IBM Corp. 2019, 2023
10
- *
11
- * This source code is licensed under the Apache-2.0 license found in the
12
- * LICENSE file in the root directory of this source tree.
13
- */
14
-
15
- import { LitElement, html } from 'lit';
16
- import { property, customElement } from 'lit/decorators.js';
17
- import ChevronDown16 from "../../icons/chevron--down/16";
18
- import { prefix } from '../../globals/settings';
19
- import FocusMixin from '../../globals/mixins/focus';
20
- import styles from "././pagination.css.js";
21
-
22
- /**
23
- * The select box for the current page.
24
- *
25
- * @element cds-pages-select
26
- * @fires cds-pages-select-changed - The custom event fired after the page is changed.
27
- */ /**
28
- * The select box for the current page.
29
- *
30
- * @element cds-pages-select
31
- * @fires cds-pages-select-changed - The custom event fired after the page is changed.
32
- */
33
- let BXPagesSelect = _decorate([customElement(`${prefix}-pages-select`)], function (_initialize, _FocusMixin) {
34
- class BXPagesSelect extends _FocusMixin {
35
- constructor(...args) {
36
- super(...args);
37
- _initialize(this);
38
- }
39
- }
40
- return {
41
- F: BXPagesSelect,
42
- d: [{
43
- kind: "method",
44
- key: "_handleChange",
45
- value:
46
- /**
47
- * Handles `change` event on the `<select>` to select page size.
48
- */
49
- function _handleChange({
50
- target
51
- }) {
52
- const value = Number(target.value);
53
- this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
54
- bubbles: true,
55
- composed: true,
56
- detail: {
57
- value
58
- }
59
- }));
60
- this.value = value;
61
- }
62
-
63
- /**
64
- * The formatter for the assistive text for screen readers to announce.
65
- * Should be changed upon the locale the UI is rendered with.
66
- */
67
- }, {
68
- kind: "field",
69
- decorators: [property({
70
- attribute: false
71
- })],
72
- key: "formatLabelText",
73
- value() {
74
- return ({
75
- count
76
- }) => `Page number, of ${count} page${count <= 1 ? '' : 's'}`;
77
- }
78
- }, {
79
- kind: "field",
80
- decorators: [property({
81
- attribute: false
82
- })],
83
- key: "formatSupplementalText",
84
- value() {
85
- return ({
86
- count
87
- }) => `of ${count} page${count <= 1 ? '' : 's'}`;
88
- }
89
- }, {
90
- kind: "field",
91
- decorators: [property({
92
- type: Number
93
- })],
94
- key: "total",
95
- value: void 0
96
- }, {
97
- kind: "field",
98
- decorators: [property({
99
- type: Number
100
- })],
101
- key: "value",
102
- value: void 0
103
- }, {
104
- kind: "method",
105
- key: "render",
106
- value:
107
- /**
108
- * The formatter for the text next to the select box. Should be changed upon the locale the UI is rendered with.
109
- */
110
- /**
111
- * The number of total pages.
112
- */
113
- /**
114
- * The value, working as the current page, index that starts with zero.
115
- */
116
- function render() {
117
- const {
118
- formatLabelText,
119
- formatSupplementalText,
120
- total,
121
- value,
122
- _handleChange: handleChange
123
- } = this;
124
- // `<option ?selected="${index === value}">` is a workaround for:
125
- // https://github.com/Polymer/lit-html/issues/1052
126
- return html(_t || (_t = _`
127
- <div class="${0}--select__page-number">
128
- <label for="select" class="${0}--label ${0}--visually-hidden">
129
- ${0}
130
- </label>
131
- <select
132
- class="${0}--select-input"
133
- .value="${0}"
134
- @change="${0}">
135
- ${0}
136
- </select>
137
- ${0}
138
- </div>
139
- <span class="${0}--pagination__text">
140
- ${0}
141
- </span>
142
- `), prefix, prefix, prefix, formatLabelText({
143
- count: total
144
- }), prefix, value, handleChange, Array.from(new Array(total)).map((_item, index) => html(_t2 || (_t2 = _`
145
- <option value=${0} ?selected="${0}">
146
- ${0}
147
- </option>
148
- `), index, index === value, index + 1)), ChevronDown16({
149
- class: `${prefix}--select__arrow`
150
- }), prefix, formatSupplementalText({
151
- count: total
152
- }));
153
- }
154
-
155
- /**
156
- * The name of the custom event fired after the page is changed.
157
- */
158
- }, {
159
- kind: "get",
160
- static: true,
161
- key: "eventChange",
162
- value: function eventChange() {
163
- return `${prefix}-pages-select-changed`;
164
- }
165
- }, {
166
- kind: "field",
167
- static: true,
168
- key: "shadowRootOptions",
169
- value() {
170
- return _objectSpread(_objectSpread({}, LitElement.shadowRootOptions), {}, {
171
- delegatesFocus: true
172
- });
173
- }
174
- }, {
175
- kind: "field",
176
- static: true,
177
- key: "styles",
178
- value() {
179
- return styles;
180
- }
181
- }]
182
- };
183
- }, FocusMixin(LitElement));
184
- export default BXPagesSelect;
185
- //# sourceMappingURL=pages-select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"pages-select.js","names":["LitElement","html","property","customElement","ChevronDown16","prefix","FocusMixin","styles","BXPagesSelect","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleChange","target","Number","dispatchEvent","CustomEvent","eventChange","bubbles","composed","detail","decorators","attribute","count","type","render","formatLabelText","formatSupplementalText","total","handleChange","_t","_","Array","from","map","_item","index","_t2","class","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/pagination/pages-select.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 ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './pagination.scss';\n\n/**\n * The select box for the current page.\n *\n * @element cds-pages-select\n * @fires cds-pages-select-changed - The custom event fired after the page is changed.\n */\n@customElement(`${prefix}-pages-select`)\nclass BXPagesSelect extends FocusMixin(LitElement) {\n /**\n * Handles `change` event on the `<select>` to select page size.\n */\n private _handleChange({ target }: Event) {\n const value = Number((target as HTMLSelectElement).value);\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof BXPagesSelect).eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n this.value = value;\n }\n\n /**\n * The formatter for the assistive text for screen readers to announce.\n * Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatLabelText = ({ count }) =>\n `Page number, of ${count} page${count <= 1 ? '' : 's'}`;\n\n /**\n * The formatter for the text next to the select box. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatSupplementalText = ({ count }) =>\n `of ${count} page${count <= 1 ? '' : 's'}`;\n\n /**\n * The number of total pages.\n */\n @property({ type: Number })\n total!: number;\n\n /**\n * The value, working as the current page, index that starts with zero.\n */\n @property({ type: Number })\n value!: number;\n\n render() {\n const {\n formatLabelText,\n formatSupplementalText,\n total,\n value,\n _handleChange: handleChange,\n } = this;\n // `<option ?selected=\"${index === value}\">` is a workaround for:\n // https://github.com/Polymer/lit-html/issues/1052\n return html`\n <div class=\"${prefix}--select__page-number\">\n <label for=\"select\" class=\"${prefix}--label ${prefix}--visually-hidden\">\n ${formatLabelText({ count: total })}\n </label>\n <select\n class=\"${prefix}--select-input\"\n .value=\"${value}\"\n @change=\"${handleChange}\">\n ${Array.from(new Array(total)).map(\n (_item, index) =>\n html`\n <option value=${index} ?selected=\"${index === value}\">\n ${index + 1}\n </option>\n `\n )}\n </select>\n ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n </div>\n <span class=\"${prefix}--pagination__text\">\n ${formatSupplementalText({ count: total })}\n </span>\n `;\n }\n\n /**\n * The name of the custom event fired after the page is changed.\n */\n static get eventChange() {\n return `${prefix}-pages-select-changed`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPagesSelect;\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,OAAOC,aAAa,MAAM,8BAAoC;AAC9D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA;AACA,GALA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,aAAa,GAAAC,SAAA,EADlBN,aAAa,CAAE,GAAEE,MAAO,eAAc,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAxC,MACMH,aAAa,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA6FnD;EAAC;IAAAI,CAAA,EA7FKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MACjB;AACF;AACA;MACE,SAAAC,cAAsB;QAAEC;MAAc,CAAC,EAAE;QACvC,MAAMF,KAAK,GAAGG,MAAM,CAAED,MAAM,CAAuBF,KAAK,CAAC;QACzD,IAAI,CAACI,aAAa,CAChB,IAAIC,WAAW,CAAE,IAAI,CAACX,WAAW,CAA0BY,WAAW,EAAE;UACtEC,OAAO,EAAE,IAAI;UACbC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNT;UACF;QACF,CAAC,CAAC,CACH;QACD,IAAI,CAACA,KAAK,GAAGA,KAAK;MACpB;;MAEA;AACF;AACA;AACA;IAHE;MAAAF,IAAA;MAAAY,UAAA,GAIC1B,QAAQ,CAAC;QAAE2B,SAAS,EAAE;MAAM,CAAC,CAAC;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OACb,CAAC;UAAEY;QAAM,CAAC,KACzB,mBAAkBA,KAAM,QAAOA,KAAK,IAAI,CAAC,GAAG,EAAE,GAAG,GAAI,EAAC;MAAA;IAAA;MAAAd,IAAA;MAAAY,UAAA,GAKxD1B,QAAQ,CAAC;QAAE2B,SAAS,EAAE;MAAM,CAAC,CAAC;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OACN,CAAC;UAAEY;QAAM,CAAC,KAChC,MAAKA,KAAM,QAAOA,KAAK,IAAI,CAAC,GAAG,EAAE,GAAG,GAAI,EAAC;MAAA;IAAA;MAAAd,IAAA;MAAAY,UAAA,GAK3C1B,QAAQ,CAAC;QAAE6B,IAAI,EAAEV;MAAO,CAAC,CAAC;MAAAJ,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAY,UAAA,GAM1B1B,QAAQ,CAAC;QAAE6B,IAAI,EAAEV;MAAO,CAAC,CAAC;MAAAJ,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAhB3B;AACF;AACA;MAKE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAAc,OAAA,EAAS;QACP,MAAM;UACJC,eAAe;UACfC,sBAAsB;UACtBC,KAAK;UACLjB,KAAK;UACLC,aAAa,EAAEiB;QACjB,CAAC,GAAG,IAAI;QACR;QACA;QACA,OAAOnC,IAAI,CAAAoC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS;AAC3B,qCAAmC,CAAS,WAAQ,CAAS;AAC7D,YAAU,CAAoC;AAC9C;AACA;AACA,mBAAiB,CAAS;AAC1B,oBAAkB,CAAQ;AAC1B,qBAAmB,CAAe;AAClC,YAAU,CAOE;AACZ;AACA,UAAQ,CAAuD;AAC/D;AACA,qBAAmB,CAAS;AAC5B,UAAQ,CAA2C;AACnD;AACA,KAAI,GAtBgBjC,MAAM,EACWA,MAAM,EAAWA,MAAM,EAChD4B,eAAe,CAAC;UAAEH,KAAK,EAAEK;QAAM,CAAC,CAAC,EAG1B9B,MAAM,EACLa,KAAK,EACJkB,YAAY,EACrBG,KAAK,CAACC,IAAI,CAAC,IAAID,KAAK,CAACJ,KAAK,CAAC,CAAC,CAACM,GAAG,CAChC,CAACC,KAAK,EAAEC,KAAK,KACX1C,IAAI,CAAA2C,GAAA,KAAAA,GAAA,GAAAN,CAAC;AACnB,gCAA8B,CAAQ,eAAY,CAAkB;AACpE,oBAAkB,CAAY;AAC9B;AACA,eAAc,GAHkBK,KAAK,EAAeA,KAAK,KAAKzB,KAAK,EAC/CyB,KAAK,GAAG,CAAC,CAEd,CACJ,EAEDvC,aAAa,CAAC;UAAEyC,KAAK,EAAG,GAAExC,MAAO;QAAiB,CAAC,CAAC,EAEzCA,MAAM,EACjB6B,sBAAsB,CAAC;UAAEJ,KAAK,EAAEK;QAAM,CAAC,CAAC;MAGhD;;MAEA;AACF;AACA;IAFE;MAAAnB,IAAA;MAAA8B,MAAA;MAAA7B,GAAA;MAAAC,KAAA,EAGA,SAAAM,YAAA,EAAyB;QACvB,OAAQ,GAAEnB,MAAO,uBAAsB;MACzC;IAAC;MAAAW,IAAA;MAAA8B,MAAA;MAAA7B,GAAA;MAAAC,MAAA;QAAA,OAAA6B,aAAA,CAAAA,aAAA,KAGI/C,UAAU,CAACgD,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAjC,IAAA;MAAA8B,MAAA;MAAA7B,GAAA;MAAAC,MAAA;QAAA,OAENX,MAAM;MAAA;IAAA;EAAA;AAAA,GA5FID,UAAU,CAACN,UAAU,CAAC;AA+FlD,eAAeQ,aAAa"}
@@ -1,24 +0,0 @@
1
- /**
2
- * @license
3
- *
4
- * Copyright IBM Corp. 2019, 2020
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 { Component } from 'react';
10
- import { ComponentProps as ParentComponentProps } from './table-row';
11
- export interface ComponentProps extends ParentComponentProps {
12
- /**
13
- * The event handler for the custom event fired before the expanded state this row is being toggled upon a user gesture.
14
- * Cancellation of this event stops the user-initiated action of toggling the expanded state.
15
- */
16
- onBeforeExpandoToggle?: (event: CustomEvent) => void;
17
- /**
18
- * The event handler for the custom event fired after the expanded state this row is toggled upon a user gesture.
19
- */
20
- onExpandoToggle?: (event: CustomEvent) => void;
21
- }
22
- /*[object Object]*/
23
- declare class BXTableExpandRow extends Component<ComponentProps> {}
24
- export default BXTableExpandRow;
@@ -1,33 +0,0 @@
1
- /**
2
- * @license
3
- *
4
- * Copyright IBM Corp. 2019, 2020
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 { descriptor as parentDescriptor } from '././table-row.js';
10
- import { propTypes as parentPropTypes } from '././table-row.js';
11
- export { default as CustomElement } from '../../components/data-table/table-expand-row.js';
12
- import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
13
- import PropTypes from 'prop-types';
14
- import settings from 'carbon-components/es/globals/js/settings.js';
15
- var prefix = settings.prefix;
16
- export var descriptor = Object.assign({}, parentDescriptor, {
17
- onBeforeExpandoToggle: {
18
- event: ''.concat(prefix, '-table-row-expando-beingtoggled'),
19
- },
20
- onExpandoToggle: {
21
- event: ''.concat(prefix, '-table-row-expando-toggled'),
22
- },
23
- });
24
- export var propTypes = Object.assign({}, parentPropTypes, {
25
- onBeforeExpandoToggle: PropTypes.func,
26
- onExpandoToggle: PropTypes.func,
27
- });
28
- const Component = createReactCustomElementType(
29
- ''.concat(prefix, '-table-expand-row'),
30
- descriptor
31
- );
32
- Component.propTypes = propTypes;
33
- export default Component;
@@ -1,14 +0,0 @@
1
- /**
2
- * @license
3
- *
4
- * Copyright IBM Corp. 2019, 2020
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 { Component } from 'react';
10
- import { ComponentProps as ParentComponentProps } from './table-cell';
11
- export interface ComponentProps extends ParentComponentProps {}
12
- /*[object Object]*/
13
- declare class BXTableHeaderCellSkeleton extends Component<ComponentProps> {}
14
- export default BXTableHeaderCellSkeleton;