@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":"input.js","names":["html","property","query","LitElement","classMap","settings","View16","ViewOff16","WarningFilled16","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","ifNonEmpty","FormMixin","ValidityMixin","INPUT_COLOR_SCHEME","INPUT_SIZE","INPUT_TYPE","styles","carbonElement","customElement","prefix","BXInput","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","decorators","key","value","reflect","_handleInput","target","_handleFormdata","event","formData","disabled","name","append","type","Boolean","attribute","REGULAR","CENTER","BOTTOM","TEXT","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","handleTogglePasswordVisibility","PASSWORD","render","handleInput","invalidIcon","class","inputClasses","colorScheme","invalid","size","labelClasses","helperTextClasses","passwordIsVisible","passwordVisibilityIcon","passwordVisibilityToggleClasses","tooltipDirection","tooltipAlignment","passwordButtonLabel","_t","_","hidePasswordLabel","showPasswordLabel","passwordVisibilityButton","_t2","_t3","labelText","autocomplete","autofocus","pattern","placeholder","readonly","required","showPasswordVisibilityToggle","helperText","validityMessage","static","default"],"sources":["components/input/input.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, query, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport View16 from '@carbon/icons/lib/view/16';\nimport ViewOff16 from '@carbon/icons/lib/view--off/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport {\n FLOATING_MENU_ALIGNMENT,\n FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE } from './defs';\nimport styles from './input.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Input element. Supports all the usual attributes for textual input types\n *\n * @element bx-input\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-input`)\nexport default class BXInput extends ValidityMixin(FormMixin(LitElement)) {\n /**\n * The underlying input element\n */\n @query('input')\n protected _input!: HTMLInputElement;\n\n /**\n * Set initial value of input\n */\n @property({ reflect: true })\n value = '';\n\n /**\n * Handles `oninput` event on the `<input>`.\n *\n * @param event The event.\n */\n protected _handleInput({ target }: Event) {\n this.value = (target as HTMLInputElement).value;\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 * May be any of the standard HTML autocomplete options\n */\n @property()\n autocomplete = '';\n\n /**\n * Sets the input to be focussed automatically on page load. Defaults to false\n */\n @property({ type: Boolean })\n autofocus = false;\n\n /**\n * The color scheme.\n */\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = INPUT_COLOR_SCHEME.REGULAR;\n\n /**\n * Controls the disabled state of the input\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The helper text.\n */\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /**\n * Controls the invalid state and visibility of the `validityMessage`\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * Name for the input in the `FormData`\n */\n @property()\n name = '';\n\n /**\n * Pattern to validate the input against for HTML validity checking\n */\n @property()\n pattern = '';\n\n /**\n * Value to display when the input has an empty `value`\n */\n @property({ reflect: true })\n placeholder = '';\n\n /**\n * Controls the readonly state of the input\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Boolean property to set the required status\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * The special validity message for `required`.\n */\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /**\n * \"Hide password\" tooltip text on password visibility toggle\n */\n @property()\n hidePasswordLabel = 'Hide password';\n\n /**\n * \"Show password\" tooltip text on password visibility toggle\n */\n @property()\n showPasswordLabel = 'Show password';\n\n /**\n * Boolean property to render password visibility toggle\n */\n @property({\n type: Boolean,\n attribute: 'show-password-visibility-toggle',\n reflect: true,\n })\n showPasswordVisibilityToggle = false;\n\n /**\n * The input box size.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.REGULAR;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property()\n tooltipAlignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property()\n tooltipDirection = FLOATING_MENU_DIRECTION.BOTTOM;\n\n /**\n * The type of the input. Can be one of the types listed in the INPUT_TYPE enum\n */\n @property({ reflect: true })\n type = INPUT_TYPE.TEXT;\n\n /**\n * The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n @property({ attribute: 'validity-message' })\n validityMessage = '';\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 /**\n * Handles password visibility toggle button click\n */\n private handleTogglePasswordVisibility() {\n this.type =\n this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;\n }\n\n render() {\n const { _handleInput: handleInput } = this;\n\n const invalidIcon = WarningFilled16({\n class: `${prefix}--text-input__invalid-icon`,\n });\n\n const inputClasses = classMap({\n [`${prefix}--text-input`]: true,\n [`${prefix}--text-input--${this.colorScheme}`]: this.colorScheme,\n [`${prefix}--text-input--invalid`]: this.invalid,\n [`${prefix}--text-input--${this.size}`]: this.size,\n [`${prefix}--password-input`]: this.type === INPUT_TYPE.PASSWORD,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--label--disabled`]: this.disabled,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: this.disabled,\n });\n\n const passwordIsVisible = this.type !== INPUT_TYPE.PASSWORD;\n const passwordVisibilityIcon = passwordIsVisible\n ? ViewOff16({ class: `${prefix}--icon-visibility-off` })\n : View16({ class: `${prefix}--icon-visibility-on` });\n\n const passwordVisibilityToggleClasses = classMap({\n [`${prefix}--text-input--password__visibility__toggle`]: true,\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--tooltip__trigger`]: true,\n [`${prefix}--tooltip--a11y`]: true,\n [`${prefix}--btn--disabled`]: this.disabled,\n [`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,\n [`${prefix}--tooltip--align-${this.tooltipAlignment}`]:\n this.tooltipAlignment,\n });\n\n const passwordButtonLabel = html`\n <span class=\"${prefix}--assistive-text\">\n ${passwordIsVisible ? this.hidePasswordLabel : this.showPasswordLabel}\n </span>\n `;\n\n const passwordVisibilityButton = () => html`\n <button\n type=\"button\"\n class=\"${passwordVisibilityToggleClasses}\"\n ?disabled=\"${this.disabled}\"\n @click=\"${this.handleTogglePasswordVisibility}\">\n ${!this.disabled && passwordButtonLabel} ${passwordVisibilityIcon}\n </button>\n `;\n\n return html`\n <label class=\"${labelClasses}\" for=\"input\">\n <slot name=\"label-text\"> ${this.labelText} </slot>\n </label>\n <div\n class=\"${prefix}--text-input__field-wrapper\"\n ?data-invalid=\"${this.invalid}\">\n ${this.invalid ? invalidIcon : null}\n <input\n autocomplete=\"${this.autocomplete}\"\n ?autofocus=\"${this.autofocus}\"\n class=\"${inputClasses}\"\n ?data-invalid=\"${this.invalid}\"\n ?disabled=\"${this.disabled}\"\n aria-describedby=\"helper-text\"\n id=\"input\"\n name=\"${ifNonEmpty(this.name)}\"\n pattern=\"${ifNonEmpty(this.pattern)}\"\n placeholder=\"${ifNonEmpty(this.placeholder)}\"\n ?readonly=\"${this.readonly}\"\n ?required=\"${this.required}\"\n type=\"${ifNonEmpty(this.type)}\"\n .value=\"${this.value}\"\n @input=\"${handleInput}\" />\n ${this.showPasswordVisibilityToggle &&\n (this.type === INPUT_TYPE.PASSWORD || this.type === INPUT_TYPE.TEXT)\n ? passwordVisibilityButton()\n : null}\n </div>\n <div class=\"${helperTextClasses}\" id=\"helper-text\">\n <slot name=\"helper-text\"> ${this.helperText} </slot>\n </div>\n <div class=\"${prefix}--form-requirement\">\n <slot name=\"validity-message\"> ${this.validityMessage} </slot>\n </div>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"input.js","names":["html","property","query","LitElement","classMap","settings","View16","ViewOff16","WarningFilled16","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","ifNonEmpty","FormMixin","ValidityMixin","INPUT_COLOR_SCHEME","INPUT_SIZE","INPUT_TYPE","styles","carbonElement","customElement","prefix","BXInput","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","decorators","key","value","reflect","_handleInput","target","_handleFormdata","event","formData","disabled","name","append","type","Boolean","attribute","REGULAR","CENTER","BOTTOM","TEXT","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","handleTogglePasswordVisibility","PASSWORD","render","handleInput","invalidIcon","class","inputClasses","colorScheme","invalid","size","labelClasses","helperTextClasses","passwordIsVisible","passwordVisibilityIcon","passwordVisibilityToggleClasses","tooltipDirection","tooltipAlignment","passwordButtonLabel","_t","_","hidePasswordLabel","showPasswordLabel","passwordVisibilityButton","_t2","_t3","labelText","autocomplete","autofocus","pattern","placeholder","readonly","required","showPasswordVisibilityToggle","helperText","validityMessage","static","default"],"sources":["components/input/input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, query, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport View16 from '@carbon/icons/lib/view/16';\nimport ViewOff16 from '@carbon/icons/lib/view--off/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport {\n FLOATING_MENU_ALIGNMENT,\n FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE } from './defs';\nimport styles from './input.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Input element. Supports all the usual attributes for textual input types\n *\n * @element bx-input\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-input`)\nexport default class BXInput extends ValidityMixin(FormMixin(LitElement)) {\n /**\n * The underlying input element\n */\n @query('input')\n protected _input!: HTMLInputElement;\n\n /**\n * Set initial value of input\n */\n @property({ reflect: true })\n value = '';\n\n /**\n * Handles `oninput` event on the `<input>`.\n *\n * @param event The event.\n */\n protected _handleInput({ target }: Event) {\n this.value = (target as HTMLInputElement).value;\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 * May be any of the standard HTML autocomplete options\n */\n @property()\n autocomplete = '';\n\n /**\n * Sets the input to be focussed automatically on page load. Defaults to false\n */\n @property({ type: Boolean })\n autofocus = false;\n\n /**\n * The color scheme.\n */\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = INPUT_COLOR_SCHEME.REGULAR;\n\n /**\n * Controls the disabled state of the input\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The helper text.\n */\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /**\n * Controls the invalid state and visibility of the `validityMessage`\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * Name for the input in the `FormData`\n */\n @property()\n name = '';\n\n /**\n * Pattern to validate the input against for HTML validity checking\n */\n @property()\n pattern = '';\n\n /**\n * Value to display when the input has an empty `value`\n */\n @property({ reflect: true })\n placeholder = '';\n\n /**\n * Controls the readonly state of the input\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Boolean property to set the required status\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * The special validity message for `required`.\n */\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /**\n * \"Hide password\" tooltip text on password visibility toggle\n */\n @property()\n hidePasswordLabel = 'Hide password';\n\n /**\n * \"Show password\" tooltip text on password visibility toggle\n */\n @property()\n showPasswordLabel = 'Show password';\n\n /**\n * Boolean property to render password visibility toggle\n */\n @property({\n type: Boolean,\n attribute: 'show-password-visibility-toggle',\n reflect: true,\n })\n showPasswordVisibilityToggle = false;\n\n /**\n * The input box size.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.REGULAR;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property()\n tooltipAlignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property()\n tooltipDirection = FLOATING_MENU_DIRECTION.BOTTOM;\n\n /**\n * The type of the input. Can be one of the types listed in the INPUT_TYPE enum\n */\n @property({ reflect: true })\n type = INPUT_TYPE.TEXT;\n\n /**\n * The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n @property({ attribute: 'validity-message' })\n validityMessage = '';\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 /**\n * Handles password visibility toggle button click\n */\n private handleTogglePasswordVisibility() {\n this.type =\n this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;\n }\n\n render() {\n const { _handleInput: handleInput } = this;\n\n const invalidIcon = WarningFilled16({\n class: `${prefix}--text-input__invalid-icon`,\n });\n\n const inputClasses = classMap({\n [`${prefix}--text-input`]: true,\n [`${prefix}--text-input--${this.colorScheme}`]: this.colorScheme,\n [`${prefix}--text-input--invalid`]: this.invalid,\n [`${prefix}--text-input--${this.size}`]: this.size,\n [`${prefix}--password-input`]: this.type === INPUT_TYPE.PASSWORD,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--label--disabled`]: this.disabled,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: this.disabled,\n });\n\n const passwordIsVisible = this.type !== INPUT_TYPE.PASSWORD;\n const passwordVisibilityIcon = passwordIsVisible\n ? ViewOff16({ class: `${prefix}--icon-visibility-off` })\n : View16({ class: `${prefix}--icon-visibility-on` });\n\n const passwordVisibilityToggleClasses = classMap({\n [`${prefix}--text-input--password__visibility__toggle`]: true,\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--tooltip__trigger`]: true,\n [`${prefix}--tooltip--a11y`]: true,\n [`${prefix}--btn--disabled`]: this.disabled,\n [`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,\n [`${prefix}--tooltip--align-${this.tooltipAlignment}`]:\n this.tooltipAlignment,\n });\n\n const passwordButtonLabel = html`\n <span class=\"${prefix}--assistive-text\">\n ${passwordIsVisible ? this.hidePasswordLabel : this.showPasswordLabel}\n </span>\n `;\n\n const passwordVisibilityButton = () => html`\n <button\n type=\"button\"\n class=\"${passwordVisibilityToggleClasses}\"\n ?disabled=\"${this.disabled}\"\n @click=\"${this.handleTogglePasswordVisibility}\">\n ${!this.disabled && passwordButtonLabel} ${passwordVisibilityIcon}\n </button>\n `;\n\n return html`\n <label class=\"${labelClasses}\" for=\"input\">\n <slot name=\"label-text\"> ${this.labelText} </slot>\n </label>\n <div\n class=\"${prefix}--text-input__field-wrapper\"\n ?data-invalid=\"${this.invalid}\">\n ${this.invalid ? invalidIcon : null}\n <input\n autocomplete=\"${this.autocomplete}\"\n ?autofocus=\"${this.autofocus}\"\n class=\"${inputClasses}\"\n ?data-invalid=\"${this.invalid}\"\n ?disabled=\"${this.disabled}\"\n aria-describedby=\"helper-text\"\n id=\"input\"\n name=\"${ifNonEmpty(this.name)}\"\n pattern=\"${ifNonEmpty(this.pattern)}\"\n placeholder=\"${ifNonEmpty(this.placeholder)}\"\n ?readonly=\"${this.readonly}\"\n ?required=\"${this.required}\"\n type=\"${ifNonEmpty(this.type)}\"\n .value=\"${this.value}\"\n @input=\"${handleInput}\" />\n ${this.showPasswordVisibilityToggle &&\n (this.type === INPUT_TYPE.PASSWORD || this.type === INPUT_TYPE.TEXT)\n ? passwordVisibilityButton()\n : null}\n </div>\n <div class=\"${helperTextClasses}\" id=\"helper-text\">\n <slot name=\"helper-text\"> ${this.helperText} </slot>\n </div>\n <div class=\"${prefix}--form-requirement\">\n <slot name=\"validity-message\"> ${this.validityMessage} </slot>\n </div>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"],"mappings":"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"}
@@ -120,7 +120,12 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
120
120
  _hasIcon: hasIcon,
121
121
  _handleSlotChange: handleSlotChange
122
122
  } = this;
123
- return html(_t || (_t = _2` <slot @slotchange="${0}"></slot> <div ?hidden="${0}" class="${0}--link__icon"> <slot name="icon" @slotchange="${0}"></slot> </div> `), handleSlotChange, !hasIcon, prefix, handleSlotChange);
123
+ return html(_t || (_t = _2`
124
+ <slot @slotchange="${0}"></slot>
125
+ <div ?hidden="${0}" class="${0}--link__icon">
126
+ <slot name="icon" @slotchange="${0}"></slot>
127
+ </div>
128
+ `), handleSlotChange, !hasIcon, prefix, handleSlotChange);
124
129
  }
125
130
 
126
131
  /**
@@ -133,7 +138,9 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
133
138
  const {
134
139
  _classes: classes
135
140
  } = this;
136
- return html(_t2 || (_t2 = _2` <p id="link" part="link" class="${0}">${0}</p> `), classes, this._renderInner());
141
+ return html(_t2 || (_t2 = _2`
142
+ <p id="link" part="link" class="${0}">${0}</p>
143
+ `), classes, this._renderInner());
137
144
  }
138
145
 
139
146
  /**
@@ -155,7 +162,23 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
155
162
  _classes: classes,
156
163
  _handleClick: handleClick
157
164
  } = this;
158
- return html(_t3 || (_t3 = _2` <a id="link" role="${0}" class="${0}" part="link" download="${0}" href="${0}" hreflang="${0}" ping="${0}" rel="${0}" target="${0}" type="${0}" @click="${0}"> ${0} </a> `), ifNonNull(linkRole), classes, ifNonNull(download), ifNonNull(href), ifNonNull(hreflang), ifNonNull(ping), ifNonNull(rel), ifNonNull(target), ifNonNull(type), handleClick, this._renderInner());
165
+ return html(_t3 || (_t3 = _2`
166
+ <a
167
+ id="link"
168
+ role="${0}"
169
+ class="${0}"
170
+ part="link"
171
+ download="${0}"
172
+ href="${0}"
173
+ hreflang="${0}"
174
+ ping="${0}"
175
+ rel="${0}"
176
+ target="${0}"
177
+ type="${0}"
178
+ @click="${0}">
179
+ ${0}
180
+ </a>
181
+ `), ifNonNull(linkRole), classes, ifNonNull(download), ifNonNull(href), ifNonNull(hreflang), ifNonNull(ping), ifNonNull(rel), ifNonNull(target), ifNonNull(type), handleClick, this._renderInner());
159
182
  }
160
183
 
161
184
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"link.js","names":["classMap","html","property","LitElement","query","carbonElement","customElement","settings","ifNonNull","FocusMixin","styles","prefix","LINK_SIZE","REGULAR","SMALL","LARGE","BXLink","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","_classes","disabled","size","_handleClick","_","_renderInner","_hasIcon","hasIcon","handleSlotChange","_t","_2","_renderDisabledLink","classes","_t2","_renderLink","download","href","hreflang","linkRole","ping","rel","type","handleClick","_t3","Boolean","reflect","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","static"],"sources":["components/link/link.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, query } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './link.scss';\n\nconst { prefix } = settings;\n\n/**\n * Link size.\n */\nexport const LINK_SIZE = {\n REGULAR: '',\n SMALL: 'sm',\n LARGE: 'lg',\n};\n\n// Convert object key in a type\ntype LINK_SIZE_TYPE = (typeof LINK_SIZE)[keyof typeof LINK_SIZE];\n\n/**\n * Link.\n *\n * @element bx-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass BXLink extends FocusMixin(LitElement) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : ''] = hasContent;\n this.requestUpdate();\n }\n\n @query('#link')\n protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n /**\n * The CSS class list for the link node.\n */\n protected get _classes() {\n const { disabled, size } = this;\n return classMap({\n [`${prefix}--link`]: true,\n [`${prefix}--link--disabled`]: disabled,\n [`${prefix}--link--${size}`]: size,\n });\n }\n\n /**\n * Handles `click` event on the `<a>`.\n */\n // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n protected _handleClick(_: MouseEvent) {}\n\n /**\n * @returns The inner content.\n */\n // eslint-disable-next-line class-methods-use-this\n protected _renderInner() {\n const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <div ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /**\n * @returns The disabled link content.\n */\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n `;\n }\n\n /**\n * @returns The link content.\n */\n protected _renderLink() {\n const {\n download,\n href,\n hreflang,\n linkRole,\n ping,\n rel,\n target,\n type,\n _classes: classes,\n _handleClick: handleClick,\n } = this;\n return html`\n <a\n id=\"link\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n part=\"link\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${handleClick}\">\n ${this._renderInner()}\n </a>\n `;\n }\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * Link `href`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole!: string;\n\n /**\n * URLs to ping.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Link size.\n */\n @property({ reflect: true })\n size: LINK_SIZE_TYPE = LINK_SIZE.REGULAR;\n\n /**\n * The link target.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * MIME type of the `target`.\n */\n @property({ reflect: true })\n type!: 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 render() {\n const { disabled } = this;\n return disabled ? this._renderDisabledLink() : this._renderLink();\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXLink;\n"],"mappings":"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"}
1
+ {"version":3,"file":"link.js","names":["classMap","html","property","LitElement","query","carbonElement","customElement","settings","ifNonNull","FocusMixin","styles","prefix","LINK_SIZE","REGULAR","SMALL","LARGE","BXLink","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","_classes","disabled","size","_handleClick","_","_renderInner","_hasIcon","hasIcon","handleSlotChange","_t","_2","_renderDisabledLink","classes","_t2","_renderLink","download","href","hreflang","linkRole","ping","rel","type","handleClick","_t3","Boolean","reflect","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","static"],"sources":["components/link/link.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, query } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './link.scss';\n\nconst { prefix } = settings;\n\n/**\n * Link size.\n */\nexport const LINK_SIZE = {\n REGULAR: '',\n SMALL: 'sm',\n LARGE: 'lg',\n};\n\n// Convert object key in a type\ntype LINK_SIZE_TYPE = (typeof LINK_SIZE)[keyof typeof LINK_SIZE];\n\n/**\n * Link.\n *\n * @element bx-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass BXLink extends FocusMixin(LitElement) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : ''] = hasContent;\n this.requestUpdate();\n }\n\n @query('#link')\n protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n /**\n * The CSS class list for the link node.\n */\n protected get _classes() {\n const { disabled, size } = this;\n return classMap({\n [`${prefix}--link`]: true,\n [`${prefix}--link--disabled`]: disabled,\n [`${prefix}--link--${size}`]: size,\n });\n }\n\n /**\n * Handles `click` event on the `<a>`.\n */\n // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n protected _handleClick(_: MouseEvent) {}\n\n /**\n * @returns The inner content.\n */\n // eslint-disable-next-line class-methods-use-this\n protected _renderInner() {\n const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <div ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /**\n * @returns The disabled link content.\n */\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n `;\n }\n\n /**\n * @returns The link content.\n */\n protected _renderLink() {\n const {\n download,\n href,\n hreflang,\n linkRole,\n ping,\n rel,\n target,\n type,\n _classes: classes,\n _handleClick: handleClick,\n } = this;\n return html`\n <a\n id=\"link\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n part=\"link\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${handleClick}\">\n ${this._renderInner()}\n </a>\n `;\n }\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * Link `href`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole!: string;\n\n /**\n * URLs to ping.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Link size.\n */\n @property({ reflect: true })\n size: LINK_SIZE_TYPE = LINK_SIZE.REGULAR;\n\n /**\n * The link target.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * MIME type of the `target`.\n */\n @property({ reflect: true })\n type!: 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 render() {\n const { disabled } = this;\n return disabled ? this._renderDisabledLink() : this._renderLink();\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXLink;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,KAAK,QAAQ,aAAa;AAC/D,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,iBAAa;AAEhC,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA,OAAO,MAAMK,SAAS,GAAG;EACvBC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE,IAAI;EACXC,KAAK,EAAE;AACT,CAAC;;AAED;AAGA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,MAAM,GAAAC,SAAA,EADXX,aAAa,CAAE,GAAEK,MAAO,OAAM,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAAhC,MACMH,MAAM,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA+K5C;EAAC;IAAAI,CAAA,EA/KKN,MAAM;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIS,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAHxB;AACF;AACA;;MAGE;AACF;AACA;MACE,SAAAC,kBAA4B;QAAEC;MAAc,CAAC,EAAE;QAC7C,MAAM;UAAEC;QAAK,CAAC,GAAGD,MAAyB;QAC1C,MAAME,UAAU,GAAIF,MAAM,CACvBG,aAAa,CAAC,CAAC,CACfC,IAAI,CACFC,IAAI,IAAKA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,SAAS,IAAIH,IAAI,CAAEI,WAAW,CAAEC,IAAI,CAAC,CACxE,CAAC;QACH,IAAI,CAACT,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,EAAE,CAAC,GAAGC,UAAU;QACpD,IAAI,CAACS,aAAa,CAAC,CAAC;MACtB;IAAC;MAAAf,IAAA;MAAAgB,UAAA,GAEApC,KAAK,CAAC,OAAO,CAAC;MAAAqB,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAGf;AACF;AACA;MACE,SAAAe,SAAA,EAAyB;QACvB,MAAM;UAAEC,QAAQ;UAAEC;QAAK,CAAC,GAAG,IAAI;QAC/B,OAAO3C,QAAQ,CAAC;UACd,CAAE,GAAEW,MAAO,QAAO,GAAG,IAAI;UACzB,CAAE,GAAEA,MAAO,kBAAiB,GAAG+B,QAAQ;UACvC,CAAE,GAAE/B,MAAO,WAAUgC,IAAK,EAAC,GAAGA;QAChC,CAAC,CAAC;MACJ;;MAEA;AACF;AACA;MACE;IAAA;MAAAnB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACA,SAAAkB,aAAuBC,CAAa,EAAE,CAAC;;MAEvC;AACF;AACA;MACE;IAAA;MAAArB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACA,SAAAoB,aAAA,EAAyB;QACvB,MAAM;UAAEC,QAAQ,EAAEC,OAAO;UAAErB,iBAAiB,EAAEsB;QAAiB,CAAC,GAAG,IAAI;QACvE,OAAOhD,IAAI,CAAAiD,EAAA,KAAAA,EAAA,GAAAC,EAAC;AAChB,2BAAyB,CAAmB;AAC5C,sBAAoB,CAAW,YAAS,CAAS;AACjD,yCAAuC,CAAmB;AAC1D;AACA,KAAI,GAJuBF,gBAAgB,EACrB,CAACD,OAAO,EAAYrC,MAAM,EACPsC,gBAAgB;MAGvD;;MAEA;AACF;AACA;IAFE;MAAAzB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAA0B,oBAAA,EAAgC;QAC9B,MAAM;UAAEX,QAAQ,EAAEY;QAAQ,CAAC,GAAG,IAAI;QAClC,OAAOpD,IAAI,CAAAqD,GAAA,KAAAA,GAAA,GAAAH,EAAC;AAChB,wCAAsC,CAAU,KAAE,CAAsB;AACxE,KAAI,GADoCE,OAAO,EAAK,IAAI,CAACP,YAAY,CAAC,CAAC;MAErE;;MAEA;AACF;AACA;IAFE;MAAAtB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAA6B,YAAA,EAAwB;QACtB,MAAM;UACJC,QAAQ;UACRC,IAAI;UACJC,QAAQ;UACRC,QAAQ;UACRC,IAAI;UACJC,GAAG;UACHjC,MAAM;UACNkC,IAAI;UACJrB,QAAQ,EAAEY,OAAO;UACjBT,YAAY,EAAEmB;QAChB,CAAC,GAAG,IAAI;QACR,OAAO9D,IAAI,CAAA+D,GAAA,KAAAA,GAAA,GAAAb,EAAC;AAChB;AACA;AACA,gBAAc,CAAsB;AACpC,iBAAe,CAAU;AACzB;AACA,oBAAkB,CAAsB;AACxC,gBAAc,CAAkB;AAChC,oBAAkB,CAAsB;AACxC,gBAAc,CAAkB;AAChC,eAAa,CAAiB;AAC9B,kBAAgB,CAAoB;AACpC,gBAAc,CAAkB;AAChC,kBAAgB,CAAc;AAC9B,UAAQ,CAAsB;AAC9B;AACA,KAAI,GAbY3C,SAAS,CAACmD,QAAQ,CAAC,EAClBN,OAAO,EAEJ7C,SAAS,CAACgD,QAAQ,CAAC,EACvBhD,SAAS,CAACiD,IAAI,CAAC,EACXjD,SAAS,CAACkD,QAAQ,CAAC,EACvBlD,SAAS,CAACoD,IAAI,CAAC,EAChBpD,SAAS,CAACqD,GAAG,CAAC,EACXrD,SAAS,CAACoB,MAAM,CAAC,EACnBpB,SAAS,CAACsD,IAAI,CAAC,EACbC,WAAW,EACnB,IAAI,CAACjB,YAAY,CAAC,CAAC;MAG3B;;MAEA;AACF;AACA;IAFE;MAAAtB,IAAA;MAAAgB,UAAA,GAGCtC,QAAQ,CAAC;QAAE4D,IAAI,EAAEG,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAKftC,QAAQ,CAAC;QAAEgE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3BtC,QAAQ,CAAC;QAAEgE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3BtC,QAAQ,CAAC;QAAEgE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3BtC,QAAQ,CAAC;QAAEiE,SAAS,EAAE;MAAY,CAAC,CAAC;MAAA1C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAMpCtC,QAAQ,CAAC;QAAEgE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3BtC,QAAQ,CAAC;QAAEgE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3BtC,QAAQ,CAAC;QAAEgE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,MAAA;QAAA,OACLd,SAAS,CAACC,OAAO;MAAA;IAAA;MAAAW,IAAA;MAAAgB,UAAA,GAKvCtC,QAAQ,CAAC;QAAEgE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3BtC,QAAQ,CAAC;QAAEgE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAnD5B;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAA0C,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;MAAA7C,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAmD,OAAA,EAAS;QACP,MAAM;UAAEnC;QAAS,CAAC,GAAG,IAAI;QACzB,OAAOA,QAAQ,GAAG,IAAI,CAACU,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAACG,WAAW,CAAC,CAAC;MACnE;IAAC;MAAA/B,IAAA;MAAAsD,MAAA;MAAArD,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GA9KHD,UAAU,CAACN,UAAU,CAAC;AAiL3C,eAAea,MAAM"}
@@ -94,7 +94,14 @@ let BXListItem = _decorate([customElement(`${prefix}-list-item`)], function (_in
94
94
  _hasNestedChild: hasNestedChild,
95
95
  _handleSlotChangeNested: handleSlotChangeNested
96
96
  } = this;
97
- return html(_t || (_t = _` <slot></slot> <div ?hidden="${0}" class="${0}-ce--list__item__nested-child"> <slot name="nested" @slotchange="${0}"></slot> </div> `), !hasNestedChild, prefix, handleSlotChangeNested);
97
+ return html(_t || (_t = _`
98
+ <slot></slot>
99
+ <div
100
+ ?hidden="${0}"
101
+ class="${0}-ce--list__item__nested-child">
102
+ <slot name="nested" @slotchange="${0}"></slot>
103
+ </div>
104
+ `), !hasNestedChild, prefix, handleSlotChangeNested);
98
105
  }
99
106
 
100
107
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXListItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChangeNested","target","_hasNestedChild","assignedNodes","length","requestUpdate","decorators","type","Boolean","reflect","connectedCallback","toggleAttribute","closest","selectorNestedList","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","hasNestedChild","handleSlotChangeNested","_t","_","static"],"sources":["components/list/list-item.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 './list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * List item.\n *\n * @element bx-list-item\n * @slot nested - The nested child list.\n */\n@customElement(`${prefix}-list-item`)\nclass BXListItem extends LitElement {\n /**\n * `true` if there is slotted nested child list.\n */\n private _hasNestedChild = false;\n\n /**\n * Handles `slotchange` event for the `<slot>` for the nested child list.\n *\n * @param event The event.\n */\n private _handleSlotChangeNested({ target }: Event) {\n this._hasNestedChild =\n (target as HTMLSlotElement).assignedNodes().length > 0;\n this.requestUpdate();\n }\n\n /**\n * `true` if this list item is a child of a nested list.\n * `<bx-ordered-list>` or `<bx-unordered-list>` automatically sets this property.\n */\n @property({ type: Boolean, reflect: true })\n nested = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n this.toggleAttribute(\n 'nested',\n Boolean(\n this.closest((this.constructor as typeof BXListItem).selectorNestedList)\n )\n );\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n _hasNestedChild: hasNestedChild,\n _handleSlotChangeNested: handleSlotChangeNested,\n } = this;\n return html`\n <slot></slot>\n <div\n ?hidden=\"${!hasNestedChild}\"\n class=\"${prefix}-ce--list__item__nested-child\">\n <slot name=\"nested\" @slotchange=\"${handleSlotChangeNested}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that will return nested list.\n */\n static get selectorNestedList() {\n return `${prefix}-ordered-list[slot=\"nested\"],${prefix}-unordered-list[slot=\"nested\"]`;\n }\n\n static styles = styles;\n}\n\nexport default BXListItem;\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,iBAAa;AAChC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AALA,IAOMK,UAAU,GAAAC,SAAA,EADfH,aAAa,CAAE,GAAEC,MAAO,YAAW,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAArC,MACMH,UAAU,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA6DpC;EAAC;IAAAI,CAAA,EA7DKN,UAAU;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIY,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAH/B;AACF;AACA;;MAGE;AACF;AACA;AACA;AACA;MACE,SAAAC,wBAAgC;QAAEC;MAAc,CAAC,EAAE;QACjD,IAAI,CAACC,eAAe,GACjBD,MAAM,CAAqBE,aAAa,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;QACxD,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;;MAEA;AACF;AACA;AACA;IAHE;MAAAR,IAAA;MAAAS,UAAA,GAICxB,QAAQ,CAAC;QAAEyB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEd,SAAAW,kBAAA,EAAoB;QAClB;QACA,IAAI,CAACC,eAAe,CAClB,QAAQ,EACRH,OAAO,CACL,IAAI,CAACI,OAAO,CAAE,IAAI,CAACnB,WAAW,CAAuBoB,kBAAkB,CACzE,CACF,CAAC;QACD,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CAnCE5B,UAAU,CAAA6B,SAAA,8BAAAC,IAAA;MAoCd;IAAC;MAAAtB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAqB,OAAA,EAAS;QACP,MAAM;UACJlB,eAAe,EAAEmB,cAAc;UAC/BrB,uBAAuB,EAAEsB;QAC3B,CAAC,GAAG,IAAI;QACR,OAAOzC,IAAI,CAAA0C,EAAA,KAAAA,EAAA,GAAAC,CAAA,yIAGI,CAACH,cAAc,EACjBjC,MAAM,EACoBkC,sBAAsB;MAG/D;;MAEA;AACF;AACA;IAFE;MAAAzB,IAAA;MAAA4B,MAAA;MAAA3B,GAAA;MAAAC,KAAA,EAGA,SAAAc,mBAAA,EAAgC;QAC9B,OAAQ,GAAEzB,MAAO,gCAA+BA,MAAO,gCAA+B;MACxF;IAAC;MAAAS,IAAA;MAAA4B,MAAA;MAAA3B,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GA5DCF,UAAU;AA+DnC,eAAeM,UAAU"}
1
+ {"version":3,"file":"list-item.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXListItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChangeNested","target","_hasNestedChild","assignedNodes","length","requestUpdate","decorators","type","Boolean","reflect","connectedCallback","toggleAttribute","closest","selectorNestedList","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","hasNestedChild","handleSlotChangeNested","_t","_","static"],"sources":["components/list/list-item.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 './list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * List item.\n *\n * @element bx-list-item\n * @slot nested - The nested child list.\n */\n@customElement(`${prefix}-list-item`)\nclass BXListItem extends LitElement {\n /**\n * `true` if there is slotted nested child list.\n */\n private _hasNestedChild = false;\n\n /**\n * Handles `slotchange` event for the `<slot>` for the nested child list.\n *\n * @param event The event.\n */\n private _handleSlotChangeNested({ target }: Event) {\n this._hasNestedChild =\n (target as HTMLSlotElement).assignedNodes().length > 0;\n this.requestUpdate();\n }\n\n /**\n * `true` if this list item is a child of a nested list.\n * `<bx-ordered-list>` or `<bx-unordered-list>` automatically sets this property.\n */\n @property({ type: Boolean, reflect: true })\n nested = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n this.toggleAttribute(\n 'nested',\n Boolean(\n this.closest((this.constructor as typeof BXListItem).selectorNestedList)\n )\n );\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n _hasNestedChild: hasNestedChild,\n _handleSlotChangeNested: handleSlotChangeNested,\n } = this;\n return html`\n <slot></slot>\n <div\n ?hidden=\"${!hasNestedChild}\"\n class=\"${prefix}-ce--list__item__nested-child\">\n <slot name=\"nested\" @slotchange=\"${handleSlotChangeNested}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that will return nested list.\n */\n static get selectorNestedList() {\n return `${prefix}-ordered-list[slot=\"nested\"],${prefix}-unordered-list[slot=\"nested\"]`;\n }\n\n static styles = styles;\n}\n\nexport default BXListItem;\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,iBAAa;AAChC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AALA,IAOMK,UAAU,GAAAC,SAAA,EADfH,aAAa,CAAE,GAAEC,MAAO,YAAW,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAArC,MACMH,UAAU,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA6DpC;EAAC;IAAAI,CAAA,EA7DKN,UAAU;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIY,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAH/B;AACF;AACA;;MAGE;AACF;AACA;AACA;AACA;MACE,SAAAC,wBAAgC;QAAEC;MAAc,CAAC,EAAE;QACjD,IAAI,CAACC,eAAe,GACjBD,MAAM,CAAqBE,aAAa,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;QACxD,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;;MAEA;AACF;AACA;AACA;IAHE;MAAAR,IAAA;MAAAS,UAAA,GAICxB,QAAQ,CAAC;QAAEyB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEd,SAAAW,kBAAA,EAAoB;QAClB;QACA,IAAI,CAACC,eAAe,CAClB,QAAQ,EACRH,OAAO,CACL,IAAI,CAACI,OAAO,CAAE,IAAI,CAACnB,WAAW,CAAuBoB,kBAAkB,CACzE,CACF,CAAC;QACD,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CAnCE5B,UAAU,CAAA6B,SAAA,8BAAAC,IAAA;MAoCd;IAAC;MAAAtB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAqB,OAAA,EAAS;QACP,MAAM;UACJlB,eAAe,EAAEmB,cAAc;UAC/BrB,uBAAuB,EAAEsB;QAC3B,CAAC,GAAG,IAAI;QACR,OAAOzC,IAAI,CAAA0C,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,mBAAiB,CAAkB;AACnC,iBAAe,CAAS;AACxB,2CAAyC,CAAyB;AAClE;AACA,KAAI,GAJe,CAACH,cAAc,EACjBjC,MAAM,EACoBkC,sBAAsB;MAG/D;;MAEA;AACF;AACA;IAFE;MAAAzB,IAAA;MAAA4B,MAAA;MAAA3B,GAAA;MAAAC,KAAA,EAGA,SAAAc,mBAAA,EAAgC;QAC9B,OAAQ,GAAEzB,MAAO,gCAA+BA,MAAO,gCAA+B;MACxF;IAAC;MAAAS,IAAA;MAAA4B,MAAA;MAAA3B,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GA5DCF,UAAU;AA+DnC,eAAeM,UAAU"}
@@ -40,7 +40,11 @@ let BXOrderedList = _decorate([customElement(`${prefix}-ordered-list`)], functio
40
40
  [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',
41
41
  [`${prefix}--list--expressive`]: this.isExpressive
42
42
  });
43
- return html(_t || (_t = _` <ol class="${0}"> <slot></slot> </ol> `), classes);
43
+ return html(_t || (_t = _`
44
+ <ol class="${0}">
45
+ <slot></slot>
46
+ </ol>
47
+ `), classes);
44
48
  }
45
49
  }]
