		{
		"name": "j-elements",
		"version": "0.3.0",
		"version": "0.5.0",
		"homepage": "https://jelements.netlify.com",
		@@ -9,4 +9,4 @@ "repository": "https://github.com/jouni/j-elements",
		],
		"description": "Proof-of-concept and prototype web components to fill in some gaps in the Vaadin components collection.",
		"main": "elements.js",
		"description": "Researching and prototyping web components",
		"main": "index.js",
		"keywords": [
		@@ -16,6 +16,18 @@ "web-components"
		"license": "Apache-2.0",
		"dependencies": {},
		"files": [
		"src/*"
		]
		"src/*/"
		],
		"scripts": {
		"start": "npx @11ty/eleventy --serve",
		"module-size": "node docs/scripts/module-size.js",
		"build": "npm run module-size && npx @11ty/eleventy"
		},
		"devDependencies": {
		"@11ty/eleventy": "^1.0.0",
		"@11ty/eleventy-navigation": "^0.3.2",
		"@11ty/eleventy-plugin-syntaxhighlight": "^4.0.0",
		"@node-minify/core": "^5.2.0",
		"@node-minify/uglify-es": "^5.2.0",
		"markdown-it-anchor": "^8.4.1"
		}
		}

README.md

		# JElements

		> Proof-of-concept helpers and prototype web components
		JElements is a web development research project, looking at some of the current problems around authoring and using web components and how to provide solutions to those problems while the browsers improve their capabilities.

		Not recommended for production, but very much recommended for testing and providing feedback 😊
		It also includes a collection or ready-to-use web components which test the solutions first-hand.

		> Not recommended for production, but very much recommended for testing and providing feedback 😊

		[Docs and demos ›](https://jelements.netlify.com)


		## Proof-of-concept helper elements and mixins

		See the documentation for `LightStyleElement`, `StylableMixin` and `PortalElement`.



		## Prototype web components

		Web components that try to fill in some gaps in the [Vaadin components collection](https://vaadin.com/components), and experiment with alternative implementation ideas for them by using the low-level elements and mixins.

		See the documentation site for all components.





		## Development / testing it locally

		Install Node.js and npm, then do the following:
		Install Node.js, including npm, then do the following:

		@@ -37,20 +22,8 @@ 1. Clone the repo and change to the project directory:

		1. Install project dependencies:
		1. Run the docs site:

		```
		cd docs
		npm install
		npm start
		```

		1. Install [Polymer CLI](https://www.polymer-project.org/3.0/docs/tools/polymer-cli):

		```
		npm install -g polymer-cli
		```

		1. Run the demos and open them in your default browser:

		```
		cd site
		npm link ../
		polymer serve -o
		```

src/util/MutationAnimationMixin.js

		@@ -1,2 +0,2 @@
		const MutationAnimationMixin = superClass => class JMutationAnimationMixin extends superClass {
		export const MutationAnimationMixin = superClass => class MutationAnimation extends superClass {
		_initAnimationMutationObserver() {
		@@ -61,3 +61,1 @@ this._insertClassName = this._insertClassName \|\| 'j-ma-insert';
		}

		export default MutationAnimationMixin;

elements.js

src/components/j-app-layout.js

src/components/j-avatar.js

src/components/j-card.js

src/components/j-dialog.js

src/components/j-placeholder.js

src/components/j-tooltip.js

src/components/JButton.js

src/components/JField.js

src/components/JIcon.js

src/components/JInput.js

src/styles/avatar-style.js

src/styles/button.css.js

src/styles/card-style.js

src/styles/dialog-style.js

src/styles/field.css.js

src/styles/input.css.js

src/styles/tooltip-style.js

src/util/applyStyles.js

src/util/LightStyleElement.js

src/util/NativeElementWrapper.js

src/util/NativeInputElementWrapper.js

src/util/PortalElement.js

src/util/StylableMixin.js

src/util/teleporting-element.js

src/.DS_Store

Sorry, the diff of this file is not supported yet

j-elements - npm Package Compare versions

New alerts

Fixed alerts

Worsened metrics