@ui5/webcomponents-fiori 1.0.1 → 1.1.2

package/dist/types/MediaGalleryLayout.js

@@ -0,0 +1,48 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.MediaGalleryLayout.prototype
+ * @public
+ */
+const MediaGalleryLayouts = {
+
+	/**
+	 * The layout is determined automatically.
+	 * @public
+	 * @type {Auto}
+	 */
+	 Auto: "Auto",
+
+	/**
+	 * Displays the layout as a vertical split between the thumbnails list and the selected image.
+	 * @public
+	 * @type {Vertical}
+	 */
+	Vertical: "Vertical",
+
+	/**
+	 * Displays the layout as a horizontal split between the thumbnails list and the selected image.
+	 * @public
+	 * @type {Horizontal}
+	 */
+	Horizontal: "Horizontal",
+};
+
+/**
+ * @class
+ * Defines the layout type of the thumbnails list of the <code>ui5-media-gallery</code> component.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.MediaGalleryLayout
+ * @public
+ * @enum {string}
+ */
+class MediaGalleryLayout extends DataType {
+	static isValid(value) {
+		return !!MediaGalleryLayouts[value];
+	}
+}
+
+MediaGalleryLayout.generateTypeAccessors(MediaGalleryLayouts);
+
+export default MediaGalleryLayout;

package/dist/types/MediaGalleryMenuHorizontalAlign.js

@@ -0,0 +1,41 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.MediaGalleryMenuHorizontalAlign.prototype
+ * @public
+ */
+const MediaGalleryMenuHorizontalAligns = {
+
+	/**
+	 * Displays the menu on the left side of the target.
+	 * @public
+	 * @type {Left}
+	 */
+	Left: "Left",
+
+	/**
+	 * Displays the menu on the right side of the target.
+	 * @public
+	 * @type {Right}
+	 */
+	Right: "Right",
+};
+
+/**
+ * @class
+ * Defines the horizontal alignment of the thumbnails menu of the <code>ui5-media-gallery</code> component.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.MediaGalleryMenuHorizontalAlign
+ * @public
+ * @enum {string}
+ */
+class MediaGalleryMenuHorizontalAlign extends DataType {
+	static isValid(value) {
+		return !!MediaGalleryMenuHorizontalAligns[value];
+	}
+}
+
+MediaGalleryMenuHorizontalAlign.generateTypeAccessors(MediaGalleryMenuHorizontalAligns);
+
+export default MediaGalleryMenuHorizontalAlign;

package/dist/types/MediaGalleryMenuVerticalAlign.js

@@ -0,0 +1,40 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.MediaGalleryMenuVerticalAlign.prototype
+ * @public
+ */
+const MediaGalleryMenuVerticalAligns = {
+	/**
+	 * Displays the menu at the top of the reference control.
+	 * @public
+	 * @type {Top}
+	 */
+	Top: "Top",
+
+	/**
+	 * Displays the menu at the bottom of the reference control.
+	 * @public
+	 * @type {Bottom}
+	 */
+	Bottom: "Bottom",
+};
+
+/**
+ * @class
+ * Types for the vertical alignment of the thumbnails menu of the <code>ui5-media-gallery</code> component.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.MediaGalleryMenuVerticalAlign
+ * @public
+ * @enum {string}
+ */
+class MediaGalleryMenuVerticalAlign extends DataType {
+	static isValid(value) {
+		return !!MediaGalleryMenuVerticalAligns[value];
+	}
+}
+
+MediaGalleryMenuVerticalAlign.generateTypeAccessors(MediaGalleryMenuVerticalAligns);
+
+export default MediaGalleryMenuVerticalAlign;

package/dist/types/SideContentFallDown.js

@@ -0,0 +1,54 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.SideContentFallDown.prototype
+ * @public
+ */
+const SideContentFallDownTypes = {
+	/**
+	 * Side content falls down on breakpoints below XL
+	 * @public
+	 * @type {BelowXL}
+	 */
+	BelowXL: "BelowXL",
+
+	/**
+	 * Side content falls down on breakpoints below L
+	 * @public
+	 * @type {BelowL}
+	 */
+	BelowL: "BelowL",
+
+	/**
+	 * Side content falls down on breakpoints below M
+	 * @public
+	 * @type {BelowM}
+	 */
+	BelowM: "BelowM",
+
+	/**
+	 * Side content falls down on breakpoint M and the minimum width for the side content
+	 * @public
+	 * @type {OnMinimumWidth}
+	 */
+	OnMinimumWidth: "OnMinimumWidth",
+};
+
+/**
+ * @class
+ * SideContent FallDown options.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.SideContentFallDown
+ * @public
+ * @enum {string}
+ */
+class SideContentFallDown extends DataType {
+	static isValid(value) {
+		return !!SideContentFallDownTypes[value];
+	}
+}
+
+SideContentFallDown.generateTypeAccessors(SideContentFallDownTypes);
+
+export default SideContentFallDown;

package/dist/types/SideContentPosition.js

