@ui5/webcomponents-fiori 1.9.2 → 1.10.0

package/dist/Assets-static.d.ts

@@ -0,0 +1,3 @@
+import "@ui5/webcomponents/dist/Assets-static.js";
+import "./generated/json-imports/Themes-static.js";
+import "./generated/json-imports/i18n-static.js";

package/dist/Assets-static.js

@@ -1,6 +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";
+//# sourceMappingURL=Assets-static.js.map

package/dist/Assets-static.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Assets-static.js","sourceRoot":"","sources":["../src/Assets-static.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,0CAA0C,CAAC;AAElD,2BAA2B;AAC3B,OAAO,2CAA2C,CAAC;AACnD,OAAO,yCAAyC,CAAC"}

package/dist/Assets.d.ts

@@ -0,0 +1,3 @@
+import "@ui5/webcomponents/dist/Assets.js";
+import "./generated/json-imports/Themes.js";
+import "./generated/json-imports/i18n.js";

package/dist/Assets.js

@@ -1,6 +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";
+//# sourceMappingURL=Assets.js.map

package/dist/Assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Assets.js","sourceRoot":"","sources":["../src/Assets.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,OAAO,mCAAmC,CAAC;AAE3C,2BAA2B;AAC3B,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kCAAkC,CAAC"}

package/dist/Bar.d.ts

@@ -0,0 +1,113 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import BarDesign from "./types/BarDesign.js";
+/**
+ * @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.webc.fiori.Bar
+ * @implements sap.ui.webc.fiori.IBar
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-bar
+ * @public
+ * @since 1.0.0-rc.11
+ */
+declare class Bar extends UI5Element {
+    /**
+     * 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 {sap.ui.webc.fiori.types.BarDesign}
+     * @name sap.ui.webc.fiori.Bar.prototype.design
+     * @defaultvalue "Header"
+     * @public
+     */
+    design: BarDesign;
+    /**
+    * Defines the content at the start of the bar
+    * @type {HTMLElement[]}
+    * @name sap.ui.webc.fiori.Bar.prototype.startContent
+    * @slot
+    * @public
+    */
+    startContent: Array<HTMLElement>;
+    /**
+    * Defines the content in the middle of the bar
+    * @type {HTMLElement[]}
+    * @name sap.ui.webc.fiori.Bar.prototype.default
+    * @slot middleContent
+    * @public
+    */
+    middleContent: Array<HTMLElement>;
+    /**
+    * Defines the content at the end of the bar
+    * @type {HTMLElement[]}
+    * @name sap.ui.webc.fiori.Bar.prototype.endContent
+    * @slot
+    * @public
+    */
+    endContent: Array<HTMLElement>;
+    _handleResizeBound: () => void;
+    static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
+    static get styles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
+    static get template(): import("@ui5/webcomponents-base/src/renderer/executeTemplate.js").TemplateFunction;
+    get accInfo(): {
+        label: BarDesign;
+    };
+    constructor();
+    handleResize(): void;
+    get classes(): {
+        root: {
+            "ui5-bar-root": boolean;
+        };
+    };
+    onBeforeRendering(): void;
+    onEnterDOM(): void;
+    onExitDOM(): void;
+}
+export default Bar;

package/dist/Bar.js

@@ -1,79 +1,21 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import fastNavigation from "@ui5/webcomponents-base/dist/decorators/fastNavigation.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import BarTemplate from "./generated/templates/BarTemplate.lit.js";
 import BarDesign from "./types/BarDesign.js";
-
+// Template
+import BarTemplate from "./generated/templates/BarTemplate.lit.js";
 // Styles
 import BarCss from "./generated/themes/Bar.css.js";
-
-/**
- * @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 {sap.ui.webcomponents.fiori.types.BarDesign}
-		 * @defaultvalue "Header"
-		 * @public
-		 */
-		design: {
-			type: BarDesign,
-			defaultValue: BarDesign.Header,
-		},
-	},
-	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
  *
@@ -115,82 +57,80 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.Bar
- * @implements sap.ui.webcomponents.fiori.IBar
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.fiori.Bar
+ * @implements sap.ui.webc.fiori.IBar
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-bar
  * @public
  * @since 1.0.0-rc.11
  */
