@vaadin/dialog 25.2.0-alpha1 → 25.2.0-alpha10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +11 -11
  2. package/src/vaadin-dialog-base-mixin.js +0 -6
  3. package/src/vaadin-dialog-draggable-mixin.js +2 -18
  4. package/src/vaadin-dialog-resizable-mixin.js +0 -12
  5. package/web-types.json +29 -85
  6. package/web-types.lit.json +29 -29
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/dialog",
3
- "version": "25.2.0-alpha1",
3
+ "version": "25.2.0-alpha10",
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.2.0-alpha1",
41
- "@vaadin/lit-renderer": "25.2.0-alpha1",
42
- "@vaadin/overlay": "25.2.0-alpha1",
43
- "@vaadin/vaadin-themable-mixin": "25.2.0-alpha1",
40
+ "@vaadin/component-base": "25.2.0-alpha10",
41
+ "@vaadin/lit-renderer": "25.2.0-alpha10",
42
+ "@vaadin/overlay": "25.2.0-alpha10",
43
+ "@vaadin/vaadin-themable-mixin": "25.2.0-alpha10",
44
44
  "lit": "^3.0.0"
45
45
  },
46
46
  "devDependencies": {
47
- "@vaadin/a11y-base": "25.2.0-alpha1",
48
- "@vaadin/aura": "25.2.0-alpha1",
49
- "@vaadin/chai-plugins": "25.2.0-alpha1",
50
- "@vaadin/test-runner-commands": "25.2.0-alpha1",
47
+ "@vaadin/a11y-base": "25.2.0-alpha10",
48
+ "@vaadin/aura": "25.2.0-alpha10",
49
+ "@vaadin/chai-plugins": "25.2.0-alpha10",
50
+ "@vaadin/test-runner-commands": "25.2.0-alpha10",
51
51
  "@vaadin/testing-helpers": "^2.0.0",
52
- "@vaadin/vaadin-lumo-styles": "25.2.0-alpha1",
52
+ "@vaadin/vaadin-lumo-styles": "25.2.0-alpha10",
53
53
  "sinon": "^21.0.2"
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": "866f813f89655a351cbd25328eba1fcb317e267d"
60
+ "gitHead": "1303b6a3eeecb44a9d26f2b53cb56d9e906febdf"
61
61
  }
package/src/vaadin-dialog-base-mixin.js CHANGED
@@ -216,10 +216,4 @@ export const DialogBaseMixin = (superClass) =>
216
216
  __sizeChanged(width, height) {
217
217
  requestAnimationFrame(() => this.$.overlay.setBounds({ width, height }, false));
218
218
  }
219
-
220
- /**
221
- * Fired when the dialog is closed.
222
- *
223
- * @event closed
224
- */
225
219
  };
package/src/vaadin-dialog-draggable-mixin.js CHANGED
@@ -103,9 +103,7 @@ export const DialogDraggableMixin = (superClass) =>
103
103
  this.top = top;
104
104
  this.left = left;
105
105
  }
106
- this.dispatchEvent(
107
- new CustomEvent('drag-start', { bubbles: true, composed: true, detail: { width, height, top, left } }),
108
- );
106
+ this.dispatchEvent(new CustomEvent('drag-start', { detail: { width, height, top, left } }));
109
107
  }
110
108
  }
111
109
  }
@@ -135,24 +133,10 @@ export const DialogDraggableMixin = (superClass) =>
135
133
 
136
134
  /** @private */
137
135
  _stopDrag() {
138
- this.dispatchEvent(
139
- new CustomEvent('dragged', { bubbles: true, composed: true, detail: { top: this.top, left: this.left } }),
140
- );
136
+ this.dispatchEvent(new CustomEvent('dragged', { detail: { top: this.top, left: this.left } }));
141
137
  window.removeEventListener('mouseup', this._stopDrag);
142
138
  window.removeEventListener('touchend', this._stopDrag);
143
139
  window.removeEventListener('mousemove', this._drag);
144
140
  window.removeEventListener('touchmove', this._drag);
145
141
  }
146
-
147
- /**
148
- * Fired when the dialog drag is started.
149
- *
150
- * @event drag-start
151
- */
152
-
153
- /**
154
- * Fired when the dialog drag is finished.
155
- *
156
- * @event dragged
157
- */
158
142
  };
package/src/vaadin-dialog-resizable-mixin.js CHANGED
@@ -149,16 +149,4 @@ export const DialogResizableMixin = (superClass) =>
149
149
  const { width, height, top, left } = getComputedStyle(this.$.overlay.$.overlay);
