@carbon/ibm-products-web-components 0.20.1 → 0.21.0-rc.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 (216) hide show
  1. package/custom-elements.json +2374 -352
  2. package/es/components/about-modal/about-modal.scss.js +1 -1
  3. package/es/components/interstitial-screen/index.d.ts +13 -0
  4. package/es/components/interstitial-screen/index.js +13 -0
  5. package/es/components/interstitial-screen/index.js.map +1 -0
  6. package/es/components/interstitial-screen/interstitial-screen-body-item.d.ts +372 -0
  7. package/es/components/interstitial-screen/interstitial-screen-body-item.js +69 -0
  8. package/es/components/interstitial-screen/interstitial-screen-body-item.js.map +1 -0
  9. package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js +13 -0
  10. package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js.map +1 -0
  11. package/es/components/interstitial-screen/interstitial-screen-body.d.ts +384 -0
  12. package/es/components/interstitial-screen/interstitial-screen-body.js +129 -0
  13. package/es/components/interstitial-screen/interstitial-screen-body.js.map +1 -0
  14. package/es/components/interstitial-screen/interstitial-screen-body.scss.js +13 -0
  15. package/es/components/interstitial-screen/interstitial-screen-body.scss.js.map +1 -0
  16. package/es/components/interstitial-screen/interstitial-screen-context.d.ts +18 -0
  17. package/es/components/interstitial-screen/interstitial-screen-context.js +48 -0
  18. package/es/components/interstitial-screen/interstitial-screen-context.js.map +1 -0
  19. package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +409 -0
  20. package/es/components/interstitial-screen/interstitial-screen-footer.js +229 -0
  21. package/es/components/interstitial-screen/interstitial-screen-footer.js.map +1 -0
  22. package/es/components/interstitial-screen/interstitial-screen-footer.scss.js +13 -0
  23. package/es/components/interstitial-screen/interstitial-screen-footer.scss.js.map +1 -0
  24. package/es/components/interstitial-screen/interstitial-screen-header.d.ts +394 -0
  25. package/es/components/interstitial-screen/interstitial-screen-header.js +157 -0
  26. package/es/components/interstitial-screen/interstitial-screen-header.js.map +1 -0
  27. package/es/components/interstitial-screen/interstitial-screen-header.scss.js +13 -0
  28. package/es/components/interstitial-screen/interstitial-screen-header.scss.js.map +1 -0
  29. package/es/components/interstitial-screen/interstitial-screen.d.ts +420 -0
  30. package/es/components/interstitial-screen/interstitial-screen.js +186 -0
  31. package/es/components/interstitial-screen/interstitial-screen.js.map +1 -0
  32. package/es/components/interstitial-screen/interstitial-screen.scss.js +13 -0
  33. package/es/components/interstitial-screen/interstitial-screen.scss.js.map +1 -0
  34. package/es/components/notification-panel/notification-panel.scss.js +1 -1
  35. package/es/components/page-header/_story-assets/overflowHandler.d.ts +98 -0
  36. package/es/components/page-header/_story-assets/overflowHandler.js +156 -0
  37. package/es/components/page-header/_story-assets/overflowHandler.js.map +1 -0
  38. package/es/components/page-header/_story-assets/set-of-breadcrumbs.d.ts +43 -0
  39. package/es/components/page-header/_story-assets/set-of-breadcrumbs.js +153 -0
  40. package/es/components/page-header/_story-assets/set-of-breadcrumbs.js.map +1 -0
  41. package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +13 -0
  42. package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js.map +1 -0
  43. package/es/components/page-header/context.d.ts +14 -0
  44. package/es/components/page-header/context.js +26 -0
  45. package/es/components/page-header/context.js.map +1 -0
  46. package/es/components/page-header/index.d.ts +2 -0
  47. package/es/components/page-header/index.js +2 -0
  48. package/es/components/page-header/index.js.map +1 -1
  49. package/es/components/page-header/page-header-scroller.d.ts +56 -0
  50. package/es/components/page-header/page-header-scroller.js +165 -0
  51. package/es/components/page-header/page-header-scroller.js.map +1 -0
  52. package/es/components/page-header/page-header-tabs.js +1 -0
  53. package/es/components/page-header/page-header-tabs.js.map +1 -1
  54. package/es/components/page-header/page-header-title-breadcrumb.d.ts +20 -0
  55. package/es/components/page-header/page-header-title-breadcrumb.js +65 -0
  56. package/es/components/page-header/page-header-title-breadcrumb.js.map +1 -0
  57. package/es/components/page-header/page-header.d.ts +11 -1
  58. package/es/components/page-header/page-header.js +54 -71
  59. package/es/components/page-header/page-header.js.map +1 -1
  60. package/es/components/page-header/page-header.scss.js +1 -1
  61. package/es/components/page-header/page-header.test.js +136 -2
  62. package/es/components/page-header/page-header.test.js.map +1 -1
  63. package/es/components/page-header/utils.d.ts +32 -0
  64. package/es/components/page-header/utils.js +76 -0
  65. package/es/components/page-header/utils.js.map +1 -0
  66. package/es/components/side-panel/side-panel.d.ts +4 -0
  67. package/es/components/side-panel/side-panel.js +20 -5
  68. package/es/components/side-panel/side-panel.js.map +1 -1
  69. package/es/components/tearsheet/tearsheet.scss.js +1 -1
  70. package/es/components/truncated-text/truncated-text.d.ts +16 -11
  71. package/es/components/truncated-text/truncated-text.js +65 -58
  72. package/es/components/truncated-text/truncated-text.js.map +1 -1
  73. package/es/components/truncated-text/truncated-text.scss.js +1 -1
  74. package/es/components/truncated-text/truncated-text.test.js +6 -6
  75. package/es/components/user-avatar/user-avatar.d.ts +8 -0
  76. package/es/components/user-avatar/user-avatar.js +1 -0
  77. package/es/components/user-avatar/user-avatar.js.map +1 -1
  78. package/es/components/user-avatar/user-avatar.scss.js +1 -1
  79. package/es/packages/ibm-products-web-components/package.json.js +1 -1
  80. package/es/utilities/carousel/carousel.d.ts +8 -0
  81. package/es/utilities/carousel/carousel.js +210 -0
  82. package/es/utilities/carousel/carousel.js.map +1 -0
  83. package/es/utilities/carousel/index.d.ts +8 -0
  84. package/es/utilities/carousel/index.js +9 -0
  85. package/es/utilities/carousel/index.js.map +1 -0
  86. package/es/utilities/carousel/swipeEvents.d.ts +7 -0
  87. package/es/utilities/carousel/swipeEvents.js +109 -0
  88. package/es/utilities/carousel/swipeEvents.js.map +1 -0
  89. package/es/utilities/carousel/types.d.ts +36 -0
  90. package/es/utilities/carousel/types.js +8 -0
  91. package/es/utilities/carousel/types.js.map +1 -0
  92. package/es-custom/components/about-modal/about-modal.scss.js +1 -1
  93. package/es-custom/components/interstitial-screen/index.d.ts +13 -0
  94. package/es-custom/components/interstitial-screen/index.js +13 -0
  95. package/es-custom/components/interstitial-screen/index.js.map +1 -0
  96. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.d.ts +372 -0
  97. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js +69 -0
  98. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js.map +1 -0
  99. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js +13 -0
  100. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js.map +1 -0
  101. package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +384 -0
  102. package/es-custom/components/interstitial-screen/interstitial-screen-body.js +129 -0
  103. package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map +1 -0
  104. package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +13 -0
  105. package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js.map +1 -0
  106. package/es-custom/components/interstitial-screen/interstitial-screen-context.d.ts +18 -0
  107. package/es-custom/components/interstitial-screen/interstitial-screen-context.js +48 -0
  108. package/es-custom/components/interstitial-screen/interstitial-screen-context.js.map +1 -0
  109. package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +409 -0
  110. package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +229 -0
  111. package/es-custom/components/interstitial-screen/interstitial-screen-footer.js.map +1 -0
  112. package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js +13 -0
  113. package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js.map +1 -0
  114. package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +394 -0
  115. package/es-custom/components/interstitial-screen/interstitial-screen-header.js +157 -0
  116. package/es-custom/components/interstitial-screen/interstitial-screen-header.js.map +1 -0
  117. package/es-custom/components/interstitial-screen/interstitial-screen-header.scss.js +13 -0
  118. package/es-custom/components/interstitial-screen/interstitial-screen-header.scss.js.map +1 -0
  119. package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +420 -0
  120. package/es-custom/components/interstitial-screen/interstitial-screen.js +186 -0
  121. package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -0
  122. package/es-custom/components/interstitial-screen/interstitial-screen.scss.js +13 -0
  123. package/es-custom/components/interstitial-screen/interstitial-screen.scss.js.map +1 -0
  124. package/es-custom/components/notification-panel/notification-panel.scss.js +1 -1
  125. package/es-custom/components/page-header/_story-assets/overflowHandler.d.ts +98 -0
  126. package/es-custom/components/page-header/_story-assets/overflowHandler.js +156 -0
  127. package/es-custom/components/page-header/_story-assets/overflowHandler.js.map +1 -0
  128. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.d.ts +43 -0
  129. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.js +153 -0
  130. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.js.map +1 -0
  131. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +13 -0
  132. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js.map +1 -0
  133. package/es-custom/components/page-header/context.d.ts +14 -0
  134. package/es-custom/components/page-header/context.js +26 -0
  135. package/es-custom/components/page-header/context.js.map +1 -0
  136. package/es-custom/components/page-header/index.d.ts +2 -0
  137. package/es-custom/components/page-header/index.js +2 -0
  138. package/es-custom/components/page-header/index.js.map +1 -1
  139. package/es-custom/components/page-header/page-header-scroller.d.ts +56 -0
  140. package/es-custom/components/page-header/page-header-scroller.js +165 -0
  141. package/es-custom/components/page-header/page-header-scroller.js.map +1 -0
  142. package/es-custom/components/page-header/page-header-tabs.js +1 -0
  143. package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
  144. package/es-custom/components/page-header/page-header-title-breadcrumb.d.ts +20 -0
  145. package/es-custom/components/page-header/page-header-title-breadcrumb.js +65 -0
  146. package/es-custom/components/page-header/page-header-title-breadcrumb.js.map +1 -0
  147. package/es-custom/components/page-header/page-header.d.ts +11 -1
  148. package/es-custom/components/page-header/page-header.js +54 -71
  149. package/es-custom/components/page-header/page-header.js.map +1 -1
  150. package/es-custom/components/page-header/page-header.scss.js +1 -1
  151. package/es-custom/components/page-header/page-header.test.js +136 -2
  152. package/es-custom/components/page-header/page-header.test.js.map +1 -1
  153. package/es-custom/components/page-header/utils.d.ts +32 -0
  154. package/es-custom/components/page-header/utils.js +76 -0
  155. package/es-custom/components/page-header/utils.js.map +1 -0
  156. package/es-custom/components/side-panel/side-panel.d.ts +4 -0
  157. package/es-custom/components/side-panel/side-panel.js +20 -5
  158. package/es-custom/components/side-panel/side-panel.js.map +1 -1
  159. package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
  160. package/es-custom/components/truncated-text/truncated-text.d.ts +16 -11
  161. package/es-custom/components/truncated-text/truncated-text.js +65 -58
  162. package/es-custom/components/truncated-text/truncated-text.js.map +1 -1
  163. package/es-custom/components/truncated-text/truncated-text.scss.js +1 -1
  164. package/es-custom/components/truncated-text/truncated-text.test.js +6 -6
  165. package/es-custom/components/user-avatar/user-avatar.d.ts +8 -0
  166. package/es-custom/components/user-avatar/user-avatar.js +1 -0
  167. package/es-custom/components/user-avatar/user-avatar.js.map +1 -1
  168. package/es-custom/components/user-avatar/user-avatar.scss.js +1 -1
  169. package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
  170. package/es-custom/utilities/carousel/carousel.d.ts +8 -0
  171. package/es-custom/utilities/carousel/carousel.js +210 -0
  172. package/es-custom/utilities/carousel/carousel.js.map +1 -0
  173. package/es-custom/utilities/carousel/index.d.ts +8 -0
  174. package/es-custom/utilities/carousel/index.js +9 -0
  175. package/es-custom/utilities/carousel/index.js.map +1 -0
  176. package/es-custom/utilities/carousel/swipeEvents.d.ts +7 -0
  177. package/es-custom/utilities/carousel/swipeEvents.js +109 -0
  178. package/es-custom/utilities/carousel/swipeEvents.js.map +1 -0
  179. package/es-custom/utilities/carousel/types.d.ts +36 -0
  180. package/es-custom/utilities/carousel/types.js +8 -0
  181. package/es-custom/utilities/carousel/types.js.map +1 -0
  182. package/lib/components/interstitial-screen/index.d.ts +13 -0
  183. package/lib/components/interstitial-screen/interstitial-screen-body-item.d.ts +372 -0
  184. package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +384 -0
  185. package/lib/components/interstitial-screen/interstitial-screen-context.d.ts +18 -0
  186. package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +409 -0
  187. package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +394 -0
  188. package/lib/components/interstitial-screen/interstitial-screen.d.ts +420 -0
  189. package/lib/components/page-header/_story-assets/overflowHandler.d.ts +98 -0
  190. package/lib/components/page-header/_story-assets/set-of-breadcrumbs.d.ts +43 -0
  191. package/lib/components/page-header/context.d.ts +14 -0
  192. package/lib/components/page-header/index.d.ts +2 -0
  193. package/lib/components/page-header/page-header-scroller.d.ts +56 -0
  194. package/lib/components/page-header/page-header-title-breadcrumb.d.ts +20 -0
  195. package/lib/components/page-header/page-header.d.ts +11 -1
  196. package/lib/components/page-header/utils.d.ts +32 -0
  197. package/lib/components/side-panel/side-panel.d.ts +4 -0
  198. package/lib/components/truncated-text/truncated-text.d.ts +16 -11
  199. package/lib/components/user-avatar/user-avatar.d.ts +8 -0
  200. package/lib/utilities/carousel/carousel.d.ts +8 -0
  201. package/lib/utilities/carousel/index.d.ts +8 -0
  202. package/lib/utilities/carousel/swipeEvents.d.ts +7 -0
  203. package/lib/utilities/carousel/types.d.ts +36 -0
  204. package/package.json +7 -6
  205. package/scss/components/interstitial-screen/interstitial-screen-body-item.scss +18 -0
  206. package/scss/components/interstitial-screen/interstitial-screen-body.scss +30 -0
  207. package/scss/components/interstitial-screen/interstitial-screen-footer.scss +40 -0
  208. package/scss/components/interstitial-screen/interstitial-screen-header.scss +13 -0
  209. package/scss/components/interstitial-screen/interstitial-screen.scss +28 -0
  210. package/scss/components/interstitial-screen/story-styles.scss +27 -0
  211. package/scss/components/notification-panel/notification-panel.scss +0 -1
  212. package/scss/components/page-header/_story-assets/set-of-breadcrumbs.scss +41 -0
  213. package/scss/components/page-header/page-header.scss +85 -0
  214. package/scss/components/truncated-text/story-styles.scss +11 -10
  215. package/scss/components/truncated-text/truncated-text.scss +0 -15
  216. package/scss/components/user-avatar/user-avatar.scss +5 -2
