@carbon/ibm-products-web-components 0.29.0 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/custom-elements.json +637 -24
  2. package/es/components/about-modal/about-modal.scss.js +1 -1
  3. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +6 -1
  4. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js +15 -2
  5. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -1
  6. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +1 -1
  7. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.js +8 -1
  8. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.js.map +1 -1
  9. package/es/components/coachmark/coachmark-body.d.ts +382 -0
  10. package/es/components/coachmark/coachmark-body.js +40 -0
  11. package/es/components/coachmark/coachmark-body.js.map +1 -0
  12. package/es/components/coachmark/coachmark-body.scss.js +13 -0
  13. package/es/components/coachmark/coachmark-body.scss.js.map +1 -0
  14. package/es/components/coachmark/coachmark-context.d.ts +11 -0
  15. package/es/components/coachmark/coachmark-context.js +39 -0
  16. package/es/components/coachmark/coachmark-context.js.map +1 -0
  17. package/es/components/coachmark/coachmark-header.d.ts +392 -0
  18. package/es/components/coachmark/coachmark-header.js +92 -0
  19. package/es/components/coachmark/coachmark-header.js.map +1 -0
  20. package/es/components/coachmark/coachmark-header.scss.js +13 -0
  21. package/es/components/coachmark/coachmark-header.scss.js.map +1 -0
  22. package/es/components/coachmark/coachmark.d.ts +416 -0
  23. package/es/components/coachmark/coachmark.js +165 -0
  24. package/es/components/coachmark/coachmark.js.map +1 -0
  25. package/es/components/coachmark/coachmark.scss.js +13 -0
  26. package/es/components/coachmark/coachmark.scss.js.map +1 -0
  27. package/es/components/coachmark/coachmark.test.d.ts +1 -0
  28. package/es/components/coachmark/coachmark.test.js +168 -0
  29. package/es/components/coachmark/coachmark.test.js.map +1 -0
  30. package/es/components/coachmark/index.d.ts +11 -0
  31. package/es/components/coachmark/index.js +11 -0
  32. package/es/components/coachmark/index.js.map +1 -0
  33. package/es/components/guide-banner/guide-banner-element.d.ts +378 -0
  34. package/es/components/guide-banner/guide-banner-element.js +38 -0
  35. package/es/components/guide-banner/guide-banner-element.js.map +1 -0
  36. package/es/components/guide-banner/guide-banner.d.ts +398 -0
  37. package/es/components/guide-banner/guide-banner.js +151 -0
  38. package/es/components/guide-banner/guide-banner.js.map +1 -0
  39. package/es/components/guide-banner/guide-banner.scss.js +13 -0
  40. package/es/components/guide-banner/guide-banner.scss.js.map +1 -0
  41. package/es/components/guide-banner/guide-banner.test.d.ts +1 -0
  42. package/es/components/guide-banner/guide-banner.test.js +121 -0
  43. package/es/components/guide-banner/guide-banner.test.js.map +1 -0
  44. package/es/components/guide-banner/index.d.ts +10 -0
  45. package/es/components/guide-banner/index.js +10 -0
  46. package/es/components/guide-banner/index.js.map +1 -0
  47. package/es/components/notification-panel/notification-footer.scss.js +1 -1
  48. package/es/components/notification-panel/notification-panel.scss.js +1 -1
  49. package/es/components/notification-panel/notification.scss.js +1 -1
  50. package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
  51. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
  52. package/es/components/side-panel/side-panel.scss.js +1 -1
  53. package/es/components/tearsheet/tearsheet.scss.js +1 -1
  54. package/es/index.d.ts +5 -1
  55. package/es/index.js +4 -0
  56. package/es/index.js.map +1 -1
  57. package/es/packages/ibm-products-web-components/package.json.js +1 -1
  58. package/es/utilities/makeDraggable/makeDraggable.d.ts +38 -0
  59. package/es/utilities/makeDraggable/makeDraggable.js +136 -0
  60. package/es/utilities/makeDraggable/makeDraggable.js.map +1 -0
  61. package/es-custom/components/about-modal/about-modal.scss.js +1 -1
  62. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +6 -1
  63. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js +15 -2
  64. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -1
  65. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +1 -1
  66. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.test.js +8 -1
  67. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.test.js.map +1 -1
  68. package/es-custom/components/coachmark/coachmark-body.d.ts +382 -0
  69. package/es-custom/components/coachmark/coachmark-body.js +40 -0
  70. package/es-custom/components/coachmark/coachmark-body.js.map +1 -0
  71. package/es-custom/components/coachmark/coachmark-body.scss.js +13 -0
  72. package/es-custom/components/coachmark/coachmark-body.scss.js.map +1 -0
  73. package/es-custom/components/coachmark/coachmark-context.d.ts +11 -0
  74. package/es-custom/components/coachmark/coachmark-context.js +39 -0
  75. package/es-custom/components/coachmark/coachmark-context.js.map +1 -0
  76. package/es-custom/components/coachmark/coachmark-header.d.ts +392 -0
  77. package/es-custom/components/coachmark/coachmark-header.js +92 -0
  78. package/es-custom/components/coachmark/coachmark-header.js.map +1 -0
  79. package/es-custom/components/coachmark/coachmark-header.scss.js +13 -0
  80. package/es-custom/components/coachmark/coachmark-header.scss.js.map +1 -0
  81. package/es-custom/components/coachmark/coachmark.d.ts +416 -0
  82. package/es-custom/components/coachmark/coachmark.js +165 -0
  83. package/es-custom/components/coachmark/coachmark.js.map +1 -0
  84. package/es-custom/components/coachmark/coachmark.scss.js +13 -0
  85. package/es-custom/components/coachmark/coachmark.scss.js.map +1 -0
  86. package/es-custom/components/coachmark/coachmark.test.d.ts +1 -0
  87. package/es-custom/components/coachmark/coachmark.test.js +168 -0
  88. package/es-custom/components/coachmark/coachmark.test.js.map +1 -0
  89. package/es-custom/components/coachmark/index.d.ts +11 -0
  90. package/es-custom/components/coachmark/index.js +11 -0
  91. package/es-custom/components/coachmark/index.js.map +1 -0
  92. package/es-custom/components/guide-banner/guide-banner-element.d.ts +378 -0
  93. package/es-custom/components/guide-banner/guide-banner-element.js +38 -0
  94. package/es-custom/components/guide-banner/guide-banner-element.js.map +1 -0
  95. package/es-custom/components/guide-banner/guide-banner.d.ts +398 -0
  96. package/es-custom/components/guide-banner/guide-banner.js +151 -0
  97. package/es-custom/components/guide-banner/guide-banner.js.map +1 -0
  98. package/es-custom/components/guide-banner/guide-banner.scss.js +13 -0
  99. package/es-custom/components/guide-banner/guide-banner.scss.js.map +1 -0
  100. package/es-custom/components/guide-banner/guide-banner.test.d.ts +1 -0
  101. package/es-custom/components/guide-banner/guide-banner.test.js +121 -0
  102. package/es-custom/components/guide-banner/guide-banner.test.js.map +1 -0
  103. package/es-custom/components/guide-banner/index.d.ts +10 -0
  104. package/es-custom/components/guide-banner/index.js +10 -0
  105. package/es-custom/components/guide-banner/index.js.map +1 -0
  106. package/es-custom/components/notification-panel/notification-footer.scss.js +1 -1
  107. package/es-custom/components/notification-panel/notification-panel.scss.js +1 -1
  108. package/es-custom/components/notification-panel/notification.scss.js +1 -1
  109. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
  110. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
  111. package/es-custom/components/side-panel/side-panel.scss.js +1 -1
  112. package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
  113. package/es-custom/index.d.ts +5 -1
  114. package/es-custom/index.js +4 -0
  115. package/es-custom/index.js.map +1 -1
  116. package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
  117. package/es-custom/utilities/makeDraggable/makeDraggable.d.ts +38 -0
  118. package/es-custom/utilities/makeDraggable/makeDraggable.js +136 -0
  119. package/es-custom/utilities/makeDraggable/makeDraggable.js.map +1 -0
  120. package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +6 -1
  121. package/lib/components/coachmark/coachmark-body.d.ts +382 -0
  122. package/lib/components/coachmark/coachmark-context.d.ts +11 -0
  123. package/lib/components/coachmark/coachmark-header.d.ts +392 -0
  124. package/lib/components/coachmark/coachmark.d.ts +416 -0
  125. package/lib/components/coachmark/coachmark.test.d.ts +1 -0
  126. package/lib/components/coachmark/index.d.ts +11 -0
  127. package/lib/components/guide-banner/guide-banner-element.d.ts +378 -0
  128. package/lib/components/guide-banner/guide-banner.d.ts +398 -0
  129. package/lib/components/guide-banner/guide-banner.test.d.ts +1 -0
  130. package/lib/components/guide-banner/index.d.ts +10 -0
  131. package/lib/index.d.ts +5 -1
  132. package/lib/utilities/makeDraggable/makeDraggable.d.ts +38 -0
  133. package/package.json +8 -8
  134. package/scss/components/coachmark/coachmark-beacon/coachmark-beacon.scss +1 -0
  135. package/scss/components/coachmark/coachmark-body.scss +19 -0
  136. package/scss/components/coachmark/coachmark-header.scss +32 -0
  137. package/scss/components/coachmark/coachmark.scss +30 -0
  138. package/scss/components/guide-banner/guide-banner.scss +30 -0
  139. package/telemetry.yml +14 -3
