@vaadin/vaadin-avatar 21.0.0-beta2 → 21.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -45
- package/package.json +9 -9
- package/src/vaadin-avatar-group.js +1 -1
- package/src/vaadin-avatar.js +1 -1
package/README.md
CHANGED
|
@@ -7,10 +7,7 @@
|
|
|
7
7
|
[API documentation ↗](https://vaadin.com/components/vaadin-avatar/html-api)
|
|
8
8
|
|
|
9
9
|
[](https://www.npmjs.com/package/@vaadin/vaadin-avatar)
|
|
10
|
-
[](https://www.webcomponents.org/element/vaadin/vaadin-avatar)
|
|
11
|
-
[](https://travis-ci.org/vaadin/vaadin-avatar)
|
|
12
10
|
[](https://vaadin.com/directory/component/vaadinvaadin-avatar)
|
|
13
|
-
[](https://vaadin.com/directory/component/vaadinvaadin-avatar)
|
|
14
11
|
[](https://discord.gg/PHmkCKC)
|
|
15
12
|
|
|
16
13
|
```html
|
|
@@ -20,16 +17,15 @@
|
|
|
20
17
|
<vaadin-avatar-group max="2"></vaadin-avatar-group>
|
|
21
18
|
<script>
|
|
22
19
|
document.querySelector('vaadin-avatar-group').items = [
|
|
23
|
-
{name: 'Foo Bar', colorIndex: 1},
|
|
24
|
-
{colorIndex: 2},
|
|
25
|
-
{name: 'Foo Bar', colorIndex: 3}
|
|
20
|
+
{ name: 'Foo Bar', colorIndex: 1 },
|
|
21
|
+
{ colorIndex: 2 },
|
|
22
|
+
{ name: 'Foo Bar', colorIndex: 3 }
|
|
26
23
|
];
|
|
27
24
|
</script>
|
|
28
25
|
```
|
|
29
26
|
|
|
30
27
|
[<img src="https://raw.githubusercontent.com/vaadin/vaadin-avatar/master/screenshot.png" width="200" alt="Screenshot of vaadin-avatar">](https://vaadin.com/components/vaadin-avatar)
|
|
31
28
|
|
|
32
|
-
|
|
33
29
|
## Installation
|
|
34
30
|
|
|
35
31
|
Install `vaadin-avatar`:
|
|
@@ -68,46 +64,9 @@ To use the Material theme, import the correspondent file from the `theme/materia
|
|
|
68
64
|
`vaadin-avatar.js`
|
|
69
65
|
`vaadin-avatar-group.js`
|
|
70
66
|
|
|
71
|
-
|
|
72
|
-
## Running API docs and tests in a browser
|
|
73
|
-
|
|
74
|
-
1. Fork the `vaadin-avatar` repository and clone it locally.
|
|
75
|
-
|
|
76
|
-
1. Make sure you have [node.js](https://nodejs.org/) 12.x installed.
|
|
77
|
-
|
|
78
|
-
1. Make sure you have [npm](https://www.npmjs.com/) installed.
|
|
79
|
-
|
|
80
|
-
1. When in the `vaadin-avatar` directory, run `npm install` to install dependencies.
|
|
81
|
-
|
|
82
|
-
1. Run `npm start`, browser will automatically open the component API documentation.
|
|
83
|
-
|
|
84
|
-
1. You can also open visual tests, for example:
|
|
85
|
-
|
|
86
|
-
- http://127.0.0.1:3000/test/visual/default.html
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
## Running tests from the command line
|
|
90
|
-
|
|
91
|
-
1. When in the `vaadin-avatar` directory, run `npm test`
|
|
92
|
-
|
|
93
|
-
## Debugging tests in the browser
|
|
94
|
-
|
|
95
|
-
1. Run `npm run debug`, then choose manual mode (M) and open the link in browser.
|
|
96
|
-
|
|
97
|
-
## Following the coding style
|
|
98
|
-
|
|
99
|
-
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.
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
## Big Thanks
|
|
103
|
-
|
|
104
|
-
Cross-browser Testing Platform and Open Source <3 Provided by [Sauce Labs](https://saucelabs.com).
|
|
105
|
-
|
|
106
|
-
|
|
107
67
|
## Contributing
|
|
108
68
|
|
|
109
|
-
|
|
110
|
-
|
|
69
|
+
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.
|
|
111
70
|
|
|
112
71
|
## License
|
|
113
72
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/vaadin-avatar",
|
|
3
|
-
"version": "21.0.
|
|
3
|
+
"version": "21.0.2",
|
|
4
4
|
"description": "vaadin-avatar",
|
|
5
5
|
"main": "vaadin-avatar-group.js",
|
|
6
6
|
"module": "vaadin-avatar-group.js",
|
|
@@ -28,13 +28,13 @@
|
|
|
28
28
|
"@polymer/iron-a11y-announcer": "^3.0.0",
|
|
29
29
|
"@polymer/iron-resizable-behavior": "^3.0.0",
|
|
30
30
|
"@polymer/polymer": "^3.0.0",
|
|
31
|
-
"@vaadin/vaadin-element-mixin": "^21.0.
|
|
32
|
-
"@vaadin/vaadin-item": "^21.0.
|
|
33
|
-
"@vaadin/vaadin-list-box": "^21.0.
|
|
34
|
-
"@vaadin/vaadin-lumo-styles": "^21.0.
|
|
35
|
-
"@vaadin/vaadin-material-styles": "^21.0.
|
|
36
|
-
"@vaadin/vaadin-overlay": "^21.0.
|
|
37
|
-
"@vaadin/vaadin-themable-mixin": "^21.0.
|
|
31
|
+
"@vaadin/vaadin-element-mixin": "^21.0.2",
|
|
32
|
+
"@vaadin/vaadin-item": "^21.0.2",
|
|
33
|
+
"@vaadin/vaadin-list-box": "^21.0.2",
|
|
34
|
+
"@vaadin/vaadin-lumo-styles": "^21.0.2",
|
|
35
|
+
"@vaadin/vaadin-material-styles": "^21.0.2",
|
|
36
|
+
"@vaadin/vaadin-overlay": "^21.0.2",
|
|
37
|
+
"@vaadin/vaadin-themable-mixin": "^21.0.2"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@esm-bundle/chai": "^4.1.5",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"publishConfig": {
|
|
45
45
|
"access": "public"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "6d0571bce4ecc084a9c40b9d72d7c7cecaeae196"
|
|
48
48
|
}
|