@@ -0,0 +1,420 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 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
+ import { LitElement, nothing } from 'lit';
10
+ import '@carbon/web-components/es/components/modal/index.js';
11
+ export declare const blockClass = "c4p--interstitial-screen";
12
+ export type disableButtonConfigType = {
13
+ skip?: boolean;
14
+ back?: boolean;
15
+ next?: boolean;
16
+ start?: boolean;
17
+ };
18
+ declare const CDSInterstitialScreen_base: {
19
+ new (...args: any[]): {
20
+ _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
21
+ connectedCallback(): void;
22
+ disconnectedCallback(): void;
23
+ accessKey: string;
24
+ readonly accessKeyLabel: string;
25
+ autocapitalize: string;
26
+ dir: string;
27
+ draggable: boolean;
28
+ hidden: boolean;
29
+ inert: boolean;
30
+ innerText: string;
31
+ lang: string;
32
+ readonly offsetHeight: number;
33
+ readonly offsetLeft: number;
34
+ readonly offsetParent: Element | null;
35
+ readonly offsetTop: number;
36
+ readonly offsetWidth: number;
37
+ outerText: string;
38
+ popover: string | null;
39
+ spellcheck: boolean;
40
+ title: string;
41
+ translate: boolean;
42
+ writingSuggestions: string;
43
+ attachInternals(): ElementInternals;
44
+ click(): void;
45
+ hidePopover(): void;
46
+ showPopover(): void;
47
+ togglePopover(force?: boolean): boolean;
48
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
49
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
50
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
51
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
52
+ readonly attributes: NamedNodeMap;
53
+ readonly classList: DOMTokenList;
54
+ className: string;
55
+ readonly clientHeight: number;
56
+ readonly clientLeft: number;
57
+ readonly clientTop: number;
58
+ readonly clientWidth: number;
59
+ readonly currentCSSZoom: number;
60
+ id: string;
61
+ innerHTML: string;
62
+ readonly localName: string;
63
+ readonly namespaceURI: string | null;
64
+ onfullscreenchange: ((this: Element, ev: Event) => any) | null;
65
+ onfullscreenerror: ((this: Element, ev: Event) => any) | null;
66
+ outerHTML: string;
67
+ readonly ownerDocument: Document;
68
+ readonly part: DOMTokenList;
69
+ readonly prefix: string | null;
70
+ readonly scrollHeight: number;
71
+ scrollLeft: number;
72
+ scrollTop: number;
73
+ readonly scrollWidth: number;
74
+ readonly shadowRoot: ShadowRoot | null;
75
+ slot: string;
76
+ readonly tagName: string;
77
+ attachShadow(init: ShadowRootInit): ShadowRoot;
78
+ checkVisibility(options?: CheckVisibilityOptions): boolean;
79
+ closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
80
+ closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
81
+ closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
82
+ closest<E extends Element = Element>(selectors: string): E | null;
83
+ computedStyleMap(): StylePropertyMapReadOnly;
84
+ getAttribute(qualifiedName: string): string | null;
85
+ getAttributeNS(namespace: string | null, localName: string): string | null;
86
+ getAttributeNames(): string[];
87
+ getAttributeNode(qualifiedName: string): Attr | null;
88
+ getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
89
+ getBoundingClientRect(): DOMRect;
90
+ getClientRects(): DOMRectList;
91
+ getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
92
+ getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
93
+ getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
94
+ getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
95
+ getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
96
+ getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
97
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
98
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
99
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
100
+ getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
101
+ getHTML(options?: GetHTMLOptions): string;
102
+ hasAttribute(qualifiedName: string): boolean;
103
+ hasAttributeNS(namespace: string | null, localName: string): boolean;
104
+ hasAttributes(): boolean;
105
+ hasPointerCapture(pointerId: number): boolean;
106
+ insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
107
+ insertAdjacentHTML(position: InsertPosition, string: string): void;
108
+ insertAdjacentText(where: InsertPosition, data: string): void;
109
+ matches(selectors: string): boolean;
110
+ releasePointerCapture(pointerId: number): void;
111
+ removeAttribute(qualifiedName: string): void;
112
+ removeAttributeNS(namespace: string | null, localName: string): void;
113
+ removeAttributeNode(attr: Attr): Attr;
114
+ requestFullscreen(options?: FullscreenOptions): Promise<void>;
115
+ requestPointerLock(options?: PointerLockOptions): Promise<void>;
116
+ scroll(options?: ScrollToOptions): void;
117
+ scroll(x: number, y: number): void;
118
+ scrollBy(options?: ScrollToOptions): void;
119
+ scrollBy(x: number, y: number): void;
120
+ scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
121
+ scrollTo(options?: ScrollToOptions): void;
122
+ scrollTo(x: number, y: number): void;
123
+ setAttribute(qualifiedName: string, value: string): void;
124
+ setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
125
+ setAttributeNode(attr: Attr): Attr | null;
126
+ setAttributeNodeNS(attr: Attr): Attr | null;
127
+ setHTMLUnsafe(html: string): void;
128
+ setPointerCapture(pointerId: number): void;
129
+ toggleAttribute(qualifiedName: string, force?: boolean): boolean;
130
+ webkitMatchesSelector(selectors: string): boolean;
131
+ readonly baseURI: string;
132
+ readonly childNodes: NodeListOf<ChildNode>;
133
+ readonly firstChild: ChildNode | null;
134
+ readonly isConnected: boolean;
135
+ readonly lastChild: ChildNode | null;
136
+ readonly nextSibling: ChildNode | null;
137
+ readonly nodeName: string;
138
+ readonly nodeType: number;
139
+ nodeValue: string | null;
140
+ readonly parentElement: HTMLElement | null;
141
+ readonly parentNode: ParentNode | null;
142
+ readonly previousSibling: ChildNode | null;
143
+ textContent: string | null;
144
+ appendChild<T_1 extends Node>(node: T_1): T_1;
145
+ cloneNode(deep?: boolean): Node;
146
+ compareDocumentPosition(other: Node): number;
147
+ contains(other: Node | null): boolean;
148
+ getRootNode(options?: GetRootNodeOptions): Node;
149
+ hasChildNodes(): boolean;
150
+ insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
151
+ isDefaultNamespace(namespace: string | null): boolean;
152
+ isEqualNode(otherNode: Node | null): boolean;
153
+ isSameNode(otherNode: Node | null): boolean;
154
+ lookupNamespaceURI(prefix: string | null): string | null;
155
+ lookupPrefix(namespace: string | null): string | null;
156
+ normalize(): void;
157
+ removeChild<T_1 extends Node>(child: T_1): T_1;
158
+ replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
159
+ readonly ELEMENT_NODE: 1;
160
+ readonly ATTRIBUTE_NODE: 2;
161
+ readonly TEXT_NODE: 3;
162
+ readonly CDATA_SECTION_NODE: 4;
163
+ readonly ENTITY_REFERENCE_NODE: 5;
164
+ readonly ENTITY_NODE: 6;
165
+ readonly PROCESSING_INSTRUCTION_NODE: 7;
166
+ readonly COMMENT_NODE: 8;
167
+ readonly DOCUMENT_NODE: 9;
168
+ readonly DOCUMENT_TYPE_NODE: 10;
169
+ readonly DOCUMENT_FRAGMENT_NODE: 11;
170
+ readonly NOTATION_NODE: 12;
171
+ readonly DOCUMENT_POSITION_DISCONNECTED: 1;
172
+ readonly DOCUMENT_POSITION_PRECEDING: 2;
173
+ readonly DOCUMENT_POSITION_FOLLOWING: 4;
174
+ readonly DOCUMENT_POSITION_CONTAINS: 8;
175
+ readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
176
+ readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
177
+ dispatchEvent(event: Event): boolean;
178
+ ariaAtomic: string | null;
179
+ ariaAutoComplete: string | null;
180
+ ariaBrailleLabel: string | null;
181
+ ariaBrailleRoleDescription: string | null;
182
+ ariaBusy: string | null;
183
+ ariaChecked: string | null;
184
+ ariaColCount: string | null;
185
+ ariaColIndex: string | null;
186
+ ariaColIndexText: string | null;
187
+ ariaColSpan: string | null;
188
+ ariaCurrent: string | null;
189
+ ariaDescription: string | null;
190
+ ariaDisabled: string | null;
191
+ ariaExpanded: string | null;
192
+ ariaHasPopup: string | null;
193
+ ariaHidden: string | null;
194
+ ariaInvalid: string | null;
195
+ ariaKeyShortcuts: string | null;
196
+ ariaLabel: string | null;
197
+ ariaLevel: string | null;
198
+ ariaLive: string | null;
199
+ ariaModal: string | null;
200
+ ariaMultiLine: string | null;
201
+ ariaMultiSelectable: string | null;
202
+ ariaOrientation: string | null;
203
+ ariaPlaceholder: string | null;
204
+ ariaPosInSet: string | null;
205
+ ariaPressed: string | null;
206
+ ariaReadOnly: string | null;
207
+ ariaRequired: string | null;
208
+ ariaRoleDescription: string | null;
209
+ ariaRowCount: string | null;
210
+ ariaRowIndex: string | null;
211
+ ariaRowIndexText: string | null;
212
+ ariaRowSpan: string | null;
213
+ ariaSelected: string | null;
214
+ ariaSetSize: string | null;
215
+ ariaSort: string | null;
216
+ ariaValueMax: string | null;
217
+ ariaValueMin: string | null;
218
+ ariaValueNow: string | null;
219
+ ariaValueText: string | null;
220
+ role: string | null;
221
+ animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
222
+ getAnimations(options?: GetAnimationsOptions): Animation[];
223
+ after(...nodes: (Node | string)[]): void;
224
+ before(...nodes: (Node | string)[]): void;
225
+ remove(): void;
226
+ replaceWith(...nodes: (Node | string)[]): void;
227
+ readonly nextElementSibling: Element | null;
228
+ readonly previousElementSibling: Element | null;
229
+ readonly childElementCount: number;
230
+ readonly children: HTMLCollection;
231
+ readonly firstElementChild: Element | null;
232
+ readonly lastElementChild: Element | null;
233
+ append(...nodes: (Node | string)[]): void;
234
+ prepend(...nodes: (Node | string)[]): void;
235
+ querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
236
+ querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
237
+ querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
238
+ querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
239
+ querySelector<E extends Element = Element>(selectors: string): E | null;
240
+ querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
241
+ querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
242
+ querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
243
+ querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
244
+ querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
245
+ replaceChildren(...nodes: (Node | string)[]): void;
246
+ readonly assignedSlot: HTMLSlotElement | null;
247
+ readonly attributeStyleMap: StylePropertyMap;
248
+ readonly style: CSSStyleDeclaration;
249
+ contentEditable: string;
250
+ enterKeyHint: string;
251
+ inputMode: string;
252
+ readonly isContentEditable: boolean;
253
+ onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
254
+ onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
255
+ onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
256
+ onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
257
+ onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
258
+ onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
259
+ onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
260
+ onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
261
+ onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
262
+ oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
263
+ oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
264
+ oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
265
+ onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
266
+ onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
267
+ onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
268
+ oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
269
+ oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
270
+ oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
271
+ oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
272
+ oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
273
+ oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
274
+ ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
275
+ ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
276
+ ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
277
+ ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
278
+ ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
279
+ ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
280
+ ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
281
+ ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
282
+ ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
283
+ onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
284
+ onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
285
+ onerror: OnErrorEventHandler;
286
+ onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
287
+ onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
288
+ ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
289
+ oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
290
+ oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
291
+ onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
292
+ onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
293
+ onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
294
+ onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
295
+ onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
296
+ onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
297
+ onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
298
+ onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
299
+ onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
300
+ onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
301
+ onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
302
+ onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
303
+ onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
304
+ onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
305
+ onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
306
+ onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
307
+ onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
308
+ onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
309
+ onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
310
+ onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
311
+ onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
312
+ onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
313
+ onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
314
+ onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
315
+ onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
316
+ onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
317
+ onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
318
+ onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
319
+ onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
320
+ onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
321
+ onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
322
+ onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
323
+ onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
324
+ onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
325
+ onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
326
+ onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
327
+ onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
328
+ onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
329
+ onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
330
+ onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
331
+ onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
332
+ onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
333
+ onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
334
+ ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
335
+ ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
336
+ ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
337
+ ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
338
+ ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
339
+ ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
340
+ ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
341
+ ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
342
+ ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
343
+ ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
344
+ onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
345
+ onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
346
+ onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
347
+ onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
348
+ onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
349
+ onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
350
+ onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
351
+ autofocus: boolean;
352
+ readonly dataset: DOMStringMap;
353
+ nonce?: string;
354
+ tabIndex: number;
355
+ blur(): void;
356
+ focus(options?: FocusOptions): void;
357
+ };
358
+ _hostListeners: {
359
+ [listenerName: string]: {
360
+ [type: string]: {
361
+ options?: boolean | AddEventListenerOptions;
362
+ };
363
+ };
364
+ };
365
+ } & typeof LitElement;
366
+ /**
367
+ * interstitial-screen main component
368
+ * @element c4p-interstitial-screen
369
+ * @fires c4p-interstitial-opened - The custom event triggered after loading the component.
370
+ * Its event.detail will provide you with carousal api methods for step navigation and method to disable any action button
371
+ * * @fires c4p-interstitial-beingclosed - The name of the custom event fired before interstitial is being closed upon a user gesture.
372
+ * Cancellation of this event stops the user-initiated action of closing the interstitial.
373
+ * @fires c4p-interstitial-closed - The name of the custom event fired after this tearsheet is closed upon a user gesture.
374
+
375
+ */
376
+ declare class CDSInterstitialScreen extends CDSInterstitialScreen_base {
377
+ /**
378
+ * Specifies whether the component is shown as a full-screen
379
+ * experience, else it is shown as a modal by default.
380
+ */
381
+ isFullScreen: boolean;
382
+ /**
383
+ * Specifies whether the component is currently open.
384
+ */
385
+ open: boolean;
386
+ stepDetails: Array<{
387
+ stepTitle: string;
388
+ name?: string;
389
+ }>;
390
+ /**
391
+ * @ignore
392
+ */
393
+ modalBody: HTMLElement;
394
+ private header;
395
+ private body;
396
+ private footer;
397
+ private _wasOpen;
398
+ connectedCallback(): void;
399
+ firstUpdated(): void;
400
+ updated(changedProps: Map<string | number | symbol, unknown>): void;
401
+ private dispatchInItializeEvent;
402
+ private setDisableActionButtons;
403
+ _handleClose(e: any): void;
404
+ renderFullScreen(): import("lit-html").TemplateResult<1> | typeof nothing;
405
+ renderModal(): import("lit-html").TemplateResult<1>;
406
+ render(): import("lit-html").TemplateResult<1>;
407
+ static styles: any;
408
+ static get eventOnInterstitialOpened(): string;
409
+ /**
410
+
411
+ * The name of the custom event fired before interstitial is being closed upon a user gesture.
412
+ * Cancellation of this event stops the user-initiated action of closing the interstitial.
413
+ */
414
+ static get eventBeforeClose(): string;
415
+ /**
416
+ * The name of the custom event fired after this tearsheet is closed upon a user gesture.
417
+ */
418
+ static get eventClose(): string;
419
+ }
420
+ export default CDSInterstitialScreen;
@@ -0,0 +1,98 @@
1
+ /**
2
+ * Copyright IBM Corp. 2025
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
+ * Calculates the size (width or height) of a given HTML element.
9
+ *
10
+ * This function performs an expensive calculation by temporarily changing the
11
+ * display style of the element if it is not currently visible. It then uses
12
+ * `getBoundingClientRect` to retrieve the size of the element.
13
+ *
14
+ * @param el - The HTML element whose size is to be calculated.
15
+ * @param dimension - The dimension to measure ('width' or 'height').
16
+ * @returns The size of the element in pixels. Returns 0 if the element is not provided.
17
+ */
18
+ export declare function getSize(el: HTMLElement, dimension: 'width' | 'height'): number;
19
+ /**
20
+ * Options for updating the overflow handler.
21
+ * Determines which items should be visible and which should be hidden
22
+ * based on the container size, item sizes, and other constraints.
23
+ */
24
+ export interface UpdateOverflowHandlerOptions {
25
+ /** The container element that holds the items. */
26
+ container: HTMLElement;
27
+ /** An array of item elements to be managed for overflow. */
28
+ items: HTMLElement[];
29
+ /** An element that represents the offset, which can be shown or hidden based on overflow. Identified by `data-offset` attribute. */
30
+ offset: HTMLElement;
31
+ /** An array of sizes corresponding to each item in the `items` array. */
32
+ sizes: number[];
33
+ /** An array of sizes corresponding to each item in the fixed items array. */
34
+ fixedSizes: number[];
35
+ /** The size of the offset element. */
36
+ offsetSize: number;
37
+ /** The maximum number of items that can be visible at once. If undefined, all items can be visible. */
38
+ maxVisibleItems?: number;
39
+ /** The dimension to consider for overflow, either 'width' or 'height'. */
40
+ dimension: 'width' | 'height';
41
+ /** A callback function that is called when the visible or hidden items change. */
42
+ onChange: (visibleItems: HTMLElement[], hiddenItems: HTMLElement[]) => void;
43
+ /** An array of previously hidden items to compare against the new hidden items. */
44
+ previousHiddenItems?: HTMLElement[];
45
+ offsetValue?: number;
46
+ }
47
+ /**
48
+ * Updates the overflow handler by determining which items should be visible and which should be hidden.
49
+ *
50
+ * @param options - Configuration options for updating the overflow handler.
51
+ * @param options.container - Container for overflowing
52
+ * @param options.items - Child elements within container
53
+ * @param options.offset - Children with data-offset attribute
54
+ * @param options.sizes - Sizes of child elements
55
+ * @param options.fixedSizes - Fixed sizes of child elements with data-fixed attribute
56
+ * @param options.offsetSize - Total offset size
57
+ * @param options.offsetValue - Additional offset
58
+ * @param options.maxVisibleItems - Max visible items
59
+ * @param options.dimension - width | height used to measure overflow
60
+ * @param options.onChange - onChange callback
61
+ * @param options.previousHiddenItems - Array of previously hidden items
62
+ * @returns An array of hidden items after the update.
63
+ */
64
+ export declare function updateOverflowHandler({ container, items, offset, sizes, fixedSizes, offsetSize, maxVisibleItems, dimension, onChange, previousHiddenItems, offsetValue, }: UpdateOverflowHandlerOptions): HTMLElement[];
65
+ /**
66
+ * Options for initializing an overflow handler.
67
+ */
68
+ export interface OverflowHandlerOptions {
69
+ /**
70
+ * The container element that holds the items. along with offset item
71
+ */
72
+ container: HTMLElement;
73
+ /**
74
+ * Maximum number of visible items. If provided, only this number of items will be shown.
75
+ */
76
+ maxVisibleItems?: number;
77
+ /**
78
+ * Callback function invoked when the visible and hidden items change.
79
+ * @param visibleItems - The array of items that are currently visible.
80
+ * @param hiddenItems - The array of items that are currently hidden.
81
+ */
82
+ onChange: (visibleItems: HTMLElement[], hiddenItems: HTMLElement[]) => void;
83
+ /**
84
+ * The dimension to consider for overflow calculations. Defaults to 'width'.
85
+ */
86
+ dimension?: 'width' | 'height';
87
+ offsetValue?: number;
88
+ }
89
+ /**
90
+ * Represents an instance of an overflow handler.
91
+ */
92
+ export interface OverflowHandler {
93
+ /**
94
+ * Disconnects the overflow handler, cleaning up any event listeners or resources.
95
+ */
96
+ disconnect: () => void;
97
+ }
98
+ export declare function createOverflowHandler({ container, maxVisibleItems, onChange, dimension, offsetValue, }: OverflowHandlerOptions): OverflowHandler;
@@ -0,0 +1,43 @@
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
+ import { LitElement } from 'lit';
10
+ import '@carbon/web-components/es/components/breadcrumb/index.js';
11
+ import '@carbon/web-components/es/components/overflow-menu/index.js';
12
+ import '../../truncated-text';
13
+ import '../page-header-title-breadcrumb';
14
+ interface Breadcrumb {
15
+ text: string;
16
+ href: string;
17
+ }
18
+ export default class SetOfBreadcrumbs extends LitElement {
19
+ /**
20
+ * Hidden items that will be rendered in the overflow menu.
21
+ */
22
+ hiddenItems: Breadcrumb[];
23
+ /**
24
+ * The list of breadcrumbs.
25
+ */
26
+ breadcrumbsData: Breadcrumb[];
27
+ /**
28
+ * Container holding all breadcrumbs and the overflow menu.
29
+ */
30
+ private container;
31
+ private overflowHandler;
32
+ connectedCallback(): void;
33
+ firstUpdated(): void;
34
+ disconnectedCallback(): void;
35
+ render(): import("lit-html").TemplateResult<1>;
36
+ static styles: any;
37
+ }
38
+ declare global {
39
+ interface HTMLElementTagNameMap {
40
+ 'set-of-breadcrumbs': SetOfBreadcrumbs;
41
+ }
42
+ }
43
+ export {};
@@ -0,0 +1,14 @@
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
+ export declare const pageHeaderContext: import("@lit/context").Context<{
10
+ headerOffset: number;
11
+ breadcrumbOffset: number;
12
+ fullyCollapsed: boolean;
13
+ root: null;
14
+ }, unknown>;
@@ -12,3 +12,5 @@ import './page-header-content';
12
12
  import './page-header-content-text';
