@fundamental-styles/mcp 0.41.9-rc.2 → 0.41.9-rc.21

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.
Files changed (27) hide show
  1. package/data/CHANGELOG.md +91 -3
  2. package/data/component-guidance.json +2 -2
  3. package/data/components/avatar-product-switch.md +175 -60
  4. package/data/components/container.md +113 -0
  5. package/data/components/form-group.md +1 -0
  6. package/data/components/navigation-navigation.md +673 -957
  7. package/data/components/navigation.md +5869 -2148
  8. package/data/components/shellbar.md +16 -16
  9. package/data/examples/BTP/Navigation/horizontal/navigation-horizontal-expander.example.html +4 -234
  10. package/data/examples/BTP/Navigation/horizontal/navigation-horizontal.example.html +196 -232
  11. package/data/examples/BTP/Navigation/vertical/navigation-legacy.example.html +353 -197
  12. package/data/examples/BTP/Navigation/vertical/navigation-popup.example.html +451 -245
  13. package/data/examples/BTP/Navigation/vertical/navigation-search.example.html +937 -0
  14. package/data/examples/BTP/Navigation/vertical/navigation-snapped.example.html +361 -157
  15. package/data/examples/BTP/Navigation/vertical/navigation-sticky-area.example.html +935 -0
  16. package/data/examples/BTP/Navigation/vertical/navigation-tags.example.html +948 -0
  17. package/data/examples/BTP/Navigation/vertical/navigation.example.html +444 -242
  18. package/data/examples/Components/Forms/form-group/group-header-in-form-grid-display-mode.example.html +106 -0
  19. package/data/examples/Components/product-switch/large.example.html +65 -19
  20. package/data/examples/Components/product-switch/medium.example.html +5 -7
  21. package/data/examples/Components/product-switch/small.example.html +4 -6
  22. package/data/examples/Components/product-switch/two-column.example.html +20 -0
  23. package/data/examples/Components/shellbar/optional-items.example.html +2 -2
  24. package/data/examples/Components/shellbar/overflow-toolbar.example.html +2 -2
  25. package/data/examples/Components/shellbar/responsive-paddings.example.html +4 -4
  26. package/data/examples/Components/shellbar/responsiveness.example.html +8 -8
  27. package/package.json +1 -1
package/data/examples/BTP/Navigation/horizontal/navigation-horizontal.example.html CHANGED
@@ -1,85 +1,66 @@
1
1
  <div style="height: 500px">
2
- <nav
3
- class="fd-navigation fd-navigation--horizontal"
4
- aria-label="Horizontal Navigation">
2
+ <nav class="fd-navigation fd-navigation--horizontal" aria-label="Horizontal Navigation">
5
3
  <div class="fd-navigation__container">
6
- <ul
7
- class="fd-navigation__list"
8
- role="menubar"
9
- aria-label="Horizontal Navigation"
10
- >
11
- <li role="none" tabindex="-1" class="fd-navigation__list-item fd-navigation__list-item--home" aria-hidden="true">
4
+ <ul class="fd-navigation__list" role="menubar" aria-label="Horizontal Navigation">
5
+ <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
12
6
  <div
13
7
  class="fd-navigation__item"
14
8
  aria-current="page"
15
- aria-selected="true"
9
+ aria-selected="false"
16
10
  aria-expanded="false"
17
11
  role="menuitem"
18
12
  >
19
13
  <a class="fd-navigation__link" role="link" href="#">
20
- <span class="fd-navigation__icon sap-icon--home" role="presentation" aria-hidden="true"></span>
14
+ <span
15
+ class="fd-navigation__icon sap-icon--home"
16
+ role="presentation"
17
+ aria-hidden="true"
18
+ ></span>
21
19
  <span class="fd-navigation__text">Home</span>
