@spectrum-web-components/overlay 0.34.1-rc.0 → 0.35.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 (155) hide show
  1. package/README.md +152 -227
  2. package/active-overlay.d.ts +6 -0
  3. package/active-overlay.dev.js +5 -0
  4. package/{sp-overlay.dev.js.map → active-overlay.dev.js.map} +3 -3
  5. package/active-overlay.js +2 -0
  6. package/{sp-overlay.js.map → active-overlay.js.map} +4 -4
  7. package/custom-elements.json +529 -1389
  8. package/package.json +22 -48
  9. package/src/ActiveOverlay.d.ts +84 -0
  10. package/src/ActiveOverlay.dev.js +517 -0
  11. package/src/ActiveOverlay.dev.js.map +7 -0
  12. package/src/ActiveOverlay.js +16 -0
  13. package/src/ActiveOverlay.js.map +7 -0
  14. package/src/OverlayTrigger.d.ts +31 -23
  15. package/src/OverlayTrigger.dev.js +245 -135
  16. package/src/OverlayTrigger.dev.js.map +3 -3
  17. package/src/OverlayTrigger.js +22 -52
  18. package/src/OverlayTrigger.js.map +3 -3
  19. package/src/VirtualTrigger.dev.js +2 -0
  20. package/src/VirtualTrigger.dev.js.map +2 -2
  21. package/src/VirtualTrigger.js +1 -1
  22. package/src/VirtualTrigger.js.map +3 -3
  23. package/src/active-overlay.css.dev.js +13 -0
  24. package/src/active-overlay.css.dev.js.map +7 -0
  25. package/src/active-overlay.css.js +10 -0
  26. package/src/active-overlay.css.js.map +7 -0
  27. package/src/index.d.ts +3 -2
  28. package/src/index.dev.js +3 -2
  29. package/src/index.dev.js.map +2 -2
  30. package/src/index.js +1 -1
  31. package/src/index.js.map +2 -2
  32. package/src/loader.d.ts +2 -2
  33. package/src/loader.dev.js +19 -2
  34. package/src/loader.dev.js.map +2 -2
  35. package/src/loader.js +1 -1
  36. package/src/loader.js.map +3 -3
  37. package/src/overlay-stack.d.ts +50 -0
  38. package/src/overlay-stack.dev.js +515 -0
  39. package/src/overlay-stack.dev.js.map +7 -0
  40. package/src/overlay-stack.js +34 -0
  41. package/src/overlay-stack.js.map +7 -0
  42. package/src/overlay-trigger.css.dev.js +1 -1
  43. package/src/overlay-trigger.css.dev.js.map +1 -1
  44. package/src/overlay-trigger.css.js +1 -1
  45. package/src/overlay-trigger.css.js.map +1 -1
  46. package/src/overlay-types.d.ts +5 -7
  47. package/src/overlay-types.dev.js +0 -1
  48. package/src/overlay-types.dev.js.map +3 -3
  49. package/src/overlay-types.js +1 -1
  50. package/src/overlay-types.js.map +3 -3
  51. package/src/overlay-utils.d.ts +3 -0
  52. package/src/overlay-utils.dev.js +31 -0
  53. package/src/overlay-utils.dev.js.map +7 -0
  54. package/src/overlay-utils.js +2 -0
  55. package/src/overlay-utils.js.map +7 -0
  56. package/src/overlay.d.ts +59 -0
  57. package/src/overlay.dev.js +127 -0
  58. package/src/overlay.dev.js.map +7 -0
  59. package/src/overlay.js +2 -0
  60. package/src/overlay.js.map +7 -0
  61. package/stories/overlay-story-components.js +8 -9
  62. package/stories/overlay-story-components.js.map +2 -2
  63. package/stories/overlay.stories.js +702 -799
  64. package/stories/overlay.stories.js.map +2 -2
  65. package/sync/overlay-trigger.d.ts +0 -4
  66. package/sync/overlay-trigger.dev.js +4 -1
  67. package/sync/overlay-trigger.dev.js.map +2 -2
  68. package/sync/overlay-trigger.js +1 -1
  69. package/sync/overlay-trigger.js.map +3 -3
  70. package/test/benchmark/basic-test.js +1 -1
  71. package/test/benchmark/basic-test.js.map +1 -1
  72. package/test/index.js +376 -407
  73. package/test/index.js.map +3 -3
  74. package/test/overlay-lifecycle.test.js +106 -34
  75. package/test/overlay-lifecycle.test.js.map +2 -2
  76. package/test/overlay-trigger-click.test.js +5 -11
  77. package/test/overlay-trigger-click.test.js.map +2 -2
  78. package/test/overlay-trigger-extended.test.js +6 -1
  79. package/test/overlay-trigger-extended.test.js.map +2 -2
  80. package/test/overlay-trigger-hover-click.test.js +23 -23
  81. package/test/overlay-trigger-hover-click.test.js.map +2 -2
  82. package/test/overlay-trigger-hover.test.js +34 -40
  83. package/test/overlay-trigger-hover.test.js.map +2 -2
  84. package/test/overlay-trigger-longpress.test.js +80 -98
  85. package/test/overlay-trigger-longpress.test.js.map +2 -2
  86. package/test/overlay-trigger-sync.test.js +1 -1
  87. package/test/overlay-trigger-sync.test.js.map +2 -2
  88. package/test/overlay-trigger.test.js +1 -1
  89. package/test/overlay-trigger.test.js.map +2 -2
  90. package/test/overlay-update.test.js +4 -4
  91. package/test/overlay-update.test.js.map +2 -2
  92. package/test/{overlay-v1.test.js → overlay.test.js} +249 -267
  93. package/test/overlay.test.js.map +7 -0
  94. package/sp-overlay.d.ts +0 -6
  95. package/sp-overlay.dev.js +0 -5
  96. package/sp-overlay.js +0 -2
  97. package/src/Overlay.d.ts +0 -29
  98. package/src/Overlay.dev.js +0 -91
  99. package/src/Overlay.dev.js.map +0 -7
  100. package/src/Overlay.js +0 -2
  101. package/src/Overlay.js.map +0 -7
  102. package/src/OverlayBase.d.ts +0 -124
  103. package/src/OverlayBase.dev.js +0 -744
  104. package/src/OverlayBase.dev.js.map +0 -7
  105. package/src/OverlayBase.js +0 -31
  106. package/src/OverlayBase.js.map +0 -7
  107. package/src/OverlayDialog.d.ts +0 -8
  108. package/src/OverlayDialog.dev.js +0 -160
  109. package/src/OverlayDialog.dev.js.map +0 -7
  110. package/src/OverlayDialog.js +0 -2
  111. package/src/OverlayDialog.js.map +0 -7
  112. package/src/OverlayNoPopover.d.ts +0 -8
  113. package/src/OverlayNoPopover.dev.js +0 -149
  114. package/src/OverlayNoPopover.dev.js.map +0 -7
  115. package/src/OverlayNoPopover.js +0 -2
  116. package/src/OverlayNoPopover.js.map +0 -7
  117. package/src/OverlayPopover.d.ts +0 -8
  118. package/src/OverlayPopover.dev.js +0 -199
  119. package/src/OverlayPopover.dev.js.map +0 -7
  120. package/src/OverlayPopover.js +0 -2
  121. package/src/OverlayPopover.js.map +0 -7
  122. package/src/OverlayStack.d.ts +0 -29
  123. package/src/OverlayStack.dev.js +0 -126
  124. package/src/OverlayStack.dev.js.map +0 -7
  125. package/src/OverlayStack.js +0 -2
  126. package/src/OverlayStack.js.map +0 -7
  127. package/src/PlacementController.d.ts +0 -36
  128. package/src/PlacementController.dev.js +0 -191
  129. package/src/PlacementController.dev.js.map +0 -7
  130. package/src/PlacementController.js +0 -2
  131. package/src/PlacementController.js.map +0 -7
  132. package/src/fullSizePlugin.d.ts +0 -12
  133. package/src/fullSizePlugin.dev.js +0 -39
  134. package/src/fullSizePlugin.dev.js.map +0 -7
  135. package/src/fullSizePlugin.js +0 -2
  136. package/src/fullSizePlugin.js.map +0 -7
  137. package/src/overlay-base.css.dev.js +0 -9
  138. package/src/overlay-base.css.dev.js.map +0 -7
  139. package/src/overlay-base.css.js +0 -6
  140. package/src/overlay-base.css.js.map +0 -7
  141. package/src/topLayerOverTransforms.d.ts +0 -23
  142. package/src/topLayerOverTransforms.dev.js +0 -170
  143. package/src/topLayerOverTransforms.dev.js.map +0 -7
  144. package/src/topLayerOverTransforms.js +0 -2
  145. package/src/topLayerOverTransforms.js.map +0 -7
  146. package/stories/overlay-element.stories.js +0 -247
  147. package/stories/overlay-element.stories.js.map +0 -7
  148. package/test/overlay-element.test-vrt.js +0 -5
  149. package/test/overlay-element.test-vrt.js.map +0 -7
  150. package/test/overlay-element.test.js +0 -682
  151. package/test/overlay-element.test.js.map +0 -7
  152. package/test/overlay-v1.test.js.map +0 -7
  153. package/test/overlay-v2.test.js +0 -720
  154. package/test/overlay-v2.test.js.map +0 -7
  155. /package/src/{overlay-base.css.d.ts → active-overlay.css.d.ts} +0 -0
