@carbon/ibm-products-web-components 0.30.0-rc.0 → 0.30.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 (923) hide show
  1. package/custom-elements.json +5059 -0
  2. package/es/components/about-modal/about-modal.d.ts +458 -0
  3. package/es/components/about-modal/about-modal.figma.js +59 -0
  4. package/es/components/about-modal/about-modal.figma.js.map +1 -0
  5. package/es/components/about-modal/about-modal.js +203 -0
  6. package/es/components/about-modal/about-modal.js.map +1 -0
  7. package/es/components/about-modal/about-modal.scss.js +13 -0
  8. package/es/components/about-modal/about-modal.scss.js.map +1 -0
  9. package/es/components/about-modal/about-modal.test.d.ts +7 -0
  10. package/es/components/about-modal/about-modal.test.js +208 -0
  11. package/es/components/about-modal/about-modal.test.js.map +1 -0
  12. package/es/components/about-modal/index.d.ts +9 -0
  13. package/es/components/about-modal/index.js +9 -0
  14. package/es/components/about-modal/index.js.map +1 -0
  15. package/es/components/checklist/checklist-chart.d.ts +25 -0
  16. package/es/components/checklist/checklist-chart.js +81 -0
  17. package/es/components/checklist/checklist-chart.js.map +1 -0
  18. package/es/components/checklist/checklist-group.d.ts +25 -0
  19. package/es/components/checklist/checklist-group.js +58 -0
  20. package/es/components/checklist/checklist-group.js.map +1 -0
  21. package/es/components/checklist/checklist-icon.d.ts +26 -0
  22. package/es/components/checklist/checklist-icon.js +72 -0
  23. package/es/components/checklist/checklist-icon.js.map +1 -0
  24. package/es/components/checklist/checklist-item.d.ts +41 -0
  25. package/es/components/checklist/checklist-item.figma.js +49 -0
  26. package/es/components/checklist/checklist-item.figma.js.map +1 -0
  27. package/es/components/checklist/checklist-item.js +128 -0
  28. package/es/components/checklist/checklist-item.js.map +1 -0
  29. package/es/components/checklist/checklist.d.ts +73 -0
  30. package/es/components/checklist/checklist.figma.js +87 -0
  31. package/es/components/checklist/checklist.figma.js.map +1 -0
  32. package/es/components/checklist/checklist.js +198 -0
  33. package/es/components/checklist/checklist.js.map +1 -0
  34. package/es/components/checklist/checklist.scss.js +13 -0
  35. package/es/components/checklist/checklist.scss.js.map +1 -0
  36. package/es/components/checklist/checklist.test.d.ts +7 -0
  37. package/es/components/checklist/checklist.test.js +172 -0
  38. package/es/components/checklist/checklist.test.js.map +1 -0
  39. package/es/components/checklist/checklist.types.d.ts +22 -0
  40. package/es/components/checklist/checklist.types.js +32 -0
  41. package/es/components/checklist/checklist.types.js.map +1 -0
  42. package/es/components/checklist/index.d.ts +13 -0
  43. package/es/components/checklist/index.js +13 -0
  44. package/es/components/checklist/index.js.map +1 -0
  45. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +418 -0
  46. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js +139 -0
  47. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -0
  48. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +13 -0
  49. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js.map +1 -0
  50. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.d.ts +9 -0
  51. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.js +77 -0
  52. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.js.map +1 -0
  53. package/es/components/coachmark/coachmark-beacon/defs.d.ts +14 -0
  54. package/es/components/coachmark/coachmark-beacon/defs.js +25 -0
  55. package/es/components/coachmark/coachmark-beacon/defs.js.map +1 -0
  56. package/es/components/coachmark/coachmark-beacon/index.d.ts +9 -0
  57. package/es/components/coachmark/coachmark-beacon/index.js +9 -0
  58. package/es/components/coachmark/coachmark-beacon/index.js.map +1 -0
  59. package/es/components/coachmark/coachmark-body.d.ts +382 -0
  60. package/es/components/coachmark/coachmark-body.js +40 -0
  61. package/es/components/coachmark/coachmark-body.js.map +1 -0
  62. package/es/components/coachmark/coachmark-body.scss.js +13 -0
  63. package/es/components/coachmark/coachmark-body.scss.js.map +1 -0
  64. package/es/components/coachmark/coachmark-context.d.ts +11 -0
  65. package/es/components/coachmark/coachmark-context.js +39 -0
  66. package/es/components/coachmark/coachmark-context.js.map +1 -0
  67. package/es/components/coachmark/coachmark-header.d.ts +392 -0
  68. package/es/components/coachmark/coachmark-header.js +92 -0
  69. package/es/components/coachmark/coachmark-header.js.map +1 -0
  70. package/es/components/coachmark/coachmark-header.scss.js +13 -0
  71. package/es/components/coachmark/coachmark-header.scss.js.map +1 -0
  72. package/es/components/coachmark/coachmark.d.ts +416 -0
  73. package/es/components/coachmark/coachmark.js +165 -0
  74. package/es/components/coachmark/coachmark.js.map +1 -0
  75. package/es/components/coachmark/coachmark.scss.js +13 -0
  76. package/es/components/coachmark/coachmark.scss.js.map +1 -0
  77. package/es/components/coachmark/coachmark.test.d.ts +1 -0
  78. package/es/components/coachmark/coachmark.test.js +168 -0
  79. package/es/components/coachmark/coachmark.test.js.map +1 -0
  80. package/es/components/coachmark/index.d.ts +11 -0
  81. package/es/components/coachmark/index.js +11 -0
  82. package/es/components/coachmark/index.js.map +1 -0
  83. package/es/components/full-page-error/assets/error403SVG.js +831 -0
  84. package/es/components/full-page-error/assets/error403SVG.js.map +1 -0
  85. package/es/components/full-page-error/assets/error404SVG.js +735 -0
  86. package/es/components/full-page-error/assets/error404SVG.js.map +1 -0
  87. package/es/components/full-page-error/assets/errorGenericSVG.js +830 -0
  88. package/es/components/full-page-error/assets/errorGenericSVG.js.map +1 -0
  89. package/es/components/full-page-error/full-page-error.d.ts +43 -0
  90. package/es/components/full-page-error/full-page-error.figma.js +81 -0
  91. package/es/components/full-page-error/full-page-error.figma.js.map +1 -0
  92. package/es/components/full-page-error/full-page-error.js +102 -0
  93. package/es/components/full-page-error/full-page-error.js.map +1 -0
  94. package/es/components/full-page-error/full-page-error.scss.js +13 -0
  95. package/es/components/full-page-error/full-page-error.scss.js.map +1 -0
  96. package/es/components/full-page-error/full-page-error.test.d.ts +7 -0
  97. package/es/components/full-page-error/full-page-error.test.js +102 -0
  98. package/es/components/full-page-error/full-page-error.test.js.map +1 -0
  99. package/es/components/full-page-error/index.d.ts +9 -0
  100. package/es/components/full-page-error/index.js +9 -0
  101. package/es/components/full-page-error/index.js.map +1 -0
  102. package/es/components/full-page-error/types.d.ts +13 -0
  103. package/es/components/full-page-error/types.js +24 -0
  104. package/es/components/full-page-error/types.js.map +1 -0
  105. package/es/components/guide-banner/guide-banner-element.d.ts +378 -0
  106. package/es/components/guide-banner/guide-banner-element.js +38 -0
  107. package/es/components/guide-banner/guide-banner-element.js.map +1 -0
  108. package/es/components/guide-banner/guide-banner.d.ts +398 -0
  109. package/es/components/guide-banner/guide-banner.js +151 -0
  110. package/es/components/guide-banner/guide-banner.js.map +1 -0
  111. package/es/components/guide-banner/guide-banner.scss.js +13 -0
  112. package/es/components/guide-banner/guide-banner.scss.js.map +1 -0
  113. package/es/components/guide-banner/guide-banner.test.d.ts +1 -0
  114. package/es/components/guide-banner/guide-banner.test.js +121 -0
  115. package/es/components/guide-banner/guide-banner.test.js.map +1 -0
  116. package/es/components/guide-banner/index.d.ts +10 -0
  117. package/es/components/guide-banner/index.js +10 -0
  118. package/es/components/guide-banner/index.js.map +1 -0
  119. package/es/components/interstitial-screen/index.d.ts +13 -0
  120. package/es/components/interstitial-screen/index.js +13 -0
  121. package/es/components/interstitial-screen/index.js.map +1 -0
  122. package/es/components/interstitial-screen/interstitial-screen-body-item.d.ts +388 -0
  123. package/es/components/interstitial-screen/interstitial-screen-body-item.js +71 -0
  124. package/es/components/interstitial-screen/interstitial-screen-body-item.js.map +1 -0
  125. package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js +13 -0
  126. package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js.map +1 -0
  127. package/es/components/interstitial-screen/interstitial-screen-body.d.ts +402 -0
  128. package/es/components/interstitial-screen/interstitial-screen-body.js +152 -0
  129. package/es/components/interstitial-screen/interstitial-screen-body.js.map +1 -0
  130. package/es/components/interstitial-screen/interstitial-screen-body.scss.js +13 -0
  131. package/es/components/interstitial-screen/interstitial-screen-body.scss.js.map +1 -0
  132. package/es/components/interstitial-screen/interstitial-screen-context.d.ts +18 -0
  133. package/es/components/interstitial-screen/interstitial-screen-context.js +48 -0
  134. package/es/components/interstitial-screen/interstitial-screen-context.js.map +1 -0
  135. package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +429 -0
  136. package/es/components/interstitial-screen/interstitial-screen-footer.js +263 -0
  137. package/es/components/interstitial-screen/interstitial-screen-footer.js.map +1 -0
  138. package/es/components/interstitial-screen/interstitial-screen-footer.scss.js +13 -0
  139. package/es/components/interstitial-screen/interstitial-screen-footer.scss.js.map +1 -0
  140. package/es/components/interstitial-screen/interstitial-screen-header.d.ts +413 -0
  141. package/es/components/interstitial-screen/interstitial-screen-header.js +177 -0
  142. package/es/components/interstitial-screen/interstitial-screen-header.js.map +1 -0
  143. package/es/components/interstitial-screen/interstitial-screen-header.scss.js +13 -0
  144. package/es/components/interstitial-screen/interstitial-screen-header.scss.js.map +1 -0
  145. package/es/components/interstitial-screen/interstitial-screen.d.ts +441 -0
  146. package/es/components/interstitial-screen/interstitial-screen.js +217 -0
  147. package/es/components/interstitial-screen/interstitial-screen.js.map +1 -0
  148. package/es/components/interstitial-screen/interstitial-screen.scss.js +13 -0
  149. package/es/components/interstitial-screen/interstitial-screen.scss.js.map +1 -0
  150. package/es/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
  151. package/es/components/interstitial-screen/interstitial-screen.test.js +329 -0
  152. package/es/components/interstitial-screen/interstitial-screen.test.js.map +1 -0
  153. package/es/components/notification-panel/_story-assets/unread-notification-bell.d.ts +3 -0
  154. package/es/components/notification-panel/_story-assets/unread-notification-bell.js +45 -0
  155. package/es/components/notification-panel/_story-assets/unread-notification-bell.js.map +1 -0
  156. package/es/components/notification-panel/date-time-context.d.ts +9 -0
  157. package/es/components/notification-panel/date-time-context.js +19 -0
  158. package/es/components/notification-panel/date-time-context.js.map +1 -0
  159. package/es/components/notification-panel/defs.d.ts +8 -0
  160. package/es/components/notification-panel/defs.js +8 -0
  161. package/es/components/notification-panel/defs.js.map +1 -0
  162. package/es/components/notification-panel/index.d.ts +11 -0
  163. package/es/components/notification-panel/index.js +11 -0
  164. package/es/components/notification-panel/index.js.map +1 -0
  165. package/es/components/notification-panel/notification-footer.d.ts +405 -0
  166. package/es/components/notification-panel/notification-footer.js +120 -0
  167. package/es/components/notification-panel/notification-footer.js.map +1 -0
  168. package/es/components/notification-panel/notification-footer.scss.js +13 -0
  169. package/es/components/notification-panel/notification-footer.scss.js.map +1 -0
  170. package/es/components/notification-panel/notification-footer.test.d.ts +7 -0
  171. package/es/components/notification-panel/notification-footer.test.js +65 -0
  172. package/es/components/notification-panel/notification-footer.test.js.map +1 -0
  173. package/es/components/notification-panel/notification-panel.d.ts +479 -0
  174. package/es/components/notification-panel/notification-panel.js +439 -0
  175. package/es/components/notification-panel/notification-panel.js.map +1 -0
  176. package/es/components/notification-panel/notification-panel.scss.js +13 -0
  177. package/es/components/notification-panel/notification-panel.scss.js.map +1 -0
  178. package/es/components/notification-panel/notification-panel.test.d.ts +7 -0
  179. package/es/components/notification-panel/notification-panel.test.js +340 -0
  180. package/es/components/notification-panel/notification-panel.test.js.map +1 -0
  181. package/es/components/notification-panel/notification.d.ts +415 -0
  182. package/es/components/notification-panel/notification.js +179 -0
  183. package/es/components/notification-panel/notification.js.map +1 -0
  184. package/es/components/notification-panel/notification.scss.js +13 -0
  185. package/es/components/notification-panel/notification.scss.js.map +1 -0
  186. package/es/components/notification-panel/notification.test.d.ts +7 -0
  187. package/es/components/notification-panel/notification.test.js +152 -0
  188. package/es/components/notification-panel/notification.test.js.map +1 -0
  189. package/es/components/options-tile/index.d.ts +9 -0
  190. package/es/components/options-tile/index.js +9 -0
  191. package/es/components/options-tile/index.js.map +1 -0
  192. package/es/components/options-tile/options-file.figma.js +96 -0
  193. package/es/components/options-tile/options-file.figma.js.map +1 -0
  194. package/es/components/options-tile/options-tile.d.ts +416 -0
  195. package/es/components/options-tile/options-tile.js +158 -0
  196. package/es/components/options-tile/options-tile.js.map +1 -0
  197. package/es/components/options-tile/options-tile.scss.js +13 -0
  198. package/es/components/options-tile/options-tile.scss.js.map +1 -0
  199. package/es/components/options-tile/options-tile.test.d.ts +1 -0
  200. package/es/components/options-tile/options-tile.test.js +129 -0
  201. package/es/components/options-tile/options-tile.test.js.map +1 -0
  202. package/es/components/page-header/_story-assets/2x1.jpg.js +11 -0
  203. package/es/components/page-header/_story-assets/2x1.jpg.js.map +1 -0
  204. package/es/components/page-header/_story-assets/3x2.jpg.js +11 -0
  205. package/es/components/page-header/_story-assets/3x2.jpg.js.map +1 -0
  206. package/es/components/page-header/_story-assets/overflowHandler.d.ts +98 -0
  207. package/es/components/page-header/_story-assets/overflowHandler.js +156 -0
  208. package/es/components/page-header/_story-assets/overflowHandler.js.map +1 -0
  209. package/es/components/page-header/_story-assets/set-of-breadcrumbs.d.ts +43 -0
  210. package/es/components/page-header/_story-assets/set-of-breadcrumbs.js +154 -0
  211. package/es/components/page-header/_story-assets/set-of-breadcrumbs.js.map +1 -0
  212. package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +13 -0
  213. package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js.map +1 -0
  214. package/es/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
  215. package/es/components/page-header/_story-assets/set-of-tags/index.js +9 -0
  216. package/es/components/page-header/_story-assets/set-of-tags/index.js.map +1 -0
  217. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
  218. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js +260 -0
  219. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -0
  220. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +13 -0
  221. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map +1 -0
  222. package/es/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
  223. package/es/components/page-header/_story-assets/set-of-tags/utils.js +44 -0
  224. package/es/components/page-header/_story-assets/set-of-tags/utils.js.map +1 -0
  225. package/es/components/page-header/context.d.ts +15 -0
  226. package/es/components/page-header/context.js +27 -0
  227. package/es/components/page-header/context.js.map +1 -0
  228. package/es/components/page-header/index.d.ts +16 -0
  229. package/es/components/page-header/index.js +16 -0
  230. package/es/components/page-header/index.js.map +1 -0
  231. package/es/components/page-header/page-header-breadcrumb.d.ts +36 -0
  232. package/es/components/page-header/page-header-breadcrumb.js +106 -0
  233. package/es/components/page-header/page-header-breadcrumb.js.map +1 -0
  234. package/es/components/page-header/page-header-content-text.d.ts +22 -0
  235. package/es/components/page-header/page-header-content-text.js +56 -0
  236. package/es/components/page-header/page-header-content-text.js.map +1 -0
  237. package/es/components/page-header/page-header-content.d.ts +42 -0
  238. package/es/components/page-header/page-header-content.js +141 -0
  239. package/es/components/page-header/page-header-content.js.map +1 -0
  240. package/es/components/page-header/page-header-hero-image.d.ts +18 -0
  241. package/es/components/page-header/page-header-hero-image.js +38 -0
  242. package/es/components/page-header/page-header-hero-image.js.map +1 -0
  243. package/es/components/page-header/page-header-scroller.d.ts +56 -0
  244. package/es/components/page-header/page-header-scroller.js +166 -0
  245. package/es/components/page-header/page-header-scroller.js.map +1 -0
  246. package/es/components/page-header/page-header-tabs.d.ts +18 -0
  247. package/es/components/page-header/page-header-tabs.js +48 -0
  248. package/es/components/page-header/page-header-tabs.js.map +1 -0
  249. package/es/components/page-header/page-header-title-breadcrumb.d.ts +20 -0
  250. package/es/components/page-header/page-header-title-breadcrumb.js +71 -0
  251. package/es/components/page-header/page-header-title-breadcrumb.js.map +1 -0
  252. package/es/components/page-header/page-header.d.ts +31 -0
  253. package/es/components/page-header/page-header.js +128 -0
  254. package/es/components/page-header/page-header.js.map +1 -0
  255. package/es/components/page-header/page-header.scss.js +13 -0
  256. package/es/components/page-header/page-header.scss.js.map +1 -0
  257. package/es/components/page-header/page-header.test.d.ts +1 -0
  258. package/es/components/page-header/page-header.test.js +349 -0
  259. package/es/components/page-header/page-header.test.js.map +1 -0
  260. package/es/components/page-header/utils.d.ts +32 -0
  261. package/es/components/page-header/utils.js +76 -0
  262. package/es/components/page-header/utils.js.map +1 -0
  263. package/es/components/side-panel/_story-assets/index.d.ts +8 -0
  264. package/es/components/side-panel/_story-assets/index.js +275 -0
  265. package/es/components/side-panel/_story-assets/index.js.map +1 -0
  266. package/es/components/side-panel/defs.d.ts +39 -0
  267. package/es/components/side-panel/defs.js +51 -0
  268. package/es/components/side-panel/defs.js.map +1 -0
  269. package/es/components/side-panel/index.d.ts +9 -0
  270. package/es/components/side-panel/index.js +9 -0
  271. package/es/components/side-panel/index.js.map +1 -0
  272. package/es/components/side-panel/side-panel.d.ts +571 -0
  273. package/es/components/side-panel/side-panel.js +859 -0
  274. package/es/components/side-panel/side-panel.js.map +1 -0
  275. package/es/components/side-panel/side-panel.scss.js +13 -0
  276. package/es/components/side-panel/side-panel.scss.js.map +1 -0
  277. package/es/components/side-panel/side-panel.test.d.ts +3 -0
  278. package/es/components/side-panel/side-panel.test.js +273 -0
  279. package/es/components/side-panel/side-panel.test.js.map +1 -0
  280. package/es/components/side-panel/story-styles.scss.js +13 -0
  281. package/es/components/side-panel/story-styles.scss.js.map +1 -0
  282. package/es/components/tearsheet/defs.d.ts +26 -0
  283. package/es/components/tearsheet/defs.js +39 -0
  284. package/es/components/tearsheet/defs.js.map +1 -0
  285. package/es/components/tearsheet/index.d.ts +9 -0
  286. package/es/components/tearsheet/index.js +9 -0
  287. package/es/components/tearsheet/index.js.map +1 -0
  288. package/es/components/tearsheet/story-styles.scss.js +13 -0
  289. package/es/components/tearsheet/story-styles.scss.js.map +1 -0
  290. package/es/components/tearsheet/tearsheet.d.ts +535 -0
  291. package/es/components/tearsheet/tearsheet.js +721 -0
  292. package/es/components/tearsheet/tearsheet.js.map +1 -0
  293. package/es/components/tearsheet/tearsheet.scss.js +13 -0
  294. package/es/components/tearsheet/tearsheet.scss.js.map +1 -0
  295. package/es/components/tearsheet/tearsheet.test.d.ts +14 -0
  296. package/es/components/tearsheet/tearsheet.test.js +305 -0
  297. package/es/components/tearsheet/tearsheet.test.js.map +1 -0
  298. package/es/components/tearsheet/utils.d.ts +34 -0
  299. package/es/components/tearsheet/utils.js +370 -0
  300. package/es/components/tearsheet/utils.js.map +1 -0
  301. package/es/components/truncated-text/index.d.ts +9 -0
  302. package/es/components/truncated-text/index.js +9 -0
  303. package/es/components/truncated-text/index.js.map +1 -0
  304. package/es/components/truncated-text/truncated-text.d.ts +78 -0
  305. package/es/components/truncated-text/truncated-text.js +257 -0
  306. package/es/components/truncated-text/truncated-text.js.map +1 -0
  307. package/es/components/truncated-text/truncated-text.scss.js +13 -0
  308. package/es/components/truncated-text/truncated-text.scss.js.map +1 -0
  309. package/es/components/truncated-text/truncated-text.test.d.ts +7 -0
  310. package/es/components/truncated-text/truncated-text.test.js +77 -0
  311. package/es/components/truncated-text/truncated-text.test.js.map +1 -0
  312. package/es/components/user-avatar/index.d.ts +9 -0
  313. package/es/components/user-avatar/index.js +9 -0
  314. package/es/components/user-avatar/index.js.map +1 -0
  315. package/es/components/user-avatar/user-avatar.d.ts +425 -0
  316. package/es/components/user-avatar/user-avatar.figma.js +161 -0
  317. package/es/components/user-avatar/user-avatar.figma.js.map +1 -0
  318. package/es/components/user-avatar/user-avatar.js +141 -0
  319. package/es/components/user-avatar/user-avatar.js.map +1 -0
  320. package/es/components/user-avatar/user-avatar.scss.js +13 -0
  321. package/es/components/user-avatar/user-avatar.scss.js.map +1 -0
  322. package/es/components/user-avatar/user-avatar.test.d.ts +1 -0
  323. package/es/components/user-avatar/user-avatar.test.js +128 -0
  324. package/es/components/user-avatar/user-avatar.test.js.map +1 -0
  325. package/es/globals/internal/handle.d.ts +18 -0
  326. package/es/globals/internal/handle.js +8 -0
  327. package/es/globals/internal/handle.js.map +1 -0
  328. package/es/globals/internal/pconsole.d.ts +15 -0
  329. package/es/globals/internal/pconsole.js +30 -0
  330. package/es/globals/internal/pconsole.js.map +1 -0
  331. package/es/globals/internal/storybook-cdn.js +78 -0
  332. package/es/globals/internal/storybook-cdn.js.map +1 -0
  333. package/es/globals/js/utils/getSupportedLocale.d.ts +12 -0
  334. package/es/globals/js/utils/getSupportedLocale.js +35 -0
  335. package/es/globals/js/utils/getSupportedLocale.js.map +1 -0
  336. package/es/globals/settings.d.ts +15 -0
  337. package/es/globals/settings.js +28 -0
  338. package/es/globals/settings.js.map +1 -0
  339. package/es/index.d.ts +25 -0
  340. package/es/index.js +25 -0
  341. package/es/index.js.map +1 -0
  342. package/es/node_modules/@carbon/layout/es/index.js +44 -0
  343. package/es/node_modules/@carbon/layout/es/index.js.map +1 -0
  344. package/es/node_modules/@carbon/utilities/es/dateTimeFormat/index.js +13 -0
  345. package/es/node_modules/@carbon/utilities/es/dateTimeFormat/index.js.map +1 -0
  346. package/es/node_modules/@carbon/utilities/es/dateTimeFormat/relative.js +11 -0
  347. package/es/node_modules/@carbon/utilities/es/dateTimeFormat/relative.js.map +1 -0
  348. package/es/node_modules/@carbon/utilities/es/documentLang/documentLang.js +9 -0
  349. package/es/node_modules/@carbon/utilities/es/documentLang/documentLang.js.map +1 -0
  350. package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +11 -0
  351. package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +1 -0
  352. package/es/packages/ibm-products-web-components/package.json.js +13 -0
  353. package/es/packages/ibm-products-web-components/package.json.js.map +1 -0
  354. package/es/patterns/step-flow/_story-assets/step-full-page.d.ts +41 -0
  355. package/es/patterns/step-flow/_story-assets/step-full-page.js +257 -0
  356. package/es/patterns/step-flow/_story-assets/step-full-page.js.map +1 -0
  357. package/es/patterns/step-flow/_story-assets/step-full-page.scss.js +13 -0
  358. package/es/patterns/step-flow/_story-assets/step-full-page.scss.js.map +1 -0
  359. package/es/patterns/step-flow/_story-assets/step-tearsheet.d.ts +41 -0
  360. package/es/patterns/step-flow/_story-assets/step-tearsheet.js +255 -0
  361. package/es/patterns/step-flow/_story-assets/step-tearsheet.js.map +1 -0
  362. package/es/patterns/step-flow/index.d.ts +10 -0
  363. package/es/patterns/step-flow/index.js +10 -0
  364. package/es/patterns/step-flow/index.js.map +1 -0
  365. package/es/patterns/step-flow/step-flow-signal.d.ts +24 -0
  366. package/es/patterns/step-flow/step-flow-signal.js +54 -0
  367. package/es/patterns/step-flow/step-flow-signal.js.map +1 -0
  368. package/es/patterns/step-flow/step-flow-signal.test.d.ts +7 -0
  369. package/es/patterns/step-flow/step-flow-signal.test.js +88 -0
  370. package/es/patterns/step-flow/step-flow-signal.test.js.map +1 -0
  371. package/es/patterns/step-flow/step-group.d.ts +15 -0
  372. package/es/patterns/step-flow/step-group.js +28 -0
  373. package/es/patterns/step-flow/step-group.js.map +1 -0
  374. package/es/patterns/step-flow/story-styles.scss.js +13 -0
  375. package/es/patterns/step-flow/story-styles.scss.js.map +1 -0
  376. package/es/utilities/carousel/carousel.d.ts +14 -0
  377. package/es/utilities/carousel/carousel.js +341 -0
  378. package/es/utilities/carousel/carousel.js.map +1 -0
  379. package/es/utilities/carousel/index.d.ts +8 -0
  380. package/es/utilities/carousel/index.js +9 -0
  381. package/es/utilities/carousel/index.js.map +1 -0
  382. package/es/utilities/carousel/swipeEvents.d.ts +7 -0
  383. package/es/utilities/carousel/swipeEvents.js +109 -0
  384. package/es/utilities/carousel/swipeEvents.js.map +1 -0
  385. package/es/utilities/carousel/types.d.ts +37 -0
  386. package/es/utilities/carousel/types.js +8 -0
  387. package/es/utilities/carousel/types.js.map +1 -0
  388. package/es/utilities/makeDraggable/makeDraggable.d.ts +38 -0
  389. package/es/utilities/makeDraggable/makeDraggable.js +136 -0
  390. package/es/utilities/makeDraggable/makeDraggable.js.map +1 -0
  391. package/es/utilities/manageFocusTrap/manageFocusTrap.d.ts +13 -0
  392. package/es/utilities/manageFocusTrap/manageFocusTrap.js +138 -0
  393. package/es/utilities/manageFocusTrap/manageFocusTrap.js.map +1 -0
  394. package/es-custom/components/about-modal/about-modal.d.ts +458 -0
  395. package/es-custom/components/about-modal/about-modal.figma.js +59 -0
  396. package/es-custom/components/about-modal/about-modal.figma.js.map +1 -0
  397. package/es-custom/components/about-modal/about-modal.js +203 -0
  398. package/es-custom/components/about-modal/about-modal.js.map +1 -0
  399. package/es-custom/components/about-modal/about-modal.scss.js +13 -0
  400. package/es-custom/components/about-modal/about-modal.scss.js.map +1 -0
  401. package/es-custom/components/about-modal/about-modal.test.d.ts +7 -0
  402. package/es-custom/components/about-modal/about-modal.test.js +208 -0
  403. package/es-custom/components/about-modal/about-modal.test.js.map +1 -0
  404. package/es-custom/components/about-modal/index.d.ts +9 -0
  405. package/es-custom/components/about-modal/index.js +9 -0
  406. package/es-custom/components/about-modal/index.js.map +1 -0
  407. package/es-custom/components/checklist/checklist-chart.d.ts +25 -0
  408. package/es-custom/components/checklist/checklist-chart.js +81 -0
  409. package/es-custom/components/checklist/checklist-chart.js.map +1 -0
  410. package/es-custom/components/checklist/checklist-group.d.ts +25 -0
  411. package/es-custom/components/checklist/checklist-group.js +58 -0
  412. package/es-custom/components/checklist/checklist-group.js.map +1 -0
  413. package/es-custom/components/checklist/checklist-icon.d.ts +26 -0
  414. package/es-custom/components/checklist/checklist-icon.js +72 -0
  415. package/es-custom/components/checklist/checklist-icon.js.map +1 -0
  416. package/es-custom/components/checklist/checklist-item.d.ts +41 -0
  417. package/es-custom/components/checklist/checklist-item.figma.js +49 -0
  418. package/es-custom/components/checklist/checklist-item.figma.js.map +1 -0
  419. package/es-custom/components/checklist/checklist-item.js +128 -0
  420. package/es-custom/components/checklist/checklist-item.js.map +1 -0
  421. package/es-custom/components/checklist/checklist.d.ts +73 -0
  422. package/es-custom/components/checklist/checklist.figma.js +87 -0
  423. package/es-custom/components/checklist/checklist.figma.js.map +1 -0
  424. package/es-custom/components/checklist/checklist.js +198 -0
  425. package/es-custom/components/checklist/checklist.js.map +1 -0
  426. package/es-custom/components/checklist/checklist.scss.js +13 -0
  427. package/es-custom/components/checklist/checklist.scss.js.map +1 -0
  428. package/es-custom/components/checklist/checklist.test.d.ts +7 -0
  429. package/es-custom/components/checklist/checklist.test.js +172 -0
  430. package/es-custom/components/checklist/checklist.test.js.map +1 -0
  431. package/es-custom/components/checklist/checklist.types.d.ts +22 -0
  432. package/es-custom/components/checklist/checklist.types.js +32 -0
  433. package/es-custom/components/checklist/checklist.types.js.map +1 -0
  434. package/es-custom/components/checklist/index.d.ts +13 -0
  435. package/es-custom/components/checklist/index.js +13 -0
  436. package/es-custom/components/checklist/index.js.map +1 -0
  437. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +418 -0
  438. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js +139 -0
  439. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -0
  440. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +13 -0
  441. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js.map +1 -0
  442. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.test.d.ts +9 -0
  443. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.test.js +77 -0
  444. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.test.js.map +1 -0
  445. package/es-custom/components/coachmark/coachmark-beacon/defs.d.ts +14 -0
  446. package/es-custom/components/coachmark/coachmark-beacon/defs.js +25 -0
  447. package/es-custom/components/coachmark/coachmark-beacon/defs.js.map +1 -0
  448. package/es-custom/components/coachmark/coachmark-beacon/index.d.ts +9 -0
  449. package/es-custom/components/coachmark/coachmark-beacon/index.js +9 -0
  450. package/es-custom/components/coachmark/coachmark-beacon/index.js.map +1 -0
  451. package/es-custom/components/coachmark/coachmark-body.d.ts +382 -0
  452. package/es-custom/components/coachmark/coachmark-body.js +40 -0
  453. package/es-custom/components/coachmark/coachmark-body.js.map +1 -0
  454. package/es-custom/components/coachmark/coachmark-body.scss.js +13 -0
  455. package/es-custom/components/coachmark/coachmark-body.scss.js.map +1 -0
  456. package/es-custom/components/coachmark/coachmark-context.d.ts +11 -0
  457. package/es-custom/components/coachmark/coachmark-context.js +39 -0
  458. package/es-custom/components/coachmark/coachmark-context.js.map +1 -0
  459. package/es-custom/components/coachmark/coachmark-header.d.ts +392 -0
  460. package/es-custom/components/coachmark/coachmark-header.js +92 -0
  461. package/es-custom/components/coachmark/coachmark-header.js.map +1 -0
  462. package/es-custom/components/coachmark/coachmark-header.scss.js +13 -0
  463. package/es-custom/components/coachmark/coachmark-header.scss.js.map +1 -0
  464. package/es-custom/components/coachmark/coachmark.d.ts +416 -0
  465. package/es-custom/components/coachmark/coachmark.js +165 -0
  466. package/es-custom/components/coachmark/coachmark.js.map +1 -0
  467. package/es-custom/components/coachmark/coachmark.scss.js +13 -0
  468. package/es-custom/components/coachmark/coachmark.scss.js.map +1 -0
  469. package/es-custom/components/coachmark/coachmark.test.d.ts +1 -0
  470. package/es-custom/components/coachmark/coachmark.test.js +168 -0
  471. package/es-custom/components/coachmark/coachmark.test.js.map +1 -0
  472. package/es-custom/components/coachmark/index.d.ts +11 -0
  473. package/es-custom/components/coachmark/index.js +11 -0
  474. package/es-custom/components/coachmark/index.js.map +1 -0
  475. package/es-custom/components/full-page-error/assets/error403SVG.js +831 -0
  476. package/es-custom/components/full-page-error/assets/error403SVG.js.map +1 -0
  477. package/es-custom/components/full-page-error/assets/error404SVG.js +735 -0
  478. package/es-custom/components/full-page-error/assets/error404SVG.js.map +1 -0
  479. package/es-custom/components/full-page-error/assets/errorGenericSVG.js +830 -0
  480. package/es-custom/components/full-page-error/assets/errorGenericSVG.js.map +1 -0
  481. package/es-custom/components/full-page-error/full-page-error.d.ts +43 -0
  482. package/es-custom/components/full-page-error/full-page-error.figma.js +81 -0
  483. package/es-custom/components/full-page-error/full-page-error.figma.js.map +1 -0
  484. package/es-custom/components/full-page-error/full-page-error.js +102 -0
  485. package/es-custom/components/full-page-error/full-page-error.js.map +1 -0
  486. package/es-custom/components/full-page-error/full-page-error.scss.js +13 -0
  487. package/es-custom/components/full-page-error/full-page-error.scss.js.map +1 -0
  488. package/es-custom/components/full-page-error/full-page-error.test.d.ts +7 -0
  489. package/es-custom/components/full-page-error/full-page-error.test.js +102 -0
  490. package/es-custom/components/full-page-error/full-page-error.test.js.map +1 -0
  491. package/es-custom/components/full-page-error/index.d.ts +9 -0
  492. package/es-custom/components/full-page-error/index.js +9 -0
  493. package/es-custom/components/full-page-error/index.js.map +1 -0
  494. package/es-custom/components/full-page-error/types.d.ts +13 -0
  495. package/es-custom/components/full-page-error/types.js +24 -0
  496. package/es-custom/components/full-page-error/types.js.map +1 -0
  497. package/es-custom/components/guide-banner/guide-banner-element.d.ts +378 -0
  498. package/es-custom/components/guide-banner/guide-banner-element.js +38 -0
  499. package/es-custom/components/guide-banner/guide-banner-element.js.map +1 -0
  500. package/es-custom/components/guide-banner/guide-banner.d.ts +398 -0
  501. package/es-custom/components/guide-banner/guide-banner.js +151 -0
  502. package/es-custom/components/guide-banner/guide-banner.js.map +1 -0
  503. package/es-custom/components/guide-banner/guide-banner.scss.js +13 -0
  504. package/es-custom/components/guide-banner/guide-banner.scss.js.map +1 -0
  505. package/es-custom/components/guide-banner/guide-banner.test.d.ts +1 -0
  506. package/es-custom/components/guide-banner/guide-banner.test.js +121 -0
  507. package/es-custom/components/guide-banner/guide-banner.test.js.map +1 -0
  508. package/es-custom/components/guide-banner/index.d.ts +10 -0
  509. package/es-custom/components/guide-banner/index.js +10 -0
  510. package/es-custom/components/guide-banner/index.js.map +1 -0
  511. package/es-custom/components/interstitial-screen/index.d.ts +13 -0
  512. package/es-custom/components/interstitial-screen/index.js +13 -0
  513. package/es-custom/components/interstitial-screen/index.js.map +1 -0
  514. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.d.ts +388 -0
  515. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js +71 -0
  516. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js.map +1 -0
  517. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js +13 -0
  518. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js.map +1 -0
  519. package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +402 -0
  520. package/es-custom/components/interstitial-screen/interstitial-screen-body.js +152 -0
  521. package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map +1 -0
  522. package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +13 -0
  523. package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js.map +1 -0
  524. package/es-custom/components/interstitial-screen/interstitial-screen-context.d.ts +18 -0
  525. package/es-custom/components/interstitial-screen/interstitial-screen-context.js +48 -0
  526. package/es-custom/components/interstitial-screen/interstitial-screen-context.js.map +1 -0
  527. package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +429 -0
  528. package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +263 -0
  529. package/es-custom/components/interstitial-screen/interstitial-screen-footer.js.map +1 -0
  530. package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js +13 -0
  531. package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js.map +1 -0
  532. package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +413 -0
  533. package/es-custom/components/interstitial-screen/interstitial-screen-header.js +177 -0
  534. package/es-custom/components/interstitial-screen/interstitial-screen-header.js.map +1 -0
  535. package/es-custom/components/interstitial-screen/interstitial-screen-header.scss.js +13 -0
  536. package/es-custom/components/interstitial-screen/interstitial-screen-header.scss.js.map +1 -0
  537. package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +441 -0
  538. package/es-custom/components/interstitial-screen/interstitial-screen.js +217 -0
  539. package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -0
  540. package/es-custom/components/interstitial-screen/interstitial-screen.scss.js +13 -0
  541. package/es-custom/components/interstitial-screen/interstitial-screen.scss.js.map +1 -0
  542. package/es-custom/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
  543. package/es-custom/components/interstitial-screen/interstitial-screen.test.js +329 -0
  544. package/es-custom/components/interstitial-screen/interstitial-screen.test.js.map +1 -0
  545. package/es-custom/components/notification-panel/_story-assets/unread-notification-bell.d.ts +3 -0
  546. package/es-custom/components/notification-panel/_story-assets/unread-notification-bell.js +45 -0
  547. package/es-custom/components/notification-panel/_story-assets/unread-notification-bell.js.map +1 -0
  548. package/es-custom/components/notification-panel/date-time-context.d.ts +9 -0
  549. package/es-custom/components/notification-panel/date-time-context.js +19 -0
  550. package/es-custom/components/notification-panel/date-time-context.js.map +1 -0
  551. package/es-custom/components/notification-panel/defs.d.ts +8 -0
  552. package/es-custom/components/notification-panel/defs.js +8 -0
  553. package/es-custom/components/notification-panel/defs.js.map +1 -0
  554. package/es-custom/components/notification-panel/index.d.ts +11 -0
  555. package/es-custom/components/notification-panel/index.js +11 -0
  556. package/es-custom/components/notification-panel/index.js.map +1 -0
  557. package/es-custom/components/notification-panel/notification-footer.d.ts +405 -0
  558. package/es-custom/components/notification-panel/notification-footer.js +120 -0
  559. package/es-custom/components/notification-panel/notification-footer.js.map +1 -0
  560. package/es-custom/components/notification-panel/notification-footer.scss.js +13 -0
  561. package/es-custom/components/notification-panel/notification-footer.scss.js.map +1 -0
  562. package/es-custom/components/notification-panel/notification-footer.test.d.ts +7 -0
  563. package/es-custom/components/notification-panel/notification-footer.test.js +65 -0
  564. package/es-custom/components/notification-panel/notification-footer.test.js.map +1 -0
  565. package/es-custom/components/notification-panel/notification-panel.d.ts +479 -0
  566. package/es-custom/components/notification-panel/notification-panel.js +439 -0
  567. package/es-custom/components/notification-panel/notification-panel.js.map +1 -0
  568. package/es-custom/components/notification-panel/notification-panel.scss.js +13 -0
  569. package/es-custom/components/notification-panel/notification-panel.scss.js.map +1 -0
  570. package/es-custom/components/notification-panel/notification-panel.test.d.ts +7 -0
  571. package/es-custom/components/notification-panel/notification-panel.test.js +340 -0
  572. package/es-custom/components/notification-panel/notification-panel.test.js.map +1 -0
  573. package/es-custom/components/notification-panel/notification.d.ts +415 -0
  574. package/es-custom/components/notification-panel/notification.js +179 -0
  575. package/es-custom/components/notification-panel/notification.js.map +1 -0
  576. package/es-custom/components/notification-panel/notification.scss.js +13 -0
  577. package/es-custom/components/notification-panel/notification.scss.js.map +1 -0
  578. package/es-custom/components/notification-panel/notification.test.d.ts +7 -0
  579. package/es-custom/components/notification-panel/notification.test.js +152 -0
  580. package/es-custom/components/notification-panel/notification.test.js.map +1 -0
  581. package/es-custom/components/options-tile/index.d.ts +9 -0
  582. package/es-custom/components/options-tile/index.js +9 -0
  583. package/es-custom/components/options-tile/index.js.map +1 -0
  584. package/es-custom/components/options-tile/options-file.figma.js +96 -0
  585. package/es-custom/components/options-tile/options-file.figma.js.map +1 -0
  586. package/es-custom/components/options-tile/options-tile.d.ts +416 -0
  587. package/es-custom/components/options-tile/options-tile.js +158 -0
  588. package/es-custom/components/options-tile/options-tile.js.map +1 -0
  589. package/es-custom/components/options-tile/options-tile.scss.js +13 -0
  590. package/es-custom/components/options-tile/options-tile.scss.js.map +1 -0
  591. package/es-custom/components/options-tile/options-tile.test.d.ts +1 -0
  592. package/es-custom/components/options-tile/options-tile.test.js +129 -0
  593. package/es-custom/components/options-tile/options-tile.test.js.map +1 -0
  594. package/es-custom/components/page-header/_story-assets/2x1.jpg.js +11 -0
  595. package/es-custom/components/page-header/_story-assets/2x1.jpg.js.map +1 -0
  596. package/es-custom/components/page-header/_story-assets/3x2.jpg.js +11 -0
  597. package/es-custom/components/page-header/_story-assets/3x2.jpg.js.map +1 -0
  598. package/es-custom/components/page-header/_story-assets/overflowHandler.d.ts +98 -0
  599. package/es-custom/components/page-header/_story-assets/overflowHandler.js +156 -0
  600. package/es-custom/components/page-header/_story-assets/overflowHandler.js.map +1 -0
  601. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.d.ts +43 -0
  602. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.js +154 -0
  603. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.js.map +1 -0
  604. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +13 -0
  605. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js.map +1 -0
  606. package/es-custom/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
  607. package/es-custom/components/page-header/_story-assets/set-of-tags/index.js +9 -0
  608. package/es-custom/components/page-header/_story-assets/set-of-tags/index.js.map +1 -0
  609. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
  610. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js +260 -0
  611. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -0
  612. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +13 -0
  613. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map +1 -0
  614. package/es-custom/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
  615. package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js +44 -0
  616. package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js.map +1 -0
  617. package/es-custom/components/page-header/context.d.ts +15 -0
  618. package/es-custom/components/page-header/context.js +27 -0
  619. package/es-custom/components/page-header/context.js.map +1 -0
  620. package/es-custom/components/page-header/index.d.ts +16 -0
  621. package/es-custom/components/page-header/index.js +16 -0
  622. package/es-custom/components/page-header/index.js.map +1 -0
  623. package/es-custom/components/page-header/page-header-breadcrumb.d.ts +36 -0
  624. package/es-custom/components/page-header/page-header-breadcrumb.js +106 -0
  625. package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -0
  626. package/es-custom/components/page-header/page-header-content-text.d.ts +22 -0
  627. package/es-custom/components/page-header/page-header-content-text.js +56 -0
  628. package/es-custom/components/page-header/page-header-content-text.js.map +1 -0
  629. package/es-custom/components/page-header/page-header-content.d.ts +42 -0
  630. package/es-custom/components/page-header/page-header-content.js +141 -0
  631. package/es-custom/components/page-header/page-header-content.js.map +1 -0
  632. package/es-custom/components/page-header/page-header-hero-image.d.ts +18 -0
  633. package/es-custom/components/page-header/page-header-hero-image.js +38 -0
  634. package/es-custom/components/page-header/page-header-hero-image.js.map +1 -0
  635. package/es-custom/components/page-header/page-header-scroller.d.ts +56 -0
  636. package/es-custom/components/page-header/page-header-scroller.js +166 -0
  637. package/es-custom/components/page-header/page-header-scroller.js.map +1 -0
  638. package/es-custom/components/page-header/page-header-tabs.d.ts +18 -0
  639. package/es-custom/components/page-header/page-header-tabs.js +48 -0
  640. package/es-custom/components/page-header/page-header-tabs.js.map +1 -0
  641. package/es-custom/components/page-header/page-header-title-breadcrumb.d.ts +20 -0
  642. package/es-custom/components/page-header/page-header-title-breadcrumb.js +71 -0
  643. package/es-custom/components/page-header/page-header-title-breadcrumb.js.map +1 -0
  644. package/es-custom/components/page-header/page-header.d.ts +31 -0
  645. package/es-custom/components/page-header/page-header.js +128 -0
  646. package/es-custom/components/page-header/page-header.js.map +1 -0
  647. package/es-custom/components/page-header/page-header.scss.js +13 -0
  648. package/es-custom/components/page-header/page-header.scss.js.map +1 -0
  649. package/es-custom/components/page-header/page-header.test.d.ts +1 -0
  650. package/es-custom/components/page-header/page-header.test.js +349 -0
  651. package/es-custom/components/page-header/page-header.test.js.map +1 -0
  652. package/es-custom/components/page-header/utils.d.ts +32 -0
  653. package/es-custom/components/page-header/utils.js +76 -0
  654. package/es-custom/components/page-header/utils.js.map +1 -0
  655. package/es-custom/components/side-panel/_story-assets/index.d.ts +8 -0
  656. package/es-custom/components/side-panel/_story-assets/index.js +275 -0
  657. package/es-custom/components/side-panel/_story-assets/index.js.map +1 -0
  658. package/es-custom/components/side-panel/defs.d.ts +39 -0
  659. package/es-custom/components/side-panel/defs.js +51 -0
  660. package/es-custom/components/side-panel/defs.js.map +1 -0
  661. package/es-custom/components/side-panel/index.d.ts +9 -0
  662. package/es-custom/components/side-panel/index.js +9 -0
  663. package/es-custom/components/side-panel/index.js.map +1 -0
  664. package/es-custom/components/side-panel/side-panel.d.ts +571 -0
  665. package/es-custom/components/side-panel/side-panel.js +859 -0
  666. package/es-custom/components/side-panel/side-panel.js.map +1 -0
  667. package/es-custom/components/side-panel/side-panel.scss.js +13 -0
  668. package/es-custom/components/side-panel/side-panel.scss.js.map +1 -0
  669. package/es-custom/components/side-panel/side-panel.test.d.ts +3 -0
  670. package/es-custom/components/side-panel/side-panel.test.js +273 -0
  671. package/es-custom/components/side-panel/side-panel.test.js.map +1 -0
  672. package/es-custom/components/side-panel/story-styles.scss.js +13 -0
  673. package/es-custom/components/side-panel/story-styles.scss.js.map +1 -0
  674. package/es-custom/components/tearsheet/defs.d.ts +26 -0
  675. package/es-custom/components/tearsheet/defs.js +39 -0
  676. package/es-custom/components/tearsheet/defs.js.map +1 -0
  677. package/es-custom/components/tearsheet/index.d.ts +9 -0
  678. package/es-custom/components/tearsheet/index.js +9 -0
  679. package/es-custom/components/tearsheet/index.js.map +1 -0
  680. package/es-custom/components/tearsheet/story-styles.scss.js +13 -0
  681. package/es-custom/components/tearsheet/story-styles.scss.js.map +1 -0
  682. package/es-custom/components/tearsheet/tearsheet.d.ts +535 -0
  683. package/es-custom/components/tearsheet/tearsheet.js +721 -0
  684. package/es-custom/components/tearsheet/tearsheet.js.map +1 -0
  685. package/es-custom/components/tearsheet/tearsheet.scss.js +13 -0
  686. package/es-custom/components/tearsheet/tearsheet.scss.js.map +1 -0
  687. package/es-custom/components/tearsheet/tearsheet.test.d.ts +14 -0
  688. package/es-custom/components/tearsheet/tearsheet.test.js +305 -0
  689. package/es-custom/components/tearsheet/tearsheet.test.js.map +1 -0
  690. package/es-custom/components/tearsheet/utils.d.ts +34 -0
  691. package/es-custom/components/tearsheet/utils.js +370 -0
  692. package/es-custom/components/tearsheet/utils.js.map +1 -0
  693. package/es-custom/components/truncated-text/index.d.ts +9 -0
  694. package/es-custom/components/truncated-text/index.js +9 -0
  695. package/es-custom/components/truncated-text/index.js.map +1 -0
  696. package/es-custom/components/truncated-text/truncated-text.d.ts +78 -0
  697. package/es-custom/components/truncated-text/truncated-text.js +257 -0
  698. package/es-custom/components/truncated-text/truncated-text.js.map +1 -0
  699. package/es-custom/components/truncated-text/truncated-text.scss.js +13 -0
  700. package/es-custom/components/truncated-text/truncated-text.scss.js.map +1 -0
  701. package/es-custom/components/truncated-text/truncated-text.test.d.ts +7 -0
  702. package/es-custom/components/truncated-text/truncated-text.test.js +77 -0
  703. package/es-custom/components/truncated-text/truncated-text.test.js.map +1 -0
  704. package/es-custom/components/user-avatar/index.d.ts +9 -0
  705. package/es-custom/components/user-avatar/index.js +9 -0
  706. package/es-custom/components/user-avatar/index.js.map +1 -0
  707. package/es-custom/components/user-avatar/user-avatar.d.ts +425 -0
  708. package/es-custom/components/user-avatar/user-avatar.figma.js +161 -0
  709. package/es-custom/components/user-avatar/user-avatar.figma.js.map +1 -0
  710. package/es-custom/components/user-avatar/user-avatar.js +141 -0
  711. package/es-custom/components/user-avatar/user-avatar.js.map +1 -0
  712. package/es-custom/components/user-avatar/user-avatar.scss.js +13 -0
  713. package/es-custom/components/user-avatar/user-avatar.scss.js.map +1 -0
  714. package/es-custom/components/user-avatar/user-avatar.test.d.ts +1 -0
  715. package/es-custom/components/user-avatar/user-avatar.test.js +128 -0
  716. package/es-custom/components/user-avatar/user-avatar.test.js.map +1 -0
  717. package/es-custom/globals/internal/handle.d.ts +18 -0
  718. package/es-custom/globals/internal/handle.js +8 -0
  719. package/es-custom/globals/internal/handle.js.map +1 -0
  720. package/es-custom/globals/internal/pconsole.d.ts +15 -0
  721. package/es-custom/globals/internal/pconsole.js +30 -0
  722. package/es-custom/globals/internal/pconsole.js.map +1 -0
  723. package/es-custom/globals/internal/storybook-cdn.js +78 -0
  724. package/es-custom/globals/internal/storybook-cdn.js.map +1 -0
  725. package/es-custom/globals/js/utils/getSupportedLocale.d.ts +12 -0
  726. package/es-custom/globals/js/utils/getSupportedLocale.js +35 -0
  727. package/es-custom/globals/js/utils/getSupportedLocale.js.map +1 -0
  728. package/es-custom/globals/settings.d.ts +15 -0
  729. package/es-custom/globals/settings.js +28 -0
  730. package/es-custom/globals/settings.js.map +1 -0
  731. package/es-custom/index.d.ts +25 -0
  732. package/es-custom/index.js +25 -0
  733. package/es-custom/index.js.map +1 -0
  734. package/es-custom/node_modules/@carbon/layout/es/index.js +44 -0
  735. package/es-custom/node_modules/@carbon/layout/es/index.js.map +1 -0
  736. package/es-custom/node_modules/@carbon/utilities/es/dateTimeFormat/index.js +13 -0
  737. package/es-custom/node_modules/@carbon/utilities/es/dateTimeFormat/index.js.map +1 -0
  738. package/es-custom/node_modules/@carbon/utilities/es/dateTimeFormat/relative.js +11 -0
  739. package/es-custom/node_modules/@carbon/utilities/es/dateTimeFormat/relative.js.map +1 -0
  740. package/es-custom/node_modules/@carbon/utilities/es/documentLang/documentLang.js +9 -0
  741. package/es-custom/node_modules/@carbon/utilities/es/documentLang/documentLang.js.map +1 -0
  742. package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +11 -0
  743. package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +1 -0
  744. package/es-custom/packages/ibm-products-web-components/package.json.js +13 -0
  745. package/es-custom/packages/ibm-products-web-components/package.json.js.map +1 -0
  746. package/es-custom/patterns/step-flow/_story-assets/step-full-page.d.ts +41 -0
  747. package/es-custom/patterns/step-flow/_story-assets/step-full-page.js +257 -0
  748. package/es-custom/patterns/step-flow/_story-assets/step-full-page.js.map +1 -0
  749. package/es-custom/patterns/step-flow/_story-assets/step-full-page.scss.js +13 -0
  750. package/es-custom/patterns/step-flow/_story-assets/step-full-page.scss.js.map +1 -0
  751. package/es-custom/patterns/step-flow/_story-assets/step-tearsheet.d.ts +41 -0
  752. package/es-custom/patterns/step-flow/_story-assets/step-tearsheet.js +255 -0
  753. package/es-custom/patterns/step-flow/_story-assets/step-tearsheet.js.map +1 -0
  754. package/es-custom/patterns/step-flow/index.d.ts +10 -0
  755. package/es-custom/patterns/step-flow/index.js +10 -0
  756. package/es-custom/patterns/step-flow/index.js.map +1 -0
  757. package/es-custom/patterns/step-flow/step-flow-signal.d.ts +24 -0
  758. package/es-custom/patterns/step-flow/step-flow-signal.js +54 -0
  759. package/es-custom/patterns/step-flow/step-flow-signal.js.map +1 -0
  760. package/es-custom/patterns/step-flow/step-flow-signal.test.d.ts +7 -0
  761. package/es-custom/patterns/step-flow/step-flow-signal.test.js +88 -0
  762. package/es-custom/patterns/step-flow/step-flow-signal.test.js.map +1 -0
  763. package/es-custom/patterns/step-flow/step-group.d.ts +15 -0
  764. package/es-custom/patterns/step-flow/step-group.js +28 -0
  765. package/es-custom/patterns/step-flow/step-group.js.map +1 -0
  766. package/es-custom/patterns/step-flow/story-styles.scss.js +13 -0
  767. package/es-custom/patterns/step-flow/story-styles.scss.js.map +1 -0
  768. package/es-custom/utilities/carousel/carousel.d.ts +14 -0
  769. package/es-custom/utilities/carousel/carousel.js +341 -0
  770. package/es-custom/utilities/carousel/carousel.js.map +1 -0
  771. package/es-custom/utilities/carousel/index.d.ts +8 -0
  772. package/es-custom/utilities/carousel/index.js +9 -0
  773. package/es-custom/utilities/carousel/index.js.map +1 -0
  774. package/es-custom/utilities/carousel/swipeEvents.d.ts +7 -0
  775. package/es-custom/utilities/carousel/swipeEvents.js +109 -0
  776. package/es-custom/utilities/carousel/swipeEvents.js.map +1 -0
  777. package/es-custom/utilities/carousel/types.d.ts +37 -0
  778. package/es-custom/utilities/carousel/types.js +8 -0
  779. package/es-custom/utilities/carousel/types.js.map +1 -0
  780. package/es-custom/utilities/makeDraggable/makeDraggable.d.ts +38 -0
  781. package/es-custom/utilities/makeDraggable/makeDraggable.js +136 -0
  782. package/es-custom/utilities/makeDraggable/makeDraggable.js.map +1 -0
  783. package/es-custom/utilities/manageFocusTrap/manageFocusTrap.d.ts +13 -0
  784. package/es-custom/utilities/manageFocusTrap/manageFocusTrap.js +138 -0
  785. package/es-custom/utilities/manageFocusTrap/manageFocusTrap.js.map +1 -0
  786. package/lib/components/about-modal/about-modal.d.ts +458 -0
  787. package/lib/components/about-modal/about-modal.test.d.ts +7 -0
  788. package/lib/components/about-modal/index.d.ts +9 -0
  789. package/lib/components/checklist/checklist-chart.d.ts +25 -0
  790. package/lib/components/checklist/checklist-group.d.ts +25 -0
  791. package/lib/components/checklist/checklist-icon.d.ts +26 -0
  792. package/lib/components/checklist/checklist-item.d.ts +41 -0
  793. package/lib/components/checklist/checklist.d.ts +73 -0
  794. package/lib/components/checklist/checklist.test.d.ts +7 -0
  795. package/lib/components/checklist/checklist.types.d.ts +22 -0
  796. package/lib/components/checklist/index.d.ts +13 -0
  797. package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +418 -0
  798. package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.test.d.ts +9 -0
  799. package/lib/components/coachmark/coachmark-beacon/defs.d.ts +14 -0
  800. package/lib/components/coachmark/coachmark-beacon/defs.js +25 -0
  801. package/lib/components/coachmark/coachmark-beacon/defs.js.map +1 -0
  802. package/lib/components/coachmark/coachmark-beacon/index.d.ts +9 -0
  803. package/lib/components/coachmark/coachmark-body.d.ts +382 -0
  804. package/lib/components/coachmark/coachmark-context.d.ts +11 -0
  805. package/lib/components/coachmark/coachmark-header.d.ts +392 -0
  806. package/lib/components/coachmark/coachmark.d.ts +416 -0
  807. package/lib/components/coachmark/coachmark.test.d.ts +1 -0
  808. package/lib/components/coachmark/index.d.ts +11 -0
  809. package/lib/components/full-page-error/full-page-error.d.ts +43 -0
  810. package/lib/components/full-page-error/full-page-error.test.d.ts +7 -0
  811. package/lib/components/full-page-error/index.d.ts +9 -0
  812. package/lib/components/full-page-error/types.d.ts +13 -0
  813. package/lib/components/guide-banner/guide-banner-element.d.ts +378 -0
  814. package/lib/components/guide-banner/guide-banner.d.ts +398 -0
  815. package/lib/components/guide-banner/guide-banner.test.d.ts +1 -0
  816. package/lib/components/guide-banner/index.d.ts +10 -0
  817. package/lib/components/interstitial-screen/index.d.ts +13 -0
  818. package/lib/components/interstitial-screen/interstitial-screen-body-item.d.ts +388 -0
  819. package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +402 -0
  820. package/lib/components/interstitial-screen/interstitial-screen-context.d.ts +18 -0
  821. package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +429 -0
  822. package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +413 -0
  823. package/lib/components/interstitial-screen/interstitial-screen.d.ts +441 -0
  824. package/lib/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
  825. package/lib/components/notification-panel/_story-assets/unread-notification-bell.d.ts +3 -0
  826. package/lib/components/notification-panel/date-time-context.d.ts +9 -0
  827. package/lib/components/notification-panel/defs.d.ts +8 -0
  828. package/lib/components/notification-panel/defs.js +10 -0
  829. package/lib/components/notification-panel/defs.js.map +1 -0
  830. package/lib/components/notification-panel/index.d.ts +11 -0
  831. package/lib/components/notification-panel/notification-footer.d.ts +405 -0
  832. package/lib/components/notification-panel/notification-footer.test.d.ts +7 -0
  833. package/lib/components/notification-panel/notification-panel.d.ts +479 -0
  834. package/lib/components/notification-panel/notification-panel.test.d.ts +7 -0
  835. package/lib/components/notification-panel/notification.d.ts +415 -0
  836. package/lib/components/notification-panel/notification.test.d.ts +7 -0
  837. package/lib/components/options-tile/index.d.ts +9 -0
  838. package/lib/components/options-tile/options-tile.d.ts +416 -0
  839. package/lib/components/options-tile/options-tile.test.d.ts +1 -0
  840. package/lib/components/page-header/_story-assets/overflowHandler.d.ts +98 -0
  841. package/lib/components/page-header/_story-assets/set-of-breadcrumbs.d.ts +43 -0
  842. package/lib/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
  843. package/lib/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
  844. package/lib/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
  845. package/lib/components/page-header/context.d.ts +15 -0
  846. package/lib/components/page-header/index.d.ts +16 -0
  847. package/lib/components/page-header/page-header-breadcrumb.d.ts +36 -0
  848. package/lib/components/page-header/page-header-content-text.d.ts +22 -0
  849. package/lib/components/page-header/page-header-content.d.ts +42 -0
  850. package/lib/components/page-header/page-header-hero-image.d.ts +18 -0
  851. package/lib/components/page-header/page-header-scroller.d.ts +56 -0
  852. package/lib/components/page-header/page-header-tabs.d.ts +18 -0
  853. package/lib/components/page-header/page-header-title-breadcrumb.d.ts +20 -0
  854. package/lib/components/page-header/page-header.d.ts +31 -0
  855. package/lib/components/page-header/page-header.test.d.ts +1 -0
  856. package/lib/components/page-header/utils.d.ts +32 -0
  857. package/lib/components/side-panel/_story-assets/index.d.ts +8 -0
  858. package/lib/components/side-panel/defs.d.ts +39 -0
  859. package/lib/components/side-panel/defs.js +51 -0
  860. package/lib/components/side-panel/defs.js.map +1 -0
  861. package/lib/components/side-panel/index.d.ts +9 -0
  862. package/lib/components/side-panel/side-panel.d.ts +571 -0
  863. package/lib/components/side-panel/side-panel.test.d.ts +3 -0
  864. package/lib/components/tearsheet/defs.d.ts +26 -0
  865. package/lib/components/tearsheet/defs.js +39 -0
  866. package/lib/components/tearsheet/defs.js.map +1 -0
  867. package/lib/components/tearsheet/index.d.ts +9 -0
  868. package/lib/components/tearsheet/tearsheet.d.ts +535 -0
  869. package/lib/components/tearsheet/tearsheet.test.d.ts +14 -0
  870. package/lib/components/tearsheet/utils.d.ts +34 -0
  871. package/lib/components/truncated-text/index.d.ts +9 -0
  872. package/lib/components/truncated-text/truncated-text.d.ts +78 -0
  873. package/lib/components/truncated-text/truncated-text.test.d.ts +7 -0
  874. package/lib/components/user-avatar/index.d.ts +9 -0
  875. package/lib/components/user-avatar/user-avatar.d.ts +425 -0
  876. package/lib/components/user-avatar/user-avatar.test.d.ts +1 -0
  877. package/lib/globals/internal/handle.d.ts +18 -0
  878. package/lib/globals/internal/pconsole.d.ts +15 -0
  879. package/lib/globals/js/utils/getSupportedLocale.d.ts +12 -0
  880. package/lib/globals/js/utils/getSupportedLocale.js +37 -0
  881. package/lib/globals/js/utils/getSupportedLocale.js.map +1 -0
  882. package/lib/globals/settings.d.ts +15 -0
  883. package/lib/globals/settings.js +32 -0
  884. package/lib/globals/settings.js.map +1 -0
  885. package/lib/index.d.ts +25 -0
  886. package/lib/patterns/step-flow/_story-assets/step-full-page.d.ts +41 -0
  887. package/lib/patterns/step-flow/_story-assets/step-tearsheet.d.ts +41 -0
  888. package/lib/patterns/step-flow/index.d.ts +10 -0
  889. package/lib/patterns/step-flow/step-flow-signal.d.ts +24 -0
  890. package/lib/patterns/step-flow/step-flow-signal.test.d.ts +7 -0
  891. package/lib/patterns/step-flow/step-group.d.ts +15 -0
  892. package/lib/utilities/carousel/carousel.d.ts +14 -0
  893. package/lib/utilities/carousel/index.d.ts +8 -0
  894. package/lib/utilities/carousel/swipeEvents.d.ts +7 -0
  895. package/lib/utilities/carousel/types.d.ts +37 -0
  896. package/lib/utilities/makeDraggable/makeDraggable.d.ts +38 -0
  897. package/lib/utilities/manageFocusTrap/manageFocusTrap.d.ts +13 -0
  898. package/package.json +3 -3
  899. package/scss/components/about-modal/about-modal.scss +117 -0
  900. package/scss/components/checklist/checklist.scss +70 -0
  901. package/scss/components/coachmark/coachmark-beacon/coachmark-beacon.scss +91 -0
  902. package/scss/components/coachmark/coachmark-body.scss +19 -0
  903. package/scss/components/coachmark/coachmark-header.scss +32 -0
  904. package/scss/components/coachmark/coachmark.scss +30 -0
  905. package/scss/components/full-page-error/full-page-error.scss +29 -0
  906. package/scss/components/guide-banner/guide-banner.scss +30 -0
  907. package/scss/components/interstitial-screen/interstitial-screen-body-item.scss +18 -0
  908. package/scss/components/interstitial-screen/interstitial-screen-body.scss +29 -0
  909. package/scss/components/interstitial-screen/interstitial-screen-footer.scss +39 -0
  910. package/scss/components/interstitial-screen/interstitial-screen-header.scss +13 -0
  911. package/scss/components/interstitial-screen/interstitial-screen.scss +28 -0
  912. package/scss/components/notification-panel/notification-footer.scss +65 -0
  913. package/scss/components/notification-panel/notification-panel.scss +58 -0
  914. package/scss/components/notification-panel/notification.scss +147 -0
  915. package/scss/components/options-tile/options-tile.scss +102 -0
  916. package/scss/components/page-header/_story-assets/_storybook-styles.scss +35 -0
  917. package/scss/components/page-header/_story-assets/set-of-breadcrumbs.scss +41 -0
  918. package/scss/components/page-header/_story-assets/set-of-tags/set-of-tags.scss +96 -0
  919. package/scss/components/page-header/page-header.scss +422 -0
  920. package/scss/components/side-panel/side-panel.scss +307 -0
  921. package/scss/components/tearsheet/tearsheet.scss +343 -0
  922. package/scss/components/truncated-text/truncated-text.scss +110 -0
  923. package/scss/components/user-avatar/user-avatar.scss +119 -0