22
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
23
- </a>
24
- </div>
25
- </li>
26
-
27
- <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
28
- <div
29
- class="fd-navigation__item"
30
- aria-current="false"
31
- aria-expanded="false"
32
- role="menuitem"
33
- >
34
- <a class="fd-navigation__link" role="link" href="#">
35
- <span class="fd-navigation__icon sap-icon--calendar" role="presentation" aria-hidden="true"></span>
36
- <span class="fd-navigation__text">Appointment</span>
37
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
20
+ <span
21
+ class="fd-navigation__selection-indicator"
22
+ role="presentation"
23
+ aria-hidden="true"
24
+ aria-label="selection indicator"
25
+ ></span>
38
26
  </a>
39
27
  </div>
40
28
  </li>
41
29
 
42
30
  <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
43
- <div
44
- class="fd-navigation__item"
45
- aria-current="false"
46
- aria-expanded="false"
47
- role="menuitem"
48
- >
49
- <a class="fd-navigation__link" role="link" href="#">
50
- <span class="fd-navigation__icon sap-icon--database" role="presentation" aria-hidden="true"></span>
51
- <span class="fd-navigation__text">Data</span>
52
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
53
- </a>
54
- </div>
55
- </li>
56
-
57
- <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
58
- <div
59
- class="fd-navigation__item"
60
- aria-current="false"
61
- aria-expanded="false"
62
- role="menuitem"
63
- >
31
+ <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
64
32
  <a class="fd-navigation__link" role="link" href="#">
65
- <span class="fd-navigation__icon sap-icon--attachment" role="presentation" aria-hidden="true"></span>
33
+ <span
34
+ class="fd-navigation__icon sap-icon--attachment"
35
+ role="presentation"
36
+ aria-hidden="true"
37
+ ></span>
66
38
  <span class="fd-navigation__text">Attachment</span>
67
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
39
+ <span
40
+ class="fd-navigation__selection-indicator"
41
+ role="presentation"
42
+ aria-hidden="true"
43
+ aria-label="selection indicator"
44
+ ></span>
68
45
  </a>
69
46
  </div>
70
47
  </li>
71
48
 
72
49
  <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
73
- <div
74
- class="fd-navigation__item"
75
- aria-current="false"
76
- aria-expanded="false"
77
- role="menuitem"
78
- >
50
+ <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
79
51
  <a class="fd-navigation__link" role="link" href="#">
80
- <span class="fd-navigation__icon sap-icon--create-entry-time" role="presentation" aria-hidden="true"></span>
52
+ <span
53
+ class="fd-navigation__icon sap-icon--create-entry-time"
54
+ role="presentation"
55
+ aria-hidden="true"
56
+ ></span>
81
57
  <span class="fd-navigation__text">Time</span>
82
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
58
+ <span
59
+ class="fd-navigation__selection-indicator"
60
+ role="presentation"
61
+ aria-hidden="true"
62
+ aria-label="selection indicator"
63
+ ></span>
83
64
  </a>
84
65
  </div>
85
66
  </li>
@@ -89,57 +70,151 @@
89
70
  class="fd-navigation__item fd-popover__control"
90
71
  aria-current="false"
91
72
  aria-expanded="true"
73
+ aria-selected="true"
92
74
  aria-haspopup="tree"
93
75
  role="menuitem"
94
76
  >
95
77
  <a class="fd-navigation__link" role="button" tabindex="0">
96
- <span class="fd-navigation__icon sap-icon--basket" role="presentation" aria-hidden="true"></span>
78
+ <span
79
+ class="fd-navigation__icon sap-icon--basket"
80
+ role="presentation"
81
+ aria-hidden="true"
82
+ ></span>
97
83
  <span class="fd-navigation__text">Basket</span>
98
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
99
- <span class="fd-navigation__has-children-indicator" role="presentation" aria-hidden="true" aria-label="has children indicator"></span>
84
+ <span
85
+ class="fd-navigation__selection-indicator"
86
+ role="presentation"
87
+ aria-hidden="true"
88
+ aria-label="selection indicator"
89
+ ></span>
90
+ <span
91
+ class="fd-navigation__has-children-indicator"
92
+ role="presentation"
93
+ aria-hidden="true"
94
+ aria-label="has children indicator"
95
+ ></span>
100
96
  </a>
