@carbon/web-components 1.36.1 → 1.37.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 (313) hide show
  1. package/dist/accordion.min.js +1 -1
  2. package/dist/accordion.rtl.min.js +1 -1
  3. package/dist/breadcrumb.min.js +1 -1
  4. package/dist/breadcrumb.rtl.min.js +1 -1
  5. package/dist/{button-4e0b32c8.js → button-035465bb.js} +1 -1
  6. package/dist/{button-99f6b809.js → button-1a16f30e.js} +1 -1
  7. package/dist/button.min.js +1 -1
  8. package/dist/button.rtl.min.js +1 -1
  9. package/dist/{checkbox-d61e0f46.js → checkbox-61c8aa71.js} +1 -1
  10. package/dist/{checkbox-39ba54c6.js → checkbox-93412a35.js} +1 -1
  11. package/dist/checkbox.min.js +1 -1
  12. package/dist/checkbox.rtl.min.js +1 -1
  13. package/dist/code-snippet.min.js +2 -2
  14. package/dist/code-snippet.rtl.min.js +2 -2
  15. package/dist/combo-box.min.js +1 -1
  16. package/dist/combo-box.rtl.min.js +1 -1
  17. package/dist/{content-switcher-item-f853369b.js → content-switcher-item-6df85f1c.js} +1 -1
  18. package/dist/{content-switcher-item-55452b53.js → content-switcher-item-88761ecf.js} +1 -1
  19. package/dist/content-switcher.min.js +1 -1
  20. package/dist/content-switcher.rtl.min.js +1 -1
  21. package/dist/{copy-button-9fb90a01.js → copy-button-07fadd2e.js} +1 -1
  22. package/dist/{copy-button-7a7bbaf8.js → copy-button-d62f4b6e.js} +1 -1
  23. package/dist/copy-button.min.js +1 -1
  24. package/dist/copy-button.rtl.min.js +1 -1
  25. package/dist/data-table.min.js +2 -2
  26. package/dist/data-table.rtl.min.js +2 -2
  27. package/dist/date-picker.min.js +3 -3
  28. package/dist/date-picker.rtl.min.js +3 -3
  29. package/dist/{dropdown-item-2d248e51.js → dropdown-item-0d7d9847.js} +1 -1
  30. package/dist/{dropdown-item-9c062c1c.js → dropdown-item-5ea25a90.js} +1 -1
  31. package/dist/dropdown.min.js +1 -1
  32. package/dist/dropdown.rtl.min.js +1 -1
  33. package/dist/file-uploader.min.js +2 -2
  34. package/dist/file-uploader.rtl.min.js +2 -2
  35. package/dist/{floating-menu-72acc1bc.js → floating-menu-14b01da2.js} +1 -1
  36. package/dist/floating-menu.min.js +1 -1
  37. package/dist/floating-menu.rtl.min.js +1 -1
  38. package/dist/form.min.js +1 -1
  39. package/dist/form.rtl.min.js +1 -1
  40. package/dist/inline-loading.min.js +2 -2
  41. package/dist/inline-loading.rtl.min.js +2 -2
  42. package/dist/{input-d66d0e9c.js → input-13d32d6b.js} +2 -2
  43. package/dist/{input-47f04966.js → input-e5ad8493.js} +2 -2
  44. package/dist/input.min.js +1 -1
  45. package/dist/input.rtl.min.js +1 -1
  46. package/dist/{link-f9de12ea.js → link-00bbdb76.js} +1 -1
  47. package/dist/{link-afe664a3.js → link-1e3fcabc.js} +1 -1
  48. package/dist/link.min.js +1 -1
  49. package/dist/link.rtl.min.js +1 -1
  50. package/dist/list.min.js +1 -1
  51. package/dist/list.rtl.min.js +1 -1
  52. package/dist/{loading-926a29f5.js → loading-2a5481c6.js} +1 -1
  53. package/dist/{loading-a1c01e84.js → loading-5f4a55c9.js} +1 -1
  54. package/dist/{loading-icon-9d1c486a.js → loading-icon-4be51b70.js} +1 -1
  55. package/dist/loading.min.js +1 -1
  56. package/dist/loading.rtl.min.js +1 -1
  57. package/dist/modal.min.js +2 -2
  58. package/dist/modal.rtl.min.js +2 -2
  59. package/dist/multi-select.min.js +1 -1
  60. package/dist/multi-select.rtl.min.js +1 -1
  61. package/dist/notification.min.js +1 -1
  62. package/dist/notification.rtl.min.js +1 -1
  63. package/dist/number-input.min.js +2 -2
  64. package/dist/number-input.rtl.min.js +2 -2
  65. package/dist/overflow-menu.min.js +2 -2
  66. package/dist/overflow-menu.rtl.min.js +2 -2
  67. package/dist/pagination.min.js +1 -1
  68. package/dist/pagination.rtl.min.js +1 -1
  69. package/dist/progress-indicator.min.js +2 -12
  70. package/dist/progress-indicator.rtl.min.js +2 -12
  71. package/dist/radio-button.min.js +1 -1
  72. package/dist/radio-button.rtl.min.js +1 -1
  73. package/dist/{search-e6781408.js → search-7746f7ab.js} +1 -1
  74. package/dist/{search-f36f74c2.js → search-dc317efe.js} +1 -1
  75. package/dist/search.min.js +1 -1
  76. package/dist/search.rtl.min.js +1 -1
  77. package/dist/select.min.js +1 -1
  78. package/dist/select.rtl.min.js +1 -1
  79. package/dist/skeleton-placeholder.min.js +1 -1
  80. package/dist/skeleton-placeholder.rtl.min.js +1 -1
  81. package/dist/skeleton-text.min.js +1 -1
  82. package/dist/skeleton-text.rtl.min.js +1 -1
  83. package/dist/skip-to-content.min.js +1 -1
  84. package/dist/skip-to-content.rtl.min.js +1 -1
  85. package/dist/slider.min.js +1 -1
  86. package/dist/slider.rtl.min.js +1 -1
  87. package/dist/structured-list.min.js +1 -1
  88. package/dist/structured-list.rtl.min.js +1 -1
  89. package/dist/tabs.min.js +2 -2
  90. package/dist/tabs.rtl.min.js +2 -2
  91. package/dist/tag.min.js +1 -1
  92. package/dist/tag.rtl.min.js +1 -1
  93. package/dist/textarea.min.js +1 -1
  94. package/dist/textarea.rtl.min.js +1 -1
  95. package/dist/tile.min.js +1 -1
  96. package/dist/tile.rtl.min.js +1 -1
  97. package/dist/toggle.min.js +2 -2
  98. package/dist/toggle.rtl.min.js +2 -2
  99. package/dist/tooltip.min.js +2 -2
  100. package/dist/tooltip.rtl.min.js +2 -2
  101. package/dist/ui-shell.min.js +2 -2
  102. package/dist/ui-shell.rtl.min.js +2 -2
  103. package/es/components/accordion/accordion-item.js +19 -1
  104. package/es/components/accordion/accordion-item.js.map +1 -1
  105. package/es/components/accordion/accordion.js.map +1 -1
  106. package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
  107. package/es/components/breadcrumb/breadcrumb-overflow-menu.js +5 -1
  108. package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
  109. package/es/components/breadcrumb/breadcrumb.js +6 -1
  110. package/es/components/breadcrumb/breadcrumb.js.map +1 -1
  111. package/es/components/button/button-skeleton.js +21 -1
  112. package/es/components/button/button-skeleton.js.map +1 -1
  113. package/es/components/button/button.js +34 -2
  114. package/es/components/button/button.js.map +1 -1
  115. package/es/components/checkbox/checkbox.js +18 -1
  116. package/es/components/checkbox/checkbox.js.map +1 -1
  117. package/es/components/code-snippet/code-snippet-skeleton.js +5 -1
  118. package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
  119. package/es/components/code-snippet/code-snippet.js +26 -5
  120. package/es/components/code-snippet/code-snippet.js.map +1 -1
  121. package/es/components/combo-box/combo-box.js +23 -2
  122. package/es/components/combo-box/combo-box.js.map +1 -1
  123. package/es/components/content-switcher/content-switcher-item.js +11 -1
  124. package/es/components/content-switcher/content-switcher-item.js.map +1 -1
  125. package/es/components/content-switcher/content-switcher.js +7 -1
  126. package/es/components/content-switcher/content-switcher.js.map +1 -1
  127. package/es/components/copy-button/copy-button.js +15 -2
  128. package/es/components/copy-button/copy-button.js.map +1 -1
  129. package/es/components/data-table/table-batch-actions.js +15 -1
  130. package/es/components/data-table/table-batch-actions.js.map +1 -1
  131. package/es/components/data-table/table-body.js.map +1 -1
  132. package/es/components/data-table/table-cell-skeleton.js.map +1 -1
  133. package/es/components/data-table/table-cell.js.map +1 -1
  134. package/es/components/data-table/table-expand-row.js +10 -1
  135. package/es/components/data-table/table-expand-row.js.map +1 -1
  136. package/es/components/data-table/table-expanded-row.js +7 -1
  137. package/es/components/data-table/table-expanded-row.js.map +1 -1
  138. package/es/components/data-table/table-head.js.map +1 -1
  139. package/es/components/data-table/table-header-cell.js +12 -1
  140. package/es/components/data-table/table-header-cell.js.map +1 -1
  141. package/es/components/data-table/table-row.js +22 -1
  142. package/es/components/data-table/table-row.js.map +1 -1
  143. package/es/components/data-table/table-toolbar-content.js.map +1 -1
  144. package/es/components/data-table/table-toolbar-search.js +8 -1
  145. package/es/components/data-table/table-toolbar-search.js.map +1 -1
  146. package/es/components/data-table/table-toolbar.js.map +1 -1
  147. package/es/components/data-table/table.js.map +1 -1
  148. package/es/components/date-picker/date-picker-input-skeleton.js +4 -1
  149. package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
  150. package/es/components/date-picker/date-picker-input.js +30 -2
  151. package/es/components/date-picker/date-picker-input.js.map +1 -1
  152. package/es/components/date-picker/date-picker.js +12 -1
  153. package/es/components/date-picker/date-picker.js.map +1 -1
  154. package/es/components/dropdown/dropdown-item.js +6 -1
  155. package/es/components/dropdown/dropdown-item.js.map +1 -1
  156. package/es/components/dropdown/dropdown-skeleton.js +8 -1
  157. package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
  158. package/es/components/dropdown/dropdown.js +72 -4
  159. package/es/components/dropdown/dropdown.js.map +1 -1
  160. package/es/components/file-uploader/drop-container.js +16 -1
  161. package/es/components/file-uploader/drop-container.js.map +1 -1
  162. package/es/components/file-uploader/file-uploader-item.js +29 -3
  163. package/es/components/file-uploader/file-uploader-item.js.map +1 -1
  164. package/es/components/file-uploader/file-uploader.js +12 -1
  165. package/es/components/file-uploader/file-uploader.js.map +1 -1
  166. package/es/components/floating-menu/floating-menu.d.ts +1 -1
  167. package/es/components/floating-menu/floating-menu.js +5 -2
  168. package/es/components/floating-menu/floating-menu.js.map +1 -1
  169. package/es/components/form/form-item.js.map +1 -1
  170. package/es/components/inline-loading/inline-loading.js +14 -3
  171. package/es/components/inline-loading/inline-loading.js.map +1 -1
  172. package/es/components/input/input.d.ts +1 -1
  173. package/es/components/input/input.js +48 -4
  174. package/es/components/input/input.js.map +1 -1
  175. package/es/components/link/link.js +26 -3
  176. package/es/components/link/link.js.map +1 -1
  177. package/es/components/list/list-item.js +8 -1
  178. package/es/components/list/list-item.js.map +1 -1
  179. package/es/components/list/ordered-list.js +5 -1
  180. package/es/components/list/ordered-list.js.map +1 -1
  181. package/es/components/list/unordered-list.js +5 -1
  182. package/es/components/list/unordered-list.js.map +1 -1
  183. package/es/components/loading/loading-icon.js +16 -1
  184. package/es/components/loading/loading-icon.js.map +1 -1
  185. package/es/components/loading/loading.js.map +1 -1
  186. package/es/components/modal/modal-body.js.map +1 -1
  187. package/es/components/modal/modal-close-button.js +9 -1
  188. package/es/components/modal/modal-close-button.js.map +1 -1
  189. package/es/components/modal/modal-footer.js +5 -1
  190. package/es/components/modal/modal-footer.js.map +1 -1
  191. package/es/components/modal/modal-header.js.map +1 -1
  192. package/es/components/modal/modal-heading.js.map +1 -1
  193. package/es/components/modal/modal-label.js.map +1 -1
  194. package/es/components/modal/modal.js +20 -1
  195. package/es/components/modal/modal.js.map +1 -1
  196. package/es/components/multi-select/multi-select-item.js +19 -1
  197. package/es/components/multi-select/multi-select-item.js.map +1 -1
  198. package/es/components/multi-select/multi-select.js +35 -3
  199. package/es/components/multi-select/multi-select.js.map +1 -1
  200. package/es/components/notification/inline-notification.js +27 -3
  201. package/es/components/notification/inline-notification.js.map +1 -1
  202. package/es/components/notification/toast-notification.js +21 -2
  203. package/es/components/notification/toast-notification.js.map +1 -1
  204. package/es/components/number-input/number-input-skeleton.js +4 -1
  205. package/es/components/number-input/number-input-skeleton.js.map +1 -1
  206. package/es/components/number-input/number-input.d.ts +1 -1
  207. package/es/components/number-input/number-input.js +80 -6
  208. package/es/components/number-input/number-input.js.map +1 -1
  209. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  210. package/es/components/overflow-menu/overflow-menu-item.js +16 -1
  211. package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
  212. package/es/components/overflow-menu/overflow-menu.js +5 -1
  213. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  214. package/es/components/pagination/page-sizes-select.js +14 -1
  215. package/es/components/pagination/page-sizes-select.js.map +1 -1
  216. package/es/components/pagination/pages-select.js +25 -2
  217. package/es/components/pagination/pages-select.js.map +1 -1
  218. package/es/components/pagination/pagination.js +30 -1
  219. package/es/components/pagination/pagination.js.map +1 -1
  220. package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
  221. package/es/components/progress-indicator/progress-indicator.js.map +1 -1
  222. package/es/components/progress-indicator/progress-step-skeleton.js +10 -1
  223. package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
  224. package/es/components/progress-indicator/progress-step.js +19 -2
  225. package/es/components/progress-indicator/progress-step.js.map +1 -1
  226. package/es/components/radio-button/radio-button-group.js.map +1 -1
  227. package/es/components/radio-button/radio-button-skeleton.js +4 -1
  228. package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
  229. package/es/components/radio-button/radio-button.js +14 -1
  230. package/es/components/radio-button/radio-button.js.map +1 -1
  231. package/es/components/search/search-skeleton.js +4 -1
  232. package/es/components/search/search-skeleton.js.map +1 -1
  233. package/es/components/search/search.js +25 -1
  234. package/es/components/search/search.js.map +1 -1
  235. package/es/components/select/select.js +58 -4
  236. package/es/components/select/select.js.map +1 -1
  237. package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
  238. package/es/components/skeleton-text/skeleton-text.js.map +1 -1
  239. package/es/components/skip-to-content/skip-to-content.js +5 -1
  240. package/es/components/skip-to-content/skip-to-content.js.map +1 -1
  241. package/es/components/slider/slider-input.js +12 -1
  242. package/es/components/slider/slider-input.js.map +1 -1
  243. package/es/components/slider/slider-skeleton.js +12 -1
  244. package/es/components/slider/slider-skeleton.js.map +1 -1
  245. package/es/components/slider/slider.js +45 -1
  246. package/es/components/slider/slider.js.map +1 -1
  247. package/es/components/structured-list/structured-list-body.js.map +1 -1
  248. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  249. package/es/components/structured-list/structured-list-head.js.map +1 -1
  250. package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
  251. package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
  252. package/es/components/structured-list/structured-list-header-row.js +4 -1
  253. package/es/components/structured-list/structured-list-header-row.js.map +1 -1
  254. package/es/components/structured-list/structured-list-row.js +14 -1
  255. package/es/components/structured-list/structured-list-row.js.map +1 -1
  256. package/es/components/structured-list/structured-list.js +3 -1
  257. package/es/components/structured-list/structured-list.js.map +1 -1
  258. package/es/components/tabs/tab-skeleton.js.map +1 -1
  259. package/es/components/tabs/tab.js +11 -1
  260. package/es/components/tabs/tab.js.map +1 -1
  261. package/es/components/tabs/tabs-skeleton.js +8 -1
  262. package/es/components/tabs/tabs-skeleton.js.map +1 -1
  263. package/es/components/tabs/tabs.js +26 -1
  264. package/es/components/tabs/tabs.js.map +1 -1
  265. package/es/components/tag/filter-tag.js +6 -1
  266. package/es/components/tag/filter-tag.js.map +1 -1
  267. package/es/components/tag/tag.css.js +1 -1
  268. package/es/components/tag/tag.js.map +1 -1
  269. package/es/components/textarea/textarea-skeleton.js +4 -1
  270. package/es/components/textarea/textarea-skeleton.js.map +1 -1
  271. package/es/components/textarea/textarea.js +32 -1
  272. package/es/components/textarea/textarea.js.map +1 -1
  273. package/es/components/tile/expandable-tile.js +17 -1
  274. package/es/components/tile/expandable-tile.js.map +1 -1
  275. package/es/components/tile/selectable-tile.js +17 -1
  276. package/es/components/tile/selectable-tile.js.map +1 -1
  277. package/es/components/tile/tile-group.js.map +1 -1
  278. package/es/components/tile/tile.js.map +1 -1
  279. package/es/components/toggle/toggle.js +33 -2
  280. package/es/components/toggle/toggle.js.map +1 -1
  281. package/es/components/tooltip/tooltip-body.js +4 -1
  282. package/es/components/tooltip/tooltip-body.js.map +1 -1
  283. package/es/components/tooltip/tooltip-definition.js +8 -1
  284. package/es/components/tooltip/tooltip-definition.js.map +1 -1
  285. package/es/components/tooltip/tooltip-footer.js.map +1 -1
  286. package/es/components/tooltip/tooltip-icon.js +11 -1
  287. package/es/components/tooltip/tooltip-icon.js.map +1 -1
  288. package/es/components/tooltip/tooltip.js +4 -1
  289. package/es/components/tooltip/tooltip.js.map +1 -1
  290. package/es/components/ui-shell/header-menu-button.js +10 -1
  291. package/es/components/ui-shell/header-menu-button.js.map +1 -1
  292. package/es/components/ui-shell/header-menu.js +19 -1
  293. package/es/components/ui-shell/header-menu.js.map +1 -1
  294. package/es/components/ui-shell/header-name.js +10 -2
  295. package/es/components/ui-shell/header-name.js.map +1 -1
  296. package/es/components/ui-shell/header-nav-item.js +11 -1
  297. package/es/components/ui-shell/header-nav-item.js.map +1 -1
  298. package/es/components/ui-shell/header-nav.js +9 -1
  299. package/es/components/ui-shell/header-nav.js.map +1 -1
  300. package/es/components/ui-shell/header.js.map +1 -1
  301. package/es/components/ui-shell/side-nav-items.js.map +1 -1
  302. package/es/components/ui-shell/side-nav-link.js +16 -1
  303. package/es/components/ui-shell/side-nav-link.js.map +1 -1
  304. package/es/components/ui-shell/side-nav-menu-item.js +7 -1
  305. package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
  306. package/es/components/ui-shell/side-nav-menu.js +30 -1
  307. package/es/components/ui-shell/side-nav-menu.js.map +1 -1
  308. package/es/components/ui-shell/side-nav.js.map +1 -1
  309. package/es/globals/internal/storybook-cdn.d.ts +1 -1
  310. package/es/globals/internal/storybook-cdn.js +2 -2
  311. package/es/globals/internal/storybook-cdn.js.map +1 -1
  312. package/package.json +4 -3
  313. package/scss/components/tag/tag.scss +4 -4
