@vaadin/side-nav 25.4.0-alpha3 → 25.4.0-alpha4
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 +19 -82
- package/package.json +11 -11
- package/src/vaadin-side-nav-item.js +7 -1
- package/web-types.json +3 -3
- package/web-types.lit.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "vaadin-side-nav.js",
|
|
7
|
+
"path": "vaadin-side-nav-item.js",
|
|
8
8
|
"declarations": [],
|
|
9
9
|
"exports": [
|
|
10
10
|
{
|
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
"name": "*",
|
|
13
13
|
"declaration": {
|
|
14
14
|
"name": "*",
|
|
15
|
-
"module": "src/vaadin-side-nav.js"
|
|
15
|
+
"module": "src/vaadin-side-nav-item.js"
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
]
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
21
|
"kind": "javascript-module",
|
|
22
|
-
"path": "vaadin-side-nav
|
|
22
|
+
"path": "vaadin-side-nav.js",
|
|
23
23
|
"declarations": [],
|
|
24
24
|
"exports": [
|
|
25
25
|
{
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"name": "*",
|
|
28
28
|
"declaration": {
|
|
29
29
|
"name": "*",
|
|
30
|
-
"module": "src/vaadin-side-nav
|
|
30
|
+
"module": "src/vaadin-side-nav.js"
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
]
|
|
@@ -44,32 +44,14 @@
|
|
|
44
44
|
{
|
|
45
45
|
"kind": "field",
|
|
46
46
|
"name": "i18n",
|
|
47
|
-
"privacy": "public",
|
|
48
|
-
"type": {
|
|
49
|
-
"text": "Object | undefined"
|
|
50
|
-
},
|
|
51
47
|
"description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nThe object has the following structure and default values:\n```js\n{\n toggle: 'Toggle child items'\n}\n```",
|
|
52
|
-
"attribute": "i18n",
|
|
53
|
-
"inheritedFrom": {
|
|
54
|
-
"name": "I18nMixin",
|
|
55
|
-
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
],
|
|
59
|
-
"attributes": [
|
|
60
|
-
{
|
|
61
|
-
"name": "i18n",
|
|
62
48
|
"type": {
|
|
63
|
-
"text": "
|
|
49
|
+
"text": "SideNavI18n | undefined"
|
|
64
50
|
},
|
|
65
|
-
"
|
|
66
|
-
"fieldName": "i18n",
|
|
67
|
-
"inheritedFrom": {
|
|
68
|
-
"name": "I18nMixin",
|
|
69
|
-
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
70
|
-
}
|
|
51
|
+
"privacy": "public"
|
|
71
52
|
}
|
|
72
53
|
],
|
|
54
|
+
"attributes": [],
|
|
73
55
|
"mixins": [
|
|
74
56
|
{
|
|
75
57
|
"name": "I18nMixin",
|
|
@@ -111,7 +93,6 @@
|
|
|
111
93
|
"text": "boolean"
|
|
112
94
|
},
|
|
113
95
|
"description": "Whether the item's path matches the current browser URL.\n\nA match occurs when both share the same base origin (like https://example.com),\nthe same path (like /path/to/page), and the browser URL contains at least\nall the query parameters with the same values from the item's path.\n\nSee [`matchNested`](#/elements/vaadin-side-nav-item#property-matchNested) for how to change the path matching behavior.\n\nThe state is updated when the item is added to the DOM or when the browser\nnavigates to a new page.",
|
|
114
|
-
"attribute": "current",
|
|
115
96
|
"readonly": true
|
|
116
97
|
},
|
|
117
98
|
{
|
|
@@ -141,15 +122,14 @@
|
|
|
141
122
|
{
|
|
142
123
|
"kind": "field",
|
|
143
124
|
"name": "i18n",
|
|
144
|
-
"
|
|
125
|
+
"description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nThe object has the following structure and default values:\n```js\n{\n toggle: 'Toggle child items'\n}\n```",
|
|
145
126
|
"type": {
|
|
146
|
-
"text": "
|
|
127
|
+
"text": "SideNavI18n | undefined"
|
|
147
128
|
},
|
|
148
|
-
"
|
|
149
|
-
"attribute": "i18n",
|
|
129
|
+
"privacy": "public",
|
|
150
130
|
"inheritedFrom": {
|
|
151
|
-
"name": "
|
|
152
|
-
"
|
|
131
|
+
"name": "SideNavChildrenMixin",
|
|
132
|
+
"module": "src/vaadin-side-nav-children-mixin.js"
|
|
153
133
|
}
|
|
154
134
|
},
|
|
155
135
|
{
|
|
@@ -179,8 +159,7 @@
|
|
|
179
159
|
"type": {
|
|
180
160
|
"text": "!Array<string>"
|
|
181
161
|
},
|
|
182
|
-
"description": "The list of alternative paths matching this item"
|
|
183
|
-
"attribute": "path-aliases"
|
|
162
|
+
"description": "The list of alternative paths matching this item"
|
|
184
163
|
},
|
|
185
164
|
{
|
|
186
165
|
"kind": "field",
|
|
@@ -213,14 +192,6 @@
|
|
|
213
192
|
}
|
|
214
193
|
],
|
|
215
194
|
"attributes": [
|
|
216
|
-
{
|
|
217
|
-
"name": "current",
|
|
218
|
-
"type": {
|
|
219
|
-
"text": "boolean"
|
|
220
|
-
},
|
|
221
|
-
"description": "Whether the item's path matches the current browser URL.\n\nA match occurs when both share the same base origin (like https://example.com),\nthe same path (like /path/to/page), and the browser URL contains at least\nall the query parameters with the same values from the item's path.\n\nSee [`matchNested`](#/elements/vaadin-side-nav-item#property-matchNested) for how to change the path matching behavior.\n\nThe state is updated when the item is added to the DOM or when the browser\nnavigates to a new page.",
|
|
222
|
-
"fieldName": "current"
|
|
223
|
-
},
|
|
224
195
|
{
|
|
225
196
|
"name": "disabled",
|
|
226
197
|
"type": {
|
|
@@ -241,18 +212,6 @@
|
|
|
241
212
|
"description": "Whether to show the child items or not",
|
|
242
213
|
"fieldName": "expanded"
|
|
243
214
|
},
|
|
244
|
-
{
|
|
245
|
-
"name": "i18n",
|
|
246
|
-
"type": {
|
|
247
|
-
"text": "Object | undefined"
|
|
248
|
-
},
|
|
249
|
-
"description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
|
|
250
|
-
"fieldName": "i18n",
|
|
251
|
-
"inheritedFrom": {
|
|
252
|
-
"name": "I18nMixin",
|
|
253
|
-
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
254
|
-
}
|
|
255
|
-
},
|
|
256
215
|
{
|
|
257
216
|
"name": "match-nested",
|
|
258
217
|
"type": {
|
|
@@ -370,15 +329,14 @@
|
|
|
370
329
|
{
|
|
371
330
|
"kind": "field",
|
|
372
331
|
"name": "i18n",
|
|
373
|
-
"
|
|
332
|
+
"description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nThe object has the following structure and default values:\n```js\n{\n toggle: 'Toggle child items'\n}\n```",
|
|
374
333
|
"type": {
|
|
375
|
-
"text": "
|
|
334
|
+
"text": "SideNavI18n | undefined"
|
|
376
335
|
},
|
|
377
|
-
"
|
|
378
|
-
"attribute": "i18n",
|
|
336
|
+
"privacy": "public",
|
|
379
337
|
"inheritedFrom": {
|
|
380
|
-
"name": "
|
|
381
|
-
"
|
|
338
|
+
"name": "SideNavChildrenMixin",
|
|
339
|
+
"module": "src/vaadin-side-nav-children-mixin.js"
|
|
382
340
|
}
|
|
383
341
|
},
|
|
384
342
|
{
|
|
@@ -388,8 +346,7 @@
|
|
|
388
346
|
"description": "A change to this property triggers an update of the highlighted item in the side navigation. While it typically\ncorresponds to the browser's URL, the specific value assigned to the property is irrelevant. The component has\nits own internal logic for determining which item is highlighted.\n\nThe main use case for this property is when the side navigation is used with a client-side router. In this case,\nthe component needs to be informed about route changes so it can update the highlighted item.",
|
|
389
347
|
"type": {
|
|
390
348
|
"text": "any"
|
|
391
|
-
}
|
|
392
|
-
"attribute": "location"
|
|
349
|
+
}
|
|
393
350
|
},
|
|
394
351
|
{
|
|
395
352
|
"kind": "field",
|
|
@@ -437,26 +394,6 @@
|
|
|
437
394
|
"description": "Whether the side nav is collapsible. When enabled, the toggle icon is shown.",
|
|
438
395
|
"fieldName": "collapsible"
|
|
439
396
|
},
|
|
440
|
-
{
|
|
441
|
-
"name": "i18n",
|
|
442
|
-
"type": {
|
|
443
|
-
"text": "Object | undefined"
|
|
444
|
-
},
|
|
445
|
-
"description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
|
|
446
|
-
"fieldName": "i18n",
|
|
447
|
-
"inheritedFrom": {
|
|
448
|
-
"name": "I18nMixin",
|
|
449
|
-
"package": "@vaadin/component-base/src/i18n-mixin.js"
|
|
450
|
-
}
|
|
451
|
-
},
|
|
452
|
-
{
|
|
453
|
-
"name": "location",
|
|
454
|
-
"description": "A change to this property triggers an update of the highlighted item in the side navigation. While it typically\ncorresponds to the browser's URL, the specific value assigned to the property is irrelevant. The component has\nits own internal logic for determining which item is highlighted.\n\nThe main use case for this property is when the side navigation is used with a client-side router. In this case,\nthe component needs to be informed about route changes so it can update the highlighted item.",
|
|
455
|
-
"type": {
|
|
456
|
-
"text": "any"
|
|
457
|
-
},
|
|
458
|
-
"fieldName": "location"
|
|
459
|
-
},
|
|
460
397
|
{
|
|
461
398
|
"name": "no-auto-expand",
|
|
462
399
|
"type": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/side-nav",
|
|
3
|
-
"version": "25.4.0-
|
|
3
|
+
"version": "25.4.0-alpha4",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/a11y-base": "25.4.0-
|
|
39
|
-
"@vaadin/component-base": "25.4.0-
|
|
40
|
-
"@vaadin/vaadin-themable-mixin": "25.4.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.4.0-alpha4",
|
|
39
|
+
"@vaadin/component-base": "25.4.0-alpha4",
|
|
40
|
+
"@vaadin/vaadin-themable-mixin": "25.4.0-alpha4",
|
|
41
41
|
"lit": "^3.0.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@vaadin/aura": "25.4.0-
|
|
45
|
-
"@vaadin/chai-plugins": "25.4.0-
|
|
46
|
-
"@vaadin/icon": "25.4.0-
|
|
47
|
-
"@vaadin/icons": "25.4.0-
|
|
48
|
-
"@vaadin/test-runner-commands": "25.4.0-
|
|
44
|
+
"@vaadin/aura": "25.4.0-alpha4",
|
|
45
|
+
"@vaadin/chai-plugins": "25.4.0-alpha4",
|
|
46
|
+
"@vaadin/icon": "25.4.0-alpha4",
|
|
47
|
+
"@vaadin/icons": "25.4.0-alpha4",
|
|
48
|
+
"@vaadin/test-runner-commands": "25.4.0-alpha4",
|
|
49
49
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
50
|
-
"@vaadin/vaadin-lumo-styles": "25.4.0-
|
|
50
|
+
"@vaadin/vaadin-lumo-styles": "25.4.0-alpha4",
|
|
51
51
|
"lit": "^3.0.0",
|
|
52
52
|
"sinon": "^22.0.0"
|
|
53
53
|
},
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"web-types.json",
|
|
57
57
|
"web-types.lit.json"
|
|
58
58
|
],
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "7809e4c099538333a6dbd11d8da18a0c6ec30dad"
|
|
60
60
|
}
|
|
@@ -288,7 +288,13 @@ class SideNavItem extends SideNavChildrenMixin(
|
|
|
288
288
|
aria-labelledby="link i18n"
|
|
289
289
|
></button>
|
|
290
290
|
</div>
|
|
291
|
-
<ul
|
|
291
|
+
<ul
|
|
292
|
+
id="children"
|
|
293
|
+
part="children"
|
|
294
|
+
role="list"
|
|
295
|
+
?hidden="${!this.expanded}"
|
|
296
|
+
aria-hidden="${this.expanded ? 'false' : 'true'}"
|
|
297
|
+
>
|
|
292
298
|
<slot name="children"></slot>
|
|
293
299
|
</ul>
|
|
294
300
|
<div hidden id="i18n">${this.__effectiveI18n.toggle}</div>
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/side-nav",
|
|
4
|
-
"version": "25.4.0-
|
|
4
|
+
"version": "25.4.0-alpha4",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nThe object has the following structure and default values:\n```js\n{\n toggle: 'Toggle child items'\n}\n```",
|
|
100
100
|
"value": {
|
|
101
101
|
"type": [
|
|
102
|
-
"
|
|
102
|
+
"SideNavI18n",
|
|
103
103
|
"undefined"
|
|
104
104
|
]
|
|
105
105
|
}
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
"description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nThe object has the following structure and default values:\n```js\n{\n toggle: 'Toggle child items'\n}\n```",
|
|
225
225
|
"value": {
|
|
226
226
|
"type": [
|
|
227
|
-
"
|
|
227
|
+
"SideNavI18n",
|
|
228
228
|
"undefined"
|
|
229
229
|
]
|
|
230
230
|
}
|