101
97
  </div>
102
- <div class="fd-navigation__list-container fd-popover__body fd-popover__body--no-arrow" aria-hidden="false">
98
+ <div
99
+ class="fd-navigation__list-container fd-popover__body fd-popover__body--no-arrow"
100
+ aria-hidden="false"
101
+ >
103
102
  <div class="fd-navigation__list-wrapper fd-popover__wrapper">
104
- <ul class="fd-navigation__list fd-navigation__list--child-items" role="tree" aria-roledescription="Navigation List Tree - Child Items" tabindex="-1" aria-hidden="true">
103
+ <ul
104
+ class="fd-navigation__list fd-navigation__list--child-items"
105
+ role="tree"
106
+ aria-roledescription="Navigation List Tree - Child Items"
107
+ tabindex="-1"
108
+ aria-hidden="true"
109
+ >
105
110
  <li class="fd-navigation__list-item" aria-hidden="true">
106
- <div class="fd-navigation__item fd-navigation__item--child" aria-level="1" role="treeitem" title="Future Orders" aria-roledescription="Navigation List Menu Item - Child" aria-expanded="false" aria-selected="false">
111
+ <div
112
+ class="fd-navigation__item fd-navigation__item--child"
113
+ aria-level="1"
114
+ role="treeitem"
115
+ title="Future Orders"
116
+ aria-roledescription="Navigation List Menu Item - Child"
117
+ aria-expanded="false"
118
+ aria-selected="false"
119
+ >
107
120
  <a class="fd-navigation__link" role="link" href="#">
108
121
  <span class="fd-navigation__text">Future Orders</span>
109
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
122
+ <span
123
+ class="fd-navigation__selection-indicator"
124
+ role="presentation"
125
+ aria-hidden="true"
126
+ aria-label="selection indicator"
127
+ ></span>
110
128
  </a>
111
129
  </div>
112
130
  </li>
113
131
  <li class="fd-navigation__list-item" aria-hidden="true">
114
- <div class="fd-navigation__item fd-navigation__item--child" aria-level="1" role="treeitem" title="Current Orders" aria-roledescription="Navigation List Menu Item - Child" aria-expanded="false" aria-selected="true">
132
+ <div
133
+ class="fd-navigation__item fd-navigation__item--child"
134
+ aria-level="1"
135
+ role="treeitem"
136
+ title="Current Orders"
137
+ aria-roledescription="Navigation List Menu Item - Child"
138
+ aria-expanded="false"
139
+ aria-selected="true"
140
+ >
115
141
  <a class="fd-navigation__link" role="link" href="#">
116
142
  <span class="fd-navigation__text">Current Orders (selected)</span>
117
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
143
+ <span
144
+ class="fd-navigation__selection-indicator"
145
+ role="presentation"
146
+ aria-hidden="true"
147
+ aria-label="selection indicator"
148
+ ></span>
118
149
  </a>
119
150
  </div>
120
151
  </li>
121
152
  <li class="fd-navigation__list-item" aria-hidden="true">
122
- <div class="fd-navigation__item fd-navigation__item--child" aria-level="1" role="treeitem" title="Past Orders" aria-roledescription="Navigation List Menu Item - Child" aria-expanded="false" aria-selected="false">
153
+ <div
154
+ class="fd-navigation__item fd-navigation__item--child"
155
+ aria-level="1"
156
+ role="treeitem"
157
+ title="Past Orders"
158
+ aria-roledescription="Navigation List Menu Item - Child"
159
+ aria-expanded="false"
160
+ aria-selected="false"
161
+ >
123
162
  <a class="fd-navigation__link" role="link" href="#">
124
163
  <span class="fd-navigation__text">Past Orders</span>
