@ui5/webcomponents-fiori 0.0.0-e463d2345 → 0.0.0-e818f286e

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/PageBackgroundDesign.js

@@ -0,0 +1,53 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * Available Page Background Design.
+ * @lends sap.ui.webcomponents.fiori.types.PageBackgroundDesign.prototype
+ * @public
+ */
+const PageBackgroundDesigns = {
+
+	/**
+	 * Page background color when a List is set as the Page content.
+	 *
+	 * @type {List}
+	 * @public
+	 */
+	List: "List",
+
+	/**
+	 * A solid background color dependent on the theme.
+	 *
+	 * @type {Solid}
+	 * @public
+ 	 */
+	Solid: "Solid",
+
+	/**
+	 * Transparent background for the page.
+	 *
+	 * @type {Transparent}
+	 * @public
+	 */
+	Transparent: "Transparent",
+};
+
+/**
+ * Available Page Background Design.
+ *
+ * @class
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.PageBackgroundDesign
+ * @public
+ * @enum {string}
+ */
+class PageBackgroundDesign extends DataType {
+	static isValid(value) {
+		return !!PageBackgroundDesigns[value];
+	}
+}
+
+PageBackgroundDesign.generateTypeAccessors(PageBackgroundDesigns);
+
+export default PageBackgroundDesign;

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/dist/types/TimelineLayout.js

@@ -0,0 +1,42 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * Available Timeline layout orientation
+ * @lends sap.ui.webcomponents.fiori.types.TimelineLayout.prototype
+ * @public
+ */
+const Layout = {
+	/**
+	 * Vertical layout
+	 * Default type
+	 * @public
+	 * @type {Vertical}
+	 */
+	Vertical: "Vertical",
+
+	/**
+	 * Horizontal layout
+	 * @public
+	 * @type {Horizontal}
+	 */
+	Horizontal: "Horizontal",
+};
+
+/**
+ * @class
+ * Different types of Timeline.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.TimelineLayout
+ * @public
+ * @enum {string}
+ */
+class TimeLineLayout extends DataType {
+	static isValid(value) {
+		return !!Layout[value];
+	}
+}
+
+TimeLineLayout.generateTypeAccessors(Layout);
+
+export default TimeLineLayout;

package/dist/types/UploadCollectionDnDMode.js

@@ -0,0 +1,49 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * Different drag and drop overlay modes of UploadCollection.
+ *
+ * @lends sap.ui.webcomponents.fiori.types.UploadCollectionDnDOverlayMode.prototype
+ * @private
+ */
+const DndOverlayModes = {
+	/**
+	 * No drag or drop indication.
+	 * @private
+	 * @type {None}
+	 */
+	None: "None",
+
+	/**
+	 * Indication that drag can be performed.
+	 * @private
+	 * @type {Drag}
+	 */
+	Drag: "Drag",
+
+	/**
+	 * Indication that drop can be performed.
+	 * @private
+	 * @type {Drop}
+	 */
+	Drop: "Drop",
+};
+
+/**
+ * @class
+ * Different types of drag and drop overlay modes.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.UploadCollectionDnDOverlayMode
+ * @private
+ * @enum {string}
+ */
+class UploadCollectionDnDOverlayMode extends DataType {
+	static isValid(value) {
+		return !!DndOverlayModes[value];
+	}
+}
+
+UploadCollectionDnDOverlayMode.generateTypeAccessors(DndOverlayModes);
+
+export default UploadCollectionDnDOverlayMode;

package/dist/types/UploadState.js

@@ -0,0 +1,56 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * Different types of UploadState.
+ * @lends sap.ui.webcomponents.fiori.types.UploadState.prototype
+ * @public
+ */
+const UploadStates = {
+	/**
+	 * The file has been uploaded successfully.
+	 * @public
+	 * @type {Complete}
+	 */
+	Complete: "Complete",
+
+	/**
+	 * The file cannot be uploaded due to an error.
+	 * @public
+	 * @type {Error}
+	 */
+	Error: "Error",
+
+	/**
+	 * The file is awaiting an explicit command to start being uploaded.
+	 * @public
+	 * @type {Ready}
+	 */
+	Ready: "Ready",
+
+	/**
+	 * The file is currently being uploaded.
+	 * @public
+	 * @type {Uploading}
+	 */
+	Uploading: "Uploading",
+};
+
+/**
+ * States of the upload process of <code>ui5-upload-collection-item</code>.
+ *
+ * @class
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.UploadState
+ * @public
+ * @enum {string}
+ */
+class UploadState extends DataType {
+	static isValid(value) {
+		return !!UploadStates[value];
+	}
+}
+
+UploadState.generateTypeAccessors(UploadStates);
+
+export default UploadState;

