@vaadin/popover 25.4.0-alpha3 → 25.4.0-alpha5
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 +3 -56
- package/package.json +11 -11
- package/web-types.json +15 -8
- package/web-types.lit.json +9 -5
package/custom-elements.json
CHANGED
|
@@ -151,7 +151,6 @@
|
|
|
151
151
|
"text": "object"
|
|
152
152
|
},
|
|
153
153
|
"description": "Object with properties that is passed to `renderer` function",
|
|
154
|
-
"attribute": "model",
|
|
155
154
|
"inheritedFrom": {
|
|
156
155
|
"name": "OverlayMixin",
|
|
157
156
|
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
@@ -221,7 +220,6 @@
|
|
|
221
220
|
"text": "HTMLElement"
|
|
222
221
|
},
|
|
223
222
|
"description": "Owner element passed with renderer function",
|
|
224
|
-
"attribute": "owner",
|
|
225
223
|
"inheritedFrom": {
|
|
226
224
|
"name": "OverlayMixin",
|
|
227
225
|
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
@@ -244,7 +242,6 @@
|
|
|
244
242
|
"text": "object"
|
|
245
243
|
},
|
|
246
244
|
"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`.",
|
|
247
|
-
"attribute": "position-target",
|
|
248
245
|
"inheritedFrom": {
|
|
249
246
|
"name": "PositionMixin",
|
|
250
247
|
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
@@ -258,7 +255,6 @@
|
|
|
258
255
|
"text": "OverlayRenderer | null | undefined"
|
|
259
256
|
},
|
|
260
257
|
"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.",
|
|
261
|
-
"attribute": "renderer",
|
|
262
258
|
"inheritedFrom": {
|
|
263
259
|
"name": "OverlayMixin",
|
|
264
260
|
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
@@ -295,7 +291,6 @@
|
|
|
295
291
|
"text": "HTMLElement"
|
|
296
292
|
},
|
|
297
293
|
"description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
|
|
298
|
-
"attribute": "restore-focus-node",
|
|
299
294
|
"inheritedFrom": {
|
|
300
295
|
"name": "OverlayFocusMixin",
|
|
301
296
|
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
@@ -465,18 +460,6 @@
|
|
|
465
460
|
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
466
461
|
}
|
|
467
462
|
},
|
|
468
|
-
{
|
|
469
|
-
"name": "owner",
|
|
470
|
-
"type": {
|
|
471
|
-
"text": "HTMLElement"
|
|
472
|
-
},
|
|
473
|
-
"description": "Owner element passed with renderer function",
|
|
474
|
-
"fieldName": "owner",
|
|
475
|
-
"inheritedFrom": {
|
|
476
|
-
"name": "OverlayMixin",
|
|
477
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
478
|
-
}
|
|
479
|
-
},
|
|
480
463
|
{
|
|
481
464
|
"name": "position",
|
|
482
465
|
"type": {
|
|
@@ -484,18 +467,6 @@
|
|
|
484
467
|
},
|
|
485
468
|
"fieldName": "position"
|
|
486
469
|
},
|
|
487
|
-
{
|
|
488
|
-
"name": "renderer",
|
|
489
|
-
"type": {
|
|
490
|
-
"text": "OverlayRenderer | null | undefined"
|
|
491
|
-
},
|
|
492
|
-
"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.",
|
|
493
|
-
"fieldName": "renderer",
|
|
494
|
-
"inheritedFrom": {
|
|
495
|
-
"name": "OverlayMixin",
|
|
496
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
497
|
-
}
|
|
498
|
-
},
|
|
499
470
|
{
|
|
500
471
|
"name": "required-vertical-space",
|
|
501
472
|
"type": {
|
|
@@ -508,18 +479,6 @@
|
|
|
508
479
|
"package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
|
|
509
480
|
}
|
|
510
481
|
},
|
|
511
|
-
{
|
|
512
|
-
"name": "restore-focus-node",
|
|
513
|
-
"type": {
|
|
514
|
-
"text": "HTMLElement"
|
|
515
|
-
},
|
|
516
|
-
"description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
|
|
517
|
-
"fieldName": "restoreFocusNode",
|
|
518
|
-
"inheritedFrom": {
|
|
519
|
-
"name": "OverlayFocusMixin",
|
|
520
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
521
|
-
}
|
|
522
|
-
},
|
|
523
482
|
{
|
|
524
483
|
"name": "restore-focus-on-close",
|
|
525
484
|
"type": {
|
|
@@ -681,8 +640,7 @@
|
|
|
681
640
|
"type": {
|
|
682
641
|
"text": "object"
|
|
683
642
|
},
|
|
684
|
-
"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."
|
|
685
|
-
"attribute": "target"
|
|
643
|
+
"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."
|
|
686
644
|
}
|
|
687
645
|
],
|
|
688
646
|
"attributes": [
|
|
@@ -891,8 +849,7 @@
|
|
|
891
849
|
"text": "object"
|
|
892
850
|
},
|
|
893
851
|
"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.",
|
|
894
|
-
"deprecated": "Use the content in the `vaadin-popover` via default slot"
|
|
895
|
-
"attribute": "renderer"
|
|
852
|
+
"deprecated": "Use the content in the `vaadin-popover` via default slot"
|
|
896
853
|
},
|
|
897
854
|
{
|
|
898
855
|
"kind": "method",
|
|
@@ -960,7 +917,6 @@
|
|
|
960
917
|
"text": "object"
|
|
961
918
|
},
|
|
962
919
|
"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.",
|
|
963
|
-
"attribute": "target",
|
|
964
920
|
"inheritedFrom": {
|
|
965
921
|
"name": "PopoverTargetMixin",
|
|
966
922
|
"module": "src/vaadin-popover-target-mixin.js"
|
|
@@ -973,8 +929,7 @@
|
|
|
973
929
|
"type": {
|
|
974
930
|
"text": "array"
|
|
975
931
|
},
|
|
976
|
-
"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."
|
|
977
|
-
"attribute": "trigger"
|
|
932
|
+
"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."
|
|
978
933
|
},
|
|
979
934
|
{
|
|
980
935
|
"kind": "field",
|
|
@@ -1160,14 +1115,6 @@
|
|
|
1160
1115
|
"description": "The theme variants to apply to the component.",
|
|
1161
1116
|
"name": "theme"
|
|
1162
1117
|
},
|
|
1163
|
-
{
|
|
1164
|
-
"name": "trigger",
|
|
1165
|
-
"type": {
|
|
1166
|
-
"text": "array"
|
|
1167
|
-
},
|
|
1168
|
-
"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.",
|
|
1169
|
-
"fieldName": "trigger"
|
|
1170
|
-
},
|
|
1171
1118
|
{
|
|
1172
1119
|
"name": "width",
|
|
1173
1120
|
"type": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/popover",
|
|
3
|
-
"version": "25.4.0-
|
|
3
|
+
"version": "25.4.0-alpha5",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,19 +37,19 @@
|
|
|
37
37
|
],
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
40
|
-
"@vaadin/a11y-base": "25.4.0-
|
|
41
|
-
"@vaadin/component-base": "25.4.0-
|
|
42
|
-
"@vaadin/lit-renderer": "25.4.0-
|
|
43
|
-
"@vaadin/overlay": "25.4.0-
|
|
44
|
-
"@vaadin/vaadin-themable-mixin": "25.4.0-
|
|
40
|
+
"@vaadin/a11y-base": "25.4.0-alpha5",
|
|
41
|
+
"@vaadin/component-base": "25.4.0-alpha5",
|
|
42
|
+
"@vaadin/lit-renderer": "25.4.0-alpha5",
|
|
43
|
+
"@vaadin/overlay": "25.4.0-alpha5",
|
|
44
|
+
"@vaadin/vaadin-themable-mixin": "25.4.0-alpha5",
|
|
45
45
|
"lit": "^3.0.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@vaadin/aura": "25.4.0-
|
|
49
|
-
"@vaadin/chai-plugins": "25.4.0-
|
|
50
|
-
"@vaadin/test-runner-commands": "25.4.0-
|
|
48
|
+
"@vaadin/aura": "25.4.0-alpha5",
|
|
49
|
+
"@vaadin/chai-plugins": "25.4.0-alpha5",
|
|
50
|
+
"@vaadin/test-runner-commands": "25.4.0-alpha5",
|
|
51
51
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
52
|
-
"@vaadin/vaadin-lumo-styles": "25.4.0-
|
|
52
|
+
"@vaadin/vaadin-lumo-styles": "25.4.0-alpha5",
|
|
53
53
|
"sinon": "^22.0.0"
|
|
54
54
|
},
|
|
55
55
|
"customElements": "custom-elements.json",
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"web-types.json",
|
|
58
58
|
"web-types.lit.json"
|
|
59
59
|
],
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "65e9c9e49c0a723b08ee91b9aae8b901e91a3597"
|
|
61
61
|
}
|
package/web-types.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.4.0-
|
|
4
|
+
"version": "25.4.0-alpha5",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
"type": [
|
|
18
18
|
"string"
|
|
19
19
|
]
|
|
20
|
-
}
|
|
20
|
+
},
|
|
21
|
+
"deprecated": "Use `aria-label` attribute on the popover instead"
|
|
21
22
|
},
|
|
22
23
|
{
|
|
23
24
|
"name": "accessible-name-ref",
|
|
@@ -26,7 +27,8 @@
|
|
|
26
27
|
"type": [
|
|
27
28
|
"string"
|
|
28
29
|
]
|
|
29
|
-
}
|
|
30
|
+
},
|
|
31
|
+
"deprecated": "Use `aria-labelledby` attribute on the popover instead"
|
|
30
32
|
},
|
|
31
33
|
{
|
|
32
34
|
"name": "autofocus",
|
|
@@ -134,7 +136,8 @@
|
|
|
134
136
|
"type": [
|
|
135
137
|
"string"
|
|
136
138
|
]
|
|
137
|
-
}
|
|
139
|
+
},
|
|
140
|
+
"deprecated": "Use standard `role` attribute on the popover instead"
|
|
138
141
|
},
|
|
139
142
|
{
|
|
140
143
|
"name": "position",
|
|
@@ -191,7 +194,8 @@
|
|
|
191
194
|
"type": [
|
|
192
195
|
"string"
|
|
193
196
|
]
|
|
194
|
-
}
|
|
197
|
+
},
|
|
198
|
+
"deprecated": "Use `aria-label` attribute on the popover instead"
|
|
195
199
|
},
|
|
196
200
|
{
|
|
197
201
|
"name": "accessibleNameRef",
|
|
@@ -200,7 +204,8 @@
|
|
|
200
204
|
"type": [
|
|
201
205
|
"string"
|
|
202
206
|
]
|
|
203
|
-
}
|
|
207
|
+
},
|
|
208
|
+
"deprecated": "Use `aria-labelledby` attribute on the popover instead"
|
|
204
209
|
},
|
|
205
210
|
{
|
|
206
211
|
"name": "autofocus",
|
|
@@ -308,7 +313,8 @@
|
|
|
308
313
|
"type": [
|
|
309
314
|
"string"
|
|
310
315
|
]
|
|
311
|
-
}
|
|
316
|
+
},
|
|
317
|
+
"deprecated": "Use standard `role` attribute on the popover instead"
|
|
312
318
|
},
|
|
313
319
|
{
|
|
314
320
|
"name": "position",
|
|
@@ -326,7 +332,8 @@
|
|
|
326
332
|
"type": [
|
|
327
333
|
"object"
|
|
328
334
|
]
|
|
329
|
-
}
|
|
335
|
+
},
|
|
336
|
+
"deprecated": "Use the content in the `vaadin-popover` via default slot"
|
|
330
337
|
},
|
|
331
338
|
{
|
|
332
339
|
"name": "role",
|
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.4.0-
|
|
4
|
+
"version": "25.4.0-alpha5",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -24,14 +24,16 @@
|
|
|
24
24
|
"description": "String used to label the popover to screen reader users.",
|
|
25
25
|
"value": {
|
|
26
26
|
"kind": "expression"
|
|
27
|
-
}
|
|
27
|
+
},
|
|
28
|
+
"deprecated": "Use `aria-label` attribute on the popover instead"
|
|
28
29
|
},
|
|
29
30
|
{
|
|
30
31
|
"name": ".accessibleNameRef",
|
|
31
32
|
"description": "Id of the element used as label of the popover to screen reader users.",
|
|
32
33
|
"value": {
|
|
33
34
|
"kind": "expression"
|
|
34
|
-
}
|
|
35
|
+
},
|
|
36
|
+
"deprecated": "Use `aria-labelledby` attribute on the popover instead"
|
|
35
37
|
},
|
|
36
38
|
{
|
|
37
39
|
"name": "?autofocus",
|
|
@@ -115,7 +117,8 @@
|
|
|
115
117
|
"description": "The `role` attribute value to be set on the popover.",
|
|
116
118
|
"value": {
|
|
117
119
|
"kind": "expression"
|
|
118
|
-
}
|
|
120
|
+
},
|
|
121
|
+
"deprecated": "Use standard `role` attribute on the popover instead"
|
|
119
122
|
},
|
|
120
123
|
{
|
|
121
124
|
"name": ".position",
|
|
@@ -129,7 +132,8 @@
|
|
|
129
132
|
"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.",
|
|
130
133
|
"value": {
|
|
131
134
|
"kind": "expression"
|
|
132
|
-
}
|
|
135
|
+
},
|
|
136
|
+
"deprecated": "Use the content in the `vaadin-popover` via default slot"
|
|
133
137
|
},
|
|
134
138
|
{
|
|
135
139
|
"name": ".role",
|