@@ -4,22 +4,7 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "sp-overlay.ts",
8
- "declarations": [],
9
- "exports": [
10
- {
11
- "kind": "custom-element-definition",
12
- "name": "sp-overlay",
13
- "declaration": {
14
- "name": "Overlay",
15
- "module": "/src/Overlay.js"
16
- }
17
- }
18
- ]
19
- },
20
- {
21
- "kind": "javascript-module",
22
- "path": "overlay-trigger.ts",
7
+ "path": "overlay-trigger.js",
23
8
  "declarations": [],
24
9
  "exports": [
25
10
  {
@@ -34,1082 +19,275 @@
34
19
  },
35
20
  {
36
21
  "kind": "javascript-module",
37
- "path": "sync/overlay-trigger.ts",
22
+ "path": "sync/overlay-trigger.js",
38
23
  "declarations": [],
39
- "exports": [
40
- {
41
- "kind": "js",
42
- "name": "OverlayTrigger",
43
- "declaration": {
44
- "name": "OverlayTrigger",
45
- "module": "sync/overlay-trigger.ts"
46
- }
47
- },
48
- {
49
- "kind": "js",
50
- "name": "OverlayOptionsV1",
51
- "declaration": {
52
- "name": "OverlayOptionsV1",
53
- "module": "sync/overlay-trigger.ts"
54
- }
55
- },
56
- {
57
- "kind": "js",
58
- "name": "TriggerInteractions",
59
- "declaration": {
60
- "name": "TriggerInteractions",
61
- "module": "sync/overlay-trigger.ts"
62
- }
63
- }
64
- ]
24
+ "exports": []
65
25
  },
66
26
  {
67
27
  "kind": "javascript-module",
68
- "path": "src/Overlay.ts",
28
+ "path": "src/ActiveOverlay.js",
69
29
  "declarations": [
70
30
  {
71
31
  "kind": "class",
72
32
  "description": "",
73
- "name": "Overlay",
74
- "members": [
75
- {
76
- "kind": "method",
77
- "name": "open",
78
- "privacy": "public",
79
- "static": true,
80
- "return": {
81
- "type": {
82
- "text": "Promise<() => void>"
83
- }
84
- },
85
- "parameters": [
86
- {
87
- "name": "target",
88
- "type": {
89
- "text": "HTMLElement"
90
- }
91
- },
92
- {
93
- "name": "interaction",
94
- "type": {
95
- "text": "TriggerInteractionsV1"
96
- }
97
- },
98
- {
99
- "name": "content",
100
- "type": {
101
- "text": "HTMLElement"
102
- }
103
- },
104
- {
105
- "name": "options",
106
- "type": {
107
- "text": "OverlayOptionsV1"
108
- }
109
- }
110
- ]
111
- },
112
- {
113
- "kind": "method",
114
- "name": "open",
115
- "privacy": "public",
116
- "static": true,
117
- "return": {
118
- "type": {
119
- "text": "Promise<Overlay>"
120
- }
121
- },
122
- "parameters": [
123
- {
124
- "name": "content",
125
- "type": {
126
- "text": "HTMLElement"
127
- }
128
- },
129
- {
130
- "name": "options",
131
- "optional": true,
132
- "type": {
133
- "text": "OverlayOptions"
134
- }
135
- }
136
- ]
137
- },
138
- {
139
- "kind": "method",
140
- "name": "open",
141
- "privacy": "public",
142
- "static": true,
143
- "return": {
144
- "type": {
145
- "text": "Promise<Overlay | (() => void)>"
146
- }
147
- },
148
- "parameters": [
149
- {
150
- "name": "targetOrContent",
151
- "type": {
152
- "text": "HTMLElement"
153
- }
154
- },
155
- {
156
- "name": "interactionOrOptions",
157
- "type": {
158
- "text": "| TriggerInteractionsV1\n | OverlayOptions\n | undefined"
159
- }
160
- },
161
- {
162
- "name": "content",
163
- "optional": true,
164
- "type": {
165
- "text": "HTMLElement"
166
- }
167
- },
168
- {
169
- "name": "options",
170
- "optional": true,
171
- "type": {
172
- "text": "OverlayOptionsV1"
173
- }
174
- }
175
- ]
176
- }
177
- ],
178
- "events": [
179
- {
180
- "description": "announces that an overlay has completed any entry animations",
181
- "name": "sp-opened"
182
- },
33
+ "name": "ActiveOverlay",
34
+ "slots": [
183
35
  {
184
- "description": "announce that an overlay has compelted any exit animations",
185
- "name": "sp-closed"
36
+ "description": "content to display in the overlay",
37
+ "name": ""
186
38
  }
187
39
  ],
188
- "superclass": {
189
- "name": "OverlayFeatures",
190
- "module": "src/Overlay.ts"
191
- },
192
- "tagName": "sp-overlay",
193
- "customElement": true
194
- }
195
- ],
196
- "exports": [
197
- {
198
- "kind": "js",
199
- "name": "Overlay",
200
- "declaration": {
201
- "name": "Overlay",
202
- "module": "src/Overlay.ts"
203
- }
204
- }
205
- ]
206
- },
207
- {
208
- "kind": "javascript-module",
209
- "path": "src/OverlayBase.ts",
210
- "declarations": [
211
- {
212
- "kind": "variable",
213
- "name": "overlayTimer",
214
- "default": "new OverlayTimer()"
215
- },
216
- {
217
- "kind": "variable",
218
- "name": "LONGPRESS_INSTRUCTIONS",
219
- "type": {
220
- "text": "object"
221
- },
222
- "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}"
223
- },
224
- {
225
- "kind": "class",
226
- "description": "",
227
- "name": "BeforetoggleClosedEvent",
228
40
  "members": [
229
41
  {
230
42
  "kind": "field",
231
- "name": "currentState",
43
+ "name": "overlayContent",
232
44
  "type": {
233
- "text": "string"
45
+ "text": "HTMLElement"
234
46
  },
235
- "default": "'open'"
47
+ "privacy": "public"
236
48
  },
237
49
  {
238
50
  "kind": "field",
239
- "name": "newState",
240
- "type": {
241
- "text": "string"
242
- },
243
- "default": "'closed'"
244
- }
245
- ],
246
- "superclass": {
247
- "name": "Event",
248
- "module": "src/OverlayBase.ts"
249
- }
250
- },
251
- {
252
- "kind": "class",
253
- "description": "",
254
- "name": "BeforetoggleOpenEvent",
255
- "members": [
256
- {
257
- "kind": "field",
258
- "name": "currentState",
51
+ "name": "overlayContentTip",
259
52
  "type": {
260
- "text": "string"
53
+ "text": "HTMLElement | undefined"
261
54
  },
262
- "default": "'closed'"
55
+ "privacy": "public"
263
56
  },
264
57
  {
265
58
  "kind": "field",
266
- "name": "newState",
267
- "type": {
268
- "text": "string"
269
- },
270
- "default": "'open'"
271
- }
272
- ],
273
- "superclass": {
274
- "name": "Event",
275
- "module": "src/OverlayBase.ts"
276
- }
277
- },
278
- {
279
- "kind": "function",
280
- "name": "noop",
281
- "return": {
282
- "type": {
283
- "text": "void"
284
- }
285
- }
286
- },
287
- {
288
- "kind": "function",
289
- "name": "guaranteedTransitionend",
290
- "return": {
291
- "type": {
292
- "text": "void"
293
- }
294
- },
295
- "parameters": [
296
- {
297
- "name": "el",
59
+ "name": "trigger",
298
60
  "type": {
299
61
  "text": "HTMLElement"
300
62
  },
301
- "description": "Target of the \"transition\" listeners."
302
- },
303
- {
304
- "name": "action",
305
- "type": {
306
- "text": "Function"
307
- },
308
- "description": "Method to trigger the \"transition\"."
63
+ "privacy": "public"
309
64
  },
310
- {
311
- "name": "cb",
312
- "type": {
313
- "text": "Function"
314
- },
315
- "description": "Callback to trigger when the \"transition\" has ended."
316
- }
317
- ],
318
- "description": "Apply a \"transitionend\" listener to an element that may not transition but\nguarantee the callback will be fired either way."
319
- },
320
- {
321
- "kind": "class",
322
- "description": "",
323
- "name": "OverlayBase",
324
- "members": [
325
65
  {
326
66
  "kind": "field",
327
- "name": "delayed",
67
+ "name": "root",
328
68
  "type": {
329
- "text": "boolean"
69
+ "text": "HTMLElement | undefined"
330
70
  },
331
- "default": "false",
332
- "attribute": "delayed"
71
+ "privacy": "public"
333
72
  },
334
73
  {
335
74
  "kind": "field",
336
- "name": "dialogEl",
75
+ "name": "virtualTrigger",
337
76
  "type": {
338
- "text": "HTMLDialogElement & {\n showPopover(): void;\n hidePopover(): void;\n }"
339
- }
77
+ "text": "VirtualTrigger | undefined"
78
+ },
79
+ "privacy": "public"
340
80
  },
341
81
  {
342
82
  "kind": "field",
343
- "name": "disabled",
83
+ "name": "cleanup",
344
84
  "type": {
345
- "text": "boolean"
85
+ "text": "() => void | undefined"
346
86
  },
347
- "attribute": "disabled"
87
+ "privacy": "private"
348
88
  },
349
89
  {
350
90
  "kind": "field",
351
- "name": "_disabled",
91
+ "name": "contentAnimationPromise",
352
92
  "type": {
353
- "text": "boolean"
93
+ "text": "Promise<boolean>"
354
94
  },
355
- "privacy": "private",
356
- "default": "false"
95
+ "privacy": "protected"
357
96
  },
358
97
  {
359
98
  "kind": "field",
360
- "name": "dispose",
361
- "privacy": "protected",
362
- "default": "noop"
99
+ "name": "resolveContentAnimationPromise",
100
+ "privacy": "protected"
363
101
  },
364
102
  {
365
103
  "kind": "field",
366
- "name": "elements",
367
- "type": {
368
- "text": "OpenableElement[]"
369
- }
104
+ "name": "_state",
105
+ "privacy": "public",
106
+ "attribute": "_state"
370
107
  },
371
108
  {
372
109
  "kind": "field",
373
- "name": "parentOverlayToForceClose",
110
+ "name": "state",
374
111
  "type": {
375
- "text": "OverlayBase | undefined"
112
+ "text": "OverlayStateType"
376
113
  },
377
114
  "privacy": "public"
378
115
  },
379
116
  {
380
117
  "kind": "field",
381
- "name": "hasNonVirtualTrigger",
118
+ "name": "animating",
382
119
  "type": {
383
120
  "text": "boolean"
384
121
  },
385
- "privacy": "private",
386
- "readonly": true
122
+ "privacy": "public",
123
+ "default": "false",
124
+ "attribute": "animating",
125
+ "reflects": true
387
126
  },
388
127
  {
389
128
  "kind": "field",
390
- "name": "longpressed",
129
+ "name": "placement",
391
130
  "type": {
392
- "text": "boolean"
131
+ "text": "Placement | undefined"
393
132
  },
394
- "privacy": "protected",
395
- "default": "false"
133
+ "privacy": "public",
134
+ "attribute": "placement",
135
+ "reflects": true
396
136
  },
397
137
  {
398
138
  "kind": "field",
399
- "name": "longressTimeout",
139
+ "name": "theme",
400
140
  "type": {
401
- "text": "ReturnType<typeof setTimeout>"
141
+ "text": "{\n color?: Color;\n scale?: Scale;\n lang?: string;\n theme?: ThemeVariant;\n }"
402
142
  },
403
- "privacy": "private"
143
+ "privacy": "public",
144
+ "default": "{}"
404
145
  },
405
146
  {
406
147
  "kind": "field",
407
- "name": "offset",
148
+ "name": "receivesFocus",
408
149
  "type": {
409
- "text": "number | [number, number]"
150
+ "text": "'auto' | undefined"
410
151
  },
411
- "default": "6",
412
- "attribute": "offset"
152
+ "privacy": "public"
413
153
  },
414
154
  {
415
155
  "kind": "field",
416
- "name": "placementController",
156
+ "name": "tabbingAway",
157
+ "type": {
158
+ "text": "boolean"
159
+ },
417
160
  "privacy": "public",
418
- "default": "new PlacementController(this)"
161
+ "default": "false"
419
162
  },
420
163
  {
421
164
  "kind": "field",
422
- "name": "open",
423
- "type": {
424
- "text": "boolean"
425
- },
426
- "attribute": "open",
427
- "reflects": true
428
- },
429
- {
430
- "kind": "field",
431
- "name": "_open",
432
- "type": {
433
- "text": "boolean"
434
- },
435
- "privacy": "private",
436
- "default": "false"
437
- },
438
- {
439
- "kind": "field",
440
- "name": "openCount",
441
- "type": {
442
- "text": "number"
443
- },
444
- "static": true,
445
- "default": "1"
446
- },
447
- {
448
- "kind": "field",
449
- "name": "placement",
165
+ "name": "originalPlacement",
450
166
  "type": {
451
167
  "text": "Placement | undefined"
452
168
  },
453
- "attribute": "placement"
454
- },
455
- {
456
- "kind": "field",
457
- "name": "receivesFocus",
458
- "type": {
459
- "text": "'true' | 'false' | 'auto'"
460
- },
461
- "default": "'auto'",
462
- "attribute": "receives-focus"
463
- },
464
- {
465
- "kind": "field",
466
- "name": "releaseAriaDescribedby",
467
- "privacy": "private",
468
- "default": "noop"
469
- },
470
- {
471
- "kind": "field",
472
- "name": "releaseLongpressDescribedby",
473
- "privacy": "private",
474
- "default": "noop"
475
- },
476
- {
477
- "kind": "field",
478
- "name": "slotEl",
479
- "type": {
480
- "text": "HTMLSlotElement"
481
- }
482
- },
483
- {
484
- "kind": "field",
485
- "name": "trigger",
486
- "type": {
487
- "text": "string | undefined"
488
- },
489
- "attribute": "trigger"
490
- },
491
- {
492
- "kind": "field",
493
- "name": "triggerElement",
494
- "type": {
495
- "text": "HTMLElement | VirtualTrigger | null"
496
- },
497
- "default": "null"
498
- },
499
- {
500
- "kind": "field",
501
- "name": "triggerInteraction",
502
- "type": {
503
- "text": "'click' | 'longpress' | 'hover' | undefined"
504
- }
505
- },
506
- {
507
- "kind": "field",
508
- "name": "type",
509
- "type": {
510
- "text": "OverlayTypes"
511
- },
512
- "default": "'hint'",
513
- "attribute": "type"
514
- },
515
- {
516
- "kind": "field",
517
- "name": "wasOpen",
518
- "type": {
519
- "text": "boolean"
520
- },
521
- "privacy": "protected",
522
- "default": "false"
523
- },
524
- {
525
- "kind": "field",
526
- "name": "elementResolver",
527
- "privacy": "private",
528
- "default": "new ElementResolutionController(this)"
529
- },
530
- {
531
- "kind": "field",
532
- "name": "usesDialog",
533
- "type": {
534
- "text": "boolean"
535
- },
536
- "privacy": "private",
537
- "readonly": true
538
- },
539
- {
540
- "kind": "field",
541
- "name": "popoverValue",
542
- "type": {
543
- "text": "'auto' | 'manual' | undefined"
544
- },
545
- "privacy": "private",
546
- "readonly": true
547
- },
548
- {
549
- "kind": "method",
550
- "name": "manageDialogOpen",
551
- "privacy": "protected",
552
- "return": {
553
- "type": {
554
- "text": "Promise<void>"
555
- }
556
- }
557
- },
558
- {
559
- "kind": "method",
560
- "name": "managePopoverOpen",
561
- "privacy": "protected",
562
- "return": {
563
- "type": {
564
- "text": "Promise<void>"
565
- }
566
- }
567
- },
568
- {
569
- "kind": "field",
570
- "name": "requiresPosition",
571
- "type": {
572
- "text": "boolean"
573
- },
574
- "privacy": "protected",
575
- "readonly": true
576
- },
577
- {
578
- "kind": "method",
579
- "name": "managePosition",
580
- "privacy": "protected",
581
- "return": {
582
- "type": {
583
- "text": "void"
584
- }
585
- }
586
- },
587
- {
588
- "kind": "method",
589
- "name": "manageOpen",
590
- "privacy": "protected",
591
- "return": {
592
- "type": {
593
- "text": "Promise<void>"
594
- }
595
- },
596
- "parameters": [
597
- {
598
- "name": "oldOpen",
599
- "type": {
600
- "text": "boolean"
601
- }
602
- }
603
- ]
604
- },
605
- {
606
- "kind": "method",
607
- "name": "unbindEvents",
608
- "privacy": "protected",
609
- "return": {
610
- "type": {
611
- "text": "void"
612
- }
613
- },
614
- "parameters": [
615
- {
616
- "name": "triggerElement",
617
- "type": {
618
- "text": "HTMLElement"
619
- }
620
- }
621
- ]
622
- },
623
- {
624
- "kind": "method",
625
- "name": "bindEvents",
626
- "privacy": "protected",
627
- "return": {
628
- "type": {
629
- "text": "void"
630
- }
631
- }
632
- },
633
- {
634
- "kind": "method",
635
- "name": "bindClickEvents",
636
- "privacy": "protected",
637
- "return": {
638
- "type": {
639
- "text": "void"
640
- }
641
- },
642
- "parameters": [
643
- {
644
- "name": "triggerElement",
645
- "type": {
646
- "text": "HTMLElement"
647
- }
648
- }
649
- ]
650
- },
651
- {
652
- "kind": "method",
653
- "name": "bindLongpressEvents",
654
- "privacy": "protected",
655
- "return": {
656
- "type": {
657
- "text": "void"
658
- }
659
- },
660
- "parameters": [
661
- {
662
- "name": "triggerElement",
663
- "type": {
664
- "text": "HTMLElement"
665
- }
666
- }
667
- ]
668
- },
669
- {
670
- "kind": "method",
671
- "name": "bindHoverEvents",
672
- "privacy": "protected",
673
- "return": {
674
- "type": {
675
- "text": "void"
676
- }
677
- },
678
- "parameters": [
679
- {
680
- "name": "triggerElement",
681
- "type": {
682
- "text": "HTMLElement"
683
- }
684
- }
685
- ]
686
- },
687
- {
688
- "kind": "method",
689
- "name": "manageTriggerElement",
690
- "privacy": "protected",
691
- "return": {
692
- "type": {
693
- "text": "void"
694
- }
695
- },
696
- "parameters": [
697
- {
698
- "name": "triggerElement",
699
- "type": {
700
- "text": "HTMLElement | null"
701
- }
702
- }
703
- ]
704
- },
705
- {
706
- "kind": "field",
707
- "name": "elementIds",
708
- "type": {
709
- "text": "string[]"
710
- },
711
- "privacy": "private",
712
- "default": "[]"
713
- },
714
- {
715
- "kind": "method",
716
- "name": "prepareLongpressDescription",
717
- "privacy": "private",
718
- "return": {
719
- "type": {
720
- "text": "void"
721
- }
722
- },
723
- "parameters": [
724
- {
725
- "name": "trigger",
726
- "type": {
727
- "text": "HTMLElement"
728
- }
729
- }
730
- ]
731
- },
732
- {
733
- "kind": "method",
734
- "name": "prepareAriaDescribedby",
735
- "privacy": "private",
736
- "return": {
737
- "type": {
738
- "text": "void"
739
- }
740
- },
741
- "parameters": [
742
- {
743
- "name": "trigger",
744
- "type": {
745
- "text": "HTMLElement"
746
- }
747
- }
748
- ]
749
- },
750
- {
751
- "kind": "field",
752
- "name": "handlePointerdown",
753
169
  "privacy": "private"
754
170
  },
755
171
  {
756
- "kind": "field",
757
- "name": "handlePointerup",
758
- "privacy": "private"
759
- },
760
- {
761
- "kind": "field",
762
- "name": "handleKeydown",
763
- "privacy": "private"
764
- },
765
- {
766
- "kind": "field",
767
- "name": "handleKeyup",
768
- "privacy": "protected"
769
- },
770
- {
771
- "kind": "field",
772
- "name": "preventNextToggle",
773
- "type": {
774
- "text": "boolean"
775
- },
776
- "privacy": "private",
777
- "default": "false"
778
- },
779
- {
780
- "kind": "field",
781
- "name": "handlePointerdownForClick",
782
- "privacy": "protected"
783
- },
784
- {
785
- "kind": "field",
786
- "name": "handleClick",
787
- "privacy": "protected"
788
- },
789
- {
790
- "kind": "field",
791
- "name": "focusedin",
792
- "type": {
793
- "text": "boolean"
794
- },
795
- "privacy": "private",
796
- "default": "false"
797
- },
798
- {
799
- "kind": "field",
800
- "name": "handleFocusin",
801
- "privacy": "protected"
802
- },
803
- {
804
- "kind": "field",
805
- "name": "handleFocusout",
806
- "privacy": "protected"
807
- },
808
- {
809
- "kind": "field",
810
- "name": "pointerentered",
811
- "type": {
812
- "text": "boolean"
813
- },
814
- "privacy": "private",
815
- "default": "false"
816
- },
817
- {
818
- "kind": "field",
819
- "name": "handlePointerenter",
820
- "privacy": "protected"
821
- },
822
- {
823
- "kind": "field",
824
- "name": "handlePointerleave",
825
- "privacy": "protected"
826
- },
827
- {
828
- "kind": "field",
829
- "name": "handleOverlayPointerleave",
830
- "privacy": "protected"
831
- },
832
- {
833
- "kind": "method",
834
- "name": "doPointerleave",
835
- "privacy": "protected",
836
- "return": {
837
- "type": {
838
- "text": "void"
839
- }
840
- }
841
- },
842
- {
843
- "kind": "field",
844
- "name": "handleLongpress",
845
- "privacy": "protected"
846
- },
847
- {
848
- "kind": "method",
849
- "name": "handleBeforetoggle",
850
- "privacy": "protected",
851
- "return": {
852
- "type": {
853
- "text": "void"
854
- }
855
- },
856
- "parameters": [
857
- {
858
- "name": "event",
859
- "type": {
860
- "text": "Event & { newState: string }"
861
- }
862
- }
863
- ]
864
- },
865
- {
866
- "kind": "method",
867
- "name": "handleBrowserClose",
868
- "privacy": "protected",
869
- "return": {
870
- "type": {
871
- "text": "void"
872
- }
873
- }
874
- },
875
- {
876
- "kind": "method",
877
- "name": "handleSlotchange",
878
- "privacy": "protected",
879
- "return": {
880
- "type": {
881
- "text": "void"
882
- }
883
- }
884
- },
885
- {
886
- "kind": "field",
887
- "name": "willPreventClose",
888
- "type": {
889
- "text": "boolean"
890
- },
891
- "privacy": "public",
892
- "default": "false"
893
- },
894
- {
895
- "kind": "method",
896
- "name": "shouldPreventClose",
897
- "privacy": "public",
898
- "return": {
899
- "type": {
900
- "text": "boolean"
901
- }
902
- }
903
- },
904
- {
905
- "kind": "method",
906
- "name": "renderContent",
907
- "privacy": "protected",
908
- "return": {
909
- "type": {
910
- "text": "TemplateResult"
911
- }
912
- }
913
- },
914
- {
915
- "kind": "method",
916
- "name": "renderDialog",
917
- "privacy": "protected",
918
- "return": {
919
- "type": {
920
- "text": "TemplateResult"
921
- }
922
- }
172
+ "kind": "field",
173
+ "name": "restoreContent",
174
+ "type": {
175
+ "text": "() => Element[] | undefined"
176
+ },
177
+ "privacy": "private"
923
178
  },
924
179
  {
925
180
  "kind": "method",
926
- "name": "renderPopover",
927
- "privacy": "protected",
181
+ "name": "focus",
182
+ "privacy": "public",
928
183
  "return": {
929
184
  "type": {
930
- "text": "TemplateResult"
185
+ "text": "Promise<void>"
931
186
  }
932
187
  }
933
- }
934
- ],
935
- "attributes": [
188
+ },
936
189
  {
937
- "name": "delayed",
190
+ "kind": "field",
191
+ "name": "hasTheme",
938
192
  "type": {
939
193
  "text": "boolean"
940
194
  },
941
- "default": "false",
942
- "fieldName": "delayed"
195
+ "privacy": "private",
196
+ "readonly": true
943
197
  },
944
198
  {
945
- "name": "disabled",
199
+ "kind": "field",
200
+ "name": "offset",
946
201
  "type": {
947
- "text": "boolean"
202
+ "text": "number"
948
203
  },
949
- "fieldName": "disabled"
204
+ "privacy": "public",
205
+ "default": "6"
950
206
  },
951
207
  {
952
- "name": "offset",
208
+ "kind": "field",
209
+ "name": "skidding",
953
210
  "type": {
954
- "text": "number | [number, number]"
211
+ "text": "number"
955
212
  },
956
- "default": "6",
957
- "fieldName": "offset"
213
+ "privacy": "public",
214
+ "default": "0"
958
215
  },
959
216
  {
960
- "name": "open",
217
+ "kind": "field",
218
+ "name": "interaction",
961
219
  "type": {
962
- "text": "boolean"
220
+ "text": "TriggerInteractions"
963
221
  },
964
- "fieldName": "open"
222
+ "privacy": "public",
223
+ "default": "'hover'"
965
224
  },
966
225
  {
967
- "name": "placement",
226
+ "kind": "field",
227
+ "name": "positionAnimationFrame",
968
228
  "type": {
969
- "text": "Placement | undefined"
229
+ "text": "number"
970
230
  },
971
- "fieldName": "placement"
231
+ "privacy": "private",
232
+ "default": "0"
972
233
  },
973
234
  {
974
- "name": "receives-focus",
235
+ "kind": "field",
236
+ "name": "timeout",
975
237
  "type": {
976
- "text": "'true' | 'false' | 'auto'"
238
+ "text": "number | undefined"
977
239
  },
978
- "default": "'auto'",
979
- "fieldName": "receivesFocus"
240
+ "privacy": "private"
980
241
  },
981
242
  {
982
- "name": "trigger",
243
+ "kind": "field",
244
+ "name": "_modalRoot",
983
245
  "type": {
984
- "text": "string | undefined"
246
+ "text": "ActiveOverlay | undefined"
985
247
  },
986
- "fieldName": "trigger"
248
+ "privacy": "private"
987
249
  },
988
250
  {
989
- "name": "type",
251
+ "kind": "field",
252
+ "name": "hasModalRoot",
990
253
  "type": {
991
- "text": "OverlayTypes"
254
+ "text": "boolean"
992
255
  },
993
- "default": "'hint'",
994
- "fieldName": "type"
995
- }
996
- ],
997
- "superclass": {
998
- "name": "SpectrumElement",
999
- "package": "@spectrum-web-components/base"
1000
- }
1001
- }
1002
- ],
1003
- "exports": [
1004
- {
1005
- "kind": "js",
1006
- "name": "overlayTimer",
1007
- "declaration": {
1008
- "name": "overlayTimer",
1009
- "module": "src/OverlayBase.ts"
1010
- }
1011
- },
1012
- {
1013
- "kind": "js",
1014
- "name": "LONGPRESS_INSTRUCTIONS",
1015
- "declaration": {
1016
- "name": "LONGPRESS_INSTRUCTIONS",
1017
- "module": "src/OverlayBase.ts"
1018
- }
1019
- },
1020
- {
1021
- "kind": "js",
1022
- "name": "BeforetoggleClosedEvent",
1023
- "declaration": {
1024
- "name": "BeforetoggleClosedEvent",
1025
- "module": "src/OverlayBase.ts"
1026
- }
1027
- },
1028
- {
1029
- "kind": "js",
1030
- "name": "BeforetoggleOpenEvent",
1031
- "declaration": {
1032
- "name": "BeforetoggleOpenEvent",
1033
- "module": "src/OverlayBase.ts"
1034
- }
1035
- },
1036
- {
1037
- "kind": "js",
1038
- "name": "noop",
1039
- "declaration": {
1040
- "name": "noop",
1041
- "module": "src/OverlayBase.ts"
1042
- }
1043
- },
1044
- {
1045
- "kind": "js",
1046
- "name": "guaranteedTransitionend",
1047
- "declaration": {
1048
- "name": "guaranteedTransitionend",
1049
- "module": "src/OverlayBase.ts"
1050
- }
1051
- },
1052
- {
1053
- "kind": "js",
1054
- "name": "OverlayBase",
1055
- "declaration": {
1056
- "name": "OverlayBase",
1057
- "module": "src/OverlayBase.ts"
1058
- }
1059
- }
1060
- ]
1061
- },
1062
- {
1063
- "kind": "javascript-module",
1064
- "path": "src/OverlayDialog.ts",
1065
- "declarations": [
1066
- {
1067
- "kind": "mixin",
1068
- "description": "",
1069
- "name": "OverlayDialog",
1070
- "members": [
1071
- {
1072
- "kind": "method",
1073
- "name": "manageDialogOpen",
1074
- "privacy": "protected",
1075
- "return": {
1076
- "type": {
1077
- "text": "Promise<void>"
1078
- }
1079
- }
256
+ "privacy": "public",
257
+ "readonly": true
1080
258
  },
1081
259
  {
1082
260
  "kind": "method",
1083
- "name": "dialogEnsureOnDOM",
1084
- "privacy": "protected",
261
+ "name": "feature",
262
+ "privacy": "public",
1085
263
  "return": {
1086
264
  "type": {
1087
- "text": "Promise<void>"
265
+ "text": "void"
1088
266
  }
1089
267
  }
1090
268
  },
1091
269
  {
1092
270
  "kind": "method",
1093
- "name": "dialogMakeTransition",
1094
- "privacy": "protected",
271
+ "name": "obscure",
272
+ "privacy": "public",
1095
273
  "return": {
1096
274
  "type": {
1097
- "text": "Promise<HTMLElement | null>"
275
+ "text": "ActiveOverlay | undefined"
1098
276
  }
1099
277
  },
1100
278
  "parameters": [
1101
279
  {
1102
- "name": "targetOpenState",
280
+ "name": "nextOverlayInteraction",
1103
281
  "type": {
1104
- "text": "boolean"
282
+ "text": "TriggerInteractions"
1105
283
  }
1106
284
  }
1107
285
  ]
1108
286
  },
1109
287
  {
1110
288
  "kind": "method",
1111
- "name": "dialogApplyFocus",
1112
- "privacy": "protected",
289
+ "name": "openCallback",
290
+ "privacy": "public",
1113
291
  "return": {
1114
292
  "type": {
1115
293
  "text": "Promise<void>"
@@ -1117,201 +295,142 @@
1117
295
  },
1118
296
  "parameters": [
1119
297
  {
1120
- "name": "targetOpenState",
1121
- "type": {
1122
- "text": "boolean"
1123
- }
1124
- },
1125
- {
1126
- "name": "focusEl",
298
+ "name": "lifecycleCallback",
1127
299
  "type": {
1128
- "text": "HTMLElement | null"
300
+ "text": "() => Promise<void> | void"
1129
301
  }
1130
302
  }
1131
303
  ]
1132
- }
1133
- ],
1134
- "events": [
1135
- {
1136
- "type": {
1137
- "text": "event"
1138
- }
1139
304
  },
1140
- {
1141
- "name": "eventName",
1142
- "type": {
1143
- "text": "Event"
1144
- }
1145
- }
1146
- ],
1147
- "parameters": [
1148
- {
1149
- "name": "constructor",
1150
- "type": {
1151
- "text": "T"
1152
- }
1153
- }
1154
- ]
1155
- }
1156
- ],
1157
- "exports": [
1158
- {
1159
- "kind": "js",
1160
- "name": "OverlayDialog",
1161
- "declaration": {
1162
- "name": "OverlayDialog",
1163
- "module": "src/OverlayDialog.ts"
1164
- }
1165
- }
1166
- ]
1167
- },
1168
- {
1169
- "kind": "javascript-module",
1170
- "path": "src/OverlayNoPopover.ts",
1171
- "declarations": [
1172
- {
1173
- "kind": "mixin",
1174
- "description": "",
1175
- "name": "OverlayNoPopover",
1176
- "members": [
1177
305
  {
1178
306
  "kind": "method",
1179
- "name": "managePopoverOpen",
1180
- "privacy": "protected",
307
+ "name": "open",
308
+ "privacy": "private",
1181
309
  "return": {
1182
310
  "type": {
1183
- "text": "Promise<void>"
311
+ "text": "void"
1184
312
  }
1185
- }
313
+ },
314
+ "parameters": [
315
+ {
316
+ "name": "openDetail",
317
+ "type": {
318
+ "text": "OverlayOpenDetail"
319
+ }
320
+ }
321
+ ]
1186
322
  },
1187
323
  {
1188
324
  "kind": "method",
1189
- "name": "manageDelay",
325
+ "name": "extractDetail",
1190
326
  "privacy": "private",
1191
327
  "return": {
1192
328
  "type": {
1193
- "text": "Promise<void>"
329
+ "text": "void"
1194
330
  }
1195
331
  },
1196
332
  "parameters": [
1197
333
  {
1198
- "name": "targetOpenState",
334
+ "name": "detail",
1199
335
  "type": {
1200
- "text": "boolean"
336
+ "text": "OverlayOpenDetail"
1201
337
  }
1202
338
  }
1203
339
  ]
1204
340
  },
1205
341
  {
1206
342
  "kind": "method",
1207
- "name": "ensureOnDOM",
1208
- "privacy": "private",
343
+ "name": "dispose",
344
+ "privacy": "public",
1209
345
  "return": {
1210
346
  "type": {
1211
- "text": "Promise<void>"
347
+ "text": "void"
1212
348
  }
1213
349
  }
1214
350
  },
1215
351
  {
1216
352
  "kind": "method",
1217
- "name": "makeTransition",
353
+ "name": "stealOverlayContent",
1218
354
  "privacy": "private",
1219
355
  "return": {
1220
356
  "type": {
1221
- "text": "Promise<HTMLElement | null>"
357
+ "text": "void"
1222
358
  }
1223
359
  },
1224
360
  "parameters": [
1225
361
  {
1226
- "name": "targetOpenState",
362
+ "name": "element",
1227
363
  "type": {
1228
- "text": "boolean"
364
+ "text": "HTMLElement & { placement: Placement }"
1229
365
  }
1230
366
  }
1231
367
  ]
1232
368
  },
369
+ {
370
+ "kind": "field",
371
+ "name": "willNotifyClosed",
372
+ "type": {
373
+ "text": "boolean"
374
+ },
375
+ "privacy": "private",
376
+ "default": "false"
377
+ },
1233
378
  {
1234
379
  "kind": "method",
1235
- "name": "applyFocus",
380
+ "name": "returnOverlayContent",
1236
381
  "privacy": "private",
1237
382
  "return": {
1238
383
  "type": {
1239
- "text": "Promise<void>"
1240
- }
1241
- },
1242
- "parameters": [
1243
- {
1244
- "name": "targetOpenState",
1245
- "type": {
1246
- "text": "boolean"
1247
- }
1248
- },
1249
- {
1250
- "name": "focusEl",
1251
- "type": {
1252
- "text": "HTMLElement | null"
1253
- }
384
+ "text": "void"
1254
385
  }
1255
- ]
1256
- }
1257
- ],
1258
- "events": [
1259
- {
1260
- "type": {
1261
- "text": "event"
1262
386
  }
1263
387
  },
1264
388
  {
1265
- "name": "eventName",
389
+ "kind": "field",
390
+ "name": "initialHeight",
1266
391
  "type": {
1267
- "text": "Event"
1268
- }
1269
- }
1270
- ],
1271
- "parameters": [
392
+ "text": "number | undefined"
393
+ },
394
+ "privacy": "private"
395
+ },
1272
396
  {
1273
- "name": "constructor",
397
+ "kind": "field",
398
+ "name": "isConstrained",
1274
399
  "type": {
1275
- "text": "T"
1276
- }
1277
- }
1278
- ]
1279
- }
1280
- ],
1281
- "exports": [
1282
- {
1283
- "kind": "js",
1284
- "name": "OverlayNoPopover",
1285
- "declaration": {
1286
- "name": "OverlayNoPopover",
1287
- "module": "src/OverlayNoPopover.ts"
1288
- }
1289
- }
1290
- ]
1291
- },
1292
- {
1293
- "kind": "javascript-module",
1294
- "path": "src/OverlayPopover.ts",
1295
- "declarations": [
1296
- {
1297
- "kind": "mixin",
1298
- "description": "",
1299
- "name": "OverlayPopover",
1300
- "members": [
400
+ "text": "boolean"
401
+ },
402
+ "privacy": "private",
403
+ "default": "false"
404
+ },
1301
405
  {
1302
406
  "kind": "method",
1303
- "name": "managePopoverOpen",
1304
- "privacy": "protected",
407
+ "name": "placeOverlay",
408
+ "privacy": "public",
1305
409
  "return": {
1306
410
  "type": {
1307
411
  "text": "Promise<void>"
1308
412
  }
1309
413
  }
1310
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
+ },
1311
430
  {
1312
431
  "kind": "method",
1313
- "name": "manageDelay",
1314
- "privacy": "private",
432
+ "name": "hide",
433
+ "privacy": "public",
1315
434
  "return": {
1316
435
  "type": {
1317
436
  "text": "Promise<void>"
@@ -1319,132 +438,159 @@
1319
438
  },
1320
439
  "parameters": [
1321
440
  {
1322
- "name": "targetOpenState",
1323
- "type": {
1324
- "text": "boolean"
1325
- }
441
+ "name": "animated",
442
+ "default": "true"
1326
443
  }
1327
444
  ]
1328
445
  },
1329
446
  {
1330
447
  "kind": "method",
1331
- "name": "ensureOnDOM",
448
+ "name": "schedulePositionUpdate",
1332
449
  "privacy": "private",
1333
450
  "return": {
1334
451
  "type": {
1335
- "text": "Promise<void>"
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>"
1336
478
  }
1337
479
  },
1338
480
  "parameters": [
1339
481
  {
1340
- "name": "targetOpenState",
482
+ "name": "animation",
1341
483
  "type": {
1342
- "text": "boolean"
484
+ "text": "ContentAnimation"
1343
485
  }
1344
486
  }
1345
487
  ]
1346
488
  },
1347
489
  {
1348
490
  "kind": "method",
1349
- "name": "makeTransition",
1350
- "privacy": "private",
491
+ "name": "renderTheme",
492
+ "privacy": "public",
1351
493
  "return": {
1352
494
  "type": {
1353
- "text": "Promise<HTMLElement | null>"
495
+ "text": "TemplateResult"
1354
496
  }
1355
497
  },
1356
498
  "parameters": [
1357
499
  {
1358
- "name": "targetOpenState",
500
+ "name": "content",
1359
501
  "type": {
1360
- "text": "boolean"
502
+ "text": "TemplateResult"
1361
503
  }
1362
504
  }
1363
505
  ]
1364
506
  },
1365
507
  {
1366
508
  "kind": "method",
1367
- "name": "applyFocus",
1368
- "privacy": "private",
509
+ "name": "create",
510
+ "privacy": "public",
511
+ "static": true,
1369
512
  "return": {
1370
513
  "type": {
1371
- "text": "Promise<void>"
514
+ "text": "ActiveOverlay"
1372
515
  }
1373
516
  },
1374
517
  "parameters": [
1375
518
  {
1376
- "name": "targetOpenState",
1377
- "type": {
1378
- "text": "boolean"
1379
- }
1380
- },
1381
- {
1382
- "name": "focusEl",
519
+ "name": "details",
1383
520
  "type": {
1384
- "text": "HTMLElement | null"
521
+ "text": "OverlayOpenDetail"
1385
522
  }
1386
523
  }
1387
524
  ]
1388
- }
1389
- ],
1390
- "events": [
525
+ },
1391
526
  {
1392
- "type": {
1393
- "text": "event"
1394
- }
527
+ "kind": "field",
528
+ "name": "stealOverlayContentPromise",
529
+ "privacy": "private",
530
+ "default": "new Promise(\n (res) => (this.stealOverlayContentResolver = res)\n )"
1395
531
  },
1396
532
  {
1397
- "name": "eventName",
533
+ "kind": "field",
534
+ "name": "stealOverlayContentResolver",
1398
535
  "type": {
1399
- "text": "Event"
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
+ }
1400
548
  }
1401
549
  }
1402
550
  ],