@@ -0,0 +1,42 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.SideContentPosition.prototype
+ * @public
+ */
+const SideContentPositionTypes = {
+	/**
+	 * The side content is on the right side of the main container
+	 * in left-to-right mode and on the left side in right-to-left mode.
+	 * @public
+	 * @type {End}
+	 */
+	End: "End",
+
+	/**
+	 * The side content is on the left side of the main container
+	 * in left-to-right mode and on the right side in right-to-left mode.
+	 * @public
+	 * @type {Start}
+	 */
+	Start: "Start",
+};
+
+/**
+ * @class
+ * Side Content position options.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.SideContentPosition
+ * @public
+ * @enum {string}
+ */
+class SideContentPosition extends DataType {
+	static isValid(value) {
+		return !!SideContentPositionTypes[value];
+	}
+}
+
+SideContentPosition.generateTypeAccessors(SideContentPositionTypes);
+
+export default SideContentPosition;

package/dist/types/SideContentVisibility.js

@@ -0,0 +1,61 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.SideContentVisibility.prototype
+ * @public
+ */
+const SideContentVisibilityTypes = {
+	/**
+	 * Show the side content on any breakpoint
+	 * @public
+	 * @type {AlwaysShow}
+	 */
+	AlwaysShow: "AlwaysShow",
+
+	/**
+	 * Show the side content on XL breakpoint
+	 * @public
+	 * @type {ShowAboveL}
+	 */
+	ShowAboveL: "ShowAboveL",
+
+	/**
+	 * Show the side content on L and XL breakpoints
+	 * @public
+	 * @type {ShowAboveM}
+	 */
+	ShowAboveM: "ShowAboveM",
+
+	/**
+	 * Show the side content on M, L and XL breakpoints
+	 * @public
+	 * @type {ShowAboveS}
+	 */
+	ShowAboveS: "ShowAboveS",
+
+	/**
+	 * Don't show the side content on any breakpoints
+	 * @public
+	 * @type {NeverShow}
+	 */
+	NeverShow: "NeverShow",
+};
+
+/**
+ * @class
+ * Side Content visibility options.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.SideContentVisibility
+ * @public
+ * @enum {string}
+ */
+class SideContentVisibility extends DataType {
+	static isValid(value) {
+		return !!SideContentVisibilityTypes[value];
+	}
+}
+
+SideContentVisibility.generateTypeAccessors(SideContentVisibilityTypes);
+
+export default SideContentVisibility;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-fiori",
-  "version": "1.0.1",
+  "version": "1.1.2",
   "description": "UI5 Web Components: webcomponents.fiori",
   "ui5": {
     "webComponentsPackage": true
@@ -40,15 +40,15 @@
     "directory": "packages/fiori"
   },
   "dependencies": {
-    "@ui5/webcomponents": "1.0.1",
-    "@ui5/webcomponents-base": "1.0.1",
-    "@ui5/webcomponents-icons": "1.0.1",
-    "@ui5/webcomponents-ie11": "1.0.1",
-    "@ui5/webcomponents-theming": "1.0.1",
+    "@ui5/webcomponents": "1.1.2",
+    "@ui5/webcomponents-base": "1.1.2",
+    "@ui5/webcomponents-icons": "1.1.2",
+    "@ui5/webcomponents-ie11": "1.1.2",
+    "@ui5/webcomponents-theming": "1.1.2",
     "@zxing/library": "^0.18.3"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "1.0.1",
-    "chromedriver": "95.0.0"
+    "@ui5/webcomponents-tools": "1.1.2",
+    "chromedriver": "96.0.0"
   }
 }

package/src/Bar.hbs

@@ -3,6 +3,7 @@
 	aria-label="{{accInfo.label}}"
 	role="toolbar"
 	part="bar"
+	dir={{effectiveDir}}
 >
 	<div class="ui5-bar-content-container ui5-bar-startcontent-container">
 		<slot name="startContent"></slot>

package/src/Bar.js

@@ -13,6 +13,7 @@ import BarCss from "./generated/themes/Bar.css.js";
 const metadata = {
 	tag: "ui5-bar",
 	managedSlots: true,
+	fastNavigation: true,
 	properties: /** @lends sap.ui.webcomponents.fiori.Bar.prototype */ {
 		/**
 		 * Defines the <code>ui5-bar</code> design.
@@ -109,6 +110,14 @@ const metadata = {
  * <li>bar - Used to style the wrapper of the content of the component</li>
  * </ul>
  *
+ * <h3>Keyboard Handling</h3>
+ *
+ * <h4>Fast Navigation</h4>
+ * This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.
+ * In order to use this functionality, you need to import the following module:
+ * <code>import "@ui5/webcomponents-base/dist/features/F6Navigation.js"</code>
+ * <br><br>
+ *
  * <h3>ES6 Module Import</h3>
  *
  * <code>import "@ui5/webcomponents-fiori/dist/Bar.js";</code>
@@ -168,6 +177,11 @@ class Bar extends UI5Element {
 		};
 	}
 
+	onBeforeRendering() {
+		// Next row is specific for IE11. Please remove after stop support and edit css file
+		[...this.startContent, ...this.middleContent, ...this.endContent].forEach(element => element.classList.add("ui5-bar-content"));
+	}
+
 	onEnterDOM() {
 		ResizeHandler.register(this, this._handleResizeBound);
 	}

package/src/DynamicSideContent.hbs

@@ -0,0 +1,20 @@
+<div
+	class="ui5-dsc-root"
+	style="{{styles.root}}"
+>
+	<div
+		class="{{classes.main}}"
+		style="{{styles.main}}"
+	>
+		<slot></slot>
+	</div>
+	<aside
+		role="complementary"
+		aria-label="{{accInfo.label}}"
+		class="{{classes.side}}"
+		style="{{styles.side}}"
+	>
+		<slot name="sideContent"></slot>
+	</aside>
+
+</div>