@carbon/web-components 1.26.0-rc.2 → 1.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (623) hide show
  1. package/dist/accordion.min.js +2 -2
  2. package/dist/accordion.rtl.min.js +2 -2
  3. package/dist/breadcrumb.min.js +1 -1
  4. package/dist/breadcrumb.rtl.min.js +1 -1
  5. package/dist/{button-0eeac278.js → button-c71594fa.js} +2 -2
  6. package/dist/{button-4b4837f0.js → button-e31ba29e.js} +2 -2
  7. package/dist/button.min.js +1 -1
  8. package/dist/button.rtl.min.js +1 -1
  9. package/dist/{decorators-0a905d41.js → carbon-element-18175602.js} +9 -1
  10. package/dist/checkbox-3fc0ced9.js +65 -0
  11. package/dist/checkbox-a740039c.js +65 -0
  12. package/dist/checkbox.min.js +1 -1
  13. package/dist/checkbox.rtl.min.js +1 -1
  14. package/dist/code-snippet.min.js +2 -2
  15. package/dist/code-snippet.rtl.min.js +2 -2
  16. package/dist/combo-box.min.js +1 -1
  17. package/dist/combo-box.rtl.min.js +1 -1
  18. package/dist/{content-switcher-item-d37071b9.js → content-switcher-item-77b690a9.js} +2 -2
  19. package/dist/{content-switcher-item-db96b7e3.js → content-switcher-item-96395561.js} +2 -2
  20. package/dist/content-switcher.min.js +1 -1
  21. package/dist/content-switcher.rtl.min.js +1 -1
  22. package/dist/copy-button-50221d0f.js +65 -0
  23. package/dist/copy-button-9cb9a0c6.js +65 -0
  24. package/dist/copy-button.min.js +1 -1
  25. package/dist/copy-button.rtl.min.js +1 -1
  26. package/dist/data-table.min.js +2 -2
  27. package/dist/data-table.rtl.min.js +2 -2
  28. package/dist/date-picker.min.js +3 -3
  29. package/dist/date-picker.rtl.min.js +3 -3
  30. package/dist/decorators-56213c84.js +78 -0
  31. package/dist/{dropdown-item-1630cdb0.js → dropdown-item-62abeaa7.js} +2 -2
  32. package/dist/{dropdown-item-8c9136d9.js → dropdown-item-97eb5366.js} +2 -2
  33. package/dist/dropdown.min.js +1 -1
  34. package/dist/dropdown.rtl.min.js +1 -1
  35. package/dist/file-uploader.min.js +2 -2
  36. package/dist/file-uploader.rtl.min.js +2 -2
  37. package/dist/form.min.js +1 -1
  38. package/dist/form.rtl.min.js +1 -1
  39. package/dist/inline-loading.min.js +2 -2
  40. package/dist/inline-loading.rtl.min.js +2 -2
  41. package/dist/{input-1583283e.js → input-254c34ac.js} +2 -2
  42. package/dist/{input-b817aa3d.js → input-bb75e577.js} +2 -2
  43. package/dist/input.min.js +1 -1
  44. package/dist/input.rtl.min.js +1 -1
  45. package/dist/link-3c734b06.js +65 -0
  46. package/dist/link-aecb4d2a.js +65 -0
  47. package/dist/link.min.js +1 -1
  48. package/dist/link.rtl.min.js +1 -1
  49. package/dist/list.min.js +1 -1
  50. package/dist/list.rtl.min.js +1 -1
  51. package/dist/loading-9ce928f0.js +65 -0
  52. package/dist/loading-c77e0b8d.js +65 -0
  53. package/dist/loading.min.js +1 -1
  54. package/dist/loading.rtl.min.js +1 -1
  55. package/dist/modal.min.js +2 -2
  56. package/dist/modal.rtl.min.js +2 -2
  57. package/dist/multi-select.min.js +1 -1
  58. package/dist/multi-select.rtl.min.js +1 -1
  59. package/dist/notification.min.js +2 -2
  60. package/dist/notification.rtl.min.js +2 -2
  61. package/dist/number-input.min.js +2 -2
  62. package/dist/number-input.rtl.min.js +2 -2
  63. package/dist/overflow-menu.min.js +2 -2
  64. package/dist/overflow-menu.rtl.min.js +2 -2
  65. package/dist/pagination.min.js +1 -1
  66. package/dist/pagination.rtl.min.js +1 -1
  67. package/dist/progress-indicator.min.js +2 -2
  68. package/dist/progress-indicator.rtl.min.js +2 -2
  69. package/dist/radio-button.min.js +2 -2
  70. package/dist/radio-button.rtl.min.js +2 -2
  71. package/dist/search-99e65bb6.js +65 -0
  72. package/dist/search-dfddc65c.js +65 -0
  73. package/dist/search.min.js +1 -1
  74. package/dist/search.rtl.min.js +1 -1
  75. package/dist/select.min.js +1 -1
  76. package/dist/select.rtl.min.js +1 -1
  77. package/dist/skeleton-placeholder.min.js +1 -1
  78. package/dist/skeleton-placeholder.rtl.min.js +1 -1
  79. package/dist/skeleton-text.min.js +2 -2
  80. package/dist/skeleton-text.rtl.min.js +2 -2
  81. package/dist/skip-to-content.min.js +1 -1
  82. package/dist/skip-to-content.rtl.min.js +1 -1
  83. package/dist/slider.min.js +1 -1
  84. package/dist/slider.rtl.min.js +1 -1
  85. package/dist/structured-list.min.js +1 -1
  86. package/dist/structured-list.rtl.min.js +1 -1
  87. package/dist/tabs.min.js +2 -2
  88. package/dist/tabs.rtl.min.js +2 -2
  89. package/dist/tag.min.js +2 -2
  90. package/dist/tag.rtl.min.js +2 -2
  91. package/dist/textarea.min.js +1 -1
  92. package/dist/textarea.rtl.min.js +1 -1
  93. package/dist/tile.min.js +1 -1
  94. package/dist/tile.rtl.min.js +1 -1
  95. package/dist/toggle.min.js +2 -2
  96. package/dist/toggle.rtl.min.js +2 -2
  97. package/dist/tooltip.min.js +2 -2
  98. package/dist/tooltip.rtl.min.js +2 -2
  99. package/dist/ui-shell.min.js +2 -2
  100. package/dist/ui-shell.rtl.min.js +2 -2
  101. package/es/components/accordion/accordion-item.d.ts +1 -1
  102. package/es/components/accordion/accordion-item.d.ts.map +1 -1
  103. package/es/components/accordion/accordion-item.js +4 -3
  104. package/es/components/accordion/accordion-item.js.map +1 -1
  105. package/es/components/accordion/accordion.d.ts +1 -1
  106. package/es/components/accordion/accordion.d.ts.map +1 -1
  107. package/es/components/accordion/accordion.js +3 -2
  108. package/es/components/accordion/accordion.js.map +1 -1
  109. package/es/components/breadcrumb/breadcrumb-item.d.ts +1 -1
  110. package/es/components/breadcrumb/breadcrumb-item.d.ts.map +1 -1
  111. package/es/components/breadcrumb/breadcrumb-item.js +3 -2
  112. package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
  113. package/es/components/breadcrumb/breadcrumb-link.d.ts +1 -1
  114. package/es/components/breadcrumb/breadcrumb-link.d.ts.map +1 -1
  115. package/es/components/breadcrumb/breadcrumb-link.js +2 -2
  116. package/es/components/breadcrumb/breadcrumb-link.js.map +1 -1
  117. package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts +1 -1
  118. package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts.map +1 -1
  119. package/es/components/breadcrumb/breadcrumb-overflow-menu.js +3 -2
  120. package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
  121. package/es/components/breadcrumb/breadcrumb.d.ts +1 -1
  122. package/es/components/breadcrumb/breadcrumb.d.ts.map +1 -1
  123. package/es/components/breadcrumb/breadcrumb.js +3 -2
  124. package/es/components/breadcrumb/breadcrumb.js.map +1 -1
  125. package/es/components/button/button-skeleton.d.ts +1 -1
  126. package/es/components/button/button-skeleton.d.ts.map +1 -1
  127. package/es/components/button/button-skeleton.js +3 -2
  128. package/es/components/button/button-skeleton.js.map +1 -1
  129. package/es/components/button/button.d.ts +1 -1
  130. package/es/components/button/button.d.ts.map +1 -1
  131. package/es/components/button/button.js +3 -2
  132. package/es/components/button/button.js.map +1 -1
  133. package/es/components/checkbox/checkbox.d.ts +1 -1
  134. package/es/components/checkbox/checkbox.d.ts.map +1 -1
  135. package/es/components/checkbox/checkbox.js +3 -2
  136. package/es/components/checkbox/checkbox.js.map +1 -1
  137. package/es/components/code-snippet/code-snippet-skeleton.d.ts +1 -1
  138. package/es/components/code-snippet/code-snippet-skeleton.d.ts.map +1 -1
  139. package/es/components/code-snippet/code-snippet-skeleton.js +3 -2
  140. package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
  141. package/es/components/code-snippet/code-snippet.d.ts +1 -1
  142. package/es/components/code-snippet/code-snippet.d.ts.map +1 -1
  143. package/es/components/code-snippet/code-snippet.js +3 -2
  144. package/es/components/code-snippet/code-snippet.js.map +1 -1
  145. package/es/components/combo-box/combo-box-item.d.ts +1 -1
  146. package/es/components/combo-box/combo-box-item.d.ts.map +1 -1
  147. package/es/components/combo-box/combo-box-item.js +2 -2
  148. package/es/components/combo-box/combo-box-item.js.map +1 -1
  149. package/es/components/combo-box/combo-box.d.ts +1 -1
  150. package/es/components/combo-box/combo-box.d.ts.map +1 -1
  151. package/es/components/combo-box/combo-box.js +3 -2
  152. package/es/components/combo-box/combo-box.js.map +1 -1
  153. package/es/components/content-switcher/content-switcher-item.d.ts +1 -1
  154. package/es/components/content-switcher/content-switcher-item.d.ts.map +1 -1
  155. package/es/components/content-switcher/content-switcher-item.js +3 -2
  156. package/es/components/content-switcher/content-switcher-item.js.map +1 -1
  157. package/es/components/content-switcher/content-switcher.d.ts +1 -1
  158. package/es/components/content-switcher/content-switcher.d.ts.map +1 -1
  159. package/es/components/content-switcher/content-switcher.js +3 -2
  160. package/es/components/content-switcher/content-switcher.js.map +1 -1
  161. package/es/components/copy-button/copy-button.d.ts +1 -1
  162. package/es/components/copy-button/copy-button.d.ts.map +1 -1
  163. package/es/components/copy-button/copy-button.js +3 -2
  164. package/es/components/copy-button/copy-button.js.map +1 -1
  165. package/es/components/data-table/table-batch-actions.d.ts +1 -1
  166. package/es/components/data-table/table-batch-actions.d.ts.map +1 -1
  167. package/es/components/data-table/table-batch-actions.js +3 -2
  168. package/es/components/data-table/table-batch-actions.js.map +1 -1
  169. package/es/components/data-table/table-body.d.ts +1 -1
  170. package/es/components/data-table/table-body.d.ts.map +1 -1
  171. package/es/components/data-table/table-body.js +3 -2
  172. package/es/components/data-table/table-body.js.map +1 -1
  173. package/es/components/data-table/table-cell-skeleton.d.ts +1 -1
  174. package/es/components/data-table/table-cell-skeleton.d.ts.map +1 -1
  175. package/es/components/data-table/table-cell-skeleton.js +3 -2
  176. package/es/components/data-table/table-cell-skeleton.js.map +1 -1
  177. package/es/components/data-table/table-cell.d.ts +1 -1
  178. package/es/components/data-table/table-cell.d.ts.map +1 -1
  179. package/es/components/data-table/table-cell.js +3 -2
  180. package/es/components/data-table/table-cell.js.map +1 -1
  181. package/es/components/data-table/table-expand-row.d.ts +1 -1
  182. package/es/components/data-table/table-expand-row.d.ts.map +1 -1
  183. package/es/components/data-table/table-expand-row.js +3 -2
  184. package/es/components/data-table/table-expand-row.js.map +1 -1
  185. package/es/components/data-table/table-expanded-row.d.ts +1 -1
  186. package/es/components/data-table/table-expanded-row.d.ts.map +1 -1
  187. package/es/components/data-table/table-expanded-row.js +3 -2
  188. package/es/components/data-table/table-expanded-row.js.map +1 -1
  189. package/es/components/data-table/table-head.d.ts +1 -1
  190. package/es/components/data-table/table-head.d.ts.map +1 -1
  191. package/es/components/data-table/table-head.js +3 -2
  192. package/es/components/data-table/table-head.js.map +1 -1
  193. package/es/components/data-table/table-header-cell-skeleton.d.ts +1 -1
  194. package/es/components/data-table/table-header-cell-skeleton.d.ts.map +1 -1
  195. package/es/components/data-table/table-header-cell-skeleton.js +2 -2
  196. package/es/components/data-table/table-header-cell-skeleton.js.map +1 -1
  197. package/es/components/data-table/table-header-cell.d.ts +1 -1
  198. package/es/components/data-table/table-header-cell.d.ts.map +1 -1
  199. package/es/components/data-table/table-header-cell.js +3 -2
  200. package/es/components/data-table/table-header-cell.js.map +1 -1
  201. package/es/components/data-table/table-header-expand-row.d.ts +1 -1
  202. package/es/components/data-table/table-header-expand-row.d.ts.map +1 -1
  203. package/es/components/data-table/table-header-expand-row.js +2 -2
  204. package/es/components/data-table/table-header-expand-row.js.map +1 -1
  205. package/es/components/data-table/table-header-row.d.ts +1 -1
  206. package/es/components/data-table/table-header-row.d.ts.map +1 -1
  207. package/es/components/data-table/table-header-row.js +2 -2
  208. package/es/components/data-table/table-header-row.js.map +1 -1
  209. package/es/components/data-table/table-row.d.ts +1 -1
  210. package/es/components/data-table/table-row.d.ts.map +1 -1
  211. package/es/components/data-table/table-row.js +3 -2
  212. package/es/components/data-table/table-row.js.map +1 -1
  213. package/es/components/data-table/table-toolbar-content.d.ts +1 -1
  214. package/es/components/data-table/table-toolbar-content.d.ts.map +1 -1
  215. package/es/components/data-table/table-toolbar-content.js +3 -2
  216. package/es/components/data-table/table-toolbar-content.js.map +1 -1
  217. package/es/components/data-table/table-toolbar-search.d.ts +1 -1
  218. package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
  219. package/es/components/data-table/table-toolbar-search.js +3 -2
  220. package/es/components/data-table/table-toolbar-search.js.map +1 -1
  221. package/es/components/data-table/table-toolbar.d.ts +1 -1
  222. package/es/components/data-table/table-toolbar.d.ts.map +1 -1
  223. package/es/components/data-table/table-toolbar.js +3 -2
  224. package/es/components/data-table/table-toolbar.js.map +1 -1
  225. package/es/components/data-table/table.d.ts +1 -1
  226. package/es/components/data-table/table.d.ts.map +1 -1
  227. package/es/components/data-table/table.js +3 -2
  228. package/es/components/data-table/table.js.map +1 -1
  229. package/es/components/date-picker/date-picker-input-skeleton.d.ts +1 -1
  230. package/es/components/date-picker/date-picker-input-skeleton.d.ts.map +1 -1
  231. package/es/components/date-picker/date-picker-input-skeleton.js +3 -2
  232. package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
  233. package/es/components/date-picker/date-picker-input.d.ts +3 -7
  234. package/es/components/date-picker/date-picker-input.d.ts.map +1 -1
  235. package/es/components/date-picker/date-picker-input.js +3 -2
  236. package/es/components/date-picker/date-picker-input.js.map +1 -1
  237. package/es/components/date-picker/date-picker.d.ts +2 -4
  238. package/es/components/date-picker/date-picker.d.ts.map +1 -1
  239. package/es/components/date-picker/date-picker.js +3 -2
  240. package/es/components/date-picker/date-picker.js.map +1 -1
  241. package/es/components/dropdown/dropdown-item.d.ts +1 -1
  242. package/es/components/dropdown/dropdown-item.d.ts.map +1 -1
  243. package/es/components/dropdown/dropdown-item.js +3 -2
  244. package/es/components/dropdown/dropdown-item.js.map +1 -1
  245. package/es/components/dropdown/dropdown-skeleton.d.ts +1 -1
  246. package/es/components/dropdown/dropdown-skeleton.d.ts.map +1 -1
  247. package/es/components/dropdown/dropdown-skeleton.js +3 -2
  248. package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
  249. package/es/components/dropdown/dropdown.d.ts.map +1 -1
  250. package/es/components/dropdown/dropdown.js +2 -1
  251. package/es/components/dropdown/dropdown.js.map +1 -1
  252. package/es/components/file-uploader/drop-container.d.ts +4 -1
  253. package/es/components/file-uploader/drop-container.d.ts.map +1 -1
  254. package/es/components/file-uploader/drop-container.js +3 -2
  255. package/es/components/file-uploader/drop-container.js.map +1 -1
  256. package/es/components/file-uploader/file-uploader-item.d.ts +1 -1
  257. package/es/components/file-uploader/file-uploader-item.d.ts.map +1 -1
  258. package/es/components/file-uploader/file-uploader-item.js +3 -2
  259. package/es/components/file-uploader/file-uploader-item.js.map +1 -1
  260. package/es/components/file-uploader/file-uploader.d.ts +1 -1
  261. package/es/components/file-uploader/file-uploader.d.ts.map +1 -1
  262. package/es/components/file-uploader/file-uploader.js +3 -2
  263. package/es/components/file-uploader/file-uploader.js.map +1 -1
  264. package/es/components/form/form-item.d.ts +1 -1
  265. package/es/components/form/form-item.d.ts.map +1 -1
  266. package/es/components/form/form-item.js +3 -2
  267. package/es/components/form/form-item.js.map +1 -1
  268. package/es/components/inline-loading/inline-loading.d.ts +1 -1
  269. package/es/components/inline-loading/inline-loading.d.ts.map +1 -1
  270. package/es/components/inline-loading/inline-loading.js +3 -2
  271. package/es/components/inline-loading/inline-loading.js.map +1 -1
  272. package/es/components/input/input.d.ts +1 -4
  273. package/es/components/input/input.d.ts.map +1 -1
  274. package/es/components/input/input.js +3 -2
  275. package/es/components/input/input.js.map +1 -1
  276. package/es/components/link/link.d.ts +1 -1
  277. package/es/components/link/link.d.ts.map +1 -1
  278. package/es/components/link/link.js +3 -2
  279. package/es/components/link/link.js.map +1 -1
  280. package/es/components/list/list-item.d.ts +1 -1
  281. package/es/components/list/list-item.d.ts.map +1 -1
  282. package/es/components/list/list-item.js +3 -2
  283. package/es/components/list/list-item.js.map +1 -1
  284. package/es/components/list/ordered-list.d.ts +1 -1
  285. package/es/components/list/ordered-list.d.ts.map +1 -1
  286. package/es/components/list/ordered-list.js +3 -2
  287. package/es/components/list/ordered-list.js.map +1 -1
  288. package/es/components/list/unordered-list.d.ts +1 -1
  289. package/es/components/list/unordered-list.d.ts.map +1 -1
  290. package/es/components/list/unordered-list.js +3 -2
  291. package/es/components/list/unordered-list.js.map +1 -1
  292. package/es/components/loading/loading.d.ts +1 -1
  293. package/es/components/loading/loading.d.ts.map +1 -1
  294. package/es/components/loading/loading.js +3 -2
  295. package/es/components/loading/loading.js.map +1 -1
  296. package/es/components/modal/modal-body.d.ts +1 -1
  297. package/es/components/modal/modal-body.d.ts.map +1 -1
  298. package/es/components/modal/modal-body.js +3 -2
  299. package/es/components/modal/modal-body.js.map +1 -1
  300. package/es/components/modal/modal-close-button.d.ts +1 -1
  301. package/es/components/modal/modal-close-button.d.ts.map +1 -1
  302. package/es/components/modal/modal-close-button.js +3 -2
  303. package/es/components/modal/modal-close-button.js.map +1 -1
  304. package/es/components/modal/modal-footer-button.d.ts +1 -1
  305. package/es/components/modal/modal-footer-button.d.ts.map +1 -1
  306. package/es/components/modal/modal-footer-button.js +2 -2
  307. package/es/components/modal/modal-footer-button.js.map +1 -1
  308. package/es/components/modal/modal-footer.d.ts +1 -1
  309. package/es/components/modal/modal-footer.d.ts.map +1 -1
  310. package/es/components/modal/modal-footer.js +3 -2
  311. package/es/components/modal/modal-footer.js.map +1 -1
  312. package/es/components/modal/modal-header.d.ts +1 -1
  313. package/es/components/modal/modal-header.d.ts.map +1 -1
  314. package/es/components/modal/modal-header.js +3 -2
  315. package/es/components/modal/modal-header.js.map +1 -1
  316. package/es/components/modal/modal-heading.d.ts +1 -1
  317. package/es/components/modal/modal-heading.d.ts.map +1 -1
  318. package/es/components/modal/modal-heading.js +3 -2
  319. package/es/components/modal/modal-heading.js.map +1 -1
  320. package/es/components/modal/modal-label.d.ts +1 -1
  321. package/es/components/modal/modal-label.d.ts.map +1 -1
  322. package/es/components/modal/modal-label.js +3 -2
  323. package/es/components/modal/modal-label.js.map +1 -1
  324. package/es/components/modal/modal.d.ts +1 -1
  325. package/es/components/modal/modal.d.ts.map +1 -1
  326. package/es/components/modal/modal.js +3 -2
  327. package/es/components/modal/modal.js.map +1 -1
  328. package/es/components/multi-select/multi-select-item.d.ts +1 -1
  329. package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
  330. package/es/components/multi-select/multi-select-item.js +3 -2
  331. package/es/components/multi-select/multi-select-item.js.map +1 -1
  332. package/es/components/multi-select/multi-select.d.ts +1 -1
  333. package/es/components/multi-select/multi-select.d.ts.map +1 -1
  334. package/es/components/multi-select/multi-select.js +3 -2
  335. package/es/components/multi-select/multi-select.js.map +1 -1
  336. package/es/components/notification/inline-notification.d.ts +1 -1
  337. package/es/components/notification/inline-notification.d.ts.map +1 -1
  338. package/es/components/notification/inline-notification.js +4 -3
  339. package/es/components/notification/inline-notification.js.map +1 -1
  340. package/es/components/notification/toast-notification.d.ts +1 -1
  341. package/es/components/notification/toast-notification.d.ts.map +1 -1
  342. package/es/components/notification/toast-notification.js +3 -2
  343. package/es/components/notification/toast-notification.js.map +1 -1
  344. package/es/components/number-input/number-input-skeleton.d.ts +1 -1
  345. package/es/components/number-input/number-input-skeleton.d.ts.map +1 -1
  346. package/es/components/number-input/number-input-skeleton.js +3 -2
  347. package/es/components/number-input/number-input-skeleton.js.map +1 -1
  348. package/es/components/number-input/number-input.d.ts +1 -1
  349. package/es/components/number-input/number-input.d.ts.map +1 -1
  350. package/es/components/number-input/number-input.js +3 -2
  351. package/es/components/number-input/number-input.js.map +1 -1
  352. package/es/components/overflow-menu/overflow-menu-body.d.ts +1 -1
  353. package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  354. package/es/components/overflow-menu/overflow-menu-body.js +3 -2
  355. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  356. package/es/components/overflow-menu/overflow-menu-item.d.ts +1 -1
  357. package/es/components/overflow-menu/overflow-menu-item.d.ts.map +1 -1
  358. package/es/components/overflow-menu/overflow-menu-item.js +3 -2
  359. package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
  360. package/es/components/overflow-menu/overflow-menu.d.ts +4 -1
  361. package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  362. package/es/components/overflow-menu/overflow-menu.js +3 -2
  363. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  364. package/es/components/pagination/page-sizes-select.d.ts +1 -1
  365. package/es/components/pagination/page-sizes-select.d.ts.map +1 -1
  366. package/es/components/pagination/page-sizes-select.js +3 -2
  367. package/es/components/pagination/page-sizes-select.js.map +1 -1
  368. package/es/components/pagination/pages-select.d.ts +1 -1
  369. package/es/components/pagination/pages-select.d.ts.map +1 -1
  370. package/es/components/pagination/pages-select.js +3 -2
  371. package/es/components/pagination/pages-select.js.map +1 -1
  372. package/es/components/pagination/pagination.d.ts +1 -1
  373. package/es/components/pagination/pagination.d.ts.map +1 -1
  374. package/es/components/pagination/pagination.js +3 -2
  375. package/es/components/pagination/pagination.js.map +1 -1
  376. package/es/components/progress-indicator/progress-indicator-skeleton.d.ts +1 -1
  377. package/es/components/progress-indicator/progress-indicator-skeleton.d.ts.map +1 -1
  378. package/es/components/progress-indicator/progress-indicator-skeleton.js +3 -2
  379. package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
  380. package/es/components/progress-indicator/progress-indicator.d.ts +1 -1
  381. package/es/components/progress-indicator/progress-indicator.d.ts.map +1 -1
  382. package/es/components/progress-indicator/progress-indicator.js +3 -2
  383. package/es/components/progress-indicator/progress-indicator.js.map +1 -1
  384. package/es/components/progress-indicator/progress-step-skeleton.d.ts +1 -1
  385. package/es/components/progress-indicator/progress-step-skeleton.d.ts.map +1 -1
  386. package/es/components/progress-indicator/progress-step-skeleton.js +3 -2
  387. package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
  388. package/es/components/progress-indicator/progress-step.d.ts +1 -1
  389. package/es/components/progress-indicator/progress-step.d.ts.map +1 -1
  390. package/es/components/progress-indicator/progress-step.js +3 -2
  391. package/es/components/progress-indicator/progress-step.js.map +1 -1
  392. package/es/components/radio-button/radio-button-group.d.ts +1 -1
  393. package/es/components/radio-button/radio-button-group.d.ts.map +1 -1
  394. package/es/components/radio-button/radio-button-group.js +3 -2
  395. package/es/components/radio-button/radio-button-group.js.map +1 -1
  396. package/es/components/radio-button/radio-button-skeleton.d.ts +1 -1
  397. package/es/components/radio-button/radio-button-skeleton.d.ts.map +1 -1
  398. package/es/components/radio-button/radio-button-skeleton.js +3 -2
  399. package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
  400. package/es/components/radio-button/radio-button.d.ts +1 -1
  401. package/es/components/radio-button/radio-button.d.ts.map +1 -1
  402. package/es/components/radio-button/radio-button.js +3 -2
  403. package/es/components/radio-button/radio-button.js.map +1 -1
  404. package/es/components/search/search-skeleton.d.ts +1 -1
  405. package/es/components/search/search-skeleton.d.ts.map +1 -1
  406. package/es/components/search/search-skeleton.js +3 -2
  407. package/es/components/search/search-skeleton.js.map +1 -1
  408. package/es/components/search/search.d.ts +1 -1
  409. package/es/components/search/search.d.ts.map +1 -1
  410. package/es/components/search/search.js +3 -2
  411. package/es/components/search/search.js.map +1 -1
  412. package/es/components/select/select-item-group.d.ts +1 -1
  413. package/es/components/select/select-item-group.d.ts.map +1 -1
  414. package/es/components/select/select-item-group.js +3 -2
  415. package/es/components/select/select-item-group.js.map +1 -1
  416. package/es/components/select/select-item.d.ts +1 -1
  417. package/es/components/select/select-item.d.ts.map +1 -1
  418. package/es/components/select/select-item.js +3 -2
  419. package/es/components/select/select-item.js.map +1 -1
  420. package/es/components/select/select.d.ts +6 -2
  421. package/es/components/select/select.d.ts.map +1 -1
  422. package/es/components/select/select.js +3 -2
  423. package/es/components/select/select.js.map +1 -1
  424. package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts +1 -1
  425. package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts.map +1 -1
  426. package/es/components/skeleton-placeholder/skeleton-placeholder.js +3 -2
  427. package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
  428. package/es/components/skeleton-text/skeleton-text.d.ts +1 -1
  429. package/es/components/skeleton-text/skeleton-text.d.ts.map +1 -1
  430. package/es/components/skeleton-text/skeleton-text.js +3 -2
  431. package/es/components/skeleton-text/skeleton-text.js.map +1 -1
  432. package/es/components/skip-to-content/skip-to-content.d.ts +1 -1
  433. package/es/components/skip-to-content/skip-to-content.d.ts.map +1 -1
  434. package/es/components/skip-to-content/skip-to-content.js +3 -2
  435. package/es/components/skip-to-content/skip-to-content.js.map +1 -1
  436. package/es/components/slider/slider-input.d.ts +1 -1
  437. package/es/components/slider/slider-input.d.ts.map +1 -1
  438. package/es/components/slider/slider-input.js +3 -2
  439. package/es/components/slider/slider-input.js.map +1 -1
  440. package/es/components/slider/slider-skeleton.d.ts +1 -1
  441. package/es/components/slider/slider-skeleton.d.ts.map +1 -1
  442. package/es/components/slider/slider-skeleton.js +3 -2
  443. package/es/components/slider/slider-skeleton.js.map +1 -1
  444. package/es/components/slider/slider.d.ts +1 -1
  445. package/es/components/slider/slider.d.ts.map +1 -1
  446. package/es/components/slider/slider.js +3 -2
  447. package/es/components/slider/slider.js.map +1 -1
  448. package/es/components/structured-list/structured-list-body.d.ts +1 -1
  449. package/es/components/structured-list/structured-list-body.d.ts.map +1 -1
  450. package/es/components/structured-list/structured-list-body.js +3 -2
  451. package/es/components/structured-list/structured-list-body.js.map +1 -1
  452. package/es/components/structured-list/structured-list-cell.d.ts +1 -1
  453. package/es/components/structured-list/structured-list-cell.d.ts.map +1 -1
  454. package/es/components/structured-list/structured-list-cell.js +3 -2
  455. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  456. package/es/components/structured-list/structured-list-head.d.ts +1 -1
  457. package/es/components/structured-list/structured-list-head.d.ts.map +1 -1
  458. package/es/components/structured-list/structured-list-head.js +3 -2
  459. package/es/components/structured-list/structured-list-head.js.map +1 -1
  460. package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts +1 -1
  461. package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts.map +1 -1
  462. package/es/components/structured-list/structured-list-header-cell-skeleton.js +3 -2
  463. package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
  464. package/es/components/structured-list/structured-list-header-cell.d.ts +1 -1
  465. package/es/components/structured-list/structured-list-header-cell.d.ts.map +1 -1
  466. package/es/components/structured-list/structured-list-header-cell.js +3 -2
  467. package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
  468. package/es/components/structured-list/structured-list-header-row.d.ts +1 -1
  469. package/es/components/structured-list/structured-list-header-row.d.ts.map +1 -1
  470. package/es/components/structured-list/structured-list-header-row.js +3 -2
  471. package/es/components/structured-list/structured-list-header-row.js.map +1 -1
  472. package/es/components/structured-list/structured-list-row.d.ts +1 -1
  473. package/es/components/structured-list/structured-list-row.d.ts.map +1 -1
  474. package/es/components/structured-list/structured-list-row.js +3 -2
  475. package/es/components/structured-list/structured-list-row.js.map +1 -1
  476. package/es/components/structured-list/structured-list.d.ts +1 -1
  477. package/es/components/structured-list/structured-list.d.ts.map +1 -1
  478. package/es/components/structured-list/structured-list.js +3 -2
  479. package/es/components/structured-list/structured-list.js.map +1 -1
  480. package/es/components/tabs/tab-skeleton.d.ts +1 -1
  481. package/es/components/tabs/tab-skeleton.d.ts.map +1 -1
  482. package/es/components/tabs/tab-skeleton.js +3 -2
  483. package/es/components/tabs/tab-skeleton.js.map +1 -1
  484. package/es/components/tabs/tab.d.ts +1 -1
  485. package/es/components/tabs/tab.d.ts.map +1 -1
  486. package/es/components/tabs/tab.js +3 -2
  487. package/es/components/tabs/tab.js.map +1 -1
  488. package/es/components/tabs/tabs-skeleton.d.ts +1 -1
  489. package/es/components/tabs/tabs-skeleton.d.ts.map +1 -1
  490. package/es/components/tabs/tabs-skeleton.js +3 -2
  491. package/es/components/tabs/tabs-skeleton.js.map +1 -1
  492. package/es/components/tabs/tabs.d.ts +3 -3
  493. package/es/components/tabs/tabs.d.ts.map +1 -1
  494. package/es/components/tabs/tabs.js +5 -4
  495. package/es/components/tabs/tabs.js.map +1 -1
  496. package/es/components/tag/filter-tag.d.ts +5 -2
  497. package/es/components/tag/filter-tag.d.ts.map +1 -1
  498. package/es/components/tag/filter-tag.js +3 -2
  499. package/es/components/tag/filter-tag.js.map +1 -1
  500. package/es/components/tag/tag.d.ts +1 -1
  501. package/es/components/tag/tag.d.ts.map +1 -1
  502. package/es/components/tag/tag.js +3 -2
  503. package/es/components/tag/tag.js.map +1 -1
  504. package/es/components/textarea/textarea-skeleton.d.ts +1 -1
  505. package/es/components/textarea/textarea-skeleton.d.ts.map +1 -1
  506. package/es/components/textarea/textarea-skeleton.js +3 -2
  507. package/es/components/textarea/textarea-skeleton.js.map +1 -1
  508. package/es/components/textarea/textarea.d.ts +1 -1
  509. package/es/components/textarea/textarea.d.ts.map +1 -1
  510. package/es/components/textarea/textarea.js +3 -2
  511. package/es/components/textarea/textarea.js.map +1 -1
  512. package/es/components/tile/clickable-tile.d.ts +1 -1
  513. package/es/components/tile/clickable-tile.d.ts.map +1 -1
  514. package/es/components/tile/clickable-tile.js +3 -2
  515. package/es/components/tile/clickable-tile.js.map +1 -1
  516. package/es/components/tile/expandable-tile.d.ts +1 -1
  517. package/es/components/tile/expandable-tile.d.ts.map +1 -1
  518. package/es/components/tile/expandable-tile.js +3 -2
  519. package/es/components/tile/expandable-tile.js.map +1 -1
  520. package/es/components/tile/radio-tile.d.ts +1 -1
  521. package/es/components/tile/radio-tile.d.ts.map +1 -1
  522. package/es/components/tile/radio-tile.js +2 -2
  523. package/es/components/tile/radio-tile.js.map +1 -1
  524. package/es/components/tile/selectable-tile.d.ts.map +1 -1
  525. package/es/components/tile/selectable-tile.js +2 -1
  526. package/es/components/tile/selectable-tile.js.map +1 -1
  527. package/es/components/tile/tile-group.d.ts +1 -1
  528. package/es/components/tile/tile-group.d.ts.map +1 -1
  529. package/es/components/tile/tile-group.js +3 -2
  530. package/es/components/tile/tile-group.js.map +1 -1
  531. package/es/components/tile/tile.d.ts +1 -1
  532. package/es/components/tile/tile.d.ts.map +1 -1
  533. package/es/components/tile/tile.js +3 -2
  534. package/es/components/tile/tile.js.map +1 -1
  535. package/es/components/toggle/toggle.d.ts +1 -1
  536. package/es/components/toggle/toggle.d.ts.map +1 -1
  537. package/es/components/toggle/toggle.js +3 -2
  538. package/es/components/toggle/toggle.js.map +1 -1
  539. package/es/components/tooltip/tooltip-body.d.ts.map +1 -1
  540. package/es/components/tooltip/tooltip-body.js +2 -1
  541. package/es/components/tooltip/tooltip-body.js.map +1 -1
  542. package/es/components/tooltip/tooltip-definition.d.ts +1 -1
  543. package/es/components/tooltip/tooltip-definition.d.ts.map +1 -1
  544. package/es/components/tooltip/tooltip-definition.js +3 -2
  545. package/es/components/tooltip/tooltip-definition.js.map +1 -1
  546. package/es/components/tooltip/tooltip-footer.d.ts +1 -1
  547. package/es/components/tooltip/tooltip-footer.d.ts.map +1 -1
  548. package/es/components/tooltip/tooltip-footer.js +3 -2
  549. package/es/components/tooltip/tooltip-footer.js.map +1 -1
  550. package/es/components/tooltip/tooltip-icon.d.ts +1 -1
  551. package/es/components/tooltip/tooltip-icon.d.ts.map +1 -1
  552. package/es/components/tooltip/tooltip-icon.js +3 -2
  553. package/es/components/tooltip/tooltip-icon.js.map +1 -1
  554. package/es/components/tooltip/tooltip.d.ts.map +1 -1
  555. package/es/components/tooltip/tooltip.js +2 -1
  556. package/es/components/tooltip/tooltip.js.map +1 -1
  557. package/es/components/ui-shell/header-menu-button.d.ts +1 -1
  558. package/es/components/ui-shell/header-menu-button.d.ts.map +1 -1
  559. package/es/components/ui-shell/header-menu-button.js +3 -2
  560. package/es/components/ui-shell/header-menu-button.js.map +1 -1
  561. package/es/components/ui-shell/header-menu-item.d.ts +1 -1
  562. package/es/components/ui-shell/header-menu-item.d.ts.map +1 -1
  563. package/es/components/ui-shell/header-menu-item.js +2 -2
  564. package/es/components/ui-shell/header-menu-item.js.map +1 -1
  565. package/es/components/ui-shell/header-menu.d.ts +1 -1
  566. package/es/components/ui-shell/header-menu.d.ts.map +1 -1
  567. package/es/components/ui-shell/header-menu.js +3 -2
  568. package/es/components/ui-shell/header-menu.js.map +1 -1
  569. package/es/components/ui-shell/header-name.d.ts +1 -1
  570. package/es/components/ui-shell/header-name.d.ts.map +1 -1
  571. package/es/components/ui-shell/header-name.js +3 -2
  572. package/es/components/ui-shell/header-name.js.map +1 -1
  573. package/es/components/ui-shell/header-nav-item.d.ts +1 -1
  574. package/es/components/ui-shell/header-nav-item.d.ts.map +1 -1
  575. package/es/components/ui-shell/header-nav-item.js +3 -2
  576. package/es/components/ui-shell/header-nav-item.js.map +1 -1
  577. package/es/components/ui-shell/header-nav.d.ts +1 -1
  578. package/es/components/ui-shell/header-nav.d.ts.map +1 -1
  579. package/es/components/ui-shell/header-nav.js +3 -2
  580. package/es/components/ui-shell/header-nav.js.map +1 -1
  581. package/es/components/ui-shell/header.d.ts +1 -1
  582. package/es/components/ui-shell/header.d.ts.map +1 -1
  583. package/es/components/ui-shell/header.js +3 -2
  584. package/es/components/ui-shell/header.js.map +1 -1
  585. package/es/components/ui-shell/side-nav-divider.d.ts +1 -1
  586. package/es/components/ui-shell/side-nav-divider.d.ts.map +1 -1
  587. package/es/components/ui-shell/side-nav-divider.js +3 -2
  588. package/es/components/ui-shell/side-nav-divider.js.map +1 -1
  589. package/es/components/ui-shell/side-nav-items.d.ts +1 -1
  590. package/es/components/ui-shell/side-nav-items.d.ts.map +1 -1
  591. package/es/components/ui-shell/side-nav-items.js +3 -2
  592. package/es/components/ui-shell/side-nav-items.js.map +1 -1
  593. package/es/components/ui-shell/side-nav-link.d.ts +1 -1
  594. package/es/components/ui-shell/side-nav-link.d.ts.map +1 -1
  595. package/es/components/ui-shell/side-nav-link.js +3 -2
  596. package/es/components/ui-shell/side-nav-link.js.map +1 -1
  597. package/es/components/ui-shell/side-nav-menu-item.d.ts +1 -1
  598. package/es/components/ui-shell/side-nav-menu-item.d.ts.map +1 -1
  599. package/es/components/ui-shell/side-nav-menu-item.js +3 -2
  600. package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
  601. package/es/components/ui-shell/side-nav-menu.d.ts +1 -1
  602. package/es/components/ui-shell/side-nav-menu.d.ts.map +1 -1
  603. package/es/components/ui-shell/side-nav-menu.js +3 -2
  604. package/es/components/ui-shell/side-nav-menu.js.map +1 -1
  605. package/es/components/ui-shell/side-nav.d.ts +1 -1
  606. package/es/components/ui-shell/side-nav.d.ts.map +1 -1
  607. package/es/components/ui-shell/side-nav.js +3 -2
  608. package/es/components/ui-shell/side-nav.js.map +1 -1
  609. package/es/globals/decorators/carbon-element.d.ts +235 -0
  610. package/es/globals/decorators/carbon-element.d.ts.map +1 -0
  611. package/es/globals/decorators/carbon-element.js +429 -0
  612. package/es/globals/decorators/carbon-element.js.map +1 -0
  613. package/package.json +2 -2
  614. package/dist/checkbox-0edcc860.js +0 -65
  615. package/dist/checkbox-155d2e12.js +0 -65
  616. package/dist/copy-button-d50482da.js +0 -65
  617. package/dist/copy-button-e0c0c272.js +0 -65
  618. package/dist/link-5cef0608.js +0 -65
  619. package/dist/link-c666ff67.js +0 -65
  620. package/dist/loading-3754cb83.js +0 -65
  621. package/dist/loading-a86f38a0.js +0 -65
  622. package/dist/search-11f3a241.js +0 -65
  623. package/dist/search-487b4714.js +0 -65
