@m3e/tooltip 1.1.10 → 1.2.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/README.md +79 -11
- package/dist/css-custom-data.json +100 -0
- package/dist/custom-elements.json +1495 -186
- package/dist/html-custom-data.json +49 -0
- package/dist/index.js +871 -206
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +24 -7
- package/dist/index.min.js.map +1 -1
- package/dist/src/RichTooltipActionElement.d.ts +21 -0
- package/dist/src/RichTooltipActionElement.d.ts.map +1 -0
- package/dist/src/RichTooltipElement.d.ts +116 -0
- package/dist/src/RichTooltipElement.d.ts.map +1 -0
- package/dist/src/RichTooltipPosition.d.ts +3 -0
- package/dist/src/RichTooltipPosition.d.ts.map +1 -0
- package/dist/src/TooltipElement.d.ts +8 -38
- package/dist/src/TooltipElement.d.ts.map +1 -1
- package/dist/src/TooltipElementBase.d.ts +69 -0
- package/dist/src/TooltipElementBase.d.ts.map +1 -0
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.d.ts.map +1 -1
- package/package.json +4 -3
|
@@ -7,6 +7,30 @@
|
|
|
7
7
|
"path": "src/index.ts",
|
|
8
8
|
"declarations": [],
|
|
9
9
|
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "js",
|
|
12
|
+
"name": "*",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "*",
|
|
15
|
+
"package": "\"./RichTooltipActionElement\""
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"kind": "js",
|
|
20
|
+
"name": "*",
|
|
21
|
+
"declaration": {
|
|
22
|
+
"name": "*",
|
|
23
|
+
"package": "\"./RichTooltipElement\""
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"kind": "js",
|
|
28
|
+
"name": "*",
|
|
29
|
+
"declaration": {
|
|
30
|
+
"name": "*",
|
|
31
|
+
"package": "\"./RichTooltipPosition\""
|
|
32
|
+
}
|
|
33
|
+
},
|
|
10
34
|
{
|
|
11
35
|
"kind": "js",
|
|
12
36
|
"name": "*",
|
|
@@ -17,111 +41,1452 @@
|
|
|
17
41
|
},
|
|
18
42
|
{
|
|
19
43
|
"kind": "js",
|
|
20
|
-
"name": "*",
|
|
44
|
+
"name": "*",
|
|
45
|
+
"declaration": {
|
|
46
|
+
"name": "*",
|
|
47
|
+
"package": "\"./TooltipElementBase\""
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"kind": "js",
|
|
52
|
+
"name": "*",
|
|
53
|
+
"declaration": {
|
|
54
|
+
"name": "*",
|
|
55
|
+
"package": "\"./TooltipPosition\""
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"kind": "js",
|
|
60
|
+
"name": "*",
|
|
61
|
+
"declaration": {
|
|
62
|
+
"name": "*",
|
|
63
|
+
"package": "\"./TooltipTouchGestures\""
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
]
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"kind": "javascript-module",
|
|
70
|
+
"path": "src/RichTooltipActionElement.ts",
|
|
71
|
+
"declarations": [
|
|
72
|
+
{
|
|
73
|
+
"kind": "class",
|
|
74
|
+
"description": "An element, nested within a clickable element, used to dismiss a parenting rich tooltip.",
|
|
75
|
+
"name": "M3eRichTooltipActionElement",
|
|
76
|
+
"slots": [
|
|
77
|
+
{
|
|
78
|
+
"description": "Renders the content of the action.",
|
|
79
|
+
"name": ""
|
|
80
|
+
}
|
|
81
|
+
],
|
|
82
|
+
"members": [
|
|
83
|
+
{
|
|
84
|
+
"kind": "field",
|
|
85
|
+
"name": "disableRestoreFocus",
|
|
86
|
+
"type": {
|
|
87
|
+
"text": "boolean"
|
|
88
|
+
},
|
|
89
|
+
"default": "false",
|
|
90
|
+
"description": "Whether to focus should not be restored to the trigger when activated.",
|
|
91
|
+
"attribute": "disable-restore-focus"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"kind": "method",
|
|
95
|
+
"name": "_onClick",
|
|
96
|
+
"privacy": "protected",
|
|
97
|
+
"return": {
|
|
98
|
+
"type": {
|
|
99
|
+
"text": "void"
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
],
|
|
104
|
+
"attributes": [
|
|
105
|
+
{
|
|
106
|
+
"description": "Whether to focus should not be restored to the trigger when activated.",
|
|
107
|
+
"name": "disable-restore-focus",
|
|
108
|
+
"type": {
|
|
109
|
+
"text": "boolean"
|
|
110
|
+
},
|
|
111
|
+
"default": "false",
|
|
112
|
+
"fieldName": "disableRestoreFocus"
|
|
113
|
+
}
|
|
114
|
+
],
|
|
115
|
+
"superclass": {
|
|
116
|
+
"name": "ActionElementBase",
|
|
117
|
+
"package": "@m3e/core"
|
|
118
|
+
},
|
|
119
|
+
"tagName": "m3e-rich-tooltip-action",
|
|
120
|
+
"customElement": true
|
|
121
|
+
}
|
|
122
|
+
],
|
|
123
|
+
"exports": [
|
|
124
|
+
{
|
|
125
|
+
"kind": "js",
|
|
126
|
+
"name": "M3eRichTooltipActionElement",
|
|
127
|
+
"declaration": {
|
|
128
|
+
"name": "M3eRichTooltipActionElement",
|
|
129
|
+
"module": "src/RichTooltipActionElement.ts"
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"kind": "custom-element-definition",
|
|
134
|
+
"name": "m3e-rich-tooltip-action",
|
|
135
|
+
"declaration": {
|
|
136
|
+
"name": "M3eRichTooltipActionElement",
|
|
137
|
+
"module": "src/RichTooltipActionElement.ts"
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
]
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"kind": "javascript-module",
|
|
144
|
+
"path": "src/RichTooltipElement.ts",
|
|
145
|
+
"declarations": [
|
|
146
|
+
{
|
|
147
|
+
"kind": "class",
|
|
148
|
+
"description": "Provides contextual details for a control, such as explaining the value or purpose of a feature.",
|
|
149
|
+
"name": "M3eRichTooltipElement",
|
|
150
|
+
"cssProperties": [
|
|
151
|
+
{
|
|
152
|
+
"description": "Top padding of the tooltip container.",
|
|
153
|
+
"name": "--m3e-rich-tooltip-padding-top"
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"description": "Bottom padding of the tooltip container (when no actions are present).",
|
|
157
|
+
"name": "--m3e-rich-tooltip-padding-bottom"
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"description": "Horizontal padding of the tooltip container.",
|
|
161
|
+
"name": "--m3e-rich-tooltip-padding-inline"
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"description": "Maximum width of the tooltip surface.",
|
|
165
|
+
"name": "--m3e-rich-tooltip-max-width"
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"description": "Border‑radius of the tooltip container.",
|
|
169
|
+
"name": "--m3e-rich-tooltip-shape"
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"description": "Background color of the tooltip surface.",
|
|
173
|
+
"name": "--m3e-rich-tooltip-container-color"
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"description": "Color of the subhead text.",
|
|
177
|
+
"name": "--m3e-rich-tooltip-subhead-color"
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"description": "Font size of the subhead text.",
|
|
181
|
+
"name": "--m3e-rich-tooltip-subhead-font-size"
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"description": "Font weight of the subhead text.",
|
|
185
|
+
"name": "--m3e-rich-tooltip-subhead-font-weight"
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"description": "Line height of the subhead text.",
|
|
189
|
+
"name": "--m3e-rich-tooltip-subhead-line-height"
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"description": "Letter‑spacing of the subhead text.",
|
|
193
|
+
"name": "--m3e-rich-tooltip-subhead-tracking"
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"description": "Space below the subhead before the supporting text.",
|
|
197
|
+
"name": "--m3e-rich-tooltip-subhead-bottom-space"
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"description": "Color of the supporting text.",
|
|
201
|
+
"name": "--m3e-rich-tooltip-supporting-text-color"
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"description": "Font size of the supporting text.",
|
|
205
|
+
"name": "--m3e-rich-tooltip-supporting-text-font-size"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"description": "Font weight of the supporting text.",
|
|
209
|
+
"name": "--m3e-rich-tooltip-supporting-text-font-weight"
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"description": "Line height of the supporting text.",
|
|
213
|
+
"name": "--m3e-rich-tooltip-supporting-text-line-height"
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"description": "Letter‑spacing of the supporting text.",
|
|
217
|
+
"name": "--m3e-rich-tooltip-supporting-text-tracking"
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"description": "Horizontal padding applied to the actions slot area.",
|
|
221
|
+
"name": "--m3e-rich-tooltip-actions-padding-inline"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"description": "Space above the actions slot.",
|
|
225
|
+
"name": "--m3e-rich-tooltip-actions-top-space"
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"description": "Space below the actions slot.",
|
|
229
|
+
"name": "--m3e-rich-tooltip-actions-bottom-space"
|
|
230
|
+
}
|
|
231
|
+
],
|
|
232
|
+
"slots": [
|
|
233
|
+
{
|
|
234
|
+
"description": "The main supporting text of the tooltip.",
|
|
235
|
+
"name": ""
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"description": "Optional subhead text displayed above the supporting content.",
|
|
239
|
+
"name": "subhead"
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"description": "Optional action elements displayed at the bottom of the tooltip.",
|
|
243
|
+
"name": "actions"
|
|
244
|
+
}
|
|
245
|
+
],
|
|
246
|
+
"members": [
|
|
247
|
+
{
|
|
248
|
+
"kind": "field",
|
|
249
|
+
"name": "__nextId",
|
|
250
|
+
"type": {
|
|
251
|
+
"text": "number"
|
|
252
|
+
},
|
|
253
|
+
"privacy": "private",
|
|
254
|
+
"static": true,
|
|
255
|
+
"default": "0"
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"kind": "field",
|
|
259
|
+
"name": "#id",
|
|
260
|
+
"privacy": "private",
|
|
261
|
+
"default": "M3eRichTooltipElement.__nextId++"
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"kind": "field",
|
|
265
|
+
"name": "#subheadText",
|
|
266
|
+
"privacy": "private",
|
|
267
|
+
"type": {
|
|
268
|
+
"text": "string"
|
|
269
|
+
},
|
|
270
|
+
"default": "\"\""
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"kind": "field",
|
|
274
|
+
"name": "#contentText",
|
|
275
|
+
"privacy": "private",
|
|
276
|
+
"type": {
|
|
277
|
+
"text": "string"
|
|
278
|
+
},
|
|
279
|
+
"default": "\"\""
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"kind": "field",
|
|
283
|
+
"name": "#message",
|
|
284
|
+
"privacy": "private",
|
|
285
|
+
"type": {
|
|
286
|
+
"text": "string"
|
|
287
|
+
},
|
|
288
|
+
"default": "\"\""
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"kind": "field",
|
|
292
|
+
"name": "#messageRegistered",
|
|
293
|
+
"privacy": "private",
|
|
294
|
+
"type": {
|
|
295
|
+
"text": "boolean"
|
|
296
|
+
},
|
|
297
|
+
"default": "false"
|
|
298
|
+
},
|
|
299
|
+
{
|
|
300
|
+
"kind": "field",
|
|
301
|
+
"name": "_hasSubhead",
|
|
302
|
+
"type": {
|
|
303
|
+
"text": "boolean"
|
|
304
|
+
},
|
|
305
|
+
"privacy": "private",
|
|
306
|
+
"default": "false"
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"kind": "field",
|
|
310
|
+
"name": "_interactive",
|
|
311
|
+
"type": {
|
|
312
|
+
"text": "boolean"
|
|
313
|
+
},
|
|
314
|
+
"privacy": "private",
|
|
315
|
+
"default": "false"
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"kind": "field",
|
|
319
|
+
"name": "#documentClickHandler",
|
|
320
|
+
"privacy": "private",
|
|
321
|
+
"readonly": true
|
|
322
|
+
},
|
|
323
|
+
{
|
|
324
|
+
"kind": "field",
|
|
325
|
+
"name": "position",
|
|
326
|
+
"type": {
|
|
327
|
+
"text": "RichTooltipPosition"
|
|
328
|
+
},
|
|
329
|
+
"default": "\"below-after\"",
|
|
330
|
+
"description": "The position of the tooltip.",
|
|
331
|
+
"attribute": "position"
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
"kind": "field",
|
|
335
|
+
"name": "_isInteractive",
|
|
336
|
+
"privacy": "protected",
|
|
337
|
+
"readonly": true
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"kind": "field",
|
|
341
|
+
"name": "_anchorPosition",
|
|
342
|
+
"type": {
|
|
343
|
+
"text": "AnchorPosition"
|
|
344
|
+
},
|
|
345
|
+
"privacy": "protected",
|
|
346
|
+
"readonly": true
|
|
347
|
+
},
|
|
348
|
+
{
|
|
349
|
+
"kind": "method",
|
|
350
|
+
"name": "show",
|
|
351
|
+
"return": {
|
|
352
|
+
"type": {
|
|
353
|
+
"text": "Promise<void>"
|
|
354
|
+
}
|
|
355
|
+
},
|
|
356
|
+
"description": "Manually shows the tooltip.",
|
|
357
|
+
"inheritedFrom": {
|
|
358
|
+
"name": "TooltipElementBase",
|
|
359
|
+
"module": "src/TooltipElementBase.ts"
|
|
360
|
+
}
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"kind": "method",
|
|
364
|
+
"name": "hide",
|
|
365
|
+
"return": {
|
|
366
|
+
"type": {
|
|
367
|
+
"text": "void"
|
|
368
|
+
}
|
|
369
|
+
},
|
|
370
|
+
"description": "Manually hides the tooltip.",
|
|
371
|
+
"parameters": [
|
|
372
|
+
{
|
|
373
|
+
"name": "restoreFocus",
|
|
374
|
+
"default": "true",
|
|
375
|
+
"description": "Whether to restore focus to the element that triggered the interactive tooltip.",
|
|
376
|
+
"optional": true
|
|
377
|
+
}
|
|
378
|
+
],
|
|
379
|
+
"inheritedFrom": {
|
|
380
|
+
"name": "TooltipElementBase",
|
|
381
|
+
"module": "src/TooltipElementBase.ts"
|
|
382
|
+
}
|
|
383
|
+
},
|
|
384
|
+
{
|
|
385
|
+
"kind": "method",
|
|
386
|
+
"name": "attach",
|
|
387
|
+
"return": {
|
|
388
|
+
"type": {
|
|
389
|
+
"text": "void"
|
|
390
|
+
}
|
|
391
|
+
},
|
|
392
|
+
"parameters": [
|
|
393
|
+
{
|
|
394
|
+
"name": "control",
|
|
395
|
+
"type": {
|
|
396
|
+
"text": "HTMLElement"
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
],
|
|
400
|
+
"description": "Attaches the element to an interactive control.",
|
|
401
|
+
"inheritedFrom": {
|
|
402
|
+
"name": "TooltipElementBase",
|
|
403
|
+
"module": "src/TooltipElementBase.ts"
|
|
404
|
+
}
|
|
405
|
+
},
|
|
406
|
+
{
|
|
407
|
+
"kind": "method",
|
|
408
|
+
"name": "_updatePosition",
|
|
409
|
+
"privacy": "protected",
|
|
410
|
+
"return": {
|
|
411
|
+
"type": {
|
|
412
|
+
"text": "void"
|
|
413
|
+
}
|
|
414
|
+
},
|
|
415
|
+
"parameters": [
|
|
416
|
+
{
|
|
417
|
+
"name": "base",
|
|
418
|
+
"type": {
|
|
419
|
+
"text": "HTMLElement"
|
|
420
|
+
}
|
|
421
|
+
},
|
|
422
|
+
{
|
|
423
|
+
"name": "x",
|
|
424
|
+
"type": {
|
|
425
|
+
"text": "number"
|
|
426
|
+
}
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"name": "y",
|
|
430
|
+
"type": {
|
|
431
|
+
"text": "number"
|
|
432
|
+
}
|
|
433
|
+
}
|
|
434
|
+
]
|
|
435
|
+
},
|
|
436
|
+
{
|
|
437
|
+
"kind": "method",
|
|
438
|
+
"name": "#handleBeforeToggle",
|
|
439
|
+
"privacy": "private",
|
|
440
|
+
"return": {
|
|
441
|
+
"type": {
|
|
442
|
+
"text": "void"
|
|
443
|
+
}
|
|
444
|
+
},
|
|
445
|
+
"parameters": [
|
|
446
|
+
{
|
|
447
|
+
"name": "e",
|
|
448
|
+
"type": {
|
|
449
|
+
"text": "ToggleEvent"
|
|
450
|
+
}
|
|
451
|
+
}
|
|
452
|
+
]
|
|
453
|
+
},
|
|
454
|
+
{
|
|
455
|
+
"kind": "method",
|
|
456
|
+
"name": "#handleToggle",
|
|
457
|
+
"privacy": "private",
|
|
458
|
+
"return": {
|
|
459
|
+
"type": {
|
|
460
|
+
"text": "void"
|
|
461
|
+
}
|
|
462
|
+
},
|
|
463
|
+
"parameters": [
|
|
464
|
+
{
|
|
465
|
+
"name": "e",
|
|
466
|
+
"type": {
|
|
467
|
+
"text": "ToggleEvent"
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
]
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"kind": "method",
|
|
474
|
+
"name": "#handleDocumentClick",
|
|
475
|
+
"privacy": "private",
|
|
476
|
+
"return": {
|
|
477
|
+
"type": {
|
|
478
|
+
"text": "void"
|
|
479
|
+
}
|
|
480
|
+
},
|
|
481
|
+
"parameters": [
|
|
482
|
+
{
|
|
483
|
+
"name": "e",
|
|
484
|
+
"type": {
|
|
485
|
+
"text": "MouseEvent"
|
|
486
|
+
}
|
|
487
|
+
}
|
|
488
|
+
]
|
|
489
|
+
},
|
|
490
|
+
{
|
|
491
|
+
"kind": "method",
|
|
492
|
+
"name": "#handleKeyDown",
|
|
493
|
+
"privacy": "private",
|
|
494
|
+
"return": {
|
|
495
|
+
"type": {
|
|
496
|
+
"text": "void"
|
|
497
|
+
}
|
|
498
|
+
},
|
|
499
|
+
"parameters": [
|
|
500
|
+
{
|
|
501
|
+
"name": "e",
|
|
502
|
+
"type": {
|
|
503
|
+
"text": "KeyboardEvent"
|
|
504
|
+
}
|
|
505
|
+
}
|
|
506
|
+
]
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"kind": "method",
|
|
510
|
+
"name": "#handleSubheadSlotChange",
|
|
511
|
+
"privacy": "private",
|
|
512
|
+
"return": {
|
|
513
|
+
"type": {
|
|
514
|
+
"text": "void"
|
|
515
|
+
}
|
|
516
|
+
},
|
|
517
|
+
"parameters": [
|
|
518
|
+
{
|
|
519
|
+
"name": "e",
|
|
520
|
+
"type": {
|
|
521
|
+
"text": "Event"
|
|
522
|
+
}
|
|
523
|
+
}
|
|
524
|
+
]
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
"kind": "method",
|
|
528
|
+
"name": "#handleContentSlotChange",
|
|
529
|
+
"privacy": "private",
|
|
530
|
+
"return": {
|
|
531
|
+
"type": {
|
|
532
|
+
"text": "void"
|
|
533
|
+
}
|
|
534
|
+
},
|
|
535
|
+
"parameters": [
|
|
536
|
+
{
|
|
537
|
+
"name": "e",
|
|
538
|
+
"type": {
|
|
539
|
+
"text": "Event"
|
|
540
|
+
}
|
|
541
|
+
}
|
|
542
|
+
]
|
|
543
|
+
},
|
|
544
|
+
{
|
|
545
|
+
"kind": "method",
|
|
546
|
+
"name": "#handleActionsSlotChange",
|
|
547
|
+
"privacy": "private",
|
|
548
|
+
"return": {
|
|
549
|
+
"type": {
|
|
550
|
+
"text": "void"
|
|
551
|
+
}
|
|
552
|
+
},
|
|
553
|
+
"parameters": [
|
|
554
|
+
{
|
|
555
|
+
"name": "e",
|
|
556
|
+
"type": {
|
|
557
|
+
"text": "Event"
|
|
558
|
+
}
|
|
559
|
+
}
|
|
560
|
+
]
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"kind": "method",
|
|
564
|
+
"name": "#updateMessage",
|
|
565
|
+
"privacy": "private"
|
|
566
|
+
},
|
|
567
|
+
{
|
|
568
|
+
"kind": "field",
|
|
569
|
+
"name": "[_control]",
|
|
570
|
+
"type": {
|
|
571
|
+
"text": "HTMLElement | null"
|
|
572
|
+
},
|
|
573
|
+
"privacy": "private",
|
|
574
|
+
"default": "null",
|
|
575
|
+
"inheritedFrom": {
|
|
576
|
+
"name": "HtmlFor",
|
|
577
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
578
|
+
}
|
|
579
|
+
},
|
|
580
|
+
{
|
|
581
|
+
"kind": "field",
|
|
582
|
+
"name": "[_firstUpdated]",
|
|
583
|
+
"type": {
|
|
584
|
+
"text": "boolean"
|
|
585
|
+
},
|
|
586
|
+
"privacy": "private",
|
|
587
|
+
"default": "false",
|
|
588
|
+
"inheritedFrom": {
|
|
589
|
+
"name": "HtmlFor",
|
|
590
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
591
|
+
}
|
|
592
|
+
},
|
|
593
|
+
{
|
|
594
|
+
"kind": "field",
|
|
595
|
+
"name": "htmlFor",
|
|
596
|
+
"type": {
|
|
597
|
+
"text": "string | null"
|
|
598
|
+
},
|
|
599
|
+
"default": "null",
|
|
600
|
+
"description": "The identifier of the interactive control to which this element is attached.",
|
|
601
|
+
"attribute": "for",
|
|
602
|
+
"inheritedFrom": {
|
|
603
|
+
"name": "HtmlFor",
|
|
604
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
605
|
+
}
|
|
606
|
+
},
|
|
607
|
+
{
|
|
608
|
+
"kind": "field",
|
|
609
|
+
"name": "control",
|
|
610
|
+
"description": "The interactive element to which this element is attached.",
|
|
611
|
+
"readonly": true,
|
|
612
|
+
"inheritedFrom": {
|
|
613
|
+
"name": "HtmlFor",
|
|
614
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
615
|
+
}
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"kind": "method",
|
|
619
|
+
"name": "detach",
|
|
620
|
+
"return": {
|
|
621
|
+
"type": {
|
|
622
|
+
"text": "void"
|
|
623
|
+
}
|
|
624
|
+
},
|
|
625
|
+
"description": "Detaches the element from its current interactive control.",
|
|
626
|
+
"inheritedFrom": {
|
|
627
|
+
"name": "TooltipElementBase",
|
|
628
|
+
"module": "src/TooltipElementBase.ts"
|
|
629
|
+
}
|
|
630
|
+
},
|
|
631
|
+
{
|
|
632
|
+
"kind": "field",
|
|
633
|
+
"name": "__openTooltips",
|
|
634
|
+
"privacy": "private",
|
|
635
|
+
"static": true,
|
|
636
|
+
"default": "new Array<TooltipElementBase>()",
|
|
637
|
+
"inheritedFrom": {
|
|
638
|
+
"name": "TooltipElementBase",
|
|
639
|
+
"module": "src/TooltipElementBase.ts"
|
|
640
|
+
}
|
|
641
|
+
},
|
|
642
|
+
{
|
|
643
|
+
"kind": "field",
|
|
644
|
+
"name": "#for",
|
|
645
|
+
"privacy": "private",
|
|
646
|
+
"type": {
|
|
647
|
+
"text": "HTMLElement | null"
|
|
648
|
+
},
|
|
649
|
+
"default": "null",
|
|
650
|
+
"inheritedFrom": {
|
|
651
|
+
"name": "TooltipElementBase",
|
|
652
|
+
"module": "src/TooltipElementBase.ts"
|
|
653
|
+
}
|
|
654
|
+
},
|
|
655
|
+
{
|
|
656
|
+
"kind": "field",
|
|
657
|
+
"name": "#anchorCleanup",
|
|
658
|
+
"privacy": "private",
|
|
659
|
+
"type": {
|
|
660
|
+
"text": "() => void | undefined"
|
|
661
|
+
},
|
|
662
|
+
"inheritedFrom": {
|
|
663
|
+
"name": "TooltipElementBase",
|
|
664
|
+
"module": "src/TooltipElementBase.ts"
|
|
665
|
+
}
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"kind": "field",
|
|
669
|
+
"name": "#tooltipHovering",
|
|
670
|
+
"privacy": "private",
|
|
671
|
+
"type": {
|
|
672
|
+
"text": "boolean"
|
|
673
|
+
},
|
|
674
|
+
"default": "false",
|
|
675
|
+
"inheritedFrom": {
|
|
676
|
+
"name": "TooltipElementBase",
|
|
677
|
+
"module": "src/TooltipElementBase.ts"
|
|
678
|
+
}
|
|
679
|
+
},
|
|
680
|
+
{
|
|
681
|
+
"kind": "field",
|
|
682
|
+
"name": "#controlClickHandler",
|
|
683
|
+
"privacy": "private",
|
|
684
|
+
"readonly": true,
|
|
685
|
+
"inheritedFrom": {
|
|
686
|
+
"name": "TooltipElementBase",
|
|
687
|
+
"module": "src/TooltipElementBase.ts"
|
|
688
|
+
}
|
|
689
|
+
},
|
|
690
|
+
{
|
|
691
|
+
"kind": "field",
|
|
692
|
+
"name": "#hoverController",
|
|
693
|
+
"privacy": "private",
|
|
694
|
+
"readonly": true,
|
|
695
|
+
"default": "new HoverController(this, { target: null, endDelay: TOOLTIP_HIDE_DELAY, callback: (hovering, target) => { if (this._isInteractive) return; if (hovering) { if (target === this._base) { this.#tooltipHovering = true; return; } this.show(); } else if (!this.#tooltipHovering || target === this._base) { this.#tooltipHovering = false; this.hide(); } }, })",
|
|
696
|
+
"inheritedFrom": {
|
|
697
|
+
"name": "TooltipElementBase",
|
|
698
|
+
"module": "src/TooltipElementBase.ts"
|
|
699
|
+
}
|
|
700
|
+
},
|
|
701
|
+
{
|
|
702
|
+
"kind": "field",
|
|
703
|
+
"name": "#longPressController",
|
|
704
|
+
"privacy": "private",
|
|
705
|
+
"readonly": true,
|
|
706
|
+
"default": "new LongPressController(this, { target: null, callback: (pressed) => { if (this._isInteractive) return; if (pressed) { this.show(); } else { this.hide(); } }, })",
|
|
707
|
+
"inheritedFrom": {
|
|
708
|
+
"name": "TooltipElementBase",
|
|
709
|
+
"module": "src/TooltipElementBase.ts"
|
|
710
|
+
}
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"kind": "field",
|
|
714
|
+
"name": "disabled",
|
|
715
|
+
"type": {
|
|
716
|
+
"text": "boolean"
|
|
717
|
+
},
|
|
718
|
+
"default": "false",
|
|
719
|
+
"description": "Whether the element is disabled.",
|
|
720
|
+
"attribute": "disabled",
|
|
721
|
+
"reflects": true,
|
|
722
|
+
"inheritedFrom": {
|
|
723
|
+
"name": "TooltipElementBase",
|
|
724
|
+
"module": "src/TooltipElementBase.ts"
|
|
725
|
+
}
|
|
726
|
+
},
|
|
727
|
+
{
|
|
728
|
+
"kind": "field",
|
|
729
|
+
"name": "showDelay",
|
|
730
|
+
"type": {
|
|
731
|
+
"text": "number"
|
|
732
|
+
},
|
|
733
|
+
"description": "The amount of time, in milliseconds, before showing the tooltip.",
|
|
734
|
+
"default": "0",
|
|
735
|
+
"attribute": "show-delay",
|
|
736
|
+
"inheritedFrom": {
|
|
737
|
+
"name": "TooltipElementBase",
|
|
738
|
+
"module": "src/TooltipElementBase.ts"
|
|
739
|
+
}
|
|
740
|
+
},
|
|
741
|
+
{
|
|
742
|
+
"kind": "field",
|
|
743
|
+
"name": "hideDelay",
|
|
744
|
+
"type": {
|
|
745
|
+
"text": "number"
|
|
746
|
+
},
|
|
747
|
+
"description": "The amount of time, in milliseconds, before hiding the tooltip.",
|
|
748
|
+
"default": "200",
|
|
749
|
+
"attribute": "hide-delay",
|
|
750
|
+
"inheritedFrom": {
|
|
751
|
+
"name": "TooltipElementBase",
|
|
752
|
+
"module": "src/TooltipElementBase.ts"
|
|
753
|
+
}
|
|
754
|
+
},
|
|
755
|
+
{
|
|
756
|
+
"kind": "field",
|
|
757
|
+
"name": "touchGestures",
|
|
758
|
+
"type": {
|
|
759
|
+
"text": "TooltipTouchGestures"
|
|
760
|
+
},
|
|
761
|
+
"default": "\"auto\"",
|
|
762
|
+
"description": "The mode in which to handle touch gestures.",
|
|
763
|
+
"attribute": "touch-gestures",
|
|
764
|
+
"inheritedFrom": {
|
|
765
|
+
"name": "TooltipElementBase",
|
|
766
|
+
"module": "src/TooltipElementBase.ts"
|
|
767
|
+
}
|
|
768
|
+
},
|
|
769
|
+
{
|
|
770
|
+
"kind": "field",
|
|
771
|
+
"name": "isOpen",
|
|
772
|
+
"type": {
|
|
773
|
+
"text": "boolean"
|
|
774
|
+
},
|
|
775
|
+
"description": "Whether the tooltip is currently open.",
|
|
776
|
+
"readonly": true,
|
|
777
|
+
"inheritedFrom": {
|
|
778
|
+
"name": "TooltipElementBase",
|
|
779
|
+
"module": "src/TooltipElementBase.ts"
|
|
780
|
+
}
|
|
781
|
+
},
|
|
782
|
+
{
|
|
783
|
+
"kind": "method",
|
|
784
|
+
"name": "#handleControlClick",
|
|
785
|
+
"privacy": "private",
|
|
786
|
+
"return": {
|
|
787
|
+
"type": {
|
|
788
|
+
"text": "void"
|
|
789
|
+
}
|
|
790
|
+
},
|
|
791
|
+
"inheritedFrom": {
|
|
792
|
+
"name": "TooltipElementBase",
|
|
793
|
+
"module": "src/TooltipElementBase.ts"
|
|
794
|
+
}
|
|
795
|
+
},
|
|
796
|
+
{
|
|
797
|
+
"kind": "method",
|
|
798
|
+
"name": "#disableNativeGesturesIfNecessary",
|
|
799
|
+
"privacy": "private",
|
|
800
|
+
"inheritedFrom": {
|
|
801
|
+
"name": "TooltipElementBase",
|
|
802
|
+
"module": "src/TooltipElementBase.ts"
|
|
803
|
+
}
|
|
804
|
+
}
|
|
805
|
+
],
|
|
806
|
+
"events": [
|
|
807
|
+
{
|
|
808
|
+
"description": "Dispatched before the toggle state changes.",
|
|
809
|
+
"name": "beforetoggle"
|
|
810
|
+
},
|
|
811
|
+
{
|
|
812
|
+
"description": "Dispatched after the toggle state has changed.",
|
|
813
|
+
"name": "toggle"
|
|
814
|
+
}
|
|
815
|
+
],
|
|
816
|
+
"attributes": [
|
|
817
|
+
{
|
|
818
|
+
"name": "disabled",
|
|
819
|
+
"type": {
|
|
820
|
+
"text": "boolean"
|
|
821
|
+
},
|
|
822
|
+
"default": "false",
|
|
823
|
+
"description": "Whether the element is disabled.",
|
|
824
|
+
"fieldName": "disabled",
|
|
825
|
+
"inheritedFrom": {
|
|
826
|
+
"name": "TooltipElementBase",
|
|
827
|
+
"module": "src/TooltipElementBase.ts"
|
|
828
|
+
}
|
|
829
|
+
},
|
|
830
|
+
{
|
|
831
|
+
"name": "for",
|
|
832
|
+
"type": {
|
|
833
|
+
"text": "string | null"
|
|
834
|
+
},
|
|
835
|
+
"default": "null",
|
|
836
|
+
"description": "The identifier of the interactive control to which this element is attached.",
|
|
837
|
+
"fieldName": "htmlFor",
|
|
838
|
+
"inheritedFrom": {
|
|
839
|
+
"name": "HtmlFor",
|
|
840
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
841
|
+
}
|
|
842
|
+
},
|
|
843
|
+
{
|
|
844
|
+
"name": "hide-delay",
|
|
845
|
+
"type": {
|
|
846
|
+
"text": "number"
|
|
847
|
+
},
|
|
848
|
+
"description": "The amount of time, in milliseconds, before hiding the tooltip.",
|
|
849
|
+
"default": "200",
|
|
850
|
+
"fieldName": "hideDelay",
|
|
851
|
+
"inheritedFrom": {
|
|
852
|
+
"name": "TooltipElementBase",
|
|
853
|
+
"module": "src/TooltipElementBase.ts"
|
|
854
|
+
}
|
|
855
|
+
},
|
|
856
|
+
{
|
|
857
|
+
"description": "The position of the tooltip.",
|
|
858
|
+
"name": "position",
|
|
859
|
+
"type": {
|
|
860
|
+
"text": "RichTooltipPosition"
|
|
861
|
+
},
|
|
862
|
+
"default": "\"below-after\"",
|
|
863
|
+
"fieldName": "position"
|
|
864
|
+
},
|
|
865
|
+
{
|
|
866
|
+
"name": "show-delay",
|
|
867
|
+
"type": {
|
|
868
|
+
"text": "number"
|
|
869
|
+
},
|
|
870
|
+
"description": "The amount of time, in milliseconds, before showing the tooltip.",
|
|
871
|
+
"default": "0",
|
|
872
|
+
"fieldName": "showDelay",
|
|
873
|
+
"inheritedFrom": {
|
|
874
|
+
"name": "TooltipElementBase",
|
|
875
|
+
"module": "src/TooltipElementBase.ts"
|
|
876
|
+
}
|
|
877
|
+
},
|
|
878
|
+
{
|
|
879
|
+
"name": "touch-gestures",
|
|
880
|
+
"type": {
|
|
881
|
+
"text": "TooltipTouchGestures"
|
|
882
|
+
},
|
|
883
|
+
"default": "\"auto\"",
|
|
884
|
+
"description": "The mode in which to handle touch gestures.",
|
|
885
|
+
"fieldName": "touchGestures",
|
|
886
|
+
"inheritedFrom": {
|
|
887
|
+
"name": "TooltipElementBase",
|
|
888
|
+
"module": "src/TooltipElementBase.ts"
|
|
889
|
+
}
|
|
890
|
+
}
|
|
891
|
+
],
|
|
892
|
+
"superclass": {
|
|
893
|
+
"name": "TooltipElementBase",
|
|
894
|
+
"module": "/src/TooltipElementBase"
|
|
895
|
+
},
|
|
896
|
+
"tagName": "m3e-rich-tooltip",
|
|
897
|
+
"customElement": true
|
|
898
|
+
}
|
|
899
|
+
],
|
|
900
|
+
"exports": [
|
|
901
|
+
{
|
|
902
|
+
"kind": "js",
|
|
903
|
+
"name": "M3eRichTooltipElement",
|
|
904
|
+
"declaration": {
|
|
905
|
+
"name": "M3eRichTooltipElement",
|
|
906
|
+
"module": "src/RichTooltipElement.ts"
|
|
907
|
+
}
|
|
908
|
+
},
|
|
909
|
+
{
|
|
910
|
+
"kind": "custom-element-definition",
|
|
911
|
+
"name": "m3e-rich-tooltip",
|
|
912
|
+
"declaration": {
|
|
913
|
+
"name": "M3eRichTooltipElement",
|
|
914
|
+
"module": "src/RichTooltipElement.ts"
|
|
915
|
+
}
|
|
916
|
+
}
|
|
917
|
+
]
|
|
918
|
+
},
|
|
919
|
+
{
|
|
920
|
+
"kind": "javascript-module",
|
|
921
|
+
"path": "src/RichTooltipPosition.ts",
|
|
922
|
+
"declarations": [],
|
|
923
|
+
"exports": []
|
|
924
|
+
},
|
|
925
|
+
{
|
|
926
|
+
"kind": "javascript-module",
|
|
927
|
+
"path": "src/TooltipElement.ts",
|
|
928
|
+
"declarations": [
|
|
929
|
+
{
|
|
930
|
+
"kind": "class",
|
|
931
|
+
"description": "Adds additional context to a button or other UI element.",
|
|
932
|
+
"name": "M3eTooltipElement",
|
|
933
|
+
"cssProperties": [
|
|
934
|
+
{
|
|
935
|
+
"description": "Internal spacing of the tooltip container.",
|
|
936
|
+
"name": "--m3e-tooltip-padding"
|
|
937
|
+
},
|
|
938
|
+
{
|
|
939
|
+
"description": "Minimum width of the tooltip.",
|
|
940
|
+
"name": "--m3e-tooltip-min-width"
|
|
941
|
+
},
|
|
942
|
+
{
|
|
943
|
+
"description": "Maximum width of the tooltip.",
|
|
944
|
+
"name": "--m3e-tooltip-max-width"
|
|
945
|
+
},
|
|
946
|
+
{
|
|
947
|
+
"description": "Minimum height of the tooltip container.",
|
|
948
|
+
"name": "--m3e-tooltip-min-height"
|
|
949
|
+
},
|
|
950
|
+
{
|
|
951
|
+
"description": "Maximum height of the tooltip.",
|
|
952
|
+
"name": "--m3e-tooltip-max-height"
|
|
953
|
+
},
|
|
954
|
+
{
|
|
955
|
+
"description": "Border radius of the tooltip container.",
|
|
956
|
+
"name": "--m3e-tooltip-shape"
|
|
957
|
+
},
|
|
958
|
+
{
|
|
959
|
+
"description": "Background color of the tooltip.",
|
|
960
|
+
"name": "--m3e-tooltip-container-color"
|
|
961
|
+
},
|
|
962
|
+
{
|
|
963
|
+
"description": "Text color of supporting text.",
|
|
964
|
+
"name": "--m3e-tooltip-supporting-text-color"
|
|
965
|
+
},
|
|
966
|
+
{
|
|
967
|
+
"description": "Font size of supporting text.",
|
|
968
|
+
"name": "--m3e-tooltip-supporting-text-font-size"
|
|
969
|
+
},
|
|
970
|
+
{
|
|
971
|
+
"description": "Font weight of supporting text.",
|
|
972
|
+
"name": "--m3e-tooltip-supporting-text-font-weight"
|
|
973
|
+
},
|
|
974
|
+
{
|
|
975
|
+
"description": "Line height of supporting text.",
|
|
976
|
+
"name": "--m3e-tooltip-supporting-text-line-height"
|
|
977
|
+
},
|
|
978
|
+
{
|
|
979
|
+
"description": "Letter spacing of supporting text.",
|
|
980
|
+
"name": "--m3e-tooltip-supporting-text-tracking"
|
|
981
|
+
}
|
|
982
|
+
],
|
|
983
|
+
"slots": [
|
|
984
|
+
{
|
|
985
|
+
"description": "Renders the content of the tooltip.",
|
|
986
|
+
"name": ""
|
|
987
|
+
}
|
|
988
|
+
],
|
|
989
|
+
"members": [
|
|
990
|
+
{
|
|
991
|
+
"kind": "field",
|
|
992
|
+
"name": "#message",
|
|
993
|
+
"privacy": "private",
|
|
994
|
+
"type": {
|
|
995
|
+
"text": "string | null | undefined"
|
|
996
|
+
}
|
|
997
|
+
},
|
|
998
|
+
{
|
|
999
|
+
"kind": "field",
|
|
1000
|
+
"name": "position",
|
|
1001
|
+
"type": {
|
|
1002
|
+
"text": "TooltipPosition"
|
|
1003
|
+
},
|
|
1004
|
+
"default": "\"below\"",
|
|
1005
|
+
"description": "The position of the tooltip.",
|
|
1006
|
+
"attribute": "position"
|
|
1007
|
+
},
|
|
1008
|
+
{
|
|
1009
|
+
"kind": "field",
|
|
1010
|
+
"name": "_anchorPosition",
|
|
1011
|
+
"type": {
|
|
1012
|
+
"text": "AnchorPosition"
|
|
1013
|
+
},
|
|
1014
|
+
"privacy": "protected",
|
|
1015
|
+
"readonly": true
|
|
1016
|
+
},
|
|
1017
|
+
{
|
|
1018
|
+
"kind": "method",
|
|
1019
|
+
"name": "attach",
|
|
1020
|
+
"return": {
|
|
1021
|
+
"type": {
|
|
1022
|
+
"text": "void"
|
|
1023
|
+
}
|
|
1024
|
+
},
|
|
1025
|
+
"parameters": [
|
|
1026
|
+
{
|
|
1027
|
+
"name": "control",
|
|
1028
|
+
"type": {
|
|
1029
|
+
"text": "HTMLElement"
|
|
1030
|
+
}
|
|
1031
|
+
}
|
|
1032
|
+
],
|
|
1033
|
+
"description": "Attaches the element to an interactive control.",
|
|
1034
|
+
"inheritedFrom": {
|
|
1035
|
+
"name": "TooltipElementBase",
|
|
1036
|
+
"module": "src/TooltipElementBase.ts"
|
|
1037
|
+
}
|
|
1038
|
+
},
|
|
1039
|
+
{
|
|
1040
|
+
"kind": "method",
|
|
1041
|
+
"name": "detach",
|
|
1042
|
+
"return": {
|
|
1043
|
+
"type": {
|
|
1044
|
+
"text": "void"
|
|
1045
|
+
}
|
|
1046
|
+
},
|
|
1047
|
+
"description": "Detaches the element from its current interactive control.",
|
|
1048
|
+
"inheritedFrom": {
|
|
1049
|
+
"name": "TooltipElementBase",
|
|
1050
|
+
"module": "src/TooltipElementBase.ts"
|
|
1051
|
+
}
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"kind": "method",
|
|
1055
|
+
"name": "_updatePosition",
|
|
1056
|
+
"privacy": "protected",
|
|
1057
|
+
"return": {
|
|
1058
|
+
"type": {
|
|
1059
|
+
"text": "void"
|
|
1060
|
+
}
|
|
1061
|
+
},
|
|
1062
|
+
"parameters": [
|
|
1063
|
+
{
|
|
1064
|
+
"name": "base",
|
|
1065
|
+
"type": {
|
|
1066
|
+
"text": "HTMLElement"
|
|
1067
|
+
}
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"name": "x",
|
|
1071
|
+
"type": {
|
|
1072
|
+
"text": "number"
|
|
1073
|
+
}
|
|
1074
|
+
},
|
|
1075
|
+
{
|
|
1076
|
+
"name": "y",
|
|
1077
|
+
"type": {
|
|
1078
|
+
"text": "number"
|
|
1079
|
+
}
|
|
1080
|
+
}
|
|
1081
|
+
]
|
|
1082
|
+
},
|
|
1083
|
+
{
|
|
1084
|
+
"kind": "method",
|
|
1085
|
+
"name": "#handleSlotChange",
|
|
1086
|
+
"privacy": "private",
|
|
1087
|
+
"return": {
|
|
1088
|
+
"type": {
|
|
1089
|
+
"text": "void"
|
|
1090
|
+
}
|
|
1091
|
+
},
|
|
1092
|
+
"parameters": [
|
|
1093
|
+
{
|
|
1094
|
+
"name": "e",
|
|
1095
|
+
"type": {
|
|
1096
|
+
"text": "Event"
|
|
1097
|
+
}
|
|
1098
|
+
}
|
|
1099
|
+
]
|
|
1100
|
+
},
|
|
1101
|
+
{
|
|
1102
|
+
"kind": "method",
|
|
1103
|
+
"name": "#handleToggle",
|
|
1104
|
+
"privacy": "private",
|
|
1105
|
+
"return": {
|
|
1106
|
+
"type": {
|
|
1107
|
+
"text": "void"
|
|
1108
|
+
}
|
|
1109
|
+
},
|
|
1110
|
+
"parameters": [
|
|
1111
|
+
{
|
|
1112
|
+
"name": "e",
|
|
1113
|
+
"type": {
|
|
1114
|
+
"text": "ToggleEvent"
|
|
1115
|
+
}
|
|
1116
|
+
}
|
|
1117
|
+
]
|
|
1118
|
+
},
|
|
1119
|
+
{
|
|
1120
|
+
"kind": "field",
|
|
1121
|
+
"name": "[_control]",
|
|
1122
|
+
"type": {
|
|
1123
|
+
"text": "HTMLElement | null"
|
|
1124
|
+
},
|
|
1125
|
+
"privacy": "private",
|
|
1126
|
+
"default": "null",
|
|
1127
|
+
"inheritedFrom": {
|
|
1128
|
+
"name": "HtmlFor",
|
|
1129
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
1130
|
+
}
|
|
1131
|
+
},
|
|
1132
|
+
{
|
|
1133
|
+
"kind": "field",
|
|
1134
|
+
"name": "[_firstUpdated]",
|
|
1135
|
+
"type": {
|
|
1136
|
+
"text": "boolean"
|
|
1137
|
+
},
|
|
1138
|
+
"privacy": "private",
|
|
1139
|
+
"default": "false",
|
|
1140
|
+
"inheritedFrom": {
|
|
1141
|
+
"name": "HtmlFor",
|
|
1142
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
1143
|
+
}
|
|
1144
|
+
},
|
|
1145
|
+
{
|
|
1146
|
+
"kind": "field",
|
|
1147
|
+
"name": "htmlFor",
|
|
1148
|
+
"type": {
|
|
1149
|
+
"text": "string | null"
|
|
1150
|
+
},
|
|
1151
|
+
"default": "null",
|
|
1152
|
+
"description": "The identifier of the interactive control to which this element is attached.",
|
|
1153
|
+
"attribute": "for",
|
|
1154
|
+
"inheritedFrom": {
|
|
1155
|
+
"name": "HtmlFor",
|
|
1156
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
1157
|
+
}
|
|
1158
|
+
},
|
|
1159
|
+
{
|
|
1160
|
+
"kind": "field",
|
|
1161
|
+
"name": "control",
|
|
1162
|
+
"description": "The interactive element to which this element is attached.",
|
|
1163
|
+
"readonly": true,
|
|
1164
|
+
"inheritedFrom": {
|
|
1165
|
+
"name": "HtmlFor",
|
|
1166
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
1167
|
+
}
|
|
1168
|
+
},
|
|
1169
|
+
{
|
|
1170
|
+
"kind": "field",
|
|
1171
|
+
"name": "__openTooltips",
|
|
1172
|
+
"privacy": "private",
|
|
1173
|
+
"static": true,
|
|
1174
|
+
"default": "new Array<TooltipElementBase>()",
|
|
1175
|
+
"inheritedFrom": {
|
|
1176
|
+
"name": "TooltipElementBase",
|
|
1177
|
+
"module": "src/TooltipElementBase.ts"
|
|
1178
|
+
}
|
|
1179
|
+
},
|
|
1180
|
+
{
|
|
1181
|
+
"kind": "field",
|
|
1182
|
+
"name": "#for",
|
|
1183
|
+
"privacy": "private",
|
|
1184
|
+
"type": {
|
|
1185
|
+
"text": "HTMLElement | null"
|
|
1186
|
+
},
|
|
1187
|
+
"default": "null",
|
|
1188
|
+
"inheritedFrom": {
|
|
1189
|
+
"name": "TooltipElementBase",
|
|
1190
|
+
"module": "src/TooltipElementBase.ts"
|
|
1191
|
+
}
|
|
1192
|
+
},
|
|
1193
|
+
{
|
|
1194
|
+
"kind": "field",
|
|
1195
|
+
"name": "#anchorCleanup",
|
|
1196
|
+
"privacy": "private",
|
|
1197
|
+
"type": {
|
|
1198
|
+
"text": "() => void | undefined"
|
|
1199
|
+
},
|
|
1200
|
+
"inheritedFrom": {
|
|
1201
|
+
"name": "TooltipElementBase",
|
|
1202
|
+
"module": "src/TooltipElementBase.ts"
|
|
1203
|
+
}
|
|
1204
|
+
},
|
|
1205
|
+
{
|
|
1206
|
+
"kind": "field",
|
|
1207
|
+
"name": "#tooltipHovering",
|
|
1208
|
+
"privacy": "private",
|
|
1209
|
+
"type": {
|
|
1210
|
+
"text": "boolean"
|
|
1211
|
+
},
|
|
1212
|
+
"default": "false",
|
|
1213
|
+
"inheritedFrom": {
|
|
1214
|
+
"name": "TooltipElementBase",
|
|
1215
|
+
"module": "src/TooltipElementBase.ts"
|
|
1216
|
+
}
|
|
1217
|
+
},
|
|
1218
|
+
{
|
|
1219
|
+
"kind": "field",
|
|
1220
|
+
"name": "#controlClickHandler",
|
|
1221
|
+
"privacy": "private",
|
|
1222
|
+
"readonly": true,
|
|
1223
|
+
"inheritedFrom": {
|
|
1224
|
+
"name": "TooltipElementBase",
|
|
1225
|
+
"module": "src/TooltipElementBase.ts"
|
|
1226
|
+
}
|
|
1227
|
+
},
|
|
1228
|
+
{
|
|
1229
|
+
"kind": "field",
|
|
1230
|
+
"name": "#hoverController",
|
|
1231
|
+
"privacy": "private",
|
|
1232
|
+
"readonly": true,
|
|
1233
|
+
"default": "new HoverController(this, { target: null, endDelay: TOOLTIP_HIDE_DELAY, callback: (hovering, target) => { if (this._isInteractive) return; if (hovering) { if (target === this._base) { this.#tooltipHovering = true; return; } this.show(); } else if (!this.#tooltipHovering || target === this._base) { this.#tooltipHovering = false; this.hide(); } }, })",
|
|
1234
|
+
"inheritedFrom": {
|
|
1235
|
+
"name": "TooltipElementBase",
|
|
1236
|
+
"module": "src/TooltipElementBase.ts"
|
|
1237
|
+
}
|
|
1238
|
+
},
|
|
1239
|
+
{
|
|
1240
|
+
"kind": "field",
|
|
1241
|
+
"name": "#longPressController",
|
|
1242
|
+
"privacy": "private",
|
|
1243
|
+
"readonly": true,
|
|
1244
|
+
"default": "new LongPressController(this, { target: null, callback: (pressed) => { if (this._isInteractive) return; if (pressed) { this.show(); } else { this.hide(); } }, })",
|
|
1245
|
+
"inheritedFrom": {
|
|
1246
|
+
"name": "TooltipElementBase",
|
|
1247
|
+
"module": "src/TooltipElementBase.ts"
|
|
1248
|
+
}
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"kind": "field",
|
|
1252
|
+
"name": "disabled",
|
|
1253
|
+
"type": {
|
|
1254
|
+
"text": "boolean"
|
|
1255
|
+
},
|
|
1256
|
+
"default": "false",
|
|
1257
|
+
"description": "Whether the element is disabled.",
|
|
1258
|
+
"attribute": "disabled",
|
|
1259
|
+
"reflects": true,
|
|
1260
|
+
"inheritedFrom": {
|
|
1261
|
+
"name": "TooltipElementBase",
|
|
1262
|
+
"module": "src/TooltipElementBase.ts"
|
|
1263
|
+
}
|
|
1264
|
+
},
|
|
1265
|
+
{
|
|
1266
|
+
"kind": "field",
|
|
1267
|
+
"name": "showDelay",
|
|
1268
|
+
"type": {
|
|
1269
|
+
"text": "number"
|
|
1270
|
+
},
|
|
1271
|
+
"description": "The amount of time, in milliseconds, before showing the tooltip.",
|
|
1272
|
+
"default": "0",
|
|
1273
|
+
"attribute": "show-delay",
|
|
1274
|
+
"inheritedFrom": {
|
|
1275
|
+
"name": "TooltipElementBase",
|
|
1276
|
+
"module": "src/TooltipElementBase.ts"
|
|
1277
|
+
}
|
|
1278
|
+
},
|
|
1279
|
+
{
|
|
1280
|
+
"kind": "field",
|
|
1281
|
+
"name": "hideDelay",
|
|
1282
|
+
"type": {
|
|
1283
|
+
"text": "number"
|
|
1284
|
+
},
|
|
1285
|
+
"description": "The amount of time, in milliseconds, before hiding the tooltip.",
|
|
1286
|
+
"default": "200",
|
|
1287
|
+
"attribute": "hide-delay",
|
|
1288
|
+
"inheritedFrom": {
|
|
1289
|
+
"name": "TooltipElementBase",
|
|
1290
|
+
"module": "src/TooltipElementBase.ts"
|
|
1291
|
+
}
|
|
1292
|
+
},
|
|
1293
|
+
{
|
|
1294
|
+
"kind": "field",
|
|
1295
|
+
"name": "touchGestures",
|
|
1296
|
+
"type": {
|
|
1297
|
+
"text": "TooltipTouchGestures"
|
|
1298
|
+
},
|
|
1299
|
+
"default": "\"auto\"",
|
|
1300
|
+
"description": "The mode in which to handle touch gestures.",
|
|
1301
|
+
"attribute": "touch-gestures",
|
|
1302
|
+
"inheritedFrom": {
|
|
1303
|
+
"name": "TooltipElementBase",
|
|
1304
|
+
"module": "src/TooltipElementBase.ts"
|
|
1305
|
+
}
|
|
1306
|
+
},
|
|
1307
|
+
{
|
|
1308
|
+
"kind": "field",
|
|
1309
|
+
"name": "isOpen",
|
|
1310
|
+
"type": {
|
|
1311
|
+
"text": "boolean"
|
|
1312
|
+
},
|
|
1313
|
+
"description": "Whether the tooltip is currently open.",
|
|
1314
|
+
"readonly": true,
|
|
1315
|
+
"inheritedFrom": {
|
|
1316
|
+
"name": "TooltipElementBase",
|
|
1317
|
+
"module": "src/TooltipElementBase.ts"
|
|
1318
|
+
}
|
|
1319
|
+
},
|
|
1320
|
+
{
|
|
1321
|
+
"kind": "method",
|
|
1322
|
+
"name": "show",
|
|
1323
|
+
"return": {
|
|
1324
|
+
"type": {
|
|
1325
|
+
"text": "Promise<void>"
|
|
1326
|
+
}
|
|
1327
|
+
},
|
|
1328
|
+
"description": "Manually shows the tooltip.",
|
|
1329
|
+
"inheritedFrom": {
|
|
1330
|
+
"name": "TooltipElementBase",
|
|
1331
|
+
"module": "src/TooltipElementBase.ts"
|
|
1332
|
+
}
|
|
1333
|
+
},
|
|
1334
|
+
{
|
|
1335
|
+
"kind": "method",
|
|
1336
|
+
"name": "hide",
|
|
1337
|
+
"return": {
|
|
1338
|
+
"type": {
|
|
1339
|
+
"text": "void"
|
|
1340
|
+
}
|
|
1341
|
+
},
|
|
1342
|
+
"description": "Manually hides the tooltip.",
|
|
1343
|
+
"inheritedFrom": {
|
|
1344
|
+
"name": "TooltipElementBase",
|
|
1345
|
+
"module": "src/TooltipElementBase.ts"
|
|
1346
|
+
}
|
|
1347
|
+
},
|
|
1348
|
+
{
|
|
1349
|
+
"kind": "method",
|
|
1350
|
+
"name": "#handleControlClick",
|
|
1351
|
+
"privacy": "private",
|
|
1352
|
+
"return": {
|
|
1353
|
+
"type": {
|
|
1354
|
+
"text": "void"
|
|
1355
|
+
}
|
|
1356
|
+
},
|
|
1357
|
+
"inheritedFrom": {
|
|
1358
|
+
"name": "TooltipElementBase",
|
|
1359
|
+
"module": "src/TooltipElementBase.ts"
|
|
1360
|
+
}
|
|
1361
|
+
},
|
|
1362
|
+
{
|
|
1363
|
+
"kind": "method",
|
|
1364
|
+
"name": "#disableNativeGesturesIfNecessary",
|
|
1365
|
+
"privacy": "private",
|
|
1366
|
+
"inheritedFrom": {
|
|
1367
|
+
"name": "TooltipElementBase",
|
|
1368
|
+
"module": "src/TooltipElementBase.ts"
|
|
1369
|
+
}
|
|
1370
|
+
}
|
|
1371
|
+
],
|
|
1372
|
+
"attributes": [
|
|
1373
|
+
{
|
|
1374
|
+
"name": "disabled",
|
|
1375
|
+
"type": {
|
|
1376
|
+
"text": "boolean"
|
|
1377
|
+
},
|
|
1378
|
+
"default": "false",
|
|
1379
|
+
"description": "Whether the element is disabled.",
|
|
1380
|
+
"fieldName": "disabled",
|
|
1381
|
+
"inheritedFrom": {
|
|
1382
|
+
"name": "TooltipElementBase",
|
|
1383
|
+
"module": "src/TooltipElementBase.ts"
|
|
1384
|
+
}
|
|
1385
|
+
},
|
|
1386
|
+
{
|
|
1387
|
+
"name": "for",
|
|
1388
|
+
"type": {
|
|
1389
|
+
"text": "string | null"
|
|
1390
|
+
},
|
|
1391
|
+
"default": "null",
|
|
1392
|
+
"description": "The identifier of the interactive control to which this element is attached.",
|
|
1393
|
+
"fieldName": "htmlFor",
|
|
1394
|
+
"inheritedFrom": {
|
|
1395
|
+
"name": "HtmlFor",
|
|
1396
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
1397
|
+
}
|
|
1398
|
+
},
|
|
1399
|
+
{
|
|
1400
|
+
"name": "hide-delay",
|
|
1401
|
+
"type": {
|
|
1402
|
+
"text": "number"
|
|
1403
|
+
},
|
|
1404
|
+
"description": "The amount of time, in milliseconds, before hiding the tooltip.",
|
|
1405
|
+
"default": "200",
|
|
1406
|
+
"fieldName": "hideDelay",
|
|
1407
|
+
"inheritedFrom": {
|
|
1408
|
+
"name": "TooltipElementBase",
|
|
1409
|
+
"module": "src/TooltipElementBase.ts"
|
|
1410
|
+
}
|
|
1411
|
+
},
|
|
1412
|
+
{
|
|
1413
|
+
"description": "The position of the tooltip.",
|
|
1414
|
+
"name": "position",
|
|
1415
|
+
"type": {
|
|
1416
|
+
"text": "TooltipPosition"
|
|
1417
|
+
},
|
|
1418
|
+
"default": "\"below\"",
|
|
1419
|
+
"fieldName": "position"
|
|
1420
|
+
},
|
|
1421
|
+
{
|
|
1422
|
+
"name": "show-delay",
|
|
1423
|
+
"type": {
|
|
1424
|
+
"text": "number"
|
|
1425
|
+
},
|
|
1426
|
+
"description": "The amount of time, in milliseconds, before showing the tooltip.",
|
|
1427
|
+
"default": "0",
|
|
1428
|
+
"fieldName": "showDelay",
|
|
1429
|
+
"inheritedFrom": {
|
|
1430
|
+
"name": "TooltipElementBase",
|
|
1431
|
+
"module": "src/TooltipElementBase.ts"
|
|
1432
|
+
}
|
|
1433
|
+
},
|
|
1434
|
+
{
|
|
1435
|
+
"name": "touch-gestures",
|
|
1436
|
+
"type": {
|
|
1437
|
+
"text": "TooltipTouchGestures"
|
|
1438
|
+
},
|
|
1439
|
+
"default": "\"auto\"",
|
|
1440
|
+
"description": "The mode in which to handle touch gestures.",
|
|
1441
|
+
"fieldName": "touchGestures",
|
|
1442
|
+
"inheritedFrom": {
|
|
1443
|
+
"name": "TooltipElementBase",
|
|
1444
|
+
"module": "src/TooltipElementBase.ts"
|
|
1445
|
+
}
|
|
1446
|
+
}
|
|
1447
|
+
],
|
|
1448
|
+
"superclass": {
|
|
1449
|
+
"name": "TooltipElementBase",
|
|
1450
|
+
"module": "/src/TooltipElementBase"
|
|
1451
|
+
},
|
|
1452
|
+
"tagName": "m3e-tooltip",
|
|
1453
|
+
"customElement": true
|
|
1454
|
+
}
|
|
1455
|
+
],
|
|
1456
|
+
"exports": [
|
|
1457
|
+
{
|
|
1458
|
+
"kind": "js",
|
|
1459
|
+
"name": "M3eTooltipElement",
|
|
21
1460
|
"declaration": {
|
|
22
|
-
"name": "
|
|
23
|
-
"
|
|
1461
|
+
"name": "M3eTooltipElement",
|
|
1462
|
+
"module": "src/TooltipElement.ts"
|
|
24
1463
|
}
|
|
25
1464
|
},
|
|
26
1465
|
{
|
|
27
|
-
"kind": "
|
|
28
|
-
"name": "
|
|
1466
|
+
"kind": "custom-element-definition",
|
|
1467
|
+
"name": "m3e-tooltip",
|
|
29
1468
|
"declaration": {
|
|
30
|
-
"name": "
|
|
31
|
-
"
|
|
1469
|
+
"name": "M3eTooltipElement",
|
|
1470
|
+
"module": "src/TooltipElement.ts"
|
|
32
1471
|
}
|
|
33
1472
|
}
|
|
34
1473
|
]
|
|
35
1474
|
},
|
|
36
1475
|
{
|
|
37
1476
|
"kind": "javascript-module",
|
|
38
|
-
"path": "src/
|
|
1477
|
+
"path": "src/TooltipElementBase.ts",
|
|
39
1478
|
"declarations": [
|
|
40
1479
|
{
|
|
41
1480
|
"kind": "class",
|
|
42
|
-
"description": "
|
|
43
|
-
"name": "
|
|
44
|
-
"cssProperties": [
|
|
45
|
-
{
|
|
46
|
-
"description": "Internal spacing of the tooltip container.",
|
|
47
|
-
"name": "--m3e-tooltip-padding"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"description": "Minimum width of the tooltip.",
|
|
51
|
-
"name": "--m3e-tooltip-min-width"
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"description": "Maximum width of the tooltip.",
|
|
55
|
-
"name": "--m3e-tooltip-max-width"
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
"description": "Minimum height of the tooltip container.",
|
|
59
|
-
"name": "--m3e-tooltip-min-height"
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
"description": "Maximum height of the tooltip.",
|
|
63
|
-
"name": "--m3e-tooltip-max-height"
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"description": "Border radius of the tooltip container.",
|
|
67
|
-
"name": "--m3e-tooltip-shape"
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"description": "Background color of the tooltip.",
|
|
71
|
-
"name": "--m3e-tooltip-container-color"
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"description": "Text color of supporting text.",
|
|
75
|
-
"name": "--m3e-tooltip-supporting-text-color"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
"description": "Font size of supporting text.",
|
|
79
|
-
"name": "--m3e-tooltip-supporting-text-font-size"
|
|
80
|
-
},
|
|
81
|
-
{
|
|
82
|
-
"description": "Font weight of supporting text.",
|
|
83
|
-
"name": "--m3e-tooltip-supporting-text-font-weight"
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
"description": "Line height of supporting text.",
|
|
87
|
-
"name": "--m3e-tooltip-supporting-text-line-height"
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
"description": "Letter spacing of supporting text.",
|
|
91
|
-
"name": "--m3e-tooltip-supporting-text-tracking"
|
|
92
|
-
}
|
|
93
|
-
],
|
|
94
|
-
"slots": [
|
|
95
|
-
{
|
|
96
|
-
"description": "Renders the content of the tooltip.",
|
|
97
|
-
"name": ""
|
|
98
|
-
}
|
|
99
|
-
],
|
|
1481
|
+
"description": "Provides a base implementation for a tooltip. This class must be inherited.",
|
|
1482
|
+
"name": "TooltipElementBase",
|
|
100
1483
|
"members": [
|
|
101
1484
|
{
|
|
102
1485
|
"kind": "field",
|
|
103
1486
|
"name": "__openTooltips",
|
|
104
1487
|
"privacy": "private",
|
|
105
1488
|
"static": true,
|
|
106
|
-
"
|
|
107
|
-
"default": "new Array<M3eTooltipElement>()"
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
"kind": "field",
|
|
111
|
-
"name": "_base",
|
|
112
|
-
"type": {
|
|
113
|
-
"text": "HTMLElement"
|
|
114
|
-
},
|
|
115
|
-
"privacy": "private",
|
|
116
|
-
"readonly": true
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"kind": "field",
|
|
120
|
-
"name": "#message",
|
|
121
|
-
"privacy": "private",
|
|
122
|
-
"type": {
|
|
123
|
-
"text": "string | null | undefined"
|
|
124
|
-
}
|
|
1489
|
+
"default": "new Array<TooltipElementBase>()"
|
|
125
1490
|
},
|
|
126
1491
|
{
|
|
127
1492
|
"kind": "field",
|
|
@@ -142,7 +1507,16 @@
|
|
|
142
1507
|
},
|
|
143
1508
|
{
|
|
144
1509
|
"kind": "field",
|
|
145
|
-
"name": "#
|
|
1510
|
+
"name": "#tooltipHovering",
|
|
1511
|
+
"privacy": "private",
|
|
1512
|
+
"type": {
|
|
1513
|
+
"text": "boolean"
|
|
1514
|
+
},
|
|
1515
|
+
"default": "false"
|
|
1516
|
+
},
|
|
1517
|
+
{
|
|
1518
|
+
"kind": "field",
|
|
1519
|
+
"name": "#controlClickHandler",
|
|
146
1520
|
"privacy": "private",
|
|
147
1521
|
"readonly": true
|
|
148
1522
|
},
|
|
@@ -151,14 +1525,14 @@
|
|
|
151
1525
|
"name": "#hoverController",
|
|
152
1526
|
"privacy": "private",
|
|
153
1527
|
"readonly": true,
|
|
154
|
-
"default": "new HoverController(this, { target: null, endDelay: TOOLTIP_HIDE_DELAY, callback: (hovering) => { if (hovering) { this.show(); } else { this.hide(); } }, })"
|
|
1528
|
+
"default": "new HoverController(this, { target: null, endDelay: TOOLTIP_HIDE_DELAY, callback: (hovering, target) => { if (this._isInteractive) return; if (hovering) { if (target === this._base) { this.#tooltipHovering = true; return; } this.show(); } else if (!this.#tooltipHovering || target === this._base) { this.#tooltipHovering = false; this.hide(); } }, })"
|
|
155
1529
|
},
|
|
156
1530
|
{
|
|
157
1531
|
"kind": "field",
|
|
158
1532
|
"name": "#longPressController",
|
|
159
1533
|
"privacy": "private",
|
|
160
1534
|
"readonly": true,
|
|
161
|
-
"default": "new LongPressController(this, { target: null, callback: (pressed) => { if (pressed) { this.show(); } else { this.hide(); } }, })"
|
|
1535
|
+
"default": "new LongPressController(this, { target: null, callback: (pressed) => { if (this._isInteractive) return; if (pressed) { this.show(); } else { this.hide(); } }, })"
|
|
162
1536
|
},
|
|
163
1537
|
{
|
|
164
1538
|
"kind": "field",
|
|
@@ -171,16 +1545,6 @@
|
|
|
171
1545
|
"attribute": "disabled",
|
|
172
1546
|
"reflects": true
|
|
173
1547
|
},
|
|
174
|
-
{
|
|
175
|
-
"kind": "field",
|
|
176
|
-
"name": "position",
|
|
177
|
-
"type": {
|
|
178
|
-
"text": "TooltipPosition"
|
|
179
|
-
},
|
|
180
|
-
"default": "\"below\"",
|
|
181
|
-
"description": "The position of the tooltip.",
|
|
182
|
-
"attribute": "position"
|
|
183
|
-
},
|
|
184
1548
|
{
|
|
185
1549
|
"kind": "field",
|
|
186
1550
|
"name": "showDelay",
|
|
@@ -211,6 +1575,15 @@
|
|
|
211
1575
|
"description": "The mode in which to handle touch gestures.",
|
|
212
1576
|
"attribute": "touch-gestures"
|
|
213
1577
|
},
|
|
1578
|
+
{
|
|
1579
|
+
"kind": "field",
|
|
1580
|
+
"name": "isOpen",
|
|
1581
|
+
"type": {
|
|
1582
|
+
"text": "boolean"
|
|
1583
|
+
},
|
|
1584
|
+
"description": "Whether the tooltip is currently open.",
|
|
1585
|
+
"readonly": true
|
|
1586
|
+
},
|
|
214
1587
|
{
|
|
215
1588
|
"kind": "method",
|
|
216
1589
|
"name": "attach",
|
|
@@ -269,7 +1642,7 @@
|
|
|
269
1642
|
},
|
|
270
1643
|
{
|
|
271
1644
|
"kind": "method",
|
|
272
|
-
"name": "#
|
|
1645
|
+
"name": "#handleControlClick",
|
|
273
1646
|
"privacy": "private",
|
|
274
1647
|
"return": {
|
|
275
1648
|
"type": {
|
|
@@ -277,24 +1650,6 @@
|
|
|
277
1650
|
}
|
|
278
1651
|
}
|
|
279
1652
|
},
|
|
280
|
-
{
|
|
281
|
-
"kind": "method",
|
|
282
|
-
"name": "#handleToggle",
|
|
283
|
-
"privacy": "private",
|
|
284
|
-
"return": {
|
|
285
|
-
"type": {
|
|
286
|
-
"text": "void"
|
|
287
|
-
}
|
|
288
|
-
},
|
|
289
|
-
"parameters": [
|
|
290
|
-
{
|
|
291
|
-
"name": "e",
|
|
292
|
-
"type": {
|
|
293
|
-
"text": "ToggleEvent"
|
|
294
|
-
}
|
|
295
|
-
}
|
|
296
|
-
]
|
|
297
|
-
},
|
|
298
1653
|
{
|
|
299
1654
|
"kind": "method",
|
|
300
1655
|
"name": "#disableNativeGesturesIfNecessary",
|
|
@@ -349,82 +1704,36 @@
|
|
|
349
1704
|
"name": "HtmlFor",
|
|
350
1705
|
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
351
1706
|
}
|
|
352
|
-
},
|
|
353
|
-
{
|
|
354
|
-
"kind": "field",
|
|
355
|
-
"name": "formAssociated",
|
|
356
|
-
"static": true,
|
|
357
|
-
"readonly": true,
|
|
358
|
-
"default": "formAssociated",
|
|
359
|
-
"description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
|
|
360
|
-
"inheritedFrom": {
|
|
361
|
-
"name": "AttachInternals",
|
|
362
|
-
"module": "../core/src/shared/mixins/AttachInternals.ts"
|
|
363
|
-
}
|
|
364
|
-
},
|
|
365
|
-
{
|
|
366
|
-
"kind": "field",
|
|
367
|
-
"name": "[_internals]",
|
|
368
|
-
"type": {
|
|
369
|
-
"text": "ElementInternals | undefined"
|
|
370
|
-
},
|
|
371
|
-
"privacy": "private",
|
|
372
|
-
"inheritedFrom": {
|
|
373
|
-
"name": "AttachInternals",
|
|
374
|
-
"module": "../core/src/shared/mixins/AttachInternals.ts"
|
|
375
|
-
}
|
|
376
1707
|
}
|
|
377
1708
|
],
|
|
378
1709
|
"attributes": [
|
|
379
1710
|
{
|
|
380
|
-
"description": "Whether the element is disabled.",
|
|
381
1711
|
"name": "disabled",
|
|
382
1712
|
"type": {
|
|
383
1713
|
"text": "boolean"
|
|
384
1714
|
},
|
|
385
1715
|
"default": "false",
|
|
1716
|
+
"description": "Whether the element is disabled.",
|
|
386
1717
|
"fieldName": "disabled"
|
|
387
1718
|
},
|
|
388
1719
|
{
|
|
389
|
-
"name": "
|
|
1720
|
+
"name": "show-delay",
|
|
390
1721
|
"type": {
|
|
391
|
-
"text": "
|
|
1722
|
+
"text": "number"
|
|
392
1723
|
},
|
|
393
|
-
"
|
|
394
|
-
"
|
|
395
|
-
"fieldName": "
|
|
396
|
-
"inheritedFrom": {
|
|
397
|
-
"name": "HtmlFor",
|
|
398
|
-
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
399
|
-
}
|
|
1724
|
+
"description": "The amount of time, in milliseconds, before showing the tooltip.",
|
|
1725
|
+
"default": "0",
|
|
1726
|
+
"fieldName": "showDelay"
|
|
400
1727
|
},
|
|
401
1728
|
{
|
|
402
|
-
"description": "The amount of time, in milliseconds, before hiding the tooltip.",
|
|
403
1729
|
"name": "hide-delay",
|
|
404
1730
|
"type": {
|
|
405
1731
|
"text": "number"
|
|
406
1732
|
},
|
|
1733
|
+
"description": "The amount of time, in milliseconds, before hiding the tooltip.",
|
|
407
1734
|
"default": "200",
|
|
408
1735
|
"fieldName": "hideDelay"
|
|
409
1736
|
},
|
|
410
|
-
{
|
|
411
|
-
"description": "The position of the tooltip.",
|
|
412
|
-
"name": "position",
|
|
413
|
-
"type": {
|
|
414
|
-
"text": "TooltipPosition"
|
|
415
|
-
},
|
|
416
|
-
"default": "\"below\"",
|
|
417
|
-
"fieldName": "position"
|
|
418
|
-
},
|
|
419
|
-
{
|
|
420
|
-
"description": "The amount of time, in milliseconds, before showing the tooltip.",
|
|
421
|
-
"name": "show-delay",
|
|
422
|
-
"type": {
|
|
423
|
-
"text": "number"
|
|
424
|
-
},
|
|
425
|
-
"default": "0",
|
|
426
|
-
"fieldName": "showDelay"
|
|
427
|
-
},
|
|
428
1737
|
{
|
|
429
1738
|
"name": "touch-gestures",
|
|
430
1739
|
"type": {
|
|
@@ -433,41 +1742,41 @@
|
|
|
433
1742
|
"default": "\"auto\"",
|
|
434
1743
|
"description": "The mode in which to handle touch gestures.",
|
|
435
1744
|
"fieldName": "touchGestures"
|
|
1745
|
+
},
|
|
1746
|
+
{
|
|
1747
|
+
"name": "for",
|
|
1748
|
+
"type": {
|
|
1749
|
+
"text": "string | null"
|
|
1750
|
+
},
|
|
1751
|
+
"default": "null",
|
|
1752
|
+
"description": "The identifier of the interactive control to which this element is attached.",
|
|
1753
|
+
"fieldName": "htmlFor",
|
|
1754
|
+
"inheritedFrom": {
|
|
1755
|
+
"name": "HtmlFor",
|
|
1756
|
+
"module": "../core/src/shared/mixins/HtmlFor.ts"
|
|
1757
|
+
}
|
|
436
1758
|
}
|
|
437
1759
|
],
|
|
438
1760
|
"mixins": [
|
|
439
1761
|
{
|
|
440
1762
|
"name": "HtmlFor",
|
|
441
1763
|
"package": "@m3e/core"
|
|
442
|
-
},
|
|
443
|
-
{
|
|
444
|
-
"name": "AttachInternals",
|
|
445
|
-
"package": "@m3e/core"
|
|
446
1764
|
}
|
|
447
1765
|
],
|
|
448
1766
|
"superclass": {
|
|
449
1767
|
"name": "LitElement",
|
|
450
1768
|
"package": "lit"
|
|
451
1769
|
},
|
|
452
|
-
"tagName": "m3e-tooltip",
|
|
453
1770
|
"customElement": true
|
|
454
1771
|
}
|
|
455
1772
|
],
|
|
456
1773
|
"exports": [
|
|
457
1774
|
{
|
|
458
1775
|
"kind": "js",
|
|
459
|
-
"name": "
|
|
460
|
-
"declaration": {
|
|
461
|
-
"name": "M3eTooltipElement",
|
|
462
|
-
"module": "src/TooltipElement.ts"
|
|
463
|
-
}
|
|
464
|
-
},
|
|
465
|
-
{
|
|
466
|
-
"kind": "custom-element-definition",
|
|
467
|
-
"name": "m3e-tooltip",
|
|
1776
|
+
"name": "TooltipElementBase",
|
|
468
1777
|
"declaration": {
|
|
469
|
-
"name": "
|
|
470
|
-
"module": "src/
|
|
1778
|
+
"name": "TooltipElementBase",
|
|
1779
|
+
"module": "src/TooltipElementBase.ts"
|
|
471
1780
|
}
|
|
472
1781
|
}
|
|
473
1782
|
]
|