1403
- "parameters": [
551
+ "attributes": [
552
+ {
553
+ "name": "_state",
554
+ "fieldName": "_state"
555
+ },
1404
556
  {
1405
- "name": "constructor",
557
+ "name": "animating",
1406
558
  "type": {
1407
- "text": "T"
1408
- }
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"
1409
570
  }
1410
- ]
1411
- }
1412
- ],
1413
- "exports": [
1414
- {
1415
- "kind": "js",
1416
- "name": "OverlayPopover",
1417
- "declaration": {
1418
- "name": "OverlayPopover",
1419
- "module": "src/OverlayPopover.ts"
1420
- }
1421
- }
1422
- ]
1423
- },
1424
- {
1425
- "kind": "javascript-module",
1426
- "path": "src/OverlayStack.ts",
1427
- "declarations": [
1428
- {
1429
- "kind": "variable",
1430
- "name": "overlayStack",
1431
- "default": "new OverlayStack()"
571
+ ],
572
+ "superclass": {
573
+ "name": "SpectrumElement",
574
+ "package": "@spectrum-web-components/base"
575
+ },
576
+ "tagName": "active-overlay",
577
+ "customElement": true
1432
578
  }
1433
579
  ],
1434
580
  "exports": [
1435
581
  {
1436
582
  "kind": "js",
1437
- "name": "overlayStack",
583
+ "name": "ActiveOverlay",
1438
584
  "declaration": {
1439
- "name": "overlayStack",
1440
- "module": "src/OverlayStack.ts"
585
+ "name": "ActiveOverlay",
586
+ "module": "src/ActiveOverlay.js"
1441
587
  }
1442
588
  }
1443
589
  ]