46
50
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ordered-list.js","names":["classMap","html","settings","BXUnorderedList","carbonElement","customElement","prefix","BXOrderedList","_decorate","_initialize","_BXUnorderedList","constructor","args","F","d","kind","key","value","render","classes","getAttribute","isExpressive","_t","_"],"sources":["components/list/ordered-list.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 } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport BXUnorderedList from './unordered-list';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass BXOrderedList extends BXUnorderedList {\n render() {\n const classes = classMap({\n [`${prefix}--list--ordered`]: true,\n [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n [`${prefix}--list--expressive`]: this.isExpressive,\n });\n return html`\n <ol class=\"${classes}\">\n <slot></slot>\n </ol>\n `;\n }\n}\n\nexport default BXOrderedList;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,QAAQ,aAAa;AAClC,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,gBAAA;EAAxC,MACMH,aAAa,SAAAG,gBAAA,CAAyB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa5C;EAAC;IAAAI,CAAA,EAbKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACjB,SAAAC,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGnB,QAAQ,CAAC;UACvB,CAAE,GAAEM,MAAO,iBAAgB,GAAG,IAAI;UAClC,CAAE,GAAEA,MAAO,gBAAe,GAAG,IAAI,CAACc,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAEd,MAAO,oBAAmB,GAAG,IAAI,CAACe;QACxC,CAAC,CAAC;QACF,OAAOpB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,CAAA,4CACIJ,OAAO;MAIxB;IAAC;EAAA;AAAA,GAZyBhB,eAAe;AAe3C,eAAeI,aAAa"}
1
+ {"version":3,"file":"ordered-list.js","names":["classMap","html","settings","BXUnorderedList","carbonElement","customElement","prefix","BXOrderedList","_decorate","_initialize","_BXUnorderedList","constructor","args","F","d","kind","key","value","render","classes","getAttribute","isExpressive","_t","_"],"sources":["components/list/ordered-list.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 } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport BXUnorderedList from './unordered-list';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass BXOrderedList extends BXUnorderedList {\n render() {\n const classes = classMap({\n [`${prefix}--list--ordered`]: true,\n [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n [`${prefix}--list--expressive`]: this.isExpressive,\n });\n return html`\n <ol class=\"${classes}\">\n <slot></slot>\n </ol>\n `;\n }\n}\n\nexport default BXOrderedList;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,QAAQ,aAAa;AAClC,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,gBAAA;EAAxC,MACMH,aAAa,SAAAG,gBAAA,CAAyB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa5C;EAAC;IAAAI,CAAA,EAbKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACjB,SAAAC,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGnB,QAAQ,CAAC;UACvB,CAAE,GAAEM,MAAO,iBAAgB,GAAG,IAAI;UAClC,CAAE,GAAEA,MAAO,gBAAe,GAAG,IAAI,CAACc,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAEd,MAAO,oBAAmB,GAAG,IAAI,CAACe;QACxC,CAAC,CAAC;QACF,OAAOpB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeJ,OAAO;MAIxB;IAAC;EAAA;AAAA,GAZyBhB,eAAe;AAe3C,eAAeI,aAAa"}
@@ -69,7 +69,11 @@ let BXUnorderedList = _decorate([customElement(`${prefix}-unordered-list`)], fun
69
69
  [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',
70
70
  [`${prefix}--list--expressive`]: this.isExpressive
71
71
  });
72
- return html(_t || (_t = _` <ul class="${0}"> <slot></slot> </ul> `), classes);
72
+ return html(_t || (_t = _`
73
+ <ul class="${0}">
74
+ <slot></slot>
75
+ </ul>
76
+ `), classes);
73
77
  }
74
78
 
75
79
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"unordered-list.js","names":["classMap","html","LitElement","property","settings","styles","carbonElement","customElement","prefix","BXUnorderedList","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","closest","selectorListItem","setAttribute","removeAttribute","_get","_getPrototypeOf","prototype","call","render","classes","getAttribute","isExpressive","_t","_","static"],"sources":["components/list/unordered-list.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, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass BXUnorderedList extends LitElement {\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n if (\n this.closest(\n (this.constructor as typeof BXUnorderedList).selectorListItem\n )\n ) {\n this.setAttribute('slot', 'nested');\n } else {\n this.removeAttribute('slot');\n }\n super.connectedCallback();\n }\n\n render() {\n const classes = classMap({\n [`${prefix}--list--unordered`]: true,\n [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n [`${prefix}--list--expressive`]: this.isExpressive,\n });\n return html`\n <ul class=\"${classes}\">\n <slot></slot>\n </ul>\n `;\n }\n\n /**\n * A selector that will return list item.\n */\n static get selectorListItem() {\n return `${prefix}-list-item`;\n }\n\n static styles = styles;\n}\n\nexport default BXUnorderedList;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iBAAa;AAChC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,eAAe,GAAAC,SAAA,EADpBH,aAAa,CAAE,GAAEC,MAAO,iBAAgB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA0CzC;EAAC;IAAAI,CAAA,EA1CKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC5B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJpB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB;QACA,IACE,IAAI,CAACC,OAAO,CACT,IAAI,CAACZ,WAAW,CAA4Ba,gBAC/C,CAAC,EACD;UACA,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC,CAAC,MAAM;UACL,IAAI,CAACC,eAAe,CAAC,MAAM,CAAC;QAC9B;QACAC,IAAA,CAAAC,eAAA,CAlBErB,eAAe,CAAAsB,SAAA,8BAAAC,IAAA;MAmBnB;IAAC;MAAAf,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGlC,QAAQ,CAAC;UACvB,CAAE,GAAEQ,MAAO,mBAAkB,GAAG,IAAI;UACpC,CAAE,GAAEA,MAAO,gBAAe,GAAG,IAAI,CAAC2B,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAE3B,MAAO,oBAAmB,GAAG,IAAI,CAAC4B;QACxC,CAAC,CAAC;QACF,OAAOnC,IAAI,CAAAoC,EAAA,KAAAA,EAAA,GAAAC,CAAA,4CACIJ,OAAO;MAIxB;;MAEA;AACF;AACA;IAFE;MAAAjB,IAAA;MAAAsB,MAAA;MAAAjB,GAAA;MAAAC,KAAA,EAGA,SAAAG,iBAAA,EAA8B;QAC5B,OAAQ,GAAElB,MAAO,YAAW;MAC9B;IAAC;MAAAS,IAAA;MAAAsB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAzCMH,UAAU;AA4CxC,eAAeO,eAAe"}
1
+ {"version":3,"file":"unordered-list.js","names":["classMap","html","LitElement","property","settings","styles","carbonElement","customElement","prefix","BXUnorderedList","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","closest","selectorListItem","setAttribute","removeAttribute","_get","_getPrototypeOf","prototype","call","render","classes","getAttribute","isExpressive","_t","_","static"],"sources":["components/list/unordered-list.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, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass BXUnorderedList extends LitElement {\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n if (\n this.closest(\n (this.constructor as typeof BXUnorderedList).selectorListItem\n )\n ) {\n this.setAttribute('slot', 'nested');\n } else {\n this.removeAttribute('slot');\n }\n super.connectedCallback();\n }\n\n render() {\n const classes = classMap({\n [`${prefix}--list--unordered`]: true,\n [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n [`${prefix}--list--expressive`]: this.isExpressive,\n });\n return html`\n <ul class=\"${classes}\">\n <slot></slot>\n </ul>\n `;\n }\n\n /**\n * A selector that will return list item.\n */\n static get selectorListItem() {\n return `${prefix}-list-item`;\n }\n\n static styles = styles;\n}\n\nexport default BXUnorderedList;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iBAAa;AAChC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,eAAe,GAAAC,SAAA,EADpBH,aAAa,CAAE,GAAEC,MAAO,iBAAgB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA0CzC;EAAC;IAAAI,CAAA,EA1CKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC5B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJpB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB;QACA,IACE,IAAI,CAACC,OAAO,CACT,IAAI,CAACZ,WAAW,CAA4Ba,gBAC/C,CAAC,EACD;UACA,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC,CAAC,MAAM;UACL,IAAI,CAACC,eAAe,CAAC,MAAM,CAAC;QAC9B;QACAC,IAAA,CAAAC,eAAA,CAlBErB,eAAe,CAAAsB,SAAA,8BAAAC,IAAA;MAmBnB;IAAC;MAAAf,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGlC,QAAQ,CAAC;UACvB,CAAE,GAAEQ,MAAO,mBAAkB,GAAG,IAAI;UACpC,CAAE,GAAEA,MAAO,gBAAe,GAAG,IAAI,CAAC2B,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAE3B,MAAO,oBAAmB,GAAG,IAAI,CAAC4B;QACxC,CAAC,CAAC;QACF,OAAOnC,IAAI,CAAAoC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeJ,OAAO;MAIxB;;MAEA;AACF;AACA;IAFE;MAAAjB,IAAA;MAAAsB,MAAA;MAAAjB,GAAA;MAAAC,KAAA,EAGA,SAAAG,iBAAA,EAA8B;QAC5B,OAAQ,GAAElB,MAAO,YAAW;MAC9B;IAAC;MAAAS,IAAA;MAAAsB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAzCMH,UAAU;AA4CxC,eAAeO,eAAe"}
@@ -28,6 +28,21 @@ export default (({
28
28
  type
29
29
  }) => {
30
30
  const radius = type === LOADING_TYPE.SMALL ? '42' : '44';
31
- return html(_t || (_t = _` <svg class="${0}--loading__svg" viewBox="0 0 100 100"> ${0} <circle ?hidden="${0}" class="${0}--loading__background" cx="50%" cy="50%" r="${0}"/> <circle class="${0}--loading__stroke" cx="50%" cy="50%" r="${0}"/> </svg> `), prefix, !assistiveText ? undefined : html(_t2 || (_t2 = _` <title>${0}</title> `), assistiveText), type !== LOADING_TYPE.SMALL, prefix, radius, prefix, radius);
31
+ return html(_t || (_t = _`
32
+ <svg class="${0}--loading__svg" viewBox="0 0 100 100">
33
+ ${0}
34
+ <circle
35
+ ?hidden="${0}"
36
+ class="${0}--loading__background"
37
+ cx="50%"
38
+ cy="50%"
39
+ r="${0}" />
40
+ <circle
41
+ class="${0}--loading__stroke"
42
+ cx="50%"
43
+ cy="50%"
44
+ r="${0}" />
45
+ </svg>
46
+ `), prefix, !assistiveText ? undefined : html(_t2 || (_t2 = _` <title>${0}</title> `), assistiveText), type !== LOADING_TYPE.SMALL, prefix, radius, prefix, radius);
32
47
  });
33
48
  //# sourceMappingURL=loading-icon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"loading-icon.js","names":["html","settings","LOADING_TYPE","prefix","assistiveText","type","radius","SMALL","_t","_","undefined","_t2"],"sources":["components/loading/loading-icon.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-html';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport LOADING_TYPE from './types';\n\nconst { prefix } = settings;\n\n/**\n * @param Object options The options.\n * @param [options.assistiveText] The assistive text for the spinner icon.\n * @param [options.type] The spinner type.\n * @returns The spinner icon.\n */\nexport default ({\n assistiveText,\n type,\n}: {\n assistiveText?: string;\n type?: string;\n}) => {\n const radius = type === LOADING_TYPE.SMALL ? '42' : '44';\n return html`\n <svg class=\"${prefix}--loading__svg\" viewBox=\"0 0 100 100\">\n ${!assistiveText ? undefined : html` <title>${assistiveText}</title> `}\n <circle\n ?hidden=\"${type !== LOADING_TYPE.SMALL}\"\n class=\"${prefix}--loading__background\"\n cx=\"50%\"\n cy=\"50%\"\n r=\"${radius}\" />\n <circle\n class=\"${prefix}--loading__stroke\"\n cx=\"50%\"\n cy=\"50%\"\n r=\"${radius}\" />\n </svg>\n `;\n};\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,UAAU;AAC/B,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,YAAY,MAAM,SAAS;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGF,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA,gBAAe,CAAC;EACdG,aAAa;EACbC;AAIF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGD,IAAI,KAAKH,YAAY,CAACK,KAAK,GAAG,IAAI,GAAG,IAAI;EACxD,OAAOP,IAAI,CAAAQ,EAAA,KAAAA,EAAA,GAAAC,CAAA,kOACKN,MAAM,EAChB,CAACC,aAAa,GAAGM,SAAS,GAAGV,IAAI,CAAAW,GAAA,KAAAA,GAAA,GAAAF,CAAA,0BAAWL,aAAa,CAAW,EAEzDC,IAAI,KAAKH,YAAY,CAACK,KAAK,EAC7BJ,MAAM,EAGVG,MAAM,EAEFH,MAAM,EAGVG,MAAM;AAGnB,CAAC"}
1
+ {"version":3,"file":"loading-icon.js","names":["html","settings","LOADING_TYPE","prefix","assistiveText","type","radius","SMALL","_t","_","undefined","_t2"],"sources":["components/loading/loading-icon.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-html';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport LOADING_TYPE from './types';\n\nconst { prefix } = settings;\n\n/**\n * @param Object options The options.\n * @param [options.assistiveText] The assistive text for the spinner icon.\n * @param [options.type] The spinner type.\n * @returns The spinner icon.\n */\nexport default ({\n assistiveText,\n type,\n}: {\n assistiveText?: string;\n type?: string;\n}) => {\n const radius = type === LOADING_TYPE.SMALL ? '42' : '44';\n return html`\n <svg class=\"${prefix}--loading__svg\" viewBox=\"0 0 100 100\">\n ${!assistiveText ? undefined : html` <title>${assistiveText}</title> `}\n <circle\n ?hidden=\"${type !== LOADING_TYPE.SMALL}\"\n class=\"${prefix}--loading__background\"\n cx=\"50%\"\n cy=\"50%\"\n r=\"${radius}\" />\n <circle\n class=\"${prefix}--loading__stroke\"\n cx=\"50%\"\n cy=\"50%\"\n r=\"${radius}\" />\n </svg>\n `;\n};\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,UAAU;AAC/B,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,YAAY,MAAM,SAAS;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGF,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA,gBAAe,CAAC;EACdG,aAAa;EACbC;AAIF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGD,IAAI,KAAKH,YAAY,CAACK,KAAK,GAAG,IAAI,GAAG,IAAI;EACxD,OAAOP,IAAI,CAAAQ,EAAA,KAAAA,EAAA,GAAAC,CAAC;AACd,kBAAgB,CAAS;AACzB,QAAM,CAAuE;AAC7E;AACA,mBAAiB,CAA8B;AAC/C,iBAAe,CAAS;AACxB;AACA;AACA,aAAW,CAAS;AACpB;AACA,iBAAe,CAAS;AACxB;AACA;AACA,aAAW,CAAS;AACpB;AACA,GAAE,GAdgBN,MAAM,EAChB,CAACC,aAAa,GAAGM,SAAS,GAAGV,IAAI,CAAAW,GAAA,KAAAA,GAAA,GAAAF,CAAC,WAAQ,CAAgB,WAAS,GAAvBL,aAAa,CAAW,EAEzDC,IAAI,KAAKH,YAAY,CAACK,KAAK,EAC7BJ,MAAM,EAGVG,MAAM,EAEFH,MAAM,EAGVG,MAAM;AAGnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"loading.js","names":["settings","classMap","html","property","LitElement","LOADING_TYPE","getLoadingIcon","styles","carbonElement","customElement","prefix","BXLoading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","REGULAR","type","Boolean","reflect","render","inactive","assistiveText","innerClasses","icon","OVERLAY","_t","_","static"],"sources":["components/loading/loading.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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Spinner indicating loading state.\n *\n * @element bx-loading\n */\n@customElement(`${prefix}-loading`)\nclass BXLoading extends LitElement {\n /**\n * The assistive text for the spinner icon.\n */\n @property({ attribute: 'assistive-text' })\n assistiveText = 'Loading';\n\n /**\n * Spinner type.\n */\n @property()\n type = LOADING_TYPE.REGULAR;\n\n /**\n * `true` if spinner should stop.\n */\n @property({ type: Boolean, reflect: true })\n inactive = false;\n\n render() {\n const { inactive, assistiveText, type } = this;\n const innerClasses = classMap({\n [`${prefix}--loading`]: true,\n [`${prefix}--loading--stop`]: inactive,\n });\n const icon = getLoadingIcon({ assistiveText, type });\n return type !== LOADING_TYPE.OVERLAY\n ? icon\n : html` <div class=\"${innerClasses}\">${icon}</div> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport { LOADING_TYPE };\n\nexport default BXLoading;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,YAAY,QAAQ,QAAQ;AACrC,OAAOC,cAAc,MAAM,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,oBAAgB;AACnC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGV,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMW,SAAS,GAAAC,SAAA,EADdH,aAAa,CAAE,GAAEC,MAAO,UAAS,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAnC,MACMH,SAAS,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgCnC;EAAC;IAAAI,CAAA,EAhCKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIZjB,QAAQ,CAAC;QAAEkB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,SAAS;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKxBjB,QAAQ,CAAC,CAAC;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACJlB,YAAY,CAACmB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAK1BjB,QAAQ,CAAC;QAAEsB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAhBhB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAK,OAAA,EAAS;QACP,MAAM;UAAEC,QAAQ;UAAEC,aAAa;UAAEL;QAAK,CAAC,GAAG,IAAI;QAC9C,MAAMM,YAAY,GAAG9B,QAAQ,CAAC;UAC5B,CAAE,GAAES,MAAO,WAAU,GAAG,IAAI;UAC5B,CAAE,GAAEA,MAAO,iBAAgB,GAAGmB;QAChC,CAAC,CAAC;QACF,MAAMG,IAAI,GAAG1B,cAAc,CAAC;UAAEwB,aAAa;UAAEL;QAAK,CAAC,CAAC;QACpD,OAAOA,IAAI,KAAKpB,YAAY,CAAC4B,OAAO,GAChCD,IAAI,GACJ9B,IAAI,CAAAgC,EAAA,KAAAA,EAAA,GAAAC,CAAA,mCAAgBJ,YAAY,EAAKC,IAAI,CAAS;MACxD;IAAC;MAAAb,IAAA;MAAAiB,MAAA;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GA/BAH,UAAU;AAkClC,SAASC,YAAY;AAErB,eAAeM,SAAS"}
1
+ {"version":3,"file":"loading.js","names":["settings","classMap","html","property","LitElement","LOADING_TYPE","getLoadingIcon","styles","carbonElement","customElement","prefix","BXLoading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","REGULAR","type","Boolean","reflect","render","inactive","assistiveText","innerClasses","icon","OVERLAY","_t","_","static"],"sources":["components/loading/loading.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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Spinner indicating loading state.\n *\n * @element bx-loading\n */\n@customElement(`${prefix}-loading`)\nclass BXLoading extends LitElement {\n /**\n * The assistive text for the spinner icon.\n */\n @property({ attribute: 'assistive-text' })\n assistiveText = 'Loading';\n\n /**\n * Spinner type.\n */\n @property()\n type = LOADING_TYPE.REGULAR;\n\n /**\n * `true` if spinner should stop.\n */\n @property({ type: Boolean, reflect: true })\n inactive = false;\n\n render() {\n const { inactive, assistiveText, type } = this;\n const innerClasses = classMap({\n [`${prefix}--loading`]: true,\n [`${prefix}--loading--stop`]: inactive,\n });\n const icon = getLoadingIcon({ assistiveText, type });\n return type !== LOADING_TYPE.OVERLAY\n ? icon\n : html` <div class=\"${innerClasses}\">${icon}</div> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport { LOADING_TYPE };\n\nexport default BXLoading;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,YAAY,QAAQ,QAAQ;AACrC,OAAOC,cAAc,MAAM,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,oBAAgB;AACnC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGV,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMW,SAAS,GAAAC,SAAA,EADdH,aAAa,CAAE,GAAEC,MAAO,UAAS,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAnC,MACMH,SAAS,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgCnC;EAAC;IAAAI,CAAA,EAhCKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIZjB,QAAQ,CAAC;QAAEkB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,SAAS;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKxBjB,QAAQ,CAAC,CAAC;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACJlB,YAAY,CAACmB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAK1BjB,QAAQ,CAAC;QAAEsB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAhBhB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAK,OAAA,EAAS;QACP,MAAM;UAAEC,QAAQ;UAAEC,aAAa;UAAEL;QAAK,CAAC,GAAG,IAAI;QAC9C,MAAMM,YAAY,GAAG9B,QAAQ,CAAC;UAC5B,CAAE,GAAES,MAAO,WAAU,GAAG,IAAI;UAC5B,CAAE,GAAEA,MAAO,iBAAgB,GAAGmB;QAChC,CAAC,CAAC;QACF,MAAMG,IAAI,GAAG1B,cAAc,CAAC;UAAEwB,aAAa;UAAEL;QAAK,CAAC,CAAC;QACpD,OAAOA,IAAI,KAAKpB,YAAY,CAAC4B,OAAO,GAChCD,IAAI,GACJ9B,IAAI,CAAAgC,EAAA,KAAAA,EAAA,GAAAC,CAAC,gBAAa,CAAe,KAAE,CAAO,SAAO,GAA7BJ,YAAY,EAAKC,IAAI,CAAS;MACxD;IAAC;MAAAb,IAAA;MAAAiB,MAAA;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GA/BAH,UAAU;AAkClC,SAASC,YAAY;AAErB,eAAeM,SAAS"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal-body.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalBody","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal body.\n *\n * @element bx-modal-body\n */\n@customElement(`${prefix}-modal-body`)\nclass BXModalBody extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalBody;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,WAAW,GAAAC,SAAA,EADhBH,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMrC;EAAC;IAAAI,CAAA,EANKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACf,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALEF,UAAU;AAQpC,eAAeM,WAAW"}
1
+ {"version":3,"file":"modal-body.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalBody","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal body.\n *\n * @element bx-modal-body\n */\n@customElement(`${prefix}-modal-body`)\nclass BXModalBody extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalBody;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,WAAW,GAAAC,SAAA,EADhBH,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMrC;EAAC;IAAAI,CAAA,EANKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACf,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALEF,UAAU;AAQpC,eAAeM,WAAW"}
@@ -68,7 +68,15 @@ let BXModalCloseButton = _decorate([customElement(`${prefix}-modal-close-button`
68
68
  const {
69
69
  assistiveText
70
70
  } = this;
71
- return html(_t || (_t = _` <button part="button" aria-label="${0}" class="${0}--modal-close" title="${0}"> ${0} </button> `), ifNonNull(assistiveText), prefix, ifNonNull(assistiveText), Close20({
71
+ return html(_t || (_t = _`
72
+ <button
73
+ part="button"
74
+ aria-label="${0}"
75
+ class="${0}--modal-close"
76
+ title="${0}">
77
+ ${0}
78
+ </button>
79
+ `), ifNonNull(assistiveText), prefix, ifNonNull(assistiveText), Close20({
72
80
  part: 'close-icon',
73
81
  class: `${prefix}--modal-close__icon`
74
82
  }));
@@ -1 +1 @@
1
- {"version":3,"file":"modal-close-button.js","names":["html","property","LitElement","Close20","settings","ifNonNull","FocusMixin","styles","carbonElement","customElement","prefix","BXModalCloseButton","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","attribute","key","value","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","assistiveText","_t","_","part","class","static"],"sources":["components/modal/modal-close-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 { html, property, LitElement } from 'lit-element';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal close button.\n *\n * @element bx-modal-close-button\n * @csspart button The button.\n * @csspart close-icon The close icon.\n */\n@customElement(`${prefix}-modal-close-button`)\nclass BXModalCloseButton extends FocusMixin(LitElement) {\n /**\n * The assistive text for the button.\n */\n @property({ attribute: 'assistive-text' })\n assistiveText = 'Close';\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 { assistiveText } = this;\n return html`\n <button\n part=\"button\"\n aria-label=\"${ifNonNull(assistiveText)}\"\n class=\"${prefix}--modal-close\"\n title=\"${ifNonNull(assistiveText)}\">\n ${Close20({\n part: 'close-icon',\n class: `${prefix}--modal-close__icon`,\n })}\n </button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalCloseButton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,OAAO,MAAM,sBAA4B;AAChD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMO,kBAAkB,GAAAC,SAAA,EADvBH,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,kBAAkB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiCxD;EAAC;IAAAI,CAAA,EAjCKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrBnB,QAAQ,CAAC;QAAEoB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,OAAO;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJvB;AACF;AACA;;MAIE,SAAAC,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;MAAAN,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAM;UAAEC;QAAc,CAAC,GAAG,IAAI;QAC9B,OAAOlC,IAAI,CAAAmC,EAAA,KAAAA,EAAA,GAAAC,CAAA,qGAGO/B,SAAS,CAAC6B,aAAa,CAAC,EAC7BxB,MAAM,EACNL,SAAS,CAAC6B,aAAa,CAAC,EAC/B/B,OAAO,CAAC;UACRkC,IAAI,EAAE,YAAY;UAClBC,KAAK,EAAG,GAAE5B,MAAO;QACnB,CAAC,CAAC;MAGR;IAAC;MAAAS,IAAA;MAAAoB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhCSD,UAAU,CAACJ,UAAU,CAAC;AAmCvD,eAAeS,kBAAkB"}
1
+ {"version":3,"file":"modal-close-button.js","names":["html","property","LitElement","Close20","settings","ifNonNull","FocusMixin","styles","carbonElement","customElement","prefix","BXModalCloseButton","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","attribute","key","value","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","assistiveText","_t","_","part","class","static"],"sources":["components/modal/modal-close-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 { html, property, LitElement } from 'lit-element';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal close button.\n *\n * @element bx-modal-close-button\n * @csspart button The button.\n * @csspart close-icon The close icon.\n */\n@customElement(`${prefix}-modal-close-button`)\nclass BXModalCloseButton extends FocusMixin(LitElement) {\n /**\n * The assistive text for the button.\n */\n @property({ attribute: 'assistive-text' })\n assistiveText = 'Close';\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 { assistiveText } = this;\n return html`\n <button\n part=\"button\"\n aria-label=\"${ifNonNull(assistiveText)}\"\n class=\"${prefix}--modal-close\"\n title=\"${ifNonNull(assistiveText)}\">\n ${Close20({\n part: 'close-icon',\n class: `${prefix}--modal-close__icon`,\n })}\n </button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalCloseButton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,OAAO,MAAM,sBAA4B;AAChD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMO,kBAAkB,GAAAC,SAAA,EADvBH,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,kBAAkB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiCxD;EAAC;IAAAI,CAAA,EAjCKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrBnB,QAAQ,CAAC;QAAEoB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,OAAO;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJvB;AACF;AACA;;MAIE,SAAAC,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;MAAAN,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAM;UAAEC;QAAc,CAAC,GAAG,IAAI;QAC9B,OAAOlC,IAAI,CAAAmC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,sBAAoB,CAA2B;AAC/C,iBAAe,CAAS;AACxB,iBAAe,CAA2B;AAC1C,UAAQ,CAGG;AACX;AACA,KAAI,GARkB/B,SAAS,CAAC6B,aAAa,CAAC,EAC7BxB,MAAM,EACNL,SAAS,CAAC6B,aAAa,CAAC,EAC/B/B,OAAO,CAAC;UACRkC,IAAI,EAAE,YAAY;UAClBC,KAAK,EAAG,GAAE5B,MAAO;QACnB,CAAC,CAAC;MAGR;IAAC;MAAAS,IAAA;MAAAoB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhCSD,UAAU,CAACJ,UAAU,CAAC;AAmCvD,eAAeS,kBAAkB"}
@@ -69,7 +69,11 @@ let BXModalFooter = _decorate([customElement(`${prefix}-modal-footer`)], functio
69
69
  [`${prefix}--modal-footer`]: true,
70
70
  [`${prefix}--modal-footer--three-button`]: hasMoreThanTwoButtons
71
71
  });
72
- return html(_t || (_t = _` <div class="${0}"> <slot @slotchange="${0}"></slot> </div> `), classes, handleSlotChange);
72
+ return html(_t || (_t = _`
73
+ <div class="${0}">
74
+ <slot @slotchange="${0}"></slot>
75
+ </div>
76
+ `), classes, handleSlotChange);
73
77
  }
74
78
 
75
79
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"modal-footer.js","names":["classMap","html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalFooter","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChange","event","selectorButtons","_hasMoreThanTwoButtons","target","assignedNodes","filter","node","nodeType","Node","ELEMENT_NODE","matches","length","requestUpdate","render","hasMoreThanTwoButtons","handleSlotChange","classes","_t","_","static"],"sources":["components/modal/modal-footer.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, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal footer.\n *\n * @element bx-modal-footer\n */\n@customElement(`${prefix}-modal-footer`)\nclass BXModalFooter extends LitElement {\n /**\n * `true` if this modal footer has more than two buttons.\n */\n private _hasMoreThanTwoButtons = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange(event: Event) {\n const { selectorButtons } = this.constructor as typeof BXModalFooter;\n this._hasMoreThanTwoButtons =\n (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorButtons)\n ).length > 2;\n this.requestUpdate();\n }\n\n render() {\n const {\n _hasMoreThanTwoButtons: hasMoreThanTwoButtons,\n _handleSlotChange: handleSlotChange,\n } = this;\n const classes = classMap({\n [`${prefix}--modal-footer`]: true,\n [`${prefix}--modal-footer--three-button`]: hasMoreThanTwoButtons,\n });\n return html`\n <div class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that selects the child buttons.\n */\n static get selectorButtons() {\n return `${prefix}-btn,${prefix}-modal-footer-button`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalFooter;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAxC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8CvC;EAAC;IAAAI,CAAA,EA9CKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIgB,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAHtC;AACF;AACA;;MAGE;AACF;AACA;MACE,SAAAC,kBAA0BC,KAAY,EAAE;QACtC,MAAM;UAAEC;QAAgB,CAAC,GAAG,IAAI,CAACT,WAAmC;QACpE,IAAI,CAACU,sBAAsB,GACxBF,KAAK,CAACG,MAAM,CACVC,aAAa,CAAC,CAAC,CACfC,MAAM,CACJC,IAAI,IACHA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,YAAY,IAClCH,IAAI,CAAaI,OAAO,CAACT,eAAe,CAC7C,CAAC,CAACU,MAAM,GAAG,CAAC;QAChB,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;IAAC;MAAAhB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAe,OAAA,EAAS;QACP,MAAM;UACJX,sBAAsB,EAAEY,qBAAqB;UAC7Cf,iBAAiB,EAAEgB;QACrB,CAAC,GAAG,IAAI;QACR,MAAMC,OAAO,GAAGpC,QAAQ,CAAC;UACvB,CAAE,GAAEO,MAAO,gBAAe,GAAG,IAAI;UACjC,CAAE,GAAEA,MAAO,8BAA6B,GAAG2B;QAC7C,CAAC,CAAC;QACF,OAAOjC,IAAI,CAAAoC,EAAA,KAAAA,EAAA,GAAAC,CAAA,iEACKF,OAAO,EACED,gBAAgB;MAG3C;;MAEA;AACF;AACA;IAFE;MAAAnB,IAAA;MAAAuB,MAAA;MAAAtB,GAAA;MAAAC,KAAA,EAGA,SAAAG,gBAAA,EAA6B;QAC3B,OAAQ,GAAEd,MAAO,QAAOA,MAAO,sBAAqB;MACtD;IAAC;MAAAS,IAAA;MAAAuB,MAAA;MAAAtB,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GA7CIF,UAAU;AAgDtC,eAAeM,aAAa"}
1
+ {"version":3,"file":"modal-footer.js","names":["classMap","html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalFooter","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChange","event","selectorButtons","_hasMoreThanTwoButtons","target","assignedNodes","filter","node","nodeType","Node","ELEMENT_NODE","matches","length","requestUpdate","render","hasMoreThanTwoButtons","handleSlotChange","classes","_t","_","static"],"sources":["components/modal/modal-footer.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, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal footer.\n *\n * @element bx-modal-footer\n */\n@customElement(`${prefix}-modal-footer`)\nclass BXModalFooter extends LitElement {\n /**\n * `true` if this modal footer has more than two buttons.\n */\n private _hasMoreThanTwoButtons = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange(event: Event) {\n const { selectorButtons } = this.constructor as typeof BXModalFooter;\n this._hasMoreThanTwoButtons =\n (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorButtons)\n ).length > 2;\n this.requestUpdate();\n }\n\n render() {\n const {\n _hasMoreThanTwoButtons: hasMoreThanTwoButtons,\n _handleSlotChange: handleSlotChange,\n } = this;\n const classes = classMap({\n [`${prefix}--modal-footer`]: true,\n [`${prefix}--modal-footer--three-button`]: hasMoreThanTwoButtons,\n });\n return html`\n <div class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that selects the child buttons.\n */\n static get selectorButtons() {\n return `${prefix}-btn,${prefix}-modal-footer-button`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalFooter;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAxC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8CvC;EAAC;IAAAI,CAAA,EA9CKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIgB,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAHtC;AACF;AACA;;MAGE;AACF;AACA;MACE,SAAAC,kBAA0BC,KAAY,EAAE;QACtC,MAAM;UAAEC;QAAgB,CAAC,GAAG,IAAI,CAACT,WAAmC;QACpE,IAAI,CAACU,sBAAsB,GACxBF,KAAK,CAACG,MAAM,CACVC,aAAa,CAAC,CAAC,CACfC,MAAM,CACJC,IAAI,IACHA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,YAAY,IAClCH,IAAI,CAAaI,OAAO,CAACT,eAAe,CAC7C,CAAC,CAACU,MAAM,GAAG,CAAC;QAChB,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;IAAC;MAAAhB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAe,OAAA,EAAS;QACP,MAAM;UACJX,sBAAsB,EAAEY,qBAAqB;UAC7Cf,iBAAiB,EAAEgB;QACrB,CAAC,GAAG,IAAI;QACR,MAAMC,OAAO,GAAGpC,QAAQ,CAAC;UACvB,CAAE,GAAEO,MAAO,gBAAe,GAAG,IAAI;UACjC,CAAE,GAAEA,MAAO,8BAA6B,GAAG2B;QAC7C,CAAC,CAAC;QACF,OAAOjC,IAAI,CAAAoC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAU;AAC5B,6BAA2B,CAAmB;AAC9C;AACA,KAAI,GAHgBF,OAAO,EACED,gBAAgB;MAG3C;;MAEA;AACF;AACA;IAFE;MAAAnB,IAAA;MAAAuB,MAAA;MAAAtB,GAAA;MAAAC,KAAA,EAGA,SAAAG,gBAAA,EAA6B;QAC3B,OAAQ,GAAEd,MAAO,QAAOA,MAAO,sBAAqB;MACtD;IAAC;MAAAS,IAAA;MAAAuB,MAAA;MAAAtB,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GA7CIF,UAAU;AAgDtC,eAAeM,aAAa"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal-header.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-header.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal header.\n *\n * @element bx-modal-header\n */\n@customElement(`${prefix}-modal-header`)\nclass BXModalHeader extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalHeader;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAxC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMvC;EAAC;IAAAI,CAAA,EANKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACjB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALIF,UAAU;AAQtC,eAAeM,aAAa"}
1
+ {"version":3,"file":"modal-header.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-header.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal header.\n *\n * @element bx-modal-header\n */\n@customElement(`${prefix}-modal-header`)\nclass BXModalHeader extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalHeader;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAxC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMvC;EAAC;IAAAI,CAAA,EANKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACjB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALIF,UAAU;AAQtC,eAAeM,aAAa"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal-heading.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalHeading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-heading.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal heading.\n *\n * @element bx-modal-heading\n */\n@customElement(`${prefix}-modal-heading`)\nclass BXModalHeading extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalHeading;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,cAAc,GAAAC,SAAA,EADnBH,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMxC;EAAC;IAAAI,CAAA,EANKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAClB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALKF,UAAU;AAQvC,eAAeM,cAAc"}
1
+ {"version":3,"file":"modal-heading.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalHeading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-heading.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal heading.\n *\n * @element bx-modal-heading\n */\n@customElement(`${prefix}-modal-heading`)\nclass BXModalHeading extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalHeading;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,cAAc,GAAAC,SAAA,EADnBH,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMxC;EAAC;IAAAI,CAAA,EANKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAClB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALKF,UAAU;AAQvC,eAAeM,cAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal-label.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalLabel","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-label.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal label.\n *\n * @element bx-modal-label\n */\n@customElement(`${prefix}-modal-label`)\nclass BXModalLabel extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalLabel;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,YAAY,GAAAC,SAAA,EADjBH,aAAa,CAAE,GAAEC,MAAO,cAAa,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMtC;EAAC;IAAAI,CAAA,EANKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALGF,UAAU;AAQrC,eAAeM,YAAY"}
1
+ {"version":3,"file":"modal-label.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalLabel","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-label.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal label.\n *\n * @element bx-modal-label\n */\n@customElement(`${prefix}-modal-label`)\nclass BXModalLabel extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalLabel;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,YAAY,GAAAC,SAAA,EADjBH,aAAa,CAAE,GAAEC,MAAO,cAAa,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMtC;EAAC;IAAAI,CAAA,EANKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALGF,UAAU;AAQrC,eAAeM,YAAY"}
@@ -278,7 +278,26 @@ let BXModal = _decorate([customElement(`${prefix}-modal`)], function (_initializ
278
278
  [`${prefix}--modal-container`]: true,
279
279
  [`${prefix}--modal-container--${size}`]: size
280
280
  }, containerClass));
281
- return html(_t || (_t = _` <a id="start-sentinel" class="${0}--visually-hidden" href="javascript:void 0" role="navigation"></a> <div part="dialog" class="${0}" role="dialog" tabindex="-1" @click="${0}"> <slot></slot> </div> <a id="end-sentinel" class="${0}--visually-hidden" href="javascript:void 0" role="navigation"></a> `), prefix, containerClasses, this._handleClickContainer, prefix);
281
+ return html(_t || (_t = _`
282
+ <a
283
+ id="start-sentinel"
284
+ class="${0}--visually-hidden"
285
+ href="javascript:void 0"
286
+ role="navigation"></a>
287
+ <div
288
+ part="dialog"
289
+ class=${0}
290
+ role="dialog"
291
+ tabindex="-1"
292
+ @click=${0}>
293
+ <slot></slot>
294
+ </div>
295
+ <a
296
+ id="end-sentinel"
297
+ class="${0}--visually-hidden"
298
+ href="javascript:void 0"
299
+ role="navigation"></a>
300
+ `), prefix, containerClasses, this._handleClickContainer, prefix);
282
301
  }
283
302
  }, {
284
303
  kind: "method",