@carbon/ibm-products-web-components 0.1.0 → 0.1.1-canary.3605

Sign up to get free protection for your applications and to get access to all the features.
Files changed (47) hide show
  1. package/.storybook/main.ts +15 -1
  2. package/.storybook/preview-head.html +5 -1
  3. package/.storybook/{theme.ts → theme.js} +2 -2
  4. package/es/components/side-panel/side-panel.d.ts +61 -80
  5. package/es/components/side-panel/side-panel.js +5 -3
  6. package/es/components/side-panel/side-panel.js.map +1 -1
  7. package/es/components/side-panel/side-panel.scss.js +1 -1
  8. package/es/components/tearsheet/defs.d.ts +26 -0
  9. package/es/components/tearsheet/defs.js +39 -0
  10. package/es/components/tearsheet/defs.js.map +1 -0
  11. package/es/components/tearsheet/index.d.ts +9 -0
  12. package/es/components/tearsheet/index.js +9 -0
  13. package/es/components/tearsheet/index.js.map +1 -0
  14. package/es/components/tearsheet/tearsheet.d.ts +490 -0
  15. package/es/components/tearsheet/tearsheet.js +685 -0
  16. package/es/components/tearsheet/tearsheet.js.map +1 -0
  17. package/es/components/tearsheet/tearsheet.scss.js +13 -0
  18. package/es/components/tearsheet/tearsheet.scss.js.map +1 -0
  19. package/es/components/tearsheet/tearsheet.test.d.ts +7 -0
  20. package/es/components/tearsheet/tearsheet.test.js +122 -0
  21. package/es/components/tearsheet/tearsheet.test.js.map +1 -0
  22. package/es/index.d.ts +1 -0
  23. package/es/index.js +1 -0
  24. package/es/index.js.map +1 -1
  25. package/lib/components/side-panel/side-panel.d.ts +61 -80
  26. package/lib/components/tearsheet/defs.d.ts +26 -0
  27. package/lib/components/tearsheet/defs.js +39 -0
  28. package/lib/components/tearsheet/defs.js.map +1 -0
  29. package/lib/components/tearsheet/index.d.ts +9 -0
  30. package/lib/components/tearsheet/tearsheet.d.ts +490 -0
  31. package/lib/components/tearsheet/tearsheet.test.d.ts +7 -0
  32. package/lib/index.d.ts +1 -0
  33. package/package.json +17 -17
  34. package/scss/components/tearsheet/story-styles.scss +23 -0
  35. package/scss/components/tearsheet/tearsheet.scss +318 -0
  36. package/src/components/side-panel/side-panel.ts +5 -5
  37. package/src/components/tearsheet/defs.ts +30 -0
  38. package/src/components/tearsheet/index.ts +10 -0
  39. package/src/components/tearsheet/story-styles.scss +23 -0
  40. package/src/components/tearsheet/tearsheet.mdx +101 -0
  41. package/src/components/tearsheet/tearsheet.scss +318 -0
  42. package/src/components/tearsheet/tearsheet.stories.ts +703 -0
  43. package/src/components/tearsheet/tearsheet.test.ts +118 -0
  44. package/src/components/tearsheet/tearsheet.ts +792 -0
  45. package/src/index.ts +1 -0
  46. package/netlify.toml +0 -8
  47. /package/.storybook/{Preview.ts → preview.ts} +0 -0
