@spectrum-web-components/overlay 0.31.1-overlay.29 → 0.31.1-react.21

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