@ui5/webcomponents-fiori 1.9.1 → 1.9.2

package/.dev-server-port

@@ -0,0 +1 @@
+8080

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.9.1](https://github.com/SAP/ui5-webcomponents/compare/v1.9.0...v1.9.1) (2022-11-10)
+
+
+### Bug Fixes
+
+* **framework:** fix paths for generating illustration imports in nps ([#5997](https://github.com/SAP/ui5-webcomponents/issues/5997)) ([e932f7d](https://github.com/SAP/ui5-webcomponents/commit/e932f7d069ebf10f73219bff7154558b7b0d849e))
+
+
+
+
+
 # [1.9.0](https://github.com/SAP/ui5-webcomponents/compare/v1.8.0...v1.9.0) (2022-10-31)
 
 

package/dist/DynamicSideContent.js

@@ -384,11 +384,9 @@ class DynamicSideContent extends UI5Element {
 			},
 			main: {
 				"height": mcSpan === this.span12 ? contentHeight : "100%",
-				"order": this.sideContentPosition === SideContentPosition.Start ? 2 : 1,
 			},
 			side: {
 				"height": scSpan === this.span12 ? contentHeight : "100%",
-				"order": this.sideContentPosition === SideContentPosition.Start ? 1 : 2,
 			},
 		};
 	}
@@ -467,6 +465,10 @@ class DynamicSideContent extends UI5Element {
 		return size;
 	}
 
+	get _isSideContentFirst() {
+		return this.sideContentPosition === SideContentPosition.Start;
+	}
+
 	handleResize() {
 		this._resizeContents();
 	}

package/dist/SideNavigation.js

@@ -5,8 +5,16 @@ import List from "@ui5/webcomponents/dist/List.js";
 import StandardListItem from "@ui5/webcomponents/dist/StandardListItem.js";
 import Tree from "@ui5/webcomponents/dist/Tree.js";
 import TreeItem from "@ui5/webcomponents/dist/TreeItem.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import SideNavigationTemplate from "./generated/templates/SideNavigationTemplate.lit.js";
 import SideNavigationItemPopoverContentTemplate from "./generated/templates/SideNavigationItemPopoverContentTemplate.lit.js";
+import {
+	SIDE_NAVIGATION_POPOVER_HIDDEN_TEXT,
+	SIDE_NAVIGATION_COLLAPSED_LIST_ARIA_ROLE_DESC,
+	SIDE_NAVIGATION_COLLAPSED_LIST_ITEMS_ARIA_ROLE_DESC,
+	SIDE_NAVIGATION_LIST_ARIA_ROLE_DESC,
+	SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC,
+} from "./generated/i18n/i18n-defaults.js";
 
 // Styles
 import SideNavigationCss from "./generated/themes/SideNavigation.css.js";
@@ -19,7 +27,7 @@ const metadata = {
 	tag: "ui5-side-navigation",
 	managedSlots: true,
 	fastNavigation: true,
-	properties: /** @lends sap.ui.webcomponents.fiori.SideNavigation.prototype */ {
+	properties: /** @lends sap.ui.webc.fiori.SideNavigation.prototype */ {
 		/**
 		 * Defines whether the <code>ui5-side-navigation</code> is expanded or collapsed.
 		 *
@@ -38,14 +46,14 @@ const metadata = {
 			type: Object,
 		},
 	},
-	slots: /** @lends sap.ui.webcomponents.fiori.SideNavigation.prototype */ {
+	slots: /** @lends sap.ui.webc.fiori.SideNavigation.prototype */ {
 		/**
 		 * Defines the main items of the <code>ui5-side-navigation</code>. Use the <code>ui5-side-navigation-item</code> component
 		 * for the top-level items, and the <code>ui5-side-navigation-sub-item</code> component for second-level items, nested
 		 * inside the items.
 		 *
 		 * @public
-		 * @type {sap.ui.webcomponents.fiori.ISideNavigationItem[]}
+		 * @type {sap.ui.webc.fiori.ISideNavigationItem[]}
 		 * @slot items
 		 */
 		"default": {
@@ -76,7 +84,7 @@ const metadata = {
 		 * <b>Note:</b> In order to achieve the best user experience, it is recommended that you keep the fixed items "flat" (do not pass sub-items)
 		 *
 		 * @public
-		 * @type {sap.ui.webcomponents.fiori.ISideNavigationItem[]}
+		 * @type {sap.ui.webc.fiori.ISideNavigationItem[]}
 		 * @slot
 		 */
 		fixedItems: {
@@ -84,11 +92,11 @@ const metadata = {
 			invalidateOnChildChange: true,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.fiori.SideNavigation.prototype */ {
+	events: /** @lends sap.ui.webc.fiori.SideNavigation.prototype */ {
 		/**
 		 * Fired when the selection has changed via user interaction
 		 *
-		 * @event sap.ui.webcomponents.fiori.SideNavigation#selection-change
+		 * @event sap.ui.webc.fiori.SideNavigation#selection-change
 		 * @param {HTMLElement} item the clicked item.
 		 * @allowPreventDefault
 		 * @public
@@ -140,8 +148,8 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.SideNavigation
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.fiori.SideNavigation
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-side-navigation
  * @since 1.0.0-rc.8
  * @appenddocs SideNavigationItem SideNavigationSubItem
@@ -213,10 +221,33 @@ class SideNavigation extends UI5Element {
 		this._popoverContent = {
 			mainItem: item,
 			mainItemSelected: item.selected && !item.items.some(subItem => subItem.selected),
+			// add one as the first item is the main item
+			selectedSubItemIndex: item.items.findIndex(subItem => subItem.selected) + 1,
 			subItems: item.items,
 		};
 	}
 
+	async _onAfterOpen() {
+		// as the tree/list inside the popover is never destroyed,
+		// item navigation index should be managed, because items are
+		// dynamically recreated and tabIndexes are not updated
+		const tree = await this.getPickerTree();
+		const index = this._popoverContent.selectedSubItemIndex;
+		tree.focusItemByIndex(index);
+	}
+
+	get accSideNavigationPopoverHiddenText() {
+		return SideNavigation.i18nBundle.getText(SIDE_NAVIGATION_POPOVER_HIDDEN_TEXT);
+	}
+
+	get ariaRoleDescNavigationList() {
+		return this.collapsed ? SideNavigation.i18nBundle.getText(SIDE_NAVIGATION_COLLAPSED_LIST_ARIA_ROLE_DESC) : SideNavigation.i18nBundle.getText(SIDE_NAVIGATION_LIST_ARIA_ROLE_DESC);
+	}
+
+	get ariaRoleDescNavigationListItem() {
+		return this.collapsed ? SideNavigation.i18nBundle.getText(SIDE_NAVIGATION_COLLAPSED_LIST_ITEMS_ARIA_ROLE_DESC) : SideNavigation.i18nBundle.getText(SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC);
+	}
+
 	handleTreeItemClick(event) {
 		const treeItem = event.detail.item;
 		const item = treeItem.associatedItem;
@@ -240,7 +271,7 @@ class SideNavigation extends UI5Element {
 		}
 	}
 
-	handleListItemClick(event) {
+	handlePopoverItemClick(event) {
 		const listItem = event.detail.item;
 		const item = listItem.associatedItem;
 
@@ -262,11 +293,17 @@ class SideNavigation extends UI5Element {
 		responsivePopover.showAt(opener);
 	}
 
-	async closePicker(opener) {
+	async closePicker() {
 		const responsivePopover = await this.getPicker();
 		responsivePopover.close();
 	}
 
+	async getPickerTree() {
+		const picker = await this.getPicker();
+		const sideNav = picker.querySelector("[ui5-side-navigation]");
+		return sideNav._itemsTree;
+	}
+
 	get hasHeader() {
 		return !!this.header.length;
 	}
@@ -300,6 +337,13 @@ class SideNavigation extends UI5Element {
 			});
 		});
 	}
+
+	static async onDefine() {
+		[SideNavigation.i18nBundle] = await Promise.all([
+			getI18nBundle("@ui5/webcomponents"),
+			super.onDefine(),
+		]);
+	}
 }
 
 SideNavigation.define();