150
150
  return { width, height, top, left };
151
151
  }
152
-
153
- /**
154
- * Fired when the dialog resize is started.
155
- *
156
- * @event resize-start
157
- */
158
-
159
- /**
160
- * Fired when the dialog resize is finished.
161
- *
162
- * @event resize
163
- */
164
152
  };
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.2.0-alpha1",
4
+ "version": "25.2.0-alpha10",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -15,9 +15,7 @@
15
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
- "boolean",
19
- "null",
20
- "undefined"
18
+ "boolean"
21
19
  ]
22
20
  }
23
21
  },
@@ -26,9 +24,7 @@
26
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.",
27
25
  "value": {
28
26
  "type": [
29
- "string",
30
- "null",
31
- "undefined"
27
+ "string"
32
28
  ]
33
29
  }
34
30
  },
@@ -37,9 +33,7 @@
37
33
  "description": "Set the height of the dialog.\nIf a unitless number is provided, pixels are assumed.",
38
34
  "value": {
39
35
  "type": [
40
- "string",
41
- "null",
42
- "undefined"
36
+ "string"
43
37
  ]
44
38
  }
45
39
  },
@@ -48,9 +42,7 @@
48
42
  "description": "Set to true to prevent the dialog from moving outside the viewport bounds.\nWhen enabled, all four edges of the dialog will remain visible, for example\nwhen dragging the dialog or when the viewport is resized. Note that the\ndialog will also adjust any programmatically configured size and position\nso that it stays within the viewport.",
49
43
  "value": {
50
44
  "type": [
51
- "boolean",
52
- "null",
53
- "undefined"
45
+ "boolean"
54
46
  ]
55
47
  }
56
48
  },
@@ -59,9 +51,7 @@
59
51
  "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.",
60
52
  "value": {
61
53
  "type": [
62
- "string",
63
- "null",
64
- "undefined"
54
+ "string"
65
55
  ]
66
56
  }
67
57
  },
@@ -70,9 +60,7 @@
70
60
  "description": "Set to true to remove backdrop and allow click events on background elements.",
71
61
  "value": {
72
62
  "type": [
73
- "boolean",
74
- "null",
75
- "undefined"
63
+ "boolean"
76
64
  ]
77
65
  }
78
66
  },
@@ -81,9 +69,7 @@
81
69
  "description": "Set to true to disable closing dialog on Escape press",
82
70
  "value": {
83
71
  "type": [
84
- "boolean",
85
- "null",
86
- "undefined"
72
+ "boolean"
87
73
  ]
88
74
  }
89
75
  },
@@ -92,9 +78,7 @@
92
78
  "description": "Set to true to disable closing dialog on outside click",
93
79
  "value": {
94
80
  "type": [
95
- "boolean",
96
- "null",
97
- "undefined"
81
+ "boolean"
98
82
  ]
99
83
  }
100
84
  },
@@ -103,9 +87,7 @@
103
87
  "description": "Set to true to disable focus trapping.",
104
88
  "value": {
105
89
  "type": [
106
- "boolean",
107
- "null",
108
- "undefined"
90
+ "boolean"
109
91
  ]
110
92
  }
111
93
  },
@@ -114,9 +96,7 @@
114
96
  "description": "True if the dialog is visible and available for interaction.",
115
97
  "value": {
116
98
  "type": [
117
- "boolean",
118
- "null",
119
- "undefined"
99
+ "boolean"
120
100
  ]
121
101
  }
122
102
  },
@@ -125,9 +105,7 @@
125
105
  "description": "The `role` attribute value to be set on the dialog. Defaults to \"dialog\".",
126
106
  "value": {
127
107
  "type": [
128
- "string",
129
- "null",
130
- "undefined"
108
+ "string"
131
109
  ]
132
110
  }
133
111
  },
@@ -136,9 +114,7 @@
136
114
  "description": "Set to true to enable resizing the dialog by dragging the corners and edges.",
137
115
  "value": {
138
116
  "type": [
139
- "boolean",
140
- "null",
141
- "undefined"
117
+ "boolean"
142
118
  ]
143
119
  }
144
120
  },
@@ -158,9 +134,7 @@
158
134
  "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.",
159
135
  "value": {
160
136
  "type": [
161
- "string",
162
- "null",
163
- "undefined"
137
+ "string"
164
138
  ]
165
139
  }
166
140
  },
@@ -169,9 +143,7 @@
169
143
  "description": "Set the width of the dialog.\nIf a unitless number is provided, pixels are assumed.",
