@vaadin/message-list 25.3.0-alpha7 → 25.3.0-dev.1fa5a51482
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 +71 -57
- package/package.json +11 -11
- package/src/vaadin-message-list.js +1 -0
- package/src/vaadin-message.js +1 -0
- package/web-types.json +4 -8
- package/web-types.lit.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -195,34 +195,6 @@
|
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
197
|
],
|
|
198
|
-
"mixins": [
|
|
199
|
-
{
|
|
200
|
-
"name": "SlotStylesMixin",
|
|
201
|
-
"package": "@vaadin/component-base/src/slot-styles-mixin.js"
|
|
202
|
-
},
|
|
203
|
-
{
|
|
204
|
-
"name": "MessageListMixin",
|
|
205
|
-
"module": "src/vaadin-message-list-mixin.js"
|
|
206
|
-
},
|
|
207
|
-
{
|
|
208
|
-
"name": "ElementMixin",
|
|
209
|
-
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
210
|
-
},
|
|
211
|
-
{
|
|
212
|
-
"name": "ThemableMixin",
|
|
213
|
-
"package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
|
|
214
|
-
},
|
|
215
|
-
{
|
|
216
|
-
"name": "PolylitMixin",
|
|
217
|
-
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
218
|
-
}
|
|
219
|
-
],
|
|
220
|
-
"superclass": {
|
|
221
|
-
"name": "LitElement",
|
|
222
|
-
"package": "lit"
|
|
223
|
-
},
|
|
224
|
-
"tagName": "vaadin-message-list",
|
|
225
|
-
"customElement": true,
|
|
226
198
|
"attributes": [
|
|
227
199
|
{
|
|
228
200
|
"name": "announce-messages",
|
|
@@ -259,8 +231,43 @@
|
|
|
259
231
|
"name": "MessageListMixin",
|
|
260
232
|
"module": "src/vaadin-message-list-mixin.js"
|
|
261
233
|
}
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"type": {
|
|
237
|
+
"text": "string"
|
|
238
|
+
},
|
|
239
|
+
"description": "The theme variants to apply to the component.",
|
|
240
|
+
"name": "theme"
|
|
262
241
|
}
|
|
263
|
-
]
|
|
242
|
+
],
|
|
243
|
+
"mixins": [
|
|
244
|
+
{
|
|
245
|
+
"name": "SlotStylesMixin",
|
|
246
|
+
"package": "@vaadin/component-base/src/slot-styles-mixin.js"
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"name": "MessageListMixin",
|
|
250
|
+
"module": "src/vaadin-message-list-mixin.js"
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"name": "ElementMixin",
|
|
254
|
+
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"name": "ThemableMixin",
|
|
258
|
+
"package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
"name": "PolylitMixin",
|
|
262
|
+
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
263
|
+
}
|
|
264
|
+
],
|
|
265
|
+
"superclass": {
|
|
266
|
+
"name": "LitElement",
|
|
267
|
+
"package": "lit"
|
|
268
|
+
},
|
|
269
|
+
"tagName": "vaadin-message-list",
|
|
270
|
+
"customElement": true
|
|
264
271
|
}
|
|
265
272
|
],
|
|
266
273
|
"exports": [
|
|
@@ -525,35 +532,14 @@
|
|
|
525
532
|
}
|
|
526
533
|
}
|
|
527
534
|
],
|
|
528
|
-
"
|
|
529
|
-
{
|
|
530
|
-
"name": "MessageMixin",
|
|
531
|
-
"module": "src/vaadin-message-mixin.js"
|
|
532
|
-
},
|
|
533
|
-
{
|
|
534
|
-
"name": "ElementMixin",
|
|
535
|
-
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
536
|
-
},
|
|
537
|
-
{
|
|
538
|
-
"name": "ThemableMixin",
|
|
539
|
-
"package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
|
|
540
|
-
},
|
|
535
|
+
"attributes": [
|
|
541
536
|
{
|
|
542
|
-
"
|
|
543
|
-
|
|
537
|
+
"type": {
|
|
538
|
+
"text": "string"
|
|
539
|
+
},
|
|
540
|
+
"description": "The theme variants to apply to the component.",
|
|
541
|
+
"name": "theme"
|
|
544
542
|
},
|
|
545
|
-
{
|
|
546
|
-
"name": "LumoInjectionMixin",
|
|
547
|
-
"package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
|
|
548
|
-
}
|
|
549
|
-
],
|
|
550
|
-
"superclass": {
|
|
551
|
-
"name": "LitElement",
|
|
552
|
-
"package": "lit"
|
|
553
|
-
},
|
|
554
|
-
"tagName": "vaadin-message",
|
|
555
|
-
"customElement": true,
|
|
556
|
-
"attributes": [
|
|
557
543
|
{
|
|
558
544
|
"name": "time",
|
|
559
545
|
"type": {
|
|
@@ -614,7 +600,35 @@
|
|
|
614
600
|
"module": "src/vaadin-message-mixin.js"
|
|
615
601
|
}
|
|
616
602
|
}
|
|
617
|
-
]
|
|
603
|
+
],
|
|
604
|
+
"mixins": [
|
|
605
|
+
{
|
|
606
|
+
"name": "MessageMixin",
|
|
607
|
+
"module": "src/vaadin-message-mixin.js"
|
|
608
|
+
},
|
|
609
|
+
{
|
|
610
|
+
"name": "ElementMixin",
|
|
611
|
+
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
612
|
+
},
|
|
613
|
+
{
|
|
614
|
+
"name": "ThemableMixin",
|
|
615
|
+
"package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"name": "PolylitMixin",
|
|
619
|
+
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
620
|
+
},
|
|
621
|
+
{
|
|
622
|
+
"name": "LumoInjectionMixin",
|
|
623
|
+
"package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
|
|
624
|
+
}
|
|
625
|
+
],
|
|
626
|
+
"superclass": {
|
|
627
|
+
"name": "LitElement",
|
|
628
|
+
"package": "lit"
|
|
629
|
+
},
|
|
630
|
+
"tagName": "vaadin-message",
|
|
631
|
+
"customElement": true
|
|
618
632
|
}
|
|
619
633
|
],
|
|
620
634
|
"exports": [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/message-list",
|
|
3
|
-
"version": "25.3.0-
|
|
3
|
+
"version": "25.3.0-dev.1fa5a51482",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,19 +37,19 @@
|
|
|
37
37
|
],
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
40
|
-
"@vaadin/a11y-base": "25.3.0-
|
|
41
|
-
"@vaadin/avatar": "25.3.0-
|
|
42
|
-
"@vaadin/component-base": "25.3.0-
|
|
43
|
-
"@vaadin/markdown": "25.3.0-
|
|
44
|
-
"@vaadin/vaadin-themable-mixin": "25.3.0-
|
|
40
|
+
"@vaadin/a11y-base": "25.3.0-dev.1fa5a51482",
|
|
41
|
+
"@vaadin/avatar": "25.3.0-dev.1fa5a51482",
|
|
42
|
+
"@vaadin/component-base": "25.3.0-dev.1fa5a51482",
|
|
43
|
+
"@vaadin/markdown": "25.3.0-dev.1fa5a51482",
|
|
44
|
+
"@vaadin/vaadin-themable-mixin": "25.3.0-dev.1fa5a51482",
|
|
45
45
|
"lit": "^3.0.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@vaadin/aura": "25.3.0-
|
|
49
|
-
"@vaadin/chai-plugins": "25.3.0-
|
|
50
|
-
"@vaadin/test-runner-commands": "25.3.0-
|
|
48
|
+
"@vaadin/aura": "25.3.0-dev.1fa5a51482",
|
|
49
|
+
"@vaadin/chai-plugins": "25.3.0-dev.1fa5a51482",
|
|
50
|
+
"@vaadin/test-runner-commands": "25.3.0-dev.1fa5a51482",
|
|
51
51
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
52
|
-
"@vaadin/vaadin-lumo-styles": "25.3.0-
|
|
52
|
+
"@vaadin/vaadin-lumo-styles": "25.3.0-dev.1fa5a51482",
|
|
53
53
|
"sinon": "^22.0.0"
|
|
54
54
|
},
|
|
55
55
|
"customElements": "custom-elements.json",
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"web-types.json",
|
|
58
58
|
"web-types.lit.json"
|
|
59
59
|
],
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "1cd5964b758ffbce3ddb6248a1997f55f8e0ebf6"
|
|
61
61
|
}
|
|
@@ -47,6 +47,7 @@ import { MessageListMixin } from './vaadin-message-list-mixin.js';
|
|
|
47
47
|
*
|
|
48
48
|
* @fires {CustomEvent} attachment-click - Fired when an attachment is clicked.
|
|
49
49
|
*
|
|
50
|
+
* @attr {string} theme - The theme variants to apply to the component.
|
|
50
51
|
* @customElement vaadin-message-list
|
|
51
52
|
* @extends HTMLElement
|
|
52
53
|
*/
|
package/src/vaadin-message.js
CHANGED
|
@@ -83,6 +83,7 @@ import { MessageMixin } from './vaadin-message-mixin.js';
|
|
|
83
83
|
*
|
|
84
84
|
* @fires {CustomEvent} attachment-click - Fired when an attachment is clicked.
|
|
85
85
|
*
|
|
86
|
+
* @attr {string} theme - The theme variants to apply to the component.
|
|
86
87
|
* @customElement vaadin-message
|
|
87
88
|
* @extends HTMLElement
|
|
88
89
|
*/
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/message-list",
|
|
4
|
-
"version": "25.3.0-
|
|
4
|
+
"version": "25.3.0-dev.1fa5a51482",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-message-list",
|
|
11
|
-
"description": "`<vaadin-message-list>` is a Web Component for showing an ordered list of messages. The messages are rendered as <vaadin-message>\n\n### Example\n\nTo create a new message list, add the component to the page:\n\n```html\n<vaadin-message-list></vaadin-message-list>\n```\n\nProvide the messages to the message list with the [`items`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-
|
|
11
|
+
"description": "`<vaadin-message-list>` is a Web Component for showing an ordered list of messages. The messages are rendered as <vaadin-message>\n\n### Example\n\nTo create a new message list, add the component to the page:\n\n```html\n<vaadin-message-list></vaadin-message-list>\n```\n\nProvide the messages to the message list with the [`items`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-dev.1fa5a51482/#/elements/vaadin-message-list#property-items) property.\n\n```js\ndocument.querySelector('vaadin-message-list').items = [\n { text: 'Hello list', time: 'yesterday', userName: 'Matt Mambo', userAbbr: 'MM', userColorIndex: 1 },\n { text: 'Another message', time: 'right now', userName: 'Linsey Listy', userAbbr: 'LL', userColorIndex: 2, userImg: '/static/img/avatar.jpg' }\n];\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------|----------------\n`list` | The container wrapping messages.\n\nSee the [`<vaadin-message>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-dev.1fa5a51482/#/elements/vaadin-message) documentation for the available\nstate attributes and stylable shadow parts of message elements.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "announce-messages",
|
|
@@ -33,9 +33,7 @@
|
|
|
33
33
|
"description": "The theme variants to apply to the component.",
|
|
34
34
|
"value": {
|
|
35
35
|
"type": [
|
|
36
|
-
"string"
|
|
37
|
-
"null",
|
|
38
|
-
"undefined"
|
|
36
|
+
"string"
|
|
39
37
|
]
|
|
40
38
|
}
|
|
41
39
|
}
|
|
@@ -87,9 +85,7 @@
|
|
|
87
85
|
"description": "The theme variants to apply to the component.",
|
|
88
86
|
"value": {
|
|
89
87
|
"type": [
|
|
90
|
-
"string"
|
|
91
|
-
"null",
|
|
92
|
-
"undefined"
|
|
88
|
+
"string"
|
|
93
89
|
]
|
|
94
90
|
}
|
|
95
91
|
},
|
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/message-list",
|
|
4
|
-
"version": "25.3.0-
|
|
4
|
+
"version": "25.3.0-dev.1fa5a51482",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-message-list",
|
|
19
|
-
"description": "`<vaadin-message-list>` is a Web Component for showing an ordered list of messages. The messages are rendered as <vaadin-message>\n\n### Example\n\nTo create a new message list, add the component to the page:\n\n```html\n<vaadin-message-list></vaadin-message-list>\n```\n\nProvide the messages to the message list with the [`items`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-
|
|
19
|
+
"description": "`<vaadin-message-list>` is a Web Component for showing an ordered list of messages. The messages are rendered as <vaadin-message>\n\n### Example\n\nTo create a new message list, add the component to the page:\n\n```html\n<vaadin-message-list></vaadin-message-list>\n```\n\nProvide the messages to the message list with the [`items`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-dev.1fa5a51482/#/elements/vaadin-message-list#property-items) property.\n\n```js\ndocument.querySelector('vaadin-message-list').items = [\n { text: 'Hello list', time: 'yesterday', userName: 'Matt Mambo', userAbbr: 'MM', userColorIndex: 1 },\n { text: 'Another message', time: 'right now', userName: 'Linsey Listy', userAbbr: 'LL', userColorIndex: 2, userImg: '/static/img/avatar.jpg' }\n];\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------|----------------\n`list` | The container wrapping messages.\n\nSee the [`<vaadin-message>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-dev.1fa5a51482/#/elements/vaadin-message) documentation for the available\nstate attributes and stylable shadow parts of message elements.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|