@ui5/webcomponents-fiori 0.0.0-7e7d9ea6f → 0.0.0-81513ce21

package/dist/types/ViewSettingsDialogMode.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Different types of Bar.
+ *
+ * @readonly
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.types.ViewSettingsDialogMode
+ */
+declare enum ViewSettingsDialogMode {
+    /**
+     * Default type
+     * @since 1.0.0-rc.16
+     * @public
+     * @type {Sort}
+     */
+    Sort = "Sort",
+    /**
+     * Filter type
+     * @since 1.0.0-rc.16
+     * @public
+     * @type {Filter}
+     */
+    Filter = "Filter"
+}
+export default ViewSettingsDialogMode;

package/dist/types/ViewSettingsDialogMode.js

@@ -1,43 +1,28 @@
-import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
-
 /**
- * @lends sap.ui.webcomponents.fiori.types.ViewSettingsDialogMode.prototype
- * @public
- */
-const ModeTypes = {
-	/**
-	 * Default type
-	 * @since 1.0.0-rc.16
-	 * @public
-	 * @type {Sort}
-	 */
-	Sort: "Sort",
-
-	/**
-	 * Filter type
-	 * @since 1.0.0-rc.16
-	 * @public
-	 * @type {Filter}
-	 */
-	Filter: "Filter",
-};
-
-/**
- * @class
  * Different types of Bar.
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.types.ViewSettingsDialogMode
- * @private
- * @since 1.0.0-rc.16
+ *
+ * @readonly
  * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.types.ViewSettingsDialogMode
  */
-class ViewSettingsDialogMode extends DataType {
-	static isValid(value) {
-		return !!ModeTypes[value];
-	}
-}
-
-ViewSettingsDialogMode.generateTypeAccessors(ModeTypes);
-
+var ViewSettingsDialogMode;
+(function (ViewSettingsDialogMode) {
+    /**
+     * Default type
+     * @since 1.0.0-rc.16
+     * @public
+     * @type {Sort}
+     */
+    ViewSettingsDialogMode["Sort"] = "Sort";
+    /**
+     * Filter type
+     * @since 1.0.0-rc.16
+     * @public
+     * @type {Filter}
+     */
+    ViewSettingsDialogMode["Filter"] = "Filter";
+})(ViewSettingsDialogMode || (ViewSettingsDialogMode = {}));
 export default ViewSettingsDialogMode;
+//# sourceMappingURL=ViewSettingsDialogMode.js.map

package/dist/types/ViewSettingsDialogMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSettingsDialogMode.js","sourceRoot":"","sources":["../../src/types/ViewSettingsDialogMode.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,sBAgBJ;AAhBD,WAAK,sBAAsB;IAC1B;;;;;OAKG;IACH,uCAAa,CAAA;IAEb;;;;;OAKG;IACH,2CAAiB,CAAA;AAClB,CAAC,EAhBI,sBAAsB,KAAtB,sBAAsB,QAgB1B;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["/**\n * Different types of Bar.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.fiori.types.ViewSettingsDialogMode\n */\nenum ViewSettingsDialogMode {\n\t/**\n\t * Default type\n\t * @since 1.0.0-rc.16\n\t * @public\n\t * @type {Sort}\n\t */\n\tSort = \"Sort\",\n\n\t/**\n\t * Filter type\n\t * @since 1.0.0-rc.16\n\t * @public\n\t * @type {Filter}\n\t */\n\tFilter = \"Filter\",\n}\n\nexport default ViewSettingsDialogMode;\n"]}

package/dist/upload-utils/UploadCollectionBodyDnD.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Handles drag and drop event listeners on document.body.
+ * Ensures that there is only 1 listener per type attached (drag, drop, leave). Event listeners will only be attached when
+ * there is at least 1 UploadCollection subscribed.
+ */
+import UploadCollectionDnDOverlayMode from "../types/UploadCollectionDnDMode.js";
+type DnDEventListener = (param: DnDEventListenerParam) => void;
+type DnDEventListenerParam = {
+    mode: UploadCollectionDnDOverlayMode;
+};
+declare const draggingFiles: (event: DragEvent) => boolean | null;
+declare const attachBodyDnDHandler: (handler: DnDEventListener) => void;
+declare const detachBodyDnDHandler: (handler: DnDEventListener) => void;
+export { attachBodyDnDHandler, detachBodyDnDHandler, draggingFiles, };
+export type { DnDEventListener, DnDEventListenerParam, };

