Skip to content

Commit c147bf7

Browse files
authored
feat: update to UI5 Web Components 2.6.2 (#6792)
1 parent 9919542 commit c147bf7

File tree

41 files changed

+1024
-459
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

41 files changed

+1024
-459
lines changed

.storybook/custom-element-manifests/fiori.json

Lines changed: 134 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1344,6 +1344,57 @@
13441344
}
13451345
]
13461346
},
1347+
{
1348+
"kind": "javascript-module",
1349+
"path": "dist/types/NavigationLayoutMode.js",
1350+
"declarations": [
1351+
{
1352+
"kind": "enum",
1353+
"name": "NavigationLayoutMode",
1354+
"description": "Specifies the navigation layout mode.",
1355+
"_ui5privacy": "public",
1356+
"members": [
1357+
{
1358+
"kind": "field",
1359+
"static": true,
1360+
"privacy": "public",
1361+
"description": "Automatically calculates the navigation layout mode based on the screen device type.\n`Expanded` on desktop and `Collapsed` on tablet and phone.",
1362+
"default": "Auto",
1363+
"name": "Auto",
1364+
"readonly": true
1365+
},
1366+
{
1367+
"kind": "field",
1368+
"static": true,
1369+
"privacy": "public",
1370+
"description": "Collapsed side navigation.",
1371+
"default": "Collapsed",
1372+
"name": "Collapsed",
1373+
"readonly": true
1374+
},
1375+
{
1376+
"kind": "field",
1377+
"static": true,
1378+
"privacy": "public",
1379+
"description": "Expanded side navigation.",
1380+
"default": "Expanded",
1381+
"name": "Expanded",
1382+
"readonly": true
1383+
}
1384+
]
1385+
}
1386+
],
1387+
"exports": [
1388+
{
1389+
"kind": "js",
1390+
"name": "default",
1391+
"declaration": {
1392+
"name": "NavigationLayoutMode",
1393+
"module": "dist/types/NavigationLayoutMode.js"
1394+
}
1395+
}
1396+
]
1397+
},
13471398
{
13481399
"kind": "javascript-module",
13491400
"path": "dist/types/NotificationListItemImportance.js",
@@ -2566,6 +2617,24 @@
25662617
"description": "Defines whether the component is in equal split mode. In this mode, the side and\nthe main content take 50:50 percent of the container on all screen sizes\nexcept for phone, where the main and side contents are switching visibility\nusing the toggle method.",
25672618
"privacy": "public"
25682619
},
2620+
{
2621+
"kind": "field",
2622+
"name": "accessibilityAttributes",
2623+
"type": {
2624+
"text": "DynamicSideContentAccessibilityAttributes",
2625+
"references": [
2626+
{
2627+
"name": "DynamicSideContentAccessibilityAttributes",
2628+
"package": "@ui5/webcomponents-fiori",
2629+
"module": "dist/DynamicSideContent.js"
2630+
}
2631+
]
2632+
},
2633+
"default": "{}",
2634+
"description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields:\n\n - **mainContent**: `mainContent.ariaLabel` defines the aria-label of the main content area. Accepts any string.\n - **sideContent**: `sideContent.ariaLabel` defines the aria-label of the side content area. Accepts any string.",
2635+
"privacy": "public",
2636+
"_ui5since": "2.6.0"
2637+
},
25692638
{
25702639
"kind": "method",
25712640
"name": "toggleContents",
@@ -2686,6 +2755,15 @@
26862755
"type": {
26872756
"text": "boolean"
26882757
}
2758+
},
2759+
{
2760+
"description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields:\n\n - **mainContent**: `mainContent.ariaLabel` defines the aria-label of the main content area. Accepts any string.\n - **sideContent**: `sideContent.ariaLabel` defines the aria-label of the side content area. Accepts any string.",
2761+
"name": "accessibility-attributes",
2762+
"default": "{}",
2763+
"fieldName": "accessibilityAttributes",
2764+
"type": {
2765+
"text": "DynamicSideContentAccessibilityAttributes"
2766+
}
26892767
}
26902768
],
26912769
"superclass": {
@@ -3790,7 +3868,7 @@
37903868
"declarations": [
37913869
{
37923870
"kind": "class",
3793-
"description": "### Overview\n\nThe `ui5-navigation-layout` is a container component that can be used to\ncreate a layout with a header, a side navigation and a content area.\n\n### Usage\n\nUse the `ui5-navigation-layout` to create whole screen of an application with vertical navigation.\n\n### Responsive Behavior\n\nOn desktop and tablet devices, the side navigation remains visible and can\nbe expanded or collapsed using the `sideCollapsed` property. On phone devices, the side navigation\nis hidden by default but can be displayed using the same `sideCollapsed` property.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/NavigationLayout.js\";`",
3871+
"description": "### Overview\n\nThe `ui5-navigation-layout` is a container component that can be used to\ncreate a layout with a header, a side navigation and a content area.\n\n### Usage\n\nUse the `ui5-navigation-layout` to create whole screen of an application with vertical navigation.\n\n### Responsive Behavior\n\nOn desktop and tablet devices, the side navigation is visible\nby default and can be expanded or collapsed using the `mode` property.\nOn phone devices, the side navigation is hidden by default and can\nbe displayed using the `mode` property.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/NavigationLayout.js\";`",
37943872
"name": "NavigationLayout",
37953873
"slots": [
37963874
{
@@ -3829,23 +3907,41 @@
38293907
"members": [
38303908
{
38313909
"kind": "field",
3832-
"name": "sideCollapsed",
3833-
"description": "Indicates whether the side navigation is collapsed.",
3834-
"default": "false",
3835-
"privacy": "public",
3910+
"name": "mode",
38363911
"type": {
3837-
"text": "boolean"
3838-
}
3912+
"text": "NavigationLayoutMode",
3913+
"references": [
3914+
{
3915+
"name": "NavigationLayoutMode",
3916+
"package": "@ui5/webcomponents-fiori",
3917+
"module": "dist/types/NavigationLayoutMode.js"
3918+
}
3919+
]
3920+
},
3921+
"default": "\"Auto\"",
3922+
"description": "Specifies the navigation layout mode.",
3923+
"privacy": "public"
3924+
},
3925+
{
3926+
"kind": "method",
3927+
"name": "isSideCollapsed",
3928+
"return": {
3929+
"type": {
3930+
"text": "boolean"
3931+
}
3932+
},
3933+
"description": "Gets whether the side navigation is collapsed.",
3934+
"privacy": "public"
38393935
}
38403936
],
38413937
"attributes": [
38423938
{
3843-
"description": "Indicates whether the side navigation is collapsed.",
3844-
"name": "side-collapsed",
3845-
"default": "false",
3846-
"fieldName": "sideCollapsed",
3939+
"description": "Specifies the navigation layout mode.",
3940+
"name": "mode",
3941+
"default": "\"Auto\"",
3942+
"fieldName": "mode",
38473943
"type": {
3848-
"text": "any"
3944+
"text": "\"Auto\" | \"Collapsed\" | \"Expanded\""
38493945
}
38503946
}
38513947
],
@@ -8158,6 +8254,30 @@
81588254
}
81598255
]
81608256
},
8257+
{
8258+
"name": "open",
8259+
"_ui5privacy": "public",
8260+
"type": {
8261+
"text": "CustomEvent"
8262+
},
8263+
"description": "Fired when a user menu is open.",
8264+
"_ui5Cancelable": false,
8265+
"_ui5allowPreventDefault": false,
8266+
"_ui5Bubbles": false,
8267+
"_ui5since": "2.6.0"
8268+
},
8269+
{
8270+
"name": "close",
8271+
"_ui5privacy": "public",
8272+
"type": {
8273+
"text": "CustomEvent"
8274+
},
8275+
"description": "Fired when a user menu is close.",
8276+
"_ui5Cancelable": false,
8277+
"_ui5allowPreventDefault": false,
8278+
"_ui5Bubbles": false,
8279+
"_ui5since": "2.6.0"
8280+
},
81618281
{
81628282
"name": "sign-out-click",
81638283
"_ui5privacy": "public",
@@ -8167,7 +8287,8 @@
81678287
"description": "Fired when the \"Sign Out\" button is selected.",
81688288
"_ui5Cancelable": true,
81698289
"_ui5allowPreventDefault": true,
8170-
"_ui5Bubbles": false
8290+
"_ui5Bubbles": false,
8291+
"_ui5since": "2.6.0"
81718292
}
81728293
],
81738294
"attributes": [

0 commit comments

Comments
 (0)