@vaadin/confirm-dialog 24.7.0-alpha1 → 24.7.0-alpha3
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/confirm-dialog",
|
|
3
|
-
"version": "24.7.0-
|
|
3
|
+
"version": "24.7.0-alpha3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,24 +37,24 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
39
39
|
"@polymer/polymer": "^3.0.0",
|
|
40
|
-
"@vaadin/button": "24.7.0-
|
|
41
|
-
"@vaadin/component-base": "24.7.0-
|
|
42
|
-
"@vaadin/dialog": "24.7.0-
|
|
43
|
-
"@vaadin/overlay": "24.7.0-
|
|
44
|
-
"@vaadin/vaadin-lumo-styles": "24.7.0-
|
|
45
|
-
"@vaadin/vaadin-material-styles": "24.7.0-
|
|
46
|
-
"@vaadin/vaadin-themable-mixin": "24.7.0-
|
|
40
|
+
"@vaadin/button": "24.7.0-alpha3",
|
|
41
|
+
"@vaadin/component-base": "24.7.0-alpha3",
|
|
42
|
+
"@vaadin/dialog": "24.7.0-alpha3",
|
|
43
|
+
"@vaadin/overlay": "24.7.0-alpha3",
|
|
44
|
+
"@vaadin/vaadin-lumo-styles": "24.7.0-alpha3",
|
|
45
|
+
"@vaadin/vaadin-material-styles": "24.7.0-alpha3",
|
|
46
|
+
"@vaadin/vaadin-themable-mixin": "24.7.0-alpha3",
|
|
47
47
|
"lit": "^3.0.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@vaadin/a11y-base": "24.7.0-
|
|
51
|
-
"@vaadin/chai-plugins": "24.7.0-
|
|
52
|
-
"@vaadin/testing-helpers": "^1.
|
|
50
|
+
"@vaadin/a11y-base": "24.7.0-alpha3",
|
|
51
|
+
"@vaadin/chai-plugins": "24.7.0-alpha3",
|
|
52
|
+
"@vaadin/testing-helpers": "^1.1.0",
|
|
53
53
|
"sinon": "^18.0.0"
|
|
54
54
|
},
|
|
55
55
|
"web-types": [
|
|
56
56
|
"web-types.json",
|
|
57
57
|
"web-types.lit.json"
|
|
58
58
|
],
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "dd5cfad6c9b54e676f5b10dffba2233775378f40"
|
|
60
60
|
}
|
|
@@ -36,6 +36,7 @@ export const ConfirmDialogMixin = (superClass) =>
|
|
|
36
36
|
type: Boolean,
|
|
37
37
|
value: false,
|
|
38
38
|
notify: true,
|
|
39
|
+
sync: true,
|
|
39
40
|
},
|
|
40
41
|
|
|
41
42
|
/**
|
|
@@ -302,6 +303,10 @@ export const ConfirmDialogMixin = (superClass) =>
|
|
|
302
303
|
},
|
|
303
304
|
});
|
|
304
305
|
this.addController(this._confirmController);
|
|
306
|
+
|
|
307
|
+
this._overlayElement = this.$.dialog.$.overlay;
|
|
308
|
+
|
|
309
|
+
this._initOverlay(this._overlayElement);
|
|
305
310
|
}
|
|
306
311
|
|
|
307
312
|
/** @protected */
|
|
@@ -104,15 +104,6 @@ class ConfirmDialog extends ConfirmDialogMixin(ElementMixin(ThemePropertyMixin(C
|
|
|
104
104
|
return 'vaadin-confirm-dialog';
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
/** @protected */
|
|
108
|
-
ready() {
|
|
109
|
-
super.ready();
|
|
110
|
-
|
|
111
|
-
this._overlayElement = this.$.dialog.$.overlay;
|
|
112
|
-
|
|
113
|
-
this._initOverlay(this._overlayElement);
|
|
114
|
-
}
|
|
115
|
-
|
|
116
107
|
/**
|
|
117
108
|
* @event confirm
|
|
118
109
|
* fired when Confirm button was pressed.
|
|
@@ -111,6 +111,7 @@ class ConfirmDialogDialog extends ConfirmDialogBaseMixin(
|
|
|
111
111
|
.modeless="${this.modeless}"
|
|
112
112
|
.withBackdrop="${!this.modeless}"
|
|
113
113
|
?resizable="${this.resizable}"
|
|
114
|
+
aria-label="${this.ariaLabel}"
|
|
114
115
|
restore-focus-on-close
|
|
115
116
|
focus-trap
|
|
116
117
|
></vaadin-confirm-dialog-overlay>
|
|
@@ -67,17 +67,6 @@ class ConfirmDialog extends ConfirmDialogMixin(ElementMixin(ThemePropertyMixin(P
|
|
|
67
67
|
`;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
/** @protected */
|
|
71
|
-
async ready() {
|
|
72
|
-
super.ready();
|
|
73
|
-
|
|
74
|
-
await this.$.dialog.updateComplete;
|
|
75
|
-
|
|
76
|
-
this._overlayElement = this.$.dialog.$.overlay;
|
|
77
|
-
|
|
78
|
-
this._initOverlay(this._overlayElement);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
70
|
/** @private */
|
|
82
71
|
_onOpenedChanged(event) {
|
|
83
72
|
this.opened = event.detail.value;
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/confirm-dialog",
|
|
4
|
-
"version": "24.7.0-
|
|
4
|
+
"version": "24.7.0-alpha3",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-confirm-dialog",
|
|
11
|
-
"description": "`<vaadin-confirm-dialog>` is a Web Component for showing alerts and asking for user confirmation.\n\n```\n<vaadin-confirm-dialog cancel-button-visible>\n There are unsaved changes. Do you really want to leave?\n</vaadin-confirm-dialog>\n```\n\n### Styling\n\nThe `<vaadin-confirm-dialog>` is not themable. Apply styles to `<vaadin-confirm-dialog-overlay>`\ncomponent and use its shadow parts for styling.\nSee [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-
|
|
11
|
+
"description": "`<vaadin-confirm-dialog>` is a Web Component for showing alerts and asking for user confirmation.\n\n```\n<vaadin-confirm-dialog cancel-button-visible>\n There are unsaved changes. Do you really want to leave?\n</vaadin-confirm-dialog>\n```\n\n### Styling\n\nThe `<vaadin-confirm-dialog>` is not themable. Apply styles to `<vaadin-confirm-dialog-overlay>`\ncomponent and use its shadow parts for styling.\nSee [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-alpha3/#/elements/vaadin-overlay) for the overlay styling documentation.\n\nIn addition to `<vaadin-overlay>` parts, the following parts are available for theming:\n\nPart name | Description\n-----------------|-------------------------------------------\n`header` | The header element wrapper\n`message` | The message element wrapper\n`footer` | The footer element that wraps the buttons\n`cancel-button` | The \"Cancel\" button wrapper\n`confirm-button` | The \"Confirm\" button wrapper\n`reject-button` | The \"Reject\" button wrapper\n\nUse `confirmTheme`, `cancelTheme` and `rejectTheme` properties to customize buttons theme.\nAlso, the `theme` attribute value set on `<vaadin-confirm-dialog>` is propagated to the\n`<vaadin-confirm-dialog-overlay>` component.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Custom content\n\nThe following slots are available for providing custom content:\n\nSlot name | Description\n------------------|---------------------------\n`header` | Slot for header element\n`cancel-button` | Slot for \"Cancel\" button\n`confirm-button` | Slot for \"Confirm\" button\n`reject-button` | Slot for \"Reject\" button",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "accessible-description-ref",
|
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/confirm-dialog",
|
|
4
|
-
"version": "24.7.0-
|
|
4
|
+
"version": "24.7.0-alpha3",
|
|
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-confirm-dialog",
|
|
19
|
-
"description": "`<vaadin-confirm-dialog>` is a Web Component for showing alerts and asking for user confirmation.\n\n```\n<vaadin-confirm-dialog cancel-button-visible>\n There are unsaved changes. Do you really want to leave?\n</vaadin-confirm-dialog>\n```\n\n### Styling\n\nThe `<vaadin-confirm-dialog>` is not themable. Apply styles to `<vaadin-confirm-dialog-overlay>`\ncomponent and use its shadow parts for styling.\nSee [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-
|
|
19
|
+
"description": "`<vaadin-confirm-dialog>` is a Web Component for showing alerts and asking for user confirmation.\n\n```\n<vaadin-confirm-dialog cancel-button-visible>\n There are unsaved changes. Do you really want to leave?\n</vaadin-confirm-dialog>\n```\n\n### Styling\n\nThe `<vaadin-confirm-dialog>` is not themable. Apply styles to `<vaadin-confirm-dialog-overlay>`\ncomponent and use its shadow parts for styling.\nSee [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-alpha3/#/elements/vaadin-overlay) for the overlay styling documentation.\n\nIn addition to `<vaadin-overlay>` parts, the following parts are available for theming:\n\nPart name | Description\n-----------------|-------------------------------------------\n`header` | The header element wrapper\n`message` | The message element wrapper\n`footer` | The footer element that wraps the buttons\n`cancel-button` | The \"Cancel\" button wrapper\n`confirm-button` | The \"Confirm\" button wrapper\n`reject-button` | The \"Reject\" button wrapper\n\nUse `confirmTheme`, `cancelTheme` and `rejectTheme` properties to customize buttons theme.\nAlso, the `theme` attribute value set on `<vaadin-confirm-dialog>` is propagated to the\n`<vaadin-confirm-dialog-overlay>` component.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Custom content\n\nThe following slots are available for providing custom content:\n\nSlot name | Description\n------------------|---------------------------\n`header` | Slot for header element\n`cancel-button` | Slot for \"Cancel\" button\n`confirm-button` | Slot for \"Confirm\" button\n`reject-button` | Slot for \"Reject\" button",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|