@carbon/ibm-products-web-components 0.38.0 → 0.39.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 (441) hide show
  1. package/custom-elements.json +15 -0
  2. package/es/_virtual/{_@oxc-project_runtime@0.112.0 → _@oxc-project_runtime@0.127.0}/helpers/decorate.js +2 -3
  3. package/es/components/about-modal/about-modal.js +9 -10
  4. package/es/components/about-modal/about-modal.js.map +1 -1
  5. package/es/components/about-modal/about-modal.scss.js +2 -3
  6. package/es/components/action-set/action-set.js +13 -14
  7. package/es/components/action-set/action-set.js.map +1 -1
  8. package/es/components/action-set/action-set.scss.js +2 -3
  9. package/es/components/action-set/action-set.scss.js.map +1 -1
  10. package/es/components/big-number/big-number-skeleton.js +9 -10
  11. package/es/components/big-number/big-number-skeleton.js.map +1 -1
  12. package/es/components/big-number/big-number-skeleton.scss.js +1 -2
  13. package/es/components/big-number/big-number.js +12 -13
  14. package/es/components/big-number/big-number.js.map +1 -1
  15. package/es/components/big-number/big-number.scss.js +1 -2
  16. package/es/components/big-number/constants.js +1 -1
  17. package/es/components/big-number/constants.js.map +1 -1
  18. package/es/components/checklist/checklist-chart.js +6 -7
  19. package/es/components/checklist/checklist-chart.js.map +1 -1
  20. package/es/components/checklist/checklist-group.js +7 -8
  21. package/es/components/checklist/checklist-group.js.map +1 -1
  22. package/es/components/checklist/checklist-icon.js +8 -9
  23. package/es/components/checklist/checklist-icon.js.map +1 -1
  24. package/es/components/checklist/checklist-item.js +16 -17
  25. package/es/components/checklist/checklist-item.js.map +1 -1
  26. package/es/components/checklist/checklist.js +7 -8
  27. package/es/components/checklist/checklist.js.map +1 -1
  28. package/es/components/checklist/checklist.scss.js +1 -2
  29. package/es/components/checklist/checklist.types.js +1 -1
  30. package/es/components/checklist/checklist.types.js.map +1 -1
  31. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js +8 -9
  32. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -1
  33. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +1 -2
  34. package/es/components/coachmark/coachmark-beacon/defs.js +1 -1
  35. package/es/components/coachmark/coachmark-beacon/defs.js.map +1 -1
  36. package/es/components/coachmark/coachmark-body.js +4 -5
  37. package/es/components/coachmark/coachmark-body.js.map +1 -1
  38. package/es/components/coachmark/coachmark-body.scss.js +1 -2
  39. package/es/components/coachmark/coachmark-context.js +1 -2
  40. package/es/components/coachmark/coachmark-context.js.map +1 -1
  41. package/es/components/coachmark/coachmark-header.js +9 -10
  42. package/es/components/coachmark/coachmark-header.js.map +1 -1
  43. package/es/components/coachmark/coachmark-header.scss.js +1 -2
  44. package/es/components/coachmark/coachmark-tagline/coachmark-tagline.js +8 -9
  45. package/es/components/coachmark/coachmark-tagline/coachmark-tagline.js.map +1 -1
  46. package/es/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js +1 -2
  47. package/es/components/coachmark/coachmark.js +9 -10
  48. package/es/components/coachmark/coachmark.js.map +1 -1
  49. package/es/components/coachmark/coachmark.scss.js +1 -2
  50. package/es/components/full-page-error/assets/error403SVG.js +3 -4
  51. package/es/components/full-page-error/assets/error403SVG.js.map +1 -1
  52. package/es/components/full-page-error/assets/error404SVG.js +3 -4
  53. package/es/components/full-page-error/assets/error404SVG.js.map +1 -1
  54. package/es/components/full-page-error/assets/errorGenericSVG.js +3 -4
  55. package/es/components/full-page-error/assets/errorGenericSVG.js.map +1 -1
  56. package/es/components/full-page-error/full-page-error.js +13 -14
  57. package/es/components/full-page-error/full-page-error.js.map +1 -1
  58. package/es/components/full-page-error/full-page-error.scss.js +2 -3
  59. package/es/components/full-page-error/types.js +1 -1
  60. package/es/components/full-page-error/types.js.map +1 -1
  61. package/es/components/guide-banner/guide-banner-element.js +5 -6
  62. package/es/components/guide-banner/guide-banner-element.js.map +1 -1
  63. package/es/components/guide-banner/guide-banner-element.scss.js +2 -3
  64. package/es/components/guide-banner/guide-banner.js +6 -7
  65. package/es/components/guide-banner/guide-banner.js.map +1 -1
  66. package/es/components/guide-banner/guide-banner.scss.js +2 -3
  67. package/es/components/interstitial-screen/interstitial-screen-body-item.js +4 -5
  68. package/es/components/interstitial-screen/interstitial-screen-body-item.js.map +1 -1
  69. package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -2
  70. package/es/components/interstitial-screen/interstitial-screen-body.js +8 -9
  71. package/es/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
  72. package/es/components/interstitial-screen/interstitial-screen-body.scss.js +1 -2
  73. package/es/components/interstitial-screen/interstitial-screen-context.js +1 -2
  74. package/es/components/interstitial-screen/interstitial-screen-context.js.map +1 -1
  75. package/es/components/interstitial-screen/interstitial-screen-footer.js +9 -10
  76. package/es/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
  77. package/es/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -2
  78. package/es/components/interstitial-screen/interstitial-screen-header.js +7 -8
  79. package/es/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
  80. package/es/components/interstitial-screen/interstitial-screen-header.scss.js +1 -2
  81. package/es/components/interstitial-screen/interstitial-screen.js +10 -11
  82. package/es/components/interstitial-screen/interstitial-screen.js.map +1 -1
  83. package/es/components/interstitial-screen/interstitial-screen.scss.js +1 -2
  84. package/es/components/notification-panel/date-time-context.js +1 -2
  85. package/es/components/notification-panel/date-time-context.js.map +1 -1
  86. package/es/components/notification-panel/defs.js +1 -1
  87. package/es/components/notification-panel/notification-footer.js +7 -8
  88. package/es/components/notification-panel/notification-footer.js.map +1 -1
  89. package/es/components/notification-panel/notification-footer.scss.js +1 -2
  90. package/es/components/notification-panel/notification-panel.js +14 -15
  91. package/es/components/notification-panel/notification-panel.js.map +1 -1
  92. package/es/components/notification-panel/notification-panel.scss.js +1 -2
  93. package/es/components/notification-panel/notification.js +6 -7
  94. package/es/components/notification-panel/notification.js.map +1 -1
  95. package/es/components/notification-panel/notification.scss.js +1 -2
  96. package/es/components/options-tile/options-tile.js +6 -7
  97. package/es/components/options-tile/options-tile.js.map +1 -1
  98. package/es/components/options-tile/options-tile.scss.js +1 -2
  99. package/es/components/page-header/_story-assets/overflowHandler.js +1 -1
  100. package/es/components/page-header/_story-assets/overflowHandler.js.map +1 -1
  101. package/es/components/page-header/context.js +1 -2
  102. package/es/components/page-header/context.js.map +1 -1
  103. package/es/components/page-header/page-header-actions-set/page-header-actions-set.js +5 -6
  104. package/es/components/page-header/page-header-actions-set/page-header-actions-set.js.map +1 -1
  105. package/es/components/page-header/page-header-actions-set/page-header-actions-set.scss.js +2 -3
  106. package/es/components/page-header/page-header-actions-set/page-header-actions-set.scss.js.map +1 -1
  107. package/es/components/page-header/page-header-breadcrumb.js +12 -13
  108. package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
  109. package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.js +5 -6
  110. package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.js.map +1 -1
  111. package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.scss.js +2 -3
  112. package/es/components/page-header/page-header-content-text.js +5 -6
  113. package/es/components/page-header/page-header-content-text.js.map +1 -1
  114. package/es/components/page-header/page-header-content.js +15 -16
  115. package/es/components/page-header/page-header-content.js.map +1 -1
  116. package/es/components/page-header/page-header-hero-image.d.ts +8 -0
  117. package/es/components/page-header/page-header-hero-image.d.ts.map +1 -1
  118. package/es/components/page-header/page-header-hero-image.js +23 -6
  119. package/es/components/page-header/page-header-hero-image.js.map +1 -1
  120. package/es/components/page-header/page-header-scroller.js +7 -8
  121. package/es/components/page-header/page-header-scroller.js.map +1 -1
  122. package/es/components/page-header/page-header-tabs.js +7 -8
  123. package/es/components/page-header/page-header-tabs.js.map +1 -1
  124. package/es/components/page-header/page-header-tags-set/page-header-tags-set.js +5 -6
  125. package/es/components/page-header/page-header-tags-set/page-header-tags-set.js.map +1 -1
  126. package/es/components/page-header/page-header-tags-set/page-header-tags-set.scss.js +2 -3
  127. package/es/components/page-header/page-header-tags-set/utils.js +1 -2
  128. package/es/components/page-header/page-header-tags-set/utils.js.map +1 -1
  129. package/es/components/page-header/page-header-title-breadcrumb.js +11 -12
  130. package/es/components/page-header/page-header-title-breadcrumb.js.map +1 -1
  131. package/es/components/page-header/page-header.js +8 -9
  132. package/es/components/page-header/page-header.js.map +1 -1
  133. package/es/components/page-header/page-header.scss.js +2 -3
  134. package/es/components/page-header/page-header.scss.js.map +1 -1
  135. package/es/components/page-header/utils.js +1 -2
  136. package/es/components/page-header/utils.js.map +1 -1
  137. package/es/components/side-panel/defs.js +1 -1
  138. package/es/components/side-panel/defs.js.map +1 -1
  139. package/es/components/side-panel/side-panel.d.ts +2 -4
  140. package/es/components/side-panel/side-panel.d.ts.map +1 -1
  141. package/es/components/side-panel/side-panel.js +32 -49
  142. package/es/components/side-panel/side-panel.js.map +1 -1
  143. package/es/components/side-panel/side-panel.scss.js +2 -3
  144. package/es/components/side-panel/side-panel.scss.js.map +1 -1
  145. package/es/components/tearsheet/defs.js +1 -1
  146. package/es/components/tearsheet/defs.js.map +1 -1
  147. package/es/components/tearsheet/story-styles.scss.js +1 -2
  148. package/es/components/tearsheet/tearsheet.js +25 -26
  149. package/es/components/tearsheet/tearsheet.js.map +1 -1
  150. package/es/components/tearsheet/tearsheet.scss.js +2 -3
  151. package/es/components/tearsheet/utils.js +3 -4
  152. package/es/components/tearsheet/utils.js.map +1 -1
  153. package/es/components/tearsheet-preview/stack-signal.js +1 -2
  154. package/es/components/tearsheet-preview/stack-signal.js.map +1 -1
  155. package/es/components/tearsheet-preview/tearsheet-body.js +9 -7
  156. package/es/components/tearsheet-preview/tearsheet-body.js.map +1 -1
  157. package/es/components/tearsheet-preview/tearsheet-footer.js +6 -7
  158. package/es/components/tearsheet-preview/tearsheet-footer.js.map +1 -1
  159. package/es/components/tearsheet-preview/tearsheet-header-content.js +14 -9
  160. package/es/components/tearsheet-preview/tearsheet-header-content.js.map +1 -1
  161. package/es/components/tearsheet-preview/tearsheet-header-content.scss.js +1 -2
  162. package/es/components/tearsheet-preview/tearsheet-header.js +6 -7
  163. package/es/components/tearsheet-preview/tearsheet-header.js.map +1 -1
  164. package/es/components/tearsheet-preview/tearsheet-header.scss.js +1 -2
  165. package/es/components/tearsheet-preview/tearsheet-influencer.js +4 -5
  166. package/es/components/tearsheet-preview/tearsheet-influencer.js.map +1 -1
  167. package/es/components/tearsheet-preview/tearsheet-navigation-bar.js +4 -5
  168. package/es/components/tearsheet-preview/tearsheet-navigation-bar.js.map +1 -1
  169. package/es/components/tearsheet-preview/tearsheet-navigation-bar.scss.js +1 -2
  170. package/es/components/tearsheet-preview/tearsheet-scroller.js +5 -6
  171. package/es/components/tearsheet-preview/tearsheet-scroller.js.map +1 -1
  172. package/es/components/tearsheet-preview/tearsheet-signal.js +3 -4
  173. package/es/components/tearsheet-preview/tearsheet-signal.js.map +1 -1
  174. package/es/components/tearsheet-preview/tearsheet-stack.js +6 -7
  175. package/es/components/tearsheet-preview/tearsheet-stack.js.map +1 -1
  176. package/es/components/tearsheet-preview/tearsheet-summary-content.js +5 -6
  177. package/es/components/tearsheet-preview/tearsheet-summary-content.js.map +1 -1
  178. package/es/components/tearsheet-preview/tearsheet.js +19 -20
  179. package/es/components/tearsheet-preview/tearsheet.js.map +1 -1
  180. package/es/components/tearsheet-preview/tearsheet.scss.js +1 -2
  181. package/es/components/truncated-text/truncated-text.d.ts.map +1 -1
  182. package/es/components/truncated-text/truncated-text.js +23 -18
  183. package/es/components/truncated-text/truncated-text.js.map +1 -1
  184. package/es/components/truncated-text/truncated-text.scss.js +2 -3
  185. package/es/components/truncated-text/truncated-text.scss.js.map +1 -1
  186. package/es/components/user-avatar/user-avatar.js +6 -7
  187. package/es/components/user-avatar/user-avatar.js.map +1 -1
  188. package/es/components/user-avatar/user-avatar.scss.js +1 -2
  189. package/es/globals/internal/pconsole.js +2 -2
  190. package/es/globals/internal/pconsole.js.map +1 -1
  191. package/es/globals/internal/storybook-cdn.js +1 -2
  192. package/es/globals/internal/storybook-cdn.js.map +1 -1
  193. package/es/globals/js/utils/collapsible-controller.js +1 -1
  194. package/es/globals/js/utils/getSupportedLocale.js +1 -1
  195. package/es/globals/js/utils/match-media-controller.js +1 -1
  196. package/es/globals/js/utils/match-media-controller.js.map +1 -1
  197. package/es/globals/settings.js +4 -4
  198. package/es/globals/settings.js.map +1 -1
  199. package/es/index.js +1 -2
  200. package/es/package.js +2 -2
  201. package/es/utilities/makeDraggable/makeDraggable.js +1 -1
  202. package/es/utilities/manageFocusTrap/manageFocusTrap.js +1 -2
  203. package/es/utilities/manageFocusTrap/manageFocusTrap.js.map +1 -1
  204. package/es/utilities/snapscroll/index.js +1 -2
  205. package/es/utilities/snapscroll/snapscroll.js +3 -4
  206. package/es/utilities/snapscroll/snapscroll.js.map +1 -1
  207. package/es/utilities/step-flow/step-flow-signal.js +1 -2
  208. package/es/utilities/step-flow/step-flow-signal.js.map +1 -1
  209. package/es/utilities/step-flow/step-group.js +2 -3
  210. package/es/utilities/step-flow/step-group.js.map +1 -1
  211. package/es-custom/_virtual/{_@oxc-project_runtime@0.112.0 → _@oxc-project_runtime@0.127.0}/helpers/decorate.js +2 -3
  212. package/es-custom/components/about-modal/about-modal.js +9 -10
  213. package/es-custom/components/about-modal/about-modal.js.map +1 -1
  214. package/es-custom/components/about-modal/about-modal.scss.js +2 -3
  215. package/es-custom/components/action-set/action-set.js +13 -14
  216. package/es-custom/components/action-set/action-set.js.map +1 -1
  217. package/es-custom/components/action-set/action-set.scss.js +2 -3
  218. package/es-custom/components/action-set/action-set.scss.js.map +1 -1
  219. package/es-custom/components/big-number/big-number-skeleton.js +9 -10
  220. package/es-custom/components/big-number/big-number-skeleton.js.map +1 -1
  221. package/es-custom/components/big-number/big-number-skeleton.scss.js +1 -2
  222. package/es-custom/components/big-number/big-number.js +12 -13
  223. package/es-custom/components/big-number/big-number.js.map +1 -1
  224. package/es-custom/components/big-number/big-number.scss.js +1 -2
  225. package/es-custom/components/big-number/constants.js +1 -1
  226. package/es-custom/components/big-number/constants.js.map +1 -1
  227. package/es-custom/components/checklist/checklist-chart.js +6 -7
  228. package/es-custom/components/checklist/checklist-chart.js.map +1 -1
  229. package/es-custom/components/checklist/checklist-group.js +7 -8
  230. package/es-custom/components/checklist/checklist-group.js.map +1 -1
  231. package/es-custom/components/checklist/checklist-icon.js +8 -9
  232. package/es-custom/components/checklist/checklist-icon.js.map +1 -1
  233. package/es-custom/components/checklist/checklist-item.js +16 -17
  234. package/es-custom/components/checklist/checklist-item.js.map +1 -1
  235. package/es-custom/components/checklist/checklist.js +7 -8
  236. package/es-custom/components/checklist/checklist.js.map +1 -1
  237. package/es-custom/components/checklist/checklist.scss.js +1 -2
  238. package/es-custom/components/checklist/checklist.types.js +1 -1
  239. package/es-custom/components/checklist/checklist.types.js.map +1 -1
  240. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js +8 -9
  241. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -1
  242. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +1 -2
  243. package/es-custom/components/coachmark/coachmark-beacon/defs.js +1 -1
  244. package/es-custom/components/coachmark/coachmark-beacon/defs.js.map +1 -1
  245. package/es-custom/components/coachmark/coachmark-body.js +4 -5
  246. package/es-custom/components/coachmark/coachmark-body.js.map +1 -1
  247. package/es-custom/components/coachmark/coachmark-body.scss.js +1 -2
  248. package/es-custom/components/coachmark/coachmark-context.js +1 -2
  249. package/es-custom/components/coachmark/coachmark-context.js.map +1 -1
  250. package/es-custom/components/coachmark/coachmark-header.js +9 -10
  251. package/es-custom/components/coachmark/coachmark-header.js.map +1 -1
  252. package/es-custom/components/coachmark/coachmark-header.scss.js +1 -2
  253. package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js +8 -9
  254. package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js.map +1 -1
  255. package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js +1 -2
  256. package/es-custom/components/coachmark/coachmark.js +9 -10
  257. package/es-custom/components/coachmark/coachmark.js.map +1 -1
  258. package/es-custom/components/coachmark/coachmark.scss.js +1 -2
  259. package/es-custom/components/full-page-error/assets/error403SVG.js +3 -4
  260. package/es-custom/components/full-page-error/assets/error403SVG.js.map +1 -1
  261. package/es-custom/components/full-page-error/assets/error404SVG.js +3 -4
  262. package/es-custom/components/full-page-error/assets/error404SVG.js.map +1 -1
  263. package/es-custom/components/full-page-error/assets/errorGenericSVG.js +3 -4
  264. package/es-custom/components/full-page-error/assets/errorGenericSVG.js.map +1 -1
  265. package/es-custom/components/full-page-error/full-page-error.js +13 -14
  266. package/es-custom/components/full-page-error/full-page-error.js.map +1 -1
  267. package/es-custom/components/full-page-error/full-page-error.scss.js +2 -3
  268. package/es-custom/components/full-page-error/types.js +1 -1
  269. package/es-custom/components/full-page-error/types.js.map +1 -1
  270. package/es-custom/components/guide-banner/guide-banner-element.js +5 -6
  271. package/es-custom/components/guide-banner/guide-banner-element.js.map +1 -1
  272. package/es-custom/components/guide-banner/guide-banner-element.scss.js +2 -3
  273. package/es-custom/components/guide-banner/guide-banner.js +6 -7
  274. package/es-custom/components/guide-banner/guide-banner.js.map +1 -1
  275. package/es-custom/components/guide-banner/guide-banner.scss.js +2 -3
  276. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js +4 -5
  277. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js.map +1 -1
  278. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -2
  279. package/es-custom/components/interstitial-screen/interstitial-screen-body.js +8 -9
  280. package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
  281. package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +1 -2
  282. package/es-custom/components/interstitial-screen/interstitial-screen-context.js +1 -2
  283. package/es-custom/components/interstitial-screen/interstitial-screen-context.js.map +1 -1
  284. package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +9 -10
  285. package/es-custom/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
  286. package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -2
  287. package/es-custom/components/interstitial-screen/interstitial-screen-header.js +7 -8
  288. package/es-custom/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
  289. package/es-custom/components/interstitial-screen/interstitial-screen-header.scss.js +1 -2
  290. package/es-custom/components/interstitial-screen/interstitial-screen.js +10 -11
  291. package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -1
  292. package/es-custom/components/interstitial-screen/interstitial-screen.scss.js +1 -2
  293. package/es-custom/components/notification-panel/date-time-context.js +1 -2
  294. package/es-custom/components/notification-panel/date-time-context.js.map +1 -1
  295. package/es-custom/components/notification-panel/defs.js +1 -1
  296. package/es-custom/components/notification-panel/notification-footer.js +7 -8
  297. package/es-custom/components/notification-panel/notification-footer.js.map +1 -1
  298. package/es-custom/components/notification-panel/notification-footer.scss.js +1 -2
  299. package/es-custom/components/notification-panel/notification-panel.js +14 -15
  300. package/es-custom/components/notification-panel/notification-panel.js.map +1 -1
  301. package/es-custom/components/notification-panel/notification-panel.scss.js +1 -2
  302. package/es-custom/components/notification-panel/notification.js +6 -7
  303. package/es-custom/components/notification-panel/notification.js.map +1 -1
  304. package/es-custom/components/notification-panel/notification.scss.js +1 -2
  305. package/es-custom/components/options-tile/options-tile.js +6 -7
  306. package/es-custom/components/options-tile/options-tile.js.map +1 -1
  307. package/es-custom/components/options-tile/options-tile.scss.js +1 -2
  308. package/es-custom/components/page-header/_story-assets/overflowHandler.js +1 -1
  309. package/es-custom/components/page-header/_story-assets/overflowHandler.js.map +1 -1
  310. package/es-custom/components/page-header/context.js +1 -2
  311. package/es-custom/components/page-header/context.js.map +1 -1
  312. package/es-custom/components/page-header/page-header-actions-set/page-header-actions-set.js +5 -6
  313. package/es-custom/components/page-header/page-header-actions-set/page-header-actions-set.js.map +1 -1
  314. package/es-custom/components/page-header/page-header-actions-set/page-header-actions-set.scss.js +2 -3
  315. package/es-custom/components/page-header/page-header-actions-set/page-header-actions-set.scss.js.map +1 -1
  316. package/es-custom/components/page-header/page-header-breadcrumb.js +12 -13
  317. package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
  318. package/es-custom/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.js +5 -6
  319. package/es-custom/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.js.map +1 -1
  320. package/es-custom/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.scss.js +2 -3
  321. package/es-custom/components/page-header/page-header-content-text.js +5 -6
  322. package/es-custom/components/page-header/page-header-content-text.js.map +1 -1
  323. package/es-custom/components/page-header/page-header-content.js +15 -16
  324. package/es-custom/components/page-header/page-header-content.js.map +1 -1
  325. package/es-custom/components/page-header/page-header-hero-image.js +23 -6
  326. package/es-custom/components/page-header/page-header-hero-image.js.map +1 -1
  327. package/es-custom/components/page-header/page-header-scroller.js +7 -8
  328. package/es-custom/components/page-header/page-header-scroller.js.map +1 -1
  329. package/es-custom/components/page-header/page-header-tabs.js +7 -8
  330. package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
  331. package/es-custom/components/page-header/page-header-tags-set/page-header-tags-set.js +5 -6
  332. package/es-custom/components/page-header/page-header-tags-set/page-header-tags-set.js.map +1 -1
  333. package/es-custom/components/page-header/page-header-tags-set/page-header-tags-set.scss.js +2 -3
  334. package/es-custom/components/page-header/page-header-tags-set/utils.js +1 -2
  335. package/es-custom/components/page-header/page-header-tags-set/utils.js.map +1 -1
  336. package/es-custom/components/page-header/page-header-title-breadcrumb.js +11 -12
  337. package/es-custom/components/page-header/page-header-title-breadcrumb.js.map +1 -1
  338. package/es-custom/components/page-header/page-header.js +8 -9
  339. package/es-custom/components/page-header/page-header.js.map +1 -1
  340. package/es-custom/components/page-header/page-header.scss.js +2 -3
  341. package/es-custom/components/page-header/page-header.scss.js.map +1 -1
  342. package/es-custom/components/page-header/utils.js +1 -2
  343. package/es-custom/components/page-header/utils.js.map +1 -1
  344. package/es-custom/components/side-panel/defs.js +1 -1
  345. package/es-custom/components/side-panel/defs.js.map +1 -1
  346. package/es-custom/components/side-panel/side-panel.js +32 -49
  347. package/es-custom/components/side-panel/side-panel.js.map +1 -1
  348. package/es-custom/components/side-panel/side-panel.scss.js +2 -3
  349. package/es-custom/components/side-panel/side-panel.scss.js.map +1 -1
  350. package/es-custom/components/tearsheet/defs.js +1 -1
  351. package/es-custom/components/tearsheet/defs.js.map +1 -1
  352. package/es-custom/components/tearsheet/story-styles.scss.js +1 -2
  353. package/es-custom/components/tearsheet/tearsheet.js +25 -26
  354. package/es-custom/components/tearsheet/tearsheet.js.map +1 -1
  355. package/es-custom/components/tearsheet/tearsheet.scss.js +2 -3
  356. package/es-custom/components/tearsheet/utils.js +3 -4
  357. package/es-custom/components/tearsheet/utils.js.map +1 -1
  358. package/es-custom/components/tearsheet-preview/stack-signal.js +1 -2
  359. package/es-custom/components/tearsheet-preview/stack-signal.js.map +1 -1
  360. package/es-custom/components/tearsheet-preview/tearsheet-body.js +9 -7
  361. package/es-custom/components/tearsheet-preview/tearsheet-body.js.map +1 -1
  362. package/es-custom/components/tearsheet-preview/tearsheet-footer.js +6 -7
  363. package/es-custom/components/tearsheet-preview/tearsheet-footer.js.map +1 -1
  364. package/es-custom/components/tearsheet-preview/tearsheet-header-content.js +14 -9
  365. package/es-custom/components/tearsheet-preview/tearsheet-header-content.js.map +1 -1
  366. package/es-custom/components/tearsheet-preview/tearsheet-header-content.scss.js +1 -2
  367. package/es-custom/components/tearsheet-preview/tearsheet-header.js +6 -7
  368. package/es-custom/components/tearsheet-preview/tearsheet-header.js.map +1 -1
  369. package/es-custom/components/tearsheet-preview/tearsheet-header.scss.js +1 -2
  370. package/es-custom/components/tearsheet-preview/tearsheet-influencer.js +4 -5
  371. package/es-custom/components/tearsheet-preview/tearsheet-influencer.js.map +1 -1
  372. package/es-custom/components/tearsheet-preview/tearsheet-navigation-bar.js +4 -5
  373. package/es-custom/components/tearsheet-preview/tearsheet-navigation-bar.js.map +1 -1
  374. package/es-custom/components/tearsheet-preview/tearsheet-navigation-bar.scss.js +1 -2
  375. package/es-custom/components/tearsheet-preview/tearsheet-scroller.js +5 -6
  376. package/es-custom/components/tearsheet-preview/tearsheet-scroller.js.map +1 -1
  377. package/es-custom/components/tearsheet-preview/tearsheet-signal.js +3 -4
  378. package/es-custom/components/tearsheet-preview/tearsheet-signal.js.map +1 -1
  379. package/es-custom/components/tearsheet-preview/tearsheet-stack.js +6 -7
  380. package/es-custom/components/tearsheet-preview/tearsheet-stack.js.map +1 -1
  381. package/es-custom/components/tearsheet-preview/tearsheet-summary-content.js +5 -6
  382. package/es-custom/components/tearsheet-preview/tearsheet-summary-content.js.map +1 -1
  383. package/es-custom/components/tearsheet-preview/tearsheet.js +19 -20
  384. package/es-custom/components/tearsheet-preview/tearsheet.js.map +1 -1
  385. package/es-custom/components/tearsheet-preview/tearsheet.scss.js +1 -2
  386. package/es-custom/components/truncated-text/truncated-text.js +23 -18
  387. package/es-custom/components/truncated-text/truncated-text.js.map +1 -1
  388. package/es-custom/components/truncated-text/truncated-text.scss.js +2 -3
  389. package/es-custom/components/truncated-text/truncated-text.scss.js.map +1 -1
  390. package/es-custom/components/user-avatar/user-avatar.js +6 -7
  391. package/es-custom/components/user-avatar/user-avatar.js.map +1 -1
  392. package/es-custom/components/user-avatar/user-avatar.scss.js +1 -2
  393. package/es-custom/globals/internal/pconsole.js +2 -2
  394. package/es-custom/globals/internal/pconsole.js.map +1 -1
  395. package/es-custom/globals/internal/storybook-cdn.js +1 -2
  396. package/es-custom/globals/internal/storybook-cdn.js.map +1 -1
  397. package/es-custom/globals/js/utils/collapsible-controller.js +1 -1
  398. package/es-custom/globals/js/utils/getSupportedLocale.js +1 -1
  399. package/es-custom/globals/js/utils/match-media-controller.js +1 -1
  400. package/es-custom/globals/js/utils/match-media-controller.js.map +1 -1
  401. package/es-custom/globals/settings.js +4 -4
  402. package/es-custom/globals/settings.js.map +1 -1
  403. package/es-custom/index.js +1 -2
  404. package/es-custom/package.js +2 -2
  405. package/es-custom/utilities/makeDraggable/makeDraggable.js +1 -1
  406. package/es-custom/utilities/manageFocusTrap/manageFocusTrap.js +1 -2
  407. package/es-custom/utilities/manageFocusTrap/manageFocusTrap.js.map +1 -1
  408. package/es-custom/utilities/snapscroll/index.js +1 -2
  409. package/es-custom/utilities/snapscroll/snapscroll.js +3 -4
  410. package/es-custom/utilities/snapscroll/snapscroll.js.map +1 -1
  411. package/es-custom/utilities/step-flow/step-flow-signal.js +1 -2
  412. package/es-custom/utilities/step-flow/step-flow-signal.js.map +1 -1
  413. package/es-custom/utilities/step-flow/step-group.js +2 -3
  414. package/es-custom/utilities/step-flow/step-group.js.map +1 -1
  415. package/lib/components/coachmark/coachmark-beacon/defs.js +2 -3
  416. package/lib/components/coachmark/coachmark-beacon/defs.js.map +1 -1
  417. package/lib/components/notification-panel/defs.js +2 -3
  418. package/lib/components/page-header/page-header-hero-image.d.ts +8 -0
  419. package/lib/components/page-header/page-header-hero-image.d.ts.map +1 -1
  420. package/lib/components/side-panel/defs.js +2 -3
  421. package/lib/components/side-panel/defs.js.map +1 -1
  422. package/lib/components/side-panel/side-panel.d.ts +2 -4
  423. package/lib/components/side-panel/side-panel.d.ts.map +1 -1
  424. package/lib/components/tearsheet/defs.js +2 -3
  425. package/lib/components/tearsheet/defs.js.map +1 -1
  426. package/lib/components/truncated-text/truncated-text.d.ts.map +1 -1
  427. package/lib/globals/js/utils/collapsible-controller.js +2 -3
  428. package/lib/globals/js/utils/collapsible-controller.js.map +1 -1
  429. package/lib/globals/js/utils/getSupportedLocale.js +2 -3
  430. package/lib/globals/js/utils/getSupportedLocale.js.map +1 -1
  431. package/lib/globals/js/utils/match-media-controller.js +2 -3
  432. package/lib/globals/js/utils/match-media-controller.js.map +1 -1
  433. package/lib/globals/settings.js +5 -6
  434. package/lib/globals/settings.js.map +1 -1
  435. package/package.json +12 -12
  436. package/scss/components/action-set/action-set.scss +28 -0
  437. package/scss/components/page-header/page-header-actions-set/page-header-actions-set.scss +2 -8
  438. package/scss/components/page-header/page-header.scss +75 -21
  439. package/scss/components/side-panel/side-panel.scss +15 -17
  440. package/scss/components/truncated-text/truncated-text.scss +19 -4
  441. package/telemetry.yml +7 -0
