@vaadin/dialog 25.1.0-alpha7 → 25.1.0-alpha9
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/package.json +11 -11
- package/src/vaadin-dialog-draggable-mixin.js +8 -3
- package/web-types.json +91 -91
- package/web-types.lit.json +39 -39
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/dialog",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-alpha9",
|
|
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/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/component-base": "25.1.0-alpha9",
|
|
41
|
+
"@vaadin/lit-renderer": "25.1.0-alpha9",
|
|
42
|
+
"@vaadin/overlay": "25.1.0-alpha9",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha9",
|
|
44
44
|
"lit": "^3.0.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
48
|
-
"@vaadin/aura": "25.1.0-
|
|
49
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
50
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
47
|
+
"@vaadin/a11y-base": "25.1.0-alpha9",
|
|
48
|
+
"@vaadin/aura": "25.1.0-alpha9",
|
|
49
|
+
"@vaadin/chai-plugins": "25.1.0-alpha9",
|
|
50
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha9",
|
|
51
51
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
52
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
52
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha9",
|
|
53
53
|
"sinon": "^21.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": "ef432311376ba3dac4233cb23d393a49a425e0a4"
|
|
61
61
|
}
|
|
@@ -77,6 +77,12 @@ export const DialogDraggableMixin = (superClass) =>
|
|
|
77
77
|
return;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
+
// Don't initiate drag if a nested dialog already handled this event.
|
|
81
|
+
// This prevents dragging both dialogs simultaneously.
|
|
82
|
+
if (e.defaultPrevented) {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
|
|
80
86
|
if (this.draggable && (e.button === 0 || e.touches)) {
|
|
81
87
|
const resizerContainer = this.$.overlay.$.resizerContainer;
|
|
82
88
|
const isResizerContainer = e.target === resizerContainer;
|
|
@@ -96,9 +102,8 @@ export const DialogDraggableMixin = (superClass) =>
|
|
|
96
102
|
});
|
|
97
103
|
|
|
98
104
|
if ((isResizerContainer && !isResizerContainerScrollbar) || isContentPart || isDraggable) {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
}
|
|
105
|
+
// Signal that we're handling this drag event, so parent dialogs won't also drag
|
|
106
|
+
e.preventDefault();
|
|
102
107
|
this._originalBounds = this.$.overlay.getBounds();
|
|
103
108
|
const event = getMouseOrFirstTouchEvent(e);
|
|
104
109
|
this._originalMouseCoords = { top: event.pageY, left: event.pageX };
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/dialog",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha9",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
"description": "`<vaadin-dialog>` is a Web Component for creating customized modal dialogs.\n\n### Rendering\n\nThe content of the dialog can be populated by using the renderer callback function.\n\nThe renderer function provides `root`, `dialog` arguments.\nGenerate DOM content, append it to the `root` element and control the state\nof the host element by accessing `dialog`. Before generating new content,\nusers are able to check if there is already content in `root` for reusing it.\n\n```html\n<vaadin-dialog id=\"dialog\"></vaadin-dialog>\n```\n```js\nconst dialog = document.querySelector('#dialog');\ndialog.renderer = function(root, dialog) {\n root.textContent = \"Sample dialog\";\n};\n```\n\nRenderer is called on the opening of the dialog.\nDOM generated during the renderer call can be reused\nin the next renderer call and will be provided with the `root` argument.\nOn first call it will be empty.\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`header` | Element wrapping title and header content\n`header-content` | Element wrapping the header content slot\n`title` | Element wrapping the title slot\n`footer` | Element wrapping the footer slot\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|--------------------------------------------\n`has-title` | Set when the element has a title\n`has-header` | Set when the element has header renderer\n`has-footer` | Set when the element has footer renderer\n`overflow` | Set to `top`, `bottom`, none or both\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-dialog-background` |\n|`--vaadin-dialog-border-color` |\n|`--vaadin-dialog-border-radius` |\n|`--vaadin-dialog-border-width` |\n|`--vaadin-dialog-max-width` |\n|`--vaadin-dialog-min-width` |\n|`--vaadin-dialog-padding` |\n|`--vaadin-dialog-shadow` |\n|`--vaadin-dialog-title-color` |\n|`--vaadin-dialog-title-font-size` |\n|`--vaadin-dialog-title-font-weight` |\n|`--vaadin-dialog-title-line-height` |\n|`--vaadin-overlay-backdrop-background` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
|
-
"name": "
|
|
15
|
-
"description": "
|
|
14
|
+
"name": "draggable",
|
|
15
|
+
"description": "Set to true to enable repositioning the dialog by clicking and dragging.\n\nBy default, only the overlay area can be used to drag the element. But,\na child element can be marked as a draggable area by adding a\n\"`draggable`\" class to it, this will by default make all of its children draggable also.\nIf you want a child element to be draggable\nbut still have its children non-draggable (by default), mark it with\n\"`draggable-leaf-only`\" class name.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
18
|
"boolean"
|
|
@@ -20,26 +20,30 @@
|
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
"name": "
|
|
24
|
-
"description": "
|
|
23
|
+
"name": "header-title",
|
|
24
|
+
"description": "String used for rendering a dialog title.\n\nIf both `headerTitle` and `headerRenderer` are defined, the title\nand the elements created by the renderer will be placed next to\neach other, with the title coming first.\n\nWhen `headerTitle` is set, the attribute `has-title` is set on the dialog.",
|
|
25
25
|
"value": {
|
|
26
26
|
"type": [
|
|
27
|
-
"
|
|
27
|
+
"string",
|
|
28
|
+
"null",
|
|
29
|
+
"undefined"
|
|
28
30
|
]
|
|
29
31
|
}
|
|
30
32
|
},
|
|
31
33
|
{
|
|
32
|
-
"name": "
|
|
33
|
-
"description": "Set
|
|
34
|
+
"name": "height",
|
|
35
|
+
"description": "Set the height of the dialog.\nIf a unitless number is provided, pixels are assumed.",
|
|
34
36
|
"value": {
|
|
35
37
|
"type": [
|
|
36
|
-
"
|
|
38
|
+
"string",
|
|
39
|
+
"null",
|
|
40
|
+
"undefined"
|
|
37
41
|
]
|
|
38
42
|
}
|
|
39
43
|
},
|
|
40
44
|
{
|
|
41
|
-
"name": "
|
|
42
|
-
"description": "Set to true to
|
|
45
|
+
"name": "keep-in-viewport",
|
|
46
|
+
"description": "Set to true to prevent dragging the dialog outside the viewport bounds.\nWhen enabled, all four edges of the dialog will remain visible during dragging.\nThe dialog may still become partially hidden when the viewport is resized.",
|
|
43
47
|
"value": {
|
|
44
48
|
"type": [
|
|
45
49
|
"boolean"
|
|
@@ -47,50 +51,46 @@
|
|
|
47
51
|
}
|
|
48
52
|
},
|
|
49
53
|
{
|
|
50
|
-
"name": "
|
|
51
|
-
"description": "Set
|
|
54
|
+
"name": "left",
|
|
55
|
+
"description": "Set the distance of the dialog from the left of the viewport.\nIf a unitless number is provided, pixels are assumed.\n\nNote that the dialog uses an internal container that has some\nadditional spacing, which can be overridden by the theme.",
|
|
52
56
|
"value": {
|
|
53
57
|
"type": [
|
|
54
|
-
"
|
|
58
|
+
"string",
|
|
59
|
+
"null",
|
|
60
|
+
"undefined"
|
|
55
61
|
]
|
|
56
62
|
}
|
|
57
63
|
},
|
|
58
64
|
{
|
|
59
|
-
"name": "
|
|
60
|
-
"description": "Set
|
|
65
|
+
"name": "modeless",
|
|
66
|
+
"description": "Set to true to remove backdrop and allow click events on background elements.",
|
|
61
67
|
"value": {
|
|
62
68
|
"type": [
|
|
63
|
-
"
|
|
64
|
-
"null",
|
|
65
|
-
"undefined"
|
|
69
|
+
"boolean"
|
|
66
70
|
]
|
|
67
71
|
}
|
|
68
72
|
},
|
|
69
73
|
{
|
|
70
|
-
"name": "
|
|
71
|
-
"description": "Set
|
|
74
|
+
"name": "no-close-on-esc",
|
|
75
|
+
"description": "Set to true to disable closing dialog on Escape press",
|
|
72
76
|
"value": {
|
|
73
77
|
"type": [
|
|
74
|
-
"
|
|
75
|
-
"null",
|
|
76
|
-
"undefined"
|
|
78
|
+
"boolean"
|
|
77
79
|
]
|
|
78
80
|
}
|
|
79
81
|
},
|
|
80
82
|
{
|
|
81
|
-
"name": "
|
|
82
|
-
"description": "
|
|
83
|
+
"name": "no-close-on-outside-click",
|
|
84
|
+
"description": "Set to true to disable closing dialog on outside click",
|
|
83
85
|
"value": {
|
|
84
86
|
"type": [
|
|
85
|
-
"
|
|
86
|
-
"null",
|
|
87
|
-
"undefined"
|
|
87
|
+
"boolean"
|
|
88
88
|
]
|
|
89
89
|
}
|
|
90
90
|
},
|
|
91
91
|
{
|
|
92
|
-
"name": "
|
|
93
|
-
"description": "Set to true to
|
|
92
|
+
"name": "no-focus-trap",
|
|
93
|
+
"description": "Set to true to disable focus trapping.",
|
|
94
94
|
"value": {
|
|
95
95
|
"type": [
|
|
96
96
|
"boolean"
|
|
@@ -98,8 +98,8 @@
|
|
|
98
98
|
}
|
|
99
99
|
},
|
|
100
100
|
{
|
|
101
|
-
"name": "
|
|
102
|
-
"description": "
|
|
101
|
+
"name": "opened",
|
|
102
|
+
"description": "True if the dialog is visible and available for interaction.",
|
|
103
103
|
"value": {
|
|
104
104
|
"type": [
|
|
105
105
|
"boolean"
|
|
@@ -107,8 +107,8 @@
|
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
109
|
{
|
|
110
|
-
"name": "
|
|
111
|
-
"description": "
|
|
110
|
+
"name": "overlay-role",
|
|
111
|
+
"description": "The `role` attribute value to be set on the dialog. Defaults to \"dialog\".",
|
|
112
112
|
"value": {
|
|
113
113
|
"type": [
|
|
114
114
|
"string",
|
|
@@ -127,8 +127,8 @@
|
|
|
127
127
|
}
|
|
128
128
|
},
|
|
129
129
|
{
|
|
130
|
-
"name": "
|
|
131
|
-
"description": "
|
|
130
|
+
"name": "theme",
|
|
131
|
+
"description": "The theme variants to apply to the component.",
|
|
132
132
|
"value": {
|
|
133
133
|
"type": [
|
|
134
134
|
"string",
|
|
@@ -138,8 +138,8 @@
|
|
|
138
138
|
}
|
|
139
139
|
},
|
|
140
140
|
{
|
|
141
|
-
"name": "
|
|
142
|
-
"description": "Set the
|
|
141
|
+
"name": "top",
|
|
142
|
+
"description": "Set the distance of the dialog from the top of the viewport.\nIf a unitless number is provided, pixels are assumed.\n\nNote that the dialog uses an internal container that has some\nadditional spacing, which can be overridden by the theme.",
|
|
143
143
|
"value": {
|
|
144
144
|
"type": [
|
|
145
145
|
"string",
|
|
@@ -149,8 +149,8 @@
|
|
|
149
149
|
}
|
|
150
150
|
},
|
|
151
151
|
{
|
|
152
|
-
"name": "
|
|
153
|
-
"description": "
|
|
152
|
+
"name": "width",
|
|
153
|
+
"description": "Set the width of the dialog.\nIf a unitless number is provided, pixels are assumed.",
|
|
154
154
|
"value": {
|
|
155
155
|
"type": [
|
|
156
156
|
"string",
|
|
@@ -163,8 +163,8 @@
|
|
|
163
163
|
"js": {
|
|
164
164
|
"properties": [
|
|
165
165
|
{
|
|
166
|
-
"name": "
|
|
167
|
-
"description": "
|
|
166
|
+
"name": "draggable",
|
|
167
|
+
"description": "Set to true to enable repositioning the dialog by clicking and dragging.\n\nBy default, only the overlay area can be used to drag the element. But,\na child element can be marked as a draggable area by adding a\n\"`draggable`\" class to it, this will by default make all of its children draggable also.\nIf you want a child element to be draggable\nbut still have its children non-draggable (by default), mark it with\n\"`draggable-leaf-only`\" class name.",
|
|
168
168
|
"value": {
|
|
169
169
|
"type": [
|
|
170
170
|
"boolean"
|
|
@@ -172,49 +172,53 @@
|
|
|
172
172
|
}
|
|
173
173
|
},
|
|
174
174
|
{
|
|
175
|
-
"name": "
|
|
176
|
-
"description": "
|
|
175
|
+
"name": "footerRenderer",
|
|
176
|
+
"description": "Custom function for rendering the dialog footer.\nReceives two arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `dialog` The reference to the `<vaadin-dialog>` element.\n\nWhen `footerRenderer` is set, the attribute `has-footer` is set on the dialog.",
|
|
177
177
|
"value": {
|
|
178
178
|
"type": [
|
|
179
|
-
"
|
|
179
|
+
"DialogRenderer",
|
|
180
|
+
"undefined"
|
|
180
181
|
]
|
|
181
182
|
}
|
|
182
183
|
},
|
|
183
184
|
{
|
|
184
|
-
"name": "
|
|
185
|
-
"description": "
|
|
185
|
+
"name": "headerRenderer",
|
|
186
|
+
"description": "Custom function for rendering the dialog header.\nReceives two arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `dialog` The reference to the `<vaadin-dialog>` element.\n\nIf both `headerTitle` and `headerRenderer` are defined, the title\nand the elements created by the renderer will be placed next to\neach other, with the title coming first.\n\nWhen `headerRenderer` is set, the attribute `has-header` is set on the dialog.",
|
|
186
187
|
"value": {
|
|
187
188
|
"type": [
|
|
188
|
-
"
|
|
189
|
+
"DialogRenderer",
|
|
190
|
+
"undefined"
|
|
189
191
|
]
|
|
190
192
|
}
|
|
191
193
|
},
|
|
192
194
|
{
|
|
193
|
-
"name": "
|
|
194
|
-
"description": "
|
|
195
|
+
"name": "headerTitle",
|
|
196
|
+
"description": "String used for rendering a dialog title.\n\nIf both `headerTitle` and `headerRenderer` are defined, the title\nand the elements created by the renderer will be placed next to\neach other, with the title coming first.\n\nWhen `headerTitle` is set, the attribute `has-title` is set on the dialog.",
|
|
195
197
|
"value": {
|
|
196
198
|
"type": [
|
|
197
|
-
"
|
|
199
|
+
"string",
|
|
200
|
+
"null",
|
|
201
|
+
"undefined"
|
|
198
202
|
]
|
|
199
203
|
}
|
|
200
204
|
},
|
|
201
205
|
{
|
|
202
|
-
"name": "
|
|
203
|
-
"description": "Set
|
|
206
|
+
"name": "height",
|
|
207
|
+
"description": "Set the height of the dialog.\nIf a unitless number is provided, pixels are assumed.",
|
|
204
208
|
"value": {
|
|
205
209
|
"type": [
|
|
206
|
-
"
|
|
210
|
+
"string",
|
|
211
|
+
"null",
|
|
212
|
+
"undefined"
|
|
207
213
|
]
|
|
208
214
|
}
|
|
209
215
|
},
|
|
210
216
|
{
|
|
211
|
-
"name": "
|
|
212
|
-
"description": "Set
|
|
217
|
+
"name": "keepInViewport",
|
|
218
|
+
"description": "Set to true to prevent dragging the dialog outside the viewport bounds.\nWhen enabled, all four edges of the dialog will remain visible during dragging.\nThe dialog may still become partially hidden when the viewport is resized.",
|
|
213
219
|
"value": {
|
|
214
220
|
"type": [
|
|
215
|
-
"
|
|
216
|
-
"null",
|
|
217
|
-
"undefined"
|
|
221
|
+
"boolean"
|
|
218
222
|
]
|
|
219
223
|
}
|
|
220
224
|
},
|
|
@@ -230,19 +234,17 @@
|
|
|
230
234
|
}
|
|
231
235
|
},
|
|
232
236
|
{
|
|
233
|
-
"name": "
|
|
234
|
-
"description": "
|
|
237
|
+
"name": "modeless",
|
|
238
|
+
"description": "Set to true to remove backdrop and allow click events on background elements.",
|
|
235
239
|
"value": {
|
|
236
240
|
"type": [
|
|
237
|
-
"
|
|
238
|
-
"null",
|
|
239
|
-
"undefined"
|
|
241
|
+
"boolean"
|
|
240
242
|
]
|
|
241
243
|
}
|
|
242
244
|
},
|
|
243
245
|
{
|
|
244
|
-
"name": "
|
|
245
|
-
"description": "Set to true to
|
|
246
|
+
"name": "noCloseOnEsc",
|
|
247
|
+
"description": "Set to true to disable closing dialog on Escape press",
|
|
246
248
|
"value": {
|
|
247
249
|
"type": [
|
|
248
250
|
"boolean"
|
|
@@ -250,8 +252,8 @@
|
|
|
250
252
|
}
|
|
251
253
|
},
|
|
252
254
|
{
|
|
253
|
-
"name": "
|
|
254
|
-
"description": "Set to true to
|
|
255
|
+
"name": "noCloseOnOutsideClick",
|
|
256
|
+
"description": "Set to true to disable closing dialog on outside click",
|
|
255
257
|
"value": {
|
|
256
258
|
"type": [
|
|
257
259
|
"boolean"
|
|
@@ -259,39 +261,37 @@
|
|
|
259
261
|
}
|
|
260
262
|
},
|
|
261
263
|
{
|
|
262
|
-
"name": "
|
|
263
|
-
"description": "
|
|
264
|
+
"name": "noFocusTrap",
|
|
265
|
+
"description": "Set to true to disable focus trapping.",
|
|
264
266
|
"value": {
|
|
265
267
|
"type": [
|
|
266
|
-
"
|
|
267
|
-
"undefined"
|
|
268
|
+
"boolean"
|
|
268
269
|
]
|
|
269
270
|
}
|
|
270
271
|
},
|
|
271
272
|
{
|
|
272
|
-
"name": "
|
|
273
|
-
"description": "
|
|
273
|
+
"name": "opened",
|
|
274
|
+
"description": "True if the dialog is visible and available for interaction.",
|
|
274
275
|
"value": {
|
|
275
276
|
"type": [
|
|
276
|
-
"
|
|
277
|
-
"null",
|
|
278
|
-
"undefined"
|
|
277
|
+
"boolean"
|
|
279
278
|
]
|
|
280
279
|
}
|
|
281
280
|
},
|
|
282
281
|
{
|
|
283
|
-
"name": "
|
|
284
|
-
"description": "
|
|
282
|
+
"name": "overlayRole",
|
|
283
|
+
"description": "The `role` attribute value to be set on the dialog. Defaults to \"dialog\".",
|
|
285
284
|
"value": {
|
|
286
285
|
"type": [
|
|
287
|
-
"
|
|
286
|
+
"string",
|
|
287
|
+
"null",
|
|
288
288
|
"undefined"
|
|
289
289
|
]
|
|
290
290
|
}
|
|
291
291
|
},
|
|
292
292
|
{
|
|
293
|
-
"name": "
|
|
294
|
-
"description": "Custom function for rendering the dialog
|
|
293
|
+
"name": "renderer",
|
|
294
|
+
"description": "Custom function for rendering the content of the dialog.\nReceives two arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `dialog` The reference to the `<vaadin-dialog>` element.",
|
|
295
295
|
"value": {
|
|
296
296
|
"type": [
|
|
297
297
|
"DialogRenderer",
|
|
@@ -309,8 +309,8 @@
|
|
|
309
309
|
}
|
|
310
310
|
},
|
|
311
311
|
{
|
|
312
|
-
"name": "
|
|
313
|
-
"description": "Set the
|
|
312
|
+
"name": "top",
|
|
313
|
+
"description": "Set the distance of the dialog from the top of the viewport.\nIf a unitless number is provided, pixels are assumed.\n\nNote that the dialog uses an internal container that has some\nadditional spacing, which can be overridden by the theme.",
|
|
314
314
|
"value": {
|
|
315
315
|
"type": [
|
|
316
316
|
"string",
|
|
@@ -320,8 +320,8 @@
|
|
|
320
320
|
}
|
|
321
321
|
},
|
|
322
322
|
{
|
|
323
|
-
"name": "
|
|
324
|
-
"description": "Set the
|
|
323
|
+
"name": "width",
|
|
324
|
+
"description": "Set the width of the dialog.\nIf a unitless number is provided, pixels are assumed.",
|
|
325
325
|
"value": {
|
|
326
326
|
"type": [
|
|
327
327
|
"string",
|
|
@@ -344,6 +344,10 @@
|
|
|
344
344
|
"name": "dragged",
|
|
345
345
|
"description": "Fired when the dialog drag is finished."
|
|
346
346
|
},
|
|
347
|
+
{
|
|
348
|
+
"name": "opened-changed",
|
|
349
|
+
"description": "Fired when the `opened` property changes."
|
|
350
|
+
},
|
|
347
351
|
{
|
|
348
352
|
"name": "resize",
|
|
349
353
|
"description": "Fired when the dialog resize is finished."
|
|
@@ -351,10 +355,6 @@
|
|
|
351
355
|
{
|
|
352
356
|
"name": "resize-start",
|
|
353
357
|
"description": "Fired when the dialog resize is started."
|
|
354
|
-
},
|
|
355
|
-
{
|
|
356
|
-
"name": "opened-changed",
|
|
357
|
-
"description": "Fired when the `opened` property changes."
|
|
358
358
|
}
|
|
359
359
|
]
|
|
360
360
|
}
|
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/dialog",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha9",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -20,50 +20,50 @@
|
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
23
|
-
"name": "?
|
|
24
|
-
"description": "
|
|
23
|
+
"name": "?draggable",
|
|
24
|
+
"description": "Set to true to enable repositioning the dialog by clicking and dragging.\n\nBy default, only the overlay area can be used to drag the element. But,\na child element can be marked as a draggable area by adding a\n\"`draggable`\" class to it, this will by default make all of its children draggable also.\nIf you want a child element to be draggable\nbut still have its children non-draggable (by default), mark it with\n\"`draggable-leaf-only`\" class name.",
|
|
25
25
|
"value": {
|
|
26
26
|
"kind": "expression"
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
|
-
"name": "?
|
|
31
|
-
"description": "Set to true to
|
|
30
|
+
"name": "?keepInViewport",
|
|
31
|
+
"description": "Set to true to prevent dragging the dialog outside the viewport bounds.\nWhen enabled, all four edges of the dialog will remain visible during dragging.\nThe dialog may still become partially hidden when the viewport is resized.",
|
|
32
32
|
"value": {
|
|
33
33
|
"kind": "expression"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
"name": "?
|
|
38
|
-
"description": "Set to true to
|
|
37
|
+
"name": "?modeless",
|
|
38
|
+
"description": "Set to true to remove backdrop and allow click events on background elements.",
|
|
39
39
|
"value": {
|
|
40
40
|
"kind": "expression"
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
"name": "?
|
|
45
|
-
"description": "Set to true to
|
|
44
|
+
"name": "?noCloseOnEsc",
|
|
45
|
+
"description": "Set to true to disable closing dialog on Escape press",
|
|
46
46
|
"value": {
|
|
47
47
|
"kind": "expression"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
|
-
"name": "?
|
|
52
|
-
"description": "Set to true to disable
|
|
51
|
+
"name": "?noCloseOnOutsideClick",
|
|
52
|
+
"description": "Set to true to disable closing dialog on outside click",
|
|
53
53
|
"value": {
|
|
54
54
|
"kind": "expression"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "?
|
|
59
|
-
"description": "Set to true to
|
|
58
|
+
"name": "?noFocusTrap",
|
|
59
|
+
"description": "Set to true to disable focus trapping.",
|
|
60
60
|
"value": {
|
|
61
61
|
"kind": "expression"
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": "?
|
|
66
|
-
"description": "
|
|
65
|
+
"name": "?opened",
|
|
66
|
+
"description": "True if the dialog is visible and available for interaction.",
|
|
67
67
|
"value": {
|
|
68
68
|
"kind": "expression"
|
|
69
69
|
}
|
|
@@ -76,64 +76,64 @@
|
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
|
-
"name": ".
|
|
80
|
-
"description": "
|
|
79
|
+
"name": ".footerRenderer",
|
|
80
|
+
"description": "Custom function for rendering the dialog footer.\nReceives two arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `dialog` The reference to the `<vaadin-dialog>` element.\n\nWhen `footerRenderer` is set, the attribute `has-footer` is set on the dialog.",
|
|
81
81
|
"value": {
|
|
82
82
|
"kind": "expression"
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
|
-
"name": ".
|
|
87
|
-
"description": "
|
|
86
|
+
"name": ".headerRenderer",
|
|
87
|
+
"description": "Custom function for rendering the dialog header.\nReceives two arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `dialog` The reference to the `<vaadin-dialog>` element.\n\nIf both `headerTitle` and `headerRenderer` are defined, the title\nand the elements created by the renderer will be placed next to\neach other, with the title coming first.\n\nWhen `headerRenderer` is set, the attribute `has-header` is set on the dialog.",
|
|
88
88
|
"value": {
|
|
89
89
|
"kind": "expression"
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
|
-
"name": ".
|
|
94
|
-
"description": "
|
|
93
|
+
"name": ".headerTitle",
|
|
94
|
+
"description": "String used for rendering a dialog title.\n\nIf both `headerTitle` and `headerRenderer` are defined, the title\nand the elements created by the renderer will be placed next to\neach other, with the title coming first.\n\nWhen `headerTitle` is set, the attribute `has-title` is set on the dialog.",
|
|
95
95
|
"value": {
|
|
96
96
|
"kind": "expression"
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
|
-
"name": ".
|
|
101
|
-
"description": "
|
|
100
|
+
"name": ".height",
|
|
101
|
+
"description": "Set the height of the dialog.\nIf a unitless number is provided, pixels are assumed.",
|
|
102
102
|
"value": {
|
|
103
103
|
"kind": "expression"
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
106
|
{
|
|
107
|
-
"name": ".
|
|
108
|
-
"description": "
|
|
107
|
+
"name": ".left",
|
|
108
|
+
"description": "Set the distance of the dialog from the left of the viewport.\nIf a unitless number is provided, pixels are assumed.\n\nNote that the dialog uses an internal container that has some\nadditional spacing, which can be overridden by the theme.",
|
|
109
109
|
"value": {
|
|
110
110
|
"kind": "expression"
|
|
111
111
|
}
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
|
-
"name": ".
|
|
115
|
-
"description": "
|
|
114
|
+
"name": ".overlayRole",
|
|
115
|
+
"description": "The `role` attribute value to be set on the dialog. Defaults to \"dialog\".",
|
|
116
116
|
"value": {
|
|
117
117
|
"kind": "expression"
|
|
118
118
|
}
|
|
119
119
|
},
|
|
120
120
|
{
|
|
121
|
-
"name": ".
|
|
122
|
-
"description": "Custom function for rendering the dialog
|
|
121
|
+
"name": ".renderer",
|
|
122
|
+
"description": "Custom function for rendering the content of the dialog.\nReceives two arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `dialog` The reference to the `<vaadin-dialog>` element.",
|
|
123
123
|
"value": {
|
|
124
124
|
"kind": "expression"
|
|
125
125
|
}
|
|
126
126
|
},
|
|
127
127
|
{
|
|
128
|
-
"name": ".
|
|
129
|
-
"description": "Set the
|
|
128
|
+
"name": ".top",
|
|
129
|
+
"description": "Set the distance of the dialog from the top of the viewport.\nIf a unitless number is provided, pixels are assumed.\n\nNote that the dialog uses an internal container that has some\nadditional spacing, which can be overridden by the theme.",
|
|
130
130
|
"value": {
|
|
131
131
|
"kind": "expression"
|
|
132
132
|
}
|
|
133
133
|
},
|
|
134
134
|
{
|
|
135
|
-
"name": ".
|
|
136
|
-
"description": "Set the
|
|
135
|
+
"name": ".width",
|
|
136
|
+
"description": "Set the width of the dialog.\nIf a unitless number is provided, pixels are assumed.",
|
|
137
137
|
"value": {
|
|
138
138
|
"kind": "expression"
|
|
139
139
|
}
|
|
@@ -160,22 +160,22 @@
|
|
|
160
160
|
}
|
|
161
161
|
},
|
|
162
162
|
{
|
|
163
|
-
"name": "@
|
|
164
|
-
"description": "Fired when the
|
|
163
|
+
"name": "@opened-changed",
|
|
164
|
+
"description": "Fired when the `opened` property changes.",
|
|
165
165
|
"value": {
|
|
166
166
|
"kind": "expression"
|
|
167
167
|
}
|
|
168
168
|
},
|
|
169
169
|
{
|
|
170
|
-
"name": "@resize
|
|
171
|
-
"description": "Fired when the dialog resize is
|
|
170
|
+
"name": "@resize",
|
|
171
|
+
"description": "Fired when the dialog resize is finished.",
|
|
172
172
|
"value": {
|
|
173
173
|
"kind": "expression"
|
|
174
174
|
}
|
|
175
175
|
},
|
|
176
176
|
{
|
|
177
|
-
"name": "@
|
|
178
|
-
"description": "Fired when the
|
|
177
|
+
"name": "@resize-start",
|
|
178
|
+
"description": "Fired when the dialog resize is started.",
|
|
179
179
|
"value": {
|
|
180
180
|
"kind": "expression"
|
|
181
181
|
}
|