125
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
164
+ <span
165
+ class="fd-navigation__selection-indicator"
166
+ role="presentation"
167
+ aria-hidden="true"
168
+ aria-label="selection indicator"
169
+ ></span>
126
170
  </a>
127
171
  </div>
128
172
  </li>
129
173
  <li class="fd-navigation__list-item" aria-hidden="true">
130
- <div class="fd-navigation__item fd-navigation__item--child" aria-level="1" role="treeitem" title="Lost Orders" aria-roledescription="Navigation List Menu Item - Child" aria-expanded="false" aria-selected="false">
174
+ <div
175
+ class="fd-navigation__item fd-navigation__item--child"
176
+ aria-level="1"
177
+ role="treeitem"
178
+ title="Lost Orders"
179
+ aria-roledescription="Navigation List Menu Item - Child"
180
+ aria-expanded="false"
181
+ aria-selected="false"
182
+ >
131
183
  <a class="fd-navigation__link" role="link" href="#">
132
184
  <span class="fd-navigation__text">Lost Orders</span>
133
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
185
+ <span
186
+ class="fd-navigation__selection-indicator"
187
+ role="presentation"
188
+ aria-hidden="true"
189
+ aria-label="selection indicator"
190
+ ></span>
134
191
  </a>
135
192
  </div>
136
193
  </li>
137
194
  <li class="fd-navigation__list-item" aria-hidden="true">
138
- <div class="fd-navigation__item fd-navigation__item--child" aria-level="1" role="treeitem" title="Forgotten Orders" aria-roledescription="Navigation List Menu Item - Child" aria-expanded="false" aria-selected="false">
195
+ <div
196
+ class="fd-navigation__item fd-navigation__item--child"
197
+ aria-level="1"
198
+ role="treeitem"
199
+ title="Forgotten Orders"
200
+ aria-roledescription="Navigation List Menu Item - Child"
201
+ aria-expanded="false"
202
+ aria-selected="false"
203
+ >
139
204
  <a class="fd-navigation__link" role="link" href="#">
140
205
  <span class="fd-navigation__text">Forgotten Orders (external link)</span>
141
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
142
- <span class="fd-navigation__external-link-indicator" role="presentation" aria-hidden="true" aria-label="external link indicator"></span>
206
+ <span
207
+ class="fd-navigation__selection-indicator"
208
+ role="presentation"
209
+ aria-hidden="true"
210
+ aria-label="selection indicator"
211
+ ></span>
212
+ <span
213
+ class="fd-navigation__external-link-indicator"
214
+ role="presentation"
215
+ aria-hidden="true"
216
+ aria-label="external link indicator"
217
+ ></span>
143
218
  </a>
144
219
  </div>
145
220
  </li>
@@ -149,181 +224,70 @@
149
224
  </li>
150
225
 
151
226
  <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
152
- <div
153
- class="fd-navigation__item"
154
- aria-current="false"
155
- aria-expanded="false"
156
- role="menuitem"
157
- >
227
+ <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
158
228
  <a class="fd-navigation__link" role="link" href="#">
159
- <span class="fd-navigation__icon sap-icon--shield" role="presentation" aria-hidden="true"></span>
229
+ <span
230
+ class="fd-navigation__icon sap-icon--shield"
231
+ role="presentation"
232
+ aria-hidden="true"
233
+ ></span>
160
234
  <span class="fd-navigation__text">Shield</span>
161
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
235
+ <span
236
+ class="fd-navigation__selection-indicator"
237
+ role="presentation"
238
+ aria-hidden="true"
239
+ aria-label="selection indicator"
240
+ ></span>
162
241
  </a>
163
242
  </div>
164
243
  </li>
165
244
 
166
245
  <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
167
- <div
168
- class="fd-navigation__item"
169
- aria-current="false"
170
- aria-expanded="false"
171
- role="menuitem"
172
- >
246
+ <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
173
247
  <a class="fd-navigation__link" role="link" href="#">