1444
590
  },
1445
591
  {
1446
592
  "kind": "javascript-module",
1447
- "path": "src/OverlayTrigger.ts",
593
+ "path": "src/OverlayTrigger.js",
1448
594
  "declarations": [
1449
595
  {
1450
596
  "kind": "variable",
@@ -1477,6 +623,30 @@
1477
623
  }
1478
624
  ],
1479
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
+ },
1480
650
  {
1481
651
  "kind": "field",
1482
652
  "name": "placement",
@@ -1484,6 +654,7 @@
1484
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\""
1485
655
  },
1486
656
  "privacy": "public",
657
+ "default": "'bottom'",
1487
658
  "attribute": "placement",
1488
659
  "reflects": true
1489
660
  },
@@ -1504,7 +675,8 @@
1504
675
  },
1505
676
  "privacy": "public",
1506
677
  "default": "6",
1507
- "attribute": "offset"
678
+ "attribute": "offset",
679
+ "reflects": true
1508
680
  },
1509
681
  {
1510
682
  "kind": "field",
@@ -1529,129 +701,252 @@
1529
701
  },
1530
702
  {
1531
703
  "kind": "field",
1532
- "name": "hasLongpressContent",
1533
- "type": {
1534
- "text": "boolean"
1535
- },
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",
1536
853
  "privacy": "public",
1537
- "default": "false"
1538
- },
1539
- {
1540
- "kind": "field",
1541
- "name": "longpressDescriptor",
1542
- "type": {
1543
- "text": "HTMLElement | undefined"
1544
- },
1545
- "privacy": "private"
854
+ "static": true
1546
855
  },
