@spectrum-web-components/overlay 0.30.1-overlay.41 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/active-overlay.d.ts +6 -0
  2. package/active-overlay.dev.js +5 -0
  3. package/{sp-overlay.dev.js.map → active-overlay.dev.js.map} +3 -3
  4. package/active-overlay.js +2 -0
  5. package/{sp-overlay.js.map → active-overlay.js.map} +4 -4
  6. package/custom-elements.json +1203 -0
  7. package/package.json +21 -50
  8. package/src/ActiveOverlay.d.ts +84 -0
  9. package/src/ActiveOverlay.dev.js +517 -0
  10. package/src/ActiveOverlay.dev.js.map +7 -0
  11. package/src/ActiveOverlay.js +16 -0
  12. package/src/ActiveOverlay.js.map +7 -0
  13. package/src/OverlayTrigger.d.ts +31 -23
  14. package/src/OverlayTrigger.dev.js +245 -135
  15. package/src/OverlayTrigger.dev.js.map +3 -3
  16. package/src/OverlayTrigger.js +22 -52
  17. package/src/OverlayTrigger.js.map +3 -3
  18. package/src/VirtualTrigger.dev.js +2 -0
  19. package/src/VirtualTrigger.dev.js.map +2 -2
  20. package/src/VirtualTrigger.js +1 -1
  21. package/src/VirtualTrigger.js.map +3 -3
  22. package/src/active-overlay.css.dev.js +13 -0
  23. package/src/active-overlay.css.dev.js.map +7 -0
  24. package/src/active-overlay.css.js +10 -0
  25. package/src/active-overlay.css.js.map +7 -0
  26. package/src/index.d.ts +3 -2
  27. package/src/index.dev.js +3 -2
  28. package/src/index.dev.js.map +2 -2
  29. package/src/index.js +1 -1
  30. package/src/index.js.map +2 -2
  31. package/src/loader.d.ts +2 -2
  32. package/src/loader.dev.js +19 -2
  33. package/src/loader.dev.js.map +2 -2
  34. package/src/loader.js +1 -1
  35. package/src/loader.js.map +3 -3
  36. package/src/overlay-stack.d.ts +50 -0
  37. package/src/overlay-stack.dev.js +514 -0
  38. package/src/overlay-stack.dev.js.map +7 -0
  39. package/src/overlay-stack.js +33 -0
  40. package/src/overlay-stack.js.map +7 -0
  41. package/src/overlay-trigger.css.dev.js +1 -1
  42. package/src/overlay-trigger.css.dev.js.map +1 -1
  43. package/src/overlay-trigger.css.js +1 -1
  44. package/src/overlay-trigger.css.js.map +1 -1
  45. package/src/overlay-types.d.ts +4 -6
  46. package/src/overlay-types.dev.js +0 -1
  47. package/src/overlay-types.dev.js.map +3 -3
  48. package/src/overlay-types.js +1 -1
  49. package/src/overlay-types.js.map +3 -3
  50. package/src/overlay-utils.d.ts +3 -0
  51. package/src/overlay-utils.dev.js +31 -0
  52. package/src/overlay-utils.dev.js.map +7 -0
  53. package/src/overlay-utils.js +2 -0
  54. package/src/overlay-utils.js.map +7 -0
  55. package/src/overlay.d.ts +59 -0
  56. package/src/overlay.dev.js +127 -0
  57. package/src/overlay.dev.js.map +7 -0
  58. package/src/overlay.js +2 -0
  59. package/src/overlay.js.map +7 -0
  60. package/stories/overlay-story-components.js +8 -9
  61. package/stories/overlay-story-components.js.map +2 -2
  62. package/stories/overlay.stories.js +652 -678
  63. package/stories/overlay.stories.js.map +2 -2
  64. package/sync/overlay-trigger.d.ts +0 -4
  65. package/sync/overlay-trigger.dev.js +4 -1
  66. package/sync/overlay-trigger.dev.js.map +2 -2
  67. package/sync/overlay-trigger.js +1 -1
  68. package/sync/overlay-trigger.js.map +3 -3
  69. package/test/benchmark/basic-test.js +1 -1
  70. package/test/benchmark/basic-test.js.map +1 -1
  71. package/test/index.js +375 -422
  72. package/test/index.js.map +3 -3
  73. package/test/overlay-lifecycle.test.js +106 -34
  74. package/test/overlay-lifecycle.test.js.map +2 -2
  75. package/test/overlay-trigger-click.test.js +5 -11
  76. package/test/overlay-trigger-click.test.js.map +2 -2
  77. package/test/overlay-trigger-extended.test.js +6 -1
  78. package/test/overlay-trigger-extended.test.js.map +2 -2
  79. package/test/overlay-trigger-hover-click.test.js +23 -23
  80. package/test/overlay-trigger-hover-click.test.js.map +2 -2
  81. package/test/overlay-trigger-hover.test.js +34 -40
  82. package/test/overlay-trigger-hover.test.js.map +2 -2
  83. package/test/overlay-trigger-longpress.test.js +80 -98
  84. package/test/overlay-trigger-longpress.test.js.map +2 -2
  85. package/test/overlay-trigger-sync.test.js +1 -1
  86. package/test/overlay-trigger-sync.test.js.map +2 -2
  87. package/test/overlay-trigger.test.js +1 -1
  88. package/test/overlay-trigger.test.js.map +2 -2
  89. package/test/overlay-update.test.js +4 -4
  90. package/test/overlay-update.test.js.map +2 -2
  91. package/test/overlay.test.js +235 -237
  92. package/test/overlay.test.js.map +3 -3
  93. package/sp-overlay.d.ts +0 -6
  94. package/sp-overlay.dev.js +0 -5
  95. package/sp-overlay.js +0 -2
  96. package/src/Overlay.d.ts +0 -28
  97. package/src/Overlay.dev.js +0 -88
  98. package/src/Overlay.dev.js.map +0 -7
  99. package/src/Overlay.js +0 -2
  100. package/src/Overlay.js.map +0 -7
  101. package/src/OverlayBase.d.ts +0 -117
  102. package/src/OverlayBase.dev.js +0 -680
  103. package/src/OverlayBase.dev.js.map +0 -7
  104. package/src/OverlayBase.js +0 -17
  105. package/src/OverlayBase.js.map +0 -7
  106. package/src/OverlayDialog.d.ts +0 -8
  107. package/src/OverlayDialog.dev.js +0 -151
  108. package/src/OverlayDialog.dev.js.map +0 -7
  109. package/src/OverlayDialog.js +0 -2
  110. package/src/OverlayDialog.js.map +0 -7
  111. package/src/OverlayNoPopover.d.ts +0 -8
  112. package/src/OverlayNoPopover.dev.js +0 -121
  113. package/src/OverlayNoPopover.dev.js.map +0 -7
  114. package/src/OverlayNoPopover.js +0 -2
  115. package/src/OverlayNoPopover.js.map +0 -7
  116. package/src/OverlayPopover.d.ts +0 -8
  117. package/src/OverlayPopover.dev.js +0 -171
  118. package/src/OverlayPopover.dev.js.map +0 -7
  119. package/src/OverlayPopover.js +0 -2
  120. package/src/OverlayPopover.js.map +0 -7
  121. package/src/OverlayStack.d.ts +0 -24
  122. package/src/OverlayStack.dev.js +0 -125
  123. package/src/OverlayStack.dev.js.map +0 -7
  124. package/src/OverlayStack.js +0 -2
  125. package/src/OverlayStack.js.map +0 -7
  126. package/src/PlacementController.d.ts +0 -36
  127. package/src/PlacementController.dev.js +0 -193
  128. package/src/PlacementController.dev.js.map +0 -7
  129. package/src/PlacementController.js +0 -2
  130. package/src/PlacementController.js.map +0 -7
  131. package/src/fullSizePlugin.d.ts +0 -12
  132. package/src/fullSizePlugin.dev.js +0 -39
  133. package/src/fullSizePlugin.dev.js.map +0 -7
  134. package/src/fullSizePlugin.js +0 -2
  135. package/src/fullSizePlugin.js.map +0 -7
  136. package/src/overlay-base.css.dev.js +0 -9
  137. package/src/overlay-base.css.dev.js.map +0 -7
  138. package/src/overlay-base.css.js +0 -6
  139. package/src/overlay-base.css.js.map +0 -7
  140. package/src/placement.d.ts +0 -21
  141. package/src/placement.dev.js +0 -111
  142. package/src/placement.dev.js.map +0 -7
  143. package/src/placement.js +0 -2
  144. package/src/placement.js.map +0 -7
  145. package/src/topLayerOverTransforms.d.ts +0 -22
  146. package/src/topLayerOverTransforms.dev.js +0 -165
  147. package/src/topLayerOverTransforms.dev.js.map +0 -7
  148. package/src/topLayerOverTransforms.js +0 -2
  149. package/src/topLayerOverTransforms.js.map +0 -7
  150. package/stories/overlay-element.stories.js +0 -230
  151. package/stories/overlay-element.stories.js.map +0 -7
  152. package/test/overlay-element.test-vrt.js +0 -5
  153. package/test/overlay-element.test-vrt.js.map +0 -7
  154. package/test/overlay-element.test.js +0 -664
  155. package/test/overlay-element.test.js.map +0 -7
  156. /package/src/{overlay-base.css.d.ts → active-overlay.css.d.ts} +0 -0
