@vaadin/confirm-dialog 25.0.0-rc1 → 25.0.1
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-confirm-dialog.d.ts +18 -0
- package/src/vaadin-confirm-dialog.js +19 -1
- package/web-types.json +2 -2
- package/web-types.lit.json +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/confirm-dialog",
|
|
3
|
-
"version": "25.0.
|
|
3
|
+
"version": "25.0.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -34,24 +34,24 @@
|
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
37
|
-
"@vaadin/button": "25.0.
|
|
38
|
-
"@vaadin/component-base": "25.0.
|
|
39
|
-
"@vaadin/dialog": "25.0.
|
|
40
|
-
"@vaadin/overlay": "25.0.
|
|
41
|
-
"@vaadin/vaadin-themable-mixin": "25.0.
|
|
37
|
+
"@vaadin/button": "~25.0.1",
|
|
38
|
+
"@vaadin/component-base": "~25.0.1",
|
|
39
|
+
"@vaadin/dialog": "~25.0.1",
|
|
40
|
+
"@vaadin/overlay": "~25.0.1",
|
|
41
|
+
"@vaadin/vaadin-themable-mixin": "~25.0.1",
|
|
42
42
|
"lit": "^3.0.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@vaadin/a11y-base": "25.0.
|
|
46
|
-
"@vaadin/chai-plugins": "25.0.
|
|
47
|
-
"@vaadin/test-runner-commands": "25.0.
|
|
45
|
+
"@vaadin/a11y-base": "~25.0.1",
|
|
46
|
+
"@vaadin/chai-plugins": "~25.0.1",
|
|
47
|
+
"@vaadin/test-runner-commands": "~25.0.1",
|
|
48
48
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
49
|
-
"@vaadin/vaadin-lumo-styles": "25.0.
|
|
49
|
+
"@vaadin/vaadin-lumo-styles": "~25.0.1",
|
|
50
50
|
"sinon": "^21.0.0"
|
|
51
51
|
},
|
|
52
52
|
"web-types": [
|
|
53
53
|
"web-types.json",
|
|
54
54
|
"web-types.lit.json"
|
|
55
55
|
],
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "ced28c07a8abee586510349b312452c8a555fd10"
|
|
57
57
|
}
|
|
@@ -34,6 +34,24 @@ export * from './vaadin-confirm-dialog-mixin.js';
|
|
|
34
34
|
* `confirm-button` | The "Confirm" button wrapper
|
|
35
35
|
* `reject-button` | The "Reject" button wrapper
|
|
36
36
|
*
|
|
37
|
+
* The following custom CSS properties are available for styling:
|
|
38
|
+
*
|
|
39
|
+
* Custom CSS property |
|
|
40
|
+
* :----------------------------------------|
|
|
41
|
+
* |`--vaadin-confirm-dialog-max-width` |
|
|
42
|
+
* |`--vaadin-confirm-dialog-min-width` |
|
|
43
|
+
* |`--vaadin-dialog-background` |
|
|
44
|
+
* |`--vaadin-dialog-border-color` |
|
|
45
|
+
* |`--vaadin-dialog-border-radius` |
|
|
46
|
+
* |`--vaadin-dialog-border-width` |
|
|
47
|
+
* |`--vaadin-dialog-padding` |
|
|
48
|
+
* |`--vaadin-dialog-shadow` |
|
|
49
|
+
* |`--vaadin-dialog-title-color` |
|
|
50
|
+
* |`--vaadin-dialog-title-font-size` |
|
|
51
|
+
* |`--vaadin-dialog-title-font-weight` |
|
|
52
|
+
* |`--vaadin-dialog-title-line-height` |
|
|
53
|
+
* |`--vaadin-overlay-backdrop-background` |
|
|
54
|
+
*
|
|
37
55
|
* Use `confirmTheme`, `cancelTheme` and `rejectTheme` properties to customize buttons theme.
|
|
38
56
|
*
|
|
39
57
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
@@ -38,6 +38,24 @@ import { ConfirmDialogMixin } from './vaadin-confirm-dialog-mixin.js';
|
|
|
38
38
|
* `confirm-button` | The "Confirm" button wrapper
|
|
39
39
|
* `reject-button` | The "Reject" button wrapper
|
|
40
40
|
*
|
|
41
|
+
* The following custom CSS properties are available for styling:
|
|
42
|
+
*
|
|
43
|
+
* Custom CSS property |
|
|
44
|
+
* :----------------------------------------|
|
|
45
|
+
* |`--vaadin-confirm-dialog-max-width` |
|
|
46
|
+
* |`--vaadin-confirm-dialog-min-width` |
|
|
47
|
+
* |`--vaadin-dialog-background` |
|
|
48
|
+
* |`--vaadin-dialog-border-color` |
|
|
49
|
+
* |`--vaadin-dialog-border-radius` |
|
|
50
|
+
* |`--vaadin-dialog-border-width` |
|
|
51
|
+
* |`--vaadin-dialog-padding` |
|
|
52
|
+
* |`--vaadin-dialog-shadow` |
|
|
53
|
+
* |`--vaadin-dialog-title-color` |
|
|
54
|
+
* |`--vaadin-dialog-title-font-size` |
|
|
55
|
+
* |`--vaadin-dialog-title-font-weight` |
|
|
56
|
+
* |`--vaadin-dialog-title-line-height` |
|
|
57
|
+
* |`--vaadin-overlay-backdrop-background` |
|
|
58
|
+
*
|
|
41
59
|
* Use `confirmTheme`, `cancelTheme` and `rejectTheme` properties to customize buttons theme.
|
|
42
60
|
*
|
|
43
61
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
@@ -76,7 +94,7 @@ class ConfirmDialog extends ConfirmDialogMixin(ElementMixin(ThemePropertyMixin(P
|
|
|
76
94
|
:host([opening]),
|
|
77
95
|
:host([closing]) {
|
|
78
96
|
display: block !important;
|
|
79
|
-
position:
|
|
97
|
+
position: fixed;
|
|
80
98
|
outline: none;
|
|
81
99
|
}
|
|
82
100
|
|
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": "25.0.
|
|
4
|
+
"version": "25.0.1",
|
|
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```html\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 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` | 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.\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",
|
|
11
|
+
"description": "`<vaadin-confirm-dialog>` is a Web Component for showing alerts and asking for user confirmation.\n\n```html\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 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` | 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\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-confirm-dialog-max-width` |\n|`--vaadin-confirm-dialog-min-width` |\n|`--vaadin-dialog-background` |\n|`--vaadin-dialog-border-color` |\n|`--vaadin-dialog-border-radius` |\n|`--vaadin-dialog-border-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\nUse `confirmTheme`, `cancelTheme` and `rejectTheme` properties to customize buttons theme.\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": "width",
|
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": "25.0.
|
|
4
|
+
"version": "25.0.1",
|
|
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```html\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 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` | 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.\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",
|
|
19
|
+
"description": "`<vaadin-confirm-dialog>` is a Web Component for showing alerts and asking for user confirmation.\n\n```html\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 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` | 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\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-confirm-dialog-max-width` |\n|`--vaadin-confirm-dialog-min-width` |\n|`--vaadin-dialog-background` |\n|`--vaadin-dialog-border-color` |\n|`--vaadin-dialog-border-radius` |\n|`--vaadin-dialog-border-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\nUse `confirmTheme`, `cancelTheme` and `rejectTheme` properties to customize buttons theme.\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
|
{
|