@carbon/web-components 2.11.1 → 2.12.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 (404) hide show
  1. package/dist/16-486ace1a.js +1 -1
  2. package/dist/16-51a594ce.js +1 -1
  3. package/dist/16-656090c0.js +1 -1
  4. package/dist/16-71872213.js +1 -1
  5. package/dist/16-730a41a2.js +1 -1
  6. package/dist/16-83a1cd89.js +1 -1
  7. package/dist/16-b73c677b.js +1 -1
  8. package/dist/16-d1c73001.js +1 -1
  9. package/dist/20-d069d8da.js +1 -1
  10. package/dist/accordion.min.js +8 -14
  11. package/dist/ai-skeleton.min.js +1 -1
  12. package/dist/breadcrumb.min.js +4 -4
  13. package/dist/button-21c75bab.js +1 -1
  14. package/dist/{button-set-69863a24.js → button-set-984abad1.js} +2 -2
  15. package/dist/button-skeleton-1abc1fd8.js +1 -1
  16. package/dist/button.min.js +2 -2
  17. package/dist/carbon-element-4ca9803f.js +1 -1
  18. package/dist/chat-button.min.js +1 -1
  19. package/dist/checkbox-dc5fcaff.js +109 -0
  20. package/dist/checkbox.min.js +4 -4
  21. package/dist/class-map-5edb95da.js +1 -1
  22. package/dist/code-snippet.min.js +3 -3
  23. package/dist/collection-helpers-4e32fe16.js +1 -1
  24. package/dist/combo-box.min.js +3 -3
  25. package/dist/{content-switcher-item-5b8dd42f.js → content-switcher-item-62392ba8.js} +1 -1
  26. package/dist/content-switcher.min.js +2 -2
  27. package/dist/{copy-button-d673538b.js → copy-button-8ae404e7.js} +3 -3
  28. package/dist/copy-button.min.js +2 -2
  29. package/dist/data-table.min.js +9 -9
  30. package/dist/date-picker.min.js +6 -6
  31. package/dist/defineProperty-e448b551.js +1 -1
  32. package/dist/directive-e2d48b9c.js +1 -1
  33. package/dist/dropdown-item-8284b402.js +148 -0
  34. package/dist/dropdown.min.js +2 -2
  35. package/dist/file-uploader.min.js +2 -2
  36. package/dist/{floating-menu-46199beb.js → floating-menu-4fdda50e.js} +1 -1
  37. package/dist/floating-menu.min.js +2 -2
  38. package/dist/focus-e70d1cbe.js +1 -1
  39. package/dist/form-group.min.js +3 -3
  40. package/dist/form.min.js +2 -2
  41. package/dist/get-52a048b1.js +1 -1
  42. package/dist/host-listener-b6a3d690.js +1 -1
  43. package/dist/{icon-button-09275c70.js → icon-button-9889b58b.js} +4 -4
  44. package/dist/icon-button.min.js +2 -2
  45. package/dist/if-defined-2e09d22b.js +1 -1
  46. package/dist/if-non-empty-20ce3c96.js +1 -1
  47. package/dist/inline-loading.min.js +5 -5
  48. package/dist/{layer-5f257c4a.js → layer-ee2a047c.js} +1 -1
  49. package/dist/layer.min.js +2 -2
  50. package/dist/{link-dc6f9b4e.js → link-c2b4e683.js} +1 -1
  51. package/dist/link.min.js +2 -2
  52. package/dist/list.min.js +4 -4
  53. package/dist/loading-2604f4ad.js +1 -1
  54. package/dist/loading-icon-85b7e502.js +1 -1
  55. package/dist/loading.min.js +1 -1
  56. package/dist/{modal-label-d53c98de.js → modal-label-9ee331a4.js} +1 -1
  57. package/dist/modal.min.js +2 -2
  58. package/dist/multi-select.min.js +4 -4
  59. package/dist/notification.min.js +5 -5
  60. package/dist/number-input.min.js +4 -4
  61. package/dist/objectSpread2-46e4de7a.js +1 -1
  62. package/dist/on-6c264d49.js +1 -1
  63. package/dist/overflow-menu.min.js +5 -5
  64. package/dist/pagination.min.js +5 -5
  65. package/dist/{popover-content-08cf10b0.js → popover-content-d6f3bde5.js} +2 -2
  66. package/dist/popover-controller-486f0f75.js +73 -0
  67. package/dist/popover.min.js +2 -2
  68. package/dist/progress-bar.min.js +1 -1
  69. package/dist/progress-indicator.min.js +3 -3
  70. package/dist/query-5f833318.js +1 -1
  71. package/dist/query-assigned-elements-73bd2544.js +1 -1
  72. package/dist/radio-button.min.js +2 -2
  73. package/dist/radio-group-manager-de7f9ab3.js +1 -1
  74. package/dist/search-09497355.js +102 -0
  75. package/dist/search.min.js +2 -2
  76. package/dist/select-95272984.js +141 -0
  77. package/dist/select.min.js +3 -71
  78. package/dist/settings-97cd1c3a.js +1 -1
  79. package/dist/shared-enums-c6fe8c39.js +1 -1
  80. package/dist/side-panel.min.js +11 -11
  81. package/dist/skeleton-icon-bfc7d5c8.js +1 -1
  82. package/dist/skeleton-icon.min.js +1 -1
  83. package/dist/skeleton-placeholder-403f26a3.js +1 -1
  84. package/dist/skeleton-placeholder.min.js +1 -1
  85. package/dist/skeleton-text-9d02604f.js +1 -1
  86. package/dist/skeleton-text.min.js +1 -1
  87. package/dist/skip-to-content.min.js +2 -2
  88. package/dist/slider.min.js +4 -4
  89. package/dist/slug.min.js +3 -3
  90. package/dist/spread-d515f3f1.js +1 -1
  91. package/dist/stack.min.js +1 -1
  92. package/dist/state-ddd29b9d.js +1 -1
  93. package/dist/structured-list.min.js +5 -5
  94. package/dist/tabs.min.js +5 -5
  95. package/dist/tag.min.js +5 -5
  96. package/dist/tearsheet.min.js +10 -10
  97. package/dist/text-input-5ebf4917.js +142 -0
  98. package/dist/text-input.min.js +2 -2
  99. package/dist/textarea.min.js +6 -6
  100. package/dist/tile.min.js +3 -3
  101. package/dist/toggle-tip.min.js +2 -2
  102. package/dist/toggle.min.js +2 -2
  103. package/dist/{toggletip-f95c53b0.js → toggletip-1ef069a9.js} +2 -2
  104. package/dist/{tooltip-content-d784ae2b.js → tooltip-content-a75c5632.js} +3 -3
  105. package/dist/tooltip.min.js +2 -2
  106. package/dist/ui-shell.min.js +14 -14
  107. package/dist/validity-d86ffa4f.js +1 -1
  108. package/es/components/accordion/accordion-item-skeleton.js.map +1 -1
  109. package/es/components/accordion/accordion-item.js +8 -7
  110. package/es/components/accordion/accordion-item.js.map +1 -1
  111. package/es/components/accordion/accordion-skeleton.d.ts +1 -1
  112. package/es/components/accordion/accordion-skeleton.js +5 -6
  113. package/es/components/accordion/accordion-skeleton.js.map +1 -1
  114. package/es/components/accordion/accordion.css.js +1 -1
  115. package/es/components/accordion/accordion.js +4 -3
  116. package/es/components/accordion/accordion.js.map +1 -1
  117. package/es/components/ai-skeleton/ai-skeleton-icon.js.map +1 -1
  118. package/es/components/ai-skeleton/ai-skeleton-placeholder.js.map +1 -1
  119. package/es/components/ai-skeleton/ai-skeleton-text.js.map +1 -1
  120. package/es/components/breadcrumb/breadcrumb-item.js +3 -2
  121. package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
  122. package/es/components/breadcrumb/breadcrumb-link.js +3 -2
  123. package/es/components/breadcrumb/breadcrumb-link.js.map +1 -1
  124. package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
  125. package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
  126. package/es/components/breadcrumb/breadcrumb.js +3 -2
  127. package/es/components/breadcrumb/breadcrumb.js.map +1 -1
  128. package/es/components/button/button-set-base.js +3 -2
  129. package/es/components/button/button-set-base.js.map +1 -1
  130. package/es/components/button/button-set.js +1 -1
  131. package/es/components/button/button-set.js.map +1 -1
  132. package/es/components/button/button-skeleton.js.map +1 -1
  133. package/es/components/button/button.js.map +1 -1
  134. package/es/components/chat-button/chat-button-skeleton.js.map +1 -1
  135. package/es/components/chat-button/chat-button.js.map +1 -1
  136. package/es/components/checkbox/checkbox-group.js +2 -2
  137. package/es/components/checkbox/checkbox-group.js.map +1 -1
  138. package/es/components/checkbox/checkbox-skeleton.js.map +1 -1
  139. package/es/components/checkbox/checkbox.css.js +1 -1
  140. package/es/components/checkbox/checkbox.js +2 -2
  141. package/es/components/checkbox/checkbox.js.map +1 -1
  142. package/es/components/code-snippet/code-snippet-skeleton.js.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.css.js +1 -1
  146. package/es/components/combo-box/combo-box.js +14 -13
  147. package/es/components/combo-box/combo-box.js.map +1 -1
  148. package/es/components/content-switcher/content-switcher-item.js.map +1 -1
  149. package/es/components/content-switcher/content-switcher.js +6 -6
  150. package/es/components/content-switcher/content-switcher.js.map +1 -1
  151. package/es/components/copy/copy.d.ts +1 -1
  152. package/es/components/copy/copy.js +5 -4
  153. package/es/components/copy/copy.js.map +1 -1
  154. package/es/components/copy-button/copy-button.d.ts +1 -1
  155. package/es/components/copy-button/copy-button.js +1 -1
  156. package/es/components/copy-button/copy-button.js.map +1 -1
  157. package/es/components/data-table/data-table.css.js +1 -1
  158. package/es/components/data-table/table-batch-actions.js +2 -2
  159. package/es/components/data-table/table-batch-actions.js.map +1 -1
  160. package/es/components/data-table/table-body.js +3 -2
  161. package/es/components/data-table/table-body.js.map +1 -1
  162. package/es/components/data-table/table-cell-content.js.map +1 -1
  163. package/es/components/data-table/table-cell.js +3 -2
  164. package/es/components/data-table/table-cell.js.map +1 -1
  165. package/es/components/data-table/table-expanded-row.js +1 -1
  166. package/es/components/data-table/table-expanded-row.js.map +1 -1
  167. package/es/components/data-table/table-head.js +3 -2
  168. package/es/components/data-table/table-head.js.map +1 -1
  169. package/es/components/data-table/table-header-cell.js +5 -4
  170. package/es/components/data-table/table-header-cell.js.map +1 -1
  171. package/es/components/data-table/table-header-description.js.map +1 -1
  172. package/es/components/data-table/table-header-row.js +1 -1
  173. package/es/components/data-table/table-header-row.js.map +1 -1
  174. package/es/components/data-table/table-header-title.js.map +1 -1
  175. package/es/components/data-table/table-row.js +12 -11
  176. package/es/components/data-table/table-row.js.map +1 -1
  177. package/es/components/data-table/table-skeleton.js +3 -2
  178. package/es/components/data-table/table-skeleton.js.map +1 -1
  179. package/es/components/data-table/table-toolbar-content.js.map +1 -1
  180. package/es/components/data-table/table-toolbar-search.js +5 -4
  181. package/es/components/data-table/table-toolbar-search.js.map +1 -1
  182. package/es/components/data-table/table-toolbar.js +4 -3
  183. package/es/components/data-table/table-toolbar.js.map +1 -1
  184. package/es/components/data-table/table.js +28 -27
  185. package/es/components/data-table/table.js.map +1 -1
  186. package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
  187. package/es/components/date-picker/date-picker-input.js +2 -2
  188. package/es/components/date-picker/date-picker-input.js.map +1 -1
  189. package/es/components/date-picker/date-picker.css.js +1 -1
  190. package/es/components/date-picker/date-picker.js +20 -19
  191. package/es/components/date-picker/date-picker.js.map +1 -1
  192. package/es/components/dropdown/dropdown-item.js +3 -2
  193. package/es/components/dropdown/dropdown-item.js.map +1 -1
  194. package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
  195. package/es/components/dropdown/dropdown.css.js +1 -1
  196. package/es/components/dropdown/dropdown.js +9 -9
  197. package/es/components/dropdown/dropdown.js.map +1 -1
  198. package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
  199. package/es/components/file-uploader/file-uploader-button.js +2 -2
  200. package/es/components/file-uploader/file-uploader-button.js.map +1 -1
  201. package/es/components/file-uploader/file-uploader-drop-container.js +2 -2
  202. package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  203. package/es/components/file-uploader/file-uploader-item.js +2 -2
  204. package/es/components/file-uploader/file-uploader-item.js.map +1 -1
  205. package/es/components/file-uploader/file-uploader-skeleton.js.map +1 -1
  206. package/es/components/file-uploader/file-uploader.css.js +1 -1
  207. package/es/components/file-uploader/file-uploader.js +1 -1
  208. package/es/components/file-uploader/file-uploader.js.map +1 -1
  209. package/es/components/floating-menu/floating-menu.js +3 -3
  210. package/es/components/floating-menu/floating-menu.js.map +1 -1
  211. package/es/components/form/form-item.css.js +1 -1
  212. package/es/components/form/form-item.js.map +1 -1
  213. package/es/components/form-group/form-group.css.js +1 -1
  214. package/es/components/form-group/form-group.js.map +1 -1
  215. package/es/components/icon-button/icon-button.js +3 -2
  216. package/es/components/icon-button/icon-button.js.map +1 -1
  217. package/es/components/inline-loading/inline-loading.js +3 -2
  218. package/es/components/inline-loading/inline-loading.js.map +1 -1
  219. package/es/components/layer/layer.js +2 -2
  220. package/es/components/layer/layer.js.map +1 -1
  221. package/es/components/link/link.js +1 -1
  222. package/es/components/link/link.js.map +1 -1
  223. package/es/components/list/list-item.js +4 -3
  224. package/es/components/list/list-item.js.map +1 -1
  225. package/es/components/list/ordered-list.js.map +1 -1
  226. package/es/components/list/unordered-list.js +4 -3
  227. package/es/components/list/unordered-list.js.map +1 -1
  228. package/es/components/loading/loading.js.map +1 -1
  229. package/es/components/modal/modal-body-content.js.map +1 -1
  230. package/es/components/modal/modal-body.js.map +1 -1
  231. package/es/components/modal/modal-close-button.js.map +1 -1
  232. package/es/components/modal/modal-footer.js +1 -1
  233. package/es/components/modal/modal-footer.js.map +1 -1
  234. package/es/components/modal/modal-header.js +1 -1
  235. package/es/components/modal/modal-header.js.map +1 -1
  236. package/es/components/modal/modal-heading.js.map +1 -1
  237. package/es/components/modal/modal-label.js.map +1 -1
  238. package/es/components/modal/modal.js +8 -8
  239. package/es/components/modal/modal.js.map +1 -1
  240. package/es/components/multi-select/multi-select-item.js +1 -1
  241. package/es/components/multi-select/multi-select-item.js.map +1 -1
  242. package/es/components/multi-select/multi-select.css.js +1 -1
  243. package/es/components/multi-select/multi-select.js +18 -17
  244. package/es/components/multi-select/multi-select.js.map +1 -1
  245. package/es/components/notification/actionable-notification-button.js +3 -2
  246. package/es/components/notification/actionable-notification-button.js.map +1 -1
  247. package/es/components/notification/actionable-notification.js +5 -4
  248. package/es/components/notification/actionable-notification.js.map +1 -1
  249. package/es/components/notification/inline-notification.js +5 -4
  250. package/es/components/notification/inline-notification.js.map +1 -1
  251. package/es/components/notification/toast-notification.js.map +1 -1
  252. package/es/components/number-input/number-input-skeleton.js.map +1 -1
  253. package/es/components/number-input/number-input.css.js +1 -1
  254. package/es/components/number-input/number-input.js +10 -9
  255. package/es/components/number-input/number-input.js.map +1 -1
  256. package/es/components/overflow-menu/overflow-menu-body.js +6 -5
  257. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  258. package/es/components/overflow-menu/overflow-menu-item.js +3 -2
  259. package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
  260. package/es/components/overflow-menu/overflow-menu.js +6 -5
  261. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  262. package/es/components/pagination/index.d.ts +2 -1
  263. package/es/components/pagination/index.js +2 -1
  264. package/es/components/pagination/index.js.map +1 -1
  265. package/es/components/pagination/pagination.css.js +1 -1
  266. package/es/components/pagination/pagination.js +4 -4
  267. package/es/components/pagination/pagination.js.map +1 -1
  268. package/es/components/popover/popover-content.js.map +1 -1
  269. package/es/components/popover/popover.js +3 -3
  270. package/es/components/popover/popover.js.map +1 -1
  271. package/es/components/progress-bar/progress-bar.js +1 -1
  272. package/es/components/progress-bar/progress-bar.js.map +1 -1
  273. package/es/components/progress-indicator/progress-indicator-skeleton.js +1 -1
  274. package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
  275. package/es/components/progress-indicator/progress-indicator.js +4 -3
  276. package/es/components/progress-indicator/progress-indicator.js.map +1 -1
  277. package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
  278. package/es/components/progress-indicator/progress-step.js +3 -2
  279. package/es/components/progress-indicator/progress-step.js.map +1 -1
  280. package/es/components/radio-button/radio-button-group.js +4 -4
  281. package/es/components/radio-button/radio-button-group.js.map +1 -1
  282. package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
  283. package/es/components/radio-button/radio-button.css.js +1 -1
  284. package/es/components/radio-button/radio-button.js +5 -4
  285. package/es/components/radio-button/radio-button.js.map +1 -1
  286. package/es/components/search/search-skeleton.js.map +1 -1
  287. package/es/components/search/search.css.js +1 -1
  288. package/es/components/search/search.js +1 -1
  289. package/es/components/search/search.js.map +1 -1
  290. package/es/components/select/select-skeleton.js.map +1 -1
  291. package/es/components/select/select.css.js +1 -1
  292. package/es/components/select/select.js +14 -13
  293. package/es/components/select/select.js.map +1 -1
  294. package/es/components/side-panel/side-panel.css.js +1 -1
  295. package/es/components/side-panel/side-panel.js +10 -9
  296. package/es/components/side-panel/side-panel.js.map +1 -1
  297. package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
  298. package/es/components/skeleton-text/skeleton-text.js.map +1 -1
  299. package/es/components/skip-to-content/skip-to-content.js +3 -2
  300. package/es/components/skip-to-content/skip-to-content.js.map +1 -1
  301. package/es/components/slider/slider-input.js +8 -8
  302. package/es/components/slider/slider-input.js.map +1 -1
  303. package/es/components/slider/slider-skeleton.js.map +1 -1
  304. package/es/components/slider/slider.css.js +1 -1
  305. package/es/components/slider/slider.js +17 -16
  306. package/es/components/slider/slider.js.map +1 -1
  307. package/es/components/slug/slug.css.js +1 -1
  308. package/es/components/slug/slug.js +3 -2
  309. package/es/components/slug/slug.js.map +1 -1
  310. package/es/components/stack/stack.js.map +1 -1
  311. package/es/components/structured-list/structured-list-body.js +3 -2
  312. package/es/components/structured-list/structured-list-body.js.map +1 -1
  313. package/es/components/structured-list/structured-list-cell.js +3 -2
  314. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  315. package/es/components/structured-list/structured-list-head.js +3 -2
  316. package/es/components/structured-list/structured-list-head.js.map +1 -1
  317. package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
  318. package/es/components/structured-list/structured-list-header-cell.js +3 -2
  319. package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
  320. package/es/components/structured-list/structured-list-header-row.js +3 -2
  321. package/es/components/structured-list/structured-list-header-row.js.map +1 -1
  322. package/es/components/structured-list/structured-list-row.js +4 -3
  323. package/es/components/structured-list/structured-list-row.js.map +1 -1
  324. package/es/components/structured-list/structured-list.js +3 -2
  325. package/es/components/structured-list/structured-list.js.map +1 -1
  326. package/es/components/tabs/tab-skeleton.js.map +1 -1
  327. package/es/components/tabs/tab.js +3 -2
  328. package/es/components/tabs/tab.js.map +1 -1
  329. package/es/components/tabs/tabs-skeleton.js.map +1 -1
  330. package/es/components/tabs/tabs.js +13 -12
  331. package/es/components/tabs/tabs.js.map +1 -1
  332. package/es/components/tag/tag.css.js +1 -1
  333. package/es/components/tag/tag.js +3 -3
  334. package/es/components/tag/tag.js.map +1 -1
  335. package/es/components/tearsheet/tearsheet.js +11 -10
  336. package/es/components/tearsheet/tearsheet.js.map +1 -1
  337. package/es/components/text-input/text-input-skeleton.js.map +1 -1
  338. package/es/components/text-input/text-input.css.js +1 -1
  339. package/es/components/text-input/text-input.js +5 -5
  340. package/es/components/text-input/text-input.js.map +1 -1
  341. package/es/components/textarea/textarea-skeleton.js.map +1 -1
  342. package/es/components/textarea/textarea.css.js +1 -1
  343. package/es/components/textarea/textarea.js.map +1 -1
  344. package/es/components/tile/clickable-tile.js +5 -4
  345. package/es/components/tile/clickable-tile.js.map +1 -1
  346. package/es/components/tile/expandable-tile.js +3 -3
  347. package/es/components/tile/expandable-tile.js.map +1 -1
  348. package/es/components/tile/radio-tile.js +1 -1
  349. package/es/components/tile/radio-tile.js.map +1 -1
  350. package/es/components/tile/selectable-tile.js +2 -2
  351. package/es/components/tile/selectable-tile.js.map +1 -1
  352. package/es/components/tile/tile-group.js +4 -4
  353. package/es/components/tile/tile-group.js.map +1 -1
  354. package/es/components/tile/tile.css.js +1 -1
  355. package/es/components/tile/tile.js +1 -1
  356. package/es/components/tile/tile.js.map +1 -1
  357. package/es/components/toggle/toggle.js +1 -1
  358. package/es/components/toggle/toggle.js.map +1 -1
  359. package/es/components/toggle-tip/toggletip.js +3 -3
  360. package/es/components/toggle-tip/toggletip.js.map +1 -1
  361. package/es/components/tooltip/tooltip-content.js +3 -2
  362. package/es/components/tooltip/tooltip-content.js.map +1 -1
  363. package/es/components/tooltip/tooltip.js +8 -7
  364. package/es/components/tooltip/tooltip.js.map +1 -1
  365. package/es/components/ui-shell/header-global-action.js +3 -2
  366. package/es/components/ui-shell/header-global-action.js.map +1 -1
  367. package/es/components/ui-shell/header-menu-button.js +1 -1
  368. package/es/components/ui-shell/header-menu-button.js.map +1 -1
  369. package/es/components/ui-shell/header-menu.js +4 -3
  370. package/es/components/ui-shell/header-menu.js.map +1 -1
  371. package/es/components/ui-shell/header-name.js.map +1 -1
  372. package/es/components/ui-shell/header-nav-item.js.map +1 -1
  373. package/es/components/ui-shell/header-nav.js +3 -2
  374. package/es/components/ui-shell/header-nav.js.map +1 -1
  375. package/es/components/ui-shell/header-panel.js.map +1 -1
  376. package/es/components/ui-shell/header-side-nav-items.js +3 -2
  377. package/es/components/ui-shell/header-side-nav-items.js.map +1 -1
  378. package/es/components/ui-shell/header.js +3 -2
  379. package/es/components/ui-shell/header.js.map +1 -1
  380. package/es/components/ui-shell/side-nav-divider.js +3 -2
  381. package/es/components/ui-shell/side-nav-divider.js.map +1 -1
  382. package/es/components/ui-shell/side-nav-items.js +3 -2
  383. package/es/components/ui-shell/side-nav-items.js.map +1 -1
  384. package/es/components/ui-shell/side-nav-link.js +3 -2
  385. package/es/components/ui-shell/side-nav-link.js.map +1 -1
  386. package/es/components/ui-shell/side-nav-menu-item.js +4 -3
  387. package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
  388. package/es/components/ui-shell/side-nav-menu.js +6 -5
  389. package/es/components/ui-shell/side-nav-menu.js.map +1 -1
  390. package/es/components/ui-shell/side-nav.js +9 -8
  391. package/es/components/ui-shell/side-nav.js.map +1 -1
  392. package/es/components/ui-shell/switcher-divider.js +3 -2
  393. package/es/components/ui-shell/switcher-divider.js.map +1 -1
  394. package/es/components/ui-shell/switcher-item.js +3 -2
  395. package/es/components/ui-shell/switcher-item.js.map +1 -1
  396. package/es/components/ui-shell/switcher.js +3 -2
  397. package/es/components/ui-shell/switcher.js.map +1 -1
  398. package/package.json +6 -6
  399. package/dist/checkbox-d0a3a79f.js +0 -109
  400. package/dist/dropdown-item-91b3dc95.js +0 -148
  401. package/dist/popover-controller-cc6ccb74.js +0 -73
  402. package/dist/search-23232b04.js +0 -102
  403. package/dist/select-item-4ebf72a0.js +0 -73
  404. package/dist/text-input-ead65188.js +0 -142