package/dist/upload-utils/UploadCollectionBodyDnD.js

@@ -3,76 +3,58 @@
  * Ensures that there is only 1 listener per type attached (drag, drop, leave). Event listeners will only be attached when
  * there is at least 1 UploadCollection subscribed.
  */
-
 import EventProvider from "@ui5/webcomponents-base/dist/EventProvider.js";
 import UploadCollectionDnDOverlayMode from "../types/UploadCollectionDnDMode.js";
-
-const draggingFiles = event => {
-	return Array.from(event.dataTransfer.types).includes("Files");
+const draggingFiles = (event) => {
+    return event.dataTransfer && Array.from(event.dataTransfer.types).includes("Files");
 };
-
 const eventProvider = new EventProvider();
 const EVENT = "UploadCollectionBodyDndEvent";
 let lastDragEnter = null;
 let globalHandlersAttached = false;
-
-const ondragenter = event => {
-	if (!draggingFiles(event)) {
-		return;
-	}
-
-	lastDragEnter = event.target;
-	eventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.Drag });
+const ondragenter = (event) => {
+    if (!draggingFiles(event)) {
+        return;
+    }
+    lastDragEnter = event.target;
+    eventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.Drag });
 };
-
-const ondragleave = event => {
-	if (lastDragEnter === event.target) {
-		eventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.None });
-	}
+const ondragleave = (event) => {
+    if (lastDragEnter === event.target) {
+        eventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.None });
+    }
 };
-
-const ondrop = event => {
-	eventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.None });
+const ondrop = () => {
+    eventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.None });
 };
-
-const ondragover = event => {
-	event.preventDefault();
+const ondragover = (event) => {
+    event.preventDefault();
 };
-
 const attachGlobalHandlers = () => {
-	document.body.addEventListener("dragenter", ondragenter);
-	document.body.addEventListener("dragleave", ondragleave);
-	document.body.addEventListener("drop", ondrop);
-	document.body.addEventListener("dragover", ondragover);
+    document.body.addEventListener("dragenter", ondragenter);
+    document.body.addEventListener("dragleave", ondragleave);
+    document.body.addEventListener("drop", ondrop);
+    document.body.addEventListener("dragover", ondragover);
 };
-
 const detachGlobalHandlers = () => {
-	document.body.removeEventListener("dragenter", ondragenter);
-	document.body.removeEventListener("dragleave", ondragleave);
-	document.body.removeEventListener("drop", ondrop);
-	document.body.removeEventListener("dragover", ondragover);
-	globalHandlersAttached = false;
-};
-
-const attachBodyDnDHandler = handler => {
-	eventProvider.attachEvent(EVENT, handler);
-
-	if (!globalHandlersAttached) {
-		attachGlobalHandlers();
-		globalHandlersAttached = true;
-	}
-};
-
-const detachBodyDnDHandler = handler => {
-	eventProvider.detachEvent(EVENT, handler);
-
-	if (!eventProvider.hasListeners(EVENT)) {
-		detachGlobalHandlers();
-	}
-};
-
-export {
-	attachBodyDnDHandler,
-	detachBodyDnDHandler,
-	draggingFiles,
-};
+    document.body.removeEventListener("dragenter", ondragenter);
+    document.body.removeEventListener("dragleave", ondragleave);
+    document.body.removeEventListener("drop", ondrop);
+    document.body.removeEventListener("dragover", ondragover);
+    globalHandlersAttached = false;
+};
+const attachBodyDnDHandler = (handler) => {
+    eventProvider.attachEvent(EVENT, handler);
+    if (!globalHandlersAttached) {
+        attachGlobalHandlers();
+        globalHandlersAttached = true;
+    }
+};
+const detachBodyDnDHandler = (handler) => {
+    eventProvider.detachEvent(EVENT, handler);
+    if (!eventProvider.hasListeners(EVENT)) {
+        detachGlobalHandlers();
+    }
+};
+export { attachBodyDnDHandler, detachBodyDnDHandler, draggingFiles, };
+//# sourceMappingURL=UploadCollectionBodyDnD.js.map

