@vaadin/details 25.1.0-alpha6 → 25.1.0-alpha8
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 +370 -0
- package/package.json +12 -10
- package/src/vaadin-details-summary.js +1 -1
- package/src/vaadin-details.js +1 -1
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
|
@@ -0,0 +1,370 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "vaadin-details.js",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "js",
|
|
12
|
+
"name": "*",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "*",
|
|
15
|
+
"module": "src/vaadin-details.js"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"kind": "javascript-module",
|
|
22
|
+
"path": "vaadin-details-summary.js",
|
|
23
|
+
"declarations": [],
|
|
24
|
+
"exports": [
|
|
25
|
+
{
|
|
26
|
+
"kind": "js",
|
|
27
|
+
"name": "*",
|
|
28
|
+
"declaration": {
|
|
29
|
+
"name": "*",
|
|
30
|
+
"module": "src/vaadin-details-summary.js"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"kind": "javascript-module",
|
|
37
|
+
"path": "src/collapsible-mixin.js",
|
|
38
|
+
"declarations": [
|
|
39
|
+
{
|
|
40
|
+
"kind": "mixin",
|
|
41
|
+
"description": "A mixin providing common functionality for making content collapsible,\nused by `<vaadin-details>` and `<vaadin-accordion-panel>` elements.",
|
|
42
|
+
"name": "CollapsibleMixin",
|
|
43
|
+
"members": [
|
|
44
|
+
{
|
|
45
|
+
"kind": "field",
|
|
46
|
+
"name": "opened",
|
|
47
|
+
"privacy": "public",
|
|
48
|
+
"type": {
|
|
49
|
+
"text": "boolean"
|
|
50
|
+
},
|
|
51
|
+
"description": "If true, the collapsible content is visible.",
|
|
52
|
+
"attribute": "opened"
|
|
53
|
+
}
|
|
54
|
+
],
|
|
55
|
+
"attributes": [
|
|
56
|
+
{
|
|
57
|
+
"name": "opened",
|
|
58
|
+
"type": {
|
|
59
|
+
"text": "boolean"
|
|
60
|
+
},
|
|
61
|
+
"description": "If true, the collapsible content is visible.",
|
|
62
|
+
"fieldName": "opened"
|
|
63
|
+
}
|
|
64
|
+
],
|
|
65
|
+
"parameters": [
|
|
66
|
+
{
|
|
67
|
+
"name": "superClass"
|
|
68
|
+
}
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
],
|
|
72
|
+
"exports": [
|
|
73
|
+
{
|
|
74
|
+
"kind": "js",
|
|
75
|
+
"name": "CollapsibleMixin",
|
|
76
|
+
"declaration": {
|
|
77
|
+
"name": "CollapsibleMixin",
|
|
78
|
+
"module": "src/collapsible-mixin.js"
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
]
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"kind": "javascript-module",
|
|
85
|
+
"path": "src/vaadin-details-base-mixin.js",
|
|
86
|
+
"declarations": [
|
|
87
|
+
{
|
|
88
|
+
"kind": "mixin",
|
|
89
|
+
"description": "",
|
|
90
|
+
"name": "DetailsBaseMixin",
|
|
91
|
+
"members": [
|
|
92
|
+
{
|
|
93
|
+
"kind": "field",
|
|
94
|
+
"name": "opened",
|
|
95
|
+
"privacy": "public",
|
|
96
|
+
"type": {
|
|
97
|
+
"text": "boolean"
|
|
98
|
+
},
|
|
99
|
+
"description": "If true, the collapsible content is visible.",
|
|
100
|
+
"attribute": "opened",
|
|
101
|
+
"inheritedFrom": {
|
|
102
|
+
"name": "CollapsibleMixin",
|
|
103
|
+
"module": "src/collapsible-mixin.js"
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"kind": "field",
|
|
108
|
+
"name": "summary",
|
|
109
|
+
"privacy": "public",
|
|
110
|
+
"type": {
|
|
111
|
+
"text": "string"
|
|
112
|
+
},
|
|
113
|
+
"description": "A text that is displayed in the summary, if no\nelement is assigned to the `summary` slot.",
|
|
114
|
+
"attribute": "summary"
|
|
115
|
+
}
|
|
116
|
+
],
|
|
117
|
+
"attributes": [
|
|
118
|
+
{
|
|
119
|
+
"name": "opened",
|
|
120
|
+
"type": {
|
|
121
|
+
"text": "boolean"
|
|
122
|
+
},
|
|
123
|
+
"description": "If true, the collapsible content is visible.",
|
|
124
|
+
"fieldName": "opened",
|
|
125
|
+
"inheritedFrom": {
|
|
126
|
+
"name": "CollapsibleMixin",
|
|
127
|
+
"module": "src/collapsible-mixin.js"
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"name": "summary",
|
|
132
|
+
"type": {
|
|
133
|
+
"text": "string"
|
|
134
|
+
},
|
|
135
|
+
"description": "A text that is displayed in the summary, if no\nelement is assigned to the `summary` slot.",
|
|
136
|
+
"fieldName": "summary"
|
|
137
|
+
}
|
|
138
|
+
],
|
|
139
|
+
"mixins": [
|
|
140
|
+
{
|
|
141
|
+
"name": "CollapsibleMixin",
|
|
142
|
+
"module": "src/collapsible-mixin.js"
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"name": "DelegateFocusMixin",
|
|
146
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"name": "DelegateStateMixin",
|
|
150
|
+
"package": "@vaadin/component-base/src/delegate-state-mixin.js"
|
|
151
|
+
}
|
|
152
|
+
],
|
|
153
|
+
"parameters": [
|
|
154
|
+
{
|
|
155
|
+
"name": "superClass"
|
|
156
|
+
}
|
|
157
|
+
]
|
|
158
|
+
}
|
|
159
|
+
],
|
|
160
|
+
"exports": [
|
|
161
|
+
{
|
|
162
|
+
"kind": "js",
|
|
163
|
+
"name": "DetailsBaseMixin",
|
|
164
|
+
"declaration": {
|
|
165
|
+
"name": "DetailsBaseMixin",
|
|
166
|
+
"module": "src/vaadin-details-base-mixin.js"
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
]
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"kind": "javascript-module",
|
|
173
|
+
"path": "src/vaadin-details-summary.js",
|
|
174
|
+
"declarations": [
|
|
175
|
+
{
|
|
176
|
+
"kind": "class",
|
|
177
|
+
"description": "The details summary element.\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n-----------|-------------------\n`toggle` | The icon element\n`content` | The content wrapper\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-------------| -----------\n`active` | Set when the element is pressed down, either with mouse, touch or the keyboard.\n`opened` | Set when the element is expanded and related collapsible content is visible.\n`disabled` | Set when the element is disabled.\n`focus-ring` | Set when the element is focused using the keyboard.\n`focused` | Set when the element is focused.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:------------------------------------------|\n| `--vaadin-details-summary-background` |\n| `--vaadin-details-summary-border-color` |\n| `--vaadin-details-summary-border-radius` |\n| `--vaadin-details-summary-border-width` |\n| `--vaadin-details-summary-font-size` |\n| `--vaadin-details-summary-font-weight` |\n| `--vaadin-details-summary-gap` |\n| `--vaadin-details-summary-height` |\n| `--vaadin-details-summary-padding` |\n| `--vaadin-details-summary-text-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
178
|
+
"name": "DetailsSummary",
|
|
179
|
+
"members": [
|
|
180
|
+
{
|
|
181
|
+
"kind": "field",
|
|
182
|
+
"name": "opened",
|
|
183
|
+
"privacy": "public",
|
|
184
|
+
"type": {
|
|
185
|
+
"text": "boolean"
|
|
186
|
+
},
|
|
187
|
+
"description": "When true, the element is opened.",
|
|
188
|
+
"attribute": "opened"
|
|
189
|
+
}
|
|
190
|
+
],
|
|
191
|
+
"attributes": [
|
|
192
|
+
{
|
|
193
|
+
"name": "opened",
|
|
194
|
+
"type": {
|
|
195
|
+
"text": "boolean"
|
|
196
|
+
},
|
|
197
|
+
"description": "When true, the element is opened.",
|
|
198
|
+
"fieldName": "opened"
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
"name": "tabindex",
|
|
202
|
+
"type": {
|
|
203
|
+
"text": "number"
|
|
204
|
+
},
|
|
205
|
+
"description": "Indicates whether the element can be focused and where it participates in sequential keyboard navigation.",
|
|
206
|
+
"fieldName": "tabindex",
|
|
207
|
+
"inheritedFrom": {
|
|
208
|
+
"name": "TabindexMixin",
|
|
209
|
+
"package": "@vaadin/a11y-base/src/tabindex-mixin.js"
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
],
|
|
213
|
+
"mixins": [
|
|
214
|
+
{
|
|
215
|
+
"name": "ButtonMixin",
|
|
216
|
+
"package": "@vaadin/button/src/vaadin-button-mixin.js"
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"name": "DirMixin",
|
|
220
|
+
"package": "@vaadin/component-base/src/dir-mixin.js"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"name": "ThemableMixin",
|
|
224
|
+
"package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"name": "PolylitMixin",
|
|
228
|
+
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "LumoInjectionMixin",
|
|
232
|
+
"package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
|
|
233
|
+
}
|
|
234
|
+
],
|
|
235
|
+
"superclass": {
|
|
236
|
+
"name": "LitElement",
|
|
237
|
+
"package": "lit"
|
|
238
|
+
},
|
|
239
|
+
"tagName": "vaadin-details-summary",
|
|
240
|
+
"customElement": true,
|
|
241
|
+
"events": []
|
|
242
|
+
}
|
|
243
|
+
],
|
|
244
|
+
"exports": [
|
|
245
|
+
{
|
|
246
|
+
"kind": "js",
|
|
247
|
+
"name": "DetailsSummary",
|
|
248
|
+
"declaration": {
|
|
249
|
+
"name": "DetailsSummary",
|
|
250
|
+
"module": "src/vaadin-details-summary.js"
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
]
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
"kind": "javascript-module",
|
|
257
|
+
"path": "src/vaadin-details.js",
|
|
258
|
+
"declarations": [
|
|
259
|
+
{
|
|
260
|
+
"kind": "class",
|
|
261
|
+
"description": "`<vaadin-details>` is a Web Component which the creates an\nexpandable panel similar to `<details>` HTML element.\n\n```html\n<vaadin-details>\n <vaadin-details-summary slot=\"summary\">Expandable Details</vaadin-details-summary>\n <div>\n Toggle using mouse, Enter and Space keys.\n </div>\n</vaadin-details>\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n-----------------|----------------\n`content` | The wrapper for the collapsible details content.\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------|------------\n`opened` | Set when the collapsible content is expanded and visible\n`disabled` | Set when the element is disabled\n`focus-ring` | Set when the element is focused using the keyboard\n`focused` | Set when the element is focused\n`has-tooltip` | Set when the element has a slotted tooltip\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
262
|
+
"name": "Details",
|
|
263
|
+
"members": [
|
|
264
|
+
{
|
|
265
|
+
"kind": "field",
|
|
266
|
+
"name": "opened",
|
|
267
|
+
"privacy": "public",
|
|
268
|
+
"type": {
|
|
269
|
+
"text": "boolean"
|
|
270
|
+
},
|
|
271
|
+
"description": "If true, the collapsible content is visible.",
|
|
272
|
+
"attribute": "opened",
|
|
273
|
+
"inheritedFrom": {
|
|
274
|
+
"name": "CollapsibleMixin",
|
|
275
|
+
"module": "src/collapsible-mixin.js"
|
|
276
|
+
}
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"kind": "field",
|
|
280
|
+
"name": "summary",
|
|
281
|
+
"privacy": "public",
|
|
282
|
+
"type": {
|
|
283
|
+
"text": "string"
|
|
284
|
+
},
|
|
285
|
+
"description": "A text that is displayed in the summary, if no\nelement is assigned to the `summary` slot.",
|
|
286
|
+
"attribute": "summary",
|
|
287
|
+
"inheritedFrom": {
|
|
288
|
+
"name": "DetailsBaseMixin",
|
|
289
|
+
"module": "src/vaadin-details-base-mixin.js"
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
],
|
|
293
|
+
"events": [
|
|
294
|
+
{
|
|
295
|
+
"type": {
|
|
296
|
+
"text": "CustomEvent"
|
|
297
|
+
},
|
|
298
|
+
"description": "Fired when the `opened` property changes.",
|
|
299
|
+
"name": "opened-changed"
|
|
300
|
+
}
|
|
301
|
+
],
|
|
302
|
+
"mixins": [
|
|
303
|
+
{
|
|
304
|
+
"name": "DetailsBaseMixin",
|
|
305
|
+
"module": "src/vaadin-details-base-mixin.js"
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"name": "ElementMixin",
|
|
309
|
+
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
310
|
+
},
|
|
311
|
+
{
|
|
312
|
+
"name": "ThemableMixin",
|
|
313
|
+
"package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
|
|
314
|
+
},
|
|
315
|
+
{
|
|
316
|
+
"name": "PolylitMixin",
|
|
317
|
+
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"name": "LumoInjectionMixin",
|
|
321
|
+
"package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
|
|
322
|
+
}
|
|
323
|
+
],
|
|
324
|
+
"superclass": {
|
|
325
|
+
"name": "LitElement",
|
|
326
|
+
"package": "lit"
|
|
327
|
+
},
|
|
328
|
+
"tagName": "vaadin-details",
|
|
329
|
+
"customElement": true,
|
|
330
|
+
"attributes": [
|
|
331
|
+
{
|
|
332
|
+
"name": "opened",
|
|
333
|
+
"type": {
|
|
334
|
+
"text": "boolean"
|
|
335
|
+
},
|
|
336
|
+
"description": "If true, the collapsible content is visible.",
|
|
337
|
+
"fieldName": "opened",
|
|
338
|
+
"inheritedFrom": {
|
|
339
|
+
"name": "CollapsibleMixin",
|
|
340
|
+
"module": "src/collapsible-mixin.js"
|
|
341
|
+
}
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
"name": "summary",
|
|
345
|
+
"type": {
|
|
346
|
+
"text": "string"
|
|
347
|
+
},
|
|
348
|
+
"description": "A text that is displayed in the summary, if no\nelement is assigned to the `summary` slot.",
|
|
349
|
+
"fieldName": "summary",
|
|
350
|
+
"inheritedFrom": {
|
|
351
|
+
"name": "DetailsBaseMixin",
|
|
352
|
+
"module": "src/vaadin-details-base-mixin.js"
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
]
|
|
356
|
+
}
|
|
357
|
+
],
|
|
358
|
+
"exports": [
|
|
359
|
+
{
|
|
360
|
+
"kind": "js",
|
|
361
|
+
"name": "Details",
|
|
362
|
+
"declaration": {
|
|
363
|
+
"name": "Details",
|
|
364
|
+
"module": "src/vaadin-details.js"
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
]
|
|
368
|
+
}
|
|
369
|
+
]
|
|
370
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/details",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-alpha8",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"src",
|
|
24
24
|
"vaadin-*.d.ts",
|
|
25
25
|
"vaadin-*.js",
|
|
26
|
+
"custom-elements.json",
|
|
26
27
|
"web-types.json",
|
|
27
28
|
"web-types.lit.json"
|
|
28
29
|
],
|
|
@@ -34,23 +35,24 @@
|
|
|
34
35
|
],
|
|
35
36
|
"dependencies": {
|
|
36
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
37
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
38
|
-
"@vaadin/button": "25.1.0-
|
|
39
|
-
"@vaadin/component-base": "25.1.0-
|
|
40
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.1.0-alpha8",
|
|
39
|
+
"@vaadin/button": "25.1.0-alpha8",
|
|
40
|
+
"@vaadin/component-base": "25.1.0-alpha8",
|
|
41
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha8",
|
|
41
42
|
"lit": "^3.0.0"
|
|
42
43
|
},
|
|
43
44
|
"devDependencies": {
|
|
44
|
-
"@vaadin/aura": "25.1.0-
|
|
45
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
46
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
45
|
+
"@vaadin/aura": "25.1.0-alpha8",
|
|
46
|
+
"@vaadin/chai-plugins": "25.1.0-alpha8",
|
|
47
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha8",
|
|
47
48
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
48
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
49
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha8",
|
|
49
50
|
"sinon": "^21.0.0"
|
|
50
51
|
},
|
|
52
|
+
"customElements": "custom-elements.json",
|
|
51
53
|
"web-types": [
|
|
52
54
|
"web-types.json",
|
|
53
55
|
"web-types.lit.json"
|
|
54
56
|
],
|
|
55
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "810590c9c7682a9326c9352df795b5ea4891a71f"
|
|
56
58
|
}
|
|
@@ -51,7 +51,7 @@ import { detailsSummary } from './styles/vaadin-details-summary-base-styles.js';
|
|
|
51
51
|
*
|
|
52
52
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
53
53
|
*
|
|
54
|
-
* @customElement
|
|
54
|
+
* @customElement vaadin-details-summary
|
|
55
55
|
* @extends HTMLElement
|
|
56
56
|
* @mixes ButtonMixin
|
|
57
57
|
* @mixes DirMixin
|
package/src/vaadin-details.js
CHANGED
|
@@ -47,7 +47,7 @@ import { DetailsBaseMixin } from './vaadin-details-base-mixin.js';
|
|
|
47
47
|
*
|
|
48
48
|
* @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.
|
|
49
49
|
*
|
|
50
|
-
* @customElement
|
|
50
|
+
* @customElement vaadin-details
|
|
51
51
|
* @extends HTMLElement
|
|
52
52
|
* @mixes DetailsBaseMixin
|
|
53
53
|
* @mixes ElementMixin
|
package/web-types.json
CHANGED