@vaadin/popover 25.1.0-alpha6 → 25.1.0-alpha7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +1149 -0
- package/package.json +13 -11
- package/src/styles/vaadin-popover-overlay-base-styles.js +5 -4
- package/src/vaadin-popover-overlay.js +1 -1
- package/src/vaadin-popover.d.ts +1 -0
- package/src/vaadin-popover.js +2 -1
- package/web-types.json +2 -2
- package/web-types.lit.json +2 -2
|
@@ -0,0 +1,1149 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "vaadin-popover.js",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "js",
|
|
12
|
+
"name": "*",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "*",
|
|
15
|
+
"module": "src/vaadin-popover.js"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"kind": "javascript-module",
|
|
22
|
+
"path": "src/vaadin-popover-overlay-mixin.js",
|
|
23
|
+
"declarations": [
|
|
24
|
+
{
|
|
25
|
+
"kind": "mixin",
|
|
26
|
+
"description": "A mixin providing common popover overlay functionality.",
|
|
27
|
+
"name": "PopoverOverlayMixin",
|
|
28
|
+
"members": [
|
|
29
|
+
{
|
|
30
|
+
"kind": "method",
|
|
31
|
+
"name": "bringToFront",
|
|
32
|
+
"description": "Brings the overlay as visually the frontmost one.",
|
|
33
|
+
"inheritedFrom": {
|
|
34
|
+
"name": "OverlayStackMixin",
|
|
35
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-stack-mixin.js"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"kind": "method",
|
|
40
|
+
"name": "close",
|
|
41
|
+
"parameters": [
|
|
42
|
+
{
|
|
43
|
+
"name": "sourceEvent",
|
|
44
|
+
"type": {
|
|
45
|
+
"text": "Event="
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
],
|
|
49
|
+
"inheritedFrom": {
|
|
50
|
+
"name": "OverlayMixin",
|
|
51
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"kind": "field",
|
|
56
|
+
"name": "focusTrap",
|
|
57
|
+
"privacy": "public",
|
|
58
|
+
"type": {
|
|
59
|
+
"text": "boolean"
|
|
60
|
+
},
|
|
61
|
+
"description": "When true, opening the overlay moves focus to the first focusable child,\nor to the overlay part with tabindex if there are no focusable children.",
|
|
62
|
+
"attribute": "focus-trap",
|
|
63
|
+
"inheritedFrom": {
|
|
64
|
+
"name": "OverlayFocusMixin",
|
|
65
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"kind": "field",
|
|
70
|
+
"name": "hidden",
|
|
71
|
+
"privacy": "public",
|
|
72
|
+
"type": {
|
|
73
|
+
"text": "boolean"
|
|
74
|
+
},
|
|
75
|
+
"description": "When set to true, the overlay is hidden. This also closes the overlay\nimmediately in case there is a closing animation in progress.",
|
|
76
|
+
"attribute": "hidden",
|
|
77
|
+
"inheritedFrom": {
|
|
78
|
+
"name": "OverlayMixin",
|
|
79
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"kind": "field",
|
|
84
|
+
"name": "horizontalAlign",
|
|
85
|
+
"privacy": "public",
|
|
86
|
+
"type": {
|
|
87
|
+
"text": "string"
|
|
88
|
+
},
|
|
89
|
+
"description": "When `positionTarget` is set, this property defines whether to align the overlay's\nleft or right side to the target element by default.\nPossible values are `start` and `end`.\nRTL is taken into account when interpreting the value.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
|
|
90
|
+
"attribute": "horizontal-align",
|
|
91
|
+
"inheritedFrom": {
|
|
92
|
+
"name": "PositionMixin",
|
|
93
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"kind": "field",
|
|
98
|
+
"name": "model",
|
|
99
|
+
"privacy": "public",
|
|
100
|
+
"type": {
|
|
101
|
+
"text": "object"
|
|
102
|
+
},
|
|
103
|
+
"description": "Object with properties that is passed to `renderer` function",
|
|
104
|
+
"attribute": "model",
|
|
105
|
+
"inheritedFrom": {
|
|
106
|
+
"name": "OverlayMixin",
|
|
107
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"kind": "field",
|
|
112
|
+
"name": "modeless",
|
|
113
|
+
"privacy": "public",
|
|
114
|
+
"type": {
|
|
115
|
+
"text": "boolean"
|
|
116
|
+
},
|
|
117
|
+
"description": "When true the overlay won't disable the main content, showing\nit doesn't change the functionality of the user interface.",
|
|
118
|
+
"attribute": "modeless",
|
|
119
|
+
"inheritedFrom": {
|
|
120
|
+
"name": "OverlayMixin",
|
|
121
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"kind": "field",
|
|
126
|
+
"name": "noHorizontalOverlap",
|
|
127
|
+
"privacy": "public",
|
|
128
|
+
"type": {
|
|
129
|
+
"text": "boolean"
|
|
130
|
+
},
|
|
131
|
+
"description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the x-axis, or be positioned right next to it.",
|
|
132
|
+
"attribute": "no-horizontal-overlap",
|
|
133
|
+
"inheritedFrom": {
|
|
134
|
+
"name": "PositionMixin",
|
|
135
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"kind": "field",
|
|
140
|
+
"name": "noVerticalOverlap",
|
|
141
|
+
"privacy": "public",
|
|
142
|
+
"type": {
|
|
143
|
+
"text": "boolean"
|
|
144
|
+
},
|
|
145
|
+
"description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the y-axis, or be positioned right above/below it.",
|
|
146
|
+
"attribute": "no-vertical-overlap",
|
|
147
|
+
"inheritedFrom": {
|
|
148
|
+
"name": "PositionMixin",
|
|
149
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
150
|
+
}
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"kind": "field",
|
|
154
|
+
"name": "opened",
|
|
155
|
+
"privacy": "public",
|
|
156
|
+
"type": {
|
|
157
|
+
"text": "boolean"
|
|
158
|
+
},
|
|
159
|
+
"description": "When true, the overlay is visible and attached to body.",
|
|
160
|
+
"attribute": "opened",
|
|
161
|
+
"inheritedFrom": {
|
|
162
|
+
"name": "OverlayMixin",
|
|
163
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"kind": "field",
|
|
168
|
+
"name": "owner",
|
|
169
|
+
"privacy": "public",
|
|
170
|
+
"type": {
|
|
171
|
+
"text": "HTMLElement"
|
|
172
|
+
},
|
|
173
|
+
"description": "Owner element passed with renderer function",
|
|
174
|
+
"attribute": "owner",
|
|
175
|
+
"inheritedFrom": {
|
|
176
|
+
"name": "OverlayMixin",
|
|
177
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"kind": "field",
|
|
182
|
+
"name": "position",
|
|
183
|
+
"privacy": "public",
|
|
184
|
+
"type": {
|
|
185
|
+
"text": "string"
|
|
186
|
+
},
|
|
187
|
+
"attribute": "position"
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"kind": "field",
|
|
191
|
+
"name": "positionTarget",
|
|
192
|
+
"privacy": "public",
|
|
193
|
+
"type": {
|
|
194
|
+
"text": "object"
|
|
195
|
+
},
|
|
196
|
+
"description": "The element next to which this overlay should be aligned.\nThe position of the overlay relative to the positionTarget can be adjusted\nwith properties `horizontalAlign`, `verticalAlign`, `noHorizontalOverlap`\nand `noVerticalOverlap`.",
|
|
197
|
+
"attribute": "position-target",
|
|
198
|
+
"inheritedFrom": {
|
|
199
|
+
"name": "PositionMixin",
|
|
200
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"kind": "field",
|
|
205
|
+
"name": "renderer",
|
|
206
|
+
"privacy": "public",
|
|
207
|
+
"type": {
|
|
208
|
+
"text": "OverlayRenderer | null | undefined"
|
|
209
|
+
},
|
|
210
|
+
"description": "Custom function for rendering the content of the overlay.\nReceives three arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `owner` The host element of the renderer function.\n- `model` The object with the properties related with rendering.",
|
|
211
|
+
"attribute": "renderer",
|
|
212
|
+
"inheritedFrom": {
|
|
213
|
+
"name": "OverlayMixin",
|
|
214
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
215
|
+
}
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"kind": "method",
|
|
219
|
+
"name": "requestContentUpdate",
|
|
220
|
+
"description": "Requests an update for the content of the overlay.\nWhile performing the update, it invokes the renderer passed in the `renderer` property.\n\nIt is not guaranteed that the update happens immediately (synchronously) after it is requested.",
|
|
221
|
+
"inheritedFrom": {
|
|
222
|
+
"name": "OverlayMixin",
|
|
223
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
224
|
+
}
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"kind": "field",
|
|
228
|
+
"name": "requiredVerticalSpace",
|
|
229
|
+
"privacy": "public",
|
|
230
|
+
"type": {
|
|
231
|
+
"text": "number"
|
|
232
|
+
},
|
|
233
|
+
"description": "If the overlay content has no intrinsic height, this property can be used to set\nthe minimum vertical space (in pixels) required by the overlay. Setting a value to\nthe property effectively disables the content measurement in favor of using this\nfixed value for determining the open direction.",
|
|
234
|
+
"attribute": "required-vertical-space",
|
|
235
|
+
"inheritedFrom": {
|
|
236
|
+
"name": "PositionMixin",
|
|
237
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
238
|
+
}
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
"kind": "field",
|
|
242
|
+
"name": "restoreFocusNode",
|
|
243
|
+
"privacy": "public",
|
|
244
|
+
"type": {
|
|
245
|
+
"text": "HTMLElement"
|
|
246
|
+
},
|
|
247
|
+
"description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
|
|
248
|
+
"attribute": "restore-focus-node",
|
|
249
|
+
"inheritedFrom": {
|
|
250
|
+
"name": "OverlayFocusMixin",
|
|
251
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
252
|
+
}
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"kind": "field",
|
|
256
|
+
"name": "restoreFocusOnClose",
|
|
257
|
+
"privacy": "public",
|
|
258
|
+
"type": {
|
|
259
|
+
"text": "boolean"
|
|
260
|
+
},
|
|
261
|
+
"description": "Set to true to enable restoring of focus when overlay is closed.",
|
|
262
|
+
"attribute": "restore-focus-on-close",
|
|
263
|
+
"inheritedFrom": {
|
|
264
|
+
"name": "OverlayFocusMixin",
|
|
265
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
266
|
+
}
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"kind": "method",
|
|
270
|
+
"name": "setBounds",
|
|
271
|
+
"parameters": [
|
|
272
|
+
{
|
|
273
|
+
"name": "bounds",
|
|
274
|
+
"type": {
|
|
275
|
+
"text": "!OverlayBoundsParam"
|
|
276
|
+
}
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"name": "absolute",
|
|
280
|
+
"default": "true",
|
|
281
|
+
"type": {
|
|
282
|
+
"text": "boolean"
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
],
|
|
286
|
+
"description": "Updates the coordinates of the overlay.",
|
|
287
|
+
"inheritedFrom": {
|
|
288
|
+
"name": "OverlayMixin",
|
|
289
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
290
|
+
}
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"kind": "field",
|
|
294
|
+
"name": "verticalAlign",
|
|
295
|
+
"privacy": "public",
|
|
296
|
+
"type": {
|
|
297
|
+
"text": "string"
|
|
298
|
+
},
|
|
299
|
+
"description": "When `positionTarget` is set, this property defines whether to align the overlay's\ntop or bottom side to the target element by default.\nPossible values are `top` and `bottom`.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
|
|
300
|
+
"attribute": "vertical-align",
|
|
301
|
+
"inheritedFrom": {
|
|
302
|
+
"name": "PositionMixin",
|
|
303
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
304
|
+
}
|
|
305
|
+
},
|
|
306
|
+
{
|
|
307
|
+
"kind": "field",
|
|
308
|
+
"name": "withBackdrop",
|
|
309
|
+
"privacy": "public",
|
|
310
|
+
"type": {
|
|
311
|
+
"text": "boolean"
|
|
312
|
+
},
|
|
313
|
+
"description": "When true the overlay has backdrop on top of content when opened.",
|
|
314
|
+
"attribute": "with-backdrop",
|
|
315
|
+
"inheritedFrom": {
|
|
316
|
+
"name": "OverlayMixin",
|
|
317
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
],
|
|
321
|
+
"attributes": [
|
|
322
|
+
{
|
|
323
|
+
"name": "focus-trap",
|
|
324
|
+
"type": {
|
|
325
|
+
"text": "boolean"
|
|
326
|
+
},
|
|
327
|
+
"description": "When true, opening the overlay moves focus to the first focusable child,\nor to the overlay part with tabindex if there are no focusable children.",
|
|
328
|
+
"fieldName": "focusTrap",
|
|
329
|
+
"inheritedFrom": {
|
|
330
|
+
"name": "OverlayFocusMixin",
|
|
331
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
332
|
+
}
|
|
333
|
+
},
|
|
334
|
+
{
|
|
335
|
+
"name": "hidden",
|
|
336
|
+
"type": {
|
|
337
|
+
"text": "boolean"
|
|
338
|
+
},
|
|
339
|
+
"description": "When set to true, the overlay is hidden. This also closes the overlay\nimmediately in case there is a closing animation in progress.",
|
|
340
|
+
"fieldName": "hidden",
|
|
341
|
+
"inheritedFrom": {
|
|
342
|
+
"name": "OverlayMixin",
|
|
343
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
344
|
+
}
|
|
345
|
+
},
|
|
346
|
+
{
|
|
347
|
+
"name": "horizontal-align",
|
|
348
|
+
"type": {
|
|
349
|
+
"text": "string"
|
|
350
|
+
},
|
|
351
|
+
"description": "When `positionTarget` is set, this property defines whether to align the overlay's\nleft or right side to the target element by default.\nPossible values are `start` and `end`.\nRTL is taken into account when interpreting the value.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
|
|
352
|
+
"fieldName": "horizontalAlign",
|
|
353
|
+
"inheritedFrom": {
|
|
354
|
+
"name": "PositionMixin",
|
|
355
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
356
|
+
}
|
|
357
|
+
},
|
|
358
|
+
{
|
|
359
|
+
"name": "modeless",
|
|
360
|
+
"type": {
|
|
361
|
+
"text": "boolean"
|
|
362
|
+
},
|
|
363
|
+
"description": "When true the overlay won't disable the main content, showing\nit doesn't change the functionality of the user interface.",
|
|
364
|
+
"fieldName": "modeless",
|
|
365
|
+
"inheritedFrom": {
|
|
366
|
+
"name": "OverlayMixin",
|
|
367
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
368
|
+
}
|
|
369
|
+
},
|
|
370
|
+
{
|
|
371
|
+
"name": "no-horizontal-overlap",
|
|
372
|
+
"type": {
|
|
373
|
+
"text": "boolean"
|
|
374
|
+
},
|
|
375
|
+
"description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the x-axis, or be positioned right next to it.",
|
|
376
|
+
"fieldName": "noHorizontalOverlap",
|
|
377
|
+
"inheritedFrom": {
|
|
378
|
+
"name": "PositionMixin",
|
|
379
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
380
|
+
}
|
|
381
|
+
},
|
|
382
|
+
{
|
|
383
|
+
"name": "no-vertical-overlap",
|
|
384
|
+
"type": {
|
|
385
|
+
"text": "boolean"
|
|
386
|
+
},
|
|
387
|
+
"description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the y-axis, or be positioned right above/below it.",
|
|
388
|
+
"fieldName": "noVerticalOverlap",
|
|
389
|
+
"inheritedFrom": {
|
|
390
|
+
"name": "PositionMixin",
|
|
391
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
392
|
+
}
|
|
393
|
+
},
|
|
394
|
+
{
|
|
395
|
+
"name": "opened",
|
|
396
|
+
"type": {
|
|
397
|
+
"text": "boolean"
|
|
398
|
+
},
|
|
399
|
+
"description": "When true, the overlay is visible and attached to body.",
|
|
400
|
+
"fieldName": "opened",
|
|
401
|
+
"inheritedFrom": {
|
|
402
|
+
"name": "OverlayMixin",
|
|
403
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
404
|
+
}
|
|
405
|
+
},
|
|
406
|
+
{
|
|
407
|
+
"name": "owner",
|
|
408
|
+
"type": {
|
|
409
|
+
"text": "HTMLElement"
|
|
410
|
+
},
|
|
411
|
+
"description": "Owner element passed with renderer function",
|
|
412
|
+
"fieldName": "owner",
|
|
413
|
+
"inheritedFrom": {
|
|
414
|
+
"name": "OverlayMixin",
|
|
415
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
416
|
+
}
|
|
417
|
+
},
|
|
418
|
+
{
|
|
419
|
+
"name": "position",
|
|
420
|
+
"type": {
|
|
421
|
+
"text": "string"
|
|
422
|
+
},
|
|
423
|
+
"fieldName": "position"
|
|
424
|
+
},
|
|
425
|
+
{
|
|
426
|
+
"name": "renderer",
|
|
427
|
+
"type": {
|
|
428
|
+
"text": "OverlayRenderer | null | undefined"
|
|
429
|
+
},
|
|
430
|
+
"description": "Custom function for rendering the content of the overlay.\nReceives three arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `owner` The host element of the renderer function.\n- `model` The object with the properties related with rendering.",
|
|
431
|
+
"fieldName": "renderer",
|
|
432
|
+
"inheritedFrom": {
|
|
433
|
+
"name": "OverlayMixin",
|
|
434
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
435
|
+
}
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"name": "required-vertical-space",
|
|
439
|
+
"type": {
|
|
440
|
+
"text": "number"
|
|
441
|
+
},
|
|
442
|
+
"description": "If the overlay content has no intrinsic height, this property can be used to set\nthe minimum vertical space (in pixels) required by the overlay. Setting a value to\nthe property effectively disables the content measurement in favor of using this\nfixed value for determining the open direction.",
|
|
443
|
+
"fieldName": "requiredVerticalSpace",
|
|
444
|
+
"inheritedFrom": {
|
|
445
|
+
"name": "PositionMixin",
|
|
446
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
447
|
+
}
|
|
448
|
+
},
|
|
449
|
+
{
|
|
450
|
+
"name": "restore-focus-node",
|
|
451
|
+
"type": {
|
|
452
|
+
"text": "HTMLElement"
|
|
453
|
+
},
|
|
454
|
+
"description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
|
|
455
|
+
"fieldName": "restoreFocusNode",
|
|
456
|
+
"inheritedFrom": {
|
|
457
|
+
"name": "OverlayFocusMixin",
|
|
458
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
459
|
+
}
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"name": "restore-focus-on-close",
|
|
463
|
+
"type": {
|
|
464
|
+
"text": "boolean"
|
|
465
|
+
},
|
|
466
|
+
"description": "Set to true to enable restoring of focus when overlay is closed.",
|
|
467
|
+
"fieldName": "restoreFocusOnClose",
|
|
468
|
+
"inheritedFrom": {
|
|
469
|
+
"name": "OverlayFocusMixin",
|
|
470
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
471
|
+
}
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"name": "vertical-align",
|
|
475
|
+
"type": {
|
|
476
|
+
"text": "string"
|
|
477
|
+
},
|
|
478
|
+
"description": "When `positionTarget` is set, this property defines whether to align the overlay's\ntop or bottom side to the target element by default.\nPossible values are `top` and `bottom`.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
|
|
479
|
+
"fieldName": "verticalAlign",
|
|
480
|
+
"inheritedFrom": {
|
|
481
|
+
"name": "PositionMixin",
|
|
482
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
483
|
+
}
|
|
484
|
+
},
|
|
485
|
+
{
|
|
486
|
+
"name": "with-backdrop",
|
|
487
|
+
"type": {
|
|
488
|
+
"text": "boolean"
|
|
489
|
+
},
|
|
490
|
+
"description": "When true the overlay has backdrop on top of content when opened.",
|
|
491
|
+
"fieldName": "withBackdrop",
|
|
492
|
+
"inheritedFrom": {
|
|
493
|
+
"name": "OverlayMixin",
|
|
494
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
495
|
+
}
|
|
496
|
+
}
|
|
497
|
+
],
|
|
498
|
+
"mixins": [
|
|
499
|
+
{
|
|
500
|
+
"name": "PositionMixin",
|
|
501
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
"name": "OverlayMixin",
|
|
505
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
506
|
+
}
|
|
507
|
+
],
|
|
508
|
+
"parameters": [
|
|
509
|
+
{
|
|
510
|
+
"name": "superClass"
|
|
511
|
+
}
|
|
512
|
+
],
|
|
513
|
+
"events": [
|
|
514
|
+
{
|
|
515
|
+
"name": "vaadin-overlay-closed",
|
|
516
|
+
"type": {
|
|
517
|
+
"text": "CustomEvent"
|
|
518
|
+
},
|
|
519
|
+
"inheritedFrom": {
|
|
520
|
+
"name": "OverlayMixin",
|
|
521
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
522
|
+
}
|
|
523
|
+
},
|
|
524
|
+
{
|
|
525
|
+
"name": "vaadin-overlay-closing",
|
|
526
|
+
"type": {
|
|
527
|
+
"text": "CustomEvent"
|
|
528
|
+
},
|
|
529
|
+
"inheritedFrom": {
|
|
530
|
+
"name": "OverlayMixin",
|
|
531
|
+
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
532
|
+
}
|
|
533
|
+
}
|
|
534
|
+
]
|
|
535
|
+
}
|
|
536
|
+
],
|
|
537
|
+
"exports": [
|
|
538
|
+
{
|
|
539
|
+
"kind": "js",
|
|
540
|
+
"name": "PopoverOverlayMixin",
|
|
541
|
+
"declaration": {
|
|
542
|
+
"name": "PopoverOverlayMixin",
|
|
543
|
+
"module": "src/vaadin-popover-overlay-mixin.js"
|
|
544
|
+
}
|
|
545
|
+
}
|
|
546
|
+
]
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"kind": "javascript-module",
|
|
550
|
+
"path": "src/vaadin-popover-overlay.js",
|
|
551
|
+
"declarations": [],
|
|
552
|
+
"exports": []
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"kind": "javascript-module",
|
|
556
|
+
"path": "src/vaadin-popover-position-mixin.js",
|
|
557
|
+
"declarations": [
|
|
558
|
+
{
|
|
559
|
+
"kind": "mixin",
|
|
560
|
+
"description": "A mixin providing popover position functionality.",
|
|
561
|
+
"name": "PopoverPositionMixin",
|
|
562
|
+
"members": [
|
|
563
|
+
{
|
|
564
|
+
"kind": "field",
|
|
565
|
+
"name": "position",
|
|
566
|
+
"privacy": "public",
|
|
567
|
+
"type": {
|
|
568
|
+
"text": "string"
|
|
569
|
+
},
|
|
570
|
+
"description": "Position of the overlay with respect to the target.\nSupported values: `top-start`, `top`, `top-end`,\n`bottom-start`, `bottom`, `bottom-end`, `start-top`,\n`start`, `start-bottom`, `end-top`, `end`, `end-bottom`.",
|
|
571
|
+
"attribute": "position"
|
|
572
|
+
}
|
|
573
|
+
],
|
|
574
|
+
"attributes": [
|
|
575
|
+
{
|
|
576
|
+
"name": "position",
|
|
577
|
+
"type": {
|
|
578
|
+
"text": "string"
|
|
579
|
+
},
|
|
580
|
+
"description": "Position of the overlay with respect to the target.\nSupported values: `top-start`, `top`, `top-end`,\n`bottom-start`, `bottom`, `bottom-end`, `start-top`,\n`start`, `start-bottom`, `end-top`, `end`, `end-bottom`.",
|
|
581
|
+
"fieldName": "position"
|
|
582
|
+
}
|
|
583
|
+
],
|
|
584
|
+
"parameters": [
|
|
585
|
+
{
|
|
586
|
+
"name": "superClass"
|
|
587
|
+
}
|
|
588
|
+
]
|
|
589
|
+
}
|
|
590
|
+
],
|
|
591
|
+
"exports": [
|
|
592
|
+
{
|
|
593
|
+
"kind": "js",
|
|
594
|
+
"name": "PopoverPositionMixin",
|
|
595
|
+
"declaration": {
|
|
596
|
+
"name": "PopoverPositionMixin",
|
|
597
|
+
"module": "src/vaadin-popover-position-mixin.js"
|
|
598
|
+
}
|
|
599
|
+
}
|
|
600
|
+
]
|
|
601
|
+
},
|
|
602
|
+
{
|
|
603
|
+
"kind": "javascript-module",
|
|
604
|
+
"path": "src/vaadin-popover-target-mixin.js",
|
|
605
|
+
"declarations": [
|
|
606
|
+
{
|
|
607
|
+
"kind": "mixin",
|
|
608
|
+
"description": "A mixin providing popover target functionality.",
|
|
609
|
+
"name": "PopoverTargetMixin",
|
|
610
|
+
"members": [
|
|
611
|
+
{
|
|
612
|
+
"kind": "field",
|
|
613
|
+
"name": "for",
|
|
614
|
+
"privacy": "public",
|
|
615
|
+
"type": {
|
|
616
|
+
"text": "string"
|
|
617
|
+
},
|
|
618
|
+
"description": "The id of the element to be used as `target` value.\nThe element should be in the DOM by the time when\nthe attribute is set, otherwise a warning is shown.",
|
|
619
|
+
"attribute": "for"
|
|
620
|
+
},
|
|
621
|
+
{
|
|
622
|
+
"kind": "field",
|
|
623
|
+
"name": "target",
|
|
624
|
+
"privacy": "public",
|
|
625
|
+
"type": {
|
|
626
|
+
"text": "object"
|
|
627
|
+
},
|
|
628
|
+
"description": "Reference to the DOM element used both to trigger the overlay\nby user interaction and to visually position it on the screen.\n\nDefaults to an element referenced with `for` attribute, in\nwhich case it must be located in the same shadow scope.",
|
|
629
|
+
"attribute": "target"
|
|
630
|
+
}
|
|
631
|
+
],
|
|
632
|
+
"attributes": [
|
|
633
|
+
{
|
|
634
|
+
"name": "for",
|
|
635
|
+
"type": {
|
|
636
|
+
"text": "string"
|
|
637
|
+
},
|
|
638
|
+
"description": "The id of the element to be used as `target` value.\nThe element should be in the DOM by the time when\nthe attribute is set, otherwise a warning is shown.",
|
|
639
|
+
"fieldName": "for"
|
|
640
|
+
}
|
|
641
|
+
],
|
|
642
|
+
"parameters": [
|
|
643
|
+
{
|
|
644
|
+
"name": "superClass"
|
|
645
|
+
}
|
|
646
|
+
]
|
|
647
|
+
}
|
|
648
|
+
],
|
|
649
|
+
"exports": [
|
|
650
|
+
{
|
|
651
|
+
"kind": "js",
|
|
652
|
+
"name": "PopoverTargetMixin",
|
|
653
|
+
"declaration": {
|
|
654
|
+
"name": "PopoverTargetMixin",
|
|
655
|
+
"module": "src/vaadin-popover-target-mixin.js"
|
|
656
|
+
}
|
|
657
|
+
}
|
|
658
|
+
]
|
|
659
|
+
},
|
|
660
|
+
{
|
|
661
|
+
"kind": "javascript-module",
|
|
662
|
+
"path": "src/vaadin-popover.js",
|
|
663
|
+
"declarations": [
|
|
664
|
+
{
|
|
665
|
+
"kind": "class",
|
|
666
|
+
"description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-inset` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
667
|
+
"name": "Popover",
|
|
668
|
+
"members": [
|
|
669
|
+
{
|
|
670
|
+
"kind": "field",
|
|
671
|
+
"name": "accessibleName",
|
|
672
|
+
"privacy": "public",
|
|
673
|
+
"type": {
|
|
674
|
+
"text": "string"
|
|
675
|
+
},
|
|
676
|
+
"description": "String used to label the popover to screen reader users.",
|
|
677
|
+
"deprecated": "Use `aria-label` attribute on the popover instead",
|
|
678
|
+
"attribute": "accessible-name"
|
|
679
|
+
},
|
|
680
|
+
{
|
|
681
|
+
"kind": "field",
|
|
682
|
+
"name": "accessibleNameRef",
|
|
683
|
+
"privacy": "public",
|
|
684
|
+
"type": {
|
|
685
|
+
"text": "string"
|
|
686
|
+
},
|
|
687
|
+
"description": "Id of the element used as label of the popover to screen reader users.",
|
|
688
|
+
"deprecated": "Use `aria-labelledby` attribute on the popover instead",
|
|
689
|
+
"attribute": "accessible-name-ref"
|
|
690
|
+
},
|
|
691
|
+
{
|
|
692
|
+
"kind": "field",
|
|
693
|
+
"name": "autofocus",
|
|
694
|
+
"privacy": "public",
|
|
695
|
+
"type": {
|
|
696
|
+
"text": "boolean"
|
|
697
|
+
},
|
|
698
|
+
"description": "When true, the popover content automatically receives focus after\nit is opened. Modal popovers use this behavior by default.",
|
|
699
|
+
"attribute": "autofocus"
|
|
700
|
+
},
|
|
701
|
+
{
|
|
702
|
+
"kind": "field",
|
|
703
|
+
"name": "focusDelay",
|
|
704
|
+
"privacy": "public",
|
|
705
|
+
"type": {
|
|
706
|
+
"text": "number"
|
|
707
|
+
},
|
|
708
|
+
"description": "The delay in milliseconds before the popover is opened\non focus when the corresponding trigger is used.\n\nWhen not specified, the global default (500ms) is used.",
|
|
709
|
+
"attribute": "focus-delay"
|
|
710
|
+
},
|
|
711
|
+
{
|
|
712
|
+
"kind": "field",
|
|
713
|
+
"name": "for",
|
|
714
|
+
"privacy": "public",
|
|
715
|
+
"type": {
|
|
716
|
+
"text": "string"
|
|
717
|
+
},
|
|
718
|
+
"description": "The id of the element to be used as `target` value.\nThe element should be in the DOM by the time when\nthe attribute is set, otherwise a warning is shown.",
|
|
719
|
+
"attribute": "for",
|
|
720
|
+
"inheritedFrom": {
|
|
721
|
+
"name": "PopoverTargetMixin",
|
|
722
|
+
"module": "src/vaadin-popover-target-mixin.js"
|
|
723
|
+
}
|
|
724
|
+
},
|
|
725
|
+
{
|
|
726
|
+
"kind": "field",
|
|
727
|
+
"name": "height",
|
|
728
|
+
"privacy": "public",
|
|
729
|
+
"type": {
|
|
730
|
+
"text": "string"
|
|
731
|
+
},
|
|
732
|
+
"description": "Set the height of the popover.\nIf a unitless number is provided, pixels are assumed.",
|
|
733
|
+
"attribute": "height"
|
|
734
|
+
},
|
|
735
|
+
{
|
|
736
|
+
"kind": "field",
|
|
737
|
+
"name": "hideDelay",
|
|
738
|
+
"privacy": "public",
|
|
739
|
+
"type": {
|
|
740
|
+
"text": "number"
|
|
741
|
+
},
|
|
742
|
+
"description": "The delay in milliseconds before the popover is closed\non losing hover, when the corresponding trigger is used.\nOn blur, the popover is closed immediately.\n\nWhen not specified, the global default (500ms) is used.",
|
|
743
|
+
"attribute": "hide-delay"
|
|
744
|
+
},
|
|
745
|
+
{
|
|
746
|
+
"kind": "field",
|
|
747
|
+
"name": "hoverDelay",
|
|
748
|
+
"privacy": "public",
|
|
749
|
+
"type": {
|
|
750
|
+
"text": "number"
|
|
751
|
+
},
|
|
752
|
+
"description": "The delay in milliseconds before the popover is opened\non hover when the corresponding trigger is used.\n\nWhen not specified, the global default (500ms) is used.",
|
|
753
|
+
"attribute": "hover-delay"
|
|
754
|
+
},
|
|
755
|
+
{
|
|
756
|
+
"kind": "field",
|
|
757
|
+
"name": "modal",
|
|
758
|
+
"privacy": "public",
|
|
759
|
+
"type": {
|
|
760
|
+
"text": "boolean"
|
|
761
|
+
},
|
|
762
|
+
"description": "When true, the popover prevents interacting with background elements\nby setting `pointer-events` style on the document body to `none`.\nThis also enables trapping focus inside the popover.",
|
|
763
|
+
"attribute": "modal"
|
|
764
|
+
},
|
|
765
|
+
{
|
|
766
|
+
"kind": "field",
|
|
767
|
+
"name": "noCloseOnEsc",
|
|
768
|
+
"privacy": "public",
|
|
769
|
+
"type": {
|
|
770
|
+
"text": "boolean"
|
|
771
|
+
},
|
|
772
|
+
"description": "Set to true to disable closing popover on Escape press.",
|
|
773
|
+
"attribute": "no-close-on-esc"
|
|
774
|
+
},
|
|
775
|
+
{
|
|
776
|
+
"kind": "field",
|
|
777
|
+
"name": "noCloseOnOutsideClick",
|
|
778
|
+
"privacy": "public",
|
|
779
|
+
"type": {
|
|
780
|
+
"text": "boolean"
|
|
781
|
+
},
|
|
782
|
+
"description": "Set to true to disable closing popover on outside click.",
|
|
783
|
+
"attribute": "no-close-on-outside-click"
|
|
784
|
+
},
|
|
785
|
+
{
|
|
786
|
+
"kind": "field",
|
|
787
|
+
"name": "opened",
|
|
788
|
+
"privacy": "public",
|
|
789
|
+
"type": {
|
|
790
|
+
"text": "boolean"
|
|
791
|
+
},
|
|
792
|
+
"description": "True if the popover is visible and available for interaction.",
|
|
793
|
+
"attribute": "opened"
|
|
794
|
+
},
|
|
795
|
+
{
|
|
796
|
+
"kind": "field",
|
|
797
|
+
"name": "overlayRole",
|
|
798
|
+
"privacy": "public",
|
|
799
|
+
"type": {
|
|
800
|
+
"text": "string"
|
|
801
|
+
},
|
|
802
|
+
"description": "The `role` attribute value to be set on the popover.",
|
|
803
|
+
"deprecated": "Use standard `role` attribute on the popover instead",
|
|
804
|
+
"attribute": "overlay-role"
|
|
805
|
+
},
|
|
806
|
+
{
|
|
807
|
+
"kind": "field",
|
|
808
|
+
"name": "position",
|
|
809
|
+
"privacy": "public",
|
|
810
|
+
"type": {
|
|
811
|
+
"text": "string"
|
|
812
|
+
},
|
|
813
|
+
"description": "Position of the overlay with respect to the target.\nSupported values: `top-start`, `top`, `top-end`,\n`bottom-start`, `bottom`, `bottom-end`, `start-top`,\n`start`, `start-bottom`, `end-top`, `end`, `end-bottom`.",
|
|
814
|
+
"attribute": "position",
|
|
815
|
+
"inheritedFrom": {
|
|
816
|
+
"name": "PopoverPositionMixin",
|
|
817
|
+
"module": "src/vaadin-popover-position-mixin.js"
|
|
818
|
+
}
|
|
819
|
+
},
|
|
820
|
+
{
|
|
821
|
+
"kind": "field",
|
|
822
|
+
"name": "renderer",
|
|
823
|
+
"privacy": "public",
|
|
824
|
+
"type": {
|
|
825
|
+
"text": "object"
|
|
826
|
+
},
|
|
827
|
+
"description": "Custom function for rendering the content of the popover.\nReceives two arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `popover` The reference to the `vaadin-popover` element.",
|
|
828
|
+
"deprecated": "Use the content in the `vaadin-popover` via default slot",
|
|
829
|
+
"attribute": "renderer"
|
|
830
|
+
},
|
|
831
|
+
{
|
|
832
|
+
"kind": "method",
|
|
833
|
+
"name": "requestContentUpdate",
|
|
834
|
+
"description": "Requests an update for the content of the popover.\nWhile performing the update, it invokes the renderer passed in the `renderer` property.\n\nIt is not guaranteed that the update happens immediately (synchronously) after it is requested.",
|
|
835
|
+
"deprecated": "Add content elements as children of the popover using default slot"
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"kind": "field",
|
|
839
|
+
"name": "role",
|
|
840
|
+
"privacy": "public",
|
|
841
|
+
"type": {
|
|
842
|
+
"text": "string"
|
|
843
|
+
},
|
|
844
|
+
"description": "The `role` attribute value to be set on the popover.\nWhen not specified, defaults to 'dialog'.",
|
|
845
|
+
"attribute": "role"
|
|
846
|
+
},
|
|
847
|
+
{
|
|
848
|
+
"kind": "method",
|
|
849
|
+
"name": "setDefaultFocusDelay",
|
|
850
|
+
"static": true,
|
|
851
|
+
"parameters": [
|
|
852
|
+
{
|
|
853
|
+
"name": "focusDelay",
|
|
854
|
+
"type": {
|
|
855
|
+
"text": "number"
|
|
856
|
+
}
|
|
857
|
+
}
|
|
858
|
+
],
|
|
859
|
+
"description": "Sets the default focus delay to be used by all popover instances,\nexcept for those that have focus delay configured using property."
|
|
860
|
+
},
|
|
861
|
+
{
|
|
862
|
+
"kind": "method",
|
|
863
|
+
"name": "setDefaultHideDelay",
|
|
864
|
+
"static": true,
|
|
865
|
+
"parameters": [
|
|
866
|
+
{
|
|
867
|
+
"name": "hideDelay",
|
|
868
|
+
"type": {
|
|
869
|
+
"text": "number"
|
|
870
|
+
}
|
|
871
|
+
}
|
|
872
|
+
],
|
|
873
|
+
"description": "Sets the default hide delay to be used by all popover instances,\nexcept for those that have hide delay configured using property."
|
|
874
|
+
},
|
|
875
|
+
{
|
|
876
|
+
"kind": "method",
|
|
877
|
+
"name": "setDefaultHoverDelay",
|
|
878
|
+
"static": true,
|
|
879
|
+
"parameters": [
|
|
880
|
+
{
|
|
881
|
+
"name": "hoverDelay",
|
|
882
|
+
"type": {
|
|
883
|
+
"text": "number"
|
|
884
|
+
}
|
|
885
|
+
}
|
|
886
|
+
],
|
|
887
|
+
"description": "Sets the default hover delay to be used by all popover instances,\nexcept for those that have hover delay configured using property."
|
|
888
|
+
},
|
|
889
|
+
{
|
|
890
|
+
"kind": "field",
|
|
891
|
+
"name": "target",
|
|
892
|
+
"privacy": "public",
|
|
893
|
+
"type": {
|
|
894
|
+
"text": "object"
|
|
895
|
+
},
|
|
896
|
+
"description": "Reference to the DOM element used both to trigger the overlay\nby user interaction and to visually position it on the screen.\n\nDefaults to an element referenced with `for` attribute, in\nwhich case it must be located in the same shadow scope.",
|
|
897
|
+
"attribute": "target",
|
|
898
|
+
"inheritedFrom": {
|
|
899
|
+
"name": "PopoverTargetMixin",
|
|
900
|
+
"module": "src/vaadin-popover-target-mixin.js"
|
|
901
|
+
}
|
|
902
|
+
},
|
|
903
|
+
{
|
|
904
|
+
"kind": "field",
|
|
905
|
+
"name": "trigger",
|
|
906
|
+
"privacy": "public",
|
|
907
|
+
"type": {
|
|
908
|
+
"text": "array"
|
|
909
|
+
},
|
|
910
|
+
"description": "Popover trigger mode, used to configure how the popover is opened or closed.\nCould be set to multiple by providing an array, e.g. `trigger = ['hover', 'focus']`.\n\nSupported values:\n- `click` (default) - opens and closes on target click.\n- `hover` - opens on target mouseenter, closes on target mouseleave. Moving mouse\nto the popover content keeps the popover opened.\n- `focus` - opens on target focus, closes on target blur. Moving focus to the\npopover content keeps the popover opened.\n\nIn addition to the behavior specified by `trigger`, the popover can be closed by:\n- pressing Escape key (unless `noCloseOnEsc` property is true)\n- outside click (unless `noCloseOnOutsideClick` property is true)\n\nWhen setting `trigger` property to `null`, `undefined` or empty array, the popover\ncan be only opened programmatically by changing `opened` property. Note, closing\non Escape press or outside click is still allowed unless explicitly disabled.",
|
|
911
|
+
"attribute": "trigger"
|
|
912
|
+
},
|
|
913
|
+
{
|
|
914
|
+
"kind": "field",
|
|
915
|
+
"name": "width",
|
|
916
|
+
"privacy": "public",
|
|
917
|
+
"type": {
|
|
918
|
+
"text": "string"
|
|
919
|
+
},
|
|
920
|
+
"description": "Set the width of the popover.\nIf a unitless number is provided, pixels are assumed.",
|
|
921
|
+
"attribute": "width"
|
|
922
|
+
},
|
|
923
|
+
{
|
|
924
|
+
"kind": "field",
|
|
925
|
+
"name": "withBackdrop",
|
|
926
|
+
"privacy": "public",
|
|
927
|
+
"type": {
|
|
928
|
+
"text": "boolean"
|
|
929
|
+
},
|
|
930
|
+
"description": "When true, the popover has a backdrop (modality curtain) on top of the\nunderlying page content, covering the whole viewport.",
|
|
931
|
+
"attribute": "with-backdrop"
|
|
932
|
+
}
|
|
933
|
+
],
|
|
934
|
+
"events": [
|
|
935
|
+
{
|
|
936
|
+
"name": "closed",
|
|
937
|
+
"type": {
|
|
938
|
+
"text": "CustomEvent"
|
|
939
|
+
},
|
|
940
|
+
"description": "Fired when the popover is closed."
|
|
941
|
+
},
|
|
942
|
+
{
|
|
943
|
+
"type": {
|
|
944
|
+
"text": "CustomEvent"
|
|
945
|
+
},
|
|
946
|
+
"description": "Fired when the `opened` property changes.",
|
|
947
|
+
"name": "opened-changed"
|
|
948
|
+
}
|
|
949
|
+
],
|
|
950
|
+
"attributes": [
|
|
951
|
+
{
|
|
952
|
+
"name": "accessible-name",
|
|
953
|
+
"type": {
|
|
954
|
+
"text": "string"
|
|
955
|
+
},
|
|
956
|
+
"description": "String used to label the popover to screen reader users.",
|
|
957
|
+
"deprecated": "Use `aria-label` attribute on the popover instead",
|
|
958
|
+
"fieldName": "accessibleName"
|
|
959
|
+
},
|
|
960
|
+
{
|
|
961
|
+
"name": "accessible-name-ref",
|
|
962
|
+
"type": {
|
|
963
|
+
"text": "string"
|
|
964
|
+
},
|
|
965
|
+
"description": "Id of the element used as label of the popover to screen reader users.",
|
|
966
|
+
"deprecated": "Use `aria-labelledby` attribute on the popover instead",
|
|
967
|
+
"fieldName": "accessibleNameRef"
|
|
968
|
+
},
|
|
969
|
+
{
|
|
970
|
+
"name": "autofocus",
|
|
971
|
+
"type": {
|
|
972
|
+
"text": "boolean"
|
|
973
|
+
},
|
|
974
|
+
"description": "When true, the popover content automatically receives focus after\nit is opened. Modal popovers use this behavior by default.",
|
|
975
|
+
"fieldName": "autofocus"
|
|
976
|
+
},
|
|
977
|
+
{
|
|
978
|
+
"name": "focus-delay",
|
|
979
|
+
"type": {
|
|
980
|
+
"text": "number"
|
|
981
|
+
},
|
|
982
|
+
"description": "The delay in milliseconds before the popover is opened\non focus when the corresponding trigger is used.\n\nWhen not specified, the global default (500ms) is used.",
|
|
983
|
+
"fieldName": "focusDelay"
|
|
984
|
+
},
|
|
985
|
+
{
|
|
986
|
+
"name": "for",
|
|
987
|
+
"type": {
|
|
988
|
+
"text": "string"
|
|
989
|
+
},
|
|
990
|
+
"description": "The id of the element to be used as `target` value.\nThe element should be in the DOM by the time when\nthe attribute is set, otherwise a warning is shown.",
|
|
991
|
+
"fieldName": "for",
|
|
992
|
+
"inheritedFrom": {
|
|
993
|
+
"name": "PopoverTargetMixin",
|
|
994
|
+
"module": "src/vaadin-popover-target-mixin.js"
|
|
995
|
+
}
|
|
996
|
+
},
|
|
997
|
+
{
|
|
998
|
+
"name": "height",
|
|
999
|
+
"type": {
|
|
1000
|
+
"text": "string"
|
|
1001
|
+
},
|
|
1002
|
+
"description": "Set the height of the popover.\nIf a unitless number is provided, pixels are assumed.",
|
|
1003
|
+
"fieldName": "height"
|
|
1004
|
+
},
|
|
1005
|
+
{
|
|
1006
|
+
"name": "hide-delay",
|
|
1007
|
+
"type": {
|
|
1008
|
+
"text": "number"
|
|
1009
|
+
},
|
|
1010
|
+
"description": "The delay in milliseconds before the popover is closed\non losing hover, when the corresponding trigger is used.\nOn blur, the popover is closed immediately.\n\nWhen not specified, the global default (500ms) is used.",
|
|
1011
|
+
"fieldName": "hideDelay"
|
|
1012
|
+
},
|
|
1013
|
+
{
|
|
1014
|
+
"name": "hover-delay",
|
|
1015
|
+
"type": {
|
|
1016
|
+
"text": "number"
|
|
1017
|
+
},
|
|
1018
|
+
"description": "The delay in milliseconds before the popover is opened\non hover when the corresponding trigger is used.\n\nWhen not specified, the global default (500ms) is used.",
|
|
1019
|
+
"fieldName": "hoverDelay"
|
|
1020
|
+
},
|
|
1021
|
+
{
|
|
1022
|
+
"name": "modal",
|
|
1023
|
+
"type": {
|
|
1024
|
+
"text": "boolean"
|
|
1025
|
+
},
|
|
1026
|
+
"description": "When true, the popover prevents interacting with background elements\nby setting `pointer-events` style on the document body to `none`.\nThis also enables trapping focus inside the popover.",
|
|
1027
|
+
"fieldName": "modal"
|
|
1028
|
+
},
|
|
1029
|
+
{
|
|
1030
|
+
"name": "no-close-on-esc",
|
|
1031
|
+
"type": {
|
|
1032
|
+
"text": "boolean"
|
|
1033
|
+
},
|
|
1034
|
+
"description": "Set to true to disable closing popover on Escape press.",
|
|
1035
|
+
"fieldName": "noCloseOnEsc"
|
|
1036
|
+
},
|
|
1037
|
+
{
|
|
1038
|
+
"name": "no-close-on-outside-click",
|
|
1039
|
+
"type": {
|
|
1040
|
+
"text": "boolean"
|
|
1041
|
+
},
|
|
1042
|
+
"description": "Set to true to disable closing popover on outside click.",
|
|
1043
|
+
"fieldName": "noCloseOnOutsideClick"
|
|
1044
|
+
},
|
|
1045
|
+
{
|
|
1046
|
+
"name": "opened",
|
|
1047
|
+
"type": {
|
|
1048
|
+
"text": "boolean"
|
|
1049
|
+
},
|
|
1050
|
+
"description": "True if the popover is visible and available for interaction.",
|
|
1051
|
+
"fieldName": "opened"
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"name": "overlay-role",
|
|
1055
|
+
"type": {
|
|
1056
|
+
"text": "string"
|
|
1057
|
+
},
|
|
1058
|
+
"description": "The `role` attribute value to be set on the popover.",
|
|
1059
|
+
"deprecated": "Use standard `role` attribute on the popover instead",
|
|
1060
|
+
"fieldName": "overlayRole"
|
|
1061
|
+
},
|
|
1062
|
+
{
|
|
1063
|
+
"name": "position",
|
|
1064
|
+
"type": {
|
|
1065
|
+
"text": "string"
|
|
1066
|
+
},
|
|
1067
|
+
"description": "Position of the overlay with respect to the target.\nSupported values: `top-start`, `top`, `top-end`,\n`bottom-start`, `bottom`, `bottom-end`, `start-top`,\n`start`, `start-bottom`, `end-top`, `end`, `end-bottom`.",
|
|
1068
|
+
"fieldName": "position",
|
|
1069
|
+
"inheritedFrom": {
|
|
1070
|
+
"name": "PopoverPositionMixin",
|
|
1071
|
+
"module": "src/vaadin-popover-position-mixin.js"
|
|
1072
|
+
}
|
|
1073
|
+
},
|
|
1074
|
+
{
|
|
1075
|
+
"name": "role",
|
|
1076
|
+
"type": {
|
|
1077
|
+
"text": "string"
|
|
1078
|
+
},
|
|
1079
|
+
"description": "The `role` attribute value to be set on the popover.\nWhen not specified, defaults to 'dialog'.",
|
|
1080
|
+
"fieldName": "role"
|
|
1081
|
+
},
|
|
1082
|
+
{
|
|
1083
|
+
"name": "trigger",
|
|
1084
|
+
"type": {
|
|
1085
|
+
"text": "array"
|
|
1086
|
+
},
|
|
1087
|
+
"description": "Popover trigger mode, used to configure how the popover is opened or closed.\nCould be set to multiple by providing an array, e.g. `trigger = ['hover', 'focus']`.\n\nSupported values:\n- `click` (default) - opens and closes on target click.\n- `hover` - opens on target mouseenter, closes on target mouseleave. Moving mouse\nto the popover content keeps the popover opened.\n- `focus` - opens on target focus, closes on target blur. Moving focus to the\npopover content keeps the popover opened.\n\nIn addition to the behavior specified by `trigger`, the popover can be closed by:\n- pressing Escape key (unless `noCloseOnEsc` property is true)\n- outside click (unless `noCloseOnOutsideClick` property is true)\n\nWhen setting `trigger` property to `null`, `undefined` or empty array, the popover\ncan be only opened programmatically by changing `opened` property. Note, closing\non Escape press or outside click is still allowed unless explicitly disabled.",
|
|
1088
|
+
"fieldName": "trigger"
|
|
1089
|
+
},
|
|
1090
|
+
{
|
|
1091
|
+
"name": "width",
|
|
1092
|
+
"type": {
|
|
1093
|
+
"text": "string"
|
|
1094
|
+
},
|
|
1095
|
+
"description": "Set the width of the popover.\nIf a unitless number is provided, pixels are assumed.",
|
|
1096
|
+
"fieldName": "width"
|
|
1097
|
+
},
|
|
1098
|
+
{
|
|
1099
|
+
"name": "with-backdrop",
|
|
1100
|
+
"type": {
|
|
1101
|
+
"text": "boolean"
|
|
1102
|
+
},
|
|
1103
|
+
"description": "When true, the popover has a backdrop (modality curtain) on top of the\nunderlying page content, covering the whole viewport.",
|
|
1104
|
+
"fieldName": "withBackdrop"
|
|
1105
|
+
}
|
|
1106
|
+
],
|
|
1107
|
+
"mixins": [
|
|
1108
|
+
{
|
|
1109
|
+
"name": "PopoverPositionMixin",
|
|
1110
|
+
"module": "src/vaadin-popover-position-mixin.js"
|
|
1111
|
+
},
|
|
1112
|
+
{
|
|
1113
|
+
"name": "PopoverTargetMixin",
|
|
1114
|
+
"module": "src/vaadin-popover-target-mixin.js"
|
|
1115
|
+
},
|
|
1116
|
+
{
|
|
1117
|
+
"name": "ThemePropertyMixin",
|
|
1118
|
+
"package": "@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js"
|
|
1119
|
+
},
|
|
1120
|
+
{
|
|
1121
|
+
"name": "ElementMixin",
|
|
1122
|
+
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
1123
|
+
},
|
|
1124
|
+
{
|
|
1125
|
+
"name": "PolylitMixin",
|
|
1126
|
+
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
1127
|
+
}
|
|
1128
|
+
],
|
|
1129
|
+
"superclass": {
|
|
1130
|
+
"name": "LitElement",
|
|
1131
|
+
"package": "lit"
|
|
1132
|
+
},
|
|
1133
|
+
"tagName": "vaadin-popover",
|
|
1134
|
+
"customElement": true
|
|
1135
|
+
}
|
|
1136
|
+
],
|
|
1137
|
+
"exports": [
|
|
1138
|
+
{
|
|
1139
|
+
"kind": "js",
|
|
1140
|
+
"name": "Popover",
|
|
1141
|
+
"declaration": {
|
|
1142
|
+
"name": "Popover",
|
|
1143
|
+
"module": "src/vaadin-popover.js"
|
|
1144
|
+
}
|
|
1145
|
+
}
|
|
1146
|
+
]
|
|
1147
|
+
}
|
|
1148
|
+
]
|
|
1149
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/popover",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-alpha7",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"src",
|
|
26
26
|
"vaadin-*.d.ts",
|
|
27
27
|
"vaadin-*.js",
|
|
28
|
+
"custom-elements.json",
|
|
28
29
|
"web-types.json",
|
|
29
30
|
"web-types.lit.json"
|
|
30
31
|
],
|
|
@@ -36,24 +37,25 @@
|
|
|
36
37
|
],
|
|
37
38
|
"dependencies": {
|
|
38
39
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
39
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
40
|
-
"@vaadin/component-base": "25.1.0-
|
|
41
|
-
"@vaadin/lit-renderer": "25.1.0-
|
|
42
|
-
"@vaadin/overlay": "25.1.0-
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
40
|
+
"@vaadin/a11y-base": "25.1.0-alpha7",
|
|
41
|
+
"@vaadin/component-base": "25.1.0-alpha7",
|
|
42
|
+
"@vaadin/lit-renderer": "25.1.0-alpha7",
|
|
43
|
+
"@vaadin/overlay": "25.1.0-alpha7",
|
|
44
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha7",
|
|
44
45
|
"lit": "^3.0.0"
|
|
45
46
|
},
|
|
46
47
|
"devDependencies": {
|
|
47
|
-
"@vaadin/aura": "25.1.0-
|
|
48
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
49
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
48
|
+
"@vaadin/aura": "25.1.0-alpha7",
|
|
49
|
+
"@vaadin/chai-plugins": "25.1.0-alpha7",
|
|
50
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha7",
|
|
50
51
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
51
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
52
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha7",
|
|
52
53
|
"sinon": "^21.0.0"
|
|
53
54
|
},
|
|
55
|
+
"customElements": "custom-elements.json",
|
|
54
56
|
"web-types": [
|
|
55
57
|
"web-types.json",
|
|
56
58
|
"web-types.lit.json"
|
|
57
59
|
],
|
|
58
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "98c586125f769c8fefd307536965293668fda81d"
|
|
59
61
|
}
|
|
@@ -9,6 +9,7 @@ import { overlayStyles } from '@vaadin/overlay/src/styles/vaadin-overlay-base-st
|
|
|
9
9
|
const popoverOverlay = css`
|
|
10
10
|
:host {
|
|
11
11
|
--_arrow-size: var(--vaadin-popover-arrow-size, 8px);
|
|
12
|
+
--_arrow-inset: var(--vaadin-popover-arrow-inset, calc(var(--_arrow-size) * 2));
|
|
12
13
|
--_default-offset: 4px;
|
|
13
14
|
--_rtl-multiplier: 1;
|
|
14
15
|
--_border-width: var(--vaadin-popover-border-width, var(--vaadin-overlay-border-width, 1px));
|
|
@@ -129,11 +130,11 @@ const popoverOverlay = css`
|
|
|
129
130
|
|
|
130
131
|
/* bottom / top */
|
|
131
132
|
:host([theme~='arrow']:is([position^='bottom'], [position^='top'])[start-aligned]) [part='arrow'] {
|
|
132
|
-
inset-inline-start:
|
|
133
|
+
inset-inline-start: var(--_arrow-inset);
|
|
133
134
|
}
|
|
134
135
|
|
|
135
136
|
:host([theme~='arrow']:is([position^='bottom'], [position^='top'])[end-aligned]) [part='arrow'] {
|
|
136
|
-
inset-inline-end:
|
|
137
|
+
inset-inline-end: var(--_arrow-inset);
|
|
137
138
|
}
|
|
138
139
|
|
|
139
140
|
:host([theme~='arrow']:is([position^='bottom'], [position^='top'])[arrow-centered]) [part='arrow'] {
|
|
@@ -164,12 +165,12 @@ const popoverOverlay = css`
|
|
|
164
165
|
/* start / end */
|
|
165
166
|
:host([theme~='arrow']:is([position^='start'], [position^='end'])[top-aligned]) [part='arrow'] {
|
|
166
167
|
rotate: -45deg;
|
|
167
|
-
top:
|
|
168
|
+
top: var(--_arrow-inset);
|
|
168
169
|
}
|
|
169
170
|
|
|
170
171
|
:host([theme~='arrow']:is([position^='start'], [position^='end'])[bottom-aligned]) [part='arrow'] {
|
|
171
172
|
rotate: -45deg;
|
|
172
|
-
bottom:
|
|
173
|
+
bottom: var(--_arrow-inset);
|
|
173
174
|
}
|
|
174
175
|
|
|
175
176
|
:host([theme~='arrow']:is([position='start'], [position='end'])[top-aligned]) [part='arrow'] {
|
|
@@ -16,7 +16,7 @@ import { PopoverOverlayMixin } from './vaadin-popover-overlay-mixin.js';
|
|
|
16
16
|
/**
|
|
17
17
|
* An element used internally by `<vaadin-popover>`. Not intended to be used separately.
|
|
18
18
|
*
|
|
19
|
-
* @customElement
|
|
19
|
+
* @customElement vaadin-popover-overlay
|
|
20
20
|
* @extends HTMLElement
|
|
21
21
|
* @mixes DirMixin
|
|
22
22
|
* @mixes PopoverOverlayMixin
|
package/src/vaadin-popover.d.ts
CHANGED
|
@@ -57,6 +57,7 @@ export type PopoverEventMap = HTMLElementEventMap & PopoverCustomEventMap;
|
|
|
57
57
|
* :----------------------------------------|
|
|
58
58
|
* |`--vaadin-overlay-backdrop-background` |
|
|
59
59
|
* |`--vaadin-popover-arrow-border-radius` |
|
|
60
|
+
* |`--vaadin-popover-arrow-inset` |
|
|
60
61
|
* |`--vaadin-popover-arrow-size` |
|
|
61
62
|
* |`--vaadin-popover-background` |
|
|
62
63
|
* |`--vaadin-popover-border-color` |
|
package/src/vaadin-popover.js
CHANGED
|
@@ -192,6 +192,7 @@ const isLastOverlay = (overlay) => {
|
|
|
192
192
|
* :----------------------------------------|
|
|
193
193
|
* |`--vaadin-overlay-backdrop-background` |
|
|
194
194
|
* |`--vaadin-popover-arrow-border-radius` |
|
|
195
|
+
* |`--vaadin-popover-arrow-inset` |
|
|
195
196
|
* |`--vaadin-popover-arrow-size` |
|
|
196
197
|
* |`--vaadin-popover-background` |
|
|
197
198
|
* |`--vaadin-popover-border-color` |
|
|
@@ -209,7 +210,7 @@ const isLastOverlay = (overlay) => {
|
|
|
209
210
|
* @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.
|
|
210
211
|
* @fires {CustomEvent} closed - Fired when the popover is closed.
|
|
211
212
|
*
|
|
212
|
-
* @customElement
|
|
213
|
+
* @customElement vaadin-popover
|
|
213
214
|
* @extends HTMLElement
|
|
214
215
|
* @mixes ElementMixin
|
|
215
216
|
* @mixes PopoverPositionMixin
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/popover",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha7",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-popover",
|
|
11
|
-
"description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
11
|
+
"description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-inset` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "position",
|
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/popover",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha7",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-popover",
|
|
19
|
-
"description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
19
|
+
"description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-inset` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|