@@ -0,0 +1,490 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 2023, 2024
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
+ import '@carbon/web-components/es/components/layer/index.js';
12
+ import '@carbon/web-components/es/components/button/button-set-base.js';
13
+ import '@carbon/web-components/es/components/modal/index.js';
14
+ import { TEARSHEET_INFLUENCER_PLACEMENT, TEARSHEET_INFLUENCER_WIDTH, TEARSHEET_WIDTH } from './defs';
15
+ export { TEARSHEET_INFLUENCER_PLACEMENT, TEARSHEET_INFLUENCER_WIDTH, TEARSHEET_WIDTH, };
16
+ declare const CDSTearsheet_base: {
17
+ new (...args: any[]): {
18
+ _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
19
+ connectedCallback(): void;
20
+ disconnectedCallback(): void;
21
+ accessKey: string;
22
+ readonly accessKeyLabel: string;
23
+ autocapitalize: string;
24
+ dir: string;
25
+ draggable: boolean;
26
+ hidden: boolean;
27
+ inert: boolean;
28
+ innerText: string;
29
+ lang: string;
30
+ readonly offsetHeight: number;
31
+ readonly offsetLeft: number;
32
+ readonly offsetParent: Element | null;
33
+ readonly offsetTop: number;
34
+ readonly offsetWidth: number;
35
+ outerText: string;
36
+ spellcheck: boolean;
37
+ title: string;
38
+ translate: boolean;
39
+ attachInternals(): ElementInternals;
40
+ click(): void;
41
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
42
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
43
+ removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
44
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
45
+ readonly attributes: NamedNodeMap;
46
+ readonly classList: DOMTokenList;
47
+ className: string;
48
+ readonly clientHeight: number;
49
+ readonly clientLeft: number;
50
+ readonly clientTop: number;
51
+ readonly clientWidth: number;
52
+ id: string;
53
+ readonly localName: string;
54
+ readonly namespaceURI: string | null;
55
+ onfullscreenchange: ((this: Element, ev: Event) => any) | null;
56
+ onfullscreenerror: ((this: Element, ev: Event) => any) | null;
57
+ outerHTML: string;
58
+ readonly ownerDocument: Document;
59
+ readonly part: DOMTokenList;
60
+ readonly prefix: string | null;
61
+ readonly scrollHeight: number;
62
+ scrollLeft: number;
63
+ scrollTop: number;
64
+ readonly scrollWidth: number;
65
+ readonly shadowRoot: ShadowRoot | null;
66
+ slot: string;
67
+ readonly tagName: string;
68
+ attachShadow(init: ShadowRootInit): ShadowRoot;
69
+ closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
70
+ closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
71
+ closest<E extends Element = Element>(selectors: string): E | null;
72
+ getAttribute(qualifiedName: string): string | null;
73
+ getAttributeNS(namespace: string | null, localName: string): string | null;
74
+ getAttributeNames(): string[];
75
+ getAttributeNode(qualifiedName: string): Attr | null;
76
+ getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
77
+ getBoundingClientRect(): DOMRect;
78
+ getClientRects(): DOMRectList;
79
+ getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
80
+ getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
81
+ getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
82
+ getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
83
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
84
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
85
+ getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
86
+ hasAttribute(qualifiedName: string): boolean;
87
+ hasAttributeNS(namespace: string | null, localName: string): boolean;
88
+ hasAttributes(): boolean;
89
+ hasPointerCapture(pointerId: number): boolean;
90
+ insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
91
+ insertAdjacentHTML(position: InsertPosition, text: string): void;
92
+ insertAdjacentText(where: InsertPosition, data: string): void;
93
+ matches(selectors: string): boolean;
94
+ releasePointerCapture(pointerId: number): void;
95
+ removeAttribute(qualifiedName: string): void;
96
+ removeAttributeNS(namespace: string | null, localName: string): void;
97
+ removeAttributeNode(attr: Attr): Attr;
98
+ requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
99
+ requestPointerLock(): void;
100
+ scroll(options?: ScrollToOptions | undefined): void;
101
+ scroll(x: number, y: number): void;
102
+ scrollBy(options?: ScrollToOptions | undefined): void;
103
+ scrollBy(x: number, y: number): void;
104
+ scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
105
+ scrollTo(options?: ScrollToOptions | undefined): void;
106
+ scrollTo(x: number, y: number): void;
107
+ setAttribute(qualifiedName: string, value: string): void;
108
+ setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
109
+ setAttributeNode(attr: Attr): Attr | null;
110
+ setAttributeNodeNS(attr: Attr): Attr | null;
111
+ setPointerCapture(pointerId: number): void;
112
+ toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
113
+ webkitMatchesSelector(selectors: string): boolean;
114
+ readonly baseURI: string;
115
+ readonly childNodes: NodeListOf<ChildNode>;
116
+ readonly firstChild: ChildNode | null;
117
+ readonly isConnected: boolean;
118
+ readonly lastChild: ChildNode | null;
119
+ readonly nextSibling: ChildNode | null;
120
+ readonly nodeName: string;
121
+ readonly nodeType: number;
122
+ nodeValue: string | null;
123
+ readonly parentElement: HTMLElement | null;
124
+ readonly parentNode: ParentNode | null;
125
+ readonly previousSibling: ChildNode | null;
126
+ textContent: string | null;
127
+ appendChild<T_1 extends Node>(node: T_1): T_1;
128
+ cloneNode(deep?: boolean | undefined): Node;
129
+ compareDocumentPosition(other: Node): number;
130
+ contains(other: Node | null): boolean;
131
+ getRootNode(options?: GetRootNodeOptions | undefined): Node;
132
+ hasChildNodes(): boolean;
133
+ insertBefore<T_2 extends Node>(node: T_2, child: Node | null): T_2;
134
+ isDefaultNamespace(namespace: string | null): boolean;
135
+ isEqualNode(otherNode: Node | null): boolean;
136
+ isSameNode(otherNode: Node | null): boolean;
137
+ lookupNamespaceURI(prefix: string | null): string | null;
138
+ lookupPrefix(namespace: string | null): string | null;
139
+ normalize(): void;
140
+ removeChild<T_3 extends Node>(child: T_3): T_3;
141
+ replaceChild<T_4 extends Node>(node: Node, child: T_4): T_4;
142
+ readonly ATTRIBUTE_NODE: number;
143
+ readonly CDATA_SECTION_NODE: number;
144
+ readonly COMMENT_NODE: number;
145
+ readonly DOCUMENT_FRAGMENT_NODE: number;
146
+ readonly DOCUMENT_NODE: number;
147
+ readonly DOCUMENT_POSITION_CONTAINED_BY: number;
148
+ readonly DOCUMENT_POSITION_CONTAINS: number;
149
+ readonly DOCUMENT_POSITION_DISCONNECTED: number;
150
+ readonly DOCUMENT_POSITION_FOLLOWING: number;
151
+ readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
152
+ readonly DOCUMENT_POSITION_PRECEDING: number;
153
+ readonly DOCUMENT_TYPE_NODE: number;
154
+ readonly ELEMENT_NODE: number;
155
+ readonly ENTITY_NODE: number;
156
+ readonly ENTITY_REFERENCE_NODE: number;
157
+ readonly NOTATION_NODE: number;
158
+ readonly PROCESSING_INSTRUCTION_NODE: number;
159
+ readonly TEXT_NODE: number;
160
+ dispatchEvent(event: Event): boolean;
161
+ ariaAtomic: string | null;
162
+ ariaAutoComplete: string | null;
163
+ ariaBusy: string | null;
164
+ ariaChecked: string | null;
165
+ ariaColCount: string | null;
166
+ ariaColIndex: string | null;
167
+ ariaColIndexText: string | null;
168
+ ariaColSpan: string | null;
169
+ ariaCurrent: string | null;
170
+ ariaDisabled: string | null;
171
+ ariaExpanded: string | null;
172
+ ariaHasPopup: string | null;
173
+ ariaHidden: string | null;
174
+ ariaInvalid: string | null;
175
+ ariaKeyShortcuts: string | null;
176
+ ariaLabel: string | null;
177
+ ariaLevel: string | null;
178
+ ariaLive: string | null;
179
+ ariaModal: string | null;
180
+ ariaMultiLine: string | null;
181
+ ariaMultiSelectable: string | null;
182
+ ariaOrientation: string | null;
183
+ ariaPlaceholder: string | null;
184
+ ariaPosInSet: string | null;
185
+ ariaPressed: string | null;
186
+ ariaReadOnly: string | null;
187
+ ariaRequired: string | null;
188
+ ariaRoleDescription: string | null;
189
+ ariaRowCount: string | null;
190
+ ariaRowIndex: string | null;
191
+ ariaRowIndexText: string | null;
192
+ ariaRowSpan: string | null;
193
+ ariaSelected: string | null;
194
+ ariaSetSize: string | null;
195
+ ariaSort: string | null;
196
+ ariaValueMax: string | null;
197
+ ariaValueMin: string | null;
198
+ ariaValueNow: string | null;
199
+ ariaValueText: string | null;
200
+ role: string | null;
201
+ animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
202
+ getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
203
+ after(...nodes: (string | Node)[]): void;
204
+ before(...nodes: (string | Node)[]): void;
205
+ remove(): void;
206
+ replaceWith(...nodes: (string | Node)[]): void;
207
+ innerHTML: string;
208
+ readonly nextElementSibling: Element | null;
209
+ readonly previousElementSibling: Element | null;
210
+ readonly childElementCount: number;
211
+ readonly children: HTMLCollection;
212
+ readonly firstElementChild: Element | null;
213
+ readonly lastElementChild: Element | null;
214
+ append(...nodes: (string | Node)[]): void;
215
+ prepend(...nodes: (string | Node)[]): void;
216
+ querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
217
+ querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
218
+ querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
219
+ querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
220
+ querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
221
+ querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
222
+ replaceChildren(...nodes: (string | Node)[]): void;
223
+ readonly assignedSlot: HTMLSlotElement | null;
224
+ oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
225
+ oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
226
+ onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
227
+ readonly style: CSSStyleDeclaration;
228
+ contentEditable: string;
229
+ enterKeyHint: string;
230
+ inputMode: string;
231
+ readonly isContentEditable: boolean;
232
+ onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
233
+ onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
234
+ onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
235
+ onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
236
+ onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
237
+ onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
238
+ onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
239
+ onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
240
+ oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
241
+ oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
242
+ oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
243
+ onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
244
+ onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
245
+ onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
246
+ oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
247
+ oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
248
+ ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
249
+ ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
250
+ ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
251
+ ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
252
+ ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
253
+ ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
254
+ ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
255
+ ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
256
+ ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
257
+ onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
258
+ onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
259
+ onerror: OnErrorEventHandler;
260
+ onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
261
+ onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
262
+ ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
263
+ oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
264
+ oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
265
+ onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
266
+ onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
267
+ onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
268
+ onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
269
+ onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
270
+ onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
271
+ onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
272
+ onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
273
+ onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
274
+ onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
275
+ onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
276
+ onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
277
+ onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
278
+ onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
279
+ onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
280
+ onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
281
+ onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
282
+ onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
283
+ onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
284
+ onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
285
+ onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
286
+ onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
287
+ onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
288
+ onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
289
+ onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
290
+ onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
291
+ onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
292
+ onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
293
+ onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
294
+ onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
295
+ onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
296
+ onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
297
+ onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
298
+ onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
299
+ onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
300
+ onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
301
+ onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
302
+ onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
303
+ onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
304
+ onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
305
+ onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
306
+ ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
307
+ ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
308
+ ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
309
+ ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
310
+ ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
311
+ ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
312
+ ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
313
+ ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
314
+ ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
315
+ ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
316
+ onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
317
+ onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
318
+ onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
319
+ onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
320
+ onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
321
+ onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
322
+ onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
323
+ autofocus: boolean;
324
+ readonly dataset: DOMStringMap;
325
+ nonce?: string | undefined;
326
+ tabIndex: number;
327
+ blur(): void;
328
+ focus(options?: FocusOptions | undefined): void;
329
+ };
330
+ _hostListeners: {
331
+ [listenerName: string]: {
332
+ [type: string]: {
333
+ options?: boolean | AddEventListenerOptions | undefined;
334
+ };
335
+ };
336
+ };
337
+ } & typeof LitElement;
338
+ /**
339
+ * Tearsheet.
340
+ *
341
+ * @element c4p-tearsheet
342
+ * @csspart dialog The dialog.
343
+ * @fires c4p-tearsheet-beingclosed
344
+ * The custom event fired before this tearsheet is being closed upon a user gesture.
345
+ * Cancellation of this event stops the user-initiated action of closing this tearsheet.
346
+ * @fires c4p-tearsheet-closed - The custom event fired after this tearsheet is closed upon a user gesture.
347
+ */
348
+ declare class CDSTearsheet extends CDSTearsheet_base {
349
+ /**
350
+ * The element that had focus before this tearsheet gets open.
351
+ */
352
+ private _launcher;
353
+ /**
354
+ * Node to track focus going outside of tearsheet content.
355
+ */
356
+ private _startSentinelNode;
357
+ /**
358
+ * Node to track focus going outside of tearsheet content.
359
+ */
360
+ private _endSentinelNode;
361
+ /**
362
+ * Node to track tearsheet.
363
+ */
364
+ private _tearsheet;
365
+ private _actions;
366
+ _actionsCount: number;
367
+ _hasHeaderActions: boolean;
368
+ _hasLabel: boolean;
369
+ _hasSlug: boolean;
370
+ _hasTitle: boolean;
371
+ _hasDescription: boolean;
372
+ _hasInfluencerLeft: boolean;
373
+ _hasInfluencerRight: boolean;
374
+ _isOpen: boolean;
375
+ _hasHeaderNavigation: boolean;
376
+ /**
377
+ * Handles `click` event on this element.
378
+ *
379
+ * @param event The event.
380
+ */
381
+ private _handleClick;
382
+ /**
383
+ * Handles `blur` event on this element.
384
+ *
385
+ * @param event The event.
386
+ * @param event.target The event target.
387
+ * @param event.relatedTarget The event relatedTarget.
388
+ */
389
+ private _handleBlur;
390
+ private _handleKeydown;
391
+ private _checkSetHasSlot;
392
+ /**
393
+ * Handles `click` event on the modal container.
394
+ *
395
+ * @param event The event.
396
+ */
397
+ private _handleClickContainer;
398
+ /**
399
+ * Handles user-initiated close request of this tearsheet.
400
+ *
401
+ * @param triggeredBy The element that triggered this close request.
402
+ */
403
+ private _handleUserInitiatedClose;
404
+ private _handleSlugChange;
405
+ /**
406
+ * Optional aria label for the tearsheet
407
+ */
408
+ ariaLabel: string;
409
+ /**
410
+ * Sets the close button icon description
411
+ */
412
+ closeIconDescription: string;
413
+ /**
414
+ * Enable a close icon ('x') in the header area of the tearsheet. By default,
415
+ * (when this prop is omitted, or undefined or null) a tearsheet does not
416
+ * display a close icon if there are navigation actions ("transactional
417
+ * tearsheet") and displays one if there are no navigation actions ("passive
418
+ * tearsheet"), and that behavior can be overridden if required by setting
419
+ * this prop to either true or false.
420
+ */
421
+ hasCloseIcon: boolean;
422
+ /**
423
+ * The placement of the influencer section, 'left' or 'right'.
424
+ */
425
+ influencerPlacement: TEARSHEET_INFLUENCER_PLACEMENT;
426
+ /**
427
+ * The width of the influencer section, 'narrow' or 'wide'.
428
+ */
429
+ influencerWidth: TEARSHEET_INFLUENCER_WIDTH;
430
+ /**
431
+ * `true` if the tearsheet should be open.
432
+ */
433
+ open: boolean;
434
+ /**
435
+ * Prevent closing on click outside of tearsheet
436
+ */
437
+ preventCloseOnClickOutside: boolean;
438
+ /**
439
+ * The initial location of focus in the side panel
440
+ */
441
+ selectorInitialFocus: any;
442
+ /**
443
+ * The width of the influencer section, 'narrow' or 'wide'.
444
+ */
445
+ width: TEARSHEET_WIDTH;
446
+ private _checkUpdateActionSizes;
447
+ private _maxActions;
448
+ private _handleActionsChange;
449
+ _stackDepth: number;
450
+ _stackPosition: number;
451
+ private _topOfStack;
452
+ private static _stack;
453
+ private _notifyStack;
454
+ private _handleStackChange;
455
+ private _updateStack;
456
+ actionsMultiple: string;
457
+ connectedCallback(): void;
458
+ disconnectedCallback(): void;
459
+ render(): import("lit-html").TemplateResult<1>;
460
+ _checkSetOpen: () => void;
461
+ updated(changedProperties: any): Promise<void>;
462
+ /**
463
+ * @param ms The number of milliseconds.
464
+ * @returns A promise that is resolves after the given milliseconds.
465
+ */
466
+ private static _delay;
467
+ /**
468
+ * A selector selecting buttons that should close this modal.
469
+ */
470
+ static get selectorCloseButton(): string;
471
+ /**
472
+ * A selector selecting tabbable nodes.
473
+ */
474
+ static get selectorTabbable(): string;
475
+ /**
476
+ * The name of the custom event fired before this tearsheet is being closed upon a user gesture.
477
+ * Cancellation of this event stops the user-initiated action of closing this tearsheet.
478
+ */
479
+ static get eventBeforeClose(): string;
480
+ /**
481
+ * The name of the custom event fired after this tearsheet is closed upon a user gesture.
482
+ */
483
+ static get eventClose(): string;
484
+ /**
485
+ * The name of the custom event fired on clicking the navigate back button
486
+ */
487
+ static get eventNavigateBack(): string;
488
+ static styles: any;
489
+ }
490
+ export default CDSTearsheet;