@carbon/ibm-products-web-components 0.20.0 → 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.
- package/custom-elements.json +2374 -352
- package/es/components/about-modal/about-modal.scss.js +1 -1
- package/es/components/interstitial-screen/index.d.ts +13 -0
- package/es/components/interstitial-screen/index.js +13 -0
- package/es/components/interstitial-screen/index.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-body-item.d.ts +372 -0
- package/es/components/interstitial-screen/interstitial-screen-body-item.js +69 -0
- package/es/components/interstitial-screen/interstitial-screen-body-item.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js +13 -0
- package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-body.d.ts +384 -0
- package/es/components/interstitial-screen/interstitial-screen-body.js +129 -0
- package/es/components/interstitial-screen/interstitial-screen-body.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-body.scss.js +13 -0
- package/es/components/interstitial-screen/interstitial-screen-body.scss.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-context.d.ts +18 -0
- package/es/components/interstitial-screen/interstitial-screen-context.js +48 -0
- package/es/components/interstitial-screen/interstitial-screen-context.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +409 -0
- package/es/components/interstitial-screen/interstitial-screen-footer.js +229 -0
- package/es/components/interstitial-screen/interstitial-screen-footer.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-footer.scss.js +13 -0
- package/es/components/interstitial-screen/interstitial-screen-footer.scss.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-header.d.ts +394 -0
- package/es/components/interstitial-screen/interstitial-screen-header.js +157 -0
- package/es/components/interstitial-screen/interstitial-screen-header.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-header.scss.js +13 -0
- package/es/components/interstitial-screen/interstitial-screen-header.scss.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen.d.ts +420 -0
- package/es/components/interstitial-screen/interstitial-screen.js +186 -0
- package/es/components/interstitial-screen/interstitial-screen.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen.scss.js +13 -0
- package/es/components/interstitial-screen/interstitial-screen.scss.js.map +1 -0
- package/es/components/notification-panel/notification-panel.scss.js +1 -1
- package/es/components/page-header/_story-assets/overflowHandler.d.ts +98 -0
- package/es/components/page-header/_story-assets/overflowHandler.js +156 -0
- package/es/components/page-header/_story-assets/overflowHandler.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.d.ts +43 -0
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.js +153 -0
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +13 -0
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js.map +1 -0
- package/es/components/page-header/context.d.ts +14 -0
- package/es/components/page-header/context.js +26 -0
- package/es/components/page-header/context.js.map +1 -0
- package/es/components/page-header/index.d.ts +2 -0
- package/es/components/page-header/index.js +2 -0
- package/es/components/page-header/index.js.map +1 -1
- package/es/components/page-header/page-header-scroller.d.ts +56 -0
- package/es/components/page-header/page-header-scroller.js +165 -0
- package/es/components/page-header/page-header-scroller.js.map +1 -0
- package/es/components/page-header/page-header-tabs.js +1 -0
- package/es/components/page-header/page-header-tabs.js.map +1 -1
- package/es/components/page-header/page-header-title-breadcrumb.d.ts +20 -0
- package/es/components/page-header/page-header-title-breadcrumb.js +65 -0
- package/es/components/page-header/page-header-title-breadcrumb.js.map +1 -0
- package/es/components/page-header/page-header.d.ts +11 -1
- package/es/components/page-header/page-header.js +54 -71
- package/es/components/page-header/page-header.js.map +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/page-header/page-header.test.js +136 -2
- package/es/components/page-header/page-header.test.js.map +1 -1
- package/es/components/page-header/utils.d.ts +32 -0
- package/es/components/page-header/utils.js +76 -0
- package/es/components/page-header/utils.js.map +1 -0
- package/es/components/side-panel/side-panel.d.ts +4 -0
- package/es/components/side-panel/side-panel.js +33 -15
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/components/truncated-text/truncated-text.d.ts +16 -11
- package/es/components/truncated-text/truncated-text.js +65 -58
- package/es/components/truncated-text/truncated-text.js.map +1 -1
- package/es/components/truncated-text/truncated-text.scss.js +1 -1
- package/es/components/truncated-text/truncated-text.test.js +6 -6
- package/es/components/user-avatar/user-avatar.d.ts +8 -0
- package/es/components/user-avatar/user-avatar.js +1 -0
- package/es/components/user-avatar/user-avatar.js.map +1 -1
- package/es/components/user-avatar/user-avatar.scss.js +1 -1
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es/utilities/carousel/carousel.d.ts +8 -0
- package/es/utilities/carousel/carousel.js +210 -0
- package/es/utilities/carousel/carousel.js.map +1 -0
- package/es/utilities/carousel/index.d.ts +8 -0
- package/es/utilities/carousel/index.js +9 -0
- package/es/utilities/carousel/index.js.map +1 -0
- package/es/utilities/carousel/swipeEvents.d.ts +7 -0
- package/es/utilities/carousel/swipeEvents.js +109 -0
- package/es/utilities/carousel/swipeEvents.js.map +1 -0
- package/es/utilities/carousel/types.d.ts +36 -0
- package/es/utilities/carousel/types.js +8 -0
- package/es/utilities/carousel/types.js.map +1 -0
- package/es-custom/components/about-modal/about-modal.scss.js +1 -1
- package/es-custom/components/interstitial-screen/index.d.ts +13 -0
- package/es-custom/components/interstitial-screen/index.js +13 -0
- package/es-custom/components/interstitial-screen/index.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.d.ts +372 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js +69 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js +13 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +384 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js +129 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +13 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-context.d.ts +18 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-context.js +48 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-context.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +409 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +229 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js +13 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +394 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js +157 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-header.scss.js +13 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-header.scss.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +420 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.js +186 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.scss.js +13 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.scss.js.map +1 -0
- package/es-custom/components/notification-panel/notification-panel.scss.js +1 -1
- package/es-custom/components/page-header/_story-assets/overflowHandler.d.ts +98 -0
- package/es-custom/components/page-header/_story-assets/overflowHandler.js +156 -0
- package/es-custom/components/page-header/_story-assets/overflowHandler.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.d.ts +43 -0
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.js +153 -0
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +13 -0
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js.map +1 -0
- package/es-custom/components/page-header/context.d.ts +14 -0
- package/es-custom/components/page-header/context.js +26 -0
- package/es-custom/components/page-header/context.js.map +1 -0
- package/es-custom/components/page-header/index.d.ts +2 -0
- package/es-custom/components/page-header/index.js +2 -0
- package/es-custom/components/page-header/index.js.map +1 -1
- package/es-custom/components/page-header/page-header-scroller.d.ts +56 -0
- package/es-custom/components/page-header/page-header-scroller.js +165 -0
- package/es-custom/components/page-header/page-header-scroller.js.map +1 -0
- package/es-custom/components/page-header/page-header-tabs.js +1 -0
- package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
- package/es-custom/components/page-header/page-header-title-breadcrumb.d.ts +20 -0
- package/es-custom/components/page-header/page-header-title-breadcrumb.js +65 -0
- package/es-custom/components/page-header/page-header-title-breadcrumb.js.map +1 -0
- package/es-custom/components/page-header/page-header.d.ts +11 -1
- package/es-custom/components/page-header/page-header.js +54 -71
- package/es-custom/components/page-header/page-header.js.map +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/page-header/page-header.test.js +136 -2
- package/es-custom/components/page-header/page-header.test.js.map +1 -1
- package/es-custom/components/page-header/utils.d.ts +32 -0
- package/es-custom/components/page-header/utils.js +76 -0
- package/es-custom/components/page-header/utils.js.map +1 -0
- package/es-custom/components/side-panel/side-panel.d.ts +4 -0
- package/es-custom/components/side-panel/side-panel.js +33 -15
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
- package/es-custom/components/truncated-text/truncated-text.d.ts +16 -11
- package/es-custom/components/truncated-text/truncated-text.js +65 -58
- package/es-custom/components/truncated-text/truncated-text.js.map +1 -1
- package/es-custom/components/truncated-text/truncated-text.scss.js +1 -1
- package/es-custom/components/truncated-text/truncated-text.test.js +6 -6
- package/es-custom/components/user-avatar/user-avatar.d.ts +8 -0
- package/es-custom/components/user-avatar/user-avatar.js +1 -0
- package/es-custom/components/user-avatar/user-avatar.js.map +1 -1
- package/es-custom/components/user-avatar/user-avatar.scss.js +1 -1
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/utilities/carousel/carousel.d.ts +8 -0
- package/es-custom/utilities/carousel/carousel.js +210 -0
- package/es-custom/utilities/carousel/carousel.js.map +1 -0
- package/es-custom/utilities/carousel/index.d.ts +8 -0
- package/es-custom/utilities/carousel/index.js +9 -0
- package/es-custom/utilities/carousel/index.js.map +1 -0
- package/es-custom/utilities/carousel/swipeEvents.d.ts +7 -0
- package/es-custom/utilities/carousel/swipeEvents.js +109 -0
- package/es-custom/utilities/carousel/swipeEvents.js.map +1 -0
- package/es-custom/utilities/carousel/types.d.ts +36 -0
- package/es-custom/utilities/carousel/types.js +8 -0
- package/es-custom/utilities/carousel/types.js.map +1 -0
- package/lib/components/interstitial-screen/index.d.ts +13 -0
- package/lib/components/interstitial-screen/interstitial-screen-body-item.d.ts +372 -0
- package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +384 -0
- package/lib/components/interstitial-screen/interstitial-screen-context.d.ts +18 -0
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +409 -0
- package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +394 -0
- package/lib/components/interstitial-screen/interstitial-screen.d.ts +420 -0
- package/lib/components/page-header/_story-assets/overflowHandler.d.ts +98 -0
- package/lib/components/page-header/_story-assets/set-of-breadcrumbs.d.ts +43 -0
- package/lib/components/page-header/context.d.ts +14 -0
- package/lib/components/page-header/index.d.ts +2 -0
- package/lib/components/page-header/page-header-scroller.d.ts +56 -0
- package/lib/components/page-header/page-header-title-breadcrumb.d.ts +20 -0
- package/lib/components/page-header/page-header.d.ts +11 -1
- package/lib/components/page-header/utils.d.ts +32 -0
- package/lib/components/side-panel/side-panel.d.ts +4 -0
- package/lib/components/truncated-text/truncated-text.d.ts +16 -11
- package/lib/components/user-avatar/user-avatar.d.ts +8 -0
- package/lib/utilities/carousel/carousel.d.ts +8 -0
- package/lib/utilities/carousel/index.d.ts +8 -0
- package/lib/utilities/carousel/swipeEvents.d.ts +7 -0
- package/lib/utilities/carousel/types.d.ts +36 -0
- package/package.json +7 -6
- package/scss/components/interstitial-screen/interstitial-screen-body-item.scss +18 -0
- package/scss/components/interstitial-screen/interstitial-screen-body.scss +30 -0
- package/scss/components/interstitial-screen/interstitial-screen-footer.scss +40 -0
- package/scss/components/interstitial-screen/interstitial-screen-header.scss +13 -0
- package/scss/components/interstitial-screen/interstitial-screen.scss +28 -0
- package/scss/components/interstitial-screen/story-styles.scss +27 -0
- package/scss/components/notification-panel/notification-panel.scss +0 -1
- package/scss/components/page-header/_story-assets/set-of-breadcrumbs.scss +41 -0
- package/scss/components/page-header/page-header.scss +85 -0
- package/scss/components/truncated-text/story-styles.scss +11 -10
- package/scss/components/truncated-text/truncated-text.scss +0 -15
- 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>;
|
@@ -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;
|