New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@vaadin/vaadin-confirm-dialog
Advanced tools
@vaadin/vaadin-confirm-dialog - npm Package Compare versions
Comparing version 22.0.0-alpha1 to 22.0.0-alpha10
| { | ||
| "name": "@vaadin/vaadin-confirm-dialog", | ||
| "version": "22.0.0-alpha1", | ||
| "version": "22.0.0-alpha10", | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "description": "vaadin-confirm-dialog", | ||
| "license": "https://raw.githubusercontent.com/vaadin/vaadin-confirm-dialog/master/LICENSE", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "https://github.com/vaadin/web-components.git", | ||
| "directory": "packages/vaadin-confirm-dialog" | ||
| }, | ||
| "author": "Vaadin Ltd", | ||
| "homepage": "https://vaadin.com/components", | ||
| "bugs": { | ||
| "url": "https://github.com/vaadin/vaadin-confirm-dialog/issues" | ||
| }, | ||
| "main": "vaadin-confirm-dialog.js", | ||
| "module": "vaadin-confirm-dialog.js", | ||
| "repository": "vaadin/vaadin-confirm-dialog", | ||
| "files": [ | ||
| "src", | ||
| "theme", | ||
| "vaadin-*.d.ts", | ||
| "vaadin-*.js" | ||
| ], | ||
| "keywords": [ | ||
@@ -15,34 +34,6 @@ "Vaadin", | ||
| ], | ||
| "author": "Vaadin Ltd", | ||
| "license": "https://raw.githubusercontent.com/vaadin/vaadin-confirm-dialog/master/LICENSE", | ||
| "bugs": { | ||
| "url": "https://github.com/vaadin/vaadin-confirm-dialog/issues" | ||
| }, | ||
| "homepage": "https://vaadin.com/components", | ||
| "files": [ | ||
| "vaadin-*.d.ts", | ||
| "vaadin-*.js", | ||
| "src", | ||
| "theme" | ||
| ], | ||
| "dependencies": { | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/vaadin-button": "^22.0.0-alpha1", | ||
| "@vaadin/vaadin-dialog": "^22.0.0-alpha1", | ||
| "@vaadin/vaadin-element-mixin": "^22.0.0-alpha1", | ||
| "@vaadin/vaadin-license-checker": "^2.1.0", | ||
| "@vaadin/vaadin-lumo-styles": "^22.0.0-alpha1", | ||
| "@vaadin/vaadin-material-styles": "^22.0.0-alpha1", | ||
| "@vaadin/vaadin-overlay": "^22.0.0-alpha1", | ||
| "@vaadin/vaadin-themable-mixin": "^22.0.0-alpha1" | ||
| "@vaadin/confirm-dialog": "22.0.0-alpha10" | ||
| }, | ||
| "devDependencies": { | ||
| "@esm-bundle/chai": "^4.1.5", | ||
| "@vaadin/testing-helpers": "^0.2.1", | ||
| "sinon": "^9.2.1" | ||
| }, | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "gitHead": "c9694d6549bff1f7fffb9ece26178e57fc228a51" | ||
| "gitHead": "6d3055383b9c3c8306ea34c6f2e2087e63c49348" | ||
| } |
@@ -10,5 +10,3 @@ # <vaadin-confirm-dialog> | ||
| [](https://www.npmjs.com/package/@vaadin/vaadin-confirm-dialog) | ||
| [](https://travis-ci.org/vaadin/vaadin-confirm-dialog) | ||
| [](https://vaadin.com/directory/component/vaadinvaadin-confirm-dialog) | ||
| [](https://vaadin.com/directory/component/vaadinvaadin-confirm-dialog) | ||
| [](https://discord.gg/PHmkCKC) | ||
@@ -24,3 +22,2 @@ | ||
| ## Installation | ||
@@ -60,42 +57,6 @@ | ||
| ## Running API docs and tests in a browser | ||
| 1. Fork the `vaadin-confirm-dialog` repository and clone it locally. | ||
| 1. Make sure you have [node.js](https://nodejs.org/) 12.x installed. | ||
| 1. Make sure you have [npm](https://www.npmjs.com/) installed. | ||
| 1. When in the `vaadin-confirm-dialog` directory, run `npm install` to install dependencies. | ||
| 1. Run `npm start`, browser will automatically open the component API documentation. | ||
| 1. You can also open visual tests, for example: | ||
| - http://127.0.0.1:8000/test/visual/default.html | ||
| ## Running tests from the command line | ||
| 1. When in the `vaadin-confirm-dialog` directory, run `npm test` | ||
| ## Debugging tests in the browser | ||
| 1. Run `npm run debug`, then choose manual mode (M) and open the link in browser. | ||
| ### Big Thanks | ||
| Cross-browser Testing Platform and Open Source <3 Provided by [Sauce Labs](https://saucelabs.com). | ||
| ## Following the coding style | ||
| We are using [ESLint](http://eslint.org/) for linting JavaScript code. You can check if your code is following our standards by running `npm run lint`, which will automatically lint all `.js` files as well as JavaScript snippets inside `.html` files. | ||
| ## Contributing | ||
| To contribute to the component, please read [the guideline](https://github.com/vaadin/vaadin-core/blob/master/CONTRIBUTING.md) first. | ||
| Read the [contributing guide](https://vaadin.com/docs/latest/guide/contributing/overview) to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components. | ||
| ## License | ||
@@ -102,0 +63,0 @@ |
@@ -1,147 +0,18 @@ | ||
| import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js'; | ||
| /** | ||
| * @license | ||
| * Copyright (c) 2018 - 2021 Vaadin Ltd | ||
| * This program is available under Commercial Vaadin Developer License 4.0, available at https://vaadin.com/license/cvdl-4.0. | ||
| */ | ||
| import { ConfirmDialog } from '@vaadin/confirm-dialog/src/vaadin-confirm-dialog.js'; | ||
| import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js'; | ||
| /** | ||
| * Fired when the `opened` property changes. | ||
| * @deprecated Import `ConfirmDialog` from `@vaadin/confirm-dialog` instead. | ||
| */ | ||
| export type ConfirmDialogOpenedChangedEvent = CustomEvent<{ value: boolean }>; | ||
| export type ConfirmDialogElement = ConfirmDialog; | ||
| export interface ConfirmDialogElementEventMap { | ||
| 'opened-changed': ConfirmDialogOpenedChangedEvent; | ||
| confirm: Event; | ||
| cancel: Event; | ||
| reject: Event; | ||
| } | ||
| export type ConfirmDialogEventMap = HTMLElementEventMap & ConfirmDialogElementEventMap; | ||
| /** | ||
| * `<vaadin-confirm-dialog>` is a Web Component for showing alerts and asking for user confirmation. | ||
| * | ||
| * ``` | ||
| * <vaadin-confirm-dialog cancel> | ||
| * There are unsaved changes. Do you really want to leave? | ||
| * </vaadin-confirm-dialog> | ||
| * ``` | ||
| * | ||
| * ### Styling | ||
| * | ||
| * The following Shadow DOM parts are available for styling the dialog parts: | ||
| * | ||
| * Part name | Description | ||
| * -----------|---------------------------------------------------------| | ||
| * `header` | Header of the confirmation dialog | ||
| * `message` | Container for the message of the dialog | ||
| * `footer` | Container for the buttons | ||
| * | ||
| * See [Styling Components](https://vaadin.com/docs/latest/ds/customization/styling-components) documentation. | ||
| * | ||
| * ### Custom content | ||
| * | ||
| * The following parts are available for replacement: | ||
| * | ||
| * Slot name | Description | ||
| * ------------------|---------------------------------------------------------| | ||
| * `header` | Header of the confirmation dialog | ||
| * `message` | Container for the message of the dialog | ||
| * `cancel-button` | Container for the Cancel button | ||
| * `reject-button` | Container for the Reject button | ||
| * `confirm-button` | Container for the Confirm button | ||
| * | ||
| * @fires {Event} confirm - Fired when Confirm button was pressed. | ||
| * @fires {Event} cancel - Fired when Cancel button or Escape key was pressed. | ||
| * @fires {Event} reject - Fired when Reject button was pressed. | ||
| * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes. | ||
| * @deprecated Import `ConfirmDialog` from `@vaadin/confirm-dialog` instead. | ||
| */ | ||
| declare class ConfirmDialogElement extends ElementMixin(ThemableMixin(HTMLElement)) { | ||
| /** | ||
| * True if the overlay is currently displayed. | ||
| */ | ||
| opened: boolean; | ||
| export const ConfirmDialogElement: typeof ConfirmDialog; | ||
| /** | ||
| * Set the confirmation dialog title. | ||
| */ | ||
| header: string; | ||
| /** | ||
| * Set the message or confirmation question. | ||
| */ | ||
| message: string | null | undefined; | ||
| /** | ||
| * Text displayed on confirm-button. | ||
| * @attr {string} confirm-text | ||
| */ | ||
| confirmText: string; | ||
| /** | ||
| * Theme for a confirm-button. | ||
| * @attr {string} confirm-theme | ||
| */ | ||
| confirmTheme: string; | ||
| /** | ||
| * Set to true to disable closing dialog on Escape press | ||
| * @attr {boolean} no-close-on-esc | ||
| */ | ||
| noCloseOnEsc: boolean; | ||
| /** | ||
| * Whether to show cancel button or not. | ||
| */ | ||
| reject: boolean; | ||
| /** | ||
| * Text displayed on reject-button. | ||
| * @attr {string} reject-text | ||
| */ | ||
| rejectText: string; | ||
| /** | ||
| * Theme for a reject-button. | ||
| * @attr {string} reject-theme | ||
| */ | ||
| rejectTheme: string; | ||
| /** | ||
| * Whether to show cancel button or not. | ||
| */ | ||
| cancel: boolean; | ||
| /** | ||
| * Text displayed on cancel-button. | ||
| * @attr {string} cancel-text | ||
| */ | ||
| cancelText: string; | ||
| /** | ||
| * Theme for a cancel-button. | ||
| * @attr {string} cancel-theme | ||
| */ | ||
| cancelTheme: string; | ||
| addEventListener<K extends keyof ConfirmDialogEventMap>( | ||
| type: K, | ||
| listener: (this: ConfirmDialogElement, ev: ConfirmDialogEventMap[K]) => void, | ||
| options?: boolean | AddEventListenerOptions | ||
| ): void; | ||
| removeEventListener<K extends keyof ConfirmDialogEventMap>( | ||
| type: K, | ||
| listener: (this: ConfirmDialogElement, ev: ConfirmDialogEventMap[K]) => void, | ||
| options?: boolean | EventListenerOptions | ||
| ): void; | ||
| } | ||
| declare global { | ||
| interface HTMLElementTagNameMap { | ||
| 'vaadin-confirm-dialog': ConfirmDialogElement; | ||
| } | ||
| } | ||
| export { ConfirmDialogElement }; | ||
| export * from '@vaadin/confirm-dialog/src/vaadin-confirm-dialog.js'; |
@@ -6,413 +6,9 @@ /** | ||
| */ | ||
| import { PolymerElement, html } from '@polymer/polymer/polymer-element.js'; | ||
| import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js'; | ||
| import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js'; | ||
| import '@vaadin/vaadin-license-checker/vaadin-license-checker.js'; | ||
| import '@vaadin/vaadin-button/src/vaadin-button.js'; | ||
| import '@vaadin/vaadin-dialog/src/vaadin-dialog.js'; | ||
| import { ConfirmDialog } from '@vaadin/confirm-dialog/src/vaadin-confirm-dialog.js'; | ||
| /** | ||
| * `<vaadin-confirm-dialog>` is a Web Component for showing alerts and asking for user confirmation. | ||
| * | ||
| * ``` | ||
| * <vaadin-confirm-dialog cancel> | ||
| * There are unsaved changes. Do you really want to leave? | ||
| * </vaadin-confirm-dialog> | ||
| * ``` | ||
| * | ||
| * ### Styling | ||
| * | ||
| * The following Shadow DOM parts are available for styling the dialog parts: | ||
| * | ||
| * Part name | Description | ||
| * -----------|---------------------------------------------------------| | ||
| * `header` | Header of the confirmation dialog | ||
| * `message` | Container for the message of the dialog | ||
| * `footer` | Container for the buttons | ||
| * | ||
| * See [Styling Components](https://vaadin.com/docs/latest/ds/customization/styling-components) documentation. | ||
| * | ||
| * ### Custom content | ||
| * | ||
| * The following parts are available for replacement: | ||
| * | ||
| * Slot name | Description | ||
| * ------------------|---------------------------------------------------------| | ||
| * `header` | Header of the confirmation dialog | ||
| * `message` | Container for the message of the dialog | ||
| * `cancel-button` | Container for the Cancel button | ||
| * `reject-button` | Container for the Reject button | ||
| * `confirm-button` | Container for the Confirm button | ||
| * | ||
| * @fires {Event} confirm - Fired when Confirm button was pressed. | ||
| * @fires {Event} cancel - Fired when Cancel button or Escape key was pressed. | ||
| * @fires {Event} reject - Fired when Reject button was pressed. | ||
| * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes. | ||
| * | ||
| * @extends HTMLElement | ||
| * @mixes ElementMixin | ||
| * @mixes ThemableMixin | ||
| * @deprecated Import `ConfirmDialog` from `@vaadin/confirm-dialog` instead. | ||
| */ | ||
| class ConfirmDialogElement extends ElementMixin(ThemableMixin(PolymerElement)) { | ||
| static get template() { | ||
| return html` | ||
| <style> | ||
| :host { | ||
| display: none; | ||
| --_vaadin-confirm-dialog-content-width: auto; | ||
| --_vaadin-confirm-dialog-content-height: auto; | ||
| --_vaadin-confirm-dialog-footer-height: auto; | ||
| } | ||
| </style> | ||
| export const ConfirmDialogElement = ConfirmDialog; | ||
| <vaadin-dialog | ||
| id="dialog" | ||
| opened="{{opened}}" | ||
| aria-label="[[_getAriaLabel(header)]]" | ||
| theme$="_vaadin-confirm-dialog-dialog-overlay-theme [[theme]]" | ||
| no-close-on-outside-click | ||
| no-close-on-esc="[[noCloseOnEsc]]" | ||
| ></vaadin-dialog> | ||
| <template id="dialogTemplate"> | ||
| <div id="content"> | ||
| <div part="header"> | ||
| <slot name="header"> | ||
| <h3 class="header">[[header]]</h3> | ||
| </slot> | ||
| </div> | ||
| <div part="message" id="message"> | ||
| <slot></slot> | ||
| [[message]] | ||
| </div> | ||
| </div> | ||
| <div part="footer"> | ||
| <div class="cancel-button"> | ||
| <slot name="cancel-button"> | ||
| <vaadin-button | ||
| id="cancel" | ||
| theme$="[[cancelTheme]]" | ||
| on-click="_cancel" | ||
| hidden$="[[!cancel]]" | ||
| aria-describedby="message" | ||
| > | ||
| [[cancelText]] | ||
| </vaadin-button> | ||
| </slot> | ||
| </div> | ||
| <div class="reject-button"> | ||
| <slot name="reject-button"> | ||
| <vaadin-button | ||
| id="reject" | ||
| theme$="[[rejectTheme]]" | ||
| on-click="_reject" | ||
| hidden$="[[!reject]]" | ||
| aria-describedby="message" | ||
| > | ||
| [[rejectText]] | ||
| </vaadin-button> | ||
| </slot> | ||
| </div> | ||
| <div class="confirm-button"> | ||
| <slot name="confirm-button"> | ||
| <vaadin-button id="confirm" theme$="[[confirmTheme]]" on-click="_confirm" aria-describedby="message"> | ||
| [[confirmText]] | ||
| </vaadin-button> | ||
| </slot> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| `; | ||
| } | ||
| static get is() { | ||
| return 'vaadin-confirm-dialog'; | ||
| } | ||
| static get version() { | ||
| return '22.0.0-alpha1'; | ||
| } | ||
| static get properties() { | ||
| return { | ||
| /** | ||
| * True if the overlay is currently displayed. | ||
| * @type {boolean} | ||
| */ | ||
| opened: { | ||
| type: Boolean, | ||
| value: false, | ||
| notify: true, | ||
| observer: '_openedChanged' | ||
| }, | ||
| /** | ||
| * Set the confirmation dialog title. | ||
| * @type {string} | ||
| */ | ||
| header: { | ||
| type: String, | ||
| value: '' | ||
| }, | ||
| /** | ||
| * Set the message or confirmation question. | ||
| */ | ||
| message: { | ||
| type: String | ||
| }, | ||
| /** | ||
| * Text displayed on confirm-button. | ||
| * @attr {string} confirm-text | ||
| * @type {string} | ||
| */ | ||
| confirmText: { | ||
| type: String, | ||
| value: 'Confirm' | ||
| }, | ||
| /** | ||
| * Theme for a confirm-button. | ||
| * @attr {string} confirm-theme | ||
| * @type {string} | ||
| */ | ||
| confirmTheme: { | ||
| type: String, | ||
| value: 'primary' | ||
| }, | ||
| /** | ||
| * Set to true to disable closing dialog on Escape press | ||
| * @attr {boolean} no-close-on-esc | ||
| * @type {boolean} | ||
| */ | ||
| noCloseOnEsc: { | ||
| type: Boolean, | ||
| value: false | ||
| }, | ||
| /** | ||
| * Whether to show cancel button or not. | ||
| * @type {boolean} | ||
| */ | ||
| reject: { | ||
| type: Boolean, | ||
| reflectToAttribute: true, | ||
| value: false | ||
| }, | ||
| /** | ||
| * Text displayed on reject-button. | ||
| * @attr {string} reject-text | ||
| * @type {string} | ||
| */ | ||
| rejectText: { | ||
| type: String, | ||
| value: 'Reject' | ||
| }, | ||
| /** | ||
| * Theme for a reject-button. | ||
| * @attr {string} reject-theme | ||
| * @type {string} | ||
| */ | ||
| rejectTheme: { | ||
| type: String, | ||
| value: 'error tertiary' | ||
| }, | ||
| /** | ||
| * Whether to show cancel button or not. | ||
| * @type {boolean} | ||
| */ | ||
| cancel: { | ||
| type: Boolean, | ||
| reflectToAttribute: true, | ||
| value: false | ||
| }, | ||
| /** | ||
| * Text displayed on cancel-button. | ||
| * @attr {string} cancel-text | ||
| * @type {string} | ||
| */ | ||
| cancelText: { | ||
| type: String, | ||
| value: 'Cancel' | ||
| }, | ||
| /** | ||
| * Theme for a cancel-button. | ||
| * @attr {string} cancel-theme | ||
| * @type {string} | ||
| */ | ||
| cancelTheme: { | ||
| type: String, | ||
| value: 'tertiary' | ||
| }, | ||
| /** @private */ | ||
| _confirmButton: { | ||
| type: Element | ||
| } | ||
| }; | ||
| } | ||
| /** @protected */ | ||
| static _finalizeClass() { | ||
| super._finalizeClass(); | ||
| const devModeCallback = window.Vaadin.developmentModeCallback; | ||
| const licenseChecker = devModeCallback && devModeCallback['vaadin-license-checker']; | ||
| /* c8 ignore next 3 */ | ||
| if (typeof licenseChecker === 'function') { | ||
| licenseChecker(ConfirmDialogElement); | ||
| } | ||
| } | ||
| /** @protected */ | ||
| ready() { | ||
| super.ready(); | ||
| this.$.dialog.$.overlay.addEventListener('vaadin-overlay-escape-press', this._escPressed.bind(this)); | ||
| if (this._dimensions) { | ||
| Object.keys(this._dimensions).forEach((name) => { | ||
| this._setDimension(name, this._dimensions[name]); | ||
| }); | ||
| } | ||
| } | ||
| /** | ||
| * @param {string} name | ||
| * @param {?string} oldValue | ||
| * @param {?string} newValue | ||
| * @protected | ||
| */ | ||
| attributeChangedCallback(name, oldValue, newValue) { | ||
| super.attributeChangedCallback(name, oldValue, newValue); | ||
| if (name === 'dir') { | ||
| const value = newValue === 'rtl'; | ||
| this.__isRTL = value; | ||
| this.opened && this.__toggleContentRTL(value); | ||
| } | ||
| } | ||
| /** @private */ | ||
| __toggleContentRTL(rtl) { | ||
| const contentBlock = this.$.dialog.$.overlay.content.querySelector('#content'); | ||
| const footerBlock = this.$.dialog.$.overlay.content.querySelector('[part=footer]'); | ||
| if (rtl) { | ||
| contentBlock.setAttribute('dir', 'rtl'); | ||
| footerBlock.setAttribute('dir', 'rtl'); | ||
| } else { | ||
| contentBlock.removeAttribute('dir'); | ||
| footerBlock.removeAttribute('dir'); | ||
| } | ||
| } | ||
| /** @private */ | ||
| _openedChanged() { | ||
| if (!this.opened) { | ||
| return; | ||
| } | ||
| // TODO: A temporary hack as far as `vaadin-dialog` doesn't support the Polymer Template API anymore. | ||
| this.$.dialog.$.overlay.template = this.$.dialogTemplate; | ||
| const overlay = this.$.dialog.$.overlay; | ||
| Array.from(this.childNodes).forEach((c) => { | ||
| const newChild = overlay.$.content.appendChild(c); | ||
| if (newChild.getAttribute && newChild.getAttribute('slot') == 'confirm-button' && newChild.focus) { | ||
| this._confirmButton = newChild; | ||
| } | ||
| }); | ||
| this.__toggleContentRTL(this.__isRTL); | ||
| requestAnimationFrame(() => { | ||
| const confirmButton = this._confirmButton || overlay.content.querySelector('#confirm'); | ||
| confirmButton.focus(); | ||
| const { height } = getComputedStyle(overlay.content.querySelector('[part=footer]')); | ||
| this.$.dialog.$.overlay.style.setProperty('--_vaadin-confirm-dialog-footer-height', height); | ||
| }); | ||
| } | ||
| /** @private */ | ||
| _escPressed(event) { | ||
| if (!event.defaultPrevented) { | ||
| this._cancel(); | ||
| } | ||
| } | ||
| /** @private */ | ||
| _confirm() { | ||
| this.dispatchEvent(new CustomEvent('confirm')); | ||
| this.opened = false; | ||
| } | ||
| /** @private */ | ||
| _cancel() { | ||
| this.dispatchEvent(new CustomEvent('cancel')); | ||
| this.opened = false; | ||
| } | ||
| /** @private */ | ||
| _reject() { | ||
| this.dispatchEvent(new CustomEvent('reject')); | ||
| this.opened = false; | ||
| } | ||
| /** @private */ | ||
| _getAriaLabel(header) { | ||
| return header || 'confirmation'; | ||
| } | ||
| /** @private */ | ||
| _setWidth(width) { | ||
| this._setDimensionIfAttached('width', width); | ||
| } | ||
| /** @private */ | ||
| _setHeight(height) { | ||
| this._setDimensionIfAttached('height', height); | ||
| } | ||
| /** @private */ | ||
| _setDimensionIfAttached(name, value) { | ||
| if (this.$ && this.$.dialog) { | ||
| this._setDimension(name, value); | ||
| } else { | ||
| this._dimensions = this._dimensions || {}; | ||
| this._dimensions[name] = value; | ||
| } | ||
| } | ||
| /** @private */ | ||
| _setDimension(name, value) { | ||
| this.$.dialog.$.overlay.style.setProperty(`--_vaadin-confirm-dialog-content-${name}`, value); | ||
| } | ||
| /** | ||
| * @event confirm | ||
| * fired when Confirm button was pressed. | ||
| */ | ||
| /** | ||
| * @event cancel | ||
| * fired when Cancel button or Escape key was pressed. | ||
| */ | ||
| /** | ||
| * @event reject | ||
| * fired when Reject button was pressed. | ||
| */ | ||
| } | ||
| customElements.define(ConfirmDialogElement.is, ConfirmDialogElement); | ||
| export { ConfirmDialogElement }; | ||
| export * from '@vaadin/confirm-dialog/src/vaadin-confirm-dialog.js'; |
@@ -1,4 +0,1 @@ | ||
| import '@vaadin/vaadin-dialog/theme/lumo/vaadin-dialog.js'; | ||
| import '@vaadin/vaadin-button/theme/lumo/vaadin-button.js'; | ||
| import './vaadin-confirm-dialog-styles.js'; | ||
| import '../../src/vaadin-confirm-dialog.js'; | ||
| import '@vaadin/confirm-dialog/theme/lumo/vaadin-confirm-dialog.js'; |
@@ -1,4 +0,1 @@ | ||
| import '@vaadin/vaadin-dialog/theme/material/vaadin-dialog.js'; | ||
| import '@vaadin/vaadin-button/theme/material/vaadin-button.js'; | ||
| import './vaadin-confirm-dialog-styles.js'; | ||
| import '../../src/vaadin-confirm-dialog.js'; | ||
| import '@vaadin/confirm-dialog/theme/material/vaadin-confirm-dialog.js'; |
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
Improved metrics
- Dependency count
- decreased by-88.89%
1
- Dev dependency count
- decreased by-100%
0
- Number of low supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-52.07%
19213
- Number of package files
- decreased by-18.18%
9
- Lines of code
- decreased by-95.42%
31
- Number of lines in readme file
- decreased by-37.86%
64
- Number of medium supply chain risk alerts
- increased byInfinity%
1
Dependency changes
+ Added@vaadin/button@22.0.0-alpha10(transitive)
+ Added@vaadin/component-base@22.0.0-alpha10(transitive)
+ Added@vaadin/confirm-dialog@22.0.0-alpha10(transitive)
+ Added@vaadin/dialog@22.0.0-alpha10(transitive)
+ Added@vaadin/icon@22.0.0-alpha10(transitive)
+ Added@vaadin/vaadin-lumo-styles@22.0.0-alpha10(transitive)
+ Added@vaadin/vaadin-material-styles@22.0.0-alpha10(transitive)
+ Added@vaadin/vaadin-overlay@22.0.0-alpha10(transitive)
+ Added@vaadin/vaadin-themable-mixin@22.0.0-alpha10(transitive)
- Removed@polymer/polymer@^3.0.0
- Removed@vaadin/vaadin-button@^22.0.0-alpha1
- Removed@vaadin/vaadin-dialog@^22.0.0-alpha1
- Removed@open-wc/dedupe-mixin@1.4.0(transitive)
- Removed@vaadin/button@22.1.0(transitive)
- Removed@vaadin/component-base@22.1.0(transitive)
- Removed@vaadin/dialog@22.1.0(transitive)
- Removed@vaadin/icon@22.1.0(transitive)
- Removed@vaadin/vaadin-button@22.1.0(transitive)
- Removed@vaadin/vaadin-dialog@22.1.0(transitive)
- Removed@vaadin/vaadin-element-mixin@22.0.0-alpha6(transitive)
- Removed@vaadin/vaadin-lumo-styles@22.1.0(transitive)
- Removed@vaadin/vaadin-material-styles@22.1.0(transitive)
- Removed@vaadin/vaadin-overlay@22.1.0(transitive)
- Removed@vaadin/vaadin-themable-mixin@22.1.0(transitive)