170
144
  "value": {
171
145
  "type": [
172
- "string",
173
- "null",
174
- "undefined"
146
+ "string"
175
147
  ]
176
148
  }
177
149
  }
@@ -183,9 +155,7 @@
183
155
  "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.",
184
156
  "value": {
185
157
  "type": [
186
- "boolean",
187
- "null",
188
- "undefined"
158
+ "boolean"
189
159
  ]
190
160
  }
191
161
  },
@@ -214,9 +184,7 @@
214
184
  "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.",
215
185
  "value": {
216
186
  "type": [
217
- "string",
218
- "null",
219
- "undefined"
187
+ "string"
220
188
  ]
221
189
  }
222
190
  },
@@ -225,9 +193,7 @@
225
193
  "description": "Set the height of the dialog.\nIf a unitless number is provided, pixels are assumed.",
226
194
  "value": {
227
195
  "type": [
228
- "string",
229
- "null",
230
- "undefined"
196
+ "string"
231
197
  ]
232
198
  }
233
199
  },
@@ -236,9 +202,7 @@
236
202
  "description": "Set to true to prevent the dialog from moving outside the viewport bounds.\nWhen enabled, all four edges of the dialog will remain visible, for example\nwhen dragging the dialog or when the viewport is resized. Note that the\ndialog will also adjust any programmatically configured size and position\nso that it stays within the viewport.",
237
203
  "value": {
238
204
  "type": [
239
- "boolean",
240
- "null",
241
- "undefined"
205
+ "boolean"
242
206
  ]
243
207
  }
244
208
  },
@@ -247,9 +211,7 @@
247
211
  "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.",
248
212
  "value": {
249
213
  "type": [
250
- "string",
251
- "null",
252
- "undefined"
214
+ "string"
253
215
  ]
254
216
  }
255
217
  },
@@ -258,9 +220,7 @@
258
220
  "description": "Set to true to remove backdrop and allow click events on background elements.",
259
221
  "value": {
260
222
  "type": [
261
- "boolean",
262
- "null",
263
- "undefined"
223
+ "boolean"
264
224
  ]
265
225
  }
266
226
  },
@@ -269,9 +229,7 @@
269
229
  "description": "Set to true to disable closing dialog on Escape press",
270
230
  "value": {
271
231
  "type": [
272
- "boolean",
273
- "null",
274
- "undefined"
232
+ "boolean"
275
233
  ]
276
234
  }
277
235
  },
@@ -280,9 +238,7 @@
280
238
  "description": "Set to true to disable closing dialog on outside click",
281
239
  "value": {
282
240
  "type": [
283
- "boolean",
284
- "null",
285
- "undefined"
241
+ "boolean"
286
242
  ]
287
243
  }
288
244
  },
@@ -291,9 +247,7 @@
291
247
  "description": "Set to true to disable focus trapping.",
292
248
  "value": {
293
249
  "type": [
294
- "boolean",
295
- "null",
296
- "undefined"
250
+ "boolean"
297
251
  ]
298
252
  }
299
253
  },
@@ -302,9 +256,7 @@
302
256
  "description": "True if the dialog is visible and available for interaction.",
303
257
  "value": {
304
258
  "type": [
305
- "boolean",
306
- "null",
307
- "undefined"
259
+ "boolean"
308
260
  ]
309
261
  }
310
262
  },
@@ -313,9 +265,7 @@
313
265
  "description": "The `role` attribute value to be set on the dialog. Defaults to \"dialog\".",
314
266
  "value": {
315
267
  "type": [
316
- "string",
317
- "null",
318
- "undefined"
268
+ "string"
319
269
  ]
320
270
  }
321
271
  },
@@ -334,9 +284,7 @@
334
284
  "description": "Set to true to enable resizing the dialog by dragging the corners and edges.",
335
285
  "value": {
336
286
  "type": [
337
- "boolean",
338
- "null",
339
- "undefined"
287
+ "boolean"
340
288
  ]
341
289
  }
342
290
  },
@@ -345,9 +293,7 @@
345
293
  "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.",
346
294
  "value": {
347
295
  "type": [
348
- "string",
349
- "null",
350
- "undefined"
296
+ "string"
351
297
  ]
352
298
  }
353
299
  },
@@ -356,9 +302,7 @@
356
302
  "description": "Set the width of the dialog.\nIf a unitless number is provided, pixels are assumed.",
357
303
  "value": {
358
304
  "type": [
359
- "string",
360
- "null",
361
- "undefined"
305
+ "string"
362
306
  ]
363
307
  }
364
308
  }
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.2.0-alpha1",
4
+ "version": "25.2.0-alpha10",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -27,99 +27,99 @@
27
27
  }