package/dist/upload-utils/UploadCollectionBodyDnD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadCollectionBodyDnD.js","sourceRoot":"","sources":["../../src/upload-utils/UploadCollectionBodyDnD.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,8BAA8B,MAAM,qCAAqC,CAAC;AAQjF,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAE,EAAE;IAC1C,OAAO,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACrF,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,aAAa,EAA+B,CAAC;AACvE,MAAM,KAAK,GAAG,8BAA8B,CAAC;AAC7C,IAAI,aAAa,GAAuB,IAAI,CAAC;AAC7C,IAAI,sBAAsB,GAAG,KAAK,CAAC;AAEnC,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAE,EAAE;IACxC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QAC1B,OAAO;KACP;IAED,aAAa,GAAG,KAAK,CAAC,MAAqB,CAAC;IAC5C,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,8BAA8B,CAAC,IAAI,EAAE,CAAC,CAAC;AAC/E,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAE,EAAE;IACxC,IAAI,aAAa,KAAK,KAAK,CAAC,MAAM,EAAE;QACnC,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,8BAA8B,CAAC,IAAI,EAAE,CAAC,CAAC;KAC9E;AACF,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,EAAE;IACnB,aAAa,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,8BAA8B,CAAC,IAAI,EAAE,CAAC,CAAC;AAC/E,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,KAAK,CAAC,cAAc,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACzD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACzD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IAC5D,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IAC5D,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1D,sBAAsB,GAAG,KAAK,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,OAAyB,EAAE,EAAE;IAC1D,aAAa,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAE1C,IAAI,CAAC,sBAAsB,EAAE;QAC5B,oBAAoB,EAAE,CAAC;QACvB,sBAAsB,GAAG,IAAI,CAAC;KAC9B;AACF,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,OAAyB,EAAE,EAAE;IAC1D,aAAa,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAE1C,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;QACvC,oBAAoB,EAAE,CAAC;KACvB;AACF,CAAC,CAAC;AAEF,OAAO,EACN,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,GACb,CAAC","sourcesContent":["/**\n * Handles drag and drop event listeners on document.body.\n * Ensures that there is only 1 listener per type attached (drag, drop, leave). Event listeners will only be attached when\n * there is at least 1 UploadCollection subscribed.\n */\n\nimport EventProvider from \"@ui5/webcomponents-base/dist/EventProvider.js\";\nimport UploadCollectionDnDOverlayMode from \"../types/UploadCollectionDnDMode.js\";\n\ntype DnDEventListener = (param: DnDEventListenerParam) => void;\n\ntype DnDEventListenerParam = {\n\tmode: UploadCollectionDnDOverlayMode,\n};\n\nconst draggingFiles = (event: DragEvent) => {\n\treturn event.dataTransfer && Array.from(event.dataTransfer.types).includes(\"Files\");\n};\n\nconst eventProvider = new EventProvider<DnDEventListenerParam, void>();\nconst EVENT = \"UploadCollectionBodyDndEvent\";\nlet lastDragEnter: HTMLElement | null = null;\nlet globalHandlersAttached = false;\n\nconst ondragenter = (event: DragEvent) => {\n\tif (!draggingFiles(event)) {\n\t\treturn;\n\t}\n\n\tlastDragEnter = event.target as HTMLElement;\n\teventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.Drag });\n};\n\nconst ondragleave = (event: DragEvent) => {\n\tif (lastDragEnter === event.target) {\n\t\teventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.None });\n\t}\n};\n\nconst ondrop = () => {\n\teventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.None });\n};\n\nconst ondragover = (event: DragEvent) => {\n\tevent.preventDefault();\n};\n\nconst attachGlobalHandlers = () => {\n\tdocument.body.addEventListener(\"dragenter\", ondragenter);\n\tdocument.body.addEventListener(\"dragleave\", ondragleave);\n\tdocument.body.addEventListener(\"drop\", ondrop);\n\tdocument.body.addEventListener(\"dragover\", ondragover);\n};\n\nconst detachGlobalHandlers = () => {\n\tdocument.body.removeEventListener(\"dragenter\", ondragenter);\n\tdocument.body.removeEventListener(\"dragleave\", ondragleave);\n\tdocument.body.removeEventListener(\"drop\", ondrop);\n\tdocument.body.removeEventListener(\"dragover\", ondragover);\n\tglobalHandlersAttached = false;\n};\n\nconst attachBodyDnDHandler = (handler: DnDEventListener) => {\n\teventProvider.attachEvent(EVENT, handler);\n\n\tif (!globalHandlersAttached) {\n\t\tattachGlobalHandlers();\n\t\tglobalHandlersAttached = true;\n\t}\n};\n\nconst detachBodyDnDHandler = (handler: DnDEventListener) => {\n\teventProvider.detachEvent(EVENT, handler);\n\n\tif (!eventProvider.hasListeners(EVENT)) {\n\t\tdetachGlobalHandlers();\n\t}\n};\n\nexport {\n\tattachBodyDnDHandler,\n\tdetachBodyDnDHandler,\n\tdraggingFiles,\n};\n\nexport type {\n\tDnDEventListener,\n\tDnDEventListenerParam,\n};\n"]}