@@ -1 +1 @@
1
- {"version":3,"file":"pages-select.js","names":["html","property","customElement","LitElement","ChevronDown16","settings","FocusMixin","styles","prefix","BXPagesSelect","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleChange","target","Number","dispatchEvent","CustomEvent","eventChange","bubbles","composed","detail","decorators","attribute","count","type","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","render","formatLabelText","formatSupplementalText","total","handleChange","_t","_","Array","from","map","_item","index","_t2","class","static"],"sources":["components/pagination/pages-select.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { html, property, customElement, LitElement } from 'lit-element';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './pagination.scss';\n\nconst { prefix } = settings;\n\n/**\n * The select box for the current page.\n *\n * @element bx-pages-select\n * @fires bx-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 createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\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 styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPagesSelect;\n"],"mappings":"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"}
1
+ {"version":3,"file":"pages-select.js","names":["html","property","LitElement","ChevronDown16","settings","FocusMixin","styles","carbonElement","customElement","prefix","BXPagesSelect","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleChange","target","Number","dispatchEvent","CustomEvent","eventChange","bubbles","composed","detail","decorators","attribute","count","type","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","render","formatLabelText","formatSupplementalText","total","handleChange","_t","_","Array","from","map","_item","index","_t2","class","static"],"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 { html, property, LitElement } from 'lit-element';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './pagination.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * The select box for the current page.\n *\n * @element bx-pages-select\n * @fires bx-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 createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\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 styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPagesSelect;\n"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *
4
- * Copyright IBM Corp. 2019, 2022
4
+ * Copyright IBM Corp. 2019, 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.
@@ -1 +1 @@
1
- {"version":3,"sources":["components/pagination/pagination.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcxE;;;;;;;;GAQG;AACH,cACM,YAAa,SAAQ,iBAAyC;IAClE;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAsBzB;;;;OAIG;IACH,OAAO,CAAC,+BAA+B;IAgBvC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAQ9B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAQ9B;;;;OAIG;IAGH,OAAO,CAAC,iBAAiB,CAIvB;IAEF;;;;OAIG;IAGH,OAAO,CAAC,qBAAqB,CAE3B;IAEF;;OAEG;IAEH,gCAAgC;;;;iBAC6B;IAE7D;;OAEG;IAEH,kCAAkC;;;iBACwB;IAE1D;;OAEG;IAEH,UAAU,EAAG,OAAO,CAAC;IAErB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,cAAc,SAAe;IAE7B;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,iBAAiB,EAAG,MAAM,CAAC;IAE3B;;OAEG;IAEH,cAAc,SAAmB;IAEjC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,gBAAgB;IAShB,OAAO,CAAC,iBAAiB,KAAA;IAuBzB,MAAM;IAwDN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"pagination.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { classMap } from 'lit-html/directives/class-map';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport CaretLeft24 from '@carbon/icons/lib/caret--left/24';\nimport CaretRight24 from '@carbon/icons/lib/caret--right/24';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXPagesSelect from './pages-select';\nimport BXPageSizesSelect from './page-sizes-select';\nimport styles from './pagination.scss';\n\nconst { prefix } = settings;\n\n/**\n * Pagination UI.\n *\n * @element bx-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires bx-pages-select-changed - The custom event fired after the current page is changed from `<bx-pages-select>`.\n * @fires bx-page-sizes-select-changed\n * The custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass BXPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n /**\n * @returns Page status text.\n */\n private _renderStatusText() {\n const {\n atLastPage,\n start,\n pageSize,\n total,\n formatStatusWithDeterminateTotal,\n formatStatusWithIndeterminateTotal,\n } = this;\n // * Regular: `1-10 of 100 items`\n // * Indeterminate total: `Item 1-10` (`Item 11-` at the last page)\n const end = atLastPage\n ? undefined\n : Math.min(start + pageSize, total == null ? Infinity : total);\n const format =\n total == null\n ? formatStatusWithIndeterminateTotal\n : formatStatusWithDeterminateTotal;\n // `start`/`end` properties starts with zero, whereas we want to show number starting with 1\n return format({ start: start + 1, end, count: total });\n }\n\n /**\n * Handles user-initiated change in the row number the current page starts with.\n *\n * @param start The new current row number, index that starts with zero.\n */\n private _handleUserInitiatedChangeStart(start: number) {\n this.start = start;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXPagination).eventChangeCurrent,\n {\n bubbles: true,\n composed: true,\n detail: {\n start,\n },\n }\n )\n );\n }\n\n /**\n * Handles `click` event on the previous button.\n */\n private _handleClickPrevButton() {\n const { start: oldStart, pageSize } = this;\n const newStart = Math.max(oldStart - pageSize, 0);\n if (newStart !== oldStart) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles `click` event on the next button.\n */\n private _handleClickNextButton() {\n const { start: oldStart, pageSize, total } = this;\n const newStart = oldStart + pageSize;\n if (newStart < (total == null ? Infinity : total)) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles user-initiated change in current page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePage')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePage = ({ detail }: CustomEvent) => {\n const { value } = detail;\n const { pageSize } = this;\n this._handleUserInitiatedChangeStart(value * pageSize);\n };\n\n /**\n * Handles user-initiated change in number of rows per page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePageSize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePageSize = ({ detail }: CustomEvent) => {\n this.pageSize = detail.value;\n };\n\n /**\n * The formatter, used with determinate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithDeterminateTotal = ({ start, end, count }) =>\n `${start}–${end} of ${count} item${count <= 1 ? '' : 's'}`;\n\n /**\n * The formatter, used with indeterminate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithIndeterminateTotal = ({ start, end }) =>\n end == null ? `Item ${start}–` : `Item ${start}–${end}`;\n\n /**\n * `true` to explicitly state that user is at the last page.\n */\n @property({ type: Boolean, attribute: 'at-last-page' })\n atLastPage!: boolean;\n\n /**\n * `true` if the pagination UI should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The assistive text for the button to go to next page.\n */\n @property({ attribute: 'next-button-text' })\n nextButtonText = 'Next page';\n\n /**\n * Number of items per page.\n */\n @property({ type: Number, attribute: 'page-size' })\n pageSize = 10;\n\n /**\n * The label text for the UI to select page size.\n */\n @property({ attribute: 'page-size-label-text' })\n pageSizeLabelText!: string;\n\n /**\n * The assistive text for the button to go to previous page.\n */\n @property({ attribute: 'prev-button-text' })\n prevButtonText = 'Previous page';\n\n /**\n * The row number where current page start with, index that starts with zero.\n */\n @property({ type: Number })\n start = 0;\n\n /**\n * The number of total items.\n */\n @property({ type: Number })\n total!: number;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n updated(changedProperties) {\n const { pageSize } = this;\n const { selectorPageSizesSelect, selectorPagesSelect } = this\n .constructor as typeof BXPagination;\n if (changedProperties.has('pageSize')) {\n forEach(this.querySelectorAll(selectorPageSizesSelect), (elem) => {\n (elem as BXPageSizesSelect).value = pageSize;\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('start')) {\n const { start } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).value = Math.floor(start / pageSize);\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('total')) {\n const { total } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).total = Math.ceil(total / pageSize);\n });\n }\n }\n\n render() {\n const {\n disabled,\n nextButtonText,\n prevButtonText,\n pageSize,\n start,\n total,\n _handleClickPrevButton: handleClickPrevButton,\n _handleClickNextButton: handleClickNextButton,\n } = this;\n const { atLastPage = start + pageSize >= total } = this;\n const prevButtonDisabled = disabled || start === 0;\n const nextButtonDisabled = disabled || atLastPage;\n const prevButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--backward`]: true,\n [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n });\n const nextButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--forward`]: true,\n [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n });\n return html`\n <div class=\"${prefix}--pagination__left\">\n <slot name=\"page-sizes-select\"></slot>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <span\n class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n >${this._renderStatusText()}</span\n >\n </div>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <div class=\"${prefix}--pagination__right\">\n <slot></slot>\n <div class=\"${prefix}--pagination__control-buttons\">\n <button\n ?disabled=\"${prevButtonDisabled}\"\n class=\"${prevButtonClasses}\"\n title=\"${prevButtonText}\"\n @click=\"${handleClickPrevButton}\">\n ${CaretLeft24()}\n </button>\n <button\n ?disabled=\"${nextButtonDisabled}\"\n class=\"${nextButtonClasses}\"\n title=\"${nextButtonText}\"\n @click=\"${handleClickNextButton}\">\n ${CaretRight24()}\n </button>\n </div>\n </div>\n `;\n }\n\n /**\n * A selector that will return the select box for the current page.\n */\n static get selectorPagesSelect() {\n return `${prefix}-pages-select`;\n }\n\n /**\n * A selector that will return the select box for page sizes.\n */\n static get selectorPageSizesSelect() {\n return `${prefix}-page-sizes-select`;\n }\n\n /**\n * The name of the custom event fired after the current row number is changed.\n */\n static get eventChangeCurrent() {\n return `${prefix}-pagination-changed-current`;\n }\n\n /**\n * The name of the custom event fired after the current page is changed from `<bx-pages-select>`.\n */\n static get eventChangePage() {\n return `${prefix}-pages-select-changed`;\n }\n\n /**\n * The name of the custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n static get eventChangePageSize() {\n return `${prefix}-page-sizes-select-changed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPagination;\n"]}
1
+ {"version":3,"sources":["components/pagination/pagination.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAezD;;;;;;;;GAQG;AACH,cACM,YAAa,SAAQ,iBAAyC;IAClE;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAsBzB;;;;OAIG;IACH,OAAO,CAAC,+BAA+B;IAgBvC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAQ9B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAQ9B;;;;OAIG;IAGH,OAAO,CAAC,iBAAiB,CAIvB;IAEF;;;;OAIG;IAGH,OAAO,CAAC,qBAAqB,CAE3B;IAEF;;OAEG;IAEH,gCAAgC;;;;iBAC6B;IAE7D;;OAEG;IAEH,kCAAkC;;;iBACwB;IAE1D;;OAEG;IAEH,UAAU,EAAG,OAAO,CAAC;IAErB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,cAAc,SAAe;IAE7B;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,iBAAiB,EAAG,MAAM,CAAC;IAE3B;;OAEG;IAEH,cAAc,SAAmB;IAEjC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,gBAAgB;IAShB,OAAO,CAAC,iBAAiB,KAAA;IAuBzB,MAAM;IAwDN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"pagination.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 { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport CaretLeft24 from '@carbon/icons/lib/caret--left/24';\nimport CaretRight24 from '@carbon/icons/lib/caret--right/24';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXPagesSelect from './pages-select';\nimport BXPageSizesSelect from './page-sizes-select';\nimport styles from './pagination.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Pagination UI.\n *\n * @element bx-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires bx-pages-select-changed - The custom event fired after the current page is changed from `<bx-pages-select>`.\n * @fires bx-page-sizes-select-changed\n * The custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass BXPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n /**\n * @returns Page status text.\n */\n private _renderStatusText() {\n const {\n atLastPage,\n start,\n pageSize,\n total,\n formatStatusWithDeterminateTotal,\n formatStatusWithIndeterminateTotal,\n } = this;\n // * Regular: `1-10 of 100 items`\n // * Indeterminate total: `Item 1-10` (`Item 11-` at the last page)\n const end = atLastPage\n ? undefined\n : Math.min(start + pageSize, total == null ? Infinity : total);\n const format =\n total == null\n ? formatStatusWithIndeterminateTotal\n : formatStatusWithDeterminateTotal;\n // `start`/`end` properties starts with zero, whereas we want to show number starting with 1\n return format({ start: start + 1, end, count: total });\n }\n\n /**\n * Handles user-initiated change in the row number the current page starts with.\n *\n * @param start The new current row number, index that starts with zero.\n */\n private _handleUserInitiatedChangeStart(start: number) {\n this.start = start;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXPagination).eventChangeCurrent,\n {\n bubbles: true,\n composed: true,\n detail: {\n start,\n },\n }\n )\n );\n }\n\n /**\n * Handles `click` event on the previous button.\n */\n private _handleClickPrevButton() {\n const { start: oldStart, pageSize } = this;\n const newStart = Math.max(oldStart - pageSize, 0);\n if (newStart !== oldStart) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles `click` event on the next button.\n */\n private _handleClickNextButton() {\n const { start: oldStart, pageSize, total } = this;\n const newStart = oldStart + pageSize;\n if (newStart < (total == null ? Infinity : total)) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles user-initiated change in current page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePage')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePage = ({ detail }: CustomEvent) => {\n const { value } = detail;\n const { pageSize } = this;\n this._handleUserInitiatedChangeStart(value * pageSize);\n };\n\n /**\n * Handles user-initiated change in number of rows per page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePageSize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePageSize = ({ detail }: CustomEvent) => {\n this.pageSize = detail.value;\n };\n\n /**\n * The formatter, used with determinate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithDeterminateTotal = ({ start, end, count }) =>\n `${start}–${end} of ${count} item${count <= 1 ? '' : 's'}`;\n\n /**\n * The formatter, used with indeterminate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithIndeterminateTotal = ({ start, end }) =>\n end == null ? `Item ${start}–` : `Item ${start}–${end}`;\n\n /**\n * `true` to explicitly state that user is at the last page.\n */\n @property({ type: Boolean, attribute: 'at-last-page' })\n atLastPage!: boolean;\n\n /**\n * `true` if the pagination UI should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The assistive text for the button to go to next page.\n */\n @property({ attribute: 'next-button-text' })\n nextButtonText = 'Next page';\n\n /**\n * Number of items per page.\n */\n @property({ type: Number, attribute: 'page-size' })\n pageSize = 10;\n\n /**\n * The label text for the UI to select page size.\n */\n @property({ attribute: 'page-size-label-text' })\n pageSizeLabelText!: string;\n\n /**\n * The assistive text for the button to go to previous page.\n */\n @property({ attribute: 'prev-button-text' })\n prevButtonText = 'Previous page';\n\n /**\n * The row number where current page start with, index that starts with zero.\n */\n @property({ type: Number })\n start = 0;\n\n /**\n * The number of total items.\n */\n @property({ type: Number })\n total!: number;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n updated(changedProperties) {\n const { pageSize } = this;\n const { selectorPageSizesSelect, selectorPagesSelect } = this\n .constructor as typeof BXPagination;\n if (changedProperties.has('pageSize')) {\n forEach(this.querySelectorAll(selectorPageSizesSelect), (elem) => {\n (elem as BXPageSizesSelect).value = pageSize;\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('start')) {\n const { start } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).value = Math.floor(start / pageSize);\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('total')) {\n const { total } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).total = Math.ceil(total / pageSize);\n });\n }\n }\n\n render() {\n const {\n disabled,\n nextButtonText,\n prevButtonText,\n pageSize,\n start,\n total,\n _handleClickPrevButton: handleClickPrevButton,\n _handleClickNextButton: handleClickNextButton,\n } = this;\n const { atLastPage = start + pageSize >= total } = this;\n const prevButtonDisabled = disabled || start === 0;\n const nextButtonDisabled = disabled || atLastPage;\n const prevButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--backward`]: true,\n [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n });\n const nextButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--forward`]: true,\n [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n });\n return html`\n <div class=\"${prefix}--pagination__left\">\n <slot name=\"page-sizes-select\"></slot>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <span\n class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n >${this._renderStatusText()}</span\n >\n </div>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <div class=\"${prefix}--pagination__right\">\n <slot></slot>\n <div class=\"${prefix}--pagination__control-buttons\">\n <button\n ?disabled=\"${prevButtonDisabled}\"\n class=\"${prevButtonClasses}\"\n title=\"${prevButtonText}\"\n @click=\"${handleClickPrevButton}\">\n ${CaretLeft24()}\n </button>\n <button\n ?disabled=\"${nextButtonDisabled}\"\n class=\"${nextButtonClasses}\"\n title=\"${nextButtonText}\"\n @click=\"${handleClickNextButton}\">\n ${CaretRight24()}\n </button>\n </div>\n </div>\n `;\n }\n\n /**\n * A selector that will return the select box for the current page.\n */\n static get selectorPagesSelect() {\n return `${prefix}-pages-select`;\n }\n\n /**\n * A selector that will return the select box for page sizes.\n */\n static get selectorPageSizesSelect() {\n return `${prefix}-page-sizes-select`;\n }\n\n /**\n * The name of the custom event fired after the current row number is changed.\n */\n static get eventChangeCurrent() {\n return `${prefix}-pagination-changed-current`;\n }\n\n /**\n * The name of the custom event fired after the current page is changed from `<bx-pages-select>`.\n */\n static get eventChangePage() {\n return `${prefix}-pages-select-changed`;\n }\n\n /**\n * The name of the custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n static get eventChangePageSize() {\n return `${prefix}-page-sizes-select-changed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPagination;\n"]}
@@ -4,14 +4,14 @@ let _ = t => t,
4
4
  /**
5
5
  * @license
6
6
  *
7
- * Copyright IBM Corp. 2019, 2022
7
+ * Copyright IBM Corp. 2019, 2023
8
8
  *
9
9
  * This source code is licensed under the Apache-2.0 license found in the
10
10
  * LICENSE file in the root directory of this source tree.
11
11
  */
12
12
 
13
13
  import { classMap } from 'lit-html/directives/class-map';
14
- import { html, property, customElement, LitElement } from 'lit-element';
14
+ import { html, property, LitElement } from 'lit-element';
15
15
  import CaretLeft24 from "../../icons/caret--left/24";
16
16
  import CaretRight24 from "../../icons/caret--right/24";
17
17
  import settings from 'carbon-components/es/globals/js/settings';
@@ -20,6 +20,7 @@ import HostListenerMixin from '../../globals/mixins/host-listener';
20
20
  import HostListener from '../../globals/decorators/host-listener';
21
21
  import { forEach } from '../../globals/internal/collection-helpers';
22
22
  import styles from "././pagination.css.js";
23
+ import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
23
24
  const {
24
25
  prefix
25
26
  } = settings;
@@ -1 +1 @@
1
- {"version":3,"file":"pagination.js","names":["classMap","html","property","customElement","LitElement","CaretLeft24","CaretRight24","settings","FocusMixin","HostListenerMixin","HostListener","forEach","styles","prefix","BXPagination","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_renderStatusText","atLastPage","start","pageSize","total","formatStatusWithDeterminateTotal","formatStatusWithIndeterminateTotal","end","undefined","Math","min","Infinity","format","count","_handleUserInitiatedChangeStart","dispatchEvent","CustomEvent","eventChangeCurrent","bubbles","composed","detail","_handleClickPrevButton","oldStart","newStart","max","_handleClickNextButton","decorators","attribute","type","Boolean","reflect","Number","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","updated","changedProperties","selectorPageSizesSelect","selectorPagesSelect","has","querySelectorAll","elem","floor","ceil","render","disabled","nextButtonText","prevButtonText","handleClickPrevButton","handleClickNextButton","prevButtonDisabled","nextButtonDisabled","prevButtonClasses","nextButtonClasses","_t","_","static","eventChangePage","eventChangePageSize"],"sources":["components/pagination/pagination.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { classMap } from 'lit-html/directives/class-map';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport CaretLeft24 from '@carbon/icons/lib/caret--left/24';\nimport CaretRight24 from '@carbon/icons/lib/caret--right/24';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXPagesSelect from './pages-select';\nimport BXPageSizesSelect from './page-sizes-select';\nimport styles from './pagination.scss';\n\nconst { prefix } = settings;\n\n/**\n * Pagination UI.\n *\n * @element bx-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires bx-pages-select-changed - The custom event fired after the current page is changed from `<bx-pages-select>`.\n * @fires bx-page-sizes-select-changed\n * The custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass BXPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n /**\n * @returns Page status text.\n */\n private _renderStatusText() {\n const {\n atLastPage,\n start,\n pageSize,\n total,\n formatStatusWithDeterminateTotal,\n formatStatusWithIndeterminateTotal,\n } = this;\n // * Regular: `1-10 of 100 items`\n // * Indeterminate total: `Item 1-10` (`Item 11-` at the last page)\n const end = atLastPage\n ? undefined\n : Math.min(start + pageSize, total == null ? Infinity : total);\n const format =\n total == null\n ? formatStatusWithIndeterminateTotal\n : formatStatusWithDeterminateTotal;\n // `start`/`end` properties starts with zero, whereas we want to show number starting with 1\n return format({ start: start + 1, end, count: total });\n }\n\n /**\n * Handles user-initiated change in the row number the current page starts with.\n *\n * @param start The new current row number, index that starts with zero.\n */\n private _handleUserInitiatedChangeStart(start: number) {\n this.start = start;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXPagination).eventChangeCurrent,\n {\n bubbles: true,\n composed: true,\n detail: {\n start,\n },\n }\n )\n );\n }\n\n /**\n * Handles `click` event on the previous button.\n */\n private _handleClickPrevButton() {\n const { start: oldStart, pageSize } = this;\n const newStart = Math.max(oldStart - pageSize, 0);\n if (newStart !== oldStart) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles `click` event on the next button.\n */\n private _handleClickNextButton() {\n const { start: oldStart, pageSize, total } = this;\n const newStart = oldStart + pageSize;\n if (newStart < (total == null ? Infinity : total)) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles user-initiated change in current page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePage')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePage = ({ detail }: CustomEvent) => {\n const { value } = detail;\n const { pageSize } = this;\n this._handleUserInitiatedChangeStart(value * pageSize);\n };\n\n /**\n * Handles user-initiated change in number of rows per page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePageSize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePageSize = ({ detail }: CustomEvent) => {\n this.pageSize = detail.value;\n };\n\n /**\n * The formatter, used with determinate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithDeterminateTotal = ({ start, end, count }) =>\n `${start}–${end} of ${count} item${count <= 1 ? '' : 's'}`;\n\n /**\n * The formatter, used with indeterminate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithIndeterminateTotal = ({ start, end }) =>\n end == null ? `Item ${start}–` : `Item ${start}–${end}`;\n\n /**\n * `true` to explicitly state that user is at the last page.\n */\n @property({ type: Boolean, attribute: 'at-last-page' })\n atLastPage!: boolean;\n\n /**\n * `true` if the pagination UI should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The assistive text for the button to go to next page.\n */\n @property({ attribute: 'next-button-text' })\n nextButtonText = 'Next page';\n\n /**\n * Number of items per page.\n */\n @property({ type: Number, attribute: 'page-size' })\n pageSize = 10;\n\n /**\n * The label text for the UI to select page size.\n */\n @property({ attribute: 'page-size-label-text' })\n pageSizeLabelText!: string;\n\n /**\n * The assistive text for the button to go to previous page.\n */\n @property({ attribute: 'prev-button-text' })\n prevButtonText = 'Previous page';\n\n /**\n * The row number where current page start with, index that starts with zero.\n */\n @property({ type: Number })\n start = 0;\n\n /**\n * The number of total items.\n */\n @property({ type: Number })\n total!: number;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n updated(changedProperties) {\n const { pageSize } = this;\n const { selectorPageSizesSelect, selectorPagesSelect } = this\n .constructor as typeof BXPagination;\n if (changedProperties.has('pageSize')) {\n forEach(this.querySelectorAll(selectorPageSizesSelect), (elem) => {\n (elem as BXPageSizesSelect).value = pageSize;\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('start')) {\n const { start } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).value = Math.floor(start / pageSize);\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('total')) {\n const { total } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).total = Math.ceil(total / pageSize);\n });\n }\n }\n\n render() {\n const {\n disabled,\n nextButtonText,\n prevButtonText,\n pageSize,\n start,\n total,\n _handleClickPrevButton: handleClickPrevButton,\n _handleClickNextButton: handleClickNextButton,\n } = this;\n const { atLastPage = start + pageSize >= total } = this;\n const prevButtonDisabled = disabled || start === 0;\n const nextButtonDisabled = disabled || atLastPage;\n const prevButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--backward`]: true,\n [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n });\n const nextButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--forward`]: true,\n [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n });\n return html`\n <div class=\"${prefix}--pagination__left\">\n <slot name=\"page-sizes-select\"></slot>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <span\n class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n >${this._renderStatusText()}</span\n >\n </div>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <div class=\"${prefix}--pagination__right\">\n <slot></slot>\n <div class=\"${prefix}--pagination__control-buttons\">\n <button\n ?disabled=\"${prevButtonDisabled}\"\n class=\"${prevButtonClasses}\"\n title=\"${prevButtonText}\"\n @click=\"${handleClickPrevButton}\">\n ${CaretLeft24()}\n </button>\n <button\n ?disabled=\"${nextButtonDisabled}\"\n class=\"${nextButtonClasses}\"\n title=\"${nextButtonText}\"\n @click=\"${handleClickNextButton}\">\n ${CaretRight24()}\n </button>\n </div>\n </div>\n `;\n }\n\n /**\n * A selector that will return the select box for the current page.\n */\n static get selectorPagesSelect() {\n return `${prefix}-pages-select`;\n }\n\n /**\n * A selector that will return the select box for page sizes.\n */\n static get selectorPageSizesSelect() {\n return `${prefix}-page-sizes-select`;\n }\n\n /**\n * The name of the custom event fired after the current row number is changed.\n */\n static get eventChangeCurrent() {\n return `${prefix}-pagination-changed-current`;\n }\n\n /**\n * The name of the custom event fired after the current page is changed from `<bx-pages-select>`.\n */\n static get eventChangePage() {\n return `${prefix}-pages-select-changed`;\n }\n\n /**\n * The name of the custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n static get eventChangePageSize() {\n return `${prefix}-page-sizes-select-changed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPagination;\n"],"mappings":"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"}
1
+ {"version":3,"file":"pagination.js","names":["classMap","html","property","LitElement","CaretLeft24","CaretRight24","settings","FocusMixin","HostListenerMixin","HostListener","forEach","styles","carbonElement","customElement","prefix","BXPagination","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_renderStatusText","atLastPage","start","pageSize","total","formatStatusWithDeterminateTotal","formatStatusWithIndeterminateTotal","end","undefined","Math","min","Infinity","format","count","_handleUserInitiatedChangeStart","dispatchEvent","CustomEvent","eventChangeCurrent","bubbles","composed","detail","_handleClickPrevButton","oldStart","newStart","max","_handleClickNextButton","decorators","attribute","type","Boolean","reflect","Number","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","updated","changedProperties","selectorPageSizesSelect","selectorPagesSelect","has","querySelectorAll","elem","floor","ceil","render","disabled","nextButtonText","prevButtonText","handleClickPrevButton","handleClickNextButton","prevButtonDisabled","nextButtonDisabled","prevButtonClasses","nextButtonClasses","_t","_","static","eventChangePage","eventChangePageSize"],"sources":["components/pagination/pagination.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 { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport CaretLeft24 from '@carbon/icons/lib/caret--left/24';\nimport CaretRight24 from '@carbon/icons/lib/caret--right/24';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXPagesSelect from './pages-select';\nimport BXPageSizesSelect from './page-sizes-select';\nimport styles from './pagination.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Pagination UI.\n *\n * @element bx-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires bx-pages-select-changed - The custom event fired after the current page is changed from `<bx-pages-select>`.\n * @fires bx-page-sizes-select-changed\n * The custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass BXPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n /**\n * @returns Page status text.\n */\n private _renderStatusText() {\n const {\n atLastPage,\n start,\n pageSize,\n total,\n formatStatusWithDeterminateTotal,\n formatStatusWithIndeterminateTotal,\n } = this;\n // * Regular: `1-10 of 100 items`\n // * Indeterminate total: `Item 1-10` (`Item 11-` at the last page)\n const end = atLastPage\n ? undefined\n : Math.min(start + pageSize, total == null ? Infinity : total);\n const format =\n total == null\n ? formatStatusWithIndeterminateTotal\n : formatStatusWithDeterminateTotal;\n // `start`/`end` properties starts with zero, whereas we want to show number starting with 1\n return format({ start: start + 1, end, count: total });\n }\n\n /**\n * Handles user-initiated change in the row number the current page starts with.\n *\n * @param start The new current row number, index that starts with zero.\n */\n private _handleUserInitiatedChangeStart(start: number) {\n this.start = start;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXPagination).eventChangeCurrent,\n {\n bubbles: true,\n composed: true,\n detail: {\n start,\n },\n }\n )\n );\n }\n\n /**\n * Handles `click` event on the previous button.\n */\n private _handleClickPrevButton() {\n const { start: oldStart, pageSize } = this;\n const newStart = Math.max(oldStart - pageSize, 0);\n if (newStart !== oldStart) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles `click` event on the next button.\n */\n private _handleClickNextButton() {\n const { start: oldStart, pageSize, total } = this;\n const newStart = oldStart + pageSize;\n if (newStart < (total == null ? Infinity : total)) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles user-initiated change in current page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePage')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePage = ({ detail }: CustomEvent) => {\n const { value } = detail;\n const { pageSize } = this;\n this._handleUserInitiatedChangeStart(value * pageSize);\n };\n\n /**\n * Handles user-initiated change in number of rows per page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePageSize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePageSize = ({ detail }: CustomEvent) => {\n this.pageSize = detail.value;\n };\n\n /**\n * The formatter, used with determinate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithDeterminateTotal = ({ start, end, count }) =>\n `${start}–${end} of ${count} item${count <= 1 ? '' : 's'}`;\n\n /**\n * The formatter, used with indeterminate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithIndeterminateTotal = ({ start, end }) =>\n end == null ? `Item ${start}–` : `Item ${start}–${end}`;\n\n /**\n * `true` to explicitly state that user is at the last page.\n */\n @property({ type: Boolean, attribute: 'at-last-page' })\n atLastPage!: boolean;\n\n /**\n * `true` if the pagination UI should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The assistive text for the button to go to next page.\n */\n @property({ attribute: 'next-button-text' })\n nextButtonText = 'Next page';\n\n /**\n * Number of items per page.\n */\n @property({ type: Number, attribute: 'page-size' })\n pageSize = 10;\n\n /**\n * The label text for the UI to select page size.\n */\n @property({ attribute: 'page-size-label-text' })\n pageSizeLabelText!: string;\n\n /**\n * The assistive text for the button to go to previous page.\n */\n @property({ attribute: 'prev-button-text' })\n prevButtonText = 'Previous page';\n\n /**\n * The row number where current page start with, index that starts with zero.\n */\n @property({ type: Number })\n start = 0;\n\n /**\n * The number of total items.\n */\n @property({ type: Number })\n total!: number;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n updated(changedProperties) {\n const { pageSize } = this;\n const { selectorPageSizesSelect, selectorPagesSelect } = this\n .constructor as typeof BXPagination;\n if (changedProperties.has('pageSize')) {\n forEach(this.querySelectorAll(selectorPageSizesSelect), (elem) => {\n (elem as BXPageSizesSelect).value = pageSize;\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('start')) {\n const { start } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).value = Math.floor(start / pageSize);\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('total')) {\n const { total } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).total = Math.ceil(total / pageSize);\n });\n }\n }\n\n render() {\n const {\n disabled,\n nextButtonText,\n prevButtonText,\n pageSize,\n start,\n total,\n _handleClickPrevButton: handleClickPrevButton,\n _handleClickNextButton: handleClickNextButton,\n } = this;\n const { atLastPage = start + pageSize >= total } = this;\n const prevButtonDisabled = disabled || start === 0;\n const nextButtonDisabled = disabled || atLastPage;\n const prevButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--backward`]: true,\n [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n });\n const nextButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--forward`]: true,\n [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n });\n return html`\n <div class=\"${prefix}--pagination__left\">\n <slot name=\"page-sizes-select\"></slot>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <span\n class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n >${this._renderStatusText()}</span\n >\n </div>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <div class=\"${prefix}--pagination__right\">\n <slot></slot>\n <div class=\"${prefix}--pagination__control-buttons\">\n <button\n ?disabled=\"${prevButtonDisabled}\"\n class=\"${prevButtonClasses}\"\n title=\"${prevButtonText}\"\n @click=\"${handleClickPrevButton}\">\n ${CaretLeft24()}\n </button>\n <button\n ?disabled=\"${nextButtonDisabled}\"\n class=\"${nextButtonClasses}\"\n title=\"${nextButtonText}\"\n @click=\"${handleClickNextButton}\">\n ${CaretRight24()}\n </button>\n </div>\n </div>\n `;\n }\n\n /**\n * A selector that will return the select box for the current page.\n */\n static get selectorPagesSelect() {\n return `${prefix}-pages-select`;\n }\n\n /**\n * A selector that will return the select box for page sizes.\n */\n static get selectorPageSizesSelect() {\n return `${prefix}-page-sizes-select`;\n }\n\n /**\n * The name of the custom event fired after the current row number is changed.\n */\n static get eventChangeCurrent() {\n return `${prefix}-pagination-changed-current`;\n }\n\n /**\n * The name of the custom event fired after the current page is changed from `<bx-pages-select>`.\n */\n static get eventChangePage() {\n return `${prefix}-pages-select-changed`;\n }\n\n /**\n * The name of the custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n static get eventChangePageSize() {\n return `${prefix}-page-sizes-select-changed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPagination;\n"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *
4
- * Copyright IBM Corp. 2019, 2022
4
+ * Copyright IBM Corp. 2019, 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.
@@ -1 +1 @@
1
- {"version":3,"sources":["components/progress-indicator/progress-indicator-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAQxE;;GAEG;AACH,cACM,2BAA4B,SAAQ,UAAU;IAClD;;OAEG;IAEH,QAAQ,UAAS;IAEjB,OAAO,CAAC,iBAAiB,KAAA;IAczB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,2BAA2B,CAAC","file":"progress-indicator-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nclass BXProgressIndicatorSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicatorSkeleton).selectorStep\n ),\n (item) => {\n (item as BXProgressStepSkeleton).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step-skeleton`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicatorSkeleton;\n"]}
1
+ {"version":3,"sources":["components/progress-indicator/progress-indicator-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AASzD;;GAEG;AACH,cACM,2BAA4B,SAAQ,UAAU;IAClD;;OAEG;IAEH,QAAQ,UAAS;IAEjB,OAAO,CAAC,iBAAiB,KAAA;IAczB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,2BAA2B,CAAC","file":"progress-indicator-skeleton.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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nclass BXProgressIndicatorSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicatorSkeleton).selectorStep\n ),\n (item) => {\n (item as BXProgressStepSkeleton).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step-skeleton`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicatorSkeleton;\n"]}
@@ -4,16 +4,17 @@ let _ = t => t,
4
4
  /**
5
5
  * @license
6
6
  *
7
- * Copyright IBM Corp. 2019, 2022
7
+ * Copyright IBM Corp. 2019, 2023
8
8
  *
9
9
  * This source code is licensed under the Apache-2.0 license found in the
10
10
  * LICENSE file in the root directory of this source tree.
11
11
  */
12
12
 
13
- import { html, property, customElement, LitElement } from 'lit-element';
13
+ import { html, property, LitElement } from 'lit-element';
14
14
  import settings from 'carbon-components/es/globals/js/settings';
15
15
  import { forEach } from '../../globals/internal/collection-helpers';
16
16
  import styles from "././progress-indicator.css.js";
17
+ import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
17
18
  const {
18
19
  prefix
19
20
  } = settings;
@@ -1 +1 @@
1
- {"version":3,"file":"progress-indicator-skeleton.js","names":["html","property","customElement","LitElement","settings","forEach","styles","prefix","BXProgressIndicatorSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","updated","changedProperties","has","querySelectorAll","selectorStep","item","vertical","render","_t","_","static"],"sources":["components/progress-indicator/progress-indicator-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nclass BXProgressIndicatorSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicatorSkeleton).selectorStep\n ),\n (item) => {\n (item as BXProgressStepSkeleton).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step-skeleton`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicatorSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AAEnE,OAAOC,MAAM,MAAM,+BAA2B;AAE9C,MAAM;EAAEC;AAAO,CAAC,GAAGH,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMI,2BAA2B,GAAAC,SAAA,EADhCP,aAAa,CAAE,GAAEK,MAAO,8BAA6B,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvD,MACMH,2BAA2B,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiCrD;EAAC;IAAAI,CAAA,EAjCKN,2BAA2B;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI9BhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC;UACApB,OAAO,CACL,IAAI,CAACqB,gBAAgB,CAClB,IAAI,CAACd,WAAW,CAAwCe,YAAY,CACtE,EACAC,IAAI,IAAK;YACPA,IAAI,CAA4BC,QAAQ,GAAG,IAAI,CAACA,QAAQ;UAC3D,CAAC,CACF;QACH;MACF;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAO9B,IAAI,CAAA+B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAhB,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,KAAA,EAGA,SAAAK,aAAA,EAA0B;QACxB,OAAQ,GAAEpB,MAAO,yBAAwB;MAC3C;IAAC;MAAAS,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhCkBH,UAAU;AAmCpD,eAAeK,2BAA2B"}
1
+ {"version":3,"file":"progress-indicator-skeleton.js","names":["html","property","LitElement","settings","forEach","styles","carbonElement","customElement","prefix","BXProgressIndicatorSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","updated","changedProperties","has","querySelectorAll","selectorStep","item","vertical","render","_t","_","static"],"sources":["components/progress-indicator/progress-indicator-skeleton.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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nclass BXProgressIndicatorSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicatorSkeleton).selectorStep\n ),\n (item) => {\n (item as BXProgressStepSkeleton).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step-skeleton`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicatorSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AAEnE,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,2BAA2B,GAAAC,SAAA,EADhCH,aAAa,CAAE,GAAEC,MAAO,8BAA6B,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvD,MACMH,2BAA2B,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiCrD;EAAC;IAAAI,CAAA,EAjCKN,2BAA2B;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI9BjB,QAAQ,CAAC;QAAEkB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC;UACAtB,OAAO,CACL,IAAI,CAACuB,gBAAgB,CAClB,IAAI,CAACd,WAAW,CAAwCe,YAAY,CACtE,EACAC,IAAI,IAAK;YACPA,IAAI,CAA4BC,QAAQ,GAAG,IAAI,CAACA,QAAQ;UAC3D,CAAC,CACF;QACH;MACF;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAO/B,IAAI,CAAAgC,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAhB,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,KAAA,EAGA,SAAAK,aAAA,EAA0B;QACxB,OAAQ,GAAEpB,MAAO,yBAAwB;MAC3C;IAAC;MAAAS,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhCkBH,UAAU;AAmCpD,eAAeO,2BAA2B"}
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *
4
- * Copyright IBM Corp. 2019, 2022
4
+ * Copyright IBM Corp. 2019, 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.
@@ -1 +1 @@
1
- {"version":3,"sources":["components/progress-indicator/progress-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAQxE;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C;;OAEG;IAEH,QAAQ,UAAS;IAEjB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAczB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"progress-indicator.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStep from './progress-step';\nimport styles from './progress-indicator.scss';\n\nconst { prefix } = settings;\n\n/**\n * Progress indicator.\n *\n * @element bx-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nclass BXProgressIndicator extends LitElement {\n /**\n * `true` if the progress indicator should be vertical.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicator).selectorStep\n ),\n (item) => {\n (item as BXProgressStep).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicator;\n"]}
1
+ {"version":3,"sources":["components/progress-indicator/progress-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AASzD;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C;;OAEG;IAEH,QAAQ,UAAS;IAEjB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAczB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"progress-indicator.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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStep from './progress-step';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Progress indicator.\n *\n * @element bx-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nclass BXProgressIndicator extends LitElement {\n /**\n * `true` if the progress indicator should be vertical.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicator).selectorStep\n ),\n (item) => {\n (item as BXProgressStep).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicator;\n"]}
@@ -6,16 +6,17 @@ let _ = t => t,
6
6
  /**
7
7
  * @license
8
8
  *
9
- * Copyright IBM Corp. 2019, 2022
9
+ * Copyright IBM Corp. 2019, 2023
10
10
  *
11
11
  * This source code is licensed under the Apache-2.0 license found in the
12
12
  * LICENSE file in the root directory of this source tree.
13
13
  */
14
14
 
15
- import { html, property, customElement, LitElement } from 'lit-element';
15
+ import { html, property, LitElement } from 'lit-element';
16
16
  import settings from 'carbon-components/es/globals/js/settings';
17
17
  import { forEach } from '../../globals/internal/collection-helpers';
18
18
  import styles from "././progress-indicator.css.js";
19
+ import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
19
20
  const {
20
21
  prefix
21
22
  } = settings;
@@ -1 +1 @@
1
- {"version":3,"file":"progress-indicator.js","names":["html","property","customElement","LitElement","settings","forEach","styles","prefix","BXProgressIndicator","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorStep","item","vertical","render","_t","_","static"],"sources":["components/progress-indicator/progress-indicator.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStep from './progress-step';\nimport styles from './progress-indicator.scss';\n\nconst { prefix } = settings;\n\n/**\n * Progress indicator.\n *\n * @element bx-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nclass BXProgressIndicator extends LitElement {\n /**\n * `true` if the progress indicator should be vertical.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicator).selectorStep\n ),\n (item) => {\n (item as BXProgressStep).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicator;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AAEnE,OAAOC,MAAM,MAAM,+BAA2B;AAE9C,MAAM;EAAEC;AAAO,CAAC,GAAGH,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMI,mBAAmB,GAAAC,SAAA,EADxBP,aAAa,CAAE,GAAEK,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,mBAAmB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAwC7C;EAAC;IAAAI,CAAA,EAxCKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAItBhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CAXEnB,mBAAmB,CAAAoB,SAAA,8BAAAC,IAAA;MAYvB;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC;UACA3B,OAAO,CACL,IAAI,CAAC4B,gBAAgB,CAClB,IAAI,CAACrB,WAAW,CAAgCsB,YAAY,CAC9D,EACAC,IAAI,IAAK;YACPA,IAAI,CAAoBC,QAAQ,GAAG,IAAI,CAACA,QAAQ;UACnD,CAAC,CACF;QACH;MACF;IAAC;MAAApB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAe,OAAA,EAAS;QACP,OAAOrC,IAAI,CAAAsC,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAvB,IAAA;MAAAwB,MAAA;MAAAnB,GAAA;MAAAC,KAAA,EAGA,SAAAY,aAAA,EAA0B;QACxB,OAAQ,GAAE3B,MAAO,gBAAe;MAClC;IAAC;MAAAS,IAAA;MAAAwB,MAAA;MAAAnB,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAvCUH,UAAU;AA0C5C,eAAeK,mBAAmB"}
1
+ {"version":3,"file":"progress-indicator.js","names":["html","property","LitElement","settings","forEach","styles","carbonElement","customElement","prefix","BXProgressIndicator","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorStep","item","vertical","render","_t","_","static"],"sources":["components/progress-indicator/progress-indicator.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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStep from './progress-step';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Progress indicator.\n *\n * @element bx-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nclass BXProgressIndicator extends LitElement {\n /**\n * `true` if the progress indicator should be vertical.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicator).selectorStep\n ),\n (item) => {\n (item as BXProgressStep).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicator;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AAEnE,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMM,mBAAmB,GAAAC,SAAA,EADxBH,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,mBAAmB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAwC7C;EAAC;IAAAI,CAAA,EAxCKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAItBjB,QAAQ,CAAC;QAAEkB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CAXEnB,mBAAmB,CAAAoB,SAAA,8BAAAC,IAAA;MAYvB;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC;UACA7B,OAAO,CACL,IAAI,CAAC8B,gBAAgB,CAClB,IAAI,CAACrB,WAAW,CAAgCsB,YAAY,CAC9D,EACAC,IAAI,IAAK;YACPA,IAAI,CAAoBC,QAAQ,GAAG,IAAI,CAACA,QAAQ;UACnD,CAAC,CACF;QACH;MACF;IAAC;MAAApB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAe,OAAA,EAAS;QACP,OAAOtC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAvB,IAAA;MAAAwB,MAAA;MAAAnB,GAAA;MAAAC,KAAA,EAGA,SAAAY,aAAA,EAA0B;QACxB,OAAQ,GAAE3B,MAAO,gBAAe;MAClC;IAAC;MAAAS,IAAA;MAAAwB,MAAA;MAAAnB,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAvCUH,UAAU;AA0C5C,eAAeO,mBAAmB"}
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *
4
- * Copyright IBM Corp. 2019, 2022
4
+ * Copyright IBM Corp. 2019, 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.
@@ -1 +1 @@
1
- {"version":3,"sources":["components/progress-indicator/progress-step-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxE;;GAEG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM;IAaN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"progress-step-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './progress-indicator.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nclass BXProgressStepSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n render() {\n return html`\n <div\n class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n <svg>\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n <p class=\"${prefix}--progress-label\"></p>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStepSkeleton;\n"]}
1
+ {"version":3,"sources":["components/progress-indicator/progress-step-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAOzD;;GAEG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM;IAaN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"progress-step-skeleton.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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nclass BXProgressStepSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n render() {\n return html`\n <div\n class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n <svg>\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n <p class=\"${prefix}--progress-label\"></p>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStepSkeleton;\n"]}
@@ -4,15 +4,16 @@ let _ = t => t,
4
4
  /**
5
5
  * @license
6
6
  *
7
- * Copyright IBM Corp. 2019, 2022
7
+ * Copyright IBM Corp. 2019, 2023
8
8
  *
9
9
  * This source code is licensed under the Apache-2.0 license found in the
10
10
  * LICENSE file in the root directory of this source tree.
11
11
  */
12
12
 
13
- import { html, property, customElement, LitElement } from 'lit-element';
13
+ import { html, property, LitElement } from 'lit-element';
14
14
  import settings from 'carbon-components/es/globals/js/settings';
15
15
  import styles from "././progress-indicator.css.js";
16
+ import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
16
17
  const {
17
18
  prefix
18
19
  } = settings;
@@ -1 +1 @@
1
- {"version":3,"file":"progress-step-skeleton.js","names":["html","property","customElement","LitElement","settings","styles","prefix","BXProgressStepSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","_t","_","static"],"sources":["components/progress-indicator/progress-step-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './progress-indicator.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nclass BXProgressStepSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n render() {\n return html`\n <div\n class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n <svg>\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n <p class=\"${prefix}--progress-label\"></p>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStepSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,+BAA2B;AAE9C,MAAM;EAAEC;AAAO,CAAC,GAAGF,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMG,sBAAsB,GAAAC,SAAA,EAD3BN,aAAa,CAAE,GAAEI,MAAO,yBAAwB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAlD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqBhD;EAAC;IAAAI,CAAA,EArBKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAA,wPAEElB,MAAM,EAA0BA,MAAM,EAInCA,MAAM,EACHA,MAAM;MAG3B;IAAC;MAAAS,IAAA;MAAAU,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GApBaF,UAAU;AAuB/C,eAAeI,sBAAsB"}
1
+ {"version":3,"file":"progress-step-skeleton.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXProgressStepSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","_t","_","static"],"sources":["components/progress-indicator/progress-step-skeleton.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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nclass BXProgressStepSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n render() {\n return html`\n <div\n class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n <svg>\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n <p class=\"${prefix}--progress-label\"></p>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStepSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,sBAAsB,GAAAC,SAAA,EAD3BH,aAAa,CAAE,GAAEC,MAAO,yBAAwB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAlD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqBhD;EAAC;IAAAI,CAAA,EArBKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzBhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA,wPAEElB,MAAM,EAA0BA,MAAM,EAInCA,MAAM,EACHA,MAAM;MAG3B;IAAC;MAAAS,IAAA;MAAAU,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GApBaF,UAAU;AAuB/C,eAAeM,sBAAsB"}
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *
4
- * Copyright IBM Corp. 2019, 2022
4
+ * Copyright IBM Corp. 2019, 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.
@@ -1 +1 @@
1
- {"version":3,"sources":["components/progress-indicator/progress-step.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAsC,UAAU,EAAE,MAAM,aAAa,CAAC;AAM7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsC9B;;;;;GAKG;AACH,cACM,cAAe,SAAQ,mBAAsB;IACjD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAEnB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAEnB;;OAEG;IAEH,kBAAkB,EAAG,MAAM,CAAC;IAE5B;;OAEG;IAEH,KAAK,qBAA6B;IAElC;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB,gBAAgB;IAShB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IA6BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"progress-step.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { SVGTemplateResult } from 'lit-html';\nimport { html, svg, property, customElement, LitElement } from 'lit-element';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport spread from '../../globals/directives/spread';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\n\nexport { PROGRESS_STEP_STAT };\n\nconst { prefix } = settings;\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n [PROGRESS_STEP_STAT.QUEUED]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.CURRENT]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n [PROGRESS_STEP_STAT.INVALID]: Warning16,\n};\n\n/**\n * Progress step.\n *\n * @element bx-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nclass BXProgressStep extends FocusMixin(LitElement) {\n /**\n * `true` if the progress step should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The a11y text for the icon.\n */\n @property({ attribute: 'icon-label' })\n iconLabel!: string;\n\n /**\n * The primary progress label.\n */\n @property({ attribute: 'label-text' })\n labelText!: string;\n\n /**\n * The secondary progress label.\n */\n @property({ attribute: 'secondary-label-text' })\n secondaryLabelText!: string;\n\n /**\n * The progress state.\n */\n @property()\n state = PROGRESS_STEP_STAT.QUEUED;\n\n /**\n * `true` if the progress step should be vertical.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n }\n }\n\n render() {\n const { iconLabel, labelText, secondaryLabelText, state } = this;\n return html`\n ${icons[state]({\n class: {\n [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n }[state],\n children: !iconLabel ? undefined : svg`<title>${iconLabel}</title>`,\n })}\n <slot>\n <p\n role=\"button\"\n class=\"${prefix}--progress-label\"\n tabindex=\"0\"\n aria-describedby=\"label-tooltip\">\n ${labelText}\n </p>\n </slot>\n <slot name=\"secondary-label-text\">\n ${!secondaryLabelText\n ? undefined\n : html`\n <p class=\"${prefix}--progress-optional\">${secondaryLabelText}</p>\n `}\n </slot>\n <span class=\"${prefix}--progress-line\"></span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStep;\n"]}
1
+ {"version":3,"sources":["components/progress-indicator/progress-step.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAuB,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAI5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsC9B;;;;;GAKG;AACH,cACM,cAAe,SAAQ,mBAAsB;IACjD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAEnB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAEnB;;OAEG;IAEH,kBAAkB,EAAG,MAAM,CAAC;IAE5B;;OAEG;IAEH,KAAK,qBAA6B;IAElC;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB,gBAAgB;IAShB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IA6BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"progress-step.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 { SVGTemplateResult } from 'lit-html';\nimport { html, svg, property, LitElement } from 'lit-element';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport spread from '../../globals/directives/spread';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { PROGRESS_STEP_STAT };\n\nconst { prefix } = settings;\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n [PROGRESS_STEP_STAT.QUEUED]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.CURRENT]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n [PROGRESS_STEP_STAT.INVALID]: Warning16,\n};\n\n/**\n * Progress step.\n *\n * @element bx-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nclass BXProgressStep extends FocusMixin(LitElement) {\n /**\n * `true` if the progress step should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The a11y text for the icon.\n */\n @property({ attribute: 'icon-label' })\n iconLabel!: string;\n\n /**\n * The primary progress label.\n */\n @property({ attribute: 'label-text' })\n labelText!: string;\n\n /**\n * The secondary progress label.\n */\n @property({ attribute: 'secondary-label-text' })\n secondaryLabelText!: string;\n\n /**\n * The progress state.\n */\n @property()\n state = PROGRESS_STEP_STAT.QUEUED;\n\n /**\n * `true` if the progress step should be vertical.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n }\n }\n\n render() {\n const { iconLabel, labelText, secondaryLabelText, state } = this;\n return html`\n ${icons[state]({\n class: {\n [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n }[state],\n children: !iconLabel ? undefined : svg`<title>${iconLabel}</title>`,\n })}\n <slot>\n <p\n role=\"button\"\n class=\"${prefix}--progress-label\"\n tabindex=\"0\"\n aria-describedby=\"label-tooltip\">\n ${labelText}\n </p>\n </slot>\n <slot name=\"secondary-label-text\">\n ${!secondaryLabelText\n ? undefined\n : html`\n <p class=\"${prefix}--progress-optional\">${secondaryLabelText}</p>\n `}\n </slot>\n <span class=\"${prefix}--progress-line\"></span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStep;\n"]}
@@ -10,13 +10,13 @@ let _ = t => t,
10
10
  /**
11
11
  * @license
12
12
  *
13
- * Copyright IBM Corp. 2019, 2022
13
+ * Copyright IBM Corp. 2019, 2023
14
14
  *
15
15
  * This source code is licensed under the Apache-2.0 license found in the
16
16
  * LICENSE file in the root directory of this source tree.
17
17
  */
18
18
 
19
- import { html, svg, property, customElement, LitElement } from 'lit-element';
19
+ import { html, svg, property, LitElement } from 'lit-element';
20
20
  import CheckmarkOutline16 from "../../icons/checkmark--outline/16";
21
21
  import Warning16 from "../../icons/warning/16";
22
22
  import settings from 'carbon-components/es/globals/js/settings';
@@ -24,6 +24,7 @@ import spread from '../../globals/directives/spread';
24
24
  import FocusMixin from '../../globals/mixins/focus';
25
25
  import { PROGRESS_STEP_STAT } from './defs';
26
26
  import styles from "././progress-indicator.css.js";
27
+ import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
27
28
  export { PROGRESS_STEP_STAT };
28
29
  const {
29
30
  prefix
@@ -1 +1 @@
1
- {"version":3,"file":"progress-step.js","names":["html","svg","property","customElement","LitElement","CheckmarkOutline16","Warning16","settings","spread","FocusMixin","PROGRESS_STEP_STAT","styles","prefix","icons","QUEUED","children","attrs","_t","_","CURRENT","_t2","COMPLETE","INVALID","BXProgressStep","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","String","disabled","render","iconLabel","labelText","secondaryLabelText","state","_t3","class","undefined","_t4","_t5","static"],"sources":["components/progress-indicator/progress-step.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 { SVGTemplateResult } from 'lit-html';\nimport { html, svg, property, customElement, LitElement } from 'lit-element';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport spread from '../../globals/directives/spread';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\n\nexport { PROGRESS_STEP_STAT };\n\nconst { prefix } = settings;\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n [PROGRESS_STEP_STAT.QUEUED]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.CURRENT]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n [PROGRESS_STEP_STAT.INVALID]: Warning16,\n};\n\n/**\n * Progress step.\n *\n * @element bx-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nclass BXProgressStep extends FocusMixin(LitElement) {\n /**\n * `true` if the progress step should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The a11y text for the icon.\n */\n @property({ attribute: 'icon-label' })\n iconLabel!: string;\n\n /**\n * The primary progress label.\n */\n @property({ attribute: 'label-text' })\n labelText!: string;\n\n /**\n * The secondary progress label.\n */\n @property({ attribute: 'secondary-label-text' })\n secondaryLabelText!: string;\n\n /**\n * The progress state.\n */\n @property()\n state = PROGRESS_STEP_STAT.QUEUED;\n\n /**\n * `true` if the progress step should be vertical.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n }\n }\n\n render() {\n const { iconLabel, labelText, secondaryLabelText, state } = this;\n return html`\n ${icons[state]({\n class: {\n [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n }[state],\n children: !iconLabel ? undefined : svg`<title>${iconLabel}</title>`,\n })}\n <slot>\n <p\n role=\"button\"\n class=\"${prefix}--progress-label\"\n tabindex=\"0\"\n aria-describedby=\"label-tooltip\">\n ${labelText}\n </p>\n </slot>\n <slot name=\"secondary-label-text\">\n ${!secondaryLabelText\n ? undefined\n : html`\n <p class=\"${prefix}--progress-optional\">${secondaryLabelText}</p>\n `}\n </slot>\n <span class=\"${prefix}--progress-line\"></span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStep;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,IAAI,EAAEC,GAAG,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AAC5E,OAAOC,kBAAkB,MAAM,mCAAyC;AACxE,OAAOC,SAAS,MAAM,wBAA8B;AACpD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iCAAiC;AACpD,OAAOC,UAAU,MAAM,4BAA4B;AACnD,SAASC,kBAAkB,QAAQ,QAAQ;AAC3C,OAAOC,MAAM,MAAM,+BAA2B;AAE9C,SAASD,kBAAkB;AAE3B,MAAM;EAAEE;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AACA,MAAMM,KAAK,GAAG;EACZ,CAACH,kBAAkB,CAACI,MAAM,GAAG,CAAC;IAC5BC,QAAQ;IACRC,KAAK,EAALA,MAAK,GAAG,CAAC;EAIX,CAAC,GAAG,CAAC,CAAC,KACJf,GAAG,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AACR,kBAAgB,CAAgB;AAChC,UAAQ,CAAW;AACnB;AACA;AACA,KAAI,GAJcV,MAAM,CAACQ,MAAK,CAAC,EACrBD,QAAQ,CAGb;EACH,CAACL,kBAAkB,CAACS,OAAO,GAAG,CAAC;IAC7BJ,QAAQ;IACRC,KAAK,EAALA,OAAK,GAAG,CAAC;EAIX,CAAC,GAAG,CAAC,CAAC,KACJf,GAAG,CAAAmB,GAAA,KAAAA,GAAA,GAAAF,CAAC;AACR,kBAAgB,CAAgB;AAChC,UAAQ,CAAW;AACnB;AACA;AACA,KAAI,GAJcV,MAAM,CAACQ,OAAK,CAAC,EACrBD,QAAQ,CAGb;EACH,CAACL,kBAAkB,CAACW,QAAQ,GAAGhB,kBAAkB;EACjD,CAACK,kBAAkB,CAACY,OAAO,GAAGhB;AAChC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AALA,IAOMiB,cAAc,GAAAC,SAAA,EADnBrB,aAAa,CAAE,GAAES,MAAO,gBAAe,CAAC,aAAAa,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA2FpD;EAAC;IAAAI,CAAA,EA3FKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjB9B,QAAQ,CAAC;QAAE+B,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKf9B,QAAQ,CAAC;QAAEoC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMrC9B,QAAQ,CAAC;QAAEoC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMrC9B,QAAQ,CAAC;QAAEoC,SAAS,EAAE;MAAuB,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAM/C9B,QAAQ,EAAE;MAAAkC,GAAA;MAAAC,MAAA;QAAA,OACH3B,kBAAkB,CAACI,MAAM;MAAA;IAAA;MAAAiB,IAAA;MAAAC,UAAA,GAOhC9B,QAAQ,CAAC;QAAE+B,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MApChB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE,SAAAE,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAT,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAW,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CApDE7B,cAAc,CAAA8B,SAAA,8BAAAC,IAAA;MAqDlB;IAAC;MAAAvB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAkB,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC,IAAI,CAACP,YAAY,CAAC,eAAe,EAAEQ,MAAM,CAACxB,OAAO,CAAC,IAAI,CAACyB,QAAQ,CAAC,CAAC,CAAC;QACpE;MACF;IAAC;MAAA5B,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAuB,OAAA,EAAS;QACP,MAAM;UAAEC,SAAS;UAAEC,SAAS;UAAEC,kBAAkB;UAAEC;QAAM,CAAC,GAAG,IAAI;QAChE,OAAOhE,IAAI,CAAAiE,GAAA,KAAAA,GAAA,GAAA/C,CAAA,2NACPL,KAAK,CAACmD,KAAK,CAAC,CAAC;UACbE,KAAK,EAAE;YACL,CAACxD,kBAAkB,CAACY,OAAO,GAAI,GAAEV,MAAO;UAC1C,CAAC,CAACoD,KAAK,CAAC;UACRjD,QAAQ,EAAE,CAAC8C,SAAS,GAAGM,SAAS,GAAGlE,GAAG,CAAAmE,GAAA,KAAAA,GAAA,GAAAlD,CAAC,UAAO,CAAY,UAAQ,GAAlB2C,SAAS;QAC3D,CAAC,CAAC,EAIWjD,MAAM,EAGbkD,SAAS,EAIX,CAACC,kBAAkB,GACjBI,SAAS,GACTnE,IAAI,CAAAqE,GAAA,KAAAA,GAAA,GAAAnD,CAAA,kDACUN,MAAM,EAAwBmD,kBAAkB,CAC7D,EAEQnD,MAAM;MAEzB;IAAC;MAAAmB,IAAA;MAAAuC,MAAA;MAAAlC,GAAA;MAAAC,MAAA;QAAA,OAEe1B,MAAM;MAAA;IAAA;EAAA;AAAA,GA1FKF,UAAU,CAACL,UAAU,CAAC;AA6FnD,eAAemB,cAAc"}
1
+ {"version":3,"file":"progress-step.js","names":["html","svg","property","LitElement","CheckmarkOutline16","Warning16","settings","spread","FocusMixin","PROGRESS_STEP_STAT","styles","carbonElement","customElement","prefix","icons","QUEUED","children","attrs","_t","_","CURRENT","_t2","COMPLETE","INVALID","BXProgressStep","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","String","disabled","render","iconLabel","labelText","secondaryLabelText","state","_t3","class","undefined","_t4","_t5","static"],"sources":["components/progress-indicator/progress-step.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 { SVGTemplateResult } from 'lit-html';\nimport { html, svg, property, LitElement } from 'lit-element';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport spread from '../../globals/directives/spread';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { PROGRESS_STEP_STAT };\n\nconst { prefix } = settings;\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n [PROGRESS_STEP_STAT.QUEUED]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.CURRENT]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n [PROGRESS_STEP_STAT.INVALID]: Warning16,\n};\n\n/**\n * Progress step.\n *\n * @element bx-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nclass BXProgressStep extends FocusMixin(LitElement) {\n /**\n * `true` if the progress step should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The a11y text for the icon.\n */\n @property({ attribute: 'icon-label' })\n iconLabel!: string;\n\n /**\n * The primary progress label.\n */\n @property({ attribute: 'label-text' })\n labelText!: string;\n\n /**\n * The secondary progress label.\n */\n @property({ attribute: 'secondary-label-text' })\n secondaryLabelText!: string;\n\n /**\n * The progress state.\n */\n @property()\n state = PROGRESS_STEP_STAT.QUEUED;\n\n /**\n * `true` if the progress step should be vertical.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n }\n }\n\n render() {\n const { iconLabel, labelText, secondaryLabelText, state } = this;\n return html`\n ${icons[state]({\n class: {\n [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n }[state],\n children: !iconLabel ? undefined : svg`<title>${iconLabel}</title>`,\n })}\n <slot>\n <p\n role=\"button\"\n class=\"${prefix}--progress-label\"\n tabindex=\"0\"\n aria-describedby=\"label-tooltip\">\n ${labelText}\n </p>\n </slot>\n <slot name=\"secondary-label-text\">\n ${!secondaryLabelText\n ? undefined\n : html`\n <p class=\"${prefix}--progress-optional\">${secondaryLabelText}</p>\n `}\n </slot>\n <span class=\"${prefix}--progress-line\"></span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStep;\n"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *
4
- * Copyright IBM Corp. 2019, 2022
4
+ * Copyright IBM Corp. 2019, 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.