package/es-custom/components/page-header/page-header.scss.js ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import { css } from 'lit';
9
+
10
+ var styles = css([".cds-custom--page-header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds-custom--page-header__breadcrumb-bar{block-size:2.5rem}.cds-custom--page-header__breadcrumb-bar .cds-custom--subgrid{block-size:100%}.cds-custom--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}.cds-custom--page-header__breadcrumb__actions-flush .cds-custom--css-grid{padding-inline-end:0}.cds-custom--page-header__breadcrumb__actions-flush .cds-custom--css-grid-column{margin-inline-end:0}.cds-custom--page-header__breadcrumb-bar-border{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds-custom--page-header__breadcrumb__icon{margin-inline-end:.5rem}.cds-custom--page-header__breadcrumb__actions{display:inline-flex}.cds-custom--page-header__breadcrumb__content-actions{margin-inline-end:.75rem}.cds-custom--page-header__breadcrumb-wrapper{display:inline-flex}.cds-custom--page-header__content{padding:1.5rem 0}@media (max-width:41.98rem){.cds-custom--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}.cds-custom--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(var(--pageheader-title-grid-width,0),1fr);margin-block-end:1rem;min-block-size:2.5rem}.cds-custom--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}.cds-custom--page-header__content__title-container{display:flex}.cds-custom--page-header__content__title-container .cds-custom--definition-term{border-block-end:none}.cds-custom--page-header__content__contextual-actions{display:flex}.cds-custom--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}.cds-custom--page-header__content:has(.cds-custom--page-header__content__contextual-actions) .cds-custom--page-header__content__title{-webkit-line-clamp:1}.cds-custom--page-header__content__icon{margin-inline-end:1rem}.cds-custom--page-header__content__page-actions{display:flex;justify-content:right}@media (max-width:41.98rem){.cds-custom--page-header__content__page-actions{justify-content:left;margin-block-start:0}}.cds-custom--page-header__content__page-actions .cds-custom--menu-button__trigger:not(.cds-custom--btn--ghost){min-inline-size:0}.cds-custom--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem}.cds-custom--page-header__content__body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-start:.5rem;max-inline-size:40rem}[data-hidden]:not([data-fixed]){display:none}.cds-custom--page-header__hero-image{align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden}.cds-custom--page-header__tab-bar{margin-inline-start:-1rem}.cds-custom--page-header__tab-bar--tablist{display:grid;grid-gap:4rem;grid-template-columns:auto minmax(0,1fr)}.cds-custom--page-header__tags{align-items:center;display:flex;justify-content:right}.cds-custom--page-header__tags-popover-list{display:flex;flex-direction:column;padding:1rem}.cds-custom--page-header__tag-item{flex-shrink:0}:host(c4p-page-header){background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:block;inset-block-start:var(--c4p-page-header-header-top);position:sticky}:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-margin:1.5rem}}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid,:host(c4p-page-header-content) .cds-custom--css-grid,:host(c4p-page-header-tabs) .cds-custom--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--full-width,:host(c4p-page-header-content) .cds-custom--css-grid--full-width,:host(c4p-page-header-tabs) .cds-custom--css-grid--full-width{max-inline-size:100%}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid-column,:host(c4p-page-header-content) .cds-custom--css-grid-column,:host(c4p-page-header-tabs) .cds-custom--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds-custom--css-grid-column,[dir=rtl] :host(c4p-page-header-content) .cds-custom--css-grid-column,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--narrow,:host(c4p-page-header-content) .cds-custom--css-grid--narrow,:host(c4p-page-header-tabs) .cds-custom--css-grid--narrow{--cds-grid-gutter-start:0rem}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--condensed,:host(c4p-page-header-content) .cds-custom--css-grid--condensed,:host(c4p-page-header-tabs) .cds-custom--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--start,:host(c4p-page-header-content) .cds-custom--css-grid--start,:host(c4p-page-header-tabs) .cds-custom--css-grid--start{margin-inline-start:0}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--end,:host(c4p-page-header-content) .cds-custom--css-grid--end,:host(c4p-page-header-tabs) .cds-custom--css-grid--end{margin-inline-end:0}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid,:host(c4p-page-header-content) .cds-custom--subgrid,:host(c4p-page-header-tabs) .cds-custom--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds-custom--subgrid,[dir=rtl] :host(c4p-page-header-content) .cds-custom--subgrid,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--wide,:host(c4p-page-header-content) .cds-custom--subgrid--wide,:host(c4p-page-header-tabs) .cds-custom--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--narrow,:host(c4p-page-header-content) .cds-custom--subgrid--narrow,:host(c4p-page-header-tabs) .cds-custom--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--condensed,:host(c4p-page-header-content) .cds-custom--subgrid--condensed,:host(c4p-page-header-tabs) .cds-custom--subgrid--condensed{--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--grid-column-hang,:host(c4p-page-header-content) .cds-custom--grid-column-hang,:host(c4p-page-header-tabs) .cds-custom--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds-custom--grid-column-hang,[dir=rtl] :host(c4p-page-header-content) .cds-custom--grid-column-hang,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-0,:host(c4p-page-header-content) .cds-custom--col-span-0,:host(c4p-page-header-tabs) .cds-custom--col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-1,:host(c4p-page-header-content) .cds-custom--col-span-1,:host(c4p-page-header-tabs) .cds-custom--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-2,:host(c4p-page-header-content) .cds-custom--col-span-2,:host(c4p-page-header-tabs) .cds-custom--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-3,:host(c4p-page-header-content) .cds-custom--col-span-3,:host(c4p-page-header-tabs) .cds-custom--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-4,:host(c4p-page-header-content) .cds-custom--col-span-4,:host(c4p-page-header-tabs) .cds-custom--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-5,:host(c4p-page-header-content) .cds-custom--col-span-5,:host(c4p-page-header-tabs) .cds-custom--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-6,:host(c4p-page-header-content) .cds-custom--col-span-6,:host(c4p-page-header-tabs) .cds-custom--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-7,:host(c4p-page-header-content) .cds-custom--col-span-7,:host(c4p-page-header-tabs) .cds-custom--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-8,:host(c4p-page-header-content) .cds-custom--col-span-8,:host(c4p-page-header-tabs) .cds-custom--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-9,:host(c4p-page-header-content) .cds-custom--col-span-9,:host(c4p-page-header-tabs) .cds-custom--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-10,:host(c4p-page-header-content) .cds-custom--col-span-10,:host(c4p-page-header-tabs) .cds-custom--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-11,:host(c4p-page-header-content) .cds-custom--col-span-11,:host(c4p-page-header-tabs) .cds-custom--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-12,:host(c4p-page-header-content) .cds-custom--col-span-12,:host(c4p-page-header-tabs) .cds-custom--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-13,:host(c4p-page-header-content) .cds-custom--col-span-13,:host(c4p-page-header-tabs) .cds-custom--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-14,:host(c4p-page-header-content) .cds-custom--col-span-14,:host(c4p-page-header-tabs) .cds-custom--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-15,:host(c4p-page-header-content) .cds-custom--col-span-15,:host(c4p-page-header-tabs) .cds-custom--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-16,:host(c4p-page-header-content) .cds-custom--col-span-16,:host(c4p-page-header-tabs) .cds-custom--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-0,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-1,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-100,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-75,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-50,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-25,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-0,:host(c4p-page-header-content) .cds-custom--md\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-0{display:none}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-1,:host(c4p-page-header-content) .cds-custom--md\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-2,:host(c4p-page-header-content) .cds-custom--md\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-3,:host(c4p-page-header-content) .cds-custom--md\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-4,:host(c4p-page-header-content) .cds-custom--md\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-5,:host(c4p-page-header-content) .cds-custom--md\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-6,:host(c4p-page-header-content) .cds-custom--md\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-7,:host(c4p-page-header-content) .cds-custom--md\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-8,:host(c4p-page-header-content) .cds-custom--md\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-100,:host(c4p-page-header-content) .cds-custom--md\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-75,:host(c4p-page-header-content) .cds-custom--md\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-50,:host(c4p-page-header-content) .cds-custom--md\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-25,:host(c4p-page-header-content) .cds-custom--md\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-0,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-0{display:none}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-1,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-100,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-75,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-50,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-25,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-0,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-0{display:none}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-1,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-100,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-75,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-50,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-25,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-0,:host(c4p-page-header-content) .cds-custom--max\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-0{display:none}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-1,:host(c4p-page-header-content) .cds-custom--max\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-2,:host(c4p-page-header-content) .cds-custom--max\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-3,:host(c4p-page-header-content) .cds-custom--max\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-4,:host(c4p-page-header-content) .cds-custom--max\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-5,:host(c4p-page-header-content) .cds-custom--max\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-6,:host(c4p-page-header-content) .cds-custom--max\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-7,:host(c4p-page-header-content) .cds-custom--max\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-8,:host(c4p-page-header-content) .cds-custom--max\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-9,:host(c4p-page-header-content) .cds-custom--max\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-10,:host(c4p-page-header-content) .cds-custom--max\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-11,:host(c4p-page-header-content) .cds-custom--max\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-12,:host(c4p-page-header-content) .cds-custom--max\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-13,:host(c4p-page-header-content) .cds-custom--max\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-14,:host(c4p-page-header-content) .cds-custom--max\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-15,:host(c4p-page-header-content) .cds-custom--max\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-16,:host(c4p-page-header-content) .cds-custom--max\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-100,:host(c4p-page-header-content) .cds-custom--max\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-75,:host(c4p-page-header-content) .cds-custom--max\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-50,:host(c4p-page-header-content) .cds-custom--max\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-25,:host(c4p-page-header-content) .cds-custom--max\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-auto,:host(c4p-page-header-content) .cds-custom--col-span-auto,:host(c4p-page-header-tabs) .cds-custom--col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-100,:host(c4p-page-header-content) .cds-custom--col-span-100,:host(c4p-page-header-tabs) .cds-custom--col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-1,:host(c4p-page-header-content) .cds-custom--col-start-1,:host(c4p-page-header-tabs) .cds-custom--col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-2,:host(c4p-page-header-content) .cds-custom--col-start-2,:host(c4p-page-header-tabs) .cds-custom--col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-3,:host(c4p-page-header-content) .cds-custom--col-start-3,:host(c4p-page-header-tabs) .cds-custom--col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-4,:host(c4p-page-header-content) .cds-custom--col-start-4,:host(c4p-page-header-tabs) .cds-custom--col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-5,:host(c4p-page-header-content) .cds-custom--col-start-5,:host(c4p-page-header-tabs) .cds-custom--col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-6,:host(c4p-page-header-content) .cds-custom--col-start-6,:host(c4p-page-header-tabs) .cds-custom--col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-7,:host(c4p-page-header-content) .cds-custom--col-start-7,:host(c4p-page-header-tabs) .cds-custom--col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-8,:host(c4p-page-header-content) .cds-custom--col-start-8,:host(c4p-page-header-tabs) .cds-custom--col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-9,:host(c4p-page-header-content) .cds-custom--col-start-9,:host(c4p-page-header-tabs) .cds-custom--col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-10,:host(c4p-page-header-content) .cds-custom--col-start-10,:host(c4p-page-header-tabs) .cds-custom--col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-11,:host(c4p-page-header-content) .cds-custom--col-start-11,:host(c4p-page-header-tabs) .cds-custom--col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-12,:host(c4p-page-header-content) .cds-custom--col-start-12,:host(c4p-page-header-tabs) .cds-custom--col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-13,:host(c4p-page-header-content) .cds-custom--col-start-13,:host(c4p-page-header-tabs) .cds-custom--col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-14,:host(c4p-page-header-content) .cds-custom--col-start-14,:host(c4p-page-header-tabs) .cds-custom--col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-15,:host(c4p-page-header-content) .cds-custom--col-start-15,:host(c4p-page-header-tabs) .cds-custom--col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-16,:host(c4p-page-header-content) .cds-custom--col-start-16,:host(c4p-page-header-tabs) .cds-custom--col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-2,:host(c4p-page-header-content) .cds-custom--col-end-2,:host(c4p-page-header-tabs) .cds-custom--col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-3,:host(c4p-page-header-content) .cds-custom--col-end-3,:host(c4p-page-header-tabs) .cds-custom--col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-4,:host(c4p-page-header-content) .cds-custom--col-end-4,:host(c4p-page-header-tabs) .cds-custom--col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-5,:host(c4p-page-header-content) .cds-custom--col-end-5,:host(c4p-page-header-tabs) .cds-custom--col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-6,:host(c4p-page-header-content) .cds-custom--col-end-6,:host(c4p-page-header-tabs) .cds-custom--col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-7,:host(c4p-page-header-content) .cds-custom--col-end-7,:host(c4p-page-header-tabs) .cds-custom--col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-8,:host(c4p-page-header-content) .cds-custom--col-end-8,:host(c4p-page-header-tabs) .cds-custom--col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-9,:host(c4p-page-header-content) .cds-custom--col-end-9,:host(c4p-page-header-tabs) .cds-custom--col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-10,:host(c4p-page-header-content) .cds-custom--col-end-10,:host(c4p-page-header-tabs) .cds-custom--col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-11,:host(c4p-page-header-content) .cds-custom--col-end-11,:host(c4p-page-header-tabs) .cds-custom--col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-12,:host(c4p-page-header-content) .cds-custom--col-end-12,:host(c4p-page-header-tabs) .cds-custom--col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-13,:host(c4p-page-header-content) .cds-custom--col-end-13,:host(c4p-page-header-tabs) .cds-custom--col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-14,:host(c4p-page-header-content) .cds-custom--col-end-14,:host(c4p-page-header-tabs) .cds-custom--col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-15,:host(c4p-page-header-content) .cds-custom--col-end-15,:host(c4p-page-header-tabs) .cds-custom--col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-16,:host(c4p-page-header-content) .cds-custom--col-end-16,:host(c4p-page-header-tabs) .cds-custom--col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-17,:host(c4p-page-header-content) .cds-custom--col-end-17,:host(c4p-page-header-tabs) .cds-custom--col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-auto,:host(c4p-page-header-content) .cds-custom--col-start-auto,:host(c4p-page-header-tabs) .cds-custom--col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-auto,:host(c4p-page-header-content) .cds-custom--col-end-auto,:host(c4p-page-header-tabs) .cds-custom--col-end-auto{grid-column-end:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-1,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-5,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-6,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-7,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-8,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-9,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-10,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-11,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-12,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-13,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-14,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-15,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-16,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-5,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-6,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-7,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-8,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-9,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-10,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-11,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-12,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-13,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-14,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-15,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-16,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-17,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-1,:host(c4p-page-header-content) .cds-custom--md\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-2,:host(c4p-page-header-content) .cds-custom--md\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-3,:host(c4p-page-header-content) .cds-custom--md\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-4,:host(c4p-page-header-content) .cds-custom--md\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-5,:host(c4p-page-header-content) .cds-custom--md\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-6,:host(c4p-page-header-content) .cds-custom--md\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-7,:host(c4p-page-header-content) .cds-custom--md\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-8,:host(c4p-page-header-content) .cds-custom--md\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-9,:host(c4p-page-header-content) .cds-custom--md\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-10,:host(c4p-page-header-content) .cds-custom--md\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-11,:host(c4p-page-header-content) .cds-custom--md\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-12,:host(c4p-page-header-content) .cds-custom--md\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-13,:host(c4p-page-header-content) .cds-custom--md\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-14,:host(c4p-page-header-content) .cds-custom--md\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-15,:host(c4p-page-header-content) .cds-custom--md\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-16,:host(c4p-page-header-content) .cds-custom--md\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-2,:host(c4p-page-header-content) .cds-custom--md\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-3,:host(c4p-page-header-content) .cds-custom--md\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-4,:host(c4p-page-header-content) .cds-custom--md\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-5,:host(c4p-page-header-content) .cds-custom--md\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-6,:host(c4p-page-header-content) .cds-custom--md\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-7,:host(c4p-page-header-content) .cds-custom--md\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-8,:host(c4p-page-header-content) .cds-custom--md\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-9,:host(c4p-page-header-content) .cds-custom--md\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-10,:host(c4p-page-header-content) .cds-custom--md\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-11,:host(c4p-page-header-content) .cds-custom--md\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-12,:host(c4p-page-header-content) .cds-custom--md\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-13,:host(c4p-page-header-content) .cds-custom--md\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-14,:host(c4p-page-header-content) .cds-custom--md\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-15,:host(c4p-page-header-content) .cds-custom--md\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-16,:host(c4p-page-header-content) .cds-custom--md\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-17,:host(c4p-page-header-content) .cds-custom--md\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-1,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-17,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-1,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-17,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-1,:host(c4p-page-header-content) .cds-custom--max\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-2,:host(c4p-page-header-content) .cds-custom--max\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-3,:host(c4p-page-header-content) .cds-custom--max\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-4,:host(c4p-page-header-content) .cds-custom--max\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-5,:host(c4p-page-header-content) .cds-custom--max\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-6,:host(c4p-page-header-content) .cds-custom--max\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-7,:host(c4p-page-header-content) .cds-custom--max\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-8,:host(c4p-page-header-content) .cds-custom--max\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-9,:host(c4p-page-header-content) .cds-custom--max\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-10,:host(c4p-page-header-content) .cds-custom--max\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-11,:host(c4p-page-header-content) .cds-custom--max\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-12,:host(c4p-page-header-content) .cds-custom--max\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-13,:host(c4p-page-header-content) .cds-custom--max\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-14,:host(c4p-page-header-content) .cds-custom--max\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-15,:host(c4p-page-header-content) .cds-custom--max\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-16,:host(c4p-page-header-content) .cds-custom--max\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-2,:host(c4p-page-header-content) .cds-custom--max\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-3,:host(c4p-page-header-content) .cds-custom--max\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-4,:host(c4p-page-header-content) .cds-custom--max\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-5,:host(c4p-page-header-content) .cds-custom--max\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-6,:host(c4p-page-header-content) .cds-custom--max\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-7,:host(c4p-page-header-content) .cds-custom--max\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-8,:host(c4p-page-header-content) .cds-custom--max\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-9,:host(c4p-page-header-content) .cds-custom--max\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-10,:host(c4p-page-header-content) .cds-custom--max\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-11,:host(c4p-page-header-content) .cds-custom--max\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-12,:host(c4p-page-header-content) .cds-custom--max\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-13,:host(c4p-page-header-content) .cds-custom--max\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-14,:host(c4p-page-header-content) .cds-custom--max\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-15,:host(c4p-page-header-content) .cds-custom--max\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-16,:host(c4p-page-header-content) .cds-custom--max\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-17,:host(c4p-page-header-content) .cds-custom--max\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-auto{grid-column-end:auto}}:host(c4p-page-header-breadcrumb),:host(c4p-page-header-content),:host(c4p-page-header-tabs){display:block}:host(c4p-page-header-breadcrumb){background-color:var(--cds-layer-01,#f4f4f4);block-size:2.5rem;border-block-end:var(--cds-border-subtle);inset-block-start:var(--c4p-page-header-breadcrumb-top);position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:inline-flex;inline-size:100%}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{display:inline-flex}:host(c4p-page-header-breadcrumb:not([content-actions-flush])) ::slotted([slot=content-actions]){margin-inline-end:.75rem!important}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-custom--css-grid{margin-inline-end:0;padding-inline-end:0}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-custom--css-grid-column{margin-inline-end:0}:host(c4p-page-header-breadcrumb[border=true]){border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}:host(c4p-page-header-content){padding:1.5rem 0}:host(c4p-page-header-content) .c4p--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(auto,auto);margin-block-end:1rem;min-block-size:2.5rem}:host(c4p-page-header-content) .c4p--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}:host(c4p-page-header-content) .c4p--page-header__content__page-actions{display:flex;justify-content:right;transition:opacity .24s cubic-bezier(.2,0,.38,.9)}:host(c4p-page-header-content) .c4p--page-header__content__page-actions.c4p--page-header__content__page-actions--clipped{opacity:0;visibility:hidden}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__page-actions{justify-content:left;margin-block-start:0}}:host(c4p-page-header-content) .c4p--page-header__content__title-container{display:flex}:host(c4p-page-header-content) ::slotted([slot=icon]){margin-inline-end:1rem}:host(c4p-page-header-content) ::slotted([slot=contextual-actions]){display:flex}:host(c4p-page-header-content[contextual-actions]) .c4p--page-header__content__title{-webkit-line-clamp:1}:host(c4p-page-header-content-text){display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-start:1rem;max-inline-size:40rem}:host(c4p-page-header-content-text) .c4p--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem;margin-block-start:0}:host(c4p-page-header-hero-image){align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden;position:relative}:host(c4p-page-header-hero-image):before{block-size:0;content:\"\";float:inline-start;inline-size:1px;margin-inline-start:-1px;padding-block-start:66.6666666667%}@media (min-width:66rem){:host(c4p-page-header-hero-image):before{padding-block-start:50%}}:host(c4p-page-header-hero-image):after{clear:both;content:\"\";display:table}:host(c4p-page-header-tabs) .cds-custom--css-grid .cds-custom--css-grid-column{margin:0}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{display:flex;flex-direction:row;inline-size:100%;justify-content:space-between}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:flex;inline-size:100%;justify-content:right;max-inline-size:500px}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-inline-end:0;position:absolute}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid,:host(c4p-page-header-content) .cds-custom--css-grid,:host(c4p-page-header-tabs) .cds-custom--css-grid{inline-size:auto}cds-custom-definition-tooltip::part(definition-term){border:none}:host(c4p-page-header-tabs) ::slotted(cds-custom-tabs){--tabs-overflow-button-background:$layer-01}@keyframes page-header-title-breadcrumb-animation{0%{opacity:0;transform:translateY(1rem)}5%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes page-header-title-breadcrumb-animation-reduced-motion{0%{opacity:0}5%{opacity:1}to{opacity:1}}@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions{opacity:0;visibility:hidden}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions.c4p--page-header__breadcrumb__content-actions-with-global-actions--show{opacity:1;transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(c4p-page-header-title-breadcrumb){opacity:0;transform:translateY(1rem);transition:transform .15s cubic-bezier(.2,0,.38,.9),opacity .15s cubic-bezier(.2,0,.38,.9)}@supports not (animation-timeline:scroll()){@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}}@supports (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-direction:alternate;animation-duration:1ms;animation-name:page-header-title-breadcrumb-animation;animation-timeline:scroll(block nearest)}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-name:page-header-title-breadcrumb-animation-reduced-motion;transform:translateY(0)}}}:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__by-default){opacity:1;transform:translateY(0)}"]);
11
+
12
+ export { styles as default };
13
+ //# sourceMappingURL=page-header.scss.js.map
package/es-custom/components/page-header/page-header.scss.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"page-header.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
package/es-custom/components/page-header/page-header.test.d.ts ADDED
@@ -0,0 +1 @@
1
+ import './index';
package/es-custom/components/page-header/page-header.test.js ADDED
@@ -0,0 +1,349 @@
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import { vi, describe, it, expect } from 'vitest';
9
+ import { fixture, html } from '@open-wc/testing';
10
+ import Bee32 from '@carbon/icons/es/bee/32.js';
11
+ import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
12
+ import { prefix, carbonPrefix } from '../../globals/settings.js';
13
+ import './page-header.js';
14
+ import './page-header-breadcrumb.js';
15
+ import './page-header-content.js';
16
+ import './page-header-content-text.js';
17
+ import './page-header-hero-image.js';
18
+ import './page-header-tabs.js';
19
+ import './page-header-title-breadcrumb.js';
20
+ import './page-header-scroller.js';
21
+ import img from './_story-assets/2x1.jpg.js';
22
+ import img$1 from './_story-assets/3x2.jpg.js';
23
+ import { breakpoints } from '../../node_modules/@carbon/layout/es/index.js';
24
+
25
+ /**
26
+ * Copyright IBM Corp. 2025, 2025
27
+ *
28
+ * This source code is licensed under the Apache-2.0 license found in the
29
+ * LICENSE file in the root directory of this source tree.
30
+ */
31
+ const IntersectionObserverMock = vi.fn(() => ({
32
+ disconnect: vi.fn(),
33
+ observe: vi.fn(),
34
+ unobserve: vi.fn(),
35
+ }));
36
+ vi.stubGlobal('IntersectionObserver', IntersectionObserverMock);
37
+ describe('c4p-page-header', function () {
38
+ it('should find custom css properties to initialize sticky positioning', async () => {
39
+ const pageHeader = await fixture(html `<c4p-page-header>
40
+ <c4p-page-header-breadcrumb>
41
+ <cds-custom-breadcrumb>
42
+ <cds-custom-breadcrumb-item href="/#">Breadcrumb 1</cds-custom-breadcrumb-item>
43
+ <cds-custom-breadcrumb-item href="#">Breadcrumb 2</cds-custom-breadcrumb-item>
44
+ </cds-custom-breadcrumb>
45
+ </c4p-page-header-breadcrumb>
46
+ <c4p-page-header-content title="Page header content title">
47
+ </c4p-page-header-content>
48
+ </c4p-page-header>`);
49
+ await pageHeader.updateComplete;
50
+ await new Promise((resolve) => setTimeout(resolve, 0));
51
+ const contentHeight = getComputedStyle(pageHeader).getPropertyValue(`--${prefix}-page-header-header-top`);
52
+ const breadcrumbPosition = getComputedStyle(pageHeader).getPropertyValue(`--${prefix}-page-header-breadcrumb-top`);
53
+ expect(parseFloat(contentHeight)).toBeTypeOf('number');
54
+ expect(parseFloat(breadcrumbPosition)).toBeTypeOf('number');
55
+ });
56
+ describe('c4p-page-header-scroller', () => {
57
+ it('should collapse the page header/scroll', async () => {
58
+ var _a, _b, _c;
59
+ const pageHeader = await fixture(html `<main style="height: 200vh;">
60
+ <c4p-page-header>
61
+ <c4p-page-header-breadcrumb .border=${true}>
62
+ <cds-custom-breadcrumb>
63
+ <cds-custom-breadcrumb-item href="/#"
64
+ >Breadcrumb 1</cds-custom-breadcrumb-item
65
+ >
66
+ <cds-custom-breadcrumb-item href="#">Breadcrumb 2</cds-custom-breadcrumb-item>
67
+ </cds-custom-breadcrumb>
68
+ </c4p-page-header-breadcrumb>
69
+ <c4p-page-header-content title="Page header content title">
70
+ </c4p-page-header-content>
71
+ <c4p-page-header-tabs>
72
+ <c4p-page-header-scroller slot="scroller">
73
+ </c4p-page-header-scroller>
74
+ <cds-custom-tabs value="tab-1">
75
+ <cds-custom-tab id="tab-1" target="tab-panel-1" value="tab-1"
76
+ >Tab 1</cds-custom-tab
77
+ >
78
+ </cds-custom-tabs>
79
+ </c4p-page-header-tabs>
80
+ </c4p-page-header>
81
+ <div class="tabs-demo">
82
+ <div
83
+ id="tab-panel-1"
84
+ role="tabpanel"
85
+ aria-labelledby="tab-1"
86
+ hidden
87
+ >
88
+ Tab Panel 1
89
+ </div>
90
+ </div>
91
+ </main>`);
92
+ await pageHeader.updateComplete;
93
+ await new Promise((resolve) => setTimeout(resolve, 0));
94
+ const scrollerButton = pageHeader.querySelector(`${prefix}-page-header-scroller`);
95
+ const iconButton = (_a = scrollerButton === null || scrollerButton === void 0 ? void 0 : scrollerButton.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-icon-button`);
96
+ expect(scrollerButton).toBeDefined();
97
+ expect((_b = iconButton === null || iconButton === void 0 ? void 0 : iconButton.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('Collapse');
98
+ const breadcrumbBar = pageHeader.querySelector(`${prefix}-page-header-breadcrumb`);
99
+ const breadcrumbBarBorderAttr = breadcrumbBar.getAttribute('border');
100
+ expect(breadcrumbBarBorderAttr).toBeTruthy();
101
+ const scrollButtonElement = (_c = scrollerButton.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('cds-custom-icon-button');
102
+ scrollButtonElement.click();
103
+ });
104
+ });
105
+ describe('c4p-page-header-breadcrumb', () => {
106
+ it('should place className on the outermost element', async () => {
107
+ const el = await fixture(html `<c4p-page-header-breadcrumb
108
+ class="custom-class"
109
+ ></c4p-page-header-breadcrumb>`);
110
+ expect(el.getAttribute('class')).to.equal('custom-class');
111
+ });
112
+ it('should render breadcrumb items', async () => {
113
+ const el = await fixture(html `
114
+ <c4p-page-header-breadcrumb>
115
+ <cds-custom-breadcrumb>
116
+ <cds-custom-breadcrumb-item href="/#">Breadcrumb 1</cds-custom-breadcrumb-item>
117
+ <cds-custom-breadcrumb-item href="#">Breadcrumb 2</cds-custom-breadcrumb-item>
118
+ </cds-custom-breadcrumb>
119
+ </c4p-page-header-breadcrumb>
120
+ `);
121
+ await el.updateComplete;
122
+ const breadcrumbItems = el.querySelectorAll('cds-custom-breadcrumb-item');
123
+ expect(breadcrumbItems.length).to.equal(2);
124
+ });
125
+ it('should render title breadcrumb item', async () => {
126
+ const el = await fixture(html `
127
+ <c4p-page-header-breadcrumb>
128
+ <cds-custom-breadcrumb>
129
+ <cds-custom-breadcrumb-item href="/#">Breadcrumb 1</cds-custom-breadcrumb-item>
130
+ <cds-custom-breadcrumb-item href="#">Breadcrumb 2</cds-custom-breadcrumb-item>
131
+ <c4p-page-header-title-breadcrumb>
132
+ Virtual Machine DAL
133
+ </c4p-page-header-title-breadcrumb>
134
+ </cds-custom-breadcrumb>
135
+ </c4p-page-header-breadcrumb>
136
+ `);
137
+ await el.updateComplete;
138
+ const titleBreadcrumb = el.querySelectorAll('c4p-page-header-title-breadcrumb');
139
+ expect(titleBreadcrumb).to.exist;
140
+ });
141
+ it('should render content actions', async () => {
142
+ const el = await fixture(html `
143
+ <c4p-page-header-breadcrumb>
144
+ <div slot="content-actions">
145
+ <button class="content-action-item">Button</button>
146
+ </div>
147
+ <cds-custom-breadcrumb>
148
+ <cds-custom-breadcrumb-item href="/#">Breadcrumb 1</cds-custom-breadcrumb-item>
149
+ <cds-custom-breadcrumb-item href="#">Breadcrumb 2</cds-custom-breadcrumb-item>
150
+ </cds-custom-breadcrumb>
151
+ </c4p-page-header-breadcrumb>
152
+ `);
153
+ await el.updateComplete;
154
+ const elem = el.querySelector('.content-action-item');
155
+ expect(elem).to.exist;
156
+ });
157
+ it('should render page actions', async () => {
158
+ const el = await fixture(html `
159
+ <c4p-page-header-breadcrumb>
160
+ <div slot="page-actions">
161
+ <button class="page-action-item">Button</button>
162
+ </div>
163
+ <cds-custom-breadcrumb>
164
+ <cds-custom-breadcrumb-item href="/#">Breadcrumb 1</cds-custom-breadcrumb-item>
165
+ <cds-custom-breadcrumb-item href="#">Breadcrumb 2</cds-custom-breadcrumb-item>
166
+ </cds-custom-breadcrumb>
167
+ </c4p-page-header-breadcrumb>
168
+ `);
169
+ await el.updateComplete;
170
+ const elem = el.querySelector('.page-action-item');
171
+ expect(elem).to.exist;
172
+ });
173
+ });
174
+ describe('c4p-page-header-content', () => {
175
+ it('should render a title', async () => {
176
+ var _a, _b;
177
+ const el = await fixture(html `
178
+ <c4p-page-header>
179
+ <c4p-page-header-content title="Page header content title">
180
+ </c4p-page-header-content>
181
+ </c4p-page-header>
182
+ `);
183
+ const content = el.querySelector(`c4p-page-header-content`);
184
+ const title = (_a = content === null || content === void 0 ? void 0 : content.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.c4p--page-header__content__title');
185
+ expect(title).to.exist;
186
+ expect((_b = title === null || title === void 0 ? void 0 : title.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('Page header content title');
187
+ });
188
+ it('should render an icon', async () => {
189
+ var _a;
190
+ const el = await fixture(html `
191
+ <c4p-page-header>
192
+ <c4p-page-header-content title="Page header content title">
193
+ ${iconLoader(Bee32, { slot: 'icon' })}
194
+ </c4p-page-header-content>
195
+ </c4p-page-header>
196
+ `);
197
+ await el.updateComplete;
198
+ const content = el.querySelector('c4p-page-header-content');
199
+ const slot = (_a = content === null || content === void 0 ? void 0 : content.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="icon"]');
200
+ const assigned = slot.assignedNodes({ flatten: true });
201
+ const icon = assigned.find((node) => node.nodeType === Node.ELEMENT_NODE &&
202
+ node.tagName.toLowerCase() === 'svg');
203
+ expect(icon).to.exist;
204
+ });
205
+ it('should render children', async () => {
206
+ const el = await fixture(html `
207
+ <c4p-page-header>
208
+ <c4p-page-header-content title="Page header content title">
209
+ <c4p-page-header-content-text>
210
+ Content text
211
+ </c4p-page-header-content-text>
212
+ </c4p-page-header-content>
213
+ </c4p-page-header>
214
+ `);
215
+ const inner = el.querySelector('c4p-page-header-content-text');
216
+ expect(inner === null || inner === void 0 ? void 0 : inner.textContent).to.include('Content text');
217
+ });
218
+ it('should render content text with subtitle', async () => {
219
+ const el = await fixture(html `
220
+ <c4p-page-header>
221
+ <c4p-page-header-content title="Page header content title">
222
+ <c4p-page-header-content-text subtitle="Content text subtitle">
223
+ Content text
224
+ </c4p-page-header-content-text>
225
+ </c4p-page-header-content>
226
+ </c4p-page-header>
227
+ `);
228
+ const inner = el.querySelector('c4p-page-header-content-text');
229
+ expect(inner === null || inner === void 0 ? void 0 : inner.textContent).to.include('Content text');
230
+ const subtitleHeader = el.querySelector(`.${prefix}--page-header__content__subtitle`);
231
+ expect(subtitleHeader).toBeDefined();
232
+ });
233
+ it('should render contextual actions', async () => {
234
+ var _a;
235
+ const el = await fixture(html `
236
+ <c4p-page-header>
237
+ <c4p-page-header-content title="Page header content title">
238
+ <div slot="contextual-actions">
239
+ <div>action 1</div>
240
+ <div>action 2</div>
241
+ <div>action 3</div>
242
+ </div>
243
+ <c4p-page-header-content-text>
244
+ Content text
245
+ </c4p-page-header-content-text>
246
+ </c4p-page-header-content>
247
+ </c4p-page-header>
248
+ `);
249
+ const content = el.querySelector('c4p-page-header-content');
250
+ const slot = (_a = content === null || content === void 0 ? void 0 : content.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="contextual-actions"]');
251
+ const assigned = slot === null || slot === void 0 ? void 0 : slot.assignedNodes({ flatten: true });
252
+ const actions = assigned[0].querySelectorAll('div');
253
+ expect(actions.length).to.equal(3);
254
+ expect(actions[0].textContent).to.include('action 1');
255
+ expect(actions[1].textContent).to.include('action 2');
256
+ expect(actions[2].textContent).to.include('action 3');
257
+ });
258
+ it('should render page actions', async () => {
259
+ var _a;
260
+ const el = await fixture(html `
261
+ <c4p-page-header>
262
+ <c4p-page-header-content title="Page header content title">
263
+ <button slot="page-actions">page actions</button>
264
+ <c4p-page-header-content-text>
265
+ Content text
266
+ </c4p-page-header-content-text>
267
+ </c4p-page-header-content>
268
+ </c4p-page-header>
269
+ `);
270
+ const content = el.querySelector('c4p-page-header-content');
271
+ const slot = (_a = content === null || content === void 0 ? void 0 : content.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="page-actions"]');
272
+ const assigned = slot.assignedNodes({ flatten: true });
273
+ const button = assigned.find((node) => node.nodeType === Node.ELEMENT_NODE &&
274
+ node.tagName.toLowerCase() === 'button');
275
+ expect(button).to.exist;
276
+ expect(button === null || button === void 0 ? void 0 : button.textContent).to.include('page actions');
277
+ });
278
+ it('should render page header hero image', async () => {
279
+ const el = await fixture(html `
280
+ <c4p-page-header>
281
+ <c4p-page-header-content title="Page header content title">
282
+ <button slot="page-actions">page actions</button>
283
+ <c4p-page-header-content-text>
284
+ Content text
285
+ </c4p-page-header-content-text>
286
+ </c4p-page-header-content>
287
+ <c4p-page-header-hero-image>
288
+ <picture>
289
+ <source
290
+ srcset="${img}"
291
+ media=${`(min-width: ${breakpoints.lg.width})`}
292
+ ></source>
293
+ <source
294
+ srcset="${img$1}"
295
+ media=${`(max-width: ${breakpoints.lg.width})`}
296
+ ></source>
297
+ <img
298
+ src="${img}"
299
+ alt="a default image"
300
+ style="max-width:100%;height:auto"
301
+ />
302
+ </picture>
303
+ </c4p-page-header-hero-image>
304
+ </c4p-page-header>
305
+ `);
306
+ const heroImageComponent = el.querySelector('c4p-page-header-hero-image');
307
+ expect(heroImageComponent).toBeTruthy();
308
+ });
309
+ });
310
+ describe('c4p-page-header-tabs', () => {
311
+ it('should render tabs', async () => {
312
+ const el = await fixture(html ` <c4p-page-header-tabs>
313
+ <cds-custom-tabs value="tab-1">
314
+ <cds-custom-tab id="tab-1" target="tab-panel-1" value="tab-1"
315
+ >Tab 1</cds-custom-tab
316
+ >
317
+ <cds-custom-tab id="tab-2" target="tab-panel-2" value="tab-2"
318
+ >Tab 2</cds-custom-tab
319
+ >
320
+ </cds-custom-tabs>
321
+ </c4p-page-header-tabs>`);
322
+ const tabs = el.querySelector('cds-custom-tabs');
323
+ expect(tabs).to.exist;
324
+ await tabs.updateComplete;
325
+ const tab = tabs.querySelectorAll('cds-custom-tab');
326
+ expect(tab.length).to.equal(2);
327
+ expect(tab[0].textContent).to.include('Tab 1');
328
+ expect(tab[1].textContent).to.include('Tab 2');
329
+ });
330
+ it('should render tags', async () => {
331
+ var _a;
332
+ const el = await fixture(html ` <c4p-page-header-tabs>
333
+ <div slot="tags">
334
+ <cds-custom-tag>Tag 1</cds-custom-tag>
335
+ <cds-custom-tag>Tag 2</cds-custom-tag>
336
+ </div>
337
+ </c4p-page-header-tabs>`);
338
+ const slot = (_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="tags"]');
339
+ const assigned = slot === null || slot === void 0 ? void 0 : slot.assignedNodes({ flatten: true });
340
+ const wrapper = assigned.find((node) => node.nodeType === Node.ELEMENT_NODE &&
341
+ node.tagName.toLowerCase() === 'div');
342
+ const tags = wrapper === null || wrapper === void 0 ? void 0 : wrapper.querySelectorAll('cds-custom-tag');
343
+ expect(tags.length).to.equal(2);
344
+ expect(tags[0].textContent).to.include('Tag 1');
345
+ expect(tags[1].textContent).to.include('Tag 2');
346
+ });
347
+ });
348
+ });
349
+ //# sourceMappingURL=page-header.test.js.map
package/es-custom/components/page-header/page-header.test.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"page-header.test.js","sources":["../../../src/components/page-header/page-header.test.ts"],"sourcesContent":[null],"names":["image1","image2"],"mappings":"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"}
package/es-custom/components/page-header/utils.d.ts ADDED
@@ -0,0 +1,32 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 2025, 2025
5
+ *
6
+ * This source code is licensed under the Apache-2.0 license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ /**
10
+ * ----------
11
+ * Utilities
12
+ * ----------
13
+ */
14
+ export declare const getHeaderOffset: (el: HTMLElement) => number;
15
+ /**
16
+ * Determines if the given target is scrollable
17
+ *
18
+ * @param {HTMLElement} target
19
+ * @returns {boolean}
20
+ */
21
+ export declare const scrollable: (target: HTMLElement) => boolean;
22
+ /**
23
+ * Recursively looks for the scrollable ancestor
24
+ */
25
+ export declare const scrollableAncestorInner: (target: HTMLElement) => any;
26
+ /**
27
+ * Walks up the parent nodes to identify the first scrollable ancestor
28
+ *
29
+ * @param {HTMLElement} target
30
+ * @returns {HTMLElement}
31
+ */
32
+ export declare const scrollableAncestor: (target: HTMLElement) => any;