@@ -0,0 +1,398 @@
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 } from 'lit';
10
+ import '@carbon/web-components/es/components/button/index.js';
11
+ export declare const blockClass = "c4p--guidebanner";
12
+ declare const CDSGuideBanner_base: {
13
+ new (...args: any[]): {
14
+ _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
15
+ connectedCallback(): void;
16
+ disconnectedCallback(): void;
17
+ accessKey: string;
18
+ readonly accessKeyLabel: string;
19
+ autocapitalize: string;
20
+ autocorrect: boolean;
21
+ dir: string;
22
+ draggable: boolean;
23
+ hidden: boolean;
24
+ inert: boolean;
25
+ innerText: string;
26
+ lang: string;
27
+ readonly offsetHeight: number;
28
+ readonly offsetLeft: number;
29
+ readonly offsetParent: Element | null;
30
+ readonly offsetTop: number;
31
+ readonly offsetWidth: number;
32
+ outerText: string;
33
+ popover: string | null;
34
+ spellcheck: boolean;
35
+ title: string;
36
+ translate: boolean;
37
+ writingSuggestions: string;
38
+ attachInternals(): ElementInternals;
39
+ click(): void;
40
+ hidePopover(): void;
41
+ showPopover(): void;
42
+ togglePopover(options?: boolean): boolean;
43
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
44
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
45
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
46
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
47
+ readonly attributes: NamedNodeMap;
48
+ get classList(): DOMTokenList;
49
+ set classList(value: string): any;
50
+ className: string;
51
+ readonly clientHeight: number;
52
+ readonly clientLeft: number;
53
+ readonly clientTop: number;
54
+ readonly clientWidth: number;
55
+ readonly currentCSSZoom: number;
56
+ id: string;
57
+ innerHTML: string;
58
+ readonly localName: string;
59
+ readonly namespaceURI: string | null;
60
+ onfullscreenchange: ((this: Element, ev: Event) => any) | null;
61
+ onfullscreenerror: ((this: Element, ev: Event) => any) | null;
62
+ outerHTML: string;
63
+ readonly ownerDocument: Document;
64
+ get part(): DOMTokenList;
65
+ set part(value: string): any;
66
+ readonly prefix: string | null;
67
+ readonly scrollHeight: number;
68
+ scrollLeft: number;
69
+ scrollTop: number;
70
+ readonly scrollWidth: number;
71
+ readonly shadowRoot: ShadowRoot | null;
72
+ slot: string;
73
+ readonly tagName: string;
74
+ attachShadow(init: ShadowRootInit): ShadowRoot;
75
+ checkVisibility(options?: CheckVisibilityOptions): boolean;
76
+ closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
77
+ closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
78
+ closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
79
+ closest<E extends Element = Element>(selectors: string): E | null;
80
+ computedStyleMap(): StylePropertyMapReadOnly;
81
+ getAttribute(qualifiedName: string): string | null;
82
+ getAttributeNS(namespace: string | null, localName: string): string | null;
83
+ getAttributeNames(): string[];
84
+ getAttributeNode(qualifiedName: string): Attr | null;
85
+ getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
86
+ getBoundingClientRect(): DOMRect;
87
+ getClientRects(): DOMRectList;
88
+ getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
89
+ getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
90
+ getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
91
+ getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
92
+ getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
93
+ getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
94
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
95
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
96
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
97
+ getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
98
+ getHTML(options?: GetHTMLOptions): string;
99
+ hasAttribute(qualifiedName: string): boolean;
100
+ hasAttributeNS(namespace: string | null, localName: string): boolean;
101
+ hasAttributes(): boolean;
102
+ hasPointerCapture(pointerId: number): boolean;
103
+ insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
104
+ insertAdjacentHTML(position: InsertPosition, string: string): void;
105
+ insertAdjacentText(where: InsertPosition, data: string): void;
106
+ matches(selectors: string): boolean;
107
+ releasePointerCapture(pointerId: number): void;
108
+ removeAttribute(qualifiedName: string): void;
109
+ removeAttributeNS(namespace: string | null, localName: string): void;
110
+ removeAttributeNode(attr: Attr): Attr;
111
+ requestFullscreen(options?: FullscreenOptions): Promise<void>;
112
+ requestPointerLock(options?: PointerLockOptions): Promise<void>;
113
+ scroll(options?: ScrollToOptions): void;
114
+ scroll(x: number, y: number): void;
115
+ scrollBy(options?: ScrollToOptions): void;
116
+ scrollBy(x: number, y: number): void;
117
+ scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
118
+ scrollTo(options?: ScrollToOptions): void;
119
+ scrollTo(x: number, y: number): void;
120
+ setAttribute(qualifiedName: string, value: string): void;
121
+ setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
122
+ setAttributeNode(attr: Attr): Attr | null;
123
+ setAttributeNodeNS(attr: Attr): Attr | null;
124
+ setHTMLUnsafe(html: string): void;
125
+ setPointerCapture(pointerId: number): void;
126
+ toggleAttribute(qualifiedName: string, force?: boolean): boolean;
127
+ webkitMatchesSelector(selectors: string): boolean;
128
+ get textContent(): string;
129
+ set textContent(value: string | null): any;
130
+ readonly baseURI: string;
131
+ readonly childNodes: NodeListOf<ChildNode>;
132
+ readonly firstChild: ChildNode | null;
133
+ readonly isConnected: boolean;
134
+ readonly lastChild: ChildNode | null;
135
+ readonly nextSibling: ChildNode | null;
136
+ readonly nodeName: string;
137
+ readonly nodeType: number;
138
+ nodeValue: string | null;
139
+ readonly parentElement: HTMLElement | null;
140
+ readonly parentNode: ParentNode | null;
141
+ readonly previousSibling: ChildNode | null;
142
+ appendChild<T_1 extends Node>(node: T_1): T_1;
143
+ cloneNode(subtree?: boolean): Node;
144
+ compareDocumentPosition(other: Node): number;
145
+ contains(other: Node | null): boolean;
146
+ getRootNode(options?: GetRootNodeOptions): Node;
147
+ hasChildNodes(): boolean;
148
+ insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
149
+ isDefaultNamespace(namespace: string | null): boolean;
150
+ isEqualNode(otherNode: Node | null): boolean;
151
+ isSameNode(otherNode: Node | null): boolean;
152
+ lookupNamespaceURI(prefix: string | null): string | null;
153
+ lookupPrefix(namespace: string | null): string | null;
154
+ normalize(): void;
155
+ removeChild<T_1 extends Node>(child: T_1): T_1;
156
+ replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
157
+ readonly ELEMENT_NODE: 1;
158
+ readonly ATTRIBUTE_NODE: 2;
159
+ readonly TEXT_NODE: 3;
160
+ readonly CDATA_SECTION_NODE: 4;
161
+ readonly ENTITY_REFERENCE_NODE: 5;
162
+ readonly ENTITY_NODE: 6;
163
+ readonly PROCESSING_INSTRUCTION_NODE: 7;
164
+ readonly COMMENT_NODE: 8;
165
+ readonly DOCUMENT_NODE: 9;
166
+ readonly DOCUMENT_TYPE_NODE: 10;
167
+ readonly DOCUMENT_FRAGMENT_NODE: 11;
168
+ readonly NOTATION_NODE: 12;
169
+ readonly DOCUMENT_POSITION_DISCONNECTED: 1;
170
+ readonly DOCUMENT_POSITION_PRECEDING: 2;
171
+ readonly DOCUMENT_POSITION_FOLLOWING: 4;
172
+ readonly DOCUMENT_POSITION_CONTAINS: 8;
173
+ readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
174
+ readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
175
+ dispatchEvent(event: Event): boolean;
176
+ ariaActiveDescendantElement: Element | null;
177
+ ariaAtomic: string | null;
178
+ ariaAutoComplete: string | null;
179
+ ariaBrailleLabel: string | null;
180
+ ariaBrailleRoleDescription: string | null;
181
+ ariaBusy: string | null;
182
+ ariaChecked: string | null;
183
+ ariaColCount: string | null;
184
+ ariaColIndex: string | null;
185
+ ariaColIndexText: string | null;
186
+ ariaColSpan: string | null;
187
+ ariaControlsElements: ReadonlyArray<Element> | null;
188
+ ariaCurrent: string | null;
189
+ ariaDescribedByElements: ReadonlyArray<Element> | null;
190
+ ariaDescription: string | null;
191
+ ariaDetailsElements: ReadonlyArray<Element> | null;
192
+ ariaDisabled: string | null;
193
+ ariaErrorMessageElements: ReadonlyArray<Element> | null;
194
+ ariaExpanded: string | null;
195
+ ariaFlowToElements: ReadonlyArray<Element> | null;
196
+ ariaHasPopup: string | null;
197
+ ariaHidden: string | null;
198
+ ariaInvalid: string | null;
199
+ ariaKeyShortcuts: string | null;
200
+ ariaLabel: string | null;
201
+ ariaLabelledByElements: ReadonlyArray<Element> | null;
202
+ ariaLevel: string | null;
203
+ ariaLive: string | null;
204
+ ariaModal: string | null;
205
+ ariaMultiLine: string | null;
206
+ ariaMultiSelectable: string | null;
207
+ ariaOrientation: string | null;
208
+ ariaOwnsElements: ReadonlyArray<Element> | null;
209
+ ariaPlaceholder: string | null;
210
+ ariaPosInSet: string | null;
211
+ ariaPressed: string | null;
212
+ ariaReadOnly: string | null;
213
+ ariaRelevant: string | null;
214
+ ariaRequired: string | null;
215
+ ariaRoleDescription: string | null;
216
+ ariaRowCount: string | null;
217
+ ariaRowIndex: string | null;
218
+ ariaRowIndexText: string | null;
219
+ ariaRowSpan: string | null;
220
+ ariaSelected: string | null;
221
+ ariaSetSize: string | null;
222
+ ariaSort: string | null;
223
+ ariaValueMax: string | null;
224
+ ariaValueMin: string | null;
225
+ ariaValueNow: string | null;
226
+ ariaValueText: string | null;
227
+ role: string | null;
228
+ animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
229
+ getAnimations(options?: GetAnimationsOptions): Animation[];
230
+ after(...nodes: (Node | string)[]): void;
231
+ before(...nodes: (Node | string)[]): void;
232
+ remove(): void;
233
+ replaceWith(...nodes: (Node | string)[]): void;
234
+ readonly nextElementSibling: Element | null;
235
+ readonly previousElementSibling: Element | null;
236
+ readonly childElementCount: number;
237
+ readonly children: HTMLCollection;
238
+ readonly firstElementChild: Element | null;
239
+ readonly lastElementChild: Element | null;
240
+ append(...nodes: (Node | string)[]): void;
241
+ prepend(...nodes: (Node | string)[]): void;
242
+ querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
243
+ querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
244
+ querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
245
+ querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
246
+ querySelector<E extends Element = Element>(selectors: string): E | null;
247
+ querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
248
+ querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
249
+ querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
250
+ querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
251
+ querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
252
+ replaceChildren(...nodes: (Node | string)[]): void;
253
+ readonly assignedSlot: HTMLSlotElement | null;
254
+ readonly attributeStyleMap: StylePropertyMap;
255
+ get style(): CSSStyleDeclaration;
256
+ set style(cssText: string): any;
257
+ contentEditable: string;
258
+ enterKeyHint: string;
259
+ inputMode: string;
260
+ readonly isContentEditable: boolean;
261
+ onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
262
+ onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
263
+ onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
264
+ onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
265
+ onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
266
+ onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
267
+ onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
268
+ onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
269
+ onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
270
+ onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
271
+ oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
272
+ oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
273
+ oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
274
+ onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
275
+ onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
276
+ onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
277
+ oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
278
+ oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
279
+ oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
280
+ oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
281
+ oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
282
+ oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
283
+ ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
284
+ ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
285
+ ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
286
+ ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
287
+ ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
288
+ ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
289
+ ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
290
+ ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
291
+ ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
292
+ onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
293
+ onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
294
+ onerror: OnErrorEventHandler;
295
+ onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
296
+ onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
297
+ ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
298
+ oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
299
+ oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
300
+ onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
301
+ onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
302
+ onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
303
+ onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
304
+ onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
305
+ onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
306
+ onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
307
+ onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
308
+ onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
309
+ onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
310
+ onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
311
+ onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
312
+ onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
313
+ onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
314
+ onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
315
+ onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
316
+ onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
317
+ onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
318
+ onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
319
+ onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
320
+ onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
321
+ onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
322
+ onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
323
+ onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
324
+ onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
325
+ onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
326
+ onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
327
+ onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
328
+ onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
329
+ onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
330
+ onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
331
+ onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
332
+ onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
333
+ onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
334
+ onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
335
+ onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
336
+ onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
337
+ onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
338
+ onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
339
+ onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
340
+ onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
341
+ onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
342
+ onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
343
+ onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
344
+ ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
345
+ ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
346
+ ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
347
+ ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
348
+ ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
349
+ ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
350
+ ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
351
+ ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
352
+ ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
353
+ ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
354
+ onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
355
+ onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
356
+ onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
357
+ onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
358
+ onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
359
+ onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
360
+ onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
361
+ autofocus: boolean;
362
+ readonly dataset: DOMStringMap;
363
+ nonce?: string;
364
+ tabIndex: number;
365
+ blur(): void;
366
+ focus(options?: FocusOptions): void;
367
+ };
368
+ _hostListeners: {
369
+ [listenerName: string]: {
370
+ [type: string]: {
371
+ options?: boolean | AddEventListenerOptions;
372
+ };
373
+ };
374
+ };
375
+ } & typeof LitElement;
376
+ /**
377
+ * OptionsTile.
378
+ *
379
+ * @element c4p-guide-banner
380
+ * @csspart guide-banner The options tile
381
+ * @fires c4p-guide-banner-toggle Custom event fired when tile is opened
382
+ * @fires c4p-guide-banner-close Custom event fired when tile is closed
383
+ * */
384
+ declare class CDSGuideBanner extends CDSGuideBanner_base {
385
+ collapseText?: string;
386
+ expandText?: string;
387
+ open: boolean;
388
+ titleText?: string;
389
+ static get eventToggle(): string;
390
+ static get eventOnClose(): string;
391
+ private _handleClose;
392
+ private _handleToggle;
393
+ private _getTitle;
394
+ private _getButton;
395
+ render(): import("lit-html").TemplateResult<1>;
396
+ static styles: any;
397
+ }
398
+ export default CDSGuideBanner;
@@ -0,0 +1,151 @@
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import { __decorate } from 'tslib';
9
+ import { LitElement, html, nothing } from 'lit';
10
+ import { property } from 'lit/decorators.js';
11
+ import { classMap } from 'lit/directives/class-map.js';
12
+ import { prefix } from '../../globals/settings.js';
13
+ import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
14
+ import styles from './guide-banner.scss.js';
15
+ import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
16
+ import '@carbon/web-components/es/components/button/index.js';
17
+ import Close16 from '@carbon/icons/es/close/16';
18
+ import Idea20 from '@carbon/icons/es/idea/20';
19
+ import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
20
+
21
+ /**
22
+ * @license
23
+ *
24
+ * Copyright IBM Corp. 2025
25
+ *
26
+ * This source code is licensed under the Apache-2.0 license found in the
27
+ * LICENSE file in the root directory of this source tree.
28
+ */
29
+ const blockClass = `${prefix}--guidebanner`;
30
+ const blockEvent = `${prefix}-guidebanner`;
31
+ /**
32
+ * OptionsTile.
33
+ *
34
+ * @element c4p-guide-banner
35
+ * @csspart guide-banner The options tile
36
+ * @fires c4p-guide-banner-toggle Custom event fired when tile is opened
37
+ * @fires c4p-guide-banner-close Custom event fired when tile is closed
38
+ * */
39
+ let CDSGuideBanner = class CDSGuideBanner extends HostListenerMixin(LitElement) {
40
+ constructor() {
41
+ super(...arguments);
42
+ this.collapseText = '';
43
+ this.expandText = '';
44
+ this.open = false;
45
+ this.titleText = '';
46
+ }
47
+ static get eventToggle() {
48
+ return `${blockEvent}-toggle`;
49
+ }
50
+ static get eventOnClose() {
51
+ return `${blockEvent}-close`;
52
+ }
53
+ _handleClose() {
54
+ const init = {
55
+ bubbles: true,
56
+ composed: true,
57
+ detail: {},
58
+ };
59
+ this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose, init));
60
+ }
61
+ _handleToggle() {
62
+ const init = {
63
+ bubbles: true,
64
+ composed: true,
65
+ detail: {
66
+ open: this.open,
67
+ },
68
+ };
69
+ this.dispatchEvent(new CustomEvent(this.constructor.eventToggle, init));
70
+ }
71
+ _getTitle() {
72
+ if (this.titleText) {
73
+ return html `<div class="${blockClass}__title">${this.titleText}</div>`;
74
+ }
75
+ return nothing;
76
+ }
77
+ _getButton() {
78
+ const buttonText = this.open ? this.collapseText : this.expandText;
79
+ return html `<cds-button
80
+ kind="ghost"
81
+ size="md"
82
+ class="${blockClass}__toggle-button"
83
+ @click=${this._handleToggle}
84
+ >
85
+ ${buttonText}
86
+ </cds-button>`;
87
+ }
88
+ render() {
89
+ const classes = classMap({
90
+ [`${blockClass}`]: true,
91
+ [`${blockClass}__collapsible-collapsed`]: !this.open,
92
+ });
93
+ return html `
94
+ <div class="${classes}">
95
+ <div class="${blockClass}__header">
96
+ <div class="${blockClass}__icon-idea">
97
+ <slot name="icon">
98
+ ${iconLoader(Idea20, {
99
+ slot: 'icon',
100
+ })}
101
+ </slot>
102
+ </div>
103
+ ${this._getTitle()}
104
+ <slot name="header"></slot>
105
+ <cds-button
106
+ align="bottom-end"
107
+ class="${blockClass}__close-button"
108
+ kind="ghost"
109
+ size="md"
110
+ @click="${this._handleClose}"
111
+ >
112
+ ${iconLoader(Close16, { slot: 'icon' })}
113
+ </cds-button>
114
+ </div>
115
+ <details ?open=${this.open}>
116
+ <slot name="body"></slot>
117
+ <summary
118
+ tabindex="-1"
119
+ @click=${(evt) => {
120
+ evt.preventDefault();
121
+ }}
122
+ >
123
+ <div class="${blockClass}__navigation">
124
+ <slot name="footer">${this._getButton()}</slot>
125
+ </div>
126
+ </summary>
127
+ </details>
128
+ </div>
129
+ `;
130
+ }
131
+ };
132
+ CDSGuideBanner.styles = styles;
133
+ __decorate([
134
+ property({ type: String, reflect: true })
135
+ ], CDSGuideBanner.prototype, "collapseText", void 0);
136
+ __decorate([
137
+ property({ type: String, reflect: true })
138
+ ], CDSGuideBanner.prototype, "expandText", void 0);
139
+ __decorate([
140
+ property({ type: Boolean, reflect: true })
141
+ ], CDSGuideBanner.prototype, "open", void 0);
142
+ __decorate([
143
+ property({ type: String, reflect: true })
144
+ ], CDSGuideBanner.prototype, "titleText", void 0);
145
+ CDSGuideBanner = __decorate([
146
+ carbonElement(`${prefix}-guide-banner`)
147
+ ], CDSGuideBanner);
148
+ var CDSGuideBanner$1 = CDSGuideBanner;
149
+
150
+ export { blockClass, CDSGuideBanner$1 as default };
151
+ //# sourceMappingURL=guide-banner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"guide-banner.js","sources":["../../../src/components/guide-banner/guide-banner.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAcU,MAAA,UAAU,GAAG,CAAG,EAAA,MAAM;AACnC,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,cAAc;AAE1C;;;;;;;AAOK;AAGL,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,iBAAiB,CAAC,UAAU,CAAC,CAAA;AAA1D,IAAA,WAAA,GAAA;;QAEE,IAAY,CAAA,YAAA,GAAY,EAAE;QAG1B,IAAU,CAAA,UAAA,GAAY,EAAE;QAGxB,IAAI,CAAA,IAAA,GAAY,KAAK;QAGrB,IAAS,CAAA,SAAA,GAAY,EAAE;;AAEvB,IAAA,WAAW,WAAW,GAAA;QACpB,OAAO,CAAA,EAAG,UAAU,CAAA,OAAA,CAAS;;AAG/B,IAAA,WAAW,YAAY,GAAA;QACrB,OAAO,CAAA,EAAG,UAAU,CAAA,MAAA,CAAQ;;IAGtB,YAAY,GAAA;AAClB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE,EAAE;SACX;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAqC,CAAC,YAAY,EACxD,IAAI,CACL,CACF;;IAGK,aAAa,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,aAAA;SACF;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAqC,CAAC,WAAW,EACvD,IAAI,CACL,CACF;;IAGK,SAAS,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,IAAI,CAAA,CAAe,YAAA,EAAA,UAAU,YAAY,IAAI,CAAC,SAAS,CAAA,MAAA,CAAQ;;AAExE,QAAA,OAAO,OAAO;;IAGR,UAAU,GAAA;AAChB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,UAAU;AAClE,QAAA,OAAO,IAAI,CAAA,CAAA;;;eAGA,UAAU,CAAA;AACV,aAAA,EAAA,IAAI,CAAC,aAAa;;QAEzB,UAAU;kBACA;;IAGhB,MAAM,GAAA;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAG,EAAA,UAAU,CAAE,CAAA,GAAG,IAAI;YACvB,CAAC,CAAA,EAAG,UAAU,CAAyB,uBAAA,CAAA,GAAG,CAAC,IAAI,CAAC,IAAI;AACrD,SAAA,CAAC;AACF,QAAA,OAAO,IAAI,CAAA;oBACK,OAAO,CAAA;sBACL,UAAU,CAAA;wBACR,UAAU,CAAA;;gBAElB,UAAU,CAAC,MAAM,EAAE;AACnB,YAAA,IAAI,EAAE,MAAM;SACb,CAAC;;;YAGJ,IAAI,CAAC,SAAS,EAAE;;;;qBAIP,UAAU,CAAA;;;AAGT,oBAAA,EAAA,IAAI,CAAC,YAAY,CAAA;;cAEzB,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;AAG1B,uBAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;;;qBAIb,CAAC,GAAU,KAAI;YACtB,GAAG,CAAC,cAAc,EAAE;SACrB;;0BAEa,UAAU,CAAA;oCACA,IAAI,CAAC,UAAU,EAAE,CAAA;;;;;KAKhD;;;AAGI,cAAM,CAAA,MAAA,GAAG,MAAH;AAhHb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACd,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAG3B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAGzB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACpB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAGtB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACjB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAXpB,cAAc,GAAA,UAAA,CAAA;AADnB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe;AACjC,CAAA,EAAA,cAAc,CAmHnB;AAED,uBAAe,cAAc;;;;"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import { css } from 'lit';
9
+
10
+ var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--guidebanner{--cds-ai-aura-end:transparent;--cds-ai-aura-hover-background:#333;--cds-ai-aura-hover-end:transparent;--cds-ai-aura-hover-start:rgba(69,137,255,.4);--cds-ai-aura-start:rgba(69,137,255,.1);--cds-ai-aura-start-sm:rgba(69,137,255,.16);--cds-ai-border-end:#4589ff;--cds-ai-border-start:rgba(166,200,255,.36);--cds-ai-border-strong:#78a9ff;--cds-ai-drop-shadow:rgba(0,0,0,.28);--cds-ai-inner-shadow:rgba(69,137,255,.16);--cds-ai-overlay:rgba(0,0,0,.5);--cds-ai-popover-background:#161616;--cds-ai-popover-caret-bottom:#4589ff;--cds-ai-popover-caret-bottom-background:#202d45;--cds-ai-popover-caret-bottom-background-actions:#1e283a;--cds-ai-popover-caret-center:#4870b5;--cds-ai-popover-shadow-outer-01:rgba(0,0,0,.12);--cds-ai-popover-shadow-outer-02:rgba(0,0,0,.08);--cds-ai-skeleton-background:rgba(120,169,255,.5);--cds-ai-skeleton-element-background:rgba(120,169,255,.3);--cds-background:#161616;--cds-background-active:hsla(0,0%,55%,.4);--cds-background-brand:#0f62fe;--cds-background-hover:hsla(0,0%,55%,.16);--cds-background-inverse:#f4f4f4;--cds-background-inverse-hover:#e8e8e8;--cds-background-selected:hsla(0,0%,55%,.24);--cds-background-selected-hover:hsla(0,0%,55%,.32);--cds-border-disabled:hsla(0,0%,55%,.5);--cds-border-interactive:#4589ff;--cds-border-inverse:#f4f4f4;--cds-border-strong-01:#6f6f6f;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#a8a8a8;--cds-border-subtle-00:#393939;--cds-border-subtle-01:#525252;--cds-border-subtle-02:#6f6f6f;--cds-border-subtle-03:#6f6f6f;--cds-border-subtle-selected-01:#6f6f6f;--cds-border-subtle-selected-02:#8d8d8d;--cds-border-subtle-selected-03:#8d8d8d;--cds-border-tile-01:#525252;--cds-border-tile-02:#6f6f6f;--cds-border-tile-03:#8d8d8d;--cds-chat-avatar-agent:#c6c6c6;--cds-chat-avatar-bot:#8d8d8d;--cds-chat-avatar-user:#4589ff;--cds-chat-bubble-agent:#262626;--cds-chat-bubble-border:#525252;--cds-chat-bubble-user:#393939;--cds-chat-button:#78a9ff;--cds-chat-button-active:hsla(0,0%,55%,.4);--cds-chat-button-hover:hsla(0,0%,55%,.16);--cds-chat-button-selected:hsla(0,0%,55%,.24);--cds-chat-button-text-hover:#a6c8ff;--cds-chat-button-text-selected:#c6c6c6;--cds-chat-header-background:#262626;--cds-chat-prompt-background:#161616;--cds-chat-prompt-border-end:rgba(38,38,38,0);--cds-chat-prompt-border-start:#262626;--cds-chat-shell-background:#262626;--cds-field-01:#262626;--cds-field-02:#393939;--cds-field-03:#525252;--cds-field-hover-01:#333;--cds-field-hover-02:#474747;--cds-field-hover-03:#636363;--cds-focus:#fff;--cds-focus-inset:#161616;--cds-focus-inverse:#0f62fe;--cds-highlight:#001d6c;--cds-icon-disabled:hsla(0,0%,96%,.25);--cds-icon-interactive:#fff;--cds-icon-inverse:#161616;--cds-icon-on-color:#fff;--cds-icon-on-color-disabled:hsla(0,0%,100%,.25);--cds-icon-primary:#f4f4f4;--cds-icon-secondary:#c6c6c6;--cds-interactive:#4589ff;--cds-layer-01:#262626;--cds-layer-02:#393939;--cds-layer-03:#525252;--cds-layer-accent-01:#393939;--cds-layer-accent-02:#525252;--cds-layer-accent-03:#6f6f6f;--cds-layer-accent-active-01:#6f6f6f;--cds-layer-accent-active-02:#8d8d8d;--cds-layer-accent-active-03:#393939;--cds-layer-accent-hover-01:#474747;--cds-layer-accent-hover-02:#636363;--cds-layer-accent-hover-03:#5e5e5e;--cds-layer-active-01:#525252;--cds-layer-active-02:#6f6f6f;--cds-layer-active-03:#8d8d8d;--cds-layer-background-01:#161616;--cds-layer-background-02:#262626;--cds-layer-background-03:#393939;--cds-layer-hover-01:#333;--cds-layer-hover-02:#474747;--cds-layer-hover-03:#636363;--cds-layer-selected-01:#393939;--cds-layer-selected-02:#525252;--cds-layer-selected-03:#6f6f6f;--cds-layer-selected-disabled:#a8a8a8;--cds-layer-selected-hover-01:#474747;--cds-layer-selected-hover-02:#636363;--cds-layer-selected-hover-03:#5e5e5e;--cds-layer-selected-inverse:#f4f4f4;--cds-link-inverse:#0f62fe;--cds-link-inverse-active:#161616;--cds-link-inverse-hover:#0043ce;--cds-link-inverse-visited:#8a3ffc;--cds-link-primary:#78a9ff;--cds-link-primary-hover:#a6c8ff;--cds-link-secondary:#a6c8ff;--cds-link-visited:#be95ff;--cds-overlay:rgba(0,0,0,.6);--cds-shadow:rgba(0,0,0,.8);--cds-skeleton-background:#292929;--cds-skeleton-element:#393939;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#a56eff;--cds-support-error:#fa4d56;--cds-support-error-inverse:#da1e28;--cds-support-info:#4589ff;--cds-support-info-inverse:#0043ce;--cds-support-success:#42be65;--cds-support-success-inverse:#24a148;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-text-disabled:hsla(0,0%,96%,.25);--cds-text-error:#ff8389;--cds-text-helper:#a8a8a8;--cds-text-inverse:#161616;--cds-text-on-color:#fff;--cds-text-on-color-disabled:hsla(0,0%,100%,.25);--cds-text-placeholder:hsla(0,0%,96%,.4);--cds-text-primary:#f4f4f4;--cds-text-secondary:#c6c6c6;--cds-toggle-off:#6f6f6f;--cds-spacing-01:0.125rem;--cds-spacing-02:0.25rem;--cds-spacing-03:0.5rem;--cds-spacing-04:0.75rem;--cds-spacing-05:1rem;--cds-spacing-06:1.5rem;--cds-spacing-07:2rem;--cds-spacing-08:2.5rem;--cds-spacing-09:3rem;--cds-spacing-10:4rem;--cds-spacing-11:5rem;--cds-spacing-12:6rem;--cds-spacing-13:10rem;--cds-fluid-spacing-01:0;--cds-fluid-spacing-02:2vw;--cds-fluid-spacing-03:5vw;--cds-fluid-spacing-04:10vw;--cds-caption-01-font-size:0.75rem;--cds-caption-01-font-weight:400;--cds-caption-01-line-height:1.33333;--cds-caption-01-letter-spacing:0.32px;--cds-caption-02-font-size:0.875rem;--cds-caption-02-font-weight:400;--cds-caption-02-line-height:1.28572;--cds-caption-02-letter-spacing:0.32px;--cds-label-01-font-size:0.75rem;--cds-label-01-font-weight:400;--cds-label-01-line-height:1.33333;--cds-label-01-letter-spacing:0.32px;--cds-label-02-font-size:0.875rem;--cds-label-02-font-weight:400;--cds-label-02-line-height:1.28572;--cds-label-02-letter-spacing:0.16px;--cds-helper-text-01-font-size:0.75rem;--cds-helper-text-01-line-height:1.33333;--cds-helper-text-01-letter-spacing:0.32px;--cds-helper-text-02-font-size:0.875rem;--cds-helper-text-02-font-weight:400;--cds-helper-text-02-line-height:1.28572;--cds-helper-text-02-letter-spacing:0.16px;--cds-body-short-01-font-size:0.875rem;--cds-body-short-01-font-weight:400;--cds-body-short-01-line-height:1.28572;--cds-body-short-01-letter-spacing:0.16px;--cds-body-short-02-font-size:1rem;--cds-body-short-02-font-weight:400;--cds-body-short-02-line-height:1.375;--cds-body-short-02-letter-spacing:0;--cds-body-long-01-font-size:0.875rem;--cds-body-long-01-font-weight:400;--cds-body-long-01-line-height:1.42857;--cds-body-long-01-letter-spacing:0.16px;--cds-body-long-02-font-size:1rem;--cds-body-long-02-font-weight:400;--cds-body-long-02-line-height:1.5;--cds-body-long-02-letter-spacing:0;--cds-code-01-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-01-font-size:0.75rem;--cds-code-01-font-weight:400;--cds-code-01-line-height:1.33333;--cds-code-01-letter-spacing:0.32px;--cds-code-02-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-02-font-size:0.875rem;--cds-code-02-font-weight:400;--cds-code-02-line-height:1.42857;--cds-code-02-letter-spacing:0.32px;--cds-heading-01-font-size:0.875rem;--cds-heading-01-font-weight:600;--cds-heading-01-line-height:1.42857;--cds-heading-01-letter-spacing:0.16px;--cds-heading-02-font-size:1rem;--cds-heading-02-font-weight:600;--cds-heading-02-line-height:1.5;--cds-heading-02-letter-spacing:0;--cds-productive-heading-01-font-size:0.875rem;--cds-productive-heading-01-font-weight:600;--cds-productive-heading-01-line-height:1.28572;--cds-productive-heading-01-letter-spacing:0.16px;--cds-productive-heading-02-font-size:1rem;--cds-productive-heading-02-font-weight:600;--cds-productive-heading-02-line-height:1.375;--cds-productive-heading-02-letter-spacing:0;--cds-productive-heading-03-font-size:1.25rem;--cds-productive-heading-03-font-weight:400;--cds-productive-heading-03-line-height:1.4;--cds-productive-heading-03-letter-spacing:0;--cds-productive-heading-04-font-size:1.75rem;--cds-productive-heading-04-font-weight:400;--cds-productive-heading-04-line-height:1.28572;--cds-productive-heading-04-letter-spacing:0;--cds-productive-heading-05-font-size:2rem;--cds-productive-heading-05-font-weight:400;--cds-productive-heading-05-line-height:1.25;--cds-productive-heading-05-letter-spacing:0;--cds-productive-heading-06-font-size:2.625rem;--cds-productive-heading-06-font-weight:300;--cds-productive-heading-06-line-height:1.199;--cds-productive-heading-06-letter-spacing:0;--cds-productive-heading-07-font-size:3.375rem;--cds-productive-heading-07-font-weight:300;--cds-productive-heading-07-line-height:1.19;--cds-productive-heading-07-letter-spacing:0;--cds-expressive-paragraph-01-font-size:1.5rem;--cds-expressive-paragraph-01-font-weight:300;--cds-expressive-paragraph-01-line-height:1.334;--cds-expressive-paragraph-01-letter-spacing:0;--cds-expressive-heading-01-font-size:0.875rem;--cds-expressive-heading-01-font-weight:600;--cds-expressive-heading-01-line-height:1.42857;--cds-expressive-heading-01-letter-spacing:0.16px;--cds-expressive-heading-02-font-size:1rem;--cds-expressive-heading-02-font-weight:600;--cds-expressive-heading-02-line-height:1.5;--cds-expressive-heading-02-letter-spacing:0;--cds-expressive-heading-03-font-size:1.25rem;--cds-expressive-heading-03-font-weight:400;--cds-expressive-heading-03-line-height:1.4;--cds-expressive-heading-03-letter-spacing:0;--cds-expressive-heading-04-font-size:1.75rem;--cds-expressive-heading-04-font-weight:400;--cds-expressive-heading-04-line-height:1.28572;--cds-expressive-heading-04-letter-spacing:0;--cds-expressive-heading-05-font-size:2rem;--cds-expressive-heading-05-font-weight:400;--cds-expressive-heading-05-line-height:1.25;--cds-expressive-heading-05-letter-spacing:0;--cds-expressive-heading-06-font-size:2rem;--cds-expressive-heading-06-font-weight:600;--cds-expressive-heading-06-line-height:1.25;--cds-expressive-heading-06-letter-spacing:0;--cds-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-01-font-size:1.25rem;--cds-quotation-01-font-weight:400;--cds-quotation-01-line-height:1.3;--cds-quotation-01-letter-spacing:0;--cds-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-02-font-size:2rem;--cds-quotation-02-font-weight:300;--cds-quotation-02-line-height:1.25;--cds-quotation-02-letter-spacing:0;--cds-display-01-font-size:2.625rem;--cds-display-01-font-weight:300;--cds-display-01-line-height:1.19;--cds-display-01-letter-spacing:0;--cds-display-02-font-size:2.625rem;--cds-display-02-font-weight:600;--cds-display-02-line-height:1.19;--cds-display-02-letter-spacing:0;--cds-display-03-font-size:2.625rem;--cds-display-03-font-weight:300;--cds-display-03-line-height:1.19;--cds-display-03-letter-spacing:0;--cds-display-04-font-size:2.625rem;--cds-display-04-font-weight:300;--cds-display-04-line-height:1.19;--cds-display-04-letter-spacing:0;--cds-legal-01-font-size:0.75rem;--cds-legal-01-font-weight:400;--cds-legal-01-line-height:1.33333;--cds-legal-01-letter-spacing:0.32px;--cds-legal-02-font-size:0.875rem;--cds-legal-02-font-weight:400;--cds-legal-02-line-height:1.28572;--cds-legal-02-letter-spacing:0.16px;--cds-body-compact-01-font-size:0.875rem;--cds-body-compact-01-font-weight:400;--cds-body-compact-01-line-height:1.28572;--cds-body-compact-01-letter-spacing:0.16px;--cds-body-compact-02-font-size:1rem;--cds-body-compact-02-font-weight:400;--cds-body-compact-02-line-height:1.375;--cds-body-compact-02-letter-spacing:0;--cds-heading-compact-01-font-size:0.875rem;--cds-heading-compact-01-font-weight:600;--cds-heading-compact-01-line-height:1.28572;--cds-heading-compact-01-letter-spacing:0.16px;--cds-heading-compact-02-font-size:1rem;--cds-heading-compact-02-font-weight:600;--cds-heading-compact-02-line-height:1.375;--cds-heading-compact-02-letter-spacing:0;--cds-body-01-font-size:0.875rem;--cds-body-01-font-weight:400;--cds-body-01-line-height:1.42857;--cds-body-01-letter-spacing:0.16px;--cds-body-02-font-size:1rem;--cds-body-02-font-weight:400;--cds-body-02-line-height:1.5;--cds-body-02-letter-spacing:0;--cds-heading-03-font-size:1.25rem;--cds-heading-03-font-weight:400;--cds-heading-03-line-height:1.4;--cds-heading-03-letter-spacing:0;--cds-heading-04-font-size:1.75rem;--cds-heading-04-font-weight:400;--cds-heading-04-line-height:1.28572;--cds-heading-04-letter-spacing:0;--cds-heading-05-font-size:2rem;--cds-heading-05-font-weight:400;--cds-heading-05-line-height:1.25;--cds-heading-05-letter-spacing:0;--cds-heading-06-font-size:2.625rem;--cds-heading-06-font-weight:300;--cds-heading-06-line-height:1.199;--cds-heading-06-letter-spacing:0;--cds-heading-07-font-size:3.375rem;--cds-heading-07-font-weight:300;--cds-heading-07-line-height:1.19;--cds-heading-07-letter-spacing:0;--cds-fluid-heading-03-font-size:1.25rem;--cds-fluid-heading-03-font-weight:400;--cds-fluid-heading-03-line-height:1.4;--cds-fluid-heading-03-letter-spacing:0;--cds-fluid-heading-04-font-size:1.75rem;--cds-fluid-heading-04-font-weight:400;--cds-fluid-heading-04-line-height:1.28572;--cds-fluid-heading-04-letter-spacing:0;--cds-fluid-heading-05-font-size:2rem;--cds-fluid-heading-05-font-weight:400;--cds-fluid-heading-05-line-height:1.25;--cds-fluid-heading-05-letter-spacing:0;--cds-fluid-heading-06-font-size:2rem;--cds-fluid-heading-06-font-weight:600;--cds-fluid-heading-06-line-height:1.25;--cds-fluid-heading-06-letter-spacing:0;--cds-fluid-paragraph-01-font-size:1.5rem;--cds-fluid-paragraph-01-font-weight:300;--cds-fluid-paragraph-01-line-height:1.334;--cds-fluid-paragraph-01-letter-spacing:0;--cds-fluid-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-01-font-size:1.25rem;--cds-fluid-quotation-01-font-weight:400;--cds-fluid-quotation-01-line-height:1.3;--cds-fluid-quotation-01-letter-spacing:0;--cds-fluid-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-02-font-size:2rem;--cds-fluid-quotation-02-font-weight:300;--cds-fluid-quotation-02-line-height:1.25;--cds-fluid-quotation-02-letter-spacing:0;--cds-fluid-display-01-font-size:2.625rem;--cds-fluid-display-01-font-weight:300;--cds-fluid-display-01-line-height:1.19;--cds-fluid-display-01-letter-spacing:0;--cds-fluid-display-02-font-size:2.625rem;--cds-fluid-display-02-font-weight:600;--cds-fluid-display-02-line-height:1.19;--cds-fluid-display-02-letter-spacing:0;--cds-fluid-display-03-font-size:2.625rem;--cds-fluid-display-03-font-weight:300;--cds-fluid-display-03-line-height:1.19;--cds-fluid-display-03-letter-spacing:0;--cds-fluid-display-04-font-size:2.625rem;--cds-fluid-display-04-font-weight:300;--cds-fluid-display-04-line-height:1.19;--cds-fluid-display-04-letter-spacing:0;--cds-true: }@media (forced-colors:active),screen and (-ms-high-contrast:active){.c4p--guidebanner{--cds-icon-primary:ButtonText;--cds-icon-secondary:ButtonText;--cds-icon-interactive:ButtonText;--cds-icon-disabled:GrayText;--cds-icon-on-color-disabled:GrayText;--cds-icon-inverse:SelectedItemText;--cds-icon-on-color:SelectedItemText;--cds-button-disabled:GrayText;--cds-interactive:ButtonText;--cds-link-primary:LinkText;--cds-link-primary-hover:LinkText;--cds-link-secondary:LinkText;--cds-link-inverse:SelectedItemText;--cds-link-inverse-hover:SelectedItemText;--cds-link-inverse-visited:SelectedItemText;--cds-link-visited:VisitedText;--cds-background-selected:SelectedItem;--cds-background-selected-hover:SelectedItem;--cds-background-inverse:SelectedItem;--cds-layer-selected-inverse:SelectedItem}}.c4p--guidebanner{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6);background:linear-gradient(90deg,#001d6c,#6929c4);background-color:#001d6c;position:relative}.c4p--guidebanner__icon-idea{color:#f4f4f4;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.c4p--guidebanner__title{color:#f4f4f4;font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);padding:1rem 10.9375rem 0 3.25rem}.c4p--guidebanner__close-button{inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--guidebanner__close-button button{block-size:2rem;inline-size:2rem;min-block-size:2rem;padding-block-start:6px}.c4p--guidebanner__close-button button:active,.c4p--guidebanner__close-button button:hover{background-color:#7433e3}.c4p--guidebanner__close-button button path{fill:#fff}.c4p--guidebanner__carousel{color:#f4f4f4;padding:0 0 1rem}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel{margin-block-end:0}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{display:flex;flex-flow:column;flex-shrink:0;inline-size:25rem;margin:1rem 0 0;max-block-size:32rem;opacity:1;padding-inline-start:3.25rem;scroll-snap-align:start;transition:max-height 50ms cubic-bezier(.2,0,1,.9),margin-top 50ms cubic-bezier(.2,0,1,.9),opacity .3s cubic-bezier(.2,0,1,.9)}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{margin-block-start:0;max-block-size:.5rem;opacity:0}.c4p--guidebanner__carousel .c4p--carousel__item:last-child .c4p--guidebanner__element{inline-size:28rem;padding-inline-end:3.25rem}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin:1rem 0 0}.c4p--guidebanner__carousel .c4p--guidebanner__element-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--guidebanner__carousel .cds--btn--tertiary{border-color:#fff;color:#fff}.c4p--guidebanner__carousel .cds--btn--tertiary:active,.c4p--guidebanner__carousel .cds--btn--tertiary:hover{background-color:#fff;border-color:#fff;color:#161616}.c4p--guidebanner__carousel .cds--btn--tertiary svg{block-size:1rem;flex-shrink:0;inline-size:1rem;inset-inline-end:1rem;position:absolute}.c4p--guidebanner__carousel .cds--btn--ghost{color:#a6c8ff;margin-inline-start:-1rem}.c4p--guidebanner__carousel .cds--btn--ghost:active,.c4p--guidebanner__carousel .cds--btn--ghost:hover{background-color:#7f3ae7;color:#f4f4f4}.c4p--guidebanner__carousel .c4p--guidebanner__element-link,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:visited{color:#a6c8ff}.c4p--guidebanner__carousel .c4p--guidebanner__element-link:active,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:hover{color:#d0e2ff}.c4p--guidebanner__navigation{border-block-start:.0625rem solid #8a3ffc;display:flex}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation{border-block-start:none}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button{color:#a6c8ff;margin-inline-start:2.125rem}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:active,.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:hover{background-color:#7433e3;color:#f4f4f4}.c4p--guidebanner__navigation .c4p--guidebanner__back-button{margin-inline-start:auto}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__back-button,.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__next-button{display:none}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:hover,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:hover{background-color:#7433e3}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button path{fill:#fff}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button[disabled] path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button[disabled] path{fill:#9b63ff}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__icon-idea{inset-inline-start:2rem}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__title{padding-inline-start:4.25rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container,.c4p--guidebanner__with-left-gutter .c4p--guidebanner__navigation{padding-inline-start:1rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container--scrolled{inline-size:4rem}:host(c4p-guide-banner) details{display:flex;flex-direction:column-reverse}:host(c4p-guide-banner) ::-webkit-details-marker,:host(c4p-guide-banner) ::marker{content:\"\";display:none}"]);
11
+
12
+ export { styles as default };
13
+ //# sourceMappingURL=guide-banner.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"guide-banner.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
@@ -0,0 +1 @@
1
+ export {};