@carbon/ibm-products-web-components 0.26.0-rc.0 → 0.27.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +109 -0
- package/es/components/checklist/checklist-item.d.ts +1 -0
- package/es/components/checklist/checklist-item.js +8 -2
- package/es/components/checklist/checklist-item.js.map +1 -1
- package/es/components/checklist/checklist.d.ts +2 -0
- package/es/components/checklist/checklist.js +15 -3
- package/es/components/checklist/checklist.js.map +1 -1
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +397 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js +126 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +13 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js.map +1 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.d.ts +9 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.js +70 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.js.map +1 -0
- package/es/components/coachmark/coachmark-beacon/defs.d.ts +14 -0
- package/es/components/coachmark/coachmark-beacon/defs.js +25 -0
- package/es/components/coachmark/coachmark-beacon/defs.js.map +1 -0
- package/es/components/coachmark/coachmark-beacon/index.d.ts +9 -0
- package/es/components/coachmark/coachmark-beacon/index.js +9 -0
- package/es/components/coachmark/coachmark-beacon/index.js.map +1 -0
- package/es/components/page-header/page-header-tabs.js +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/components/checklist/checklist-item.d.ts +1 -0
- package/es-custom/components/checklist/checklist-item.js +8 -2
- package/es-custom/components/checklist/checklist-item.js.map +1 -1
- package/es-custom/components/checklist/checklist.d.ts +2 -0
- package/es-custom/components/checklist/checklist.js +15 -3
- package/es-custom/components/checklist/checklist.js.map +1 -1
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +397 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js +126 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +13 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.test.d.ts +9 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.test.js +70 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.test.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.d.ts +14 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.js +25 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/index.d.ts +9 -0
- package/es-custom/components/coachmark/coachmark-beacon/index.js +9 -0
- package/es-custom/components/coachmark/coachmark-beacon/index.js.map +1 -0
- package/es-custom/components/page-header/page-header-tabs.js +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/lib/components/checklist/checklist-item.d.ts +1 -0
- package/lib/components/checklist/checklist.d.ts +2 -0
- package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +397 -0
- package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.test.d.ts +9 -0
- package/lib/components/coachmark/coachmark-beacon/defs.d.ts +14 -0
- package/lib/components/coachmark/coachmark-beacon/defs.js +25 -0
- package/lib/components/coachmark/coachmark-beacon/defs.js.map +1 -0
- package/lib/components/coachmark/coachmark-beacon/index.d.ts +9 -0
- package/package.json +8 -8
- package/scss/components/coachmark/coachmark-beacon/coachmark-beacon.scss +90 -0
- package/scss/components/page-header/page-header.scss +3 -1
- package/telemetry.yml +2 -0
package/custom-elements.json
CHANGED
|
@@ -422,6 +422,115 @@
|
|
|
422
422
|
}
|
|
423
423
|
]
|
|
424
424
|
},
|
|
425
|
+
{
|
|
426
|
+
"name": "c4p-coachmark-beacon",
|
|
427
|
+
"path": "./src/components/coachmark/coachmark-beacon/coachmark-beacon.ts",
|
|
428
|
+
"description": "CoachmarkBeacon.",
|
|
429
|
+
"attributes": [
|
|
430
|
+
{
|
|
431
|
+
"name": "kind",
|
|
432
|
+
"description": "What style of beacon.\nBEACON_KIND is an enum from the Coachmark and can be used for this value.",
|
|
433
|
+
"type": "BEACON_KIND | undefined",
|
|
434
|
+
"default": "\"default\""
|
|
435
|
+
},
|
|
436
|
+
{
|
|
437
|
+
"name": "label",
|
|
438
|
+
"description": "The aria label.",
|
|
439
|
+
"type": "string",
|
|
440
|
+
"default": "\"Show information\""
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"name": "id",
|
|
444
|
+
"description": "id for the coachmark beacon",
|
|
445
|
+
"type": "string",
|
|
446
|
+
"default": "\"crypto.randomUUID()\""
|
|
447
|
+
}
|
|
448
|
+
],
|
|
449
|
+
"properties": [
|
|
450
|
+
{
|
|
451
|
+
"name": "kind",
|
|
452
|
+
"attribute": "kind",
|
|
453
|
+
"description": "What style of beacon.\nBEACON_KIND is an enum from the Coachmark and can be used for this value.",
|
|
454
|
+
"type": "BEACON_KIND | undefined",
|
|
455
|
+
"default": "\"default\""
|
|
456
|
+
},
|
|
457
|
+
{
|
|
458
|
+
"name": "label",
|
|
459
|
+
"attribute": "label",
|
|
460
|
+
"description": "The aria label.",
|
|
461
|
+
"type": "string",
|
|
462
|
+
"default": "\"Show information\""
|
|
463
|
+
},
|
|
464
|
+
{
|
|
465
|
+
"name": "id",
|
|
466
|
+
"attribute": "id",
|
|
467
|
+
"description": "id for the coachmark beacon",
|
|
468
|
+
"type": "string",
|
|
469
|
+
"default": "\"crypto.randomUUID()\""
|
|
470
|
+
},
|
|
471
|
+
{
|
|
472
|
+
"name": "shadowRootOptions",
|
|
473
|
+
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
|
|
474
|
+
"default": "{\"delegatesFocus\":true}"
|
|
475
|
+
},
|
|
476
|
+
{
|
|
477
|
+
"name": "styles",
|
|
478
|
+
"default": "\"styles\""
|
|
479
|
+
},
|
|
480
|
+
{
|
|
481
|
+
"name": "size",
|
|
482
|
+
"type": "number"
|
|
483
|
+
},
|
|
484
|
+
{
|
|
485
|
+
"name": "context-request",
|
|
486
|
+
"description": "A 'context-request' event can be emitted by any element which desires\na context value to be injected by an external provider.",
|
|
487
|
+
"type": "ContextRequestEvent<{ __context__: unknown; }>"
|
|
488
|
+
},
|
|
489
|
+
{
|
|
490
|
+
"name": "context-provider",
|
|
491
|
+
"description": "A 'context-provider' event can be emitted by any element which hosts\na context provider to indicate it is available for use.",
|
|
492
|
+
"type": "ContextProviderEvent<{ __context__: unknown; }>"
|
|
493
|
+
},
|
|
494
|
+
{
|
|
495
|
+
"name": "customElements",
|
|
496
|
+
"type": "CustomElementRegistry | undefined"
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"name": "registry",
|
|
500
|
+
"type": "CustomElementRegistry | undefined"
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"name": "step-group",
|
|
504
|
+
"type": "StepGroup"
|
|
505
|
+
},
|
|
506
|
+
{
|
|
507
|
+
"name": "step-tearsheet",
|
|
508
|
+
"type": "StepTearsheet"
|
|
509
|
+
},
|
|
510
|
+
{
|
|
511
|
+
"name": "set-of-actions",
|
|
512
|
+
"type": "SetOfActions"
|
|
513
|
+
},
|
|
514
|
+
{
|
|
515
|
+
"name": "set-of-breadcrumbs",
|
|
516
|
+
"type": "SetOfBreadcrumbs"
|
|
517
|
+
},
|
|
518
|
+
{
|
|
519
|
+
"name": "set-of-tags",
|
|
520
|
+
"type": "SetOfTags"
|
|
521
|
+
},
|
|
522
|
+
{
|
|
523
|
+
"name": "set-of-users",
|
|
524
|
+
"type": "SetOfUsers"
|
|
525
|
+
}
|
|
526
|
+
],
|
|
527
|
+
"events": [
|
|
528
|
+
{
|
|
529
|
+
"name": "c4p-coachmark-beacon-clicked",
|
|
530
|
+
"description": "Custom event fired when beacon is clicked"
|
|
531
|
+
}
|
|
532
|
+
]
|
|
533
|
+
},
|
|
425
534
|
{
|
|
426
535
|
"name": "c4p-full-page-error",
|
|
427
536
|
"path": "./src/components/full-page-error/full-page-error.ts",
|
|
@@ -27,6 +27,7 @@ declare class CDSChecklistItem extends LitElement {
|
|
|
27
27
|
/** When true, makes the checklist item label clickable */
|
|
28
28
|
clickable: boolean;
|
|
29
29
|
private _handleClick;
|
|
30
|
+
private _handleKeyDown;
|
|
30
31
|
private _mapStatusToKind;
|
|
31
32
|
private _updateAttributes;
|
|
32
33
|
firstUpdated(): void;
|
|
@@ -48,6 +48,11 @@ let CDSChecklistItem = class CDSChecklistItem extends LitElement {
|
|
|
48
48
|
};
|
|
49
49
|
this.dispatchEvent(new CustomEvent(this.constructor.checklistItemClicked, init));
|
|
50
50
|
}
|
|
51
|
+
_handleKeyDown(event) {
|
|
52
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
53
|
+
this._handleClick(event);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
51
56
|
_mapStatusToKind(status) {
|
|
52
57
|
switch (status) {
|
|
53
58
|
case Statuses.NotStarted:
|
|
@@ -66,14 +71,13 @@ let CDSChecklistItem = class CDSChecklistItem extends LitElement {
|
|
|
66
71
|
}
|
|
67
72
|
_updateAttributes() {
|
|
68
73
|
this.setAttribute('role', 'listitem');
|
|
69
|
-
this.setAttribute('tabindex', '0');
|
|
70
74
|
this.classList.add(`${prefix}--checklist__list-item`);
|
|
71
75
|
}
|
|
72
76
|
firstUpdated() {
|
|
73
77
|
this._updateAttributes();
|
|
74
78
|
}
|
|
75
79
|
render() {
|
|
76
|
-
const { clickable, label, status, _handleClick: handleClick } = this;
|
|
80
|
+
const { clickable, label, status, _handleClick: handleClick, _handleKeyDown: handleKeyDown, } = this;
|
|
77
81
|
const iconKind = this._mapStatusToKind(status);
|
|
78
82
|
const classes = classMap({
|
|
79
83
|
[`${prefix}--checklist__label`]: true,
|
|
@@ -88,7 +92,9 @@ let CDSChecklistItem = class CDSChecklistItem extends LitElement {
|
|
|
88
92
|
<div
|
|
89
93
|
class="${classes}"
|
|
90
94
|
title=${label}
|
|
95
|
+
role=${clickable ? 'link' : undefined}
|
|
91
96
|
@click=${clickable ? handleClick : undefined}
|
|
97
|
+
@keydown=${clickable ? handleKeyDown : undefined}
|
|
92
98
|
tabindex=${clickable ? 0 : -1}
|
|
93
99
|
>
|
|
94
100
|
${label}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checklist-item.js","sources":["../../../src/components/checklist/checklist-item.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAWH;;;;;;AAMG;AAEH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU,CAAA;AAAzC,IAAA,WAAA,GAAA;;;QAgBE,IAAS,CAAA,SAAA,GAAG,KAAK;;AAET,IAAA,YAAY,CAAC,KAAY,EAAA;AAC/B,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;QAChC,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,WAAW;AACZ,aAAA;SACF;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAuC,CAAC,oBAAoB,EAClE,IAAI,CACL,CACF;;AAGK,IAAA,gBAAgB,CAAC,MAAM,EAAA;QAC7B,QAAQ,MAAM;YACZ,KAAK,QAAQ,CAAC,UAAU;gBACtB,OAAO,KAAK,CAAC,SAAS;YACxB,KAAK,QAAQ,CAAC,UAAU;gBACtB,OAAO,KAAK,CAAC,aAAa;YAC5B,KAAK,QAAQ,CAAC,SAAS;gBACrB,OAAO,KAAK,CAAC,OAAO;YACtB,KAAK,QAAQ,CAAC,KAAK;gBACjB,OAAO,KAAK,CAAC,KAAK;YACpB,KAAK,QAAQ,CAAC,QAAQ;gBACpB,OAAO,KAAK,CAAC,QAAQ;AACvB,YAAA;gBACE,OAAO,KAAK,CAAC,KAAK;;;IAIhB,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"checklist-item.js","sources":["../../../src/components/checklist/checklist-item.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { LitElement } from 'lit';
|
|
10
10
|
import '@carbon/web-components/es/components/icon-button/index.js';
|
|
11
|
+
import '@carbon/web-components/es/components/link/index.js';
|
|
11
12
|
import './checklist-chart';
|
|
12
13
|
import './checklist-icon';
|
|
13
14
|
/**
|
|
@@ -56,6 +57,7 @@ declare class CDSChecklist extends LitElement {
|
|
|
56
57
|
*/
|
|
57
58
|
viewAllLabel: any;
|
|
58
59
|
private _viewAll;
|
|
60
|
+
private _handleKeyDown;
|
|
59
61
|
private _onToggle;
|
|
60
62
|
render(): import("lit-html").TemplateResult<1>;
|
|
61
63
|
/**
|
|
@@ -13,6 +13,7 @@ import { carbonElement } from '@carbon/web-components/es/globals/decorators/carb
|
|
|
13
13
|
import ChevronIcon16 from '@carbon/icons/es/chevron--up/16';
|
|
14
14
|
import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
|
|
15
15
|
import '@carbon/web-components/es/components/icon-button/index.js';
|
|
16
|
+
import '@carbon/web-components/es/components/link/index.js';
|
|
16
17
|
import { prefix } from '../../globals/settings.js';
|
|
17
18
|
import styles from './checklist.scss.js';
|
|
18
19
|
import './checklist-chart.js';
|
|
@@ -60,6 +61,11 @@ let CDSChecklist = class CDSChecklist extends LitElement {
|
|
|
60
61
|
};
|
|
61
62
|
this.dispatchEvent(new CustomEvent(this.constructor.checklistViewAll, init));
|
|
62
63
|
}
|
|
64
|
+
_handleKeyDown(event) {
|
|
65
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
66
|
+
this._viewAll(event);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
63
69
|
_onToggle(event) {
|
|
64
70
|
this.open = !this.open;
|
|
65
71
|
// Fire custom event
|
|
@@ -76,13 +82,13 @@ let CDSChecklist = class CDSChecklist extends LitElement {
|
|
|
76
82
|
this.dispatchEvent(new CustomEvent(this.constructor.checklistToggle, init));
|
|
77
83
|
}
|
|
78
84
|
render() {
|
|
79
|
-
const { open, chartLabel, chartValue, title, disableToggle, toggleLabel, toggleLabelAlign, toggleAriaLabel, viewAllLabel, _viewAll: viewAll, _onToggle: onToggle, } = this;
|
|
85
|
+
const { open, chartLabel, chartValue, title, disableToggle, toggleLabel, toggleLabelAlign, toggleAriaLabel, viewAllLabel, _viewAll: viewAll, _onToggle: onToggle, _handleKeyDown: handleKeyDown, } = this;
|
|
80
86
|
const classes = classMap({
|
|
81
87
|
[`${blockClass}`]: true,
|
|
82
88
|
[`${blockClass}__closed`]: !open,
|
|
83
89
|
});
|
|
84
90
|
return html `
|
|
85
|
-
<aside class=${classes}>
|
|
91
|
+
<aside class=${classes} aria-label="Checklist">
|
|
86
92
|
<!-- Header -->
|
|
87
93
|
<header class="${blockClass}__header">
|
|
88
94
|
<slot name="checklist-header">
|
|
@@ -129,7 +135,13 @@ let CDSChecklist = class CDSChecklist extends LitElement {
|
|
|
129
135
|
<div class="${blockClass}__footer">
|
|
130
136
|
<slot name="checklist-footer">
|
|
131
137
|
${viewAllLabel &&
|
|
132
|
-
html `<cds-link
|
|
138
|
+
html `<cds-link
|
|
139
|
+
role="link"
|
|
140
|
+
@click=${viewAll}
|
|
141
|
+
@keydown=${handleKeyDown}
|
|
142
|
+
>
|
|
143
|
+
${viewAllLabel}
|
|
144
|
+
</cds-link>`}
|
|
133
145
|
</slot>
|
|
134
146
|
</div>
|
|
135
147
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checklist.js","sources":["../../../src/components/checklist/checklist.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"checklist.js","sources":["../../../src/components/checklist/checklist.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -0,0 +1,397 @@
|
|
|
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/button.js';
|
|
11
|
+
import { BEACON_KIND } from './defs';
|
|
12
|
+
declare const CDSCoachmarkBeacon_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
|
+
dir: string;
|
|
21
|
+
draggable: boolean;
|
|
22
|
+
hidden: boolean;
|
|
23
|
+
inert: boolean;
|
|
24
|
+
innerText: string;
|
|
25
|
+
lang: string;
|
|
26
|
+
readonly offsetHeight: number;
|
|
27
|
+
readonly offsetLeft: number;
|
|
28
|
+
readonly offsetParent: Element | null;
|
|
29
|
+
readonly offsetTop: number;
|
|
30
|
+
readonly offsetWidth: number;
|
|
31
|
+
outerText: string;
|
|
32
|
+
popover: string | null;
|
|
33
|
+
spellcheck: boolean;
|
|
34
|
+
title: string;
|
|
35
|
+
translate: boolean;
|
|
36
|
+
writingSuggestions: string;
|
|
37
|
+
attachInternals(): ElementInternals;
|
|
38
|
+
click(): void;
|
|
39
|
+
hidePopover(): void;
|
|
40
|
+
showPopover(): void;
|
|
41
|
+
togglePopover(force?: boolean): boolean;
|
|
42
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
43
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
44
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
45
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
46
|
+
readonly attributes: NamedNodeMap;
|
|
47
|
+
readonly classList: DOMTokenList;
|
|
48
|
+
className: string;
|
|
49
|
+
readonly clientHeight: number;
|
|
50
|
+
readonly clientLeft: number;
|
|
51
|
+
readonly clientTop: number;
|
|
52
|
+
readonly clientWidth: number;
|
|
53
|
+
readonly currentCSSZoom: number;
|
|
54
|
+
id: string;
|
|
55
|
+
innerHTML: string;
|
|
56
|
+
readonly localName: string;
|
|
57
|
+
readonly namespaceURI: string | null;
|
|
58
|
+
onfullscreenchange: ((this: Element, ev: Event) => any) | null;
|
|
59
|
+
onfullscreenerror: ((this: Element, ev: Event) => any) | null;
|
|
60
|
+
outerHTML: string;
|
|
61
|
+
readonly ownerDocument: Document;
|
|
62
|
+
readonly part: DOMTokenList;
|
|
63
|
+
readonly prefix: string | null;
|
|
64
|
+
readonly scrollHeight: number;
|
|
65
|
+
scrollLeft: number;
|
|
66
|
+
scrollTop: number;
|
|
67
|
+
readonly scrollWidth: number;
|
|
68
|
+
readonly shadowRoot: ShadowRoot | null;
|
|
69
|
+
slot: string;
|
|
70
|
+
readonly tagName: string;
|
|
71
|
+
attachShadow(init: ShadowRootInit): ShadowRoot;
|
|
72
|
+
checkVisibility(options?: CheckVisibilityOptions): boolean;
|
|
73
|
+
closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
|
|
74
|
+
closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
|
|
75
|
+
closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
|
|
76
|
+
closest<E extends Element = Element>(selectors: string): E | null;
|
|
77
|
+
computedStyleMap(): StylePropertyMapReadOnly;
|
|
78
|
+
getAttribute(qualifiedName: string): string | null;
|
|
79
|
+
getAttributeNS(namespace: string | null, localName: string): string | null;
|
|
80
|
+
getAttributeNames(): string[];
|
|
81
|
+
getAttributeNode(qualifiedName: string): Attr | null;
|
|
82
|
+
getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
|
|
83
|
+
getBoundingClientRect(): DOMRect;
|
|
84
|
+
getClientRects(): DOMRectList;
|
|
85
|
+
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
|
|
86
|
+
getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
|
|
87
|
+
getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
|
|
88
|
+
getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
|
|
89
|
+
getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
90
|
+
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
|
|
91
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
|
|
92
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
|
|
93
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
|
|
94
|
+
getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
|
|
95
|
+
getHTML(options?: GetHTMLOptions): string;
|
|
96
|
+
hasAttribute(qualifiedName: string): boolean;
|
|
97
|
+
hasAttributeNS(namespace: string | null, localName: string): boolean;
|
|
98
|
+
hasAttributes(): boolean;
|
|
99
|
+
hasPointerCapture(pointerId: number): boolean;
|
|
100
|
+
insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
|
|
101
|
+
insertAdjacentHTML(position: InsertPosition, string: string): void;
|
|
102
|
+
insertAdjacentText(where: InsertPosition, data: string): void;
|
|
103
|
+
matches(selectors: string): boolean;
|
|
104
|
+
releasePointerCapture(pointerId: number): void;
|
|
105
|
+
removeAttribute(qualifiedName: string): void;
|
|
106
|
+
removeAttributeNS(namespace: string | null, localName: string): void;
|
|
107
|
+
removeAttributeNode(attr: Attr): Attr;
|
|
108
|
+
requestFullscreen(options?: FullscreenOptions): Promise<void>;
|
|
109
|
+
requestPointerLock(options?: PointerLockOptions): Promise<void>;
|
|
110
|
+
scroll(options?: ScrollToOptions): void;
|
|
111
|
+
scroll(x: number, y: number): void;
|
|
112
|
+
scrollBy(options?: ScrollToOptions): void;
|
|
113
|
+
scrollBy(x: number, y: number): void;
|
|
114
|
+
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
|
|
115
|
+
scrollTo(options?: ScrollToOptions): void;
|
|
116
|
+
scrollTo(x: number, y: number): void;
|
|
117
|
+
setAttribute(qualifiedName: string, value: string): void;
|
|
118
|
+
setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
|
|
119
|
+
setAttributeNode(attr: Attr): Attr | null;
|
|
120
|
+
setAttributeNodeNS(attr: Attr): Attr | null;
|
|
121
|
+
setHTMLUnsafe(html: string): void;
|
|
122
|
+
setPointerCapture(pointerId: number): void;
|
|
123
|
+
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
124
|
+
webkitMatchesSelector(selectors: string): boolean;
|
|
125
|
+
readonly baseURI: string;
|
|
126
|
+
readonly childNodes: NodeListOf<ChildNode>;
|
|
127
|
+
readonly firstChild: ChildNode | null;
|
|
128
|
+
readonly isConnected: boolean;
|
|
129
|
+
readonly lastChild: ChildNode | null;
|
|
130
|
+
readonly nextSibling: ChildNode | null;
|
|
131
|
+
readonly nodeName: string;
|
|
132
|
+
readonly nodeType: number;
|
|
133
|
+
nodeValue: string | null;
|
|
134
|
+
readonly parentElement: HTMLElement | null;
|
|
135
|
+
readonly parentNode: ParentNode | null;
|
|
136
|
+
readonly previousSibling: ChildNode | null;
|
|
137
|
+
textContent: string | null;
|
|
138
|
+
appendChild<T_1 extends Node>(node: T_1): T_1;
|
|
139
|
+
cloneNode(deep?: boolean): Node;
|
|
140
|
+
compareDocumentPosition(other: Node): number;
|
|
141
|
+
contains(other: Node | null): boolean;
|
|
142
|
+
getRootNode(options?: GetRootNodeOptions): Node;
|
|
143
|
+
hasChildNodes(): boolean;
|
|
144
|
+
insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
|
|
145
|
+
isDefaultNamespace(namespace: string | null): boolean;
|
|
146
|
+
isEqualNode(otherNode: Node | null): boolean;
|
|
147
|
+
isSameNode(otherNode: Node | null): boolean;
|
|
148
|
+
lookupNamespaceURI(prefix: string | null): string | null;
|
|
149
|
+
lookupPrefix(namespace: string | null): string | null;
|
|
150
|
+
normalize(): void;
|
|
151
|
+
removeChild<T_1 extends Node>(child: T_1): T_1;
|
|
152
|
+
replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
|
|
153
|
+
readonly ELEMENT_NODE: 1;
|
|
154
|
+
readonly ATTRIBUTE_NODE: 2;
|
|
155
|
+
readonly TEXT_NODE: 3;
|
|
156
|
+
readonly CDATA_SECTION_NODE: 4;
|
|
157
|
+
readonly ENTITY_REFERENCE_NODE: 5;
|
|
158
|
+
readonly ENTITY_NODE: 6;
|
|
159
|
+
readonly PROCESSING_INSTRUCTION_NODE: 7;
|
|
160
|
+
readonly COMMENT_NODE: 8;
|
|
161
|
+
readonly DOCUMENT_NODE: 9;
|
|
162
|
+
readonly DOCUMENT_TYPE_NODE: 10;
|
|
163
|
+
readonly DOCUMENT_FRAGMENT_NODE: 11;
|
|
164
|
+
readonly NOTATION_NODE: 12;
|
|
165
|
+
readonly DOCUMENT_POSITION_DISCONNECTED: 1;
|
|
166
|
+
readonly DOCUMENT_POSITION_PRECEDING: 2;
|
|
167
|
+
readonly DOCUMENT_POSITION_FOLLOWING: 4;
|
|
168
|
+
readonly DOCUMENT_POSITION_CONTAINS: 8;
|
|
169
|
+
readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
|
|
170
|
+
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
|
|
171
|
+
dispatchEvent(event: Event): boolean;
|
|
172
|
+
ariaAtomic: string | null;
|
|
173
|
+
ariaAutoComplete: string | null;
|
|
174
|
+
ariaBrailleLabel: string | null;
|
|
175
|
+
ariaBrailleRoleDescription: string | null;
|
|
176
|
+
ariaBusy: string | null;
|
|
177
|
+
ariaChecked: string | null;
|
|
178
|
+
ariaColCount: string | null;
|
|
179
|
+
ariaColIndex: string | null;
|
|
180
|
+
ariaColIndexText: string | null;
|
|
181
|
+
ariaColSpan: string | null;
|
|
182
|
+
ariaCurrent: string | null;
|
|
183
|
+
ariaDescription: string | null;
|
|
184
|
+
ariaDisabled: string | null;
|
|
185
|
+
ariaExpanded: string | null;
|
|
186
|
+
ariaHasPopup: string | null;
|
|
187
|
+
ariaHidden: string | null;
|
|
188
|
+
ariaInvalid: string | null;
|
|
189
|
+
ariaKeyShortcuts: string | null;
|
|
190
|
+
ariaLabel: string | null;
|
|
191
|
+
ariaLevel: string | null;
|
|
192
|
+
ariaLive: string | null;
|
|
193
|
+
ariaModal: string | null;
|
|
194
|
+
ariaMultiLine: string | null;
|
|
195
|
+
ariaMultiSelectable: string | null;
|
|
196
|
+
ariaOrientation: string | null;
|
|
197
|
+
ariaPlaceholder: string | null;
|
|
198
|
+
ariaPosInSet: string | null;
|
|
199
|
+
ariaPressed: string | null;
|
|
200
|
+
ariaReadOnly: string | null;
|
|
201
|
+
ariaRequired: string | null;
|
|
202
|
+
ariaRoleDescription: string | null;
|
|
203
|
+
ariaRowCount: string | null;
|
|
204
|
+
ariaRowIndex: string | null;
|
|
205
|
+
ariaRowIndexText: string | null;
|
|
206
|
+
ariaRowSpan: string | null;
|
|
207
|
+
ariaSelected: string | null;
|
|
208
|
+
ariaSetSize: string | null;
|
|
209
|
+
ariaSort: string | null;
|
|
210
|
+
ariaValueMax: string | null;
|
|
211
|
+
ariaValueMin: string | null;
|
|
212
|
+
ariaValueNow: string | null;
|
|
213
|
+
ariaValueText: string | null;
|
|
214
|
+
role: string | null;
|
|
215
|
+
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
|
|
216
|
+
getAnimations(options?: GetAnimationsOptions): Animation[];
|
|
217
|
+
after(...nodes: (Node | string)[]): void;
|
|
218
|
+
before(...nodes: (Node | string)[]): void;
|
|
219
|
+
remove(): void;
|
|
220
|
+
replaceWith(...nodes: (Node | string)[]): void;
|
|
221
|
+
readonly nextElementSibling: Element | null;
|
|
222
|
+
readonly previousElementSibling: Element | null;
|
|
223
|
+
readonly childElementCount: number;
|
|
224
|
+
readonly children: HTMLCollection;
|
|
225
|
+
readonly firstElementChild: Element | null;
|
|
226
|
+
readonly lastElementChild: Element | null;
|
|
227
|
+
append(...nodes: (Node | string)[]): void;
|
|
228
|
+
prepend(...nodes: (Node | string)[]): void;
|
|
229
|
+
querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
|
|
230
|
+
querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
|
|
231
|
+
querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
|
|
232
|
+
querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
|
|
233
|
+
querySelector<E extends Element = Element>(selectors: string): E | null;
|
|
234
|
+
querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
|
|
235
|
+
querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
|
|
236
|
+
querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
|
|
237
|
+
querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
238
|
+
querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
|
|
239
|
+
replaceChildren(...nodes: (Node | string)[]): void;
|
|
240
|
+
readonly assignedSlot: HTMLSlotElement | null;
|
|
241
|
+
readonly attributeStyleMap: StylePropertyMap;
|
|
242
|
+
readonly style: CSSStyleDeclaration;
|
|
243
|
+
contentEditable: string;
|
|
244
|
+
enterKeyHint: string;
|
|
245
|
+
inputMode: string;
|
|
246
|
+
readonly isContentEditable: boolean;
|
|
247
|
+
onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
248
|
+
onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
249
|
+
onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
250
|
+
onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
251
|
+
onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
252
|
+
onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
253
|
+
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
|
|
254
|
+
onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
255
|
+
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
256
|
+
oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
257
|
+
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
258
|
+
oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
259
|
+
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
260
|
+
onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
261
|
+
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
262
|
+
oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
263
|
+
oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
264
|
+
oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
265
|
+
oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
266
|
+
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
267
|
+
oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
268
|
+
ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
269
|
+
ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
270
|
+
ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
271
|
+
ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
272
|
+
ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
273
|
+
ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
274
|
+
ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
275
|
+
ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
276
|
+
ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
277
|
+
onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
278
|
+
onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
279
|
+
onerror: OnErrorEventHandler;
|
|
280
|
+
onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
281
|
+
onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
|
|
282
|
+
ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
283
|
+
oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
284
|
+
oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
285
|
+
onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
286
|
+
onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
287
|
+
onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
288
|
+
onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
289
|
+
onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
290
|
+
onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
291
|
+
onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
292
|
+
onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
293
|
+
onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
294
|
+
onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
295
|
+
onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
296
|
+
onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
297
|
+
onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
298
|
+
onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
299
|
+
onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
300
|
+
onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
301
|
+
onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
302
|
+
onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
303
|
+
onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
304
|
+
onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
305
|
+
onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
306
|
+
onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
307
|
+
onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
308
|
+
onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
309
|
+
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
310
|
+
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
311
|
+
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
312
|
+
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
313
|
+
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
314
|
+
onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
315
|
+
onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
316
|
+
onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
317
|
+
onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
318
|
+
onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
|
|
319
|
+
onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
320
|
+
onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
321
|
+
onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
322
|
+
onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
323
|
+
onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
324
|
+
onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
325
|
+
onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
326
|
+
onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
|
|
327
|
+
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
328
|
+
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
329
|
+
ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
330
|
+
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
331
|
+
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
332
|
+
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
333
|
+
ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
334
|
+
ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
335
|
+
ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
336
|
+
ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
337
|
+
ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
338
|
+
onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
339
|
+
onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
340
|
+
onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
341
|
+
onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
342
|
+
onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
343
|
+
onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
344
|
+
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
|
345
|
+
autofocus: boolean;
|
|
346
|
+
readonly dataset: DOMStringMap;
|
|
347
|
+
nonce?: string;
|
|
348
|
+
tabIndex: number;
|
|
349
|
+
blur(): void;
|
|
350
|
+
focus(options?: FocusOptions): void;
|
|
351
|
+
};
|
|
352
|
+
_hostListeners: {
|
|
353
|
+
[listenerName: string]: {
|
|
354
|
+
[type: string]: {
|
|
355
|
+
options?: boolean | AddEventListenerOptions;
|
|
356
|
+
};
|
|
357
|
+
};
|
|
358
|
+
};
|
|
359
|
+
} & typeof LitElement;
|
|
360
|
+
/**
|
|
361
|
+
* CoachmarkBeacon.
|
|
362
|
+
*
|
|
363
|
+
* @element c4p-coachmark-beacon
|
|
364
|
+
* @fires c4p-coachmark-beacon-clicked Custom event fired when beacon is clicked
|
|
365
|
+
* */
|
|
366
|
+
declare class CDSCoachmarkBeacon extends CDSCoachmarkBeacon_base {
|
|
367
|
+
/**
|
|
368
|
+
* What style of beacon.
|
|
369
|
+
* BEACON_KIND is an enum from the Coachmark and can be used for this value.
|
|
370
|
+
* @see {@Link BEACON_KIND}
|
|
371
|
+
*/
|
|
372
|
+
kind?: BEACON_KIND;
|
|
373
|
+
/**
|
|
374
|
+
* The aria label.
|
|
375
|
+
*/
|
|
376
|
+
label: string;
|
|
377
|
+
/**
|
|
378
|
+
* id for the coachmark beacon
|
|
379
|
+
*/
|
|
380
|
+
id: string;
|
|
381
|
+
private expanded;
|
|
382
|
+
firstUpdated(): void;
|
|
383
|
+
private _handleClick;
|
|
384
|
+
private handleOutsideClick;
|
|
385
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
386
|
+
static shadowRootOptions: {
|
|
387
|
+
delegatesFocus: boolean;
|
|
388
|
+
mode: ShadowRootMode;
|
|
389
|
+
serializable?: boolean;
|
|
390
|
+
slotAssignment?: SlotAssignmentMode;
|
|
391
|
+
customElements?: CustomElementRegistry;
|
|
392
|
+
registry?: CustomElementRegistry;
|
|
393
|
+
};
|
|
394
|
+
static get beaconClicked(): string;
|
|
395
|
+
static styles: any;
|
|
396
|
+
}
|
|
397
|
+
export default CDSCoachmarkBeacon;
|