package/global.d.ts

@@ -0,0 +1,13 @@
+// eslint-disable-next-line
+import type { BrowserMultiFormatReader, NotFoundException } from "@zxing/library/esm5/index.js";
+
+export {};
+
+declare global {
+	interface Window {
+		ZXing: {
+			BrowserMultiFormatReader: typeof BrowserMultiFormatReader;
+			NotFoundException: typeof NotFoundException;
+		};
+	}
+}

package/package-scripts.cjs

@@ -0,0 +1,30 @@
+const getScripts = require("@ui5/webcomponents-tools/components-package/nps.js");
+
+const options = {
+	port: 8081,
+	portStep: 2,
+	fioriPackage: true,
+	typescript: true,
+	illustrationsData: [
+		{
+			path: "src/illustrations",
+			defaultText: true,
+			illustrationsPrefix: "sapIllus",
+			set: "fiori",
+			destinationPath: "dist/illustrations",
+		},
+		{
+			path: "src/illustrations/tnt",
+			defaultText: false,
+			illustrationsPrefix: "tnt",
+			set: "tnt",
+			destinationPath: "dist/illustrations/tnt",
+		},
+	]
+};
+
+const scripts = getScripts(options);
+
+module.exports = {
+	scripts
+};

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@ui5/webcomponents-fiori",
-  "version": "0.0.0-7e7d9ea6f",
+  "version": "0.0.0-81513ce21",
   "description": "UI5 Web Components: webcomponents.fiori",
   "ui5": {
     "webComponentsPackage": true
   },
+  "type": "module",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
   "private": false,
+  "customElements": "./dist/custom-elements.json",
   "keywords": [
     "openui5",
     "sapui5",
@@ -39,14 +41,14 @@
     "directory": "packages/fiori"
   },
   "dependencies": {
-    "@ui5/webcomponents": "0.0.0-7e7d9ea6f",
-    "@ui5/webcomponents-base": "0.0.0-7e7d9ea6f",
-    "@ui5/webcomponents-icons": "0.0.0-7e7d9ea6f",
-    "@ui5/webcomponents-theming": "0.0.0-7e7d9ea6f",
-    "@zxing/library": "^0.18.3"
+    "@ui5/webcomponents": "0.0.0-81513ce21",
+    "@ui5/webcomponents-base": "0.0.0-81513ce21",
+    "@ui5/webcomponents-icons": "0.0.0-81513ce21",
+    "@ui5/webcomponents-theming": "0.0.0-81513ce21",
+    "@zxing/library": "^0.17.1"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.0.0-7e7d9ea6f",
-    "chromedriver": "102.0.0"
+    "@ui5/webcomponents-tools": "0.0.0-81513ce21",
+    "chromedriver": "112.0.0"
   }
 }

package/src/DynamicSideContent.hbs

@@ -2,12 +2,27 @@
 	class="ui5-dsc-root"
 	style="{{styles.root}}"
 >