@@ -1 +1 @@
1
- {"version":3,"file":"pagination.js","names":["LitElement","html","property","query","CaretLeft16","CaretRight16","prefix","FocusMixin","HostListenerMixin","HostListener","styles","PAGINATION_SIZE","carbonElement","customElement","CDSPagination","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleSlotChange","target","content","assignedNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","trim","forEach","item","_pageSizeSelect","appendChild","_renderStatusText","start","pageSize","totalItems","pagesUnknown","formatStatusWithDeterminateTotal","formatStatusWithIndeterminateTotal","end","Math","min","Infinity","format","count","_handleUserInitiatedChangeStart","dispatchEvent","CustomEvent","eventChangeCurrent","bubbles","composed","detail","page","_handleClickPrevButton","oldStart","newStart","max","_handleClickNextButton","_handleChangeSelector","event","composedPath","parseInt","totalPages","ceil","attribute","type","Number","reflect","Boolean","MEDIUM","updated","changedProperties","selectorPageSizesSelect","selectorPagesSelect","has","shadowRoot","querySelector","toString","render","disabled","forwardText","backwardText","itemsPerPageText","pageInputDisabled","pageSizeInputDisabled","size","handleClickPrevButton","handleClickNextButton","handleSlotChange","formatLabelText","formatSupplementalText","isLastPage","prevButtonDisabled","nextButtonDisabled","prevButtonClassMap","nextButtonClassMap","prevButtonClasses","Object","entries","map","join","nextButtonClasses","_t","_","_t2","Array","from","_item","index","_t3","_t4","_t5","slot","static","eventChangeSelect","_objectSpread","shadowRootOptions","delegatesFocus"],"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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport CaretLeft16 from '@carbon/icons/lib/caret--left/16';\nimport CaretRight16 from '@carbon/icons/lib/caret--right/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport styles from './pagination.scss';\nimport { PAGINATION_SIZE } from './defs';\nimport CDSSelect from '../select/select';\nimport '../button/index';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Pagination UI.\n *\n * @element cds-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires cds-pages-select-changed - The custom event fired after the current page is changed from `<cds-pages-select>`.\n * @fires cds-page-sizes-select-changed\n * The custom event fired after the number of rows per page is changed from `<cds-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass CDSPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n @query(`${prefix}-select`)\n private _pageSizeSelect!: HTMLElement;\n\n private _handleSlotChange({ target }: Event) {\n const content = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n\n content.forEach((item) => {\n this._pageSizeSelect.appendChild(item);\n });\n }\n\n /**\n * @returns Page status text.\n */\n private _renderStatusText() {\n const {\n start,\n pageSize,\n totalItems,\n pagesUnknown,\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 = Math.min(\n start + pageSize,\n totalItems == null ? Infinity : totalItems\n );\n const format =\n totalItems == null || pagesUnknown\n ? formatStatusWithIndeterminateTotal\n : formatStatusWithDeterminateTotal;\n\n // `start`/`end` properties starts with zero, whereas we want to show number starting with 1\n return format({ start: start + 1, end, count: totalItems });\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 CDSPagination).eventChangeCurrent,\n {\n bubbles: true,\n composed: true,\n detail: {\n page: this.page,\n pageSize: this.pageSize,\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 this.page--;\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, totalItems } = this;\n this.page++;\n const newStart = oldStart + pageSize;\n if (newStart < (totalItems == null ? Infinity : totalItems)) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles user-initiated change in number of rows per page.\n *\n * @param event The event.\n */\n @HostListener('eventChangeSelect')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangeSelector(event) {\n const { value } = event.detail;\n const { totalItems, pageSize } = this;\n\n if (event.composedPath()[0] === this._pageSizeSelect) {\n this.pageSize = parseInt(value);\n // Default pageSize to effectively be 1 when we have a value of 0 to avoid\n // division by 0.\n this.totalPages =\n pageSize > 0 ? Math.ceil(totalItems / pageSize) : totalItems;\n this.page = 1;\n this.start = 0;\n } else {\n this.page = value;\n this._handleUserInitiatedChangeStart((value - 1) * pageSize);\n }\n }\n\n /**\n * The assistive text for the button to go to previous page.\n */\n @property({ attribute: 'backward-text' })\n backwardText = 'Previous page';\n\n /**\n * The current page\n */\n @property({ type: Number, reflect: true })\n page = 1;\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, 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, count }) =>\n end == null\n ? `Item ${start}–`\n : `${start}–${end} item${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 this.pagesUnknown || !this.totalItems\n ? `page`\n : `of ${count} page${count <= 1 ? '' : 's'}`;\n /**\n * `true` to explicitly state that user is at the last page.\n */\n @property({ type: Boolean, attribute: 'is-last-page' })\n isLastPage!: boolean;\n\n /**\n * The translatable text indicating the number of items per page.\n */\n @property({ attribute: 'items-per-page-text' })\n itemsPerPageText = 'Items per page:';\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: 'forward-text' })\n forwardText = 'Next page';\n\n /**\n * true if the select box to change the page should be disabled.\n */\n @property({ attribute: 'page-input-disabled' })\n pageInputDisabled;\n\n /**\n * Number of items per page.\n */\n @property({ type: Number, attribute: 'page-size', reflect: true })\n pageSize = 10;\n\n /**\n * true if the select box to change the items per page should be disabled.\n */\n @property({ type: Boolean, attribute: 'page-size-input-disabled' })\n pageSizeInputDisabled;\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 * true if the total number of items is unknown.\n */\n @property({ type: Boolean, reflect: true, attribute: 'pages-unknown' })\n pagesUnknown = false;\n\n /**\n * Specify the size of the Pagination.\n */\n @property({ reflect: true })\n size = PAGINATION_SIZE.MEDIUM;\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, attribute: 'total-items' })\n totalItems!: number;\n\n /**\n * The number of total pages.\n */\n @property({ type: Number })\n totalPages = 1;\n\n updated(changedProperties) {\n const { page, pageSize, totalItems } = this;\n const { selectorPageSizesSelect, selectorPagesSelect } = this\n .constructor as typeof CDSPagination;\n\n if (changedProperties.has('pageSize')) {\n (this.shadowRoot!.querySelector(selectorPageSizesSelect) as any).value =\n pageSize;\n }\n if (changedProperties.has('pageSize') || changedProperties.has('start')) {\n // Default pageSize to effectively be 1 when we have a value of 0 to avoid\n // division by 0.\n this.totalPages =\n pageSize > 0 ? Math.ceil(totalItems / pageSize) : totalItems;\n (this.shadowRoot!.querySelector(selectorPagesSelect) as CDSSelect).value =\n this.page.toString();\n }\n\n if (changedProperties.has('page')) {\n this._handleUserInitiatedChangeStart((page - 1) * pageSize);\n }\n }\n\n render() {\n const {\n page,\n disabled,\n forwardText,\n backwardText,\n itemsPerPageText,\n pageInputDisabled,\n pageSize,\n pageSizeInputDisabled,\n pagesUnknown,\n size,\n start,\n totalItems,\n totalPages,\n _handleClickPrevButton: handleClickPrevButton,\n _handleClickNextButton: handleClickNextButton,\n _handleSlotChange: handleSlotChange,\n formatLabelText,\n formatSupplementalText,\n } = this;\n\n const { isLastPage = start + pageSize >= totalItems } = this;\n const prevButtonDisabled = disabled || start === 0;\n const nextButtonDisabled = disabled || isLastPage;\n\n const prevButtonClassMap = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--backward`]: true,\n [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n [`${prefix}--btn--${size}`]: true,\n [`${prefix}--btn--ghost`]: true,\n };\n const nextButtonClassMap = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--forward`]: true,\n [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n [`${prefix}--btn--${size}`]: true,\n [`${prefix}--btn--ghost`]: true,\n };\n\n const prevButtonClasses = Object.entries(prevButtonClassMap)\n .filter(([, value]) => value === true)\n .map(([key]) => key)\n .join(' ');\n const nextButtonClasses = Object.entries(nextButtonClassMap)\n .filter(([, value]) => value === true)\n .map(([key]) => key)\n .join(' ');\n\n return html`\n <div class=\"${prefix}--pagination__left\">\n <label for=\"select\" class=\"${prefix}--pagination__text\"\n ><slot name=\"label-text\">${itemsPerPageText}</slot></label\n >\n <cds-select\n ?disabled=${disabled || pageSizeInputDisabled}\n id=\"page-size-select\"\n left-select\n pagination\n size=\"${size}\"\n inline\n value=\"${pageSize}\">\n <slot @slotchange=${handleSlotChange}></slot>\n </cds-select>\n <span\n class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n >${this._renderStatusText()}</span\n >\n </div>\n <div class=\"${prefix}--pagination__right\">\n <label for=\"select\" class=\"${prefix}--label ${prefix}--visually-hidden\">\n ${formatLabelText({ count: totalPages })}\n </label>\n ${pagesUnknown || !totalItems\n ? html`\n <span\n class=\"${prefix}--pagination__text ${prefix}--pagination__page-text\"\n >${formatSupplementalText({ count: totalPages })}</span\n >\n\n <cds-select\n ?disabled=${disabled || pageInputDisabled}\n id=\"pages-select\"\n pagination\n size=\"${size}\"\n inline\n value=\"${page}\">\n ${Array.from(new Array(totalPages)).map(\n (_item, index) =>\n html`\n <cds-select-item value=\"${index + 1}\">\n ${index + 1}\n </cds-select-item>\n `\n )}\n </cds-select>\n `\n : html`\n <cds-select\n ?disabled=${disabled || pageInputDisabled}\n id=\"pages-select\"\n pagination\n size=\"${size}\"\n inline\n value=\"${page}\">\n ${Array.from(new Array(totalPages)).map(\n (_item, index) =>\n html`\n <cds-select-item value=\"${index + 1}\">\n ${index + 1}\n </cds-select-item>\n `\n )}\n </cds-select>\n <span class=\"${prefix}--pagination__text\"\n >${formatSupplementalText({ count: totalPages })}</span\n >\n `}\n\n <div class=\"${prefix}--pagination__control-buttons\">\n <cds-button\n pagination\n size=\"${size}\"\n ?disabled=\"${prevButtonDisabled}\"\n button-class-name=\"${prevButtonClasses}\"\n tooltip-text=\"${backwardText}\"\n @click=\"${handleClickPrevButton}\">\n ${CaretLeft16({ slot: 'icon' })}\n </cds-button>\n <cds-button\n tooltip-position=\"top-right\"\n pagination\n size=\"${size}\"\n ?disabled=\"${nextButtonDisabled}\"\n button-class-name=\"${nextButtonClasses}\"\n tooltip-text=\"${forwardText}\"\n @click=\"${handleClickNextButton}\">\n ${CaretRight16({ slot: 'icon' })}\n </cds-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}-select#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}-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 number of rows per page is changed from `<cds-page-sizes-select>`.\n */\n static get eventChangeSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSPagination;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"pagination.js","names":["LitElement","html","property","query","CaretLeft16","CaretRight16","prefix","FocusMixin","HostListenerMixin","HostListener","styles","PAGINATION_SIZE","carbonElement","customElement","CDSPagination","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleSlotChange","target","content","assignedNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","trim","forEach","item","_pageSizeSelect","appendChild","_renderStatusText","start","pageSize","totalItems","pagesUnknown","formatStatusWithDeterminateTotal","formatStatusWithIndeterminateTotal","end","Math","min","Infinity","format","count","_handleUserInitiatedChangeStart","dispatchEvent","CustomEvent","eventChangeCurrent","bubbles","composed","detail","page","_handleClickPrevButton","oldStart","newStart","max","_handleClickNextButton","_handleChangeSelector","event","composedPath","parseInt","totalPages","ceil","attribute","type","Number","reflect","Boolean","MEDIUM","updated","changedProperties","selectorPageSizesSelect","selectorPagesSelect","has","shadowRoot","querySelector","toString","render","disabled","forwardText","backwardText","itemsPerPageText","pageInputDisabled","pageSizeInputDisabled","size","handleClickPrevButton","handleClickNextButton","handleSlotChange","formatLabelText","formatSupplementalText","isLastPage","prevButtonDisabled","nextButtonDisabled","prevButtonClassMap","nextButtonClassMap","prevButtonClasses","Object","entries","map","join","nextButtonClasses","_t","_","_t2","Array","from","_item","index","_t3","_t4","_t5","slot","static","_objectSpread","shadowRootOptions","delegatesFocus"],"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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport CaretLeft16 from '@carbon/icons/lib/caret--left/16';\nimport CaretRight16 from '@carbon/icons/lib/caret--right/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport styles from './pagination.scss';\nimport { PAGINATION_SIZE } from './defs';\nimport CDSSelect from '../select/select';\nimport '../button/index';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Pagination UI.\n *\n * @element cds-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires cds-pages-select-changed - The custom event fired after the current page is changed from `<cds-pages-select>`.\n * @fires cds-page-sizes-select-changed\n * The custom event fired after the number of rows per page is changed from `<cds-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass CDSPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n @query(`${prefix}-select`)\n private _pageSizeSelect!: HTMLElement;\n\n private _handleSlotChange({ target }: Event) {\n const content = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n\n content.forEach((item) => {\n this._pageSizeSelect.appendChild(item);\n });\n }\n\n /**\n * @returns Page status text.\n */\n private _renderStatusText() {\n const {\n start,\n pageSize,\n totalItems,\n pagesUnknown,\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 = Math.min(\n start + pageSize,\n totalItems == null ? Infinity : totalItems\n );\n const format =\n totalItems == null || pagesUnknown\n ? formatStatusWithIndeterminateTotal\n : formatStatusWithDeterminateTotal;\n\n // `start`/`end` properties starts with zero, whereas we want to show number starting with 1\n return format({ start: start + 1, end, count: totalItems });\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 CDSPagination).eventChangeCurrent,\n {\n bubbles: true,\n composed: true,\n detail: {\n page: this.page,\n pageSize: this.pageSize,\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 this.page--;\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, totalItems } = this;\n this.page++;\n const newStart = oldStart + pageSize;\n if (newStart < (totalItems == null ? Infinity : totalItems)) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles user-initiated change in number of rows per page.\n *\n * @param event The event.\n */\n @HostListener('eventChangeSelect')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangeSelector(event) {\n const { value } = event.detail;\n const { totalItems, pageSize } = this;\n\n if (event.composedPath()[0] === this._pageSizeSelect) {\n this.pageSize = parseInt(value);\n // Default pageSize to effectively be 1 when we have a value of 0 to avoid\n // division by 0.\n this.totalPages =\n pageSize > 0 ? Math.ceil(totalItems / pageSize) : totalItems;\n this.page = 1;\n this.start = 0;\n } else {\n this.page = value;\n this._handleUserInitiatedChangeStart((value - 1) * pageSize);\n }\n }\n\n /**\n * The assistive text for the button to go to previous page.\n */\n @property({ attribute: 'backward-text' })\n backwardText = 'Previous page';\n\n /**\n * The current page\n */\n @property({ type: Number, reflect: true })\n page = 1;\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, 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, count }) =>\n end == null\n ? `Item ${start}–`\n : `${start}–${end} item${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 this.pagesUnknown || !this.totalItems\n ? `page`\n : `of ${count} page${count <= 1 ? '' : 's'}`;\n /**\n * `true` to explicitly state that user is at the last page.\n */\n @property({ type: Boolean, attribute: 'is-last-page' })\n isLastPage!: boolean;\n\n /**\n * The translatable text indicating the number of items per page.\n */\n @property({ attribute: 'items-per-page-text' })\n itemsPerPageText = 'Items per page:';\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: 'forward-text' })\n forwardText = 'Next page';\n\n /**\n * true if the select box to change the page should be disabled.\n */\n @property({ attribute: 'page-input-disabled' })\n pageInputDisabled;\n\n /**\n * Number of items per page.\n */\n @property({ type: Number, attribute: 'page-size', reflect: true })\n pageSize = 10;\n\n /**\n * true if the select box to change the items per page should be disabled.\n */\n @property({ type: Boolean, attribute: 'page-size-input-disabled' })\n pageSizeInputDisabled;\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 * true if the total number of items is unknown.\n */\n @property({ type: Boolean, reflect: true, attribute: 'pages-unknown' })\n pagesUnknown = false;\n\n /**\n * Specify the size of the Pagination.\n */\n @property({ reflect: true })\n size = PAGINATION_SIZE.MEDIUM;\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, attribute: 'total-items' })\n totalItems!: number;\n\n /**\n * The number of total pages.\n */\n @property({ type: Number })\n totalPages = 1;\n\n updated(changedProperties) {\n const { page, pageSize, totalItems } = this;\n const { selectorPageSizesSelect, selectorPagesSelect } = this\n .constructor as typeof CDSPagination;\n\n if (changedProperties.has('pageSize')) {\n (this.shadowRoot!.querySelector(selectorPageSizesSelect) as any).value =\n pageSize;\n }\n if (changedProperties.has('pageSize') || changedProperties.has('start')) {\n // Default pageSize to effectively be 1 when we have a value of 0 to avoid\n // division by 0.\n this.totalPages =\n pageSize > 0 ? Math.ceil(totalItems / pageSize) : totalItems;\n (this.shadowRoot!.querySelector(selectorPagesSelect) as CDSSelect).value =\n this.page.toString();\n }\n\n if (changedProperties.has('page')) {\n this._handleUserInitiatedChangeStart((page - 1) * pageSize);\n }\n }\n\n render() {\n const {\n page,\n disabled,\n forwardText,\n backwardText,\n itemsPerPageText,\n pageInputDisabled,\n pageSize,\n pageSizeInputDisabled,\n pagesUnknown,\n size,\n start,\n totalItems,\n totalPages,\n _handleClickPrevButton: handleClickPrevButton,\n _handleClickNextButton: handleClickNextButton,\n _handleSlotChange: handleSlotChange,\n formatLabelText,\n formatSupplementalText,\n } = this;\n\n const { isLastPage = start + pageSize >= totalItems } = this;\n const prevButtonDisabled = disabled || start === 0;\n const nextButtonDisabled = disabled || isLastPage;\n\n const prevButtonClassMap = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--backward`]: true,\n [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n [`${prefix}--btn--${size}`]: true,\n [`${prefix}--btn--ghost`]: true,\n };\n const nextButtonClassMap = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--forward`]: true,\n [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n [`${prefix}--btn--${size}`]: true,\n [`${prefix}--btn--ghost`]: true,\n };\n\n const prevButtonClasses = Object.entries(prevButtonClassMap)\n .filter(([, value]) => value === true)\n .map(([key]) => key)\n .join(' ');\n const nextButtonClasses = Object.entries(nextButtonClassMap)\n .filter(([, value]) => value === true)\n .map(([key]) => key)\n .join(' ');\n\n return html`\n <div class=\"${prefix}--pagination__left\">\n <label for=\"select\" class=\"${prefix}--pagination__text\"\n ><slot name=\"label-text\">${itemsPerPageText}</slot></label\n >\n <cds-select\n ?disabled=${disabled || pageSizeInputDisabled}\n id=\"page-size-select\"\n left-select\n pagination\n size=\"${size}\"\n inline\n value=\"${pageSize}\">\n <slot @slotchange=${handleSlotChange}></slot>\n </cds-select>\n <span\n class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n >${this._renderStatusText()}</span\n >\n </div>\n <div class=\"${prefix}--pagination__right\">\n <label for=\"select\" class=\"${prefix}--label ${prefix}--visually-hidden\">\n ${formatLabelText({ count: totalPages })}\n </label>\n ${pagesUnknown || !totalItems\n ? html`\n <span\n class=\"${prefix}--pagination__text ${prefix}--pagination__page-text\"\n >${formatSupplementalText({ count: totalPages })}</span\n >\n\n <cds-select\n ?disabled=${disabled || pageInputDisabled}\n id=\"pages-select\"\n pagination\n size=\"${size}\"\n inline\n value=\"${page}\">\n ${Array.from(new Array(totalPages)).map(\n (_item, index) =>\n html`\n <cds-select-item value=\"${index + 1}\">\n ${index + 1}\n </cds-select-item>\n `\n )}\n </cds-select>\n `\n : html`\n <cds-select\n ?disabled=${disabled || pageInputDisabled}\n id=\"pages-select\"\n pagination\n size=\"${size}\"\n inline\n value=\"${page}\">\n ${Array.from(new Array(totalPages)).map(\n (_item, index) =>\n html`\n <cds-select-item value=\"${index + 1}\">\n ${index + 1}\n </cds-select-item>\n `\n )}\n </cds-select>\n <span class=\"${prefix}--pagination__text\"\n >${formatSupplementalText({ count: totalPages })}</span\n >\n `}\n\n <div class=\"${prefix}--pagination__control-buttons\">\n <cds-button\n pagination\n size=\"${size}\"\n ?disabled=\"${prevButtonDisabled}\"\n button-class-name=\"${prevButtonClasses}\"\n tooltip-text=\"${backwardText}\"\n @click=\"${handleClickPrevButton}\">\n ${CaretLeft16({ slot: 'icon' })}\n </cds-button>\n <cds-button\n tooltip-position=\"top-right\"\n pagination\n size=\"${size}\"\n ?disabled=\"${nextButtonDisabled}\"\n button-class-name=\"${nextButtonClasses}\"\n tooltip-text=\"${forwardText}\"\n @click=\"${handleClickNextButton}\">\n ${CaretRight16({ slot: 'icon' })}\n </cds-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}-select#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}-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 number of rows per page is changed from `<cds-page-sizes-select>`.\n */\n static get eventChangeSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSPagination;\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"popover-content.js","names":["LitElement","html","property","carbonElement","customElement","prefix","styles","CDSPopoverContent","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","type","String","key","value","Boolean","render","autoalign","_t","_","_t2","static"],"sources":["components/popover/popover-content.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss';\n\n/**\n * Popover.\n *\n * @element cds-popover\n */\n@customElement(`${prefix}-popover-content`)\nclass CDSPopoverContent extends LitElement {\n /**\n * Specify the popover alignment\n */\n @property({ reflect: true, type: String })\n align = '';\n\n /**\n * Specify whether a auto align functionality should be applied\n */\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /**\n * Specify whether a caret should be rendered\n */\n @property({ type: Boolean, reflect: true })\n caret;\n\n /**\n * Specify whether a dropShadow should be rendered\n */\n @property({ type: Boolean, reflect: true })\n dropShadow = true;\n\n /**\n * Specify whether the component is currently open or closed\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Render the component using the tab tip variant\n */\n @property({ type: Boolean, reflect: true })\n tabTip = false;\n\n /**\n * The shadow slot this popover content should be in.\n */\n @property({ reflect: true })\n slot = 'content';\n\n render() {\n if (this.autoalign) {\n return html`\n <span class=\"${prefix}--popover-content\">\n <slot> </slot>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n `;\n } else {\n return html`\n <span class=\"${prefix}--popover-content\">\n <slot> </slot>\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n `;\n }\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSPopoverContent;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"popover-content.js","names":["LitElement","html","property","carbonElement","customElement","prefix","styles","CDSPopoverContent","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","type","String","key","value","Boolean","render","autoalign","_t","_","_t2","static"],"sources":["components/popover/popover-content.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss';\n\n/**\n * Popover.\n *\n * @element cds-popover\n */\n@customElement(`${prefix}-popover-content`)\nclass CDSPopoverContent extends LitElement {\n /**\n * Specify the popover alignment\n */\n @property({ reflect: true, type: String })\n align = '';\n\n /**\n * Specify whether a auto align functionality should be applied\n */\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /**\n * Specify whether a caret should be rendered\n */\n @property({ type: Boolean, reflect: true })\n caret;\n\n /**\n * Specify whether a dropShadow should be rendered\n */\n @property({ type: Boolean, reflect: true })\n dropShadow = true;\n\n /**\n * Specify whether the component is currently open or closed\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Render the component using the tab tip variant\n */\n @property({ type: Boolean, reflect: true })\n tabTip = false;\n\n /**\n * The shadow slot this popover content should be in.\n */\n @property({ reflect: true })\n slot = 'content';\n\n render() {\n if (this.autoalign) {\n return html`\n <span class=\"${prefix}--popover-content\">\n <slot> </slot>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n `;\n } else {\n return html`\n <span class=\"${prefix}--popover-content\">\n <slot> </slot>\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n `;\n }\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSPopoverContent;\n"],"mappings":"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","ignoreList":[]}
@@ -251,7 +251,7 @@ let CDSPopover = _decorate([customElement(`${prefix}-popover`)], function (_init
251
251
  kind: "get",
252
252
  static: true,
253
253
  key: "selectorPopoverContentClass",
254
- value: function selectorPopoverContentClass() {
254
+ value: function () {
255
255
  return `.${prefix}--popover-content`;
256
256
  }
257
257
 
@@ -263,7 +263,7 @@ let CDSPopover = _decorate([customElement(`${prefix}-popover`)], function (_init
263
263
  kind: "get",
264
264
  static: true,
265
265
  key: "selectorPopoverCaret",
266
- value: function selectorPopoverCaret() {
266
+ value: function () {
267
267
  return `.${prefix}--popover-caret`;
268
268
  }
269
269
 
@@ -274,7 +274,7 @@ let CDSPopover = _decorate([customElement(`${prefix}-popover`)], function (_init
274
274
  kind: "get",
275
275
  static: true,
276
276
  key: "selectorPopoverContent",
277
- value: function selectorPopoverContent() {
277
+ value: function () {
278
278
  return `${prefix}-popover-content`;
279
279
  }
280
280
  }, {
@@ -1 +1 @@
1
- {"version":3,"file":"popover.js","names":["classMap","LitElement","html","property","query","carbonElement","customElement","prefix","styles","PopoverController","CDSPopover","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","decorators","reflect","type","String","Boolean","_handleSlotChange","target","tabTip","component","assignedNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","trim","classList","add","requestUpdate","updated","changedProperties","selectorPopoverContent","forEach","name","has","querySelector","autoalign","open","_content$shadowRoot","_content$shadowRoot2","button","_triggerSlotNode","assignedElements","content","_contentSlotNode","tooltip","shadowRoot","selectorPopoverContentClass","arrowElement","selectorPopoverCaret","_this$popoverControll","popoverController","setPlacement","trigger","caret","undefined","flip","alignment","align","render","dropShadow","highContrast","handleSlotChange","classes","_t","_","static"],"sources":["components/popover/popover.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\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/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss';\nimport CDSPopoverContent from './popover-content';\nimport PopoverController from '../../globals/controllers/popover-controller';\n\n/**\n * Popover.\n *\n * @element cds-popover\n */\n@customElement(`${prefix}-popover`)\nclass CDSPopover extends LitElement {\n /**\n * Create popover controller instance\n */\n private popoverController = new PopoverController(this);\n\n /**\n * The `<slot>` element in the shadow DOM.\n */\n @query('slot')\n private _triggerSlotNode!: HTMLSlotElement;\n\n /**\n * The `<slot>` element in the shadow DOM.\n */\n @query('slot[name=\"content\"]')\n private _contentSlotNode!: HTMLSlotElement;\n\n /**\n * Specify direction of alignment\n */\n @property({ reflect: true, type: String })\n align = '';\n\n /**\n * Specify whether a auto align functionality should be applied\n */\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /**\n * Specify whether a caret should be rendered\n */\n @property({ type: Boolean, reflect: true })\n caret = true;\n\n /**\n * Specify whether a dropShadow should be rendered\n */\n @property({ type: Boolean, reflect: true })\n dropShadow = true;\n\n /**\n * Render the component using the high-contrast variant\n */\n @property({ type: Boolean, reflect: true })\n highContrast = false;\n\n /**\n * Specify whether the component is currently open or closed\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Render the component using the tab tip variant\n */\n @property({ type: Boolean, reflect: true })\n tabTip = false;\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleSlotChange({ target }: Event) {\n if (this.tabTip) {\n const component = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) =>\n node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n (component[0] as HTMLElement).classList.add(\n `${prefix}--popover--tab-tip__button`\n );\n }\n this.requestUpdate();\n }\n\n updated(changedProperties) {\n const { selectorPopoverContent } = this.constructor as typeof CDSPopover;\n ['open', 'align', 'autoalign', 'caret', 'dropShadow', 'tabTip'].forEach(\n (name) => {\n if (changedProperties.has(name)) {\n const { [name as keyof CDSPopover]: value } = this;\n if (this.querySelector(selectorPopoverContent) as CDSPopoverContent) {\n (this.querySelector(selectorPopoverContent) as CDSPopoverContent)[\n name\n ] = value;\n }\n }\n }\n );\n\n if (this.autoalign && this.open) {\n // auto align functionality with @floating-ui/dom library\n const button = this._triggerSlotNode.assignedElements()[0];\n const content = this._contentSlotNode.assignedElements()[0];\n\n const tooltip = content?.shadowRoot?.querySelector(\n CDSPopover.selectorPopoverContentClass\n );\n const arrowElement = content?.shadowRoot?.querySelector(\n CDSPopover.selectorPopoverCaret\n );\n\n if (button && tooltip) {\n this.popoverController?.setPlacement({\n trigger: button as HTMLElement,\n target: tooltip as HTMLElement,\n arrowElement:\n this.caret && arrowElement\n ? (arrowElement as HTMLElement)\n : undefined,\n caret: this.caret,\n flip: true,\n alignment: this.align,\n });\n }\n }\n }\n\n render() {\n const {\n dropShadow,\n highContrast,\n open,\n tabTip,\n _handleSlotChange: handleSlotChange,\n } = this;\n if (tabTip) {\n this.caret = tabTip ? false : true;\n }\n this.align = this.align ? this.align : tabTip ? 'bottom-left' : 'bottom';\n\n const classes = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: this.caret,\n [`${prefix}--popover--drop-shadow`]: dropShadow,\n [`${prefix}--popover--high-contrast`]: highContrast,\n [`${prefix}--popover--open`]: open,\n [`${prefix}--popover--${this.align}`]: true,\n [`${prefix}--popover--tab-tip`]: tabTip,\n });\n return html`\n <span class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"content\"><slot>\n </span>\n `;\n }\n\n /**\n * A selector that will return popover content element within\n * CDSPopoverContent's shadowRoot.\n */\n static get selectorPopoverContentClass() {\n return `.${prefix}--popover-content`;\n }\n\n /**\n * A selector that will return popover caret element within\n * CDSPopoverContent's shadowRoot.\n */\n static get selectorPopoverCaret() {\n return `.${prefix}--popover-caret`;\n }\n\n /**\n * A selector that will return the CDSPopoverContent.\n */\n static get selectorPopoverContent() {\n return `${prefix}-popover-content`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSPopover;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"popover.js","names":["classMap","LitElement","html","property","query","carbonElement","customElement","prefix","styles","PopoverController","CDSPopover","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","decorators","reflect","type","String","Boolean","_handleSlotChange","target","tabTip","component","assignedNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","trim","classList","add","requestUpdate","updated","changedProperties","selectorPopoverContent","forEach","name","has","querySelector","autoalign","open","_content$shadowRoot","_content$shadowRoot2","button","_triggerSlotNode","assignedElements","content","_contentSlotNode","tooltip","shadowRoot","selectorPopoverContentClass","arrowElement","selectorPopoverCaret","_this$popoverControll","popoverController","setPlacement","trigger","caret","undefined","flip","alignment","align","render","dropShadow","highContrast","handleSlotChange","classes","_t","_","static"],"sources":["components/popover/popover.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\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/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss';\nimport CDSPopoverContent from './popover-content';\nimport PopoverController from '../../globals/controllers/popover-controller';\n\n/**\n * Popover.\n *\n * @element cds-popover\n */\n@customElement(`${prefix}-popover`)\nclass CDSPopover extends LitElement {\n /**\n * Create popover controller instance\n */\n private popoverController = new PopoverController(this);\n\n /**\n * The `<slot>` element in the shadow DOM.\n */\n @query('slot')\n private _triggerSlotNode!: HTMLSlotElement;\n\n /**\n * The `<slot>` element in the shadow DOM.\n */\n @query('slot[name=\"content\"]')\n private _contentSlotNode!: HTMLSlotElement;\n\n /**\n * Specify direction of alignment\n */\n @property({ reflect: true, type: String })\n align = '';\n\n /**\n * Specify whether a auto align functionality should be applied\n */\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /**\n * Specify whether a caret should be rendered\n */\n @property({ type: Boolean, reflect: true })\n caret = true;\n\n /**\n * Specify whether a dropShadow should be rendered\n */\n @property({ type: Boolean, reflect: true })\n dropShadow = true;\n\n /**\n * Render the component using the high-contrast variant\n */\n @property({ type: Boolean, reflect: true })\n highContrast = false;\n\n /**\n * Specify whether the component is currently open or closed\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Render the component using the tab tip variant\n */\n @property({ type: Boolean, reflect: true })\n tabTip = false;\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleSlotChange({ target }: Event) {\n if (this.tabTip) {\n const component = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) =>\n node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n (component[0] as HTMLElement).classList.add(\n `${prefix}--popover--tab-tip__button`\n );\n }\n this.requestUpdate();\n }\n\n updated(changedProperties) {\n const { selectorPopoverContent } = this.constructor as typeof CDSPopover;\n ['open', 'align', 'autoalign', 'caret', 'dropShadow', 'tabTip'].forEach(\n (name) => {\n if (changedProperties.has(name)) {\n const { [name as keyof CDSPopover]: value } = this;\n if (this.querySelector(selectorPopoverContent) as CDSPopoverContent) {\n (this.querySelector(selectorPopoverContent) as CDSPopoverContent)[\n name\n ] = value;\n }\n }\n }\n );\n\n if (this.autoalign && this.open) {\n // auto align functionality with @floating-ui/dom library\n const button = this._triggerSlotNode.assignedElements()[0];\n const content = this._contentSlotNode.assignedElements()[0];\n\n const tooltip = content?.shadowRoot?.querySelector(\n CDSPopover.selectorPopoverContentClass\n );\n const arrowElement = content?.shadowRoot?.querySelector(\n CDSPopover.selectorPopoverCaret\n );\n\n if (button && tooltip) {\n this.popoverController?.setPlacement({\n trigger: button as HTMLElement,\n target: tooltip as HTMLElement,\n arrowElement:\n this.caret && arrowElement\n ? (arrowElement as HTMLElement)\n : undefined,\n caret: this.caret,\n flip: true,\n alignment: this.align,\n });\n }\n }\n }\n\n render() {\n const {\n dropShadow,\n highContrast,\n open,\n tabTip,\n _handleSlotChange: handleSlotChange,\n } = this;\n if (tabTip) {\n this.caret = tabTip ? false : true;\n }\n this.align = this.align ? this.align : tabTip ? 'bottom-left' : 'bottom';\n\n const classes = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: this.caret,\n [`${prefix}--popover--drop-shadow`]: dropShadow,\n [`${prefix}--popover--high-contrast`]: highContrast,\n [`${prefix}--popover--open`]: open,\n [`${prefix}--popover--${this.align}`]: true,\n [`${prefix}--popover--tab-tip`]: tabTip,\n });\n return html`\n <span class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"content\"><slot>\n </span>\n `;\n }\n\n /**\n * A selector that will return popover content element within\n * CDSPopoverContent's shadowRoot.\n */\n static get selectorPopoverContentClass() {\n return `.${prefix}--popover-content`;\n }\n\n /**\n * A selector that will return popover caret element within\n * CDSPopoverContent's shadowRoot.\n */\n static get selectorPopoverCaret() {\n return `.${prefix}--popover-caret`;\n }\n\n /**\n * A selector that will return the CDSPopoverContent.\n */\n static get selectorPopoverContent() {\n return `${prefix}-popover-content`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSPopover;\n"],"mappings":"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","ignoreList":[]}
@@ -145,7 +145,7 @@ let CDSProgressBar = _decorate([customElement(`${prefix}-progress-bar`)], functi
145
145
  * The current value.
146
146
  */
147
147
 
148
- function _cappedValue() {
148
+ function () {
149
149
  const {
150
150
  value,
151
151
  max,
@@ -1 +1 @@
1
- {"version":3,"file":"progress-bar.js","names":["LitElement","html","property","carbonElement","customElement","classMap","ErrorFilled16","CheckmarkFilled16","PROGRESS_BAR_SIZE","PROGRESS_BAR_STATUS","PROGRESS_BAR_TYPE","prefix","styles","CDSProgressBar","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","String","attribute","reflect","key","value","Boolean","Number","BIG","ACTIVE","DEFAULT","_cappedValue","max","status","cappedValue","ERROR","FINISHED","updated","changedProperties","has","percentage","bar","shadowRoot","querySelector","style","transform","render","helperText","hideLabel","label","size","isFinished","isError","indeterminate","undefined","statusIcon","class","wrapperClasses","labelClasses","_t","_","_t2","static"],"sources":["components/progress-bar/progress-bar.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ErrorFilled16 from '@carbon/icons/lib/error--filled/16';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport {\n PROGRESS_BAR_SIZE,\n PROGRESS_BAR_STATUS,\n PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-bar.scss';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/**\n * Progress bar.\n *\n * @element cds-progress-bar\n */\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n /**\n * The current progress as a textual representation.\n */\n @property({ type: String, attribute: 'helper-text', reflect: true })\n helperText;\n\n /**\n * Whether the label should be visually hidden.\n */\n @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n hideLabel;\n\n /**\n * A label describing the progress bar.\n */\n @property({ type: String })\n label;\n\n /**\n * The maximum value.\n */\n @property({ type: Number, reflect: true })\n max = 100;\n\n /**\n * Specify the size of the ProgressBar.\n */\n @property({ type: String, reflect: true })\n size = PROGRESS_BAR_SIZE.BIG;\n\n /**\n * Specify the status.\n */\n @property({ type: String, reflect: true })\n status = PROGRESS_BAR_STATUS.ACTIVE;\n\n /**\n * Defines the alignment variant of the progress bar.\n */\n @property({ type: String, reflect: true })\n type = PROGRESS_BAR_TYPE.DEFAULT;\n\n /**\n * The current value.\n */\n @property({ type: Number, reflect: true })\n value;\n\n protected get _cappedValue() {\n const { value, max, status } = this;\n\n let cappedValue = value;\n if (cappedValue > max) {\n cappedValue = max;\n }\n if (cappedValue < 0) {\n cappedValue = 0;\n }\n if (status === PROGRESS_BAR_STATUS.ERROR) {\n cappedValue = 0;\n } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n cappedValue = max;\n }\n\n return cappedValue;\n }\n\n updated(changedProperties) {\n if (\n changedProperties.has('value') ||\n changedProperties.has('max') ||\n changedProperties.has('status')\n ) {\n const { _cappedValue: cappedValue, max, status } = this;\n\n const percentage: number = cappedValue / max;\n\n const bar = this.shadowRoot!.querySelector(\n `.${prefix}--progress-bar__bar`\n ) as HTMLElement;\n\n if (\n status != PROGRESS_BAR_STATUS.ERROR &&\n status != PROGRESS_BAR_STATUS.FINISHED\n ) {\n bar.style.transform = `scaleX(${percentage})`;\n } else {\n bar.style.transform = 'none';\n }\n }\n }\n\n render() {\n const {\n _cappedValue: cappedValue,\n helperText,\n hideLabel,\n label,\n max,\n size,\n status,\n type,\n value,\n } = this;\n\n const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n const indeterminate =\n !isFinished && !isError && (value === null || value === undefined);\n\n let statusIcon = null;\n\n if (isError) {\n statusIcon = ErrorFilled16({\n class: `${prefix}--progress-bar__status-icon`,\n });\n } else if (isFinished) {\n statusIcon = CheckmarkFilled16({\n class: `${prefix}--progress-bar__status-icon`,\n });\n }\n\n const wrapperClasses = classMap({\n [`${prefix}--progress-bar`]: true,\n [`${prefix}--progress-bar--${size}`]: true,\n [`${prefix}--progress-bar--${type}`]: true,\n [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n [`${prefix}--progress-bar--finished`]: isFinished,\n [`${prefix}--progress-bar--error`]: isError,\n });\n\n const labelClasses = classMap({\n [`${prefix}--progress-bar__label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n\n return html` <div class=\"${wrapperClasses}\">\n <div class=\"${labelClasses}\">\n <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n ${statusIcon}\n </div>\n <div\n class=\"${prefix}--progress-bar__track\"\n role=\"progressbar\"\n aria-busy=\"${!isFinished}\"\n aria-invalid=\"${isError}\"\n aria-valuemin=\"${!indeterminate ? 0 : null}\"\n aria-valuemax=\"${!indeterminate ? max : null}\"\n aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n <div class=\"${prefix}--progress-bar__bar\"></div>\n </div>\n ${helperText\n ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n ${helperText}\n <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n ${isFinished ? 'Done' : 'Loading'}\n </div>\n </div>`\n : null}\n </div>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSProgressBar;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"progress-bar.js","names":["LitElement","html","property","carbonElement","customElement","classMap","ErrorFilled16","CheckmarkFilled16","PROGRESS_BAR_SIZE","PROGRESS_BAR_STATUS","PROGRESS_BAR_TYPE","prefix","styles","CDSProgressBar","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","String","attribute","reflect","key","value","Boolean","Number","BIG","ACTIVE","DEFAULT","max","status","cappedValue","ERROR","FINISHED","updated","changedProperties","has","_cappedValue","percentage","bar","shadowRoot","querySelector","style","transform","render","helperText","hideLabel","label","size","isFinished","isError","indeterminate","undefined","statusIcon","class","wrapperClasses","labelClasses","_t","_","_t2","static"],"sources":["components/progress-bar/progress-bar.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ErrorFilled16 from '@carbon/icons/lib/error--filled/16';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport {\n PROGRESS_BAR_SIZE,\n PROGRESS_BAR_STATUS,\n PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-bar.scss';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/**\n * Progress bar.\n *\n * @element cds-progress-bar\n */\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n /**\n * The current progress as a textual representation.\n */\n @property({ type: String, attribute: 'helper-text', reflect: true })\n helperText;\n\n /**\n * Whether the label should be visually hidden.\n */\n @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n hideLabel;\n\n /**\n * A label describing the progress bar.\n */\n @property({ type: String })\n label;\n\n /**\n * The maximum value.\n */\n @property({ type: Number, reflect: true })\n max = 100;\n\n /**\n * Specify the size of the ProgressBar.\n */\n @property({ type: String, reflect: true })\n size = PROGRESS_BAR_SIZE.BIG;\n\n /**\n * Specify the status.\n */\n @property({ type: String, reflect: true })\n status = PROGRESS_BAR_STATUS.ACTIVE;\n\n /**\n * Defines the alignment variant of the progress bar.\n */\n @property({ type: String, reflect: true })\n type = PROGRESS_BAR_TYPE.DEFAULT;\n\n /**\n * The current value.\n */\n @property({ type: Number, reflect: true })\n value;\n\n protected get _cappedValue() {\n const { value, max, status } = this;\n\n let cappedValue = value;\n if (cappedValue > max) {\n cappedValue = max;\n }\n if (cappedValue < 0) {\n cappedValue = 0;\n }\n if (status === PROGRESS_BAR_STATUS.ERROR) {\n cappedValue = 0;\n } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n cappedValue = max;\n }\n\n return cappedValue;\n }\n\n updated(changedProperties) {\n if (\n changedProperties.has('value') ||\n changedProperties.has('max') ||\n changedProperties.has('status')\n ) {\n const { _cappedValue: cappedValue, max, status } = this;\n\n const percentage: number = cappedValue / max;\n\n const bar = this.shadowRoot!.querySelector(\n `.${prefix}--progress-bar__bar`\n ) as HTMLElement;\n\n if (\n status != PROGRESS_BAR_STATUS.ERROR &&\n status != PROGRESS_BAR_STATUS.FINISHED\n ) {\n bar.style.transform = `scaleX(${percentage})`;\n } else {\n bar.style.transform = 'none';\n }\n }\n }\n\n render() {\n const {\n _cappedValue: cappedValue,\n helperText,\n hideLabel,\n label,\n max,\n size,\n status,\n type,\n value,\n } = this;\n\n const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n const indeterminate =\n !isFinished && !isError && (value === null || value === undefined);\n\n let statusIcon = null;\n\n if (isError) {\n statusIcon = ErrorFilled16({\n class: `${prefix}--progress-bar__status-icon`,\n });\n } else if (isFinished) {\n statusIcon = CheckmarkFilled16({\n class: `${prefix}--progress-bar__status-icon`,\n });\n }\n\n const wrapperClasses = classMap({\n [`${prefix}--progress-bar`]: true,\n [`${prefix}--progress-bar--${size}`]: true,\n [`${prefix}--progress-bar--${type}`]: true,\n [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n [`${prefix}--progress-bar--finished`]: isFinished,\n [`${prefix}--progress-bar--error`]: isError,\n });\n\n const labelClasses = classMap({\n [`${prefix}--progress-bar__label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n\n return html` <div class=\"${wrapperClasses}\">\n <div class=\"${labelClasses}\">\n <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n ${statusIcon}\n </div>\n <div\n class=\"${prefix}--progress-bar__track\"\n role=\"progressbar\"\n aria-busy=\"${!isFinished}\"\n aria-invalid=\"${isError}\"\n aria-valuemin=\"${!indeterminate ? 0 : null}\"\n aria-valuemax=\"${!indeterminate ? max : null}\"\n aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n <div class=\"${prefix}--progress-bar__bar\"></div>\n </div>\n ${helperText\n ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n ${helperText}\n <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n ${isFinished ? 'Done' : 'Loading'}\n </div>\n </div>`\n : null}\n </div>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSProgressBar;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,OAAOC,aAAa,MAAM,8BAAoC;AAC9D,OAAOC,iBAAiB,MAAM,kCAAwC;AACtE,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,iBAAiB,QACZ,QAAQ;AACf,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,yBAAqB;AAExC,SAASJ,iBAAiB,EAAEC,mBAAmB,EAAEC,iBAAiB;;AAElE;AACA;AACA;AACA;AACA;AAJA,IAMMG,cAAc,GAAAC,SAAA,EADnBV,aAAa,CAAC,GAAGO,MAAM,eAAe,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAxC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqKxC;EAAC;IAAAI,CAAA,EArKKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjBpB,QAAQ,CAAC;QAAEqB,IAAI,EAAEC,MAAM;QAAEC,SAAS,EAAE,aAAa;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAMnEpB,QAAQ,CAAC;QAAEqB,IAAI,EAAEM,OAAO;QAAEJ,SAAS,EAAE,YAAY;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAMnEpB,QAAQ,CAAC;QAAEqB,IAAI,EAAEC;MAAO,CAAC,CAAC;MAAAG,GAAA;MAAAC,KAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAM1BpB,QAAQ,CAAC;QAAEqB,IAAI,EAAEO,MAAM;QAAEJ,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpC,GAAG;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAKRpB,QAAQ,CAAC;QAAEqB,IAAI,EAAEC,MAAM;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACnCpB,iBAAiB,CAACuB,GAAG;MAAA;IAAA;MAAAV,IAAA;MAAAC,UAAA,GAK3BpB,QAAQ,CAAC;QAAEqB,IAAI,EAAEC,MAAM;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACjCnB,mBAAmB,CAACuB,MAAM;MAAA;IAAA;MAAAX,IAAA;MAAAC,UAAA,GAKlCpB,QAAQ,CAAC;QAAEqB,IAAI,EAAEC,MAAM;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACnClB,iBAAiB,CAACuB,OAAO;MAAA;IAAA;MAAAZ,IAAA;MAAAC,UAAA,GAK/BpB,QAAQ,CAAC;QAAEqB,IAAI,EAAEO,MAAM;QAAEJ,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MA7C1C;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAA,CAAA,EAA6B;QAC3B,MAAM;UAAEA,KAAK;UAAEM,GAAG;UAAEC;QAAO,CAAC,GAAG,IAAI;QAEnC,IAAIC,WAAW,GAAGR,KAAK;QACvB,IAAIQ,WAAW,GAAGF,GAAG,EAAE;UACrBE,WAAW,GAAGF,GAAG;QACnB;QACA,IAAIE,WAAW,GAAG,CAAC,EAAE;UACnBA,WAAW,GAAG,CAAC;QACjB;QACA,IAAID,MAAM,KAAK1B,mBAAmB,CAAC4B,KAAK,EAAE;UACxCD,WAAW,GAAG,CAAC;QACjB,CAAC,MAAM,IAAID,MAAM,KAAK1B,mBAAmB,CAAC6B,QAAQ,EAAE;UAClDF,WAAW,GAAGF,GAAG;QACnB;QAEA,OAAOE,WAAW;MACpB;IAAC;MAAAf,IAAA;MAAAM,GAAA;MAAAC,KAAA,EAED,SAAAW,OAAOA,CAACC,iBAAiB,EAAE;QACzB,IACEA,iBAAiB,CAACC,GAAG,CAAC,OAAO,CAAC,IAC9BD,iBAAiB,CAACC,GAAG,CAAC,KAAK,CAAC,IAC5BD,iBAAiB,CAACC,GAAG,CAAC,QAAQ,CAAC,EAC/B;UACA,MAAM;YAAEC,YAAY,EAAEN,WAAW;YAAEF,GAAG;YAAEC;UAAO,CAAC,GAAG,IAAI;UAEvD,MAAMQ,UAAkB,GAAGP,WAAW,GAAGF,GAAG;UAE5C,MAAMU,GAAG,GAAG,IAAI,CAACC,UAAU,CAAEC,aAAa,CACxC,IAAInC,MAAM,qBACZ,CAAgB;UAEhB,IACEwB,MAAM,IAAI1B,mBAAmB,CAAC4B,KAAK,IACnCF,MAAM,IAAI1B,mBAAmB,CAAC6B,QAAQ,EACtC;YACAM,GAAG,CAACG,KAAK,CAACC,SAAS,GAAG,UAAUL,UAAU,GAAG;UAC/C,CAAC,MAAM;YACLC,GAAG,CAACG,KAAK,CAACC,SAAS,GAAG,MAAM;UAC9B;QACF;MACF;IAAC;MAAA3B,IAAA;MAAAM,GAAA;MAAAC,KAAA,EAED,SAAAqB,MAAMA,CAAA,EAAG;QACP,MAAM;UACJP,YAAY,EAAEN,WAAW;UACzBc,UAAU;UACVC,SAAS;UACTC,KAAK;UACLlB,GAAG;UACHmB,IAAI;UACJlB,MAAM;UACNZ,IAAI;UACJK;QACF,CAAC,GAAG,IAAI;QAER,MAAM0B,UAAU,GAAGnB,MAAM,KAAK1B,mBAAmB,CAAC6B,QAAQ;QAC1D,MAAMiB,OAAO,GAAGpB,MAAM,KAAK1B,mBAAmB,CAAC4B,KAAK;QAEpD,MAAMmB,aAAa,GACjB,CAACF,UAAU,IAAI,CAACC,OAAO,KAAK3B,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK6B,SAAS,CAAC;QAEpE,IAAIC,UAAU,GAAG,IAAI;QAErB,IAAIH,OAAO,EAAE;UACXG,UAAU,GAAGpD,aAAa,CAAC;YACzBqD,KAAK,EAAE,GAAGhD,MAAM;UAClB,CAAC,CAAC;QACJ,CAAC,MAAM,IAAI2C,UAAU,EAAE;UACrBI,UAAU,GAAGnD,iBAAiB,CAAC;YAC7BoD,KAAK,EAAE,GAAGhD,MAAM;UAClB,CAAC,CAAC;QACJ;QAEA,MAAMiD,cAAc,GAAGvD,QAAQ,CAAC;UAC9B,CAAC,GAAGM,MAAM,gBAAgB,GAAG,IAAI;UACjC,CAAC,GAAGA,MAAM,mBAAmB0C,IAAI,EAAE,GAAG,IAAI;UAC1C,CAAC,GAAG1C,MAAM,mBAAmBY,IAAI,EAAE,GAAG,IAAI;UAC1C,CAAC,GAAGZ,MAAM,+BAA+B,GAAG6C,aAAa;UACzD,CAAC,GAAG7C,MAAM,0BAA0B,GAAG2C,UAAU;UACjD,CAAC,GAAG3C,MAAM,uBAAuB,GAAG4C;QACtC,CAAC,CAAC;QAEF,MAAMM,YAAY,GAAGxD,QAAQ,CAAC;UAC5B,CAAC,GAAGM,MAAM,uBAAuB,GAAG,IAAI;UACxC,CAAC,GAAGA,MAAM,mBAAmB,GAAGwC;QAClC,CAAC,CAAC;QAEF,OAAOlD,IAAI,CAAA6D,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,oBADe;AACf,uBADe;AACf,UADe;AACf;AACA;AACA,iBAHe;AACf;AACA,qBAFe;AACf,wBADe;AACf,yBADe;AACf,yBADe;AACf,yBADe;AACf,sBADe;AACf;AACA,QAFe;AACf,WADe,GAAgBH,cAAc,EACzBC,YAAY,EACTlD,MAAM,EAA+ByC,KAAK,EACvDM,UAAU,EAGH/C,MAAM,EAEF,CAAC2C,UAAU,EACRC,OAAO,EACN,CAACC,aAAa,GAAG,CAAC,GAAG,IAAI,EACzB,CAACA,aAAa,GAAGtB,GAAG,GAAG,IAAI,EAC3B,CAACsB,aAAa,GAAGpB,WAAW,GAAG,IAAI,EACtCzB,MAAM,EAEpBuC,UAAU,GACRjD,IAAI,CAAA+D,GAAA,KAAAA,GAAA,GAAAD,CAAA;AACd,cADc;AACd,0BADc;AACd,gBADc;AACd;AACA,iBAFc,GAAepD,MAAM,EACrBuC,UAAU,EACEvC,MAAM,EAChB2C,UAAU,GAAG,MAAM,GAAG,SAAS,IAGrC,IAAI;MAEZ;IAAC;MAAAjC,IAAA;MAAA4C,MAAA;MAAAtC,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GApKKZ,UAAU;AAuKvC,eAAea,cAAc","ignoreList":[]}
@@ -69,7 +69,7 @@ let CDSProgressIndicatorSkeleton = _decorate([customElement(`${prefix}-progress-
69
69
  kind: "get",
70
70
  static: true,
71
71
  key: "selectorStep",
72
- value: function selectorStep() {
72
+ value: function () {
73
73
  return `${prefix}-progress-step-skeleton`;
74
74
  }
75
75
  }, {
@@ -1 +1 @@
1
- {"version":3,"file":"progress-indicator-skeleton.js","names":["LitElement","html","property","prefix","forEach","styles","carbonElement","customElement","CDSProgressIndicatorSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","updated","changedProperties","has","querySelectorAll","selectorStep","item","vertical","render","_t","_","static","default"],"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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nexport default class CDSProgressIndicatorSkeleton 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 CDSProgressIndicatorSkeleton).selectorStep\n ),\n (item) => {\n (item as CDSProgressStepSkeleton).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"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,OAAO,QAAQ,2CAA2C;AAEnE,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIqBC,4BAA4B,GAAAC,SAAA,EADhDF,aAAa,CAAC,GAAGJ,MAAM,8BAA8B,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAAvD,MACqBH,4BAA4B,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiCrE;EAAC;IAAAI,CAAA,EAjCoBN,4BAA4B;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI9Cf,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,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC;UACArB,OAAO,CACL,IAAI,CAACsB,gBAAgB,CAClB,IAAI,CAACd,WAAW,CAAyCe,YAC5D,CAAC,EACAC,IAAI,IAAK;YACPA,IAAI,CAA6BC,QAAQ,GAAG,IAAI,CAACA,QAAQ;UAC5D,CACF,CAAC;QACH;MACF;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAO7B,IAAI,CAAA8B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAhB,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,KAAA,EAGA,SAAAK,aAAA,EAA0B;QACxB,OAAO,GAAGxB,MAAM,yBAAyB;MAC3C;IAAC;MAAAa,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEejB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhCkCL,UAAU;AAAA,SAA/CQ,4BAA4B,IAAA0B,OAAA","ignoreList":[]}
1
+ {"version":3,"file":"progress-indicator-skeleton.js","names":["LitElement","html","property","prefix","forEach","styles","carbonElement","customElement","CDSProgressIndicatorSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","updated","changedProperties","has","querySelectorAll","selectorStep","item","vertical","render","_t","_","static","default"],"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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nexport default class CDSProgressIndicatorSkeleton 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 CDSProgressIndicatorSkeleton).selectorStep\n ),\n (item) => {\n (item as CDSProgressStepSkeleton).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"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,OAAO,QAAQ,2CAA2C;AAEnE,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIqBC,4BAA4B,GAAAC,SAAA,EADhDF,aAAa,CAAC,GAAGJ,MAAM,8BAA8B,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAAvD,MACqBH,4BAA4B,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiCrE;EAAC;IAAAI,CAAA,EAjCoBN,4BAA4B;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI9Cf,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,OAAOA,CAACC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC;UACArB,OAAO,CACL,IAAI,CAACsB,gBAAgB,CAClB,IAAI,CAACd,WAAW,CAAyCe,YAC5D,CAAC,EACAC,IAAI,IAAK;YACPA,IAAI,CAA6BC,QAAQ,GAAG,IAAI,CAACA,QAAQ;UAC5D,CACF,CAAC;QACH;MACF;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,MAAMA,CAAA,EAAG;QACP,OAAO7B,IAAI,CAAA8B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAhB,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,KAAA,EAGA,SAAAA,CAAA,EAA0B;QACxB,OAAO,GAAGnB,MAAM,yBAAyB;MAC3C;IAAC;MAAAa,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEejB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhCkCL,UAAU;AAAA,SAA/CQ,4BAA4B,IAAA0B,OAAA","ignoreList":[]}
@@ -1,8 +1,9 @@
1
1
  import _decorate from "@babel/runtime/helpers/esm/decorate";
2
- import _get from "@babel/runtime/helpers/esm/get";
3
2
  import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
3
+ import _get from "@babel/runtime/helpers/esm/get";
4
4
  let _ = t => t,
5
5
  _t;
6
+ function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
6
7
  /**
7
8
  * @license
8
9
  *
@@ -72,7 +73,7 @@ let CDSProgressIndicator = _decorate([customElement(`${prefix}-progress-indicato
72
73
  if (!this.hasAttribute('role')) {
73
74
  this.setAttribute('role', 'list');
74
75
  }
75
- _get(_getPrototypeOf(CDSProgressIndicator.prototype), "connectedCallback", this).call(this);
76
+ _superPropGet(CDSProgressIndicator, "connectedCallback", this, 3)([]);
76
77
  }
77
78
  }, {
78
79
  kind: "method",
@@ -109,7 +110,7 @@ let CDSProgressIndicator = _decorate([customElement(`${prefix}-progress-indicato
109
110
  kind: "get",
110
111
  static: true,
111
112
  key: "selectorStep",
112
- value: function selectorStep() {
113
+ value: function () {
113
114
  return `${prefix}-progress-step`;
114
115
  }
115
116
  }, {
@@ -1 +1 @@
1
- {"version":3,"file":"progress-indicator.js","names":["LitElement","html","property","prefix","forEach","styles","carbonElement","customElement","CDSProgressIndicator","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","spacingValue","vertical","spaceEqually","has","querySelectorAll","selectorStep","item","render","_t","_","static","default"],"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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStep from './progress-step';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Progress indicator.\n *\n * @element cds-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nexport default class CDSProgressIndicator extends LitElement {\n /**\n * Determines whether or not the progress indicator should be rendered\n * vertically.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n /**\n * Specify whether the progress steps should be split equally in size in the\n * div\n */\n @property({ type: Boolean, reflect: true, attribute: 'space-equally' })\n spaceEqually = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n const spacingValue = this.vertical ? false : this.spaceEqually;\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until\n // `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSProgressIndicator).selectorStep\n ),\n (item) => {\n (item as CDSProgressStep).vertical = this.vertical;\n (item as CDSProgressStep).spaceEqually = spacingValue;\n }\n );\n }\n if (changedProperties.has('spaceEqually')) {\n // Propagate `spaceEqually` attribute to descendants until\n // `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSProgressIndicator).selectorStep\n ),\n (item) => {\n (item as CDSProgressStep).spaceEqually = spacingValue;\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"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"progress-indicator.js","names":["LitElement","html","property","prefix","forEach","styles","carbonElement","customElement","CDSProgressIndicator","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","connectedCallback","hasAttribute","setAttribute","_superPropGet","updated","changedProperties","spacingValue","vertical","spaceEqually","has","querySelectorAll","selectorStep","item","render","_t","_","static","default"],"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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStep from './progress-step';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Progress indicator.\n *\n * @element cds-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nexport default class CDSProgressIndicator extends LitElement {\n /**\n * Determines whether or not the progress indicator should be rendered\n * vertically.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n /**\n * Specify whether the progress steps should be split equally in size in the\n * div\n */\n @property({ type: Boolean, reflect: true, attribute: 'space-equally' })\n spaceEqually = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n const spacingValue = this.vertical ? false : this.spaceEqually;\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until\n // `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSProgressIndicator).selectorStep\n ),\n (item) => {\n (item as CDSProgressStep).vertical = this.vertical;\n (item as CDSProgressStep).spaceEqually = spacingValue;\n }\n );\n }\n if (changedProperties.has('spaceEqually')) {\n // Propagate `spaceEqually` attribute to descendants until\n // `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSProgressIndicator).selectorStep\n ),\n (item) => {\n (item as CDSProgressStep).spaceEqually = spacingValue;\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"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"progress-step-skeleton.js","names":["LitElement","html","property","prefix","styles","CircleDash","carbonElement","customElement","CDSProgressStepSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","_t","_","static","default"],"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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-indicator.scss';\nimport CircleDash from '@carbon/icons/lib/circle-dash/16';\nimport '../skeleton-text';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nexport default class CDSProgressStepSkeleton 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 ${CircleDash()}\n <p class=\"${prefix}--progress-label\">\n <cds-skeleton-text width=\"40px\" linecount=\"1\"></cds-skeleton-text>\n </p>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static styles = styles;\n}\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,OAAOC,UAAU,MAAM,4BAAkC;AACzD,OAAO,kBAAkB;AACzB,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIqBC,uBAAuB,GAAAC,SAAA,EAD3CF,aAAa,CAAC,GAAGJ,MAAM,yBAAyB,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAAlD,MACqBH,uBAAuB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqBhE;EAAC;IAAAI,CAAA,EArBoBN,uBAAuB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzCf,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;AACf;AACA,iBAFe;AACf,UADe;AACf,oBADe;AACf;AACA;AACA,uBAHe;AACf;AACA,KAFe,GAEEtB,MAAM,EAA0BA,MAAM,EAC7CE,UAAU,CAAC,CAAC,EACFF,MAAM,EAGHA,MAAM;MAG3B;IAAC;MAAAa,IAAA;MAAAU,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GApB6BJ,UAAU;AAAA,SAA1CQ,uBAAuB,IAAAmB,OAAA","ignoreList":[]}
1
+ {"version":3,"file":"progress-step-skeleton.js","names":["LitElement","html","property","prefix","styles","CircleDash","carbonElement","customElement","CDSProgressStepSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","_t","_","static","default"],"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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-indicator.scss';\nimport CircleDash from '@carbon/icons/lib/circle-dash/16';\nimport '../skeleton-text';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nexport default class CDSProgressStepSkeleton 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 ${CircleDash()}\n <p class=\"${prefix}--progress-label\">\n <cds-skeleton-text width=\"40px\" linecount=\"1\"></cds-skeleton-text>\n </p>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static styles = styles;\n}\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,OAAOC,UAAU,MAAM,4BAAkC;AACzD,OAAO,kBAAkB;AACzB,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIqBC,uBAAuB,GAAAC,SAAA,EAD3CF,aAAa,CAAC,GAAGJ,MAAM,yBAAyB,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAAlD,MACqBH,uBAAuB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqBhE;EAAC;IAAAI,CAAA,EArBoBN,uBAAuB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzCf,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,MAAMA,CAAA,EAAG;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf;AACA,iBAFe;AACf,UADe;AACf,oBADe;AACf;AACA;AACA,uBAHe;AACf;AACA,KAFe,GAEEtB,MAAM,EAA0BA,MAAM,EAC7CE,UAAU,CAAC,CAAC,EACFF,MAAM,EAGHA,MAAM;MAG3B;IAAC;MAAAa,IAAA;MAAAU,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GApB6BJ,UAAU;AAAA,SAA1CQ,uBAAuB,IAAAmB,OAAA","ignoreList":[]}
@@ -1,11 +1,12 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _decorate from "@babel/runtime/helpers/esm/decorate";
3
- import _get from "@babel/runtime/helpers/esm/get";
4
3
  import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
4
+ import _get from "@babel/runtime/helpers/esm/get";
5
5
  let _ = t => t,
6
6
  _t,
7
7
  _t2,
8
8
  _t3;
9
+ function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
9
10
  /**
10
11
  * @license
11
12
  *
@@ -170,7 +171,7 @@ let CDSProgressStep = _decorate([customElement(`${prefix}-progress-step`)], func
170
171
  if (!this.hasAttribute('role')) {
171
172
  this.setAttribute('role', 'listitem');
172
173
  }
173
- _get(_getPrototypeOf(CDSProgressStep.prototype), "connectedCallback", this).call(this);
174
+ _superPropGet(CDSProgressStep, "connectedCallback", this, 3)([]);
174
175
  }
175
176
  }, {
176
177
  kind: "method",
@@ -1 +1 @@
1
- {"version":3,"file":"progress-step.js","names":["LitElement","html","svg","property","CheckmarkOutline16","CircleDash16","Incomplete16","Warning16","prefix","FocusMixin","PROGRESS_STEP_STAT","styles","carbonElement","customElement","icons","COMPLETE","INCOMPLETE","INVALID","CURRENT","CDSProgressStep","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","String","disabled","render","description","iconLabel","label","secondaryLabelText","secondaryLabel","state","svgLabel","optionalLabel","_t","_","class","children","_t2","undefined","_t3","static","_objectSpread","shadowRootOptions","delegatesFocus","default"],"sources":["components/progress-indicator/progress-step.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport CircleDash16 from '@carbon/icons/lib/circle-dash/16';\nimport Incomplete16 from '@carbon/icons/lib/incomplete/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport { prefix } from '../../globals/settings';\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\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n [PROGRESS_STEP_STAT.INVALID]: Warning16,\n [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep 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 @property({ reflect: true })\n description!: string;\n\n /**\n * The primary progress label.\n */\n @property({ attribute: 'label-text' })\n labelText!: string;\n\n @property()\n label!: string;\n\n /**\n * The secondary progress label.\n */\n @property({ attribute: 'secondary-label-text' })\n secondaryLabelText!: string;\n\n @property({ attribute: 'secondary-label' })\n secondaryLabel!: string;\n\n /**\n * The progress state.\n */\n @property()\n state = PROGRESS_STEP_STAT.INCOMPLETE;\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 /**\n * `true` if the progress step should be spaced equally.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n spaceEqually = false;\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 {\n description,\n iconLabel,\n label,\n secondaryLabelText,\n secondaryLabel,\n state,\n } = this;\n const svgLabel = iconLabel || description;\n const optionalLabel = secondaryLabelText || secondaryLabel;\n return html`\n <div class=\"${prefix}--progress-step-button\" tabindex=\"0\">\n ${icons[state]({\n class: {\n [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n }[state],\n children: svgLabel ? svg`<title>${svgLabel}</title>` : undefined,\n })}\n <slot name=\"label-text\">\n <p\n role=\"button\"\n class=\"${prefix}--progress-label\"\n aria-describedby=\"label-tooltip\"\n title=\"${label}\">\n ${label}\n </p>\n </slot>\n <slot name=\"secondary-label-text\">\n ${!optionalLabel\n ? undefined\n : html`<p class=\"${prefix}--progress-optional\">\n ${optionalLabel}\n </p>`}\n </slot>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"progress-step.js","names":["LitElement","html","svg","property","CheckmarkOutline16","CircleDash16","Incomplete16","Warning16","prefix","FocusMixin","PROGRESS_STEP_STAT","styles","carbonElement","customElement","icons","COMPLETE","INCOMPLETE","INVALID","CURRENT","CDSProgressStep","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","connectedCallback","hasAttribute","setAttribute","_superPropGet","updated","changedProperties","has","String","disabled","render","description","iconLabel","label","secondaryLabelText","secondaryLabel","state","svgLabel","optionalLabel","_t","_","class","children","_t2","undefined","_t3","static","_objectSpread","shadowRootOptions","delegatesFocus","default"],"sources":["components/progress-indicator/progress-step.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport CircleDash16 from '@carbon/icons/lib/circle-dash/16';\nimport Incomplete16 from '@carbon/icons/lib/incomplete/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport { prefix } from '../../globals/settings';\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\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n [PROGRESS_STEP_STAT.INVALID]: Warning16,\n [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep 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 @property({ reflect: true })\n description!: string;\n\n /**\n * The primary progress label.\n */\n @property({ attribute: 'label-text' })\n labelText!: string;\n\n @property()\n label!: string;\n\n /**\n * The secondary progress label.\n */\n @property({ attribute: 'secondary-label-text' })\n secondaryLabelText!: string;\n\n @property({ attribute: 'secondary-label' })\n secondaryLabel!: string;\n\n /**\n * The progress state.\n */\n @property()\n state = PROGRESS_STEP_STAT.INCOMPLETE;\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 /**\n * `true` if the progress step should be spaced equally.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n spaceEqually = false;\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 {\n description,\n iconLabel,\n label,\n secondaryLabelText,\n secondaryLabel,\n state,\n } = this;\n const svgLabel = iconLabel || description;\n const optionalLabel = secondaryLabelText || secondaryLabel;\n return html`\n <div class=\"${prefix}--progress-step-button\" tabindex=\"0\">\n ${icons[state]({\n class: {\n [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n }[state],\n children: svgLabel ? svg`<title>${svgLabel}</title>` : undefined,\n })}\n <slot name=\"label-text\">\n <p\n role=\"button\"\n class=\"${prefix}--progress-label\"\n aria-describedby=\"label-tooltip\"\n title=\"${label}\">\n ${label}\n </p>\n </slot>\n <slot name=\"secondary-label-text\">\n ${!optionalLabel\n ? undefined\n : html`<p class=\"${prefix}--progress-optional\">\n ${optionalLabel}\n </p>`}\n </slot>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n"],"mappings":"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","ignoreList":[]}
@@ -359,7 +359,7 @@ let CDSRadioButtonGroup = _decorate([customElement(`${prefix}-radio-button-group
359
359
  kind: "get",
360
360
  static: true,
361
361
  key: "selectorRadioButton",
362
- value: function selectorRadioButton() {
362
+ value: function () {
363
363
  return `${prefix}-radio-button`;
364
364
  }
365
365
 
@@ -370,7 +370,7 @@ let CDSRadioButtonGroup = _decorate([customElement(`${prefix}-radio-button-group
370
370
  kind: "get",
371
371
  static: true,
372
372
  key: "slugItem",
373
- value: function slugItem() {
373
+ value: function () {
374
374
  return `${prefix}-slug`;
375
375
  }
376
376
 
@@ -381,7 +381,7 @@ let CDSRadioButtonGroup = _decorate([customElement(`${prefix}-radio-button-group
381
381
  kind: "get",
382
382
  static: true,
383
383
  key: "eventChange",
384
- value: function eventChange() {
384
+ value: function () {
385
385
  return `${prefix}-radio-button-group-changed`;
386
386
  }
387
387
 
@@ -392,7 +392,7 @@ let CDSRadioButtonGroup = _decorate([customElement(`${prefix}-radio-button-group
392
392
  kind: "get",
393
393
  static: true,
394
394
  key: "eventChangeRadioButton",
395
- value: function eventChangeRadioButton() {
395
+ value: function () {
396
396
  return `${prefix}-radio-button-changed`;
397
397
  }
398
398
  }, {