New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@vaadin/avatar-group
Advanced tools
@vaadin/avatar-group - npm Package Compare versions
Comparing version 23.3.0-alpha3 to 23.3.0-alpha4
| { | ||
| "name": "@vaadin/avatar-group", | ||
| "version": "23.3.0-alpha3", | ||
| "version": "23.3.0-alpha4", | ||
| "publishConfig": { | ||
@@ -40,10 +40,10 @@ "access": "public" | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/avatar": "23.3.0-alpha3", | ||
| "@vaadin/component-base": "23.3.0-alpha3", | ||
| "@vaadin/item": "23.3.0-alpha3", | ||
| "@vaadin/list-box": "23.3.0-alpha3", | ||
| "@vaadin/vaadin-lumo-styles": "23.3.0-alpha3", | ||
| "@vaadin/vaadin-material-styles": "23.3.0-alpha3", | ||
| "@vaadin/vaadin-overlay": "23.3.0-alpha3", | ||
| "@vaadin/vaadin-themable-mixin": "23.3.0-alpha3" | ||
| "@vaadin/avatar": "23.3.0-alpha4", | ||
| "@vaadin/component-base": "23.3.0-alpha4", | ||
| "@vaadin/item": "23.3.0-alpha4", | ||
| "@vaadin/list-box": "23.3.0-alpha4", | ||
| "@vaadin/overlay": "23.3.0-alpha4", | ||
| "@vaadin/vaadin-lumo-styles": "23.3.0-alpha4", | ||
| "@vaadin/vaadin-material-styles": "23.3.0-alpha4", | ||
| "@vaadin/vaadin-themable-mixin": "23.3.0-alpha4" | ||
| }, | ||
@@ -59,3 +59,3 @@ "devDependencies": { | ||
| ], | ||
| "gitHead": "e86cd2abf3e28bade37711291331415d92c454ec" | ||
| "gitHead": "da037c0aa36e4b2874f253967300f6ca1af27315" | ||
| } |
@@ -6,4 +6,4 @@ /** | ||
| */ | ||
| import { OverlayElement } from '@vaadin/vaadin-overlay/src/vaadin-overlay.js'; | ||
| import { PositionMixin } from '@vaadin/vaadin-overlay/src/vaadin-overlay-position-mixin.js'; | ||
| import { Overlay } from '@vaadin/overlay/src/vaadin-overlay.js'; | ||
| import { PositionMixin } from '@vaadin/overlay/src/vaadin-overlay-position-mixin.js'; | ||
@@ -13,6 +13,6 @@ /** | ||
| * | ||
| * @extends OverlayElement | ||
| * @extends Overlay | ||
| * @private | ||
| */ | ||
| class AvatarGroupOverlay extends PositionMixin(OverlayElement) { | ||
| class AvatarGroupOverlay extends PositionMixin(Overlay) { | ||
| static get is() { | ||
@@ -19,0 +19,0 @@ return 'vaadin-avatar-group-overlay'; |
@@ -301,2 +301,9 @@ /** | ||
| /** @protected */ | ||
| disconnectedCallback() { | ||
| super.disconnectedCallback(); | ||
| this._opened = false; | ||
| } | ||
| /** | ||
@@ -303,0 +310,0 @@ * @return {!Array<!HTMLElement>} |
| import '@vaadin/avatar/theme/lumo/vaadin-avatar.js'; | ||
| import '@vaadin/item/theme/lumo/vaadin-item.js'; | ||
| import '@vaadin/list-box/theme/lumo/vaadin-list-box.js'; | ||
| import '@vaadin/vaadin-overlay/theme/lumo/vaadin-overlay.js'; | ||
| import '@vaadin/overlay/theme/lumo/vaadin-overlay.js'; | ||
| import './vaadin-avatar-group-styles.js'; | ||
| import '../../src/vaadin-avatar-group.js'; |
| import '@vaadin/avatar/theme/material/vaadin-avatar.js'; | ||
| import '@vaadin/item/theme/material/vaadin-item.js'; | ||
| import '@vaadin/list-box/theme/material/vaadin-list-box.js'; | ||
| import '@vaadin/vaadin-overlay/theme/material/vaadin-overlay.js'; | ||
| import '@vaadin/overlay/theme/material/vaadin-overlay.js'; | ||
| import './vaadin-avatar-group-styles.js'; | ||
| import '../../src/vaadin-avatar-group.js'; |
| { | ||
| "$schema": "https://json.schemastore.org/web-types", | ||
| "name": "@vaadin/avatar-group", | ||
| "version": "23.3.0-alpha3", | ||
| "version": "23.3.0-alpha4", | ||
| "description-markup": "markdown", | ||
@@ -11,3 +11,3 @@ "contributions": { | ||
| "name": "vaadin-avatar-group", | ||
| "description": "`<vaadin-avatar-group>` is a Web Component providing avatar group displaying functionality.\n\nTo create the avatar group, first add the component to the page:\n\n```\n<vaadin-avatar-group></vaadin-avatar-group>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-avatar-group#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-avatar-group').items = [\n {name: 'John Doe'},\n {abbr: 'AB'}\n];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n----------- | ---------------\n`container` | The container element\n`avatar` | Individual avatars\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-avatar-group>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-avatar-group-list-box>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-list-box).\n- `<vaadin-avatar-group-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-overlay).", | ||
| "description": "`<vaadin-avatar-group>` is a Web Component providing avatar group displaying functionality.\n\nTo create the avatar group, first add the component to the page:\n\n```\n<vaadin-avatar-group></vaadin-avatar-group>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-avatar-group#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-avatar-group').items = [\n {name: 'John Doe'},\n {abbr: 'AB'}\n];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n----------- | ---------------\n`container` | The container element\n`avatar` | Individual avatars\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-avatar-group>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-avatar-group-list-box>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-list-box).\n- `<vaadin-avatar-group-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-overlay).", | ||
| "attributes": [ | ||
@@ -41,3 +41,3 @@ { | ||
| "name": "items", | ||
| "description": "An array containing the items which will be stamped as avatars.\n\nThe items objects allow to configure [`name`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-avatar#property-name),\n[`abbr`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-avatar#property-abbr), [`img`](#/elements/vaadin-avatar#property-img)\nand [`colorIndex`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-avatar#property-colorIndex) properties on the\nstamped avatars.\n\n#### Example\n\n```js\ngroup.items = [\n {\n name: 'User name',\n img: 'url-to-image.png'\n },\n {\n abbr: 'JD',\n colorIndex: 1\n },\n];\n```", | ||
| "description": "An array containing the items which will be stamped as avatars.\n\nThe items objects allow to configure [`name`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-avatar#property-name),\n[`abbr`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-avatar#property-abbr), [`img`](#/elements/vaadin-avatar#property-img)\nand [`colorIndex`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-avatar#property-colorIndex) properties on the\nstamped avatars.\n\n#### Example\n\n```js\ngroup.items = [\n {\n name: 'User name',\n img: 'url-to-image.png'\n },\n {\n abbr: 'JD',\n colorIndex: 1\n },\n];\n```", | ||
| "value": { | ||
@@ -44,0 +44,0 @@ "type": [ |
| { | ||
| "$schema": "https://json.schemastore.org/web-types", | ||
| "name": "@vaadin/avatar-group", | ||
| "version": "23.3.0-alpha3", | ||
| "version": "23.3.0-alpha4", | ||
| "description-markup": "markdown", | ||
@@ -19,3 +19,3 @@ "framework": "lit", | ||
| "name": "vaadin-avatar-group", | ||
| "description": "`<vaadin-avatar-group>` is a Web Component providing avatar group displaying functionality.\n\nTo create the avatar group, first add the component to the page:\n\n```\n<vaadin-avatar-group></vaadin-avatar-group>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-avatar-group#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-avatar-group').items = [\n {name: 'John Doe'},\n {abbr: 'AB'}\n];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n----------- | ---------------\n`container` | The container element\n`avatar` | Individual avatars\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-avatar-group>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-avatar-group-list-box>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-list-box).\n- `<vaadin-avatar-group-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-overlay).", | ||
| "description": "`<vaadin-avatar-group>` is a Web Component providing avatar group displaying functionality.\n\nTo create the avatar group, first add the component to the page:\n\n```\n<vaadin-avatar-group></vaadin-avatar-group>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-avatar-group#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-avatar-group').items = [\n {name: 'John Doe'},\n {abbr: 'AB'}\n];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n----------- | ---------------\n`container` | The container element\n`avatar` | Individual avatars\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-avatar-group>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-avatar-group-list-box>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-list-box).\n- `<vaadin-avatar-group-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-overlay).", | ||
| "extension": true, | ||
@@ -25,3 +25,3 @@ "attributes": [ | ||
| "name": ".items", | ||
| "description": "An array containing the items which will be stamped as avatars.\n\nThe items objects allow to configure [`name`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-avatar#property-name),\n[`abbr`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-avatar#property-abbr), [`img`](#/elements/vaadin-avatar#property-img)\nand [`colorIndex`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha3/#/elements/vaadin-avatar#property-colorIndex) properties on the\nstamped avatars.\n\n#### Example\n\n```js\ngroup.items = [\n {\n name: 'User name',\n img: 'url-to-image.png'\n },\n {\n abbr: 'JD',\n colorIndex: 1\n },\n];\n```", | ||
| "description": "An array containing the items which will be stamped as avatars.\n\nThe items objects allow to configure [`name`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-avatar#property-name),\n[`abbr`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-avatar#property-abbr), [`img`](#/elements/vaadin-avatar#property-img)\nand [`colorIndex`](https://cdn.vaadin.com/vaadin-web-components/23.3.0-alpha4/#/elements/vaadin-avatar#property-colorIndex) properties on the\nstamped avatars.\n\n#### Example\n\n```js\ngroup.items = [\n {\n name: 'User name',\n img: 'url-to-image.png'\n },\n {\n abbr: 'JD',\n colorIndex: 1\n },\n];\n```", | ||
| "value": { | ||
@@ -28,0 +28,0 @@ "kind": "expression" |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.11%
52882
- Lines of code
- increased by0.52%
970
Dependency changes
+ Added@vaadin/avatar@23.3.0-alpha4(transitive)
+ Added@vaadin/component-base@23.3.0-alpha4(transitive)
+ Added@vaadin/icon@23.3.0-alpha4(transitive)
+ Added@vaadin/item@23.3.0-alpha4(transitive)
+ Added@vaadin/list-box@23.3.0-alpha4(transitive)
+ Added@vaadin/overlay@23.3.0-alpha4(transitive)
+ Added@vaadin/tooltip@23.3.0-alpha4(transitive)
+ Added@vaadin/vaadin-list-mixin@23.3.0-alpha4(transitive)
+ Added@vaadin/vaadin-lumo-styles@23.3.0-alpha4(transitive)
+ Added@vaadin/vaadin-material-styles@23.3.0-alpha4(transitive)
+ Added@vaadin/vaadin-themable-mixin@23.3.0-alpha4(transitive)
- Removed@vaadin/vaadin-overlay@23.3.0-alpha3
- Removed@vaadin/avatar@23.3.0-alpha3(transitive)
- Removed@vaadin/component-base@23.3.0-alpha3(transitive)
- Removed@vaadin/icon@23.3.0-alpha3(transitive)
- Removed@vaadin/item@23.3.0-alpha3(transitive)
- Removed@vaadin/list-box@23.3.0-alpha3(transitive)
- Removed@vaadin/tooltip@23.3.0-alpha3(transitive)
- Removed@vaadin/vaadin-list-mixin@23.3.0-alpha3(transitive)
- Removed@vaadin/vaadin-lumo-styles@23.3.0-alpha3(transitive)
- Removed@vaadin/vaadin-material-styles@23.3.0-alpha3(transitive)
- Removed@vaadin/vaadin-overlay@23.3.0-alpha3(transitive)
- Removed@vaadin/vaadin-themable-mixin@23.3.0-alpha3(transitive)
Updated@vaadin/avatar@23.3.0-alpha4
Updated@vaadin/item@23.3.0-alpha4