+
+	{{#if _isSideContentFirst}}
+		{{> sideContent}}
+		{{> mainContent}}
+	{{else}}
+		{{> mainContent}}
+		{{> sideContent}}
+	{{/if}}
+
+</div>
+
+{{#*inline "mainContent"}}
 	<div
 		class="{{classes.main}}"
 		style="{{styles.main}}"
 	>
 		<slot></slot>
 	</div>
+{{/inline}}
+
+{{#*inline "sideContent"}}
 	<aside
 		role="complementary"
 		aria-label="{{accInfo.label}}"
@@ -16,5 +31,4 @@
 	>
 		<slot name="sideContent"></slot>
 	</aside>
-
-</div>
+{{/inline}}

package/src/IllustratedMessage.hbs

@@ -3,7 +3,11 @@
 		{{{effectiveIllustration}}}
 	</div>
 	{{#if hasTitle}}
-	<ui5-title level="H2" class="ui5-illustrated-message-title" wrapping-type="Normal">{{effectiveTitleText}}</ui5-title>
+			{{#if hasFormattedTitle}}
+				<slot name="title"></slot>
+			{{else}}
+				<ui5-title level="H2" class="ui5-illustrated-message-title" wrapping-type="Normal">{{effectiveTitleText}}</ui5-title>
+			{{/if}}
 	{{/if}}
 
 	{{#if hasSubtitle}}

package/src/MediaGalleryItem.hbs

@@ -1,5 +1,5 @@
 <div class="ui5-media-gallery-item-root"
-    tabindex="{{tabIndex}}"
+    tabindex="{{effectiveTabIndex}}"
     data-sap-focus-ref
     @focusout="{{_onfocusout}}"
     @focusin="{{_onfocusin}}"

package/src/NotificationListGroupItem.hbs

@@ -5,7 +5,7 @@
 	@keydown="{{_onkeydown}}"
 	role="listitem"
 	tabindex="{{_tabIndex}}"
-	aria-expanded="{{ariaExpanded}}"
+	aria-expanded="{{_ariaExpanded}}"
 	aria-labelledby="{{ariaLabelledBy}}"
 >
 	<div class="ui5-nli-group-header">

package/src/NotificationListItem.hbs

@@ -77,7 +77,7 @@
 			<ui5-link
 				class="ui5-nli-footer-showMore"
 				?hidden="{{hideShowMore}}"
-				@click="{{_onShowMoreClick}}"
+				@ui5-click="{{_onShowMoreClick}}"
 				aria-hidden="true"
 				href="#" {{!--without href ENTER does not trigger click --}}
 				showMore-btn

package/src/NotificationOverflowActionsPopover.hbs

@@ -13,6 +13,7 @@
 				?disabled="{{this.disabled}}"
 				design="{{this.design}}"
 				data-ui5-external-action-item-id="{{this.refItemid}}"
+				class="ui5-notification-overflow-list-btn"
 				>{{this.text}}
 			</ui5-button>
 		{{/each}}

package/src/ShellBar.hbs

@@ -1,6 +1,5 @@
-<div
+<header
 	class="{{classes.wrapper}}"
-	role="banner"
 	aria-label="{{_shellbarText}}"
 	part="root"
 >
@@ -13,7 +12,7 @@
 		{{#if hasMenuItems}}
 				{{#unless showLogoInMenuButton}}
 					<span class="ui5-shellbar-logo"
-						role="button"
+						role="{{accLogoRole}}"
 						aria-label="{{_logoText}}"
 						title="{{_logoText}}"
 						@click="{{_logoPress}}"
@@ -34,13 +33,17 @@
 
 				{{#if showMenuButton}}
 					<button class="{{classes.button}}"
-						@click="{{_header.press}}"
+						@click="{{_headerPress}}"
 						aria-haspopup="menu"
 						aria-expanded="{{_menuPopoverExpanded}}"
 						data-ui5-stable="menu"
 					>
 						{{#if showLogoInMenuButton}}
-							<span class="ui5-shellbar-logo" aria-label="{{_logoText}}" title="{{_logoText}}">
+							<span
+								class="ui5-shellbar-logo"
+								role="{{accLogoRole}}"
+								aria-label="{{_logoText}}"
+								title="{{_logoText}}">
 								<slot name="logo"></slot>
 							</span>
 						{{/if}}
@@ -60,7 +63,7 @@
 		{{#unless hasMenuItems}}
 			{{#if hasLogo}}
 				<span class="ui5-shellbar-logo"
-					role="button"
+					role="{{accLogoRole}}"
 					aria-label="{{_logoText}}"
 					title="{{_logoText}}"
 					@click="{{_logoPress}}"
@@ -117,7 +120,7 @@
 							class="ui5-shellbar-button"
 							data-ui5-stable="cancel-search"
 						>
-							Cancel
+							{{_cancelBtnText}}
 						</ui5-button>
 					</div>
 				{{/if}}
@@ -166,6 +169,7 @@
 				data-ui5-notifications-count="{{notificationsCount}}"
 				@click={{_handleNotificationsPress}}
 				tooltip="{{_notificationsText}}"
+				.accessibilityAttributes={{accInfo.notifications.accessibilityAttributes}}
 				data-ui5-stable="notifications"
 			></ui5-button>
 			{{/if}}
@@ -194,12 +198,13 @@
 				data-ui5-text="Product Switch"
 				@click={{_handleProductSwitchPress}}
 				tooltip="{{_productsText}}"
+				.accessibilityAttributes={{accInfo.products.accessibilityAttributes}}
 				data-ui5-stable="product-switch"
 			></ui5-button>
 			{{/if}}
 		</div>
 	</div>
-</div>
+</header>
 
 {{#*inline "profileButton"}}
 	<ui5-button
@@ -209,6 +214,7 @@
 		style="{{styles.items.profile}}"
 		tooltip="{{_profileText}}"
 		class="ui5-shellbar-button ui5-shellbar-image-button"
+		.accessibilityAttributes={{accInfo.profile.accessibilityAttributes}}
 		data-ui5-stable="profile"
 	>
 		<slot name="profile"></slot>

package/src/SideNavigation.hbs

@@ -1,4 +1,4 @@
-<div class="ui5-sn-root">
+<div class="ui5-sn-root" role="navigation">
 	{{> header }}
 
 	{{#if items.length}}
@@ -6,6 +6,7 @@
 			id="ui5-sn-items-tree"
 			class="ui5-sn-items-tree"
 			mode="None"
+			.accessibleRoleDescription="{{ariaRoleDescNavigationList}}"
 			?_minimal="{{collapsed}}"
 			_toggle-button-end
 			@ui5-item-click="{{handleTreeItemClick}}"
@@ -19,6 +20,9 @@
 					?has-children="{{this.item.items.length}}"
 					?expanded="{{this.item.expanded}}"
 					?selected="{{this.selected}}"
+					.ariaHaspopup="{{this.item._ariaHasPopup}}"
+					.accessibleRoleDescription="{{../ariaRoleDescNavigationListItem}}"
+					._fixed="{{this.item._fixed}}"
 				>
 					{{#unless ../collapsed}}
 						{{#each this.item.items}}
@@ -28,6 +32,7 @@
 								title="{{this._tooltip}}"
 								icon="{{this.icon}}"
 								?selected="{{this.selected}}"
+								.accessibleRoleDescription="{{../ariaRoleDescNavigationListItem}}"
 							>
 							</ui5-tree-item>
 						{{/each}}
@@ -50,6 +55,7 @@
 				?_minimal="{{collapsed}}"
 				_toggle-button-end
 				@ui5-item-click="{{handleTreeItemClick}}"
+				.accessibleRoleDescription="{{ariaRoleDescNavigationList}}"
 			>
 				{{#each _fixedItems}}
 					<ui5-tree-item
@@ -60,6 +66,8 @@
 						?has-children="{{this.item.items.length}}"
 						?expanded="{{this.item.expanded}}"
 						?selected="{{this.selected}}"
+						.ariaHaspopup="{{this.item._ariaHasPopup}}"
+						.accessibleRoleDescription="{{../ariaRoleDescNavigationListItem}}"
 					>
 						{{#unless ../collapsed}}
 							{{#each this.item.items}}
@@ -68,6 +76,7 @@
 									text="{{this.text}}"
 									title="{{this._tooltip}}"
 									?selected="{{this.selected}}"
+									.accessibleRoleDescription="{{../ariaRoleDescNavigationListItem}}"
 								>
 								</ui5-tree-item>
 							{{/each}}

package/src/SideNavigationPopover.hbs

@@ -0,0 +1,33 @@
+<ui5-responsive-popover
+	vertical-align="Top"
+	class="ui5-side-navigation-popover"
+	aria-labelledby="{{_id}}-sideNavigationPopoverText"
+	aria-modal="true"
+	@ui5-after-open="{{_onAfterOpen}}"
+>
+	<span id="{{_id}}-sideNavigationPopoverText" class="ui5-hidden-text">{{accSideNavigationPopoverHiddenText}}</span>
+
+	<ui5-side-navigation
+		class="ui5-side-navigation-in-popover"
+		@ui5-selection-change="{{handleInnerSelectionChange}}"
+	>
+		<ui5-side-navigation-item
+			title="{{_popoverContents.mainItem._tooltip}}"
+			text="{{_popoverContents.mainItem.text}}"
+			expanded="true"
+			_fixed="true"
+			?selected="{{_popoverContents.mainItem.selected}}"
+			.associatedItem="{{_popoverContents.mainItem}}"
+		>
+
+		{{#each _popoverContents.subItems}}
+			<ui5-side-navigation-sub-item
+				title="{{this._tooltip}}"
+				text="{{this.text}}"
+				?selected="{{this.selected}}"
+				.associatedItem="{{this}}"
+			></ui5-side-navigation-sub-item>
+		{{/each}}
+		</ui5-side-navigation-item>
+	</ui5-side-navigation>
+</ui5-responsive-popover>

package/src/TimelineItem.hbs

@@ -31,7 +31,7 @@
 
 {{#*inline "name"}}
 	{{#if nameClickable}}
-		<ui5-link @click="{{onNamePress}}" class="ui5-tli-title-name-clickable">{{name}}&nbsp;</ui5-link>
+		<ui5-link @ui5-click="{{onNamePress}}" class="ui5-tli-title-name-clickable">{{name}}&nbsp;</ui5-link>
 	{{else}}
 		<span class="ui5-tli-title-name">{{name}}&nbsp;</span>
 	{{/if}}

package/src/UploadCollection.hbs

@@ -16,11 +16,10 @@
 		</ui5-list>
 		{{#if _showNoData}}
 			<div class="{{classes.noFiles}}">
-				<div class="icon-container">
-					<ui5-icon name="document"></ui5-icon>
-				</div>
-				<ui5-label class="title" wrapping-type="Normal">{{_noDataText}}</ui5-label>
-				<ui5-label class="subtitle" wrapping-type="Normal">{{_noDataDescription}}</ui5-label>
+				<ui5-illustrated-message name="Tent">
+					<ui5-title slot="title" class="title" level="H2">{{_noDataText}}</ui5-title>
+					<span slot="subtitle" class="subtitle">{{_noDataDescription}}</span>
+				</ui5-illustrated-message>
 			</div>
 		{{/if}}
 		{{#if _showDndOverlay}}

package/src/UploadCollectionItem.hbs

@@ -22,7 +22,7 @@
 					</div>
 				{{else }}
 					{{#if fileNameClickable}}
-						<ui5-link class="ui5-uci-file-name" @click="{{_onFileNameClick}}">{{fileName}}</ui5-link>
+						<ui5-link class="ui5-uci-file-name" @ui5-click="{{_onFileNameClick}}">{{fileName}}</ui5-link>
 					{{else}}
 						<span class="ui5-uci-file-name ui5-uci-file-name-text">{{fileName}}</span>
 					{{/if}}

package/src/Wizard.hbs

@@ -1,5 +1,5 @@
 <div class="ui5-wiz-root" aria-label="{{ariaLabelText}}" role="region">
-	<nav class="ui5-wiz-nav" aria-label="{{navAriaLabelText}}" tabindex="-1">
+	<nav class="ui5-wiz-nav" part="navigator" aria-label="{{navAriaLabelText}}" tabindex="-1">
 		<div class="ui5-wiz-nav-list" role="list" aria-label="{{listAriaLabelText}}" aria-describedby="wiz-nav-descr" aria-controls="{{_id}}-wiz-content">
 			{{#each _stepsInHeader}}
 				<ui5-wizard-tab
@@ -33,6 +33,7 @@
 				?hidden="{{disabled}}"
 				?selected="{{selected}}"
 				?stretch="{{stretch}}"
+				part="step-content"
 				aria-label="{{stepContentAriaLabel}}"
 				role="region"
 				data-ui5-content-item-ref-id="{{_id}}">

package/src/WizardTab.hbs

@@ -7,7 +7,6 @@
 	aria-disabled="{{accInfo.ariaDisabled}}"
 	aria-label="{{accInfo.ariaLabel}}"
 	@click="{{_onclick}}"
-	@keydown="{{_onkeydown}}"
 	@keyup="{{_onkeyup}}"
 	@focusin="{{_onfocusin}}"
 >