New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@vaadin/confirm-dialog
Advanced tools
@vaadin/confirm-dialog - npm Package Compare versions
Comparing version 24.7.0-alpha1 to 24.7.0-alpha2
| { | ||
| "name": "@vaadin/confirm-dialog", | ||
| "version": "24.7.0-alpha1", | ||
| "version": "24.7.0-alpha2", | ||
| "publishConfig": { | ||
@@ -40,14 +40,14 @@ "access": "public" | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/button": "24.7.0-alpha1", | ||
| "@vaadin/component-base": "24.7.0-alpha1", | ||
| "@vaadin/dialog": "24.7.0-alpha1", | ||
| "@vaadin/overlay": "24.7.0-alpha1", | ||
| "@vaadin/vaadin-lumo-styles": "24.7.0-alpha1", | ||
| "@vaadin/vaadin-material-styles": "24.7.0-alpha1", | ||
| "@vaadin/vaadin-themable-mixin": "24.7.0-alpha1", | ||
| "@vaadin/button": "24.7.0-alpha2", | ||
| "@vaadin/component-base": "24.7.0-alpha2", | ||
| "@vaadin/dialog": "24.7.0-alpha2", | ||
| "@vaadin/overlay": "24.7.0-alpha2", | ||
| "@vaadin/vaadin-lumo-styles": "24.7.0-alpha2", | ||
| "@vaadin/vaadin-material-styles": "24.7.0-alpha2", | ||
| "@vaadin/vaadin-themable-mixin": "24.7.0-alpha2", | ||
| "lit": "^3.0.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@vaadin/a11y-base": "24.7.0-alpha1", | ||
| "@vaadin/chai-plugins": "24.7.0-alpha1", | ||
| "@vaadin/a11y-base": "24.7.0-alpha2", | ||
| "@vaadin/chai-plugins": "24.7.0-alpha2", | ||
| "@vaadin/testing-helpers": "^1.0.0", | ||
@@ -60,3 +60,3 @@ "sinon": "^18.0.0" | ||
| ], | ||
| "gitHead": "04be941c9a7b659871c97f31b9cc3ffd7528087b" | ||
| "gitHead": "e2523f9b4abc5a9586fb758166f823dc40c399dd" | ||
| } |
@@ -39,2 +39,3 @@ /** | ||
| notify: true, | ||
| sync: true, | ||
| }, | ||
@@ -306,2 +307,6 @@ | ||
| this.addController(this._confirmController); | ||
| this._overlayElement = this.$.dialog.$.overlay; | ||
| this._initOverlay(this._overlayElement); | ||
| } | ||
@@ -308,0 +313,0 @@ |
@@ -107,11 +107,2 @@ /** | ||
| /** @protected */ | ||
| ready() { | ||
| super.ready(); | ||
| this._overlayElement = this.$.dialog.$.overlay; | ||
| this._initOverlay(this._overlayElement); | ||
| } | ||
| /** | ||
@@ -118,0 +109,0 @@ * @event confirm |
@@ -114,2 +114,3 @@ /** | ||
| ?resizable="${this.resizable}" | ||
| aria-label="${this.ariaLabel}" | ||
| restore-focus-on-close | ||
@@ -116,0 +117,0 @@ focus-trap |
@@ -70,13 +70,2 @@ /** | ||
| /** @protected */ | ||
| async ready() { | ||
| super.ready(); | ||
| await this.$.dialog.updateComplete; | ||
| this._overlayElement = this.$.dialog.$.overlay; | ||
| this._initOverlay(this._overlayElement); | ||
| } | ||
| /** @private */ | ||
@@ -83,0 +72,0 @@ _onOpenedChanged(event) { |
| { | ||
| "$schema": "https://json.schemastore.org/web-types", | ||
| "name": "@vaadin/confirm-dialog", | ||
| "version": "24.7.0-alpha1", | ||
| "version": "24.7.0-alpha2", | ||
| "description-markup": "markdown", | ||
@@ -11,3 +11,3 @@ "contributions": { | ||
| "name": "vaadin-confirm-dialog", | ||
| "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-alpha1/#/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", | ||
| "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-alpha2/#/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", | ||
| "attributes": [ | ||
@@ -14,0 +14,0 @@ { |
| { | ||
| "$schema": "https://json.schemastore.org/web-types", | ||
| "name": "@vaadin/confirm-dialog", | ||
| "version": "24.7.0-alpha1", | ||
| "version": "24.7.0-alpha2", | ||
| "description-markup": "markdown", | ||
@@ -19,3 +19,3 @@ "framework": "lit", | ||
| "name": "vaadin-confirm-dialog", | ||
| "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-alpha1/#/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", | ||
| "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-alpha2/#/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", | ||
| "extension": true, | ||
@@ -22,0 +22,0 @@ "attributes": [ |
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-0.25%
76528
- Lines of code
- decreased by-0.52%
1726
Dependency changes
+ Added@vaadin/a11y-base@24.7.0-alpha2(transitive)
+ Added@vaadin/button@24.7.0-alpha2(transitive)
+ Added@vaadin/component-base@24.7.0-alpha2(transitive)
+ Added@vaadin/dialog@24.7.0-alpha2(transitive)
+ Added@vaadin/icon@24.7.0-alpha2(transitive)
+ Added@vaadin/lit-renderer@24.7.0-alpha2(transitive)
+ Added@vaadin/overlay@24.7.0-alpha2(transitive)
+ Added@vaadin/vaadin-lumo-styles@24.7.0-alpha2(transitive)
+ Added@vaadin/vaadin-material-styles@24.7.0-alpha2(transitive)
+ Added@vaadin/vaadin-themable-mixin@24.7.0-alpha2(transitive)
- Removed@vaadin/a11y-base@24.7.0-alpha1(transitive)
- Removed@vaadin/button@24.7.0-alpha1(transitive)
- Removed@vaadin/component-base@24.7.0-alpha1(transitive)
- Removed@vaadin/dialog@24.7.0-alpha1(transitive)
- Removed@vaadin/icon@24.7.0-alpha1(transitive)
- Removed@vaadin/lit-renderer@24.7.0-alpha1(transitive)
- Removed@vaadin/overlay@24.7.0-alpha1(transitive)
- Removed@vaadin/vaadin-lumo-styles@24.7.0-alpha1(transitive)
- Removed@vaadin/vaadin-material-styles@24.7.0-alpha1(transitive)
- Removed@vaadin/vaadin-themable-mixin@24.7.0-alpha1(transitive)
Updated@vaadin/button@24.7.0-alpha2
Updated@vaadin/dialog@24.7.0-alpha2