174
- <span class="fd-navigation__icon sap-icon--action-settings" role="presentation" aria-hidden="true"></span>
248
+ <span
249
+ class="fd-navigation__icon sap-icon--action-settings"
250
+ role="presentation"
251
+ aria-hidden="true"
252
+ ></span>
175
253
  <span class="fd-navigation__text">Cog</span>
176
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
177
- <span class="fd-navigation__has-children-indicator" role="presentation" aria-hidden="true" aria-label="has children indicator, expanded"></span>
254
+ <span
255
+ class="fd-navigation__selection-indicator"
256
+ role="presentation"
257
+ aria-hidden="true"
258
+ aria-label="selection indicator"
259
+ ></span>
260
+ <span
261
+ class="fd-navigation__has-children-indicator"
262
+ role="presentation"
263
+ aria-hidden="true"
264
+ aria-label="has children indicator, expanded"
265
+ ></span>
178
266
  </a>
179
267
  </div>
180
268
  </li>
181
269
 
182
- <li class="fd-navigation__list-item fd-navigation__list-item--spacer" role="presentation" aria-hidden="true">
183
- </li>
270
+ <li
271
+ class="fd-navigation__list-item fd-navigation__list-item--spacer"
272
+ role="presentation"
273
+ aria-hidden="true"
274
+ ></li>
184
275
 
185
- <li role="none" tabindex="-1" class="fd-navigation__list-item fd-navigation__list-item--overflow" aria-hidden="true">
186
- <div
187
- class="fd-navigation__item"
188
- aria-current="false"
189
- aria-expanded="true"
190
- role="menuitem"
191
- >
276
+ <li
277
+ role="none"
278
+ tabindex="-1"
279
+ class="fd-navigation__list-item fd-navigation__list-item--overflow"
280
+ aria-hidden="true"
281
+ >
282
+ <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
192
283
  <a class="fd-navigation__link" role="button" tabindex="0">
193
- <span class="fd-navigation__icon sap-icon--overflow" role="presentation" aria-hidden="true"></span>
284
+ <span
285
+ class="fd-navigation__icon sap-icon--overflow"
286
+ role="presentation"
287
+ aria-hidden="true"
288
+ ></span>
194
289
  </a>
195
290
  </div>