28
28
  },
29
29
  {
30
- "name": "?keepInViewport",
31
- "description": "Set to true to prevent the dialog from moving outside the viewport bounds.\nWhen enabled, all four edges of the dialog will remain visible, for example\nwhen dragging the dialog or when the viewport is resized. Note that the\ndialog will also adjust any programmatically configured size and position\nso that it stays within the viewport.",
30
+ "name": ".footerRenderer",
31
+ "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.",
32
32
  "value": {
33
33
  "kind": "expression"
34
34
  }
35
35
  },
36
36
  {
37
- "name": "?modeless",
38
- "description": "Set to true to remove backdrop and allow click events on background elements.",
37
+ "name": ".headerRenderer",
38
+ "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.",
39
39
  "value": {
40
40
  "kind": "expression"
41
41
  }
42
42
  },
43
43
  {
44
- "name": "?noCloseOnEsc",
45
- "description": "Set to true to disable closing dialog on Escape press",
44
+ "name": ".headerTitle",
45
+ "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.",
46
46
  "value": {
47
47
  "kind": "expression"
48
48
  }
49
49
  },
50
50
  {
51
- "name": "?noCloseOnOutsideClick",
52
- "description": "Set to true to disable closing dialog on outside click",
51
+ "name": ".height",
52
+ "description": "Set the height of the dialog.\nIf a unitless number is provided, pixels are assumed.",
53
53
  "value": {
54
54
  "kind": "expression"
55
55
  }
56
56
  },
57
57
  {
58
- "name": "?noFocusTrap",
59
- "description": "Set to true to disable focus trapping.",
58
+ "name": "?keepInViewport",
59
+ "description": "Set to true to prevent the dialog from moving outside the viewport bounds.\nWhen enabled, all four edges of the dialog will remain visible, for example\nwhen dragging the dialog or when the viewport is resized. Note that the\ndialog will also adjust any programmatically configured size and position\nso that it stays within the viewport.",
60
60
  "value": {
61
61
  "kind": "expression"
62
62
  }
63
63
  },
64
64
  {
65
- "name": "?opened",
66
- "description": "True if the dialog is visible and available for interaction.",
65
+ "name": ".left",
66
+ "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.",
67
67
  "value": {
68
68
  "kind": "expression"
69
69
  }
70
70
  },
71
71
  {
72
- "name": "?resizable",
73
- "description": "Set to true to enable resizing the dialog by dragging the corners and edges.",
72
+ "name": "?modeless",
73
+ "description": "Set to true to remove backdrop and allow click events on background elements.",
74
74
  "value": {
75
75
  "kind": "expression"
76
76
  }
77
77
  },
78
78
  {
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.",
79
+ "name": "?noCloseOnEsc",
80
+ "description": "Set to true to disable closing dialog on Escape press",
81
81
  "value": {
82
82
  "kind": "expression"
83
83
  }
84
84
  },
85
85
  {
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.",
86
+ "name": "?noCloseOnOutsideClick",
87
+ "description": "Set to true to disable closing dialog on outside click",
88
88
  "value": {
89
89
  "kind": "expression"
90
90
  }
91
91
  },
92
92
  {
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.",
93
+ "name": "?noFocusTrap",
94
+ "description": "Set to true to disable focus trapping.",
95
95
  "value": {
96
96
  "kind": "expression"
97
97
  }
98
98
  },
99
99
  {
100
- "name": ".height",
101
- "description": "Set the height of the dialog.\nIf a unitless number is provided, pixels are assumed.",
100
+ "name": "?opened",
101
+ "description": "True if the dialog is visible and available for interaction.",
102
102
  "value": {
103
103
  "kind": "expression"
104
104
  }
105
105
  },
106
106
  {
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.",
107
+ "name": ".overlayRole",
108
+ "description": "The `role` attribute value to be set on the dialog. Defaults to \"dialog\".",
109
109
  "value": {
110
110
  "kind": "expression"
111
111
  }
112
112
  },
113
113
  {
114
- "name": ".overlayRole",
115
- "description": "The `role` attribute value to be set on the dialog. Defaults to \"dialog\".",
114
+ "name": ".renderer",
115
+ "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.",
116
116
  "value": {
117
117
  "kind": "expression"
118
118
  }
119
119
  },
120
120
  {
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.",
121
+ "name": "?resizable",
122
+ "description": "Set to true to enable resizing the dialog by dragging the corners and edges.",
123
123
  "value": {
124
124
  "kind": "expression"
125
125
  }