1547
856
  {
1548
857
  "kind": "field",
1549
- "name": "clickContent",
858
+ "name": "overlayOptions",
1550
859
  "type": {
1551
- "text": "HTMLElement[]"
860
+ "text": "OverlayOptions"
1552
861
  },
1553
862
  "privacy": "private",
1554
- "default": "[]"
863
+ "readonly": true
1555
864
  },
1556
865
  {
1557
- "kind": "field",
1558
- "name": "clickPlacement",
1559
- "type": {
1560
- "text": "Placement | undefined"
866
+ "kind": "method",
867
+ "name": "onTrigger",
868
+ "privacy": "private",
869
+ "return": {
870
+ "type": {
871
+ "text": "void"
872
+ }
1561
873
  },
1562
- "privacy": "private"
874
+ "parameters": [
875
+ {
876
+ "name": "event",
877
+ "type": {
878
+ "text": "CustomEvent<LongpressEvent>"
879
+ }
880
+ }
881
+ ]
1563
882
  },
1564
883
  {
1565
- "kind": "field",
1566
- "name": "longpressContent",
1567
- "type": {
1568
- "text": "HTMLElement[]"
1569
- },
884
+ "kind": "method",
885
+ "name": "prepareToFocusOverlayContent",
1570
886
  "privacy": "private",
1571
- "default": "[]"
1572
- },
1573
- {
1574
- "kind": "field",
1575
- "name": "longpressPlacement",
1576
- "type": {
1577
- "text": "Placement | undefined"
887
+ "return": {
888
+ "type": {
889
+ "text": "void"
890
+ }
1578
891
  },
1579
- "privacy": "private"
892
+ "parameters": [
893
+ {
894
+ "name": "overlayContent",
895
+ "type": {
896
+ "text": "HTMLElement"
897
+ }
898
+ }
899
+ ]
1580
900
  },
1581
901
  {
1582
- "kind": "field",
1583
- "name": "hoverContent",
1584
- "type": {
1585
- "text": "HTMLElement[]"
1586
- },
1587
- "privacy": "private",
1588
- "default": "[]"
902
+ "kind": "method",
903
+ "name": "onTriggerClick",
904
+ "privacy": "public",
905
+ "return": {
906
+ "type": {
907
+ "text": "Promise<void>"
908
+ }
909
+ }
1589
910
  },
1590
911
  {
1591
912
  "kind": "field",
1592
- "name": "hoverPlacement",
913
+ "name": "_longpressEvent",
1593
914
  "type": {
1594
- "text": "Placement | undefined"
915
+ "text": "CustomEvent<LongpressEvent> | undefined"
1595
916
  },
1596
917
  "privacy": "private"
1597
918
  },
1598
919
  {
1599
- "kind": "field",
1600
- "name": "targetContent",
1601
- "type": {
1602
- "text": "HTMLElement[]"
1603
- },
920
+ "kind": "method",
921
+ "name": "onTriggerLongpress",
1604
922
  "privacy": "private",
1605
- "default": "[]"
1606
- },
1607
- {
1608
- "kind": "field",
1609
- "name": "clickOverlayElement",
1610
- "type": {
1611
- "text": "OverlayBase"
1612
- }
1613
- },
1614
- {
1615
- "kind": "field",
1616
- "name": "longpressOverlayElement",
1617
- "type": {
1618
- "text": "OverlayBase"
923
+ "return": {
924
+ "type": {
925
+ "text": "Promise<void>"
926
+ }
1619
927
  }
1620
928
  },
1621
929
  {
1622
930
  "kind": "field",
1623
- "name": "hoverOverlayElement",
931
+ "name": "abortOverlay",
1624
932
  "type": {
1625
- "text": "OverlayBase"
1626
- }
1627
- },
1628
- {
1629
- "kind": "field",
1630
- "name": "_longpressId",
1631
- "privacy": "private",
1632
- "default": "`longpress-describedby-descriptor`"
933
+ "text": "(cancelled: boolean) => void"
934
+ },
935
+ "privacy": "private"
1633
936
  },
1634
937
  {
1635
938
  "kind": "method",
1636
- "name": "getAssignedElementsFromSlot",
1637
- "privacy": "private",
939
+ "name": "onTriggerMouseEnter",
940
+ "privacy": "public",
1638
941
  "return": {
1639
942
  "type": {
1640
- "text": "HTMLElement[]"
1641
- }
1642
- },
1643
- "parameters": [
1644
- {
1645
- "name": "slot",
1646
- "type": {
1647
- "text": "HTMLSlotElement"
1648
- }
943
+ "text": "Promise<void>"
1649
944
  }
1650
- ]
945
+ }
1651
946
  },
1652
947
  {
1653
948
  "kind": "method",
1654
- "name": "handleTriggerContent",
949
+ "name": "onClickSlotChange",
1655
950
  "privacy": "private",
1656
951
  "return": {
1657
952
  "type": {
@@ -1669,7 +964,7 @@
1669
964
  },
1670
965
  {
1671
966
  "kind": "method",
1672
- "name": "handleClickContent",
967
+ "name": "onLongpressSlotChange",
1673
968
  "privacy": "private",
1674
969
  "return": {
1675
970
  "type": {
@@ -1687,7 +982,7 @@
1687
982
  },
1688
983
  {
1689
984
  "kind": "method",
1690
- "name": "handleLongpressContent",
985
+ "name": "onHoverSlotChange",
1691
986
  "privacy": "private",
1692
987
  "return": {
1693
988
  "type": {
@@ -1705,7 +1000,7 @@
1705
1000
  },
1706
1001
  {
1707
1002
  "kind": "method",
1708
- "name": "handleHoverContent",
1003
+ "name": "onTargetSlotChange",
1709
1004
  "privacy": "private",
1710
1005
  "return": {
1711
1006
  "type": {
@@ -1723,31 +1018,34 @@
1723
1018
  },
1724
1019
  {
1725
1020
  "kind": "method",
1726
- "name": "handleBeforetoggle",
1021
+ "name": "extractSlotContentFromEvent",
1727
1022
  "privacy": "private",
1728
1023
  "return": {
1729
1024
  "type": {
1730
- "text": "void"
1025
+ "text": "HTMLElement | undefined"
1731
1026
  }
1732
1027
  },
1733
1028
  "parameters": [
1734
1029
  {
1735
1030
  "name": "event",
1736
1031
  "type": {
1737
- "text": "BeforetoggleOpenEvent"
1032
+ "text": "Event"
1738
1033
  }
1739
1034
  }
1740
1035
  ]
1741
1036
  },
1742
1037
  {
1743
- "kind": "method",
1744
- "name": "manageLongpressDescriptor",
1745
- "privacy": "protected",
1746
- "return": {
1747
- "type": {
1748
- "text": "void"
1749
- }
1750
- }
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"
1751
1049
  },
1752
1050
  {
1753
1051
  "kind": "method",
@@ -1776,6 +1074,7 @@
1776
1074
  "type": {
1777
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\""
1778
1076
  },
1077
+ "default": "'bottom'",
1779
1078
  "fieldName": "placement",
1780
1079
  "attribute": "placement"
1781
1080
  },
@@ -1824,7 +1123,7 @@
1824
1123
  "name": "LONGPRESS_INSTRUCTIONS",
1825
1124
  "declaration": {
1826
1125
  "name": "LONGPRESS_INSTRUCTIONS",
1827
- "module": "src/OverlayTrigger.ts"
1126
+ "module": "src/OverlayTrigger.js"
1828
1127
  }
1829
1128
  },
1830
1129
  {
@@ -1832,173 +1131,14 @@
1832
1131
  "name": "OverlayTrigger",
1833
1132
  "declaration": {
1834
1133
  "name": "OverlayTrigger",
1835
- "module": "src/OverlayTrigger.ts"
1836
- }
1837
- }
1838
- ]
1839
- },
1840
- {
1841
- "kind": "javascript-module",
1842
- "path": "src/PlacementController.ts",
1843
- "declarations": [
1844
- {
1845
- "kind": "variable",
1846
- "name": "placementUpdatedSymbol"
1847
- },
1848
- {
1849
- "kind": "class",
1850
- "description": "",
1851
- "name": "PlacementController",
1852
- "members": [
1853
- {
1854
- "kind": "field",
1855
- "name": "cleanup",
1856
- "type": {
1857
- "text": "() => void | undefined"
1858
- },
1859
- "privacy": "private"
1860
- },
1861
- {
1862
- "kind": "field",
1863
- "name": "initialHeight",
1864
- "type": {
1865
- "text": "number | undefined"
1866
- }
1867
- },
1868
- {
1869
- "kind": "field",
1870
- "name": "isConstrained",
1871
- "type": {
1872
- "text": "boolean | undefined"
1873
- }
1874
- },
1875
- {
1876
- "kind": "field",
1877
- "name": "host",
1878
- "type": {
1879
- "text": "ReactiveElement & { elements: OpenableElement[] }"
1880
- },
1881
- "privacy": "private",
1882
- "default": "host"
1883
- },
1884
- {
1885
- "kind": "field",
1886
- "name": "options",
1887
- "type": {
1888
- "text": "OverlayOptionsV1"
1889
- },
1890
- "privacy": "private"
1891
- },
1892
- {
1893
- "kind": "field",
1894
- "name": "originalPlacements",
1895
- "privacy": "private",
1896
- "default": "new WeakMap<HTMLElement, Placement>()"
1897
- },
1898
- {
1899
- "kind": "field",
1900
- "name": "target",
1901
- "type": {
1902
- "text": "HTMLElement"
1903
- },
1904
- "privacy": "private"
1905
- },
1906
- {
1907
- "kind": "method",
1908
- "name": "placeOverlay",
1909
- "privacy": "public",
1910
- "return": {
1911
- "type": {
1912
- "text": "Promise<void>"
1913
- }
1914
- },
1915
- "parameters": [
1916
- {
1917
- "name": "target",
1918
- "default": "this.target",
1919
- "type": {
1920
- "text": "HTMLElement"
1921
- }
1922
- },
1923
- {
1924
- "name": "options",
1925
- "default": "this.options",
1926
- "type": {
1927
- "text": "OverlayOptionsV1"
1928
- }
1929
- }
1930
- ]
1931
- },
1932
- {
1933
- "kind": "field",
1934
- "name": "updatePlacement"
1935
- },
1936
- {
1937
- "kind": "method",
1938
- "name": "computePlacement",
1939
- "return": {
1940
- "type": {
1941
- "text": "Promise<void>"
1942
- }
1943
- }
1944
- },
1945
- {
1946
- "kind": "field",
1947
- "name": "resetOverlayPosition",
1948
- "privacy": "public"
1949
- },
1950
- {
1951
- "kind": "method",
1952
- "name": "hostConnected",
1953
- "return": {
1954
- "type": {
1955
- "text": "void"
1956
- }
1957
- }
1958
- },
1959
- {
1960
- "kind": "method",
1961
- "name": "hostUpdated",
1962
- "return": {
1963
- "type": {
1964
- "text": "void"
1965
- }
1966
- }
1967
- },
1968
- {
1969
- "kind": "method",
1970
- "name": "hostDisconnected",
1971
- "return": {
1972
- "type": {
1973
- "text": "void"
1974
- }
1975
- }
1976
- }
1977
- ]
1978
- }
1979
- ],
1980
- "exports": [
1981
- {
1982
- "kind": "js",
1983
- "name": "placementUpdatedSymbol",
1984
- "declaration": {
1985
- "name": "placementUpdatedSymbol",
1986
- "module": "src/PlacementController.ts"
1987
- }
1988
- },
1989
- {
1990
- "kind": "js",
1991
- "name": "PlacementController",
1992
- "declaration": {
1993
- "name": "PlacementController",
1994
- "module": "src/PlacementController.ts"
1134
+ "module": "src/OverlayTrigger.js"
1995
1135
  }
1996
1136
  }
1997
1137
  ]
1998
1138
  },
1999
1139
  {
2000
1140
  "kind": "javascript-module",
2001
- "path": "src/VirtualTrigger.ts",
1141
+ "path": "src/VirtualTrigger.js",
2002
1142
  "declarations": [
2003
1143
  {
2004
1144
  "kind": "class",
@@ -2066,7 +1206,7 @@
2066
1206
  "name": "VirtualTrigger",
2067
1207
  "declaration": {
2068
1208
  "name": "VirtualTrigger",
2069
- "module": "src/VirtualTrigger.ts"
1209
+ "module": "src/VirtualTrigger.js"
2070
1210
  }
2071
1211
  }
2072
1212
  ]