@vaadin/vaadin-dialog - npm Package Compare versions

		@@ -13,3 +13,3 @@ {
		"name": "@vaadin/vaadin-dialog",
		"version": "2.0.0-pre.3",
		"version": "2.1.0-alpha2",
		"main": "vaadin-dialog.js",
		@@ -26,20 +26,25 @@ "author": "Vaadin Ltd",
		"type-detect": "1.0.0",
		"@webcomponents/webcomponentsjs": "2.0.0-beta.2"
		"@vaadin/vaadin-themable-mixin": "1.2.0-alpha2",
		"@vaadin/vaadin-lumo-styles": "1.1.0-alpha3",
		"@vaadin/vaadin-element-mixin": "1.1.0-alpha1",
		"@vaadin/vaadin-development-mode-detector": "1.1.0-alpha2",
		"@vaadin/vaadin-usage-statistics": "1.1.0-alpha1"
		},
		"dependencies": {
		"@polymer/polymer": "^3.0.0-pre.13",
		"@vaadin/vaadin-overlay": "^3.0.2-pre.1",
		"@vaadin/vaadin-themable-mixin": "^1.1.5-pre.2",
		"@vaadin/vaadin-lumo-styles": "^1.0.0-pre.4",
		"@vaadin/vaadin-element-mixin": "^1.0.2-pre.2"
		"@polymer/polymer": "^3.0.0",
		"@vaadin/vaadin-element-mixin": "^1.1.0-alpha1",
		"@vaadin/vaadin-lumo-styles": "^1.1.0-alpha3",
		"@vaadin/vaadin-material-styles": "^1.1.0-alpha2",
		"@vaadin/vaadin-overlay": "^3.1.0-alpha2",
		"@vaadin/vaadin-themable-mixin": "^1.2.0-alpha2"
		},
		"devDependencies": {
		"@polymer/iron-component-page": "^3.0.0-pre.15",
		"@polymer/iron-demo-helpers": "^3.0.0-pre.15",
		"@polymer/iron-test-helpers": "^3.0.0-pre.15",
		"@vaadin/vaadin-button": "^2.0.0-pre.2",
		"@webcomponents/webcomponentsjs": "^2.0.0-beta.2",
		"wct-browser-legacy": "^0.0.1-pre.11",
		"@vaadin/vaadin-demo-helpers": "^1.2.5-pre.1"
		"@polymer/iron-component-page": "^3.0.0-pre.12",
		"@polymer/iron-demo-helpers": "^3.0.0-pre.12",
		"@polymer/iron-test-helpers": "^3.0.0-pre.12",
		"@vaadin/vaadin-button": "^2.0.0-pre.3",
		"@vaadin/vaadin-demo-helpers": "^2.0.0-alpha2",
		"@webcomponents/webcomponentsjs": "^1.0.0",
		"wct-browser-legacy": "0.0.1-pre.11"
		}
		}

README.md

		@@ -1,7 +0,10 @@
		![Bower version](https://img.shields.io/bower/v/vaadin-dialog.svg)
		[![npm version](https://badge.fury.io/js/%40vaadin%2Fvaadin-dialog.svg)](https://badge.fury.io/js/%40vaadin%2Fvaadin-dialog)
		[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/vaadin/vaadin-dialog)
		[![Build Status](https://travis-ci.org/vaadin/vaadin-dialog.svg?branch=master)](https://travis-ci.org/vaadin/vaadin-dialog)
		[![Coverage Status](https://coveralls.io/repos/github/vaadin/vaadin-dialog/badge.svg?branch=master)](https://coveralls.io/github/vaadin/vaadin-dialog?branch=master)
		[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/vaadin/web-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

		[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-dialog)
		[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/vaadinvaadin-dialog.svg)](https://vaadin.com/directory/component/vaadinvaadin-dialog)

		# <vaadin-dialog>
		@@ -8,0 +11,0 @@

src/vaadin-dialog.js

		@@ -1,8 +0,2 @@
		/**
		@license
		Copyright (c) 2017 Vaadin Ltd.
		This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
		*/
		import { PolymerElement } from '@polymer/polymer/polymer-element.js';

		import '@polymer/polymer/lib/utils/templatize.js';
		@@ -12,3 +6,21 @@ import { OverlayElement } from '@vaadin/vaadin-overlay/src/vaadin-overlay.js';
		import { html } from '@polymer/polymer/lib/utils/html-tag.js';
		const $_documentContainer = document.createElement('div');
		$_documentContainer.setAttribute('style', 'display: none;');

		$_documentContainer.innerHTML = `<dom-module id="vaadin-dialog-overlay-styles" theme-for="vaadin-dialog-overlay">
		<template>
		<style>
		/*
		NOTE(platosha): Make some min-width to prevent collapsing of the content
		taking the parent width, e. g., <vaadin-grid> and such.
		*/
		[part="content"] {
		min-width: 12em; /* matches the default <vaadin-text-field> width */
		}
		</style>
		</template>
		</dom-module>`;

		document.head.appendChild($_documentContainer);

		/**
		@@ -75,3 +87,3 @@ * The overlay element.
		static get version() {
		return '2.0.0-pre.3';
		return '2.1.0-alpha2';
		}
		@@ -78,0 +90,0 @@

test/visual/test.js

		@@ -19,3 +19,3 @@ gemini.suite('vaadin-dialog', function(rootSuite) {
		suite
		.setUrl('/default.html')
		.setUrl('default.html')
		.setCaptureElements('body')
		@@ -22,0 +22,0 @@ .capture('dialog');

theme/lumo/vaadin-dialog-styles.js

		import '@vaadin/vaadin-lumo-styles/spacing.js';
		import '@vaadin/vaadin-lumo-styles/mixins/overlay.js';
		const $_documentContainer = document.createElement('template');
		const $_documentContainer = document.createElement('div');
		$_documentContainer.setAttribute('style', 'display: none;');
		@@ -9,2 +9,7 @@
		<style include="lumo-overlay">
		:host {
		/* Optical centering */
		--_lumo-dialog-transform: translateY(calc((-100vh + 100%) / 20));
		}

		[part="overlay"] {
		@@ -14,2 +19,3 @@ box-shadow: 0 0 0 1px var(--lumo-shade-5pct), var(--lumo-box-shadow-xl);
		outline: none;
		transform: var(--_lumo-dialog-transform);
		}
		@@ -29,3 +35,3 @@
		:host([opening]) [part="overlay"] {
		animation: 0.2s 0.05s vaadin-dialog-enter cubic-bezier(.215, .61, .355, 1) both;
		animation: 0.12s 0.05s vaadin-dialog-enter cubic-bezier(.215, .61, .355, 1) both;
		}
		@@ -36,3 +42,3 @@
		opacity: 0;
		transform: scale(0.95);
		transform: scale(0.95) var(--_lumo-dialog-transform);
		}
		@@ -42,3 +48,3 @@ }
		:host([closing]) [part="overlay"] {
		animation: 0.15s 0.03s vaadin-dialog-exit cubic-bezier(.55, .055, .675, .19) both;
		animation: 0.1s 0.03s vaadin-dialog-exit cubic-bezier(.55, .055, .675, .19) both;
		}
		@@ -53,3 +59,3 @@
		opacity: 0;
		transform: scale(1.02);
		transform: scale(1.02) var(--_lumo-dialog-transform);
		}
		@@ -61,2 +67,2 @@ }

		document.head.appendChild($_documentContainer.content);
		document.head.appendChild($_documentContainer);

test/vaadin-dialog_test.html