196
- <div class="fd-navigation__list-container fd-navigation__list-container--menu fd-menu" aria-hidden="false" id="navMenuOverflow">
197
- <div class="fd-navigation__list-wrapper">
198
- <ul
199
- class="fd-navigation__list fd-navigation__list--parent-items fd-menu__list"
200
- role="menu"
201
- aria-roledescription="Navigation List Tree"
202
- tabindex="-1">
203
-
204
- <li class="fd-navigation__list-item" aria-hidden="true">
205
- <div
206
- class="fd-navigation__item fd-navigation__item--overflow"
207
- role="menuitem"
208
- aria-disabled="false"
209
- aria-posinset="1"
210
- aria-setsize="3"
211
- aria-haspopup="false"
212
- aria-labelledby="txt-1"
213
- aria-expanded="false"
214
- >
215
- <a class="fd-navigation__link" role="link" href="#">
216
- <span class="fd-navigation__icon sap-icon--notes" role="presentation" aria-hidden="true"></span>
217
- <span class="fd-navigation__text" id="txt-1">Parent Item</span>
218
- <span class="fd-navigation__selection-indicator"></span>
219
- </a>
220
- </div>
221
- </li>
222
-
223
- <li class="fd-navigation__list-item" aria-hidden="true">
224
- <div
225
- class="fd-navigation__item fd-navigation__item--overflow"
226
- role="menuitem"
227
- aria-disabled="false"
228
- aria-posinset="2"
229
- aria-setsize="3"
230
- aria-haspopup="menu"
231
- aria-labelledby="txt-2"
232
- aria-expanded="true"
233
- aria-owns="children-menu"
234
- >
235
- <a class="fd-navigation__link" role="button" tabindex="0" aria-controls="navPopover3">
236
- <span class="fd-navigation__icon sap-icon--horizontal-bar-chart" role="presentation" aria-hidden="true"></span>
237
- <span class="fd-navigation__text" id="txt-2">Parent Item</span>
238
- <span class="fd-navigation__selection-indicator" role="presentation" aria-hidden="true" aria-label="selection indicator"></span>
239
- <span class="fd-navigation__has-children-indicator" role="presentation" aria-hidden="true" aria-label="has children indicator, expanded"></span>
240
- </a>
241
- </div>
242
- <div
243
- class="fd-navigation__list-container fd-navigation__list-container--submenu"
244
- aria-hidden="false">
245
- <div class="fd-navigation__list-wrapper">
246
- <ul
247
- class="fd-navigation__list fd-navigation__list--child-items" id="children-menu"
248
- role="menu"
249
- aria-roledescription="Navigation List Tree - Children Items"
250
- tabindex="-1"
251
- >
252
- <li class="fd-navigation__list-item" aria-hidden="true">
253
- <div
254
- class="fd-navigation__item fd-navigation__item--child fd-navigation__item--submenu-child"
255
- aria-labelledby="txt-child-1"
256
- role="menuitem"
257
- aria-posinset="1"
258
- aria-setsize="3"
259
- aria-disabled="false"
260
- aria-selected="false"
261
- >
262
- <a class="fd-navigation__link" role="link" href="#">
263
- <span class="fd-navigation__text" id="txt-child-1">Child Item</span>
264
- <span class="fd-navigation__selection-indicator"></span>
265
- </a>
266
- </div>
267
- </li>
268
- <li class="fd-navigation__list-item" aria-hidden="true">
269
- <div
270
- class="fd-navigation__item fd-navigation__item--child fd-navigation__item--submenu-child"
271
- aria-labelledby="txt-child-2"
272
- role="menuitem"
273
- aria-posinset="2"
274
- aria-setsize="3"
275
- aria-disabled="false"
276
- aria-selected="false"
277
- >
278
- <a class="fd-navigation__link" role="link" href="#">
279
- <span class="fd-navigation__text" id="txt-child-2">Child Item</span>
280
- <span class="fd-navigation__selection-indicator"></span>
281
- </a>
282
- </div>
283
- </li>
284
- <li class="fd-navigation__list-item" aria-hidden="true">
285
- <div
286
- class="fd-navigation__item fd-navigation__item--child fd-navigation__item--submenu-child"
287
- aria-labelledby="txt-child-3"
288
- role="menuitem"
289
- aria-posinset="3"
290
- aria-setsize="3"
291
- aria-disabled="false"
292
- aria-selected="true"
293
- >
294
- <a class="fd-navigation__link" role="link" href="#">
295
- <span class="fd-navigation__text" id="txt-child-3">Child Item</span>
296
- <span class="fd-navigation__selection-indicator"></span>
297
- </a>
298
- </div>
299
- </li>
300
-
301
- </ul>
302
- </div>
303
- </div>
304
- </li>
305
-
306
- <li class="fd-navigation__list-item" aria-hidden="true">
307
- <div
308
- class="fd-navigation__item fd-navigation__item--overflow"
309
- role="menuitem"
310
- aria-disabled="false"
311
- aria-posinset="3"
312
- aria-setsize="3"
313
- aria-haspopup="false"
314
- aria-labelledby="txt-3"
315
- aria-expanded="false"
316
- >
317
- <a class="fd-navigation__link" role="link" href="#">
318
- <span class="fd-navigation__icon sap-icon--notes" role="presentation" aria-hidden="true"></span>
319
- <span class="fd-navigation__text" id="txt-3">Parent Item</span>
320
- <span class="fd-navigation__selection-indicator"></span>
321
- </a>
322
- </div>
323
- </li>
324
- </ul>
325
- </div>
326
- </div>
327
291
  </li>
328
292
  </ul>
329
293
  </div>