@@ -1 +1 @@
1
- {"version":3,"file":"pagination.js","names":["classMap","html","property","LitElement","CaretLeft24","CaretRight24","settings","FocusMixin","HostListenerMixin","HostListener","forEach","styles","carbonElement","customElement","prefix","BXPagination","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_renderStatusText","atLastPage","start","pageSize","total","formatStatusWithDeterminateTotal","formatStatusWithIndeterminateTotal","end","undefined","Math","min","Infinity","format","count","_handleUserInitiatedChangeStart","dispatchEvent","CustomEvent","eventChangeCurrent","bubbles","composed","detail","_handleClickPrevButton","oldStart","newStart","max","_handleClickNextButton","decorators","attribute","type","Boolean","reflect","Number","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","updated","changedProperties","selectorPageSizesSelect","selectorPagesSelect","has","querySelectorAll","elem","floor","ceil","render","disabled","nextButtonText","prevButtonText","handleClickPrevButton","handleClickNextButton","prevButtonDisabled","nextButtonDisabled","prevButtonClasses","nextButtonClasses","_t","_","static","eventChangePage","eventChangePageSize"],"sources":["components/pagination/pagination.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport CaretLeft24 from '@carbon/icons/lib/caret--left/24';\nimport CaretRight24 from '@carbon/icons/lib/caret--right/24';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXPagesSelect from './pages-select';\nimport BXPageSizesSelect from './page-sizes-select';\nimport styles from './pagination.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Pagination UI.\n *\n * @element bx-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires bx-pages-select-changed - The custom event fired after the current page is changed from `<bx-pages-select>`.\n * @fires bx-page-sizes-select-changed\n * The custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass BXPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n /**\n * @returns Page status text.\n */\n private _renderStatusText() {\n const {\n atLastPage,\n start,\n pageSize,\n total,\n formatStatusWithDeterminateTotal,\n formatStatusWithIndeterminateTotal,\n } = this;\n // * Regular: `1-10 of 100 items`\n // * Indeterminate total: `Item 1-10` (`Item 11-` at the last page)\n const end = atLastPage\n ? undefined\n : Math.min(start + pageSize, total == null ? Infinity : total);\n const format =\n total == null\n ? formatStatusWithIndeterminateTotal\n : formatStatusWithDeterminateTotal;\n // `start`/`end` properties starts with zero, whereas we want to show number starting with 1\n return format({ start: start + 1, end, count: total });\n }\n\n /**\n * Handles user-initiated change in the row number the current page starts with.\n *\n * @param start The new current row number, index that starts with zero.\n */\n private _handleUserInitiatedChangeStart(start: number) {\n this.start = start;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXPagination).eventChangeCurrent,\n {\n bubbles: true,\n composed: true,\n detail: {\n start,\n },\n }\n )\n );\n }\n\n /**\n * Handles `click` event on the previous button.\n */\n private _handleClickPrevButton() {\n const { start: oldStart, pageSize } = this;\n const newStart = Math.max(oldStart - pageSize, 0);\n if (newStart !== oldStart) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles `click` event on the next button.\n */\n private _handleClickNextButton() {\n const { start: oldStart, pageSize, total } = this;\n const newStart = oldStart + pageSize;\n if (newStart < (total == null ? Infinity : total)) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles user-initiated change in current page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePage')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePage = ({ detail }: CustomEvent) => {\n const { value } = detail;\n const { pageSize } = this;\n this._handleUserInitiatedChangeStart(value * pageSize);\n };\n\n /**\n * Handles user-initiated change in number of rows per page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePageSize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePageSize = ({ detail }: CustomEvent) => {\n this.pageSize = detail.value;\n };\n\n /**\n * The formatter, used with determinate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithDeterminateTotal = ({ start, end, count }) =>\n `${start}–${end} of ${count} item${count <= 1 ? '' : 's'}`;\n\n /**\n * The formatter, used with indeterminate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithIndeterminateTotal = ({ start, end }) =>\n end == null ? `Item ${start}–` : `Item ${start}–${end}`;\n\n /**\n * `true` to explicitly state that user is at the last page.\n */\n @property({ type: Boolean, attribute: 'at-last-page' })\n atLastPage!: boolean;\n\n /**\n * `true` if the pagination UI should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The assistive text for the button to go to next page.\n */\n @property({ attribute: 'next-button-text' })\n nextButtonText = 'Next page';\n\n /**\n * Number of items per page.\n */\n @property({ type: Number, attribute: 'page-size' })\n pageSize = 10;\n\n /**\n * The label text for the UI to select page size.\n */\n @property({ attribute: 'page-size-label-text' })\n pageSizeLabelText!: string;\n\n /**\n * The assistive text for the button to go to previous page.\n */\n @property({ attribute: 'prev-button-text' })\n prevButtonText = 'Previous page';\n\n /**\n * The row number where current page start with, index that starts with zero.\n */\n @property({ type: Number })\n start = 0;\n\n /**\n * The number of total items.\n */\n @property({ type: Number })\n total!: number;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n updated(changedProperties) {\n const { pageSize } = this;\n const { selectorPageSizesSelect, selectorPagesSelect } = this\n .constructor as typeof BXPagination;\n if (changedProperties.has('pageSize')) {\n forEach(this.querySelectorAll(selectorPageSizesSelect), (elem) => {\n (elem as BXPageSizesSelect).value = pageSize;\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('start')) {\n const { start } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).value = Math.floor(start / pageSize);\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('total')) {\n const { total } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).total = Math.ceil(total / pageSize);\n });\n }\n }\n\n render() {\n const {\n disabled,\n nextButtonText,\n prevButtonText,\n pageSize,\n start,\n total,\n _handleClickPrevButton: handleClickPrevButton,\n _handleClickNextButton: handleClickNextButton,\n } = this;\n const { atLastPage = start + pageSize >= total } = this;\n const prevButtonDisabled = disabled || start === 0;\n const nextButtonDisabled = disabled || atLastPage;\n const prevButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--backward`]: true,\n [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n });\n const nextButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--forward`]: true,\n [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n });\n return html`\n <div class=\"${prefix}--pagination__left\">\n <slot name=\"page-sizes-select\"></slot>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <span\n class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n >${this._renderStatusText()}</span\n >\n </div>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <div class=\"${prefix}--pagination__right\">\n <slot></slot>\n <div class=\"${prefix}--pagination__control-buttons\">\n <button\n ?disabled=\"${prevButtonDisabled}\"\n class=\"${prevButtonClasses}\"\n title=\"${prevButtonText}\"\n @click=\"${handleClickPrevButton}\">\n ${CaretLeft24()}\n </button>\n <button\n ?disabled=\"${nextButtonDisabled}\"\n class=\"${nextButtonClasses}\"\n title=\"${nextButtonText}\"\n @click=\"${handleClickNextButton}\">\n ${CaretRight24()}\n </button>\n </div>\n </div>\n `;\n }\n\n /**\n * A selector that will return the select box for the current page.\n */\n static get selectorPagesSelect() {\n return `${prefix}-pages-select`;\n }\n\n /**\n * A selector that will return the select box for page sizes.\n */\n static get selectorPageSizesSelect() {\n return `${prefix}-page-sizes-select`;\n }\n\n /**\n * The name of the custom event fired after the current row number is changed.\n */\n static get eventChangeCurrent() {\n return `${prefix}-pagination-changed-current`;\n }\n\n /**\n * The name of the custom event fired after the current page is changed from `<bx-pages-select>`.\n */\n static get eventChangePage() {\n return `${prefix}-pages-select-changed`;\n }\n\n /**\n * The name of the custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n static get eventChangePageSize() {\n return `${prefix}-page-sizes-select-changed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPagination;\n"],"mappings":"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"}
1
+ {"version":3,"file":"pagination.js","names":["classMap","html","property","LitElement","CaretLeft24","CaretRight24","settings","FocusMixin","HostListenerMixin","HostListener","forEach","styles","carbonElement","customElement","prefix","BXPagination","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_renderStatusText","atLastPage","start","pageSize","total","formatStatusWithDeterminateTotal","formatStatusWithIndeterminateTotal","end","undefined","Math","min","Infinity","format","count","_handleUserInitiatedChangeStart","dispatchEvent","CustomEvent","eventChangeCurrent","bubbles","composed","detail","_handleClickPrevButton","oldStart","newStart","max","_handleClickNextButton","decorators","attribute","type","Boolean","reflect","Number","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","updated","changedProperties","selectorPageSizesSelect","selectorPagesSelect","has","querySelectorAll","elem","floor","ceil","render","disabled","nextButtonText","prevButtonText","handleClickPrevButton","handleClickNextButton","prevButtonDisabled","nextButtonDisabled","prevButtonClasses","nextButtonClasses","_t","_","static","eventChangePage","eventChangePageSize"],"sources":["components/pagination/pagination.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport CaretLeft24 from '@carbon/icons/lib/caret--left/24';\nimport CaretRight24 from '@carbon/icons/lib/caret--right/24';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXPagesSelect from './pages-select';\nimport BXPageSizesSelect from './page-sizes-select';\nimport styles from './pagination.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Pagination UI.\n *\n * @element bx-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires bx-pages-select-changed - The custom event fired after the current page is changed from `<bx-pages-select>`.\n * @fires bx-page-sizes-select-changed\n * The custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass BXPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n /**\n * @returns Page status text.\n */\n private _renderStatusText() {\n const {\n atLastPage,\n start,\n pageSize,\n total,\n formatStatusWithDeterminateTotal,\n formatStatusWithIndeterminateTotal,\n } = this;\n // * Regular: `1-10 of 100 items`\n // * Indeterminate total: `Item 1-10` (`Item 11-` at the last page)\n const end = atLastPage\n ? undefined\n : Math.min(start + pageSize, total == null ? Infinity : total);\n const format =\n total == null\n ? formatStatusWithIndeterminateTotal\n : formatStatusWithDeterminateTotal;\n // `start`/`end` properties starts with zero, whereas we want to show number starting with 1\n return format({ start: start + 1, end, count: total });\n }\n\n /**\n * Handles user-initiated change in the row number the current page starts with.\n *\n * @param start The new current row number, index that starts with zero.\n */\n private _handleUserInitiatedChangeStart(start: number) {\n this.start = start;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXPagination).eventChangeCurrent,\n {\n bubbles: true,\n composed: true,\n detail: {\n start,\n },\n }\n )\n );\n }\n\n /**\n * Handles `click` event on the previous button.\n */\n private _handleClickPrevButton() {\n const { start: oldStart, pageSize } = this;\n const newStart = Math.max(oldStart - pageSize, 0);\n if (newStart !== oldStart) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles `click` event on the next button.\n */\n private _handleClickNextButton() {\n const { start: oldStart, pageSize, total } = this;\n const newStart = oldStart + pageSize;\n if (newStart < (total == null ? Infinity : total)) {\n this._handleUserInitiatedChangeStart(newStart);\n }\n }\n\n /**\n * Handles user-initiated change in current page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePage')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePage = ({ detail }: CustomEvent) => {\n const { value } = detail;\n const { pageSize } = this;\n this._handleUserInitiatedChangeStart(value * pageSize);\n };\n\n /**\n * Handles user-initiated change in number of rows per page.\n *\n * @param event The event.\n */\n @HostListener('eventChangePageSize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangePageSize = ({ detail }: CustomEvent) => {\n this.pageSize = detail.value;\n };\n\n /**\n * The formatter, used with determinate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithDeterminateTotal = ({ start, end, count }) =>\n `${start}–${end} of ${count} item${count <= 1 ? '' : 's'}`;\n\n /**\n * The formatter, used with indeterminate the total pages. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatStatusWithIndeterminateTotal = ({ start, end }) =>\n end == null ? `Item ${start}–` : `Item ${start}–${end}`;\n\n /**\n * `true` to explicitly state that user is at the last page.\n */\n @property({ type: Boolean, attribute: 'at-last-page' })\n atLastPage!: boolean;\n\n /**\n * `true` if the pagination UI should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The assistive text for the button to go to next page.\n */\n @property({ attribute: 'next-button-text' })\n nextButtonText = 'Next page';\n\n /**\n * Number of items per page.\n */\n @property({ type: Number, attribute: 'page-size' })\n pageSize = 10;\n\n /**\n * The label text for the UI to select page size.\n */\n @property({ attribute: 'page-size-label-text' })\n pageSizeLabelText!: string;\n\n /**\n * The assistive text for the button to go to previous page.\n */\n @property({ attribute: 'prev-button-text' })\n prevButtonText = 'Previous page';\n\n /**\n * The row number where current page start with, index that starts with zero.\n */\n @property({ type: Number })\n start = 0;\n\n /**\n * The number of total items.\n */\n @property({ type: Number })\n total!: number;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n updated(changedProperties) {\n const { pageSize } = this;\n const { selectorPageSizesSelect, selectorPagesSelect } = this\n .constructor as typeof BXPagination;\n if (changedProperties.has('pageSize')) {\n forEach(this.querySelectorAll(selectorPageSizesSelect), (elem) => {\n (elem as BXPageSizesSelect).value = pageSize;\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('start')) {\n const { start } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).value = Math.floor(start / pageSize);\n });\n }\n if (changedProperties.has('pageSize') || changedProperties.has('total')) {\n const { total } = this;\n forEach(this.querySelectorAll(selectorPagesSelect), (elem) => {\n (elem as BXPagesSelect).total = Math.ceil(total / pageSize);\n });\n }\n }\n\n render() {\n const {\n disabled,\n nextButtonText,\n prevButtonText,\n pageSize,\n start,\n total,\n _handleClickPrevButton: handleClickPrevButton,\n _handleClickNextButton: handleClickNextButton,\n } = this;\n const { atLastPage = start + pageSize >= total } = this;\n const prevButtonDisabled = disabled || start === 0;\n const nextButtonDisabled = disabled || atLastPage;\n const prevButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--backward`]: true,\n [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n });\n const nextButtonClasses = classMap({\n [`${prefix}--pagination__button`]: true,\n [`${prefix}--pagination__button--forward`]: true,\n [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n });\n return html`\n <div class=\"${prefix}--pagination__left\">\n <slot name=\"page-sizes-select\"></slot>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <span\n class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n >${this._renderStatusText()}</span\n >\n </div>\n <div class=\"${prefix}-ce--pagination__divider\"></div>\n <div class=\"${prefix}--pagination__right\">\n <slot></slot>\n <div class=\"${prefix}--pagination__control-buttons\">\n <button\n ?disabled=\"${prevButtonDisabled}\"\n class=\"${prevButtonClasses}\"\n title=\"${prevButtonText}\"\n @click=\"${handleClickPrevButton}\">\n ${CaretLeft24()}\n </button>\n <button\n ?disabled=\"${nextButtonDisabled}\"\n class=\"${nextButtonClasses}\"\n title=\"${nextButtonText}\"\n @click=\"${handleClickNextButton}\">\n ${CaretRight24()}\n </button>\n </div>\n </div>\n `;\n }\n\n /**\n * A selector that will return the select box for the current page.\n */\n static get selectorPagesSelect() {\n return `${prefix}-pages-select`;\n }\n\n /**\n * A selector that will return the select box for page sizes.\n */\n static get selectorPageSizesSelect() {\n return `${prefix}-page-sizes-select`;\n }\n\n /**\n * The name of the custom event fired after the current row number is changed.\n */\n static get eventChangeCurrent() {\n return `${prefix}-pagination-changed-current`;\n }\n\n /**\n * The name of the custom event fired after the current page is changed from `<bx-pages-select>`.\n */\n static get eventChangePage() {\n return `${prefix}-pages-select-changed`;\n }\n\n /**\n * The name of the custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`.\n */\n static get eventChangePageSize() {\n return `${prefix}-page-sizes-select-changed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPagination;\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"progress-indicator-skeleton.js","names":["html","property","LitElement","settings","forEach","styles","carbonElement","customElement","prefix","BXProgressIndicatorSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","updated","changedProperties","has","querySelectorAll","selectorStep","item","vertical","render","_t","_","static"],"sources":["components/progress-indicator/progress-indicator-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nclass BXProgressIndicatorSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicatorSkeleton).selectorStep\n ),\n (item) => {\n (item as BXProgressStepSkeleton).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step-skeleton`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicatorSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AAEnE,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,2BAA2B,GAAAC,SAAA,EADhCH,aAAa,CAAE,GAAEC,MAAO,8BAA6B,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvD,MACMH,2BAA2B,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiCrD;EAAC;IAAAI,CAAA,EAjCKN,2BAA2B;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI9BjB,QAAQ,CAAC;QAAEkB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC;UACAtB,OAAO,CACL,IAAI,CAACuB,gBAAgB,CAClB,IAAI,CAACd,WAAW,CAAwCe,YAC3D,CAAC,EACAC,IAAI,IAAK;YACPA,IAAI,CAA4BC,QAAQ,GAAG,IAAI,CAACA,QAAQ;UAC3D,CACF,CAAC;QACH;MACF;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAO/B,IAAI,CAAAgC,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAhB,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,KAAA,EAGA,SAAAK,aAAA,EAA0B;QACxB,OAAQ,GAAEpB,MAAO,yBAAwB;MAC3C;IAAC;MAAAS,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhCkBH,UAAU;AAmCpD,eAAeO,2BAA2B"}
1
+ {"version":3,"file":"progress-indicator-skeleton.js","names":["html","property","LitElement","settings","forEach","styles","carbonElement","customElement","prefix","BXProgressIndicatorSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","updated","changedProperties","has","querySelectorAll","selectorStep","item","vertical","render","_t","_","static"],"sources":["components/progress-indicator/progress-indicator-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nclass BXProgressIndicatorSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicatorSkeleton).selectorStep\n ),\n (item) => {\n (item as BXProgressStepSkeleton).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step-skeleton`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicatorSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AAEnE,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,2BAA2B,GAAAC,SAAA,EADhCH,aAAa,CAAE,GAAEC,MAAO,8BAA6B,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvD,MACMH,2BAA2B,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiCrD;EAAC;IAAAI,CAAA,EAjCKN,2BAA2B;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI9BjB,QAAQ,CAAC;QAAEkB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC;UACAtB,OAAO,CACL,IAAI,CAACuB,gBAAgB,CAClB,IAAI,CAACd,WAAW,CAAwCe,YAC3D,CAAC,EACAC,IAAI,IAAK;YACPA,IAAI,CAA4BC,QAAQ,GAAG,IAAI,CAACA,QAAQ;UAC3D,CACF,CAAC;QACH;MACF;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAO/B,IAAI,CAAAgC,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;;MAEA;AACF;AACA;IAFE;MAAAhB,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,KAAA,EAGA,SAAAK,aAAA,EAA0B;QACxB,OAAQ,GAAEpB,MAAO,yBAAwB;MAC3C;IAAC;MAAAS,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhCkBH,UAAU;AAmCpD,eAAeO,2BAA2B"}
@@ -1 +1 @@
1
- {"version":3,"file":"progress-indicator.js","names":["html","property","LitElement","settings","forEach","styles","carbonElement","customElement","prefix","BXProgressIndicator","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorStep","item","vertical","render","_t","_","static"],"sources":["components/progress-indicator/progress-indicator.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStep from './progress-step';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Progress indicator.\n *\n * @element bx-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nclass BXProgressIndicator extends LitElement {\n /**\n * `true` if the progress indicator should be vertical.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicator).selectorStep\n ),\n (item) => {\n (item as BXProgressStep).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicator;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AAEnE,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMM,mBAAmB,GAAAC,SAAA,EADxBH,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,mBAAmB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAwC7C;EAAC;IAAAI,CAAA,EAxCKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAItBjB,QAAQ,CAAC;QAAEkB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CAXEnB,mBAAmB,CAAAoB,SAAA,8BAAAC,IAAA;MAYvB;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC;UACA7B,OAAO,CACL,IAAI,CAAC8B,gBAAgB,CAClB,IAAI,CAACrB,WAAW,CAAgCsB,YACnD,CAAC,EACAC,IAAI,IAAK;YACPA,IAAI,CAAoBC,QAAQ,GAAG,IAAI,CAACA,QAAQ;UACnD,CACF,CAAC;QACH;MACF;IAAC;MAAApB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAe,OAAA,EAAS;QACP,OAAOtC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAvB,IAAA;MAAAwB,MAAA;MAAAnB,GAAA;MAAAC,KAAA,EAGA,SAAAY,aAAA,EAA0B;QACxB,OAAQ,GAAE3B,MAAO,gBAAe;MAClC;IAAC;MAAAS,IAAA;MAAAwB,MAAA;MAAAnB,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAvCUH,UAAU;AA0C5C,eAAeO,mBAAmB"}
1
+ {"version":3,"file":"progress-indicator.js","names":["html","property","LitElement","settings","forEach","styles","carbonElement","customElement","prefix","BXProgressIndicator","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorStep","item","vertical","render","_t","_","static"],"sources":["components/progress-indicator/progress-indicator.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport BXProgressStep from './progress-step';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Progress indicator.\n *\n * @element bx-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nclass BXProgressIndicator extends LitElement {\n /**\n * `true` if the progress indicator should be vertical.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXProgressIndicator).selectorStep\n ),\n (item) => {\n (item as BXProgressStep).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step`;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressIndicator;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AAEnE,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMM,mBAAmB,GAAAC,SAAA,EADxBH,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,mBAAmB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAwC7C;EAAC;IAAAI,CAAA,EAxCKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAItBjB,QAAQ,CAAC;QAAEkB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CAXEnB,mBAAmB,CAAAoB,SAAA,8BAAAC,IAAA;MAYvB;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC;UACA7B,OAAO,CACL,IAAI,CAAC8B,gBAAgB,CAClB,IAAI,CAACrB,WAAW,CAAgCsB,YACnD,CAAC,EACAC,IAAI,IAAK;YACPA,IAAI,CAAoBC,QAAQ,GAAG,IAAI,CAACA,QAAQ;UACnD,CACF,CAAC;QACH;MACF;IAAC;MAAApB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAe,OAAA,EAAS;QACP,OAAOtC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;;MAEA;AACF;AACA;IAFE;MAAAvB,IAAA;MAAAwB,MAAA;MAAAnB,GAAA;MAAAC,KAAA,EAGA,SAAAY,aAAA,EAA0B;QACxB,OAAQ,GAAE3B,MAAO,gBAAe;MAClC;IAAC;MAAAS,IAAA;MAAAwB,MAAA;MAAAnB,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAvCUH,UAAU;AA0C5C,eAAeO,mBAAmB"}
@@ -49,7 +49,16 @@ let BXProgressStepSkeleton = _decorate([customElement(`${prefix}-progress-step-s
49
49
  */
50
50
 
51
51
  function render() {
52
- return html(_t || (_t = _` <div class="${0}--progress-step-button ${0}--progress-step-button--unclickable"> <svg> <path d="M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0"/> </svg> <p class="${0}--progress-label"></p> <span class="${0}--progress-line"></span> </div> `), prefix, prefix, prefix, prefix);
52
+ return html(_t || (_t = _`
53
+ <div
54
+ class="${0}--progress-step-button ${0}--progress-step-button--unclickable">
55
+ <svg>
56
+ <path d="M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0" />
57
+ </svg>
58
+ <p class="${0}--progress-label"></p>
59
+ <span class="${0}--progress-line"></span>
60
+ </div>
61
+ `), prefix, prefix, prefix, prefix);
53
62
  }
54
63
  }, {
55
64
  kind: "field",
@@ -1 +1 @@
1
- {"version":3,"file":"progress-step-skeleton.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXProgressStepSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","_t","_","static"],"sources":["components/progress-indicator/progress-step-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nclass BXProgressStepSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n render() {\n return html`\n <div\n class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n <svg>\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n <p class=\"${prefix}--progress-label\"></p>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStepSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,sBAAsB,GAAAC,SAAA,EAD3BH,aAAa,CAAE,GAAEC,MAAO,yBAAwB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAlD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqBhD;EAAC;IAAAI,CAAA,EArBKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzBhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA,wPAEElB,MAAM,EAA0BA,MAAM,EAInCA,MAAM,EACHA,MAAM;MAG3B;IAAC;MAAAS,IAAA;MAAAU,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GApBaF,UAAU;AAuB/C,eAAeM,sBAAsB"}
1
+ {"version":3,"file":"progress-step-skeleton.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXProgressStepSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","_t","_","static"],"sources":["components/progress-indicator/progress-step-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nclass BXProgressStepSkeleton extends LitElement {\n /**\n * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n render() {\n return html`\n <div\n class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n <svg>\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n <p class=\"${prefix}--progress-label\"></p>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStepSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,sBAAsB,GAAAC,SAAA,EAD3BH,aAAa,CAAE,GAAEC,MAAO,yBAAwB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAlD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqBhD;EAAC;IAAAI,CAAA,EArBKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzBhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA,iBAAe,CAAS,0BAAuB,CAAS;AACxD;AACA;AACA;AACA,oBAAkB,CAAS;AAC3B,uBAAqB,CAAS;AAC9B;AACA,KAAI,GAPalB,MAAM,EAA0BA,MAAM,EAInCA,MAAM,EACHA,MAAM;MAG3B;IAAC;MAAAS,IAAA;MAAAU,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GApBaF,UAAU;AAuB/C,eAAeM,sBAAsB"}
@@ -183,12 +183,29 @@ let BXProgressStep = _decorate([customElement(`${prefix}-progress-step`)], funct
183
183
  secondaryLabelText,
184
184
  state
185
185
  } = this;
186
- return html(_t3 || (_t3 = _` ${0} <slot> <p role="button" class="${0}--progress-label" tabindex="0" aria-describedby="label-tooltip"> ${0} </p> </slot> <slot name="secondary-label-text"> ${0} </slot> <span class="${0}--progress-line"></span> `), icons[state]({
186
+ return html(_t3 || (_t3 = _`
187
+ ${0}
188
+ <slot>
189
+ <p
190
+ role="button"
191
+ class="${0}--progress-label"
192
+ tabindex="0"
193
+ aria-describedby="label-tooltip">
194
+ ${0}
195
+ </p>
196
+ </slot>
197
+ <slot name="secondary-label-text">
198
+ ${0}
199
+ </slot>
200
+ <span class="${0}--progress-line"></span>
201
+ `), icons[state]({
187
202
  class: {
188
203
  [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`
189
204
  }[state],
190
205
  children: !iconLabel ? undefined : svg(_t4 || (_t4 = _`<title>${0}</title>`), iconLabel)
191
- }), prefix, labelText, !secondaryLabelText ? undefined : html(_t5 || (_t5 = _` <p class="${0}--progress-optional">${0}</p> `), prefix, secondaryLabelText), prefix);
206
+ }), prefix, labelText, !secondaryLabelText ? undefined : html(_t5 || (_t5 = _`
207
+ <p class="${0}--progress-optional">${0}</p>
208
+ `), prefix, secondaryLabelText), prefix);
192
209
  }
193
210
  }, {
194
211
  kind: "field",
@@ -1 +1 @@
1
- {"version":3,"file":"progress-step.js","names":["html","svg","property","LitElement","CheckmarkOutline16","Warning16","settings","spread","FocusMixin","PROGRESS_STEP_STAT","styles","carbonElement","customElement","prefix","icons","QUEUED","children","attrs","_t","_","CURRENT","_t2","COMPLETE","INVALID","BXProgressStep","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","String","disabled","render","iconLabel","labelText","secondaryLabelText","state","_t3","class","undefined","_t4","_t5","static"],"sources":["components/progress-indicator/progress-step.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { SVGTemplateResult } from 'lit-html';\nimport { html, svg, property, LitElement } from 'lit-element';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport spread from '../../globals/directives/spread';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { PROGRESS_STEP_STAT };\n\nconst { prefix } = settings;\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n [PROGRESS_STEP_STAT.QUEUED]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.CURRENT]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n [PROGRESS_STEP_STAT.INVALID]: Warning16,\n};\n\n/**\n * Progress step.\n *\n * @element bx-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nclass BXProgressStep extends FocusMixin(LitElement) {\n /**\n * `true` if the progress step should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The a11y text for the icon.\n */\n @property({ attribute: 'icon-label' })\n iconLabel!: string;\n\n /**\n * The primary progress label.\n */\n @property({ attribute: 'label-text' })\n labelText!: string;\n\n /**\n * The secondary progress label.\n */\n @property({ attribute: 'secondary-label-text' })\n secondaryLabelText!: string;\n\n /**\n * The progress state.\n */\n @property()\n state = PROGRESS_STEP_STAT.QUEUED;\n\n /**\n * `true` if the progress step should be vertical.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n }\n }\n\n render() {\n const { iconLabel, labelText, secondaryLabelText, state } = this;\n return html`\n ${icons[state]({\n class: {\n [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n }[state],\n children: !iconLabel ? undefined : svg`<title>${iconLabel}</title>`,\n })}\n <slot>\n <p\n role=\"button\"\n class=\"${prefix}--progress-label\"\n tabindex=\"0\"\n aria-describedby=\"label-tooltip\">\n ${labelText}\n </p>\n </slot>\n <slot name=\"secondary-label-text\">\n ${!secondaryLabelText\n ? undefined\n : html`\n <p class=\"${prefix}--progress-optional\">${secondaryLabelText}</p>\n `}\n </slot>\n <span class=\"${prefix}--progress-line\"></span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStep;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,IAAI,EAAEC,GAAG,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AAC7D,OAAOC,kBAAkB,MAAM,mCAAyC;AACxE,OAAOC,SAAS,MAAM,wBAA8B;AACpD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iCAAiC;AACpD,OAAOC,UAAU,MAAM,4BAA4B;AACnD,SAASC,kBAAkB,QAAQ,QAAQ;AAC3C,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASH,kBAAkB;AAE3B,MAAM;EAAEI;AAAO,CAAC,GAAGP,QAAQ;;AAE3B;AACA;AACA;AACA,MAAMQ,KAAK,GAAG;EACZ,CAACL,kBAAkB,CAACM,MAAM,GAAG,CAAC;IAC5BC,QAAQ;IACRC,KAAK,EAALA,MAAK,GAAG,CAAC;EAIX,CAAC,GAAG,CAAC,CAAC,KACJhB,GAAG,CAAAiB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AACR,kBAAgB,CAAgB;AAChC,UAAQ,CAAW;AACnB;AACA;AACA,KAAI,GAJcZ,MAAM,CAACU,MAAK,CAAC,EACrBD,QAAQ,CAGb;EACH,CAACP,kBAAkB,CAACW,OAAO,GAAG,CAAC;IAC7BJ,QAAQ;IACRC,KAAK,EAALA,OAAK,GAAG,CAAC;EAIX,CAAC,GAAG,CAAC,CAAC,KACJhB,GAAG,CAAAoB,GAAA,KAAAA,GAAA,GAAAF,CAAC;AACR,kBAAgB,CAAgB;AAChC,UAAQ,CAAW;AACnB;AACA;AACA,KAAI,GAJcZ,MAAM,CAACU,OAAK,CAAC,EACrBD,QAAQ,CAGb;EACH,CAACP,kBAAkB,CAACa,QAAQ,GAAGlB,kBAAkB;EACjD,CAACK,kBAAkB,CAACc,OAAO,GAAGlB;AAChC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AALA,IAOMmB,cAAc,GAAAC,SAAA,EADnBb,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAa,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA2FpD;EAAC;IAAAI,CAAA,EA3FKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjB/B,QAAQ,CAAC;QAAEgC,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKf/B,QAAQ,CAAC;QAAEqC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMrC/B,QAAQ,CAAC;QAAEqC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMrC/B,QAAQ,CAAC;QAAEqC,SAAS,EAAE;MAAuB,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAM/C/B,QAAQ,CAAC,CAAC;MAAAmC,GAAA;MAAAC,MAAA;QAAA,OACH7B,kBAAkB,CAACM,MAAM;MAAA;IAAA;MAAAiB,IAAA;MAAAC,UAAA,GAOhC/B,QAAQ,CAAC;QAAEgC,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MApChB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE,SAAAE,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAT,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAW,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CApDE7B,cAAc,CAAA8B,SAAA,8BAAAC,IAAA;MAqDlB;IAAC;MAAAvB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAkB,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC,IAAI,CAACP,YAAY,CAAC,eAAe,EAAEQ,MAAM,CAACxB,OAAO,CAAC,IAAI,CAACyB,QAAQ,CAAC,CAAC,CAAC;QACpE;MACF;IAAC;MAAA5B,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAuB,OAAA,EAAS;QACP,MAAM;UAAEC,SAAS;UAAEC,SAAS;UAAEC,kBAAkB;UAAEC;QAAM,CAAC,GAAG,IAAI;QAChE,OAAOjE,IAAI,CAAAkE,GAAA,KAAAA,GAAA,GAAA/C,CAAA,2NACPL,KAAK,CAACmD,KAAK,CAAC,CAAC;UACbE,KAAK,EAAE;YACL,CAAC1D,kBAAkB,CAACc,OAAO,GAAI,GAAEV,MAAO;UAC1C,CAAC,CAACoD,KAAK,CAAC;UACRjD,QAAQ,EAAE,CAAC8C,SAAS,GAAGM,SAAS,GAAGnE,GAAG,CAAAoE,GAAA,KAAAA,GAAA,GAAAlD,CAAC,UAAO,CAAY,UAAQ,GAAlB2C,SAAS;QAC3D,CAAC,CAAC,EAIWjD,MAAM,EAGbkD,SAAS,EAIX,CAACC,kBAAkB,GACjBI,SAAS,GACTpE,IAAI,CAAAsE,GAAA,KAAAA,GAAA,GAAAnD,CAAA,kDACUN,MAAM,EAAwBmD,kBAAkB,CAC7D,EAEQnD,MAAM;MAEzB;IAAC;MAAAmB,IAAA;MAAAuC,MAAA;MAAAlC,GAAA;MAAAC,MAAA;QAAA,OAEe5B,MAAM;MAAA;IAAA;EAAA;AAAA,GA1FKF,UAAU,CAACL,UAAU,CAAC;AA6FnD,eAAeqB,cAAc"}
1
+ {"version":3,"file":"progress-step.js","names":["html","svg","property","LitElement","CheckmarkOutline16","Warning16","settings","spread","FocusMixin","PROGRESS_STEP_STAT","styles","carbonElement","customElement","prefix","icons","QUEUED","children","attrs","_t","_","CURRENT","_t2","COMPLETE","INVALID","BXProgressStep","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","String","disabled","render","iconLabel","labelText","secondaryLabelText","state","_t3","class","undefined","_t4","_t5","static"],"sources":["components/progress-indicator/progress-step.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { SVGTemplateResult } from 'lit-html';\nimport { html, svg, property, LitElement } from 'lit-element';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport spread from '../../globals/directives/spread';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { PROGRESS_STEP_STAT };\n\nconst { prefix } = settings;\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n [PROGRESS_STEP_STAT.QUEUED]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.CURRENT]: ({\n children,\n attrs = {},\n }: {\n children?: SVGTemplateResult;\n attrs?: { [key: string]: string };\n } = {}) =>\n svg`\n <svg ...=\"${spread(attrs)}\">\n ${children}\n <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n </svg>\n `,\n [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n [PROGRESS_STEP_STAT.INVALID]: Warning16,\n};\n\n/**\n * Progress step.\n *\n * @element bx-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nclass BXProgressStep extends FocusMixin(LitElement) {\n /**\n * `true` if the progress step should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The a11y text for the icon.\n */\n @property({ attribute: 'icon-label' })\n iconLabel!: string;\n\n /**\n * The primary progress label.\n */\n @property({ attribute: 'label-text' })\n labelText!: string;\n\n /**\n * The secondary progress label.\n */\n @property({ attribute: 'secondary-label-text' })\n secondaryLabelText!: string;\n\n /**\n * The progress state.\n */\n @property()\n state = PROGRESS_STEP_STAT.QUEUED;\n\n /**\n * `true` if the progress step should be vertical.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n }\n }\n\n render() {\n const { iconLabel, labelText, secondaryLabelText, state } = this;\n return html`\n ${icons[state]({\n class: {\n [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n }[state],\n children: !iconLabel ? undefined : svg`<title>${iconLabel}</title>`,\n })}\n <slot>\n <p\n role=\"button\"\n class=\"${prefix}--progress-label\"\n tabindex=\"0\"\n aria-describedby=\"label-tooltip\">\n ${labelText}\n </p>\n </slot>\n <slot name=\"secondary-label-text\">\n ${!secondaryLabelText\n ? undefined\n : html`\n <p class=\"${prefix}--progress-optional\">${secondaryLabelText}</p>\n `}\n </slot>\n <span class=\"${prefix}--progress-line\"></span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXProgressStep;\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-group.js","names":["html","property","LitElement","settings","FormMixin","HostListenerMixin","HostListener","find","forEach","RADIO_BUTTON_LABEL_POSITION","RADIO_BUTTON_ORIENTATION","styles","carbonElement","customElement","prefix","BXRadioButtonGroup","_decorate","_initialize","_FormMixin","constructor","args","F","d","kind","decorators","key","value","selectorRadioButton","selected","querySelectorAll","elem","checked","oldValue","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleFormdata","event","formData","disabled","name","append","type","Boolean","reflect","attribute","RIGHT","HORIZONTAL","updated","changedProperties","has","render","_t","_","static","eventChangeRadioButton"],"sources":["components/radio-button/radio-button-group.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport BXRadioButton from './radio-button';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\nconst { prefix } = settings;\n\n/**\n * Radio button group.\n *\n * @element bx-radio-button-group\n * @fires bx-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass BXRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n /**\n * Handles user-initiated change in selected radio button.\n */\n @HostListener('eventChangeRadioButton')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleAfterChangeRadioButton = () => {\n const { selectorRadioButton } = this\n .constructor as typeof BXRadioButtonGroup;\n const selected = find(\n this.querySelectorAll(selectorRadioButton),\n (elem) => (elem as BXRadioButton).checked\n );\n const oldValue = this.value;\n this.value = selected && selected.value;\n if (oldValue !== this.value) {\n const { eventChange } = this.constructor as typeof BXRadioButtonGroup;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n },\n })\n );\n }\n };\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { disabled, name, value } = this;\n if (\n !disabled &&\n typeof name !== 'undefined' &&\n typeof value !== 'undefined'\n ) {\n formData.append(name, value);\n }\n }\n\n /**\n * `true` if the check box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label position.\n */\n @property({ reflect: true, attribute: 'label-position' })\n labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n /**\n * The `name` attribute for the `<input>` for selection.\n */\n @property()\n name!: string;\n\n /**\n * The orientation to lay out radio buttons.\n */\n @property({ reflect: true })\n orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n /**\n * The `value` attribute for the `<input>` for selection.\n */\n @property()\n value!: string;\n\n updated(changedProperties) {\n const { selectorRadioButton } = this\n .constructor as typeof BXRadioButtonGroup;\n ['disabled', 'labelPosition', 'orientation', 'name'].forEach((name) => {\n if (changedProperties.has(name)) {\n const { [name as keyof BXRadioButtonGroup]: value } = this;\n // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n (elem as BXRadioButton)[name] = value;\n });\n }\n });\n if (changedProperties.has('value')) {\n const { value } = this;\n forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n (elem as BXRadioButton).checked =\n value === (elem as BXRadioButton).value;\n });\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return the radio buttons.\n */\n static get selectorRadioButton() {\n return `${prefix}-radio-button`;\n }\n\n /**\n * The name of the custom event fired after this radio button group changes its selected item.\n */\n static get eventChange() {\n return `${prefix}-radio-button-group-changed`;\n }\n\n /**\n * The name of the custom event fired after a radio button changes its checked state.\n */\n static get eventChangeRadioButton() {\n return `${prefix}-radio-button-changed`;\n }\n\n static styles = styles;\n}\n\nexport default BXRadioButtonGroup;\n"],"mappings":"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"}
1
+ {"version":3,"file":"radio-button-group.js","names":["html","property","LitElement","settings","FormMixin","HostListenerMixin","HostListener","find","forEach","RADIO_BUTTON_LABEL_POSITION","RADIO_BUTTON_ORIENTATION","styles","carbonElement","customElement","prefix","BXRadioButtonGroup","_decorate","_initialize","_FormMixin","constructor","args","F","d","kind","decorators","key","value","selectorRadioButton","selected","querySelectorAll","elem","checked","oldValue","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleFormdata","event","formData","disabled","name","append","type","Boolean","reflect","attribute","RIGHT","HORIZONTAL","updated","changedProperties","has","render","_t","_","static","eventChangeRadioButton"],"sources":["components/radio-button/radio-button-group.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport BXRadioButton from './radio-button';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\nconst { prefix } = settings;\n\n/**\n * Radio button group.\n *\n * @element bx-radio-button-group\n * @fires bx-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass BXRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n /**\n * Handles user-initiated change in selected radio button.\n */\n @HostListener('eventChangeRadioButton')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleAfterChangeRadioButton = () => {\n const { selectorRadioButton } = this\n .constructor as typeof BXRadioButtonGroup;\n const selected = find(\n this.querySelectorAll(selectorRadioButton),\n (elem) => (elem as BXRadioButton).checked\n );\n const oldValue = this.value;\n this.value = selected && selected.value;\n if (oldValue !== this.value) {\n const { eventChange } = this.constructor as typeof BXRadioButtonGroup;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n },\n })\n );\n }\n };\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { disabled, name, value } = this;\n if (\n !disabled &&\n typeof name !== 'undefined' &&\n typeof value !== 'undefined'\n ) {\n formData.append(name, value);\n }\n }\n\n /**\n * `true` if the check box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label position.\n */\n @property({ reflect: true, attribute: 'label-position' })\n labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n /**\n * The `name` attribute for the `<input>` for selection.\n */\n @property()\n name!: string;\n\n /**\n * The orientation to lay out radio buttons.\n */\n @property({ reflect: true })\n orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n /**\n * The `value` attribute for the `<input>` for selection.\n */\n @property()\n value!: string;\n\n updated(changedProperties) {\n const { selectorRadioButton } = this\n .constructor as typeof BXRadioButtonGroup;\n ['disabled', 'labelPosition', 'orientation', 'name'].forEach((name) => {\n if (changedProperties.has(name)) {\n const { [name as keyof BXRadioButtonGroup]: value } = this;\n // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n (elem as BXRadioButton)[name] = value;\n });\n }\n });\n if (changedProperties.has('value')) {\n const { value } = this;\n forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n (elem as BXRadioButton).checked =\n value === (elem as BXRadioButton).value;\n });\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return the radio buttons.\n */\n static get selectorRadioButton() {\n return `${prefix}-radio-button`;\n }\n\n /**\n * The name of the custom event fired after this radio button group changes its selected item.\n */\n static get eventChange() {\n return `${prefix}-radio-button-group-changed`;\n }\n\n /**\n * The name of the custom event fired after a radio button changes its checked state.\n */\n static get eventChangeRadioButton() {\n return `${prefix}-radio-button-changed`;\n }\n\n static styles = styles;\n}\n\nexport default BXRadioButtonGroup;\n"],"mappings":"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"}
@@ -34,7 +34,10 @@ let BXRadioButtonSkeleton = _decorate([customElement(`${prefix}-radio-button-ske
34
34
  kind: "method",
35
35
  key: "render",
36
36
  value: function render() {
37
- return html(_t || (_t = _` <div class="${0}--radio-button ${0}--skeleton"></div> <span class="${0}--radio-button__label ${0}--skeleton"></span> `), prefix, prefix, prefix, prefix);
37
+ return html(_t || (_t = _`
38
+ <div class="${0}--radio-button ${0}--skeleton"></div>
39
+ <span class="${0}--radio-button__label ${0}--skeleton"></span>
40
+ `), prefix, prefix, prefix, prefix);
38
41
  }
39
42
  }, {
40
43
  kind: "field",
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-skeleton.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXRadioButtonSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/radio-button/radio-button-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass BXRadioButtonSkeleton extends LitElement {\n render() {\n return html`\n <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXRadioButtonSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,yBAAqB;AACxC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,qBAAqB,GAAAC,SAAA,EAD1BH,aAAa,CAAE,GAAEC,MAAO,wBAAuB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAS/C;EAAC;IAAAI,CAAA,EATKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACzB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA,2HACKd,MAAM,EAAkBA,MAAM,EAC7BA,MAAM,EAAyBA,MAAM;MAExD;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GARYF,UAAU;AAW9C,eAAeM,qBAAqB"}
1
+ {"version":3,"file":"radio-button-skeleton.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXRadioButtonSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/radio-button/radio-button-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass BXRadioButtonSkeleton extends LitElement {\n render() {\n return html`\n <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXRadioButtonSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,yBAAqB;AACxC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,qBAAqB,GAAAC,SAAA,EAD1BH,aAAa,CAAE,GAAEC,MAAO,wBAAuB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAS/C;EAAC;IAAAI,CAAA,EATKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACzB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS,kBAAe,CAAS;AACnD,qBAAmB,CAAS,yBAAsB,CAAS;AAC3D,KAAI,GAFgBd,MAAM,EAAkBA,MAAM,EAC7BA,MAAM,EAAyBA,MAAM;MAExD;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GARYF,UAAU;AAW9C,eAAeM,qBAAqB"}
@@ -354,7 +354,20 @@ let BXRadioButton = _decorate([customElement(`${prefix}-radio-button`)], functio
354
354
  const innerLabelClasses = classMap({
355
355
  [`${prefix}--visually-hidden`]: hideLabel
356
356
  });
357
- return html(_t || (_t = _` <input id="input" type="radio" class="${0}--radio-button" .checked="${0}" ?disabled="${0}" name="${0}" value="${0}"> <label for="input" class="${0}--radio-button__label"> <span class="${0}--radio-button__appearance"></span> <span class="${0}"><slot>${0}</slot></span> </label> `), prefix, checked, disabled, ifNonNull(name), ifNonNull(value), prefix, prefix, innerLabelClasses, labelText);
357
+ return html(_t || (_t = _`
358
+ <input
359
+ id="input"
360
+ type="radio"
361
+ class="${0}--radio-button"
362
+ .checked=${0}
363
+ ?disabled="${0}"
364
+ name=${0}
365
+ value=${0} />
366
+ <label for="input" class="${0}--radio-button__label">
367
+ <span class="${0}--radio-button__appearance"></span>
368
+ <span class="${0}"><slot>${0}</slot></span>
369
+ </label>
370
+ `), prefix, checked, disabled, ifNonNull(name), ifNonNull(value), prefix, prefix, innerLabelClasses, labelText);
358
371
  }
359
372
 
360
373
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button.js","names":["classMap","html","property","query","LitElement","settings","ifNonNull","HostListener","FocusMixin","HostListenerMixin","RadioGroupManager","NAVIGATION_DIRECTION","RADIO_BUTTON_LABEL_POSITION","RADIO_BUTTON_ORIENTATION","styles","carbonElement","customElement","prefix","navigationDirectionForKeyHorizontal","ArrowLeft","BACKWARD","Left","ArrowRight","FORWARD","Right","navigationDirectionForKeyVertical","ArrowUp","Up","ArrowDown","Down","RadioButtonDelegate","constructor","radio","_radio","checked","host","getRootNode","eventChange","tabIndex","dispatchEvent","CustomEvent","bubbles","composed","detail","name","compareDocumentPosition","other","focus","BXRadioButton","_decorate","_initialize","_HostListenerMixin","args","F","d","kind","key","value","decorators","disabled","_radioButtonDelegate","radioButtonDelegate","_manager","select","event","orientation","manager","navigationDirectionForKey","HORIZONTAL","navigationDirection","navigate","type","Boolean","reflect","attribute","RIGHT","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","disconnectedCallback","delete","_get","_getPrototypeOf","prototype","call","firstUpdated","_inputNode","updated","changedProperties","inputNode","has","get","add","setAttribute","shouldBeFocusable","render","hideLabel","labelText","innerLabelClasses","_t","_","static"],"sources":["components/radio-button/radio-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n NAVIGATION_DIRECTION,\n ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\nconst { prefix } = settings;\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n /**\n * The radio button to target.\n */\n private _radio: HTMLInputElement;\n\n constructor(radio: HTMLInputElement) {\n this._radio = radio;\n }\n\n get checked() {\n return this._radio.checked;\n }\n\n set checked(checked) {\n const { host } = this._radio.getRootNode() as ShadowRoot;\n const { eventChange } = host.constructor as typeof BXRadioButton; // eslint-disable-line no-use-before-define\n (host as BXRadioButton).checked = checked;\n this._radio.tabIndex = checked ? 0 : -1;\n host.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n checked,\n },\n })\n );\n }\n\n get tabIndex() {\n return this._radio.tabIndex;\n }\n\n set tabIndex(tabIndex) {\n this._radio.tabIndex = tabIndex;\n }\n\n get name() {\n return this._radio.name;\n }\n\n compareDocumentPosition(other: RadioButtonDelegate) {\n return this._radio.compareDocumentPosition(other._radio);\n }\n\n focus() {\n this._radio.focus();\n }\n}\n\n/**\n * Radio button.\n *\n * @element bx-radio-button\n * @fires bx-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass BXRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * The radio group manager associated with the radio button.\n */\n private _manager: RadioGroupManager | null = null;\n\n /**\n * The interface for `RadioGroupManager` for radio button.\n */\n private _radioButtonDelegate!: RadioButtonDelegate;\n\n /**\n * The hidden radio button.\n */\n @query('#input')\n private _inputNode!: HTMLInputElement;\n\n /**\n * Handles `click` event on this element.\n */\n @HostListener('click')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClick = () => {\n const { disabled, _radioButtonDelegate: radioButtonDelegate } = this;\n if (radioButtonDelegate && !disabled) {\n this.checked = true;\n if (this._manager) {\n this._manager.select(radioButtonDelegate);\n }\n }\n };\n\n /**\n * Handles `keydown` event on this element.\n */\n @HostListener('keydown')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = (event: KeyboardEvent) => {\n const { orientation, _radioButtonDelegate: radioButtonDelegate } = this;\n const manager = this._manager;\n if (radioButtonDelegate && manager) {\n const navigationDirectionForKey =\n orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n ? navigationDirectionForKeyHorizontal\n : navigationDirectionForKeyVertical;\n const navigationDirection = navigationDirectionForKey[event.key];\n if (navigationDirection) {\n manager.select(\n manager.navigate(radioButtonDelegate, navigationDirection)\n );\n }\n if (event.key === ' ' || event.key === 'Enter') {\n manager.select(radioButtonDelegate);\n }\n }\n };\n\n /**\n * `true` if this radio button should be checked.\n */\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n /**\n * `true` if the check box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if the label should be hidden.\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /**\n * The label position.\n */\n @property({ reflect: true, attribute: 'label-position' })\n labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The `name` attribute for the `<input>` for selection.\n */\n @property()\n name!: string;\n\n /**\n * The orientation to lay out radio buttons.\n */\n @property({ reflect: true })\n orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n /**\n * The `value` attribute for the `<input>` for selection.\n */\n @property()\n value!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n disconnectedCallback() {\n if (this._manager) {\n this._manager.delete(this._radioButtonDelegate);\n }\n super.disconnectedCallback();\n }\n\n firstUpdated() {\n this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n }\n\n updated(changedProperties) {\n const {\n _inputNode: inputNode,\n _radioButtonDelegate: radioButtonDelegate,\n name,\n } = this;\n if (changedProperties.has('checked') || changedProperties.has('name')) {\n if (!this._manager) {\n this._manager = RadioGroupManager.get(\n this.getRootNode({ composed: true }) as Document\n );\n }\n const { _manager: manager } = this;\n if (changedProperties.has('name')) {\n manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n if (name) {\n manager!.add(radioButtonDelegate);\n }\n }\n inputNode.setAttribute(\n 'tabindex',\n !name || !manager || !manager.shouldBeFocusable(radioButtonDelegate)\n ? '-1'\n : '0'\n );\n }\n }\n\n render() {\n const { checked, hideLabel, labelText, name, value, disabled } = this;\n const innerLabelClasses = classMap({\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n return html`\n <input\n id=\"input\"\n type=\"radio\"\n class=\"${prefix}--radio-button\"\n .checked=${checked}\n ?disabled=\"${disabled}\"\n name=${ifNonNull(name)}\n value=${ifNonNull(value)} />\n <label for=\"input\" class=\"${prefix}--radio-button__label\">\n <span class=\"${prefix}--radio-button__appearance\"></span>\n <span class=\"${innerLabelClasses}\"><slot>${labelText}</slot></span>\n </label>\n `;\n }\n\n /**\n * The name of the custom event fired after this radio button changes its checked state.\n */\n static get eventChange() {\n return `${prefix}-radio-button-changed`;\n }\n\n static styles = styles;\n}\n\nexport default BXRadioButton;\n"],"mappings":"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"}
1
+ {"version":3,"file":"radio-button.js","names":["classMap","html","property","query","LitElement","settings","ifNonNull","HostListener","FocusMixin","HostListenerMixin","RadioGroupManager","NAVIGATION_DIRECTION","RADIO_BUTTON_LABEL_POSITION","RADIO_BUTTON_ORIENTATION","styles","carbonElement","customElement","prefix","navigationDirectionForKeyHorizontal","ArrowLeft","BACKWARD","Left","ArrowRight","FORWARD","Right","navigationDirectionForKeyVertical","ArrowUp","Up","ArrowDown","Down","RadioButtonDelegate","constructor","radio","_radio","checked","host","getRootNode","eventChange","tabIndex","dispatchEvent","CustomEvent","bubbles","composed","detail","name","compareDocumentPosition","other","focus","BXRadioButton","_decorate","_initialize","_HostListenerMixin","args","F","d","kind","key","value","decorators","disabled","_radioButtonDelegate","radioButtonDelegate","_manager","select","event","orientation","manager","navigationDirectionForKey","HORIZONTAL","navigationDirection","navigate","type","Boolean","reflect","attribute","RIGHT","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","disconnectedCallback","delete","_get","_getPrototypeOf","prototype","call","firstUpdated","_inputNode","updated","changedProperties","inputNode","has","get","add","setAttribute","shouldBeFocusable","render","hideLabel","labelText","innerLabelClasses","_t","_","static"],"sources":["components/radio-button/radio-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n NAVIGATION_DIRECTION,\n ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\nconst { prefix } = settings;\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n /**\n * The radio button to target.\n */\n private _radio: HTMLInputElement;\n\n constructor(radio: HTMLInputElement) {\n this._radio = radio;\n }\n\n get checked() {\n return this._radio.checked;\n }\n\n set checked(checked) {\n const { host } = this._radio.getRootNode() as ShadowRoot;\n const { eventChange } = host.constructor as typeof BXRadioButton; // eslint-disable-line no-use-before-define\n (host as BXRadioButton).checked = checked;\n this._radio.tabIndex = checked ? 0 : -1;\n host.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n checked,\n },\n })\n );\n }\n\n get tabIndex() {\n return this._radio.tabIndex;\n }\n\n set tabIndex(tabIndex) {\n this._radio.tabIndex = tabIndex;\n }\n\n get name() {\n return this._radio.name;\n }\n\n compareDocumentPosition(other: RadioButtonDelegate) {\n return this._radio.compareDocumentPosition(other._radio);\n }\n\n focus() {\n this._radio.focus();\n }\n}\n\n/**\n * Radio button.\n *\n * @element bx-radio-button\n * @fires bx-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass BXRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * The radio group manager associated with the radio button.\n */\n private _manager: RadioGroupManager | null = null;\n\n /**\n * The interface for `RadioGroupManager` for radio button.\n */\n private _radioButtonDelegate!: RadioButtonDelegate;\n\n /**\n * The hidden radio button.\n */\n @query('#input')\n private _inputNode!: HTMLInputElement;\n\n /**\n * Handles `click` event on this element.\n */\n @HostListener('click')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClick = () => {\n const { disabled, _radioButtonDelegate: radioButtonDelegate } = this;\n if (radioButtonDelegate && !disabled) {\n this.checked = true;\n if (this._manager) {\n this._manager.select(radioButtonDelegate);\n }\n }\n };\n\n /**\n * Handles `keydown` event on this element.\n */\n @HostListener('keydown')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = (event: KeyboardEvent) => {\n const { orientation, _radioButtonDelegate: radioButtonDelegate } = this;\n const manager = this._manager;\n if (radioButtonDelegate && manager) {\n const navigationDirectionForKey =\n orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n ? navigationDirectionForKeyHorizontal\n : navigationDirectionForKeyVertical;\n const navigationDirection = navigationDirectionForKey[event.key];\n if (navigationDirection) {\n manager.select(\n manager.navigate(radioButtonDelegate, navigationDirection)\n );\n }\n if (event.key === ' ' || event.key === 'Enter') {\n manager.select(radioButtonDelegate);\n }\n }\n };\n\n /**\n * `true` if this radio button should be checked.\n */\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n /**\n * `true` if the check box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if the label should be hidden.\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /**\n * The label position.\n */\n @property({ reflect: true, attribute: 'label-position' })\n labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The `name` attribute for the `<input>` for selection.\n */\n @property()\n name!: string;\n\n /**\n * The orientation to lay out radio buttons.\n */\n @property({ reflect: true })\n orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n /**\n * The `value` attribute for the `<input>` for selection.\n */\n @property()\n value!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n disconnectedCallback() {\n if (this._manager) {\n this._manager.delete(this._radioButtonDelegate);\n }\n super.disconnectedCallback();\n }\n\n firstUpdated() {\n this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n }\n\n updated(changedProperties) {\n const {\n _inputNode: inputNode,\n _radioButtonDelegate: radioButtonDelegate,\n name,\n } = this;\n if (changedProperties.has('checked') || changedProperties.has('name')) {\n if (!this._manager) {\n this._manager = RadioGroupManager.get(\n this.getRootNode({ composed: true }) as Document\n );\n }\n const { _manager: manager } = this;\n if (changedProperties.has('name')) {\n manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n if (name) {\n manager!.add(radioButtonDelegate);\n }\n }\n inputNode.setAttribute(\n 'tabindex',\n !name || !manager || !manager.shouldBeFocusable(radioButtonDelegate)\n ? '-1'\n : '0'\n );\n }\n }\n\n render() {\n const { checked, hideLabel, labelText, name, value, disabled } = this;\n const innerLabelClasses = classMap({\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n return html`\n <input\n id=\"input\"\n type=\"radio\"\n class=\"${prefix}--radio-button\"\n .checked=${checked}\n ?disabled=\"${disabled}\"\n name=${ifNonNull(name)}\n value=${ifNonNull(value)} />\n <label for=\"input\" class=\"${prefix}--radio-button__label\">\n <span class=\"${prefix}--radio-button__appearance\"></span>\n <span class=\"${innerLabelClasses}\"><slot>${labelText}</slot></span>\n </label>\n `;\n }\n\n /**\n * The name of the custom event fired after this radio button changes its checked state.\n */\n static get eventChange() {\n return `${prefix}-radio-button-changed`;\n }\n\n static styles = styles;\n}\n\nexport default BXRadioButton;\n"],"mappings":"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"}
@@ -49,7 +49,10 @@ let BXSearchSkeleton = _decorate([customElement(`${prefix}-search-skeleton`)], f
49
49
  */
50
50
 
51
51
  function render() {
52
- return html(_t || (_t = _` <span class="${0}--label"></span> <div class="${0}--search-input"></div> `), prefix, prefix);
52
+ return html(_t || (_t = _`
53
+ <span class="${0}--label"></span>
54
+ <div class="${0}--search-input"></div>
55
+ `), prefix, prefix);
53
56
  }
54
57
  }, {
55
58
  kind: "field",
@@ -1 +1 @@
1
- {"version":3,"file":"search-skeleton.js","names":["html","property","LitElement","settings","INPUT_SIZE","styles","carbonElement","customElement","prefix","BXSearchSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","render","_t","_","static"],"sources":["components/search/search-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { INPUT_SIZE } from '../input/input';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass BXSearchSkeleton extends LitElement {\n /**\n * The search box size. Corresponds to the attribute with the same name.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.REGULAR;\n\n render() {\n return html`\n <span class=\"${prefix}--label\"></span>\n <div class=\"${prefix}--search-input\"></div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXSearchSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAe1C;EAAC;IAAAI,CAAA,EAfKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInBjB,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,UAAU,CAACkB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJzB;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA,+EACMjB,MAAM,EACPA,MAAM;MAExB;IAAC;MAAAS,IAAA;MAAAS,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAdOH,UAAU;AAiBzC,eAAeO,gBAAgB"}
1
+ {"version":3,"file":"search-skeleton.js","names":["html","property","LitElement","settings","INPUT_SIZE","styles","carbonElement","customElement","prefix","BXSearchSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","render","_t","_","static"],"sources":["components/search/search-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { INPUT_SIZE } from '../input/input';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass BXSearchSkeleton extends LitElement {\n /**\n * The search box size. Corresponds to the attribute with the same name.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.REGULAR;\n\n render() {\n return html`\n <span class=\"${prefix}--label\"></span>\n <div class=\"${prefix}--search-input\"></div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXSearchSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAe1C;EAAC;IAAAI,CAAA,EAfKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInBjB,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,UAAU,CAACkB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJzB;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,qBAAmB,CAAS;AAC5B,oBAAkB,CAAS;AAC3B,KAAI,GAFiBjB,MAAM,EACPA,MAAM;MAExB;IAAC;MAAAS,IAAA;MAAAS,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAdOH,UAAU;AAiBzC,eAAeO,gBAAgB"}
@@ -248,7 +248,31 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
248
248
  [`${prefix}--search-close`]: true,
249
249
  [`${prefix}--search-close--hidden`]: !this.value
250
250
  });
251
- return html(_t || (_t = _` ${0} <label for="input" part="label-text" class="${0}--label"> <slot>${0}</slot> </label> <input id="input" part="input" type="${0}" class="${0}--search-input" ?disabled="${0}" name="${0}" placeholder="${0}" role="searchbox" .value="${0}" @input="${0}"> <button part="close-button" class="${0}" @click="${0}" type="button" aria-label="${0}"> ${0} </button> `), Search16({
251
+ return html(_t || (_t = _`
252
+ ${0}
253
+ <label for="input" part="label-text" class="${0}--label">
254
+ <slot>${0}</slot>
255
+ </label>
256
+ <input
257
+ id="input"
258
+ part="input"
259
+ type="${0}"
260
+ class="${0}--search-input"
261
+ ?disabled="${0}"
262
+ name="${0}"
263
+ placeholder="${0}"
264
+ role="searchbox"
265
+ .value="${0}"
266
+ @input="${0}" />
267
+ <button
268
+ part="close-button"
269
+ class="${0}"
270
+ @click="${0}"
271
+ type="button"
272
+ aria-label="${0}">
273
+ ${0}
274
+ </button>
275
+ `), Search16({
252
276
  part: 'search-icon',
253
277
  class: `${prefix}--search-magnifier-icon`,
254
278
  role: 'img'
@@ -1 +1 @@
1
- {"version":3,"file":"search.js","names":["classMap","html","property","LitElement","Close16","Close20","Search16","settings","ifNonEmpty","FocusMixin","FormMixin","INPUT_SIZE","SEARCH_COLOR_SCHEME","styles","carbonElement","customElement","prefix","BXSearch","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleInput","event","target","dispatchEvent","CustomEvent","eventInput","bubbles","composed","cancelable","detail","_handleClearInputButtonClick","input","shadowRoot","querySelector","focus","_handleFormdata","formData","disabled","name","append","decorators","attribute","reflect","REGULAR","type","Boolean","String","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","closeButtonAssistiveText","labelText","placeholder","size","handleInput","handleClearInputButtonClick","clearClasses","_t","_","part","class","role","SMALL","static"],"sources":["components/search/search.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport Search16 from '@carbon/icons/lib/search/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { INPUT_SIZE } from '../input/input';\nimport { SEARCH_COLOR_SCHEME } from './defs';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SEARCH_COLOR_SCHEME };\n\nconst { prefix } = settings;\n\n/**\n * Search box.\n *\n * @element bx-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires bx-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass BXSearch extends FocusMixin(FormMixin(LitElement)) {\n /**\n * Handles `input` event on the `<input>` in the shadow DOM.\n */\n private _handleInput(event: Event) {\n const { target } = event;\n const { value } = target as HTMLInputElement;\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof BXSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value,\n },\n })\n );\n this.value = value;\n }\n\n /**\n * Handles `click` event on the button to clear search box content.\n */\n private _handleClearInputButtonClick() {\n if (this.value) {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof BXSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value: '',\n },\n })\n );\n this.value = '';\n\n // set focus on back to input once search is cleared\n const input = this.shadowRoot!.querySelector('input');\n (input as HTMLElement).focus();\n }\n }\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /**\n * The assistive text for the close button.\n */\n @property({ attribute: 'close-button-assistive-text' })\n closeButtonAssistiveText = '';\n\n /**\n * The color scheme.\n */\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = SEARCH_COLOR_SCHEME.REGULAR;\n\n /**\n * `true` if the search box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The form name in `FormData`.\n */\n @property()\n name = '';\n\n /**\n * The placeholder text.\n */\n @property()\n placeholder = '';\n\n /**\n * The search box size.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.REGULAR;\n\n /**\n * The `<input>` name.\n */\n @property()\n type = '';\n\n /**\n * The value.\n */\n @property({ type: String })\n value = '';\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n closeButtonAssistiveText,\n disabled,\n labelText,\n name,\n placeholder,\n size,\n type,\n value = '',\n _handleInput: handleInput,\n _handleClearInputButtonClick: handleClearInputButtonClick,\n } = this;\n const clearClasses = classMap({\n [`${prefix}--search-close`]: true,\n [`${prefix}--search-close--hidden`]: !this.value,\n });\n return html`\n ${Search16({\n part: 'search-icon',\n class: `${prefix}--search-magnifier-icon`,\n role: 'img',\n })}\n <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n <slot>${labelText}</slot>\n </label>\n <input\n id=\"input\"\n part=\"input\"\n type=\"${ifNonEmpty(type)}\"\n class=\"${prefix}--search-input\"\n ?disabled=\"${disabled}\"\n name=\"${ifNonEmpty(name)}\"\n placeholder=\"${ifNonEmpty(placeholder)}\"\n role=\"searchbox\"\n .value=\"${value}\"\n @input=\"${handleInput}\" />\n <button\n part=\"close-button\"\n class=\"${clearClasses}\"\n @click=\"${handleClearInputButtonClick}\"\n type=\"button\"\n aria-label=\"${closeButtonAssistiveText}\">\n ${(size === INPUT_SIZE.SMALL ? Close16 : Close20)({\n part: 'close-icon',\n 'aria-label': closeButtonAssistiveText,\n role: 'img',\n })}\n </button>\n `;\n }\n\n /**\n * The name of the custom event fired after the search content is changed upon a user gesture.\n */\n static get eventInput() {\n return `${prefix}-search-input`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXSearch;\n"],"mappings":"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"}
1
+ {"version":3,"file":"search.js","names":["classMap","html","property","LitElement","Close16","Close20","Search16","settings","ifNonEmpty","FocusMixin","FormMixin","INPUT_SIZE","SEARCH_COLOR_SCHEME","styles","carbonElement","customElement","prefix","BXSearch","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleInput","event","target","dispatchEvent","CustomEvent","eventInput","bubbles","composed","cancelable","detail","_handleClearInputButtonClick","input","shadowRoot","querySelector","focus","_handleFormdata","formData","disabled","name","append","decorators","attribute","reflect","REGULAR","type","Boolean","String","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","closeButtonAssistiveText","labelText","placeholder","size","handleInput","handleClearInputButtonClick","clearClasses","_t","_","part","class","role","SMALL","static"],"sources":["components/search/search.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport Search16 from '@carbon/icons/lib/search/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { INPUT_SIZE } from '../input/input';\nimport { SEARCH_COLOR_SCHEME } from './defs';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SEARCH_COLOR_SCHEME };\n\nconst { prefix } = settings;\n\n/**\n * Search box.\n *\n * @element bx-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires bx-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass BXSearch extends FocusMixin(FormMixin(LitElement)) {\n /**\n * Handles `input` event on the `<input>` in the shadow DOM.\n */\n private _handleInput(event: Event) {\n const { target } = event;\n const { value } = target as HTMLInputElement;\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof BXSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value,\n },\n })\n );\n this.value = value;\n }\n\n /**\n * Handles `click` event on the button to clear search box content.\n */\n private _handleClearInputButtonClick() {\n if (this.value) {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof BXSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value: '',\n },\n })\n );\n this.value = '';\n\n // set focus on back to input once search is cleared\n const input = this.shadowRoot!.querySelector('input');\n (input as HTMLElement).focus();\n }\n }\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /**\n * The assistive text for the close button.\n */\n @property({ attribute: 'close-button-assistive-text' })\n closeButtonAssistiveText = '';\n\n /**\n * The color scheme.\n */\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = SEARCH_COLOR_SCHEME.REGULAR;\n\n /**\n * `true` if the search box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The form name in `FormData`.\n */\n @property()\n name = '';\n\n /**\n * The placeholder text.\n */\n @property()\n placeholder = '';\n\n /**\n * The search box size.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.REGULAR;\n\n /**\n * The `<input>` name.\n */\n @property()\n type = '';\n\n /**\n * The value.\n */\n @property({ type: String })\n value = '';\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n closeButtonAssistiveText,\n disabled,\n labelText,\n name,\n placeholder,\n size,\n type,\n value = '',\n _handleInput: handleInput,\n _handleClearInputButtonClick: handleClearInputButtonClick,\n } = this;\n const clearClasses = classMap({\n [`${prefix}--search-close`]: true,\n [`${prefix}--search-close--hidden`]: !this.value,\n });\n return html`\n ${Search16({\n part: 'search-icon',\n class: `${prefix}--search-magnifier-icon`,\n role: 'img',\n })}\n <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n <slot>${labelText}</slot>\n </label>\n <input\n id=\"input\"\n part=\"input\"\n type=\"${ifNonEmpty(type)}\"\n class=\"${prefix}--search-input\"\n ?disabled=\"${disabled}\"\n name=\"${ifNonEmpty(name)}\"\n placeholder=\"${ifNonEmpty(placeholder)}\"\n role=\"searchbox\"\n .value=\"${value}\"\n @input=\"${handleInput}\" />\n <button\n part=\"close-button\"\n class=\"${clearClasses}\"\n @click=\"${handleClearInputButtonClick}\"\n type=\"button\"\n aria-label=\"${closeButtonAssistiveText}\">\n ${(size === INPUT_SIZE.SMALL ? Close16 : Close20)({\n part: 'close-icon',\n 'aria-label': closeButtonAssistiveText,\n role: 'img',\n })}\n </button>\n `;\n }\n\n /**\n * The name of the custom event fired after the search content is changed upon a user gesture.\n */\n static get eventInput() {\n return `${prefix}-search-input`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXSearch;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,OAAO,MAAM,sBAA4B;AAChD,OAAOC,OAAO,MAAM,sBAA4B;AAChD,OAAOC,QAAQ,MAAM,uBAA6B;AAClD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,UAAU,MAAM,uCAAuC;AAC9D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,SAAS,MAAM,2BAA2B;AACjD,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,mBAAmB,QAAQ,QAAQ;AAC5C,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASH,mBAAmB;AAE5B,MAAM;EAAEI;AAAO,CAAC,GAAGT,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAYMU,QAAQ,GAAAC,SAAA,EADbH,aAAa,CAAE,GAAEC,MAAO,SAAQ,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAlC,MACMH,QAAQ,SAAAG,WAAA,CAA2C;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8KzD;EAAC;IAAAI,CAAA,EA9KKN,QAAQ;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MACZ;AACF;AACA;MACE,SAAAC,aAAqBC,KAAY,EAAE;QACjC,MAAM;UAAEC;QAAO,CAAC,GAAGD,KAAK;QACxB,MAAM;UAAEF;QAAM,CAAC,GAAGG,MAA0B;QAC5C,IAAI,CAACC,aAAa,CAChB,IAAIC,WAAW,CAAE,IAAI,CAACX,WAAW,CAAqBY,UAAU,EAAE;UAChEC,OAAO,EAAE,IAAI;UACbC,QAAQ,EAAE,IAAI;UACdC,UAAU,EAAE,KAAK;UACjBC,MAAM,EAAE;YACNV;UACF;QACF,CAAC,CACH,CAAC;QACD,IAAI,CAACA,KAAK,GAAGA,KAAK;MACpB;;MAEA;AACF;AACA;IAFE;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAW,6BAAA,EAAuC;QACrC,IAAI,IAAI,CAACX,KAAK,EAAE;UACd,IAAI,CAACI,aAAa,CAChB,IAAIC,WAAW,CAAE,IAAI,CAACX,WAAW,CAAqBY,UAAU,EAAE;YAChEC,OAAO,EAAE,IAAI;YACbC,QAAQ,EAAE,IAAI;YACdC,UAAU,EAAE,KAAK;YACjBC,MAAM,EAAE;cACNV,KAAK,EAAE;YACT;UACF,CAAC,CACH,CAAC;UACD,IAAI,CAACA,KAAK,GAAG,EAAE;;UAEf;UACA,MAAMY,KAAK,GAAG,IAAI,CAACC,UAAU,CAAEC,aAAa,CAAC,OAAO,CAAC;UACpDF,KAAK,CAAiBG,KAAK,CAAC,CAAC;QAChC;MACF;IAAC;MAAAjB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAgB,gBAAgBd,KAAY,EAAE;QAC5B,MAAM;UAAEe;QAAS,CAAC,GAAGf,KAAY,CAAC,CAAC;QACnC,MAAM;UAAEgB,QAAQ;UAAEC,IAAI;UAAEnB;QAAM,CAAC,GAAG,IAAI;QACtC,IAAI,CAACkB,QAAQ,EAAE;UACbD,QAAQ,CAACG,MAAM,CAACD,IAAI,EAAEnB,KAAK,CAAC;QAC9B;MACF;;MAEA;AACF;AACA;IAFE;MAAAF,IAAA;MAAAuB,UAAA,GAGC9C,QAAQ,CAAC;QAAE+C,SAAS,EAAE;MAA8B,CAAC,CAAC;MAAAvB,GAAA;MAAAC,MAAA;QAAA,OAC5B,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAK5B9C,QAAQ,CAAC;QAAE+C,SAAS,EAAE,cAAc;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAxB,GAAA;MAAAC,MAAA;QAAA,OACzCf,mBAAmB,CAACuC,OAAO;MAAA;IAAA;MAAA1B,IAAA;MAAAuB,UAAA,GAKxC9C,QAAQ,CAAC;QAAEkD,IAAI,EAAEC,OAAO;QAAEH,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAxB,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAKf9C,QAAQ,CAAC;QAAE+C,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAvB,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAKb9C,QAAQ,CAAC,CAAC;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACJ,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAKR9C,QAAQ,CAAC,CAAC;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACG,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAKf9C,QAAQ,CAAC;QAAEgD,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAxB,GAAA;MAAAC,MAAA;QAAA,OACrBhB,UAAU,CAACwC,OAAO;MAAA;IAAA;MAAA1B,IAAA;MAAAuB,UAAA,GAKxB9C,QAAQ,CAAC,CAAC;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACJ,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAKR9C,QAAQ,CAAC;QAAEkD,IAAI,EAAEE;MAAO,CAAC,CAAC;MAAA5B,GAAA;MAAAC,MAAA;QAAA,OACnB,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MA9CV;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAA4B,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAA/B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAqC,OAAA,EAAS;QACP,MAAM;UACJC,wBAAwB;UACxBpB,QAAQ;UACRqB,SAAS;UACTpB,IAAI;UACJqB,WAAW;UACXC,IAAI;UACJhB,IAAI;UACJzB,KAAK,GAAG,EAAE;UACVC,YAAY,EAAEyC,WAAW;UACzB/B,4BAA4B,EAAEgC;QAChC,CAAC,GAAG,IAAI;QACR,MAAMC,YAAY,GAAGvE,QAAQ,CAAC;UAC5B,CAAE,GAAEgB,MAAO,gBAAe,GAAG,IAAI;UACjC,CAAE,GAAEA,MAAO,wBAAuB,GAAG,CAAC,IAAI,CAACW;QAC7C,CAAC,CAAC;QACF,OAAO1B,IAAI,CAAAuE,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,QAAM,CAIG;AACT,oDAAkD,CAAS;AAC3D,gBAAc,CAAY;AAC1B;AACA;AACA;AACA;AACA,gBAAc,CAAmB;AACjC,iBAAe,CAAS;AACxB,qBAAmB,CAAW;AAC9B,gBAAc,CAAmB;AACjC,uBAAqB,CAA0B;AAC/C;AACA,kBAAgB,CAAQ;AACxB,kBAAgB,CAAc;AAC9B;AACA;AACA,iBAAe,CAAe;AAC9B,kBAAgB,CAA8B;AAC9C;AACA,sBAAoB,CAA2B;AAC/C,UAAQ,CAIG;AACX;AACA,KAAI,GA/BInE,QAAQ,CAAC;UACToE,IAAI,EAAE,aAAa;UACnBC,KAAK,EAAG,GAAE3D,MAAO,yBAAwB;UACzC4D,IAAI,EAAE;QACR,CAAC,CAAC,EAC4C5D,MAAM,EAC1CkD,SAAS,EAKT1D,UAAU,CAAC4C,IAAI,CAAC,EACfpC,MAAM,EACF6B,QAAQ,EACbrC,UAAU,CAACsC,IAAI,CAAC,EACTtC,UAAU,CAAC2D,WAAW,CAAC,EAE5BxC,KAAK,EACL0C,WAAW,EAGZE,YAAY,EACXD,2BAA2B,EAEvBL,wBAAwB,EACpC,CAACG,IAAI,KAAKzD,UAAU,CAACkE,KAAK,GAAGzE,OAAO,GAAGC,OAAO,EAAE;UAChDqE,IAAI,EAAE,YAAY;UAClB,YAAY,EAAET,wBAAwB;UACtCW,IAAI,EAAE;QACR,CAAC,CAAC;MAGR;;MAEA;AACF;AACA;IAFE;MAAAnD,IAAA;MAAAqD,MAAA;MAAApD,GAAA;MAAAC,KAAA,EAGA,SAAAM,WAAA,EAAwB;QACtB,OAAQ,GAAEjB,MAAO,eAAc;MACjC;IAAC;MAAAS,IAAA;MAAAqD,MAAA;MAAApD,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GA7KDJ,UAAU,CAACC,SAAS,CAACP,UAAU,CAAC,CAAC;AAgLxD,eAAec,QAAQ"}