13
13
  import './page-header-hero-image';
14
14
  import './page-header-tabs';
15
+ import './page-header-title-breadcrumb';
16
+ import './page-header-scroller';
@@ -0,0 +1,56 @@
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
+ import '@carbon/web-components/es/components/button/index.js';
10
+ import CDSButton from '@carbon/web-components/es/components/button/button';
11
+ /**
12
+ * Page header Scroller button
13
+ * @element c4p-page-header-scroller
14
+ */
15
+ export declare class PageHeaderScroller extends CDSButton {
16
+ /**
17
+ * Specify how the trigger should align with the tooltip
18
+ */
19
+ align: string;
20
+ /**
21
+ * Specify whether a auto align functionality should be applied
22
+ */
23
+ autoalign: boolean;
24
+ /**
25
+ * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)
26
+ */
27
+ closeOnActivation: boolean;
28
+ /**
29
+ * Specify the collapse text for the scroller button
30
+ */
31
+ collapseText: string;
32
+ /**
33
+ * Specify whether the tooltip should be open when it first renders
34
+ */
35
+ defaultOpen: boolean;
36
+ /**
37
+ * Specify the duration in milliseconds to delay before displaying the tooltip
38
+ */
39
+ enterDelayMs: number;
40
+ /**
41
+ * Specify the expand text for the scroller button
42
+ */
43
+ expandText: string;
44
+ /**
45
+ * Specify the duration in milliseconds to delay before hiding the tooltip
46
+ */
47
+ leaveDelayMs: number;
48
+ /**
49
+ * Specify the size of the Button. Defaults to `md`.
50
+ */
51
+ size: string;
52
+ context: any;
53
+ protected _renderTooltipContent(): import("lit-html").TemplateResult<1>;
54
+ private _handleScroller;
55
+ render(): import("lit-html").TemplateResult<1>;
56
+ }
@@ -0,0 +1,20 @@
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
+ import { CDSBreadcrumbItem } from '@carbon/web-components/es/index';
10
+ /**
11
+ * Page header Title Breadcrumb
12
+ * @element c4p-page-header-title-breadcrumb
13
+ */
14
+ declare class CDSPageHeaderTitleBreadcrumb extends CDSBreadcrumbItem {
15
+ context: any;
16
+ constructor();
17
+ render(): import("lit-html").TemplateResult<1>;
18
+ static styles: any;
19
+ }
20
+ export default CDSPageHeaderTitleBreadcrumb;