@vaadin/input-container
Advanced tools
@vaadin/input-container - npm Package Compare versions
Comparing version
| { | ||
| "name": "@vaadin/input-container", | ||
| "version": "24.8.0-alpha9", | ||
| "version": "25.0.0-alpha1", | ||
| "publishConfig": { | ||
@@ -24,2 +24,3 @@ "access": "public" | ||
| "src", | ||
| "!src/vaadin-input-container-base-styles.js", | ||
| "theme", | ||
@@ -35,18 +36,16 @@ "vaadin-*.d.ts", | ||
| "dependencies": { | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/component-base": "24.8.0-alpha9", | ||
| "@vaadin/vaadin-lumo-styles": "24.8.0-alpha9", | ||
| "@vaadin/vaadin-material-styles": "24.8.0-alpha9", | ||
| "@vaadin/vaadin-themable-mixin": "24.8.0-alpha9", | ||
| "@vaadin/component-base": "25.0.0-alpha1", | ||
| "@vaadin/vaadin-lumo-styles": "25.0.0-alpha1", | ||
| "@vaadin/vaadin-themable-mixin": "25.0.0-alpha1", | ||
| "lit": "^3.0.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@vaadin/chai-plugins": "24.8.0-alpha9", | ||
| "@vaadin/icon": "24.8.0-alpha9", | ||
| "@vaadin/icons": "24.8.0-alpha9", | ||
| "@vaadin/test-runner-commands": "24.8.0-alpha9", | ||
| "@vaadin/chai-plugins": "25.0.0-alpha1", | ||
| "@vaadin/icon": "25.0.0-alpha1", | ||
| "@vaadin/icons": "25.0.0-alpha1", | ||
| "@vaadin/test-runner-commands": "25.0.0-alpha1", | ||
| "@vaadin/testing-helpers": "^1.1.0", | ||
| "sinon": "^18.0.0" | ||
| }, | ||
| "gitHead": "4de3809275ddfd733b0d13fd02af8faf73eb6770" | ||
| "gitHead": "b8c22a4a0c64156210d0daac96b43ae4e5526d49" | ||
| } |
@@ -6,11 +6,10 @@ /** | ||
| */ | ||
| import { html, PolymerElement } from '@polymer/polymer'; | ||
| import { html, LitElement } from 'lit'; | ||
| import { defineCustomElement } from '@vaadin/component-base/src/define.js'; | ||
| import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js'; | ||
| import { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js'; | ||
| import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js'; | ||
| import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js'; | ||
| import { inputContainerStyles } from './vaadin-input-container-core-styles.js'; | ||
| import { InputContainerMixin } from './vaadin-input-container-mixin.js'; | ||
| import { inputContainerStyles } from './vaadin-input-container-styles.js'; | ||
| registerStyles('vaadin-input-container', inputContainerStyles, { moduleId: 'vaadin-input-container-styles' }); | ||
| /** | ||
@@ -23,3 +22,3 @@ * @customElement | ||
| */ | ||
| export class InputContainer extends InputContainerMixin(ThemableMixin(DirMixin(PolymerElement))) { | ||
| export class InputContainer extends InputContainerMixin(ThemableMixin(DirMixin(PolylitMixin(LitElement)))) { | ||
| static get is() { | ||
@@ -29,3 +28,8 @@ return 'vaadin-input-container'; | ||
| static get template() { | ||
| static get styles() { | ||
| return inputContainerStyles; | ||
| } | ||
| /** @protected */ | ||
| render() { | ||
| return html` | ||
@@ -32,0 +36,0 @@ <slot name="prefix"></slot> |
Improved metrics
- Dependency count
4
-33.33%Worsened metrics
- Total package byte prevSize
25476
-13.09%- Number of package files
11
-31.25%- Lines of code
334
-25.61%Dependency changes
+ Added
@vaadin/component-base@25.0.0-alpha1(transitive)+ Added
@vaadin/icon@25.0.0-alpha1(transitive)+ Added
@vaadin/vaadin-lumo-styles@25.0.0-alpha1(transitive)+ Added
@vaadin/vaadin-themable-mixin@25.0.0-alpha1(transitive)+ Added
style-observer@0.0.8(transitive)- Removed
@polymer/polymer@^3.0.0- Removed
@polymer/polymer@3.5.2(transitive)- Removed
@vaadin/component-base@24.8.0-alpha9(transitive)- Removed
@vaadin/icon@24.8.0-alpha9(transitive)- Removed
@vaadin/vaadin-lumo-styles@24.8.0-alpha9(transitive)- Removed
@vaadin/vaadin-material-styles@24.8.0-alpha9(transitive)- Removed
@vaadin/vaadin-themable-mixin@24.8.0-alpha9(transitive)- Removed
@webcomponents/shadycss@1.11.2(transitive)