@spectrum-web-components/overlay 0.19.2 → 0.19.4-overlay.22

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