package/dist/types/ViewSettingsDialogMode.js

@@ -0,0 +1,43 @@
+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
+ * @enum {string}
+ */
+class ViewSettingsDialogMode extends DataType {
+	static isValid(value) {
+		return !!ModeTypes[value];
+	}
+}
+
+ViewSettingsDialogMode.generateTypeAccessors(ModeTypes);
+
+export default ViewSettingsDialogMode;

package/dist/upload-utils/UploadCollectionBodyDnD.js

@@ -0,0 +1,78 @@
+/**
+ * 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 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 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 ondragleave = event => {
+	if (lastDragEnter === event.target) {
+		eventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.None });
+	}
+};
+
+const ondrop = event => {
+	eventProvider.fireEvent(EVENT, { mode: UploadCollectionDnDOverlayMode.None });
+};
+
+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);
+};
+
+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,
+};

package/package-scripts.js

@@ -1,7 +1,24 @@
 const getScripts = require("@ui5/webcomponents-tools/components-package/nps.js");
 
 const options = {
-	port: 8081
+	port: 8081,
+	portStep: 2,
+	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);

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@ui5/webcomponents-fiori",
-  "version": "0.0.0-e463d2345",
+  "version": "0.0.0-e818f286e",
   "description": "UI5 Web Components: webcomponents.fiori",
+  "ui5": {
+    "webComponentsPackage": true
+  },
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
   "private": false,
@@ -10,10 +13,21 @@
     "sapui5",
     "ui5"
   ],
+  "exports": {
+    "./.port": "./.port",
+    "./src/*": "./src/*",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json",
+    "./bundle.esm.js": "./bundle.esm.js",
+    "./bundle.common.js": "./bundle.common.js",
+    "./bundle.scoped.esm.js": "./bundle.scoped.esm.js",
+    "./*": "./dist/*"
+  },
   "scripts": {
     "clean": "wc-dev clean",
     "lint": "wc-dev lint",
     "start": "wc-dev start",
+    "watch": "wc-dev watch",
     "build": "wc-dev build",
     "test": "wc-dev test",
     "create-ui5-element": "wc-create-ui5-element",
@@ -25,12 +39,14 @@
     "directory": "packages/fiori"
   },
   "dependencies": {
-    "@ui5/webcomponents": "0.0.0-e463d2345",
-    "@ui5/webcomponents-icons": "0.0.0-e463d2345",
-    "@ui5/webcomponents-theme-base": "0.0.0-e463d2345",
-    "@ui5/webcomponents-base": "0.0.0-e463d2345"
+    "@ui5/webcomponents": "0.0.0-e818f286e",
+    "@ui5/webcomponents-base": "0.0.0-e818f286e",
+    "@ui5/webcomponents-icons": "0.0.0-e818f286e",
+    "@ui5/webcomponents-theming": "0.0.0-e818f286e",
+    "@zxing/library": "^0.18.3"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.0.0-e463d2345"
+    "@ui5/webcomponents-tools": "0.0.0-e818f286e",
+    "chromedriver": "102.0.0"
   }
 }

package/src/Assets-static.js

@@ -0,0 +1,6 @@
+// main package assets (transitively base and theming)
+import "@ui5/webcomponents/dist/Assets-static.js";
+
+// own fiori package assets
+import "./generated/json-imports/Themes-static.js";
+import "./generated/json-imports/i18n-static.js";

package/src/Assets.js

@@ -0,0 +1,6 @@
+// main package assets (transitively base, theming and icons)
+import "@ui5/webcomponents/dist/Assets.js";
+
+// own fiori package assets
+import "./generated/json-imports/Themes.js";
+import "./generated/json-imports/i18n.js";

package/src/Bar.hbs

@@ -0,0 +1,16 @@
+<div
+	class="{{classes.root}}"
+	aria-label="{{accInfo.label}}"
+	role="toolbar"
+	part="bar"
+>
+	<div class="ui5-bar-content-container ui5-bar-startcontent-container">
+		<slot name="startContent"></slot>
+	</div>
+	<div class="ui5-bar-content-container ui5-bar-midcontent-container">
+		<slot></slot>
+	</div>
+	<div class="ui5-bar-content-container ui5-bar-endcontent-container">
+		<slot name="endContent"></slot>
+	</div>
+</div>