-class Bar extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get styles() {
-		return BarCss;
-	}
-
-	static get template() {
-		return BarTemplate;
-	}
-
-	get accInfo() {
-		return {
-			"label": this.design,
-		};
-	}
-
-	constructor() {
-		super();
-
-		this._handleResizeBound = this.handleResize.bind(this);
-	}
-
-	handleResize() {
-		const bar = this.getDomRef();
-		const barWidth = bar.offsetWidth;
-		const needShrinked = Array.from(bar.children).some(slot => {
-			return slot.offsetWidth > barWidth / 3;
-		});
-
-		bar.classList.toggle("ui5-bar-root-shrinked", needShrinked);
-	}
-
-	get classes() {
-		return {
-			root: {
-				"ui5-bar-root": true,
-			},
-		};
-	}
-
-	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);
-
-		this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(slot => {
-			ResizeHandler.register(slot, this._handleResizeBound);
-		}, this);
-	}
-
-	onExitDOM() {
-		ResizeHandler.deregister(this, this._handleResizeBound);
-
-		this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(slot => {
-			ResizeHandler.deregister(slot, this._handleResizeBound);
-		}, this);
-	 }
-}
-
+let Bar = class Bar extends UI5Element {
+    static get render() {
+        return litRender;
+    }
+    static get styles() {
+        return BarCss;
+    }
+    static get template() {
+        return BarTemplate;
+    }
+    get accInfo() {
+        return {
+            "label": this.design,
+        };
+    }
+    constructor() {
+        super();
+        this._handleResizeBound = this.handleResize.bind(this);
+    }
+    handleResize() {
+        const bar = this.getDomRef();
+        const barWidth = bar.offsetWidth;
+        const needShrinked = Array.from(bar.children).some(child => {
+            return child.offsetWidth > barWidth / 3;
+        });
+        bar.classList.toggle("ui5-bar-root-shrinked", needShrinked);
+    }
+    get classes() {
+        return {
+            root: {
+                "ui5-bar-root": true,
+            },
+        };
+    }
+    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);
+        this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(child => {
+            ResizeHandler.register(child, this._handleResizeBound);
+        }, this);
+    }
+    onExitDOM() {
+        ResizeHandler.deregister(this, this._handleResizeBound);
+        this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(child => {
+            ResizeHandler.deregister(child, this._handleResizeBound);
+        }, this);
+    }
+};
+__decorate([
+    property({ type: BarDesign, defaultValue: BarDesign.Header })
+], Bar.prototype, "design", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], Bar.prototype, "startContent", void 0);
+__decorate([
+    slot({ type: HTMLElement, "default": true })
+], Bar.prototype, "middleContent", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], Bar.prototype, "endContent", void 0);
+Bar = __decorate([
+    customElement("ui5-bar"),
+    fastNavigation
+], Bar);
 Bar.define();
-
 export default Bar;
+//# sourceMappingURL=Bar.js.map

package/dist/Bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.js","sourceRoot":"","sources":["../src/Bar.ts"],"names":[],"mappings":"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"}

package/dist/BarcodeScannerDialog.js

@@ -41,9 +41,9 @@ const defaultMediaConstraints = {
 const metadata = {
 	tag: "ui5-barcode-scanner-dialog",
 	languageAware: true,
-	slots: /** @lends sap.ui.webcomponents.fiori.BarcodeScannerDialog.prototype */ {
+	slots: /** @lends sap.ui.webc.fiori.BarcodeScannerDialog.prototype */ {
 	},
-	properties: /** @lends sap.ui.webcomponents.fiori.BarcodeScannerDialog.prototype */ {
+	properties: /** @lends sap.ui.webc.fiori.BarcodeScannerDialog.prototype */ {
 		/**
 		 * Indicates whether a loading indicator should be displayed in the dialog.
 		 *
@@ -55,11 +55,11 @@ const metadata = {
 			type: Boolean,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.fiori.BarcodeScannerDialog.prototype */ {
+	events: /** @lends sap.ui.webc.fiori.BarcodeScannerDialog.prototype */ {
 		/**
 		 * Fires when the scan is completed successfuuly.
 		 *
-		 * @event sap.ui.webcomponents.fiori.BarcodeScannerDialog#scan-success
+		 * @event sap.ui.webc.fiori.BarcodeScannerDialog#scan-success
 		 * @param {string} text the scan result as string
 		 * @param {Object} rawBytes the scan result as a Uint8Array
 		 * @public
@@ -74,7 +74,7 @@ const metadata = {
 		/**
 		 * Fires when the scan fails with error.
 		 *
-		 * @event sap.ui.webcomponents.fiori.BarcodeScannerDialog#scan-error
+		 * @event sap.ui.webc.fiori.BarcodeScannerDialog#scan-error
 		 * @param {string} message the error message
 		 * @public
 		 */
@@ -105,8 +105,8 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.BarcodeScannerDialog
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.fiori.BarcodeScannerDialog
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-barcode-scanner-dialog
  * @public
  * @since 1.0.0-rc.15