@@ -2410,7 +2410,22 @@
2410
2410
  "name": "c4p-page-header-hero-image",
2411
2411
  "path": "./src/components/page-header/page-header-hero-image.ts",
2412
2412
  "description": "Page header Hero Image.",
2413
+ "attributes": [
2414
+ {
2415
+ "name": "object-fit",
2416
+ "description": "Specify how the image should fit within the container.\n- 'cover': Image fills container, may crop edges (default for hero images)\n- 'contain': Image fits within container, may show empty space\n- 'fill': Image stretches to fill container\n- 'none': Image uses its natural size",
2417
+ "type": "\"cover\" | \"contain\" | \"fill\" | \"none\"",
2418
+ "default": "\"cover\""
2419
+ }
2420
+ ],
2413
2421
  "properties": [
2422
+ {
2423
+ "name": "objectFit",
2424
+ "attribute": "object-fit",
2425
+ "description": "Specify how the image should fit within the container.\n- 'cover': Image fills container, may crop edges (default for hero images)\n- 'contain': Image fits within container, may show empty space\n- 'fill': Image stretches to fill container\n- 'none': Image uses its natural size",
2426
+ "type": "\"cover\" | \"contain\" | \"fill\" | \"none\"",
2427
+ "default": "\"cover\""
2428
+ },
2414
2429
  {
2415
2430
  "name": "styles",
2416
2431
  "default": "\"styles\""
@@ -5,13 +5,12 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- //#region \0@oxc-project+runtime@0.112.0/helpers/decorate.js
8
+ //#region \0@oxc-project+runtime@0.127.0/helpers/decorate.js
9
9
  function __decorate(decorators, target, key, desc) {
10
10
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
11
11
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
12
12
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
13
13
  return c > 3 && r && Object.defineProperty(target, key, r), r;
14
14
  }
15
-
16
15
  //#endregion
17
- export { __decorate };
16
+ export { __decorate };
@@ -5,8 +5,8 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- import { carbonPrefix, prefix } from "../../globals/settings.js";
9
- import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
8
+ import "../../globals/settings.js";
9
+ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.127.0/helpers/decorate.js";
10
10
  import about_modal_default$1 from "./about-modal.scss.js";
11
11
  import { LitElement, html } from "lit";
12
12
  import { property, query, state } from "lit/decorators.js";
@@ -14,7 +14,6 @@ import HostListener from "@carbon/web-components/es/globals/decorators/host-list
14
14
  import HostListenerMixin from "@carbon/web-components/es/globals/mixins/host-listener.js";
15
15
  import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
16
16
  import "@carbon/web-components/es/components/modal/index.js";
17
-
18
17
  //#region src/components/about-modal/about-modal.ts
19
18
  /**
20
19
  * @license
@@ -24,7 +23,7 @@ import "@carbon/web-components/es/components/modal/index.js";
24
23
  * This source code is licensed under the Apache-2.0 license found in the
25
24
  * LICENSE file in the root directory of this source tree.
26
25
  */
27
- const blockClass = `${prefix}--about-modal`;
26
+ const blockClass = `c4p--about-modal`;
28
27
  /**
29
28
  * About Modal.
30
29
  *
@@ -47,7 +46,7 @@ let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
47
46
  if (key === "Esc" || key === "Escape") this._handleClose(target);
48
47
  };
49
48
  this._handleOutsideClick = (event) => {
50
- const modalContent = (this.shadowRoot?.querySelector(`${carbonPrefix}-modal`))?.shadowRoot?.querySelector(`.${carbonPrefix}--modal-container`);
49
+ const modalContent = (this.shadowRoot?.querySelector(`cds-modal`))?.shadowRoot?.querySelector(`.cds--modal-container`);
51
50
  const path = event.composedPath();
52
51
  if (modalContent && !path.includes(modalContent)) this._handleClose(event.target);
53
52
  };
@@ -84,7 +83,7 @@ let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
84
83
  <cds-modal-heading>${title}</cds-modal-heading>
85
84
  </cds-modal-header>
86
85
  <cds-modal-body
87
- class="${this.isOverflowing ? `${carbonPrefix}--modal-scroll-content` : ""}"
86
+ class="${this.isOverflowing ? `cds--modal-scroll-content` : ""}"
88
87
  tabindex="0"
89
88
  role="region"
90
89
  aria-label="Modal content"
@@ -111,14 +110,14 @@ let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
111
110
  * The name of the custom event fired after this About Modal is closed upon a user gesture.
112
111
  */
113
112
  static get eventClose() {
114
- return `${prefix}-about-modal-closed`;
113
+ return `c4p-about-modal-closed`;
115
114
  }
116
115
  /**
117
116
  * The name of the custom event fired before this About modal is being closed upon a user gesture.
118
117
  * Cancellation of this event stops the user-initiated action of closing this About modal.
119
118
  */
120
119
  static get eventBeforeClose() {
121
- return `${prefix}-about-modal-beingclosed`;
120
+ return `c4p-about-modal-beingclosed`;
122
121
  }
123
122
  static {
124
123
  this.styles = about_modal_default$1;
@@ -140,9 +139,9 @@ __decorate([state()], CDSAboutModal.prototype, "isOverflowing", void 0);
140
139
  __decorate([query("cds-modal-body")], CDSAboutModal.prototype, "container", void 0);
141
140
  __decorate([HostListener("document:keydown")], CDSAboutModal.prototype, "_handleKeydown", void 0);
142
141
  __decorate([HostListener("click")], CDSAboutModal.prototype, "_handleOutsideClick", void 0);
143
- CDSAboutModal = __decorate([carbonElement(`${prefix}-about-modal`)], CDSAboutModal);
142
+ CDSAboutModal = __decorate([carbonElement(`c4p-about-modal`)], CDSAboutModal);
144
143
  var about_modal_default = CDSAboutModal;
145
-
146
144
  //#endregion
147
145
  export { blockClass, about_modal_default as default };
146
+
148
147
  //# sourceMappingURL=about-modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"about-modal.js","names":["styles","customElement"],"sources":["../../../src/components/about-modal/about-modal.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { prefix, carbonPrefix } from '../../globals/settings';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport '@carbon/web-components/es/components/modal/index.js';\nimport styles from './about-modal.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nexport const blockClass = `${prefix}--about-modal`;\n\n/**\n * About Modal.\n *\n * @element c4p-about-modal\n * @csspart dialog The dialog.\n * The custom event fired before this about modal is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this about modal.\n * @fires c4p-about-modal-beingclosed\n * The custom event fired before this about modal is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this about modal.\n * @fires c4p-about-modal-closed - The custom event fired after this about modal is closed upon a user gesture.\n */\n@customElement(`${prefix}-about-modal`)\nclass CDSAboutModal extends HostListenerMixin(LitElement) {\n /**\n * Determines if About Modal is open or not.\n */\n @property({ reflect: true, type: Boolean })\n open = true;\n\n /**\n * Determines if About Modal is open or not.\n */\n @property({ type: String })\n closeIconDescription = 'close';\n\n /**\n * Determines if About Modal is open or not.\n */\n @property({ type: String })\n copyrightText;\n\n /**\n * A visual symbol used to represent the product.\n */\n @property()\n logo;\n\n /**\n * Text that provides information on the version number of your product.\n */\n @property({ type: String })\n version;\n\n /**\n * Header text that provides the product name. The IBM Services logo consists of two discrete, but required, elements: the iconic IBM 8-bar logo represented alongside the IBM Services logotype. Please follow these guidelines to ensure proper execution.\n */\n @property()\n title;\n\n /**\n * If you are legally required to display logos of technologies used to build your product you can provide this in the additionalInfo. Additional information will be displayed in the footer.\n */\n @property()\n additionalInfo;\n\n /**\n * Subhead text providing any relevant product disclaimers including legal information (optional)\n */\n @property()\n content;\n\n /**\n * An array of Carbon `Link` component if there are additional information to call out within the card. The about modal should be used to display the product information and not where users go to find help (optional)\n */\n @property()\n links;\n /**\n * To check if the modal body is overflowing or not.\n */\n @state() private isOverflowing = false;\n\n @query('cds-modal-body') private container!: HTMLElement;\n\n firstUpdated() {\n this._checkOverflow();\n }\n\n updated() {\n this._checkOverflow();\n }\n render() {\n const {\n open,\n closeIconDescription,\n _handleClose: handleClose,\n logo,\n title,\n version,\n additionalInfo,\n content,\n links,\n copyrightText,\n } = this;\n return html`\n <cds-modal ?open=${open}>\n <div class=${`${blockClass}__logo`}>${logo}</div>\n <cds-modal-header>\n <cds-modal-close-button\n @click=${handleClose}\n close-button-label=${closeIconDescription}\n ></cds-modal-close-button>\n <cds-modal-heading>${title}</cds-modal-heading>\n </cds-modal-header>\n <cds-modal-body\n class=\"${this.isOverflowing\n ? `${carbonPrefix}--modal-scroll-content`\n : ''}\"\n tabindex=\"0\"\n role=\"region\"\n aria-label=\"Modal content\"\n >\n <div class=${`${blockClass}__body-content`}>\n <div class=${`${blockClass}__version`}>${version}</div>\n ${links &&\n links.length > 0 &&\n html` <div class=${`${blockClass}__links-container`}>\n ${links.map((link) => link)}\n </div>`}\n ${content &&\n html`<p class=${`${blockClass}__content`}>${content}</p>`}\n ${copyrightText &&\n html`\n <p class=${`${blockClass}__copyright-text`}>${copyrightText}</p>\n `}\n </div>\n </cds-modal-body>\n ${additionalInfo &&\n html` <cds-modal-footer> ${additionalInfo} </cds-modal-footer> `}\n </cds-modal>\n `;\n }\n\n @HostListener('document:keydown')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n if (key === 'Esc' || key === 'Escape') {\n this._handleClose(target);\n }\n };\n /**\n * Handles `click` event on this element.\n *\n * @param event The event.\n */\n @HostListener('click')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOutsideClick = (event: MouseEvent) => {\n const modal = this.shadowRoot?.querySelector(`${carbonPrefix}-modal`);\n const modalContent = modal?.shadowRoot?.querySelector(\n `.${carbonPrefix}--modal-container`\n );\n const path = event.composedPath();\n if (modalContent && !path.includes(modalContent)) {\n this._handleClose(event.target);\n }\n };\n\n /**\n * Handles user-initiated close request of this About Modal.\n *\n * @param triggeredBy The element that triggered this close request.\n */\n private _handleClose = (triggeredBy: EventTarget | null) => {\n this.open = false;\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAboutModal).eventBeforeClose,\n init\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAboutModal).eventClose,\n init\n )\n );\n }\n };\n\n private _checkOverflow() {\n if (this.container) {\n this.isOverflowing =\n this.container.scrollHeight > this.container.clientHeight;\n }\n }\n\n /**\n * The name of the custom event fired after this About Modal is closed upon a user gesture.\n */\n\n static get eventClose() {\n return `${prefix}-about-modal-closed`;\n }\n /**\n * The name of the custom event fired before this About modal is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this About modal.\n */\n static get eventBeforeClose() {\n return `${prefix}-about-modal-beingclosed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSAboutModal;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAa,aAAa,GAAG,OAAO;;;;;;;;;;;;;AAcpC,0BACM,sBAAsB,kBAAkB,WAAW,CAAC;;;cAKjD;8BAMgB;uBA8CU;yBAiEP,EAAE,KAAK,aAA4B;AAC3D,OAAI,QAAQ,SAAS,QAAQ,SAC3B,MAAK,aAAa,OAAO;;8BAUE,UAAsB;GAEnD,MAAM,gBADQ,KAAK,YAAY,cAAc,GAAG,aAAa,QAAQ,GACzC,YAAY,cACtC,IAAI,aAAa,mBAClB;GACD,MAAM,OAAO,MAAM,cAAc;AACjC,OAAI,gBAAgB,CAAC,KAAK,SAAS,aAAa,CAC9C,MAAK,aAAa,MAAM,OAAO;;uBASX,gBAAoC;AAC1D,QAAK,OAAO;GACZ,MAAM,OAAO;IACX,SAAS;IACT,YAAY;IACZ,UAAU;IACV,QAAQ,EACN,aACD;IACF;AACD,OACE,KAAK,cACH,IAAI,YACD,KAAK,YAAqC,kBAC3C,KACD,CACF,EACD;AACA,SAAK,OAAO;AACZ,SAAK,cACH,IAAI,YACD,KAAK,YAAqC,YAC3C,KACD,CACF;;;;CAjHL,eAAe;AACb,OAAK,gBAAgB;;CAGvB,UAAU;AACR,OAAK,gBAAgB;;CAEvB,SAAS;EACP,MAAM,EACJ,MACA,sBACA,cAAc,aACd,MACA,OACA,SACA,gBACA,SACA,OACA,kBACE;AACJ,SAAO,IAAI;yBACU,KAAK;qBACT,GAAG,WAAW,QAAQ,GAAG,KAAK;;;qBAG9B,YAAY;iCACA,qBAAqB;;+BAEvB,MAAM;;;mBAGlB,KAAK,gBACV,GAAG,aAAa,0BAChB,GAAG;;;;;uBAKM,GAAG,WAAW,gBAAgB;yBAC5B,GAAG,WAAW,WAAW,GAAG,QAAQ;cAC/C,SACF,MAAM,SAAS,KACf,IAAI,eAAe,GAAG,WAAW,mBAAmB;gBAChD,MAAM,KAAK,SAAS,KAAK,CAAC;oBACtB;cACN,WACF,IAAI,YAAY,GAAG,WAAW,WAAW,GAAG,QAAQ,MAAM;cACxD,iBACF,IAAI;yBACS,GAAG,WAAW,kBAAkB,GAAG,cAAc;cAC5D;;;UAGJ,kBACF,IAAI,uBAAuB,eAAe,uBAAuB;;;;CA+DvE,AAAQ,iBAAiB;AACvB,MAAI,KAAK,UACP,MAAK,gBACH,KAAK,UAAU,eAAe,KAAK,UAAU;;;;;CAQnD,WAAW,aAAa;AACtB,SAAO,GAAG,OAAO;;;;;;CAMnB,WAAW,mBAAmB;AAC5B,SAAO,GAAG,OAAO;;;gBAGHA;;;YApMf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC;YAM1C,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,UAAU;YAMV,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,UAAU;YAMV,UAAU;YAMV,UAAU;YAMV,UAAU;YAKV,OAAO;YAEP,MAAM,iBAAiB;YA6DvB,aAAa,mBAAmB;YAYhC,aAAa,QAAQ;4BArIvBC,cAAc,GAAG,OAAO,cAAc;AA4MvC,0BAAe"}
1
+ {"version":3,"file":"about-modal.js","names":["styles","customElement"],"sources":["../../../src/components/about-modal/about-modal.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { prefix, carbonPrefix } from '../../globals/settings';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport '@carbon/web-components/es/components/modal/index.js';\nimport styles from './about-modal.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nexport const blockClass = `${prefix}--about-modal`;\n\n/**\n * About Modal.\n *\n * @element c4p-about-modal\n * @csspart dialog The dialog.\n * The custom event fired before this about modal is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this about modal.\n * @fires c4p-about-modal-beingclosed\n * The custom event fired before this about modal is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this about modal.\n * @fires c4p-about-modal-closed - The custom event fired after this about modal is closed upon a user gesture.\n */\n@customElement(`${prefix}-about-modal`)\nclass CDSAboutModal extends HostListenerMixin(LitElement) {\n /**\n * Determines if About Modal is open or not.\n */\n @property({ reflect: true, type: Boolean })\n open = true;\n\n /**\n * Determines if About Modal is open or not.\n */\n @property({ type: String })\n closeIconDescription = 'close';\n\n /**\n * Determines if About Modal is open or not.\n */\n @property({ type: String })\n copyrightText;\n\n /**\n * A visual symbol used to represent the product.\n */\n @property()\n logo;\n\n /**\n * Text that provides information on the version number of your product.\n */\n @property({ type: String })\n version;\n\n /**\n * Header text that provides the product name. The IBM Services logo consists of two discrete, but required, elements: the iconic IBM 8-bar logo represented alongside the IBM Services logotype. Please follow these guidelines to ensure proper execution.\n */\n @property()\n title;\n\n /**\n * If you are legally required to display logos of technologies used to build your product you can provide this in the additionalInfo. Additional information will be displayed in the footer.\n */\n @property()\n additionalInfo;\n\n /**\n * Subhead text providing any relevant product disclaimers including legal information (optional)\n */\n @property()\n content;\n\n /**\n * An array of Carbon `Link` component if there are additional information to call out within the card. The about modal should be used to display the product information and not where users go to find help (optional)\n */\n @property()\n links;\n /**\n * To check if the modal body is overflowing or not.\n */\n @state() private isOverflowing = false;\n\n @query('cds-modal-body') private container!: HTMLElement;\n\n firstUpdated() {\n this._checkOverflow();\n }\n\n updated() {\n this._checkOverflow();\n }\n render() {\n const {\n open,\n closeIconDescription,\n _handleClose: handleClose,\n logo,\n title,\n version,\n additionalInfo,\n content,\n links,\n copyrightText,\n } = this;\n return html`\n <cds-modal ?open=${open}>\n <div class=${`${blockClass}__logo`}>${logo}</div>\n <cds-modal-header>\n <cds-modal-close-button\n @click=${handleClose}\n close-button-label=${closeIconDescription}\n ></cds-modal-close-button>\n <cds-modal-heading>${title}</cds-modal-heading>\n </cds-modal-header>\n <cds-modal-body\n class=\"${this.isOverflowing\n ? `${carbonPrefix}--modal-scroll-content`\n : ''}\"\n tabindex=\"0\"\n role=\"region\"\n aria-label=\"Modal content\"\n >\n <div class=${`${blockClass}__body-content`}>\n <div class=${`${blockClass}__version`}>${version}</div>\n ${links &&\n links.length > 0 &&\n html` <div class=${`${blockClass}__links-container`}>\n ${links.map((link) => link)}\n </div>`}\n ${content &&\n html`<p class=${`${blockClass}__content`}>${content}</p>`}\n ${copyrightText &&\n html`\n <p class=${`${blockClass}__copyright-text`}>${copyrightText}</p>\n `}\n </div>\n </cds-modal-body>\n ${additionalInfo &&\n html` <cds-modal-footer> ${additionalInfo} </cds-modal-footer> `}\n </cds-modal>\n `;\n }\n\n @HostListener('document:keydown')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n if (key === 'Esc' || key === 'Escape') {\n this._handleClose(target);\n }\n };\n /**\n * Handles `click` event on this element.\n *\n * @param event The event.\n */\n @HostListener('click')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOutsideClick = (event: MouseEvent) => {\n const modal = this.shadowRoot?.querySelector(`${carbonPrefix}-modal`);\n const modalContent = modal?.shadowRoot?.querySelector(\n `.${carbonPrefix}--modal-container`\n );\n const path = event.composedPath();\n if (modalContent && !path.includes(modalContent)) {\n this._handleClose(event.target);\n }\n };\n\n /**\n * Handles user-initiated close request of this About Modal.\n *\n * @param triggeredBy The element that triggered this close request.\n */\n private _handleClose = (triggeredBy: EventTarget | null) => {\n this.open = false;\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAboutModal).eventBeforeClose,\n init\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAboutModal).eventClose,\n init\n )\n );\n }\n };\n\n private _checkOverflow() {\n if (this.container) {\n this.isOverflowing =\n this.container.scrollHeight > this.container.clientHeight;\n }\n }\n\n /**\n * The name of the custom event fired after this About Modal is closed upon a user gesture.\n */\n\n static get eventClose() {\n return `${prefix}-about-modal-closed`;\n }\n /**\n * The name of the custom event fired before this About modal is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this About modal.\n */\n static get eventBeforeClose() {\n return `${prefix}-about-modal-beingclosed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSAboutModal;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAa,aAAa;;;;;;;;;;;;;AAc1B,IAAA,gBAAA,MACM,sBAAsB,kBAAkB,WAAW,CAAC;;;cAKjD;8BAMgB;uBA8CU;yBAiEP,EAAE,KAAK,aAA4B;AAC3D,OAAI,QAAQ,SAAS,QAAQ,SAC3B,MAAK,aAAa,OAAO;;8BAUE,UAAsB;GAEnD,MAAM,gBADQ,KAAK,YAAY,cAAc,YAAwB,GACzC,YAAY,cACtC,wBACD;GACD,MAAM,OAAO,MAAM,cAAc;AACjC,OAAI,gBAAgB,CAAC,KAAK,SAAS,aAAa,CAC9C,MAAK,aAAa,MAAM,OAAO;;uBASX,gBAAoC;AAC1D,QAAK,OAAO;GACZ,MAAM,OAAO;IACX,SAAS;IACT,YAAY;IACZ,UAAU;IACV,QAAQ,EACN,aACD;IACF;AACD,OACE,KAAK,cACH,IAAI,YACD,KAAK,YAAqC,kBAC3C,KACD,CACF,EACD;AACA,SAAK,OAAO;AACZ,SAAK,cACH,IAAI,YACD,KAAK,YAAqC,YAC3C,KACD,CACF;;;;CAjHL,eAAe;AACb,OAAK,gBAAgB;;CAGvB,UAAU;AACR,OAAK,gBAAgB;;CAEvB,SAAS;EACP,MAAM,EACJ,MACA,sBACA,cAAc,aACd,MACA,OACA,SACA,gBACA,SACA,OACA,kBACE;AACJ,SAAO,IAAI;yBACU,KAAK;qBACT,GAAG,WAAW,QAAQ,GAAG,KAAK;;;qBAG9B,YAAY;iCACA,qBAAqB;;+BAEvB,MAAM;;;mBAGlB,KAAK,gBACV,8BACA,GAAG;;;;;uBAKM,GAAG,WAAW,gBAAgB;yBAC5B,GAAG,WAAW,WAAW,GAAG,QAAQ;cAC/C,SACF,MAAM,SAAS,KACf,IAAI,eAAe,GAAG,WAAW,mBAAmB;gBAChD,MAAM,KAAK,SAAS,KAAK,CAAC;oBACtB;cACN,WACF,IAAI,YAAY,GAAG,WAAW,WAAW,GAAG,QAAQ,MAAM;cACxD,iBACF,IAAI;yBACS,GAAG,WAAW,kBAAkB,GAAG,cAAc;cAC5D;;;UAGJ,kBACF,IAAI,uBAAuB,eAAe,uBAAuB;;;;CA+DvE,iBAAyB;AACvB,MAAI,KAAK,UACP,MAAK,gBACH,KAAK,UAAU,eAAe,KAAK,UAAU;;;;;CAQnD,WAAW,aAAa;AACtB,SAAO;;;;;;CAMT,WAAW,mBAAmB;AAC5B,SAAO;;;gBAGOA;;;YApMf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,cAAA,WAAA,QAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,cAAA,WAAA,wBAAA,KAAA,EAAA;YAM1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,cAAA,WAAA,iBAAA,KAAA,EAAA;YAM1B,UAAU,CAAA,EAAA,cAAA,WAAA,QAAA,KAAA,EAAA;YAMV,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,cAAA,WAAA,WAAA,KAAA,EAAA;YAM1B,UAAU,CAAA,EAAA,cAAA,WAAA,SAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,cAAA,WAAA,kBAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,cAAA,WAAA,WAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,cAAA,WAAA,SAAA,KAAA,EAAA;YAKV,OAAO,CAAA,EAAA,cAAA,WAAA,iBAAA,KAAA,EAAA;YAEP,MAAM,iBAAiB,CAAA,EAAA,cAAA,WAAA,aAAA,KAAA,EAAA;YA6DvB,aAAa,mBAAmB,CAAA,EAAA,cAAA,WAAA,kBAAA,KAAA,EAAA;YAYhC,aAAa,QAAQ,CAAA,EAAA,cAAA,WAAA,uBAAA,KAAA,EAAA;4BArIvBC,cAAc,kBAAwB,CAAA,EAAA,cAAA;AA4MvC,IAAA,sBAAe"}