@@ -0,0 +1,1203 @@
1
+ {
2
+ "schemaVersion": "1.0.0",
3
+ "readme": "",
4
+ "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "overlay-trigger.js",
8
+ "declarations": [],
9
+ "exports": []
10
+ },
11
+ {
12
+ "kind": "javascript-module",
13
+ "path": "sync/overlay-trigger.js",
14
+ "declarations": [],
15
+ "exports": []
16
+ },
17
+ {
18
+ "kind": "javascript-module",
19
+ "path": "src/ActiveOverlay.js",
20
+ "declarations": [
21
+ {
22
+ "kind": "class",
23
+ "description": "",
24
+ "name": "ActiveOverlay",
25
+ "slots": [
26
+ {
27
+ "description": "content to display in the overlay",
28
+ "name": ""
29
+ }
30
+ ],
31
+ "members": [
32
+ {
33
+ "kind": "field",
34
+ "name": "overlayContent",
35
+ "type": {
36
+ "text": "HTMLElement"
37
+ },
38
+ "privacy": "public"
39
+ },
40
+ {
41
+ "kind": "field",
42
+ "name": "overlayContentTip",
43
+ "type": {
44
+ "text": "HTMLElement | undefined"
45
+ },
46
+ "privacy": "public"
47
+ },
48
+ {
49
+ "kind": "field",
50
+ "name": "trigger",
51
+ "type": {
52
+ "text": "HTMLElement"
53
+ },
54
+ "privacy": "public"
55
+ },
56
+ {
57
+ "kind": "field",
58
+ "name": "root",
59
+ "type": {
60
+ "text": "HTMLElement | undefined"
61
+ },
62
+ "privacy": "public"
63
+ },
64
+ {
65
+ "kind": "field",
66
+ "name": "virtualTrigger",
67
+ "type": {
68
+ "text": "VirtualTrigger | undefined"
69
+ },
70
+ "privacy": "public"
71
+ },
72
+ {
73
+ "kind": "field",
74
+ "name": "cleanup",
75
+ "type": {
76
+ "text": "() => void | undefined"
77
+ },
78
+ "privacy": "private"
79
+ },
80
+ {
81
+ "kind": "field",
82
+ "name": "contentAnimationPromise",
83
+ "type": {
84
+ "text": "Promise<boolean>"
85
+ },
86
+ "privacy": "protected"
87
+ },
88
+ {
89
+ "kind": "field",
90
+ "name": "resolveContentAnimationPromise",
91
+ "privacy": "protected"
92
+ },
93
+ {
94
+ "kind": "field",
95
+ "name": "_state",
96
+ "privacy": "public",
97
+ "attribute": "_state"
98
+ },
99
+ {
100
+ "kind": "field",
101
+ "name": "state",
102
+ "type": {
103
+ "text": "OverlayStateType"
104
+ },
105
+ "privacy": "public"
106
+ },
107
+ {
108
+ "kind": "field",
109
+ "name": "animating",
110
+ "type": {
111
+ "text": "boolean"
112
+ },
113
+ "privacy": "public",
114
+ "default": "false",
115
+ "attribute": "animating",
116
+ "reflects": true
117
+ },
118
+ {
119
+ "kind": "field",
120
+ "name": "placement",
121
+ "type": {
122
+ "text": "Placement | undefined"
123
+ },
124
+ "privacy": "public",
125
+ "attribute": "placement",
126
+ "reflects": true
127
+ },
128
+ {
129
+ "kind": "field",
130
+ "name": "theme",
131
+ "type": {
132
+ "text": "{\n color?: Color;\n scale?: Scale;\n lang?: string;\n theme?: ThemeVariant;\n }"
133
+ },
134
+ "privacy": "public",
135
+ "default": "{}"
136
+ },
137
+ {
138
+ "kind": "field",
139
+ "name": "receivesFocus",
140
+ "type": {
141
+ "text": "'auto' | undefined"
142
+ },
143
+ "privacy": "public"
144
+ },
145
+ {
146
+ "kind": "field",
147
+ "name": "tabbingAway",
148
+ "type": {
149
+ "text": "boolean"
150
+ },
151
+ "privacy": "public",
152
+ "default": "false"
153
+ },
154
+ {
155
+ "kind": "field",
156
+ "name": "originalPlacement",
157
+ "type": {
158
+ "text": "Placement | undefined"
159
+ },
160
+ "privacy": "private"
161
+ },
162
+ {
163
+ "kind": "field",
164
+ "name": "restoreContent",
165
+ "type": {
166
+ "text": "() => Element[] | undefined"
167
+ },
168
+ "privacy": "private"
169
+ },
170
+ {
171
+ "kind": "method",
172
+ "name": "focus",
173
+ "privacy": "public",
174
+ "return": {
175
+ "type": {
176
+ "text": "Promise<void>"
177
+ }
178
+ }
179
+ },
180
+ {
181
+ "kind": "field",
182
+ "name": "hasTheme",
183
+ "type": {
184
+ "text": "boolean"
185
+ },
186
+ "privacy": "private"
187
+ },
188
+ {
189
+ "kind": "field",
190
+ "name": "offset",
191
+ "type": {
192
+ "text": "number"
193
+ },
194
+ "privacy": "public",
195
+ "default": "6"
196
+ },
197
+ {
198
+ "kind": "field",
199
+ "name": "skidding",
200
+ "type": {
201
+ "text": "number"
202
+ },
203
+ "privacy": "public",
204
+ "default": "0"
205
+ },
206
+ {
207
+ "kind": "field",
208
+ "name": "interaction",
209
+ "type": {
210
+ "text": "TriggerInteractions"
211
+ },
212
+ "privacy": "public",
213
+ "default": "'hover'"
214
+ },
215
+ {
216
+ "kind": "field",
217
+ "name": "positionAnimationFrame",
218
+ "type": {
219
+ "text": "number"
220
+ },
221
+ "privacy": "private",
222
+ "default": "0"
223
+ },
224
+ {
225
+ "kind": "field",
226
+ "name": "timeout",
227
+ "type": {
228
+ "text": "number | undefined"
229
+ },
230
+ "privacy": "private"
231
+ },
232
+ {
233
+ "kind": "field",
234
+ "name": "_modalRoot",
235
+ "type": {
236
+ "text": "ActiveOverlay | undefined"
237
+ },
238
+ "privacy": "private"
239
+ },
240
+ {
241
+ "kind": "field",
242
+ "name": "hasModalRoot",
243
+ "type": {
244
+ "text": "boolean"
245
+ },
246
+ "privacy": "public"
247
+ },
248
+ {
249
+ "kind": "method",
250
+ "name": "feature",
251
+ "privacy": "public",
252
+ "return": {
253
+ "type": {
254
+ "text": "void"
255
+ }
256
+ }
257
+ },
258
+ {
259
+ "kind": "method",
260
+ "name": "obscure",
261
+ "privacy": "public",
262
+ "return": {
263
+ "type": {
264
+ "text": "ActiveOverlay | undefined"
265
+ }
266
+ },
267
+ "parameters": [
268
+ {
269
+ "name": "nextOverlayInteraction",
270
+ "type": {
271
+ "text": "TriggerInteractions"
272
+ }
273
+ }
274
+ ]
275
+ },
276
+ {
277
+ "kind": "method",
278
+ "name": "openCallback",
279
+ "privacy": "public",
280
+ "return": {
281
+ "type": {
282
+ "text": "Promise<void>"
283
+ }
284
+ },
285
+ "parameters": [
286
+ {
287
+ "name": "lifecycleCallback",
288
+ "type": {
289
+ "text": "() => Promise<void> | void"
290
+ }
291
+ }
292
+ ]
293
+ },
294
+ {
295
+ "kind": "method",
296
+ "name": "open",
297
+ "privacy": "private",
298
+ "return": {
299
+ "type": {
300
+ "text": "void"
301
+ }
302
+ },
303
+ "parameters": [
304
+ {
305
+ "name": "openDetail",
306
+ "type": {
307
+ "text": "OverlayOpenDetail"
308
+ }
309
+ }
310
+ ]
311
+ },
312
+ {
313
+ "kind": "method",
314
+ "name": "extractDetail",
315
+ "privacy": "private",
316
+ "return": {
317
+ "type": {
318
+ "text": "void"
319
+ }
320
+ },
321
+ "parameters": [
322
+ {
323
+ "name": "detail",
324
+ "type": {
325
+ "text": "OverlayOpenDetail"
326
+ }
327
+ }
328
+ ]
329
+ },
330
+ {
331
+ "kind": "method",
332
+ "name": "dispose",
333
+ "privacy": "public",
334
+ "return": {
335
+ "type": {
336
+ "text": "void"
337
+ }
338
+ }
339
+ },
340
+ {
341
+ "kind": "method",
342
+ "name": "stealOverlayContent",
343
+ "privacy": "private",
344
+ "return": {
345
+ "type": {
346
+ "text": "void"
347
+ }
348
+ },
349
+ "parameters": [
350
+ {
351
+ "name": "element",
352
+ "type": {
353
+ "text": "HTMLElement & { placement: Placement }"
354
+ }
355
+ }
356
+ ]
357
+ },
358
+ {
359
+ "kind": "field",
360
+ "name": "willNotifyClosed",
361
+ "type": {
362
+ "text": "boolean"
363
+ },
364
+ "privacy": "private",
365
+ "default": "false"
366
+ },
367
+ {
368
+ "kind": "method",
369
+ "name": "returnOverlayContent",
370
+ "privacy": "private",
371
+ "return": {
372
+ "type": {
373
+ "text": "void"
374
+ }
375
+ }
376
+ },
377
+ {
378
+ "kind": "field",
379
+ "name": "initialHeight",
380
+ "type": {
381
+ "text": "number | undefined"
382
+ },
383
+ "privacy": "private"
384
+ },
385
+ {
386
+ "kind": "field",
387
+ "name": "isConstrained",
388
+ "type": {
389
+ "text": "boolean"
390
+ },
391
+ "privacy": "private",
392
+ "default": "false"
393
+ },
394
+ {
395
+ "kind": "method",
396
+ "name": "placeOverlay",
397
+ "privacy": "public",
398
+ "return": {
399
+ "type": {
400
+ "text": "Promise<void>"
401
+ }
402
+ }
403
+ },
404
+ {
405
+ "kind": "field",
406
+ "name": "updateOverlayPosition",
407
+ "privacy": "public"
408
+ },
409
+ {
410
+ "kind": "field",
411
+ "name": "resetOverlayPosition",
412
+ "privacy": "public"
413
+ },
414
+ {
415
+ "kind": "field",
416
+ "name": "setOverlayPosition",
417
+ "privacy": "public"
418
+ },
419
+ {
420
+ "kind": "method",
421
+ "name": "hide",
422
+ "privacy": "public",
423
+ "return": {
424
+ "type": {
425
+ "text": "Promise<void>"
426
+ }
427
+ },
428
+ "parameters": [
429
+ {
430
+ "name": "animated",
431
+ "default": "true"
432
+ }
433
+ ]
434
+ },
435
+ {
436
+ "kind": "method",
437
+ "name": "schedulePositionUpdate",
438
+ "privacy": "private",
439
+ "return": {
440
+ "type": {
441
+ "text": "void"
442
+ }
443
+ }
444
+ },
445
+ {
446
+ "kind": "method",
447
+ "name": "onSlotChange",
448
+ "privacy": "private",
449
+ "return": {
450
+ "type": {
451
+ "text": "void"
452
+ }
453
+ }
454
+ },
455
+ {
456
+ "kind": "field",
457
+ "name": "handleInlineTriggerKeydown",
458
+ "privacy": "public"
459
+ },
460
+ {
461
+ "kind": "method",
462
+ "name": "applyContentAnimation",
463
+ "privacy": "public",
464
+ "return": {
465
+ "type": {
466
+ "text": "Promise<boolean>"
467
+ }
468
+ },
469
+ "parameters": [
470
+ {
471
+ "name": "animation",
472
+ "type": {
473
+ "text": "ContentAnimation"
474
+ }
475
+ }
476
+ ]
477
+ },
478
+ {
479
+ "kind": "method",
480
+ "name": "renderTheme",
481
+ "privacy": "public",
482
+ "return": {
483
+ "type": {
484
+ "text": "TemplateResult"
485
+ }
486
+ },
487
+ "parameters": [
488
+ {
489
+ "name": "content",
490
+ "type": {
491
+ "text": "TemplateResult"
492
+ }
493
+ }
494
+ ]
495
+ },
496
+ {
497
+ "kind": "method",
498
+ "name": "create",
499
+ "privacy": "public",
500
+ "static": true,
501
+ "return": {
502
+ "type": {
503
+ "text": "ActiveOverlay"
504
+ }
505
+ },
506
+ "parameters": [
507
+ {
508
+ "name": "details",
509
+ "type": {
510
+ "text": "OverlayOpenDetail"
511
+ }
512
+ }
513
+ ]
514
+ },
515
+ {
516
+ "kind": "field",
517
+ "name": "stealOverlayContentPromise",
518
+ "privacy": "private",
519
+ "default": "new Promise(\n (res) => (this.stealOverlayContentResolver = res)\n )"
520
+ },
521
+ {
522
+ "kind": "field",
523
+ "name": "stealOverlayContentResolver",
524
+ "type": {
525
+ "text": "() => void"
526
+ },
527
+ "privacy": "private"
528
+ },
529
+ {
530
+ "kind": "method",
531
+ "name": "getUpdateComplete",
532
+ "privacy": "protected",
533
+ "return": {
534
+ "type": {
535
+ "text": "Promise<boolean>"
536
+ }
537
+ }
538
+ }
539
+ ],
540
+ "attributes": [
541
+ {
542
+ "name": "_state",
543
+ "fieldName": "_state"
544
+ },
545
+ {
546
+ "name": "animating",
547
+ "type": {
548
+ "text": "boolean"
549
+ },
550
+ "default": "false",
551
+ "fieldName": "animating"
552
+ },
553
+ {
554
+ "name": "placement",
555
+ "type": {
556
+ "text": "Placement | undefined"
557
+ },
558
+ "fieldName": "placement"
559
+ }
560
+ ],
561
+ "superclass": {
562
+ "name": "SpectrumElement",
563
+ "package": "@spectrum-web-components/base"
564
+ },
565
+ "tagName": "active-overlay",
566
+ "customElement": true
567
+ }
568
+ ],
569
+ "exports": [
570
+ {
571
+ "kind": "js",
572
+ "name": "ActiveOverlay",
573
+ "declaration": {
574
+ "name": "ActiveOverlay",
575
+ "module": "src/ActiveOverlay.js"
576
+ }
577
+ }
578
+ ]
579
+ },
580
+ {
581
+ "kind": "javascript-module",
582
+ "path": "src/OverlayTrigger.js",
583
+ "declarations": [
584
+ {
585
+ "kind": "variable",
586
+ "name": "LONGPRESS_INSTRUCTIONS",
587
+ "type": {
588
+ "text": "object"
589
+ },
590
+ "default": "{\n touch: 'Double tap and long press for additional options',\n keyboard: 'Press Space or Alt+Down Arrow for additional options',\n mouse: 'Click and hold for additional options',\n}"
591
+ },
592
+ {
593
+ "kind": "class",
594
+ "description": "",
595
+ "name": "OverlayTrigger",
596
+ "slots": [
597
+ {
598
+ "description": "The content that will trigger the various overlays",
599
+ "name": "trigger"
600
+ },
601
+ {
602
+ "description": "The content that will be displayed on hover",
603
+ "name": "hover-content"
604
+ },
605
+ {
606
+ "description": "The content that will be displayed on click",
607
+ "name": "click-content"
608
+ },
609
+ {
610
+ "description": "The content that will be displayed on click",
611
+ "name": "longpress-content"
612
+ }
613
+ ],
614
+ "members": [
615
+ {
616
+ "kind": "field",
617
+ "name": "closeClickOverlay",
618
+ "type": {
619
+ "text": "Promise<() => void> | undefined"
620
+ },
621
+ "privacy": "private"
622
+ },
623
+ {
624
+ "kind": "field",
625
+ "name": "closeLongpressOverlay",
626
+ "type": {
627
+ "text": "Promise<() => void> | undefined"
628
+ },
629
+ "privacy": "private"
630
+ },
631
+ {
632
+ "kind": "field",
633
+ "name": "closeHoverOverlay",
634
+ "type": {
635
+ "text": "Promise<() => void> | undefined"
636
+ },
637
+ "privacy": "private"
638
+ },
639
+ {
640
+ "kind": "field",
641
+ "name": "placement",
642
+ "type": {
643
+ "text": "\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\""
644
+ },
645
+ "privacy": "public",
646
+ "default": "'bottom'",
647
+ "attribute": "placement",
648
+ "reflects": true
649
+ },
650
+ {
651
+ "kind": "field",
652
+ "name": "type",
653
+ "type": {
654
+ "text": "OverlayTriggerInteractions | undefined"
655
+ },
656
+ "privacy": "public",
657
+ "attribute": "type"
658
+ },
659
+ {
660
+ "kind": "field",
661
+ "name": "offset",
662
+ "type": {
663
+ "text": "number"
664
+ },
665
+ "privacy": "public",
666
+ "default": "6",
667
+ "attribute": "offset",
668
+ "reflects": true
669
+ },
670
+ {
671
+ "kind": "field",
672
+ "name": "open",
673
+ "type": {
674
+ "text": "OverlayContentTypes | undefined"
675
+ },
676
+ "privacy": "public",
677
+ "attribute": "open",
678
+ "reflects": true
679
+ },
680
+ {
681
+ "kind": "field",
682
+ "name": "disabled",
683
+ "type": {
684
+ "text": "boolean"
685
+ },
686
+ "privacy": "public",
687
+ "default": "false",
688
+ "attribute": "disabled",
689
+ "reflects": true
690
+ },
691
+ {
692
+ "kind": "field",
693
+ "name": "hasLongpressContent",
694
+ "type": {
695
+ "text": "boolean"
696
+ },
697
+ "privacy": "public",
698
+ "default": "false"
699
+ },
700
+ {
701
+ "kind": "field",
702
+ "name": "longpressDescriptor",
703
+ "type": {
704
+ "text": "HTMLElement | undefined"
705
+ },
706
+ "privacy": "private"
707
+ },
708
+ {
709
+ "kind": "field",
710
+ "name": "clickContent",
711
+ "type": {
712
+ "text": "HTMLElement | undefined"
713
+ },
714
+ "privacy": "private"
715
+ },
716
+ {
717
+ "kind": "field",
718
+ "name": "longpressContent",
719
+ "type": {
720
+ "text": "HTMLElement | undefined"
721
+ },
722
+ "privacy": "private"
723
+ },
724
+ {
725
+ "kind": "field",
726
+ "name": "hoverContent",
727
+ "type": {
728
+ "text": "HTMLElement | undefined"
729
+ },
730
+ "privacy": "private"
731
+ },
732
+ {
733
+ "kind": "field",
734
+ "name": "targetContent",
735
+ "type": {
736
+ "text": "HTMLElement | undefined"
737
+ },
738
+ "privacy": "private"
739
+ },
740
+ {
741
+ "kind": "field",
742
+ "name": "overlaidContent",
743
+ "type": {
744
+ "text": "HTMLElement | undefined"
745
+ },
746
+ "privacy": "private"
747
+ },
748
+ {
749
+ "kind": "field",
750
+ "name": "_longpressId",
751
+ "privacy": "private",
752
+ "default": "`longpress-describedby-descriptor`"
753
+ },
754
+ {
755
+ "kind": "method",
756
+ "name": "handleClose",
757
+ "privacy": "private",
758
+ "return": {
759
+ "type": {
760
+ "text": "void"
761
+ }
762
+ },
763
+ "parameters": [
764
+ {
765
+ "name": "event",
766
+ "optional": true,
767
+ "type": {
768
+ "text": "CustomEvent<OverlayOpenCloseDetail>"
769
+ }
770
+ }
771
+ ]
772
+ },
773
+ {
774
+ "kind": "method",
775
+ "name": "manageLongpressDescriptor",
776
+ "privacy": "protected",
777
+ "return": {
778
+ "type": {
779
+ "text": "void"
780
+ }
781
+ }
782
+ },
783
+ {
784
+ "kind": "method",
785
+ "name": "closeAllOverlays",
786
+ "privacy": "private",
787
+ "return": {
788
+ "type": {
789
+ "text": "void"
790
+ }
791
+ }
792
+ },
793
+ {
794
+ "kind": "method",
795
+ "name": "manageOpen",
796
+ "privacy": "private",
797
+ "return": {
798
+ "type": {
799
+ "text": "void"
800
+ }
801
+ }
802
+ },
803
+ {
804
+ "kind": "method",
805
+ "name": "openOverlay",
806
+ "privacy": "private",
807
+ "return": {
808
+ "type": {
809
+ "text": "Promise<() => void>"
810
+ }
811
+ },
812
+ "parameters": [
813
+ {
814
+ "name": "target",
815
+ "type": {
816
+ "text": "HTMLElement"
817
+ }
818
+ },
819
+ {
820
+ "name": "interaction",
821
+ "type": {
822
+ "text": "TriggerInteractions"
823
+ }
824
+ },
825
+ {
826
+ "name": "content",
827
+ "type": {
828
+ "text": "HTMLElement"
829
+ }
830
+ },
831
+ {
832
+ "name": "options",
833
+ "type": {
834
+ "text": "OverlayOptions"
835
+ }
836
+ }
837
+ ]
838
+ },
839
+ {
840
+ "kind": "field",
841
+ "name": "openOverlay",
842
+ "privacy": "public",
843
+ "static": true
844
+ },
845
+ {
846
+ "kind": "field",
847
+ "name": "overlayOptions",
848
+ "type": {
849
+ "text": "OverlayOptions"
850
+ },
851
+ "privacy": "private"
852
+ },
853
+ {
854
+ "kind": "method",
855
+ "name": "onTrigger",
856
+ "privacy": "private",
857
+ "return": {
858
+ "type": {
859
+ "text": "void"
860
+ }
861
+ },
862
+ "parameters": [
863
+ {
864
+ "name": "event",
865
+ "type": {
866
+ "text": "CustomEvent<LongpressEvent>"
867
+ }
868
+ }
869
+ ]
870
+ },
871
+ {
872
+ "kind": "method",
873
+ "name": "prepareToFocusOverlayContent",
874
+ "privacy": "private",
875
+ "return": {
876
+ "type": {
877
+ "text": "void"
878
+ }
879
+ },
880
+ "parameters": [
881
+ {
882
+ "name": "overlayContent",
883
+ "type": {
884
+ "text": "HTMLElement"
885
+ }
886
+ }
887
+ ]
888
+ },
889
+ {
890
+ "kind": "method",
891
+ "name": "onTriggerClick",
892
+ "privacy": "public",
893
+ "return": {
894
+ "type": {
895
+ "text": "Promise<void>"
896
+ }
897
+ }
898
+ },
899
+ {
900
+ "kind": "field",
901
+ "name": "_longpressEvent",
902
+ "type": {
903
+ "text": "CustomEvent<LongpressEvent> | undefined"
904
+ },
905
+ "privacy": "private"
906
+ },
907
+ {
908
+ "kind": "method",
909
+ "name": "onTriggerLongpress",
910
+ "privacy": "private",
911
+ "return": {
912
+ "type": {
913
+ "text": "Promise<void>"
914
+ }
915
+ }
916
+ },
917
+ {
918
+ "kind": "field",
919
+ "name": "abortOverlay",
920
+ "type": {
921
+ "text": "(cancelled: boolean) => void"
922
+ },
923
+ "privacy": "private"
924
+ },
925
+ {
926
+ "kind": "method",
927
+ "name": "onTriggerMouseEnter",
928
+ "privacy": "public",
929
+ "return": {
930
+ "type": {
931
+ "text": "Promise<void>"
932
+ }
933
+ }
934
+ },
935
+ {
936
+ "kind": "method",
937
+ "name": "onClickSlotChange",
938
+ "privacy": "private",
939
+ "return": {
940
+ "type": {
941
+ "text": "void"
942
+ }
943
+ },
944
+ "parameters": [
945
+ {
946
+ "name": "event",
947
+ "type": {
948
+ "text": "Event & { target: HTMLSlotElement }"
949
+ }
950
+ }
951
+ ]
952
+ },
953
+ {
954
+ "kind": "method",
955
+ "name": "onLongpressSlotChange",
956
+ "privacy": "private",
957
+ "return": {
958
+ "type": {
959
+ "text": "void"
960
+ }
961
+ },
962
+ "parameters": [
963
+ {
964
+ "name": "event",
965
+ "type": {
966
+ "text": "Event & { target: HTMLSlotElement }"
967
+ }
968
+ }
969
+ ]
970
+ },
971
+ {
972
+ "kind": "method",
973
+ "name": "onHoverSlotChange",
974
+ "privacy": "private",
975
+ "return": {
976
+ "type": {
977
+ "text": "void"
978
+ }
979
+ },
980
+ "parameters": [
981
+ {
982
+ "name": "event",
983
+ "type": {
984
+ "text": "Event & { target: HTMLSlotElement }"
985
+ }
986
+ }
987
+ ]
988
+ },
989
+ {
990
+ "kind": "method",
991
+ "name": "onTargetSlotChange",
992
+ "privacy": "private",
993
+ "return": {
994
+ "type": {
995
+ "text": "void"
996
+ }
997
+ },
998
+ "parameters": [
999
+ {
1000
+ "name": "event",
1001
+ "type": {
1002
+ "text": "Event & { target: HTMLSlotElement }"
1003
+ }
1004
+ }
1005
+ ]
1006
+ },
1007
+ {
1008
+ "kind": "method",
1009
+ "name": "extractSlotContentFromEvent",
1010
+ "privacy": "private",
1011
+ "return": {
1012
+ "type": {
1013
+ "text": "HTMLElement | undefined"
1014
+ }
1015
+ },
1016
+ "parameters": [
1017
+ {
1018
+ "name": "event",
1019
+ "type": {
1020
+ "text": "Event"
1021
+ }
1022
+ }
1023
+ ]
1024
+ },
1025
+ {
1026
+ "kind": "field",
1027
+ "name": "openStatePromise",
1028
+ "privacy": "private"
1029
+ },
1030
+ {
1031
+ "kind": "field",
1032
+ "name": "openStateResolver",
1033
+ "type": {
1034
+ "text": "() => void"
1035
+ },
1036
+ "privacy": "private"
1037
+ },
1038
+ {
1039
+ "kind": "method",
1040
+ "name": "getUpdateComplete",
1041
+ "privacy": "protected",
1042
+ "return": {
1043
+ "type": {
1044
+ "text": "Promise<boolean>"
1045
+ }
1046
+ }
1047
+ }
1048
+ ],
1049
+ "events": [
1050
+ {
1051
+ "description": "Announces that the overlay has been opened",
1052
+ "name": "sp-opened"
1053
+ },
1054
+ {
1055
+ "description": "Announces that the overlay has been closed",
1056
+ "name": "sp-closed"
1057
+ }
1058
+ ],
1059
+ "attributes": [
1060
+ {
1061
+ "name": "placement",
1062
+ "type": {
1063
+ "text": "\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\""
1064
+ },
1065
+ "default": "'bottom'",
1066
+ "fieldName": "placement",
1067
+ "attribute": "placement"
1068
+ },
1069
+ {
1070
+ "name": "type",
1071
+ "type": {
1072
+ "text": "OverlayTriggerInteractions | undefined"
1073
+ },
1074
+ "fieldName": "type"
1075
+ },
1076
+ {
1077
+ "name": "offset",
1078
+ "type": {
1079
+ "text": "number"
1080
+ },
1081
+ "default": "6",
1082
+ "fieldName": "offset"
1083
+ },
1084
+ {
1085
+ "name": "open",
1086
+ "type": {
1087
+ "text": "OverlayContentTypes | undefined"
1088
+ },
1089
+ "fieldName": "open"
1090
+ },
1091
+ {
1092
+ "name": "disabled",
1093
+ "type": {
1094
+ "text": "boolean"
1095
+ },
1096
+ "default": "false",
1097
+ "fieldName": "disabled"
1098
+ }
1099
+ ],
1100
+ "superclass": {
1101
+ "name": "SpectrumElement",
1102
+ "package": "@spectrum-web-components/base"
1103
+ },
1104
+ "tagName": "overlay-trigger",
1105
+ "customElement": true
1106
+ }
1107
+ ],
1108
+ "exports": [
1109
+ {
1110
+ "kind": "js",
1111
+ "name": "LONGPRESS_INSTRUCTIONS",
1112
+ "declaration": {
1113
+ "name": "LONGPRESS_INSTRUCTIONS",
1114
+ "module": "src/OverlayTrigger.js"
1115
+ }
1116
+ },
1117
+ {
1118
+ "kind": "js",
1119
+ "name": "OverlayTrigger",
1120
+ "declaration": {
1121
+ "name": "OverlayTrigger",
1122
+ "module": "src/OverlayTrigger.js"
1123
+ }
1124
+ }
1125
+ ]
1126
+ },
1127
+ {
1128
+ "kind": "javascript-module",
1129
+ "path": "src/VirtualTrigger.js",
1130
+ "declarations": [
1131
+ {
1132
+ "kind": "class",
1133
+ "description": "",
1134
+ "name": "VirtualTrigger",
1135
+ "members": [
1136
+ {
1137
+ "kind": "field",
1138
+ "name": "x",
1139
+ "type": {
1140
+ "text": "number"
1141
+ },
1142
+ "privacy": "private",
1143
+ "default": "x"
1144
+ },
1145
+ {
1146
+ "kind": "field",
1147
+ "name": "y",
1148
+ "type": {
1149
+ "text": "number"
1150
+ },
1151
+ "privacy": "private",
1152
+ "default": "y"
1153
+ },
1154
+ {
1155
+ "kind": "method",
1156
+ "name": "updateBoundingClientRect",
1157
+ "privacy": "public",
1158
+ "return": {
1159
+ "type": {
1160
+ "text": "void"
1161
+ }
1162
+ },
1163
+ "parameters": [
1164
+ {
1165
+ "name": "x",
1166
+ "type": {
1167
+ "text": "number"
1168
+ }
1169
+ },
1170
+ {
1171
+ "name": "y",
1172
+ "type": {
1173
+ "text": "number"
1174
+ }
1175
+ }
1176
+ ]
1177
+ },
1178
+ {
1179
+ "kind": "method",
1180
+ "name": "getBoundingClientRect",
1181
+ "privacy": "public",
1182
+ "return": {
1183
+ "type": {
1184
+ "text": "DOMRect"
1185
+ }
1186
+ }
1187
+ }
1188
+ ]
1189
+ }
1190
+ ],
1191
+ "exports": [
1192
+ {
1193
+ "kind": "js",
1194
+ "name": "VirtualTrigger",
1195
+ "declaration": {
1196
+ "name": "VirtualTrigger",
1197
+ "module": "src/VirtualTrigger.js"
1198
+ }
1199
+ }
1200
+ ]
1201
+ }
1202
+ ]
1203
+ }