npm - @openui5/sap.ui.webc.fiori - Versions diffs - 1.105.1 → 1.107.0 - Mend

@openui5/sap.ui.webc.fiori 1.105.1 → 1.107.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (627) hide show

package/src/sap/ui/webc/fiori/library.config.js CHANGED Viewed

@@ -1,3 +1,18 @@
-sap.ui.define([], function() {
+sap.ui.define([
+	"sap/ui/webc/common/thirdparty/base/CSP"
+], function(CSP) {
 	"use strict";
+	// configure third parties
+	window.sap.ui.loader.config({
+		shim: {
+			'sap/ui/webc/fiori/lib/zxing': {
+				amd: true,
+				exports: 'ZXing'
+			}
+		}
+	});
+	// configure CSS paths for CSP
+	CSP.setPackageCSSRoot("@ui5/webcomponents-fiori", sap.ui.require.toUrl("sap/ui/webc/fiori/thirdparty/css/"));
 });

package/src/sap/ui/webc/fiori/library.js CHANGED Viewed

@@ -9,11 +9,10 @@
  */
 sap.ui.define([
 		"sap/ui/webc/common/library",
-		"sap/ui/webc/common/thirdparty/base/CSP",
 		"./thirdparty/Assets",
 		"./library.config"
 	], // library dependency
-	function(commonLibrary, CSP) {
+	function(commonLibrary) {
 		"use strict";
@@ -23,14 +22,14 @@ sap.ui.define([
 		 * @namespace
 		 * @alias sap.ui.webc.fiori
 		 * @author SAP SE
-		 * @version 1.105.1
+		 * @version 1.107.0
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
 		 */
 		var thisLib = sap.ui.getCore().initLibrary({
 			name: "sap.ui.webc.fiori",
-			version: "1.105.1",
+			version: "1.107.0",
 			dependencies: ["sap.ui.core", "sap.ui.webc.common"],
 			noLibraryCSS: true,
 			designtime: "sap/ui/webc/main/designtime/library.designtime",
@@ -131,7 +130,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.99.0
 		 * @experimental Since 1.99.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -142,7 +140,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.97.0
 		 * @experimental Since 1.97.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -153,7 +150,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.97.0
 		 * @experimental Since 1.97.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -164,7 +160,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.99.0
 		 * @experimental Since 1.99.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -175,7 +170,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -186,7 +180,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -197,7 +190,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -208,7 +200,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -219,7 +210,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -230,7 +220,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -241,7 +230,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.97.0
 		 * @experimental Since 1.97.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -252,7 +240,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -263,7 +250,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -274,7 +260,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		/**
@@ -284,7 +269,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.BarDesign = {
@@ -321,7 +305,6 @@ sap.ui.define([
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.FCLLayout = {
@@ -404,7 +387,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.106.0
 		 * @experimental Since 1.106.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.IllustrationMessageSize = {
@@ -451,7 +433,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.95.0
 		 * @experimental Since 1.95.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.IllustrationMessageType = {
@@ -992,7 +973,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.99.0
 		 * @experimental Since 1.99.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.MediaGalleryItemLayout = {
@@ -1017,7 +997,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.99.0
 		 * @experimental Since 1.99.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.MediaGalleryLayout = {
@@ -1048,7 +1027,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.99.0
 		 * @experimental Since 1.99.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.MediaGalleryMenuHorizontalAlign = {
@@ -1073,7 +1051,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.99.0
 		 * @experimental Since 1.99.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.MediaGalleryMenuVerticalAlign = {
@@ -1098,7 +1075,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.PageBackgroundDesign = {
@@ -1129,7 +1105,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.99.0
 		 * @experimental Since 1.99.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.SideContentFallDown = {
@@ -1166,7 +1141,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.99.0
 		 * @experimental Since 1.99.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.SideContentPosition = {
@@ -1191,7 +1165,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.99.0
 		 * @experimental Since 1.99.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.SideContentVisibility = {
@@ -1234,7 +1207,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.TimelineLayout = {
@@ -1259,7 +1231,6 @@ Use to display both a list and a detail page when the user should focus on the l
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
-		 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		thisLib.UploadState = {
@@ -1288,8 +1259,6 @@ Use to display both a list and a detail page when the user should focus on the l
 			Uploading: "Uploading"
 		};
-		CSP.setPackageCSSRoot("@ui5/webcomponents-fiori", sap.ui.require.toUrl("sap/ui/webc/fiori/thirdparty/css/"));
 		return thisLib;
 	});

package/src/sap/ui/webc/fiori/thirdparty/Assets.js CHANGED Viewed

@@ -1,5 +1,3 @@
-sap.ui.define(['sap/ui/webc/main/thirdparty/Assets', './generated/json-imports/Themes', './generated/json-imports/i18n'], function (Assets, Themes, i18n) { 'use strict';
-});
+sap.ui.define(["sap/ui/webc/main/thirdparty/Assets", "./generated/json-imports/Themes", "./generated/json-imports/i18n"], function (_Assets, _Themes, _i18n) {
+  "use strict";
+});

package/src/sap/ui/webc/fiori/thirdparty/Bar.js CHANGED Viewed

@@ -1,88 +1,211 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', './generated/templates/BarTemplate.lit', './types/BarDesign', './generated/themes/Bar.css'], function (UI5Element, litRender, ResizeHandler, BarTemplate_lit, BarDesign, Bar_css) { 'use strict';
-	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
-	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
-	var ResizeHandler__default = /*#__PURE__*/_interopDefaultLegacy(ResizeHandler);
-	const metadata = {
-		tag: "ui5-bar",
-		managedSlots: true,
-		fastNavigation: true,
-		properties:  {
-			design: {
-				type: BarDesign,
-				defaultValue: BarDesign.Header,
-			},
-			_shrinked: {
-				type: Boolean,
-			},
-		},
-		slots:  {
-			startContent: {
-				type: HTMLElement,
-			},
-			"default": {
-				type: HTMLElement,
-				propertyName: "middleContent",
-			},
-			endContent: {
-				type: HTMLElement,
-			},
-		},
-		events:  {
-		},
-	};
-	class Bar extends UI5Element__default {
-		static get metadata() {
-			return metadata;
-		}
-		static get render() {
-			return litRender__default;
-		}
-		static get styles() {
-			return Bar_css;
-		}
-		static get template() {
-			return BarTemplate_lit;
-		}
-		get accInfo() {
-			return {
-				"label": this.design,
-			};
-		}
-		constructor() {
-			super();
-			this._handleResizeBound = this.handleResize.bind(this);
-		}
-		handleResize() {
-			const bar = this.getDomRef();
-			const barWidth = bar.offsetWidth;
-			this._shrinked = Array.from(bar.children).some(element => {
-				return barWidth / 3 < element.offsetWidth;
-			});
-		}
-		get classes() {
-			return {
-				root: {
-					"ui5-bar-root": true,
-					"ui5-bar-root-shrinked": this._shrinked,
-				},
-			};
-		}
-		onBeforeRendering() {
-			[...this.startContent, ...this.middleContent, ...this.endContent].forEach(element => element.classList.add("ui5-bar-content"));
-		}
-		onEnterDOM() {
-			ResizeHandler__default.register(this, this._handleResizeBound);
-		}
-		onExitDOM() {
-			ResizeHandler__default.deregister(this, this._handleResizeBound);
-		}
-	}
-	Bar.define();
-	return Bar;
-});
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "./generated/templates/BarTemplate.lit", "./types/BarDesign", "./generated/themes/Bar.css"], function (_exports, _UI5Element, _LitRenderer, _ResizeHandler, _BarTemplate, _BarDesign, _Bar) {
+  "use strict";
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  _UI5Element = _interopRequireDefault(_UI5Element);
+  _LitRenderer = _interopRequireDefault(_LitRenderer);
+  _ResizeHandler = _interopRequireDefault(_ResizeHandler);
+  _BarTemplate = _interopRequireDefault(_BarTemplate);
+  _BarDesign = _interopRequireDefault(_BarDesign);
+  _Bar = _interopRequireDefault(_Bar);
+  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+  // Styles
+  /**
+   * @public
+   */
+  const metadata = {
+    tag: "ui5-bar",
+    managedSlots: true,
+    fastNavigation: true,
+    properties:
+    /** @lends sap.ui.webcomponents.fiori.Bar.prototype */
+    {
+      /**
+       * Defines the component's design.
+       *
+       * <br><br>
+       * <b>Note:</b>
+       * Available options are:
+       * <ul>
+       * <li><code>Header</code></li>
+       * <li><code>Subheader</code></li>
+       * <li><code>Footer</code></li>
+       * <li><code>FloatingFooter</code></li>
+       * </ul>
+       *
+       * @type {BarDesign}
+       * @defaultvalue "Header"
+       * @public
+       */
+      design: {
+        type: _BarDesign.default,
+        defaultValue: _BarDesign.default.Header
+      },
+      /**
+       * Defines if the component middle area needs to be centered between start and end area
+       * @type {boolean}
+       * @private
+       */
+      _shrinked: {
+        type: Boolean
+      }
+    },
+    slots:
+    /** @lends sap.ui.webcomponents.fiori.Bar.prototype */
+    {
+      /**
+       * Defines the content at the start of the bar
+       * @type {HTMLElement[]}
+       * @slot
+       * @public
+       */
+      startContent: {
+        type: HTMLElement
+      },
+      /**
+       * Defines the content in the middle of the bar
+       * @type {HTMLElement[]}
+       * @slot middleContent
+       * @public
+       */
+      "default": {
+        type: HTMLElement,
+        propertyName: "middleContent"
+      },
+      /**
+       * Defines the content at the end of the bar
+       * @type {HTMLElement[]}
+       * @slot
+       * @public
+       */
+      endContent: {
+        type: HTMLElement
+      }
+    },
+    events:
+    /** @lends sap.ui.webcomponents.fiori.Bar.prototype */
+    {//
+    }
+  };
+  /**
+   * @class
+   *
+   * <h3 class="comment-api-title">Overview</h3>
+   * The Bar is a container which is primarily used to hold titles, buttons and input elements
+   * and its design and functionality is the basis for page headers and footers.
+   * The component consists of three areas to hold its content - startContent slot, default slot and endContent slot.
+   * It has the capability to center content, such as a title, while having other components on the left and right side.
+   *
+   * <h3>Usage</h3>
+   * With the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter.
+   * <br>
+   * <b>Note:</b> Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.
+   *
+   * <h3>Responsive Behavior</h3>
+   * The default slot will be centered in the available space between the startContent and the endContent areas,
+   * therefore it might not always be centered in the entire bar.
+   *
+   * <h3>CSS Shadow Parts</h3>
+   *
+   * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
+   * <br>
+   * The <code>ui5-bar</code> exposes the following CSS Shadow Parts:
+   * <ul>
+   * <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>
+   *
+   * @constructor
+   * @author SAP SE
+   * @alias sap.ui.webcomponents.fiori.Bar
+   * @implements sap.ui.webcomponents.fiori.IBar
+   * @extends UI5Element
+   * @tagname ui5-bar
+   * @public
+   * @since 1.0.0-rc.11
+   */
+  class Bar extends _UI5Element.default {
+    static get metadata() {
+      return metadata;
+    }
+    static get render() {
+      return _LitRenderer.default;
+    }
+    static get styles() {
+      return _Bar.default;
+    }
+    static get template() {
+      return _BarTemplate.default;
+    }
+    get accInfo() {
+      return {
+        "label": this.design
+      };
+    }
+    constructor() {
+      super();
+      this._handleResizeBound = this.handleResize.bind(this);
+    }
+    handleResize() {
+      const bar = this.getDomRef();
+      const barWidth = bar.offsetWidth;
+      this._shrinked = Array.from(bar.children).some(element => {
+        return barWidth / 3 < element.offsetWidth;
+      });
+    }
+    get classes() {
+      return {
+        root: {
+          "ui5-bar-root": true,
+          "ui5-bar-root-shrinked": this._shrinked
+        }
+      };
+    }
+    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.default.register(this, this._handleResizeBound);
+    }
+    onExitDOM() {
+      _ResizeHandler.default.deregister(this, this._handleResizeBound);
+    }
+  }
+  Bar.define();
+  var _default = Bar;
+  _exports.default = _default;
+});