@vaadin/avatar 25.1.0-alpha7 → 25.1.0-alpha9
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/custom-elements.json +58 -0
- package/package.json +10 -10
- package/web-types.json +33 -33
- package/web-types.lit.json +11 -11
package/custom-elements.json
CHANGED
|
@@ -46,6 +46,28 @@
|
|
|
46
46
|
"description": "Color index used for avatar background.",
|
|
47
47
|
"attribute": "color-index"
|
|
48
48
|
},
|
|
49
|
+
{
|
|
50
|
+
"kind": "field",
|
|
51
|
+
"name": "i18n",
|
|
52
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure and default values:\n```js\n{\n // Translation of the anonymous user avatar tooltip.\n anonymous: 'anonymous'\n}\n```",
|
|
53
|
+
"return": {
|
|
54
|
+
"type": {
|
|
55
|
+
"text": "!AvatarI18n"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
"parameters": [
|
|
59
|
+
{
|
|
60
|
+
"name": "value",
|
|
61
|
+
"type": {
|
|
62
|
+
"text": "Object"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
],
|
|
66
|
+
"inheritedFrom": {
|
|
67
|
+
"name": "I18nMixin",
|
|
68
|
+
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
49
71
|
{
|
|
50
72
|
"kind": "field",
|
|
51
73
|
"name": "img",
|
|
@@ -94,6 +116,13 @@
|
|
|
94
116
|
"description": "Color index used for avatar background.",
|
|
95
117
|
"fieldName": "colorIndex"
|
|
96
118
|
},
|
|
119
|
+
{
|
|
120
|
+
"name": "i18n",
|
|
121
|
+
"inheritedFrom": {
|
|
122
|
+
"name": "I18nMixin",
|
|
123
|
+
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
124
|
+
}
|
|
125
|
+
},
|
|
97
126
|
{
|
|
98
127
|
"name": "img",
|
|
99
128
|
"type": {
|
|
@@ -180,6 +209,28 @@
|
|
|
180
209
|
"module": "src/vaadin-avatar-mixin.js"
|
|
181
210
|
}
|
|
182
211
|
},
|
|
212
|
+
{
|
|
213
|
+
"kind": "field",
|
|
214
|
+
"name": "i18n",
|
|
215
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure and default values:\n```js\n{\n // Translation of the anonymous user avatar tooltip.\n anonymous: 'anonymous'\n}\n```",
|
|
216
|
+
"return": {
|
|
217
|
+
"type": {
|
|
218
|
+
"text": "!AvatarI18n"
|
|
219
|
+
}
|
|
220
|
+
},
|
|
221
|
+
"parameters": [
|
|
222
|
+
{
|
|
223
|
+
"name": "value",
|
|
224
|
+
"type": {
|
|
225
|
+
"text": "Object"
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
],
|
|
229
|
+
"inheritedFrom": {
|
|
230
|
+
"name": "I18nMixin",
|
|
231
|
+
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
232
|
+
}
|
|
233
|
+
},
|
|
183
234
|
{
|
|
184
235
|
"kind": "field",
|
|
185
236
|
"name": "img",
|
|
@@ -276,6 +327,13 @@
|
|
|
276
327
|
"module": "src/vaadin-avatar-mixin.js"
|
|
277
328
|
}
|
|
278
329
|
},
|
|
330
|
+
{
|
|
331
|
+
"name": "i18n",
|
|
332
|
+
"inheritedFrom": {
|
|
333
|
+
"name": "I18nMixin",
|
|
334
|
+
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
335
|
+
}
|
|
336
|
+
},
|
|
279
337
|
{
|
|
280
338
|
"name": "img",
|
|
281
339
|
"type": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/avatar",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-alpha9",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,18 +36,18 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
39
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
40
|
-
"@vaadin/component-base": "25.1.0-
|
|
41
|
-
"@vaadin/tooltip": "25.1.0-
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
39
|
+
"@vaadin/a11y-base": "25.1.0-alpha9",
|
|
40
|
+
"@vaadin/component-base": "25.1.0-alpha9",
|
|
41
|
+
"@vaadin/tooltip": "25.1.0-alpha9",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha9",
|
|
43
43
|
"lit": "^3.0.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@vaadin/aura": "25.1.0-
|
|
47
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
48
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
46
|
+
"@vaadin/aura": "25.1.0-alpha9",
|
|
47
|
+
"@vaadin/chai-plugins": "25.1.0-alpha9",
|
|
48
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha9",
|
|
49
49
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
50
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
50
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha9",
|
|
51
51
|
"sinon": "^21.0.0"
|
|
52
52
|
},
|
|
53
53
|
"customElements": "custom-elements.json",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"web-types.json",
|
|
56
56
|
"web-types.lit.json"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "ef432311376ba3dac4233cb23d393a49a425e0a4"
|
|
59
59
|
}
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/avatar",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha9",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
"description": "`<vaadin-avatar>` is a Web Component providing avatar displaying functionality.\n\n```html\n<vaadin-avatar img=\"avatars/avatar-1.jpg\"></vaadin-avatar>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n--------- | ---------------\n`abbr` | The abbreviation element\n`icon` | The icon element\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property | Description\n-------------------------------|-------------\n`--vaadin-avatar-background` | Background color of the avatar\n`--vaadin-avatar-border-color` | Border color of the avatar\n`--vaadin-avatar-border-width` | Border width of the avatar\n`--vaadin-avatar-font-size` | Font size of the avatar\n`--vaadin-avatar-font-weight` | Font weight of the avatar\n`--vaadin-avatar-size` | Size of the avatar\n`--vaadin-avatar-text-color` | Text color of the avatar\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n------------------|-------------\n`focus-ring` | Set when the avatar is focused using the keyboard.\n`focused` | Set when the avatar is focused.\n`has-color-index` | Set when the avatar has `colorIndex` and the corresponding custom CSS property exists.\n`has-tooltip` | Set when the element has a slotted tooltip.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
|
-
"name": "
|
|
15
|
-
"description": "
|
|
14
|
+
"name": "abbr",
|
|
15
|
+
"description": "A shortened form of name that is displayed\nin the avatar when `img` is not provided.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
18
|
"string",
|
|
@@ -22,19 +22,19 @@
|
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
|
-
"name": "
|
|
26
|
-
"description": "
|
|
25
|
+
"name": "color-index",
|
|
26
|
+
"description": "Color index used for avatar background.",
|
|
27
27
|
"value": {
|
|
28
28
|
"type": [
|
|
29
|
-
"
|
|
29
|
+
"number",
|
|
30
30
|
"null",
|
|
31
31
|
"undefined"
|
|
32
32
|
]
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
|
-
"name": "
|
|
37
|
-
"description": "
|
|
36
|
+
"name": "img",
|
|
37
|
+
"description": "The path to the image",
|
|
38
38
|
"value": {
|
|
39
39
|
"type": [
|
|
40
40
|
"string",
|
|
@@ -44,33 +44,33 @@
|
|
|
44
44
|
}
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
|
-
"name": "
|
|
48
|
-
"description": "
|
|
47
|
+
"name": "name",
|
|
48
|
+
"description": "Full name of the user\nused for the tooltip of the avatar.",
|
|
49
49
|
"value": {
|
|
50
50
|
"type": [
|
|
51
|
-
"
|
|
51
|
+
"string",
|
|
52
52
|
"null",
|
|
53
53
|
"undefined"
|
|
54
54
|
]
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "
|
|
59
|
-
"description": "
|
|
58
|
+
"name": "theme",
|
|
59
|
+
"description": "The theme variants to apply to the component.",
|
|
60
60
|
"value": {
|
|
61
61
|
"type": [
|
|
62
|
-
"
|
|
62
|
+
"string",
|
|
63
63
|
"null",
|
|
64
64
|
"undefined"
|
|
65
65
|
]
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
|
-
"name": "
|
|
70
|
-
"description": "
|
|
69
|
+
"name": "with-tooltip",
|
|
70
|
+
"description": "When true, the avatar has tooltip shown on hover and focus.\nThe tooltip text is based on the `name` and `abbr` properties.\nWhen neither is provided, `i18n.anonymous` is used instead.",
|
|
71
71
|
"value": {
|
|
72
72
|
"type": [
|
|
73
|
-
"
|
|
73
|
+
"boolean",
|
|
74
74
|
"null",
|
|
75
75
|
"undefined"
|
|
76
76
|
]
|
|
@@ -80,39 +80,39 @@
|
|
|
80
80
|
"js": {
|
|
81
81
|
"properties": [
|
|
82
82
|
{
|
|
83
|
-
"name": "
|
|
84
|
-
"description": "
|
|
83
|
+
"name": "abbr",
|
|
84
|
+
"description": "A shortened form of name that is displayed\nin the avatar when `img` is not provided.",
|
|
85
85
|
"value": {
|
|
86
86
|
"type": [
|
|
87
|
-
"
|
|
87
|
+
"string",
|
|
88
|
+
"null",
|
|
89
|
+
"undefined"
|
|
88
90
|
]
|
|
89
91
|
}
|
|
90
92
|
},
|
|
91
93
|
{
|
|
92
|
-
"name": "
|
|
93
|
-
"description": "
|
|
94
|
+
"name": "colorIndex",
|
|
95
|
+
"description": "Color index used for avatar background.",
|
|
94
96
|
"value": {
|
|
95
97
|
"type": [
|
|
96
|
-
"
|
|
98
|
+
"number",
|
|
97
99
|
"null",
|
|
98
100
|
"undefined"
|
|
99
101
|
]
|
|
100
102
|
}
|
|
101
103
|
},
|
|
102
104
|
{
|
|
103
|
-
"name": "
|
|
104
|
-
"description": "
|
|
105
|
+
"name": "i18n",
|
|
106
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure and default values:\n```js\n{\n // Translation of the anonymous user avatar tooltip.\n anonymous: 'anonymous'\n}\n```",
|
|
105
107
|
"value": {
|
|
106
108
|
"type": [
|
|
107
|
-
"
|
|
108
|
-
"null",
|
|
109
|
-
"undefined"
|
|
109
|
+
"AvatarI18n"
|
|
110
110
|
]
|
|
111
111
|
}
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
|
-
"name": "
|
|
115
|
-
"description": "
|
|
114
|
+
"name": "img",
|
|
115
|
+
"description": "The path to the image",
|
|
116
116
|
"value": {
|
|
117
117
|
"type": [
|
|
118
118
|
"string",
|
|
@@ -122,11 +122,11 @@
|
|
|
122
122
|
}
|
|
123
123
|
},
|
|
124
124
|
{
|
|
125
|
-
"name": "
|
|
126
|
-
"description": "
|
|
125
|
+
"name": "name",
|
|
126
|
+
"description": "Full name of the user\nused for the tooltip of the avatar.",
|
|
127
127
|
"value": {
|
|
128
128
|
"type": [
|
|
129
|
-
"
|
|
129
|
+
"string",
|
|
130
130
|
"null",
|
|
131
131
|
"undefined"
|
|
132
132
|
]
|
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/avatar",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha9",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -27,36 +27,36 @@
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
|
-
"name": ".
|
|
31
|
-
"description": "
|
|
30
|
+
"name": ".abbr",
|
|
31
|
+
"description": "A shortened form of name that is displayed\nin the avatar when `img` is not provided.",
|
|
32
32
|
"value": {
|
|
33
33
|
"kind": "expression"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
"name": ".
|
|
38
|
-
"description": "
|
|
37
|
+
"name": ".colorIndex",
|
|
38
|
+
"description": "Color index used for avatar background.",
|
|
39
39
|
"value": {
|
|
40
40
|
"kind": "expression"
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
"name": ".
|
|
45
|
-
"description": "
|
|
44
|
+
"name": ".i18n",
|
|
45
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure and default values:\n```js\n{\n // Translation of the anonymous user avatar tooltip.\n anonymous: 'anonymous'\n}\n```",
|
|
46
46
|
"value": {
|
|
47
47
|
"kind": "expression"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
|
-
"name": ".
|
|
52
|
-
"description": "
|
|
51
|
+
"name": ".img",
|
|
52
|
+
"description": "The path to the image",
|
|
53
53
|
"value": {
|
|
54
54
|
"kind": "expression"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": ".
|
|
59
|
-
"description": "
|
|
58
|
+
"name": ".name",
|
|
59
|
+
"description": "Full name of the user\nused for the tooltip of the avatar.",
|
|
60
60
|
"value": {
|
|
61
61
|
"kind": "expression"
|
|
62
62
|
}
|