@ui5/webcomponents-fiori 1.9.3 → 1.10.1

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

package/dist/DynamicSideContent.d.ts

@@ -0,0 +1,262 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ClassMap } from "@ui5/webcomponents-base/dist/types.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import SideContentPosition from "./types/SideContentPosition.js";
+import SideContentVisibility from "./types/SideContentVisibility.js";
+import SideContentFallDown from "./types/SideContentFallDown.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The DynamicSideContent (<code>ui5-dynamic-side-content</code>) is a layout component that allows additional content
+ * to be displayed in a way that flexibly adapts to different screen sizes. The side
+ * content appears in a container next to or directly below the main content
+ * (it doesn't overlay). When the side content is triggered, the main content becomes
+ * narrower (if appearing side-by-side). The side content contains a separate scrollbar
+ * when appearing next to the main content.
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * <i>When to use?</i>
+ *
+ * Use this component if you want to display relevant information that is not critical
+ * for users to complete a task. Users should have access to all the key functions and
+ * critical information in the app even if they do not see the side content. This is
+ * important because on smaller screen sizes it may be difficult to display the side
+ * content in a way that is easily accessible for the user.
+ *
+ * <i>When not to use?</i>
+ *
+ * Don't use it if you want to display navigation or critical information that prevents
+ * users from completing a task when they have no access to the side content.
+ *
+ *
+ * <h3>Responsive Behavior</h3>
+ *
+ * Screen width > 1440px
+ *
+ * <ul><li>Main vs. side content ratio is 75 vs. 25 percent (with a minimum of 320px
+ * each).</li>
+ * <li>If the application defines a trigger, the side content can be hidden.</li></ul>
+ *
+ * Screen width <= 1440px and > 1024px
+ *
+ * <ul><li>Main vs. side content ratio is 66.666 vs. 33.333 percent (with a minimum of
+ * 320px each). If the side content width falls below 320 px, it automatically slides
+ * under the main content, unless the app development team specifies that it should
+ * disappear.</li></ul>
+ *
+ * Screen width <= 1024px and > 720px
+ *
+ * <ul><li>The side content ratio is fixed to 340px, and the main content takes the rest
+ * of the width. Only if the <code>sideContentFallDown</code> is set to <code>OnMinimumWidth</code>
+ * and screen width is <= 960px and > 720px the side content falls below the main content.</li></ul>
+ *
+ * Screen width <= 720px (for example on a mobile device)
+ *
+ * <ul><li>In this case, the side content automatically disappears from the screen (unless
+ * specified to stay under the content by setting of <code>sideContentVisibility</code>
+ * property to <code>AlwaysShow</code>) and can be triggered from a pre-set trigger
+ * (specified within the app). When the side content is triggered, it replaces the main
+ * content. We recommend that you always place the trigger for the side content in the
+ * same location, such as in the app footer.</li></ul>
+ *
+ * A special case allows switching the comparison mode between the main and side content.
+ * In this case, the screen is split into 50:50 percent for main vs. side content. The
+ * responsive behavior of the equal split is the same as in the standard view - the
+ * side content disappears on screen widths of less than 720 px and can only be
+ * viewed by triggering it.
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents-fiori/dist/DynamicSideContent";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.DynamicSideContent
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-dynamic-side-content
+ * @public
+ * @since 1.1.0
+ */
+declare class DynamicSideContent extends UI5Element {
+    /**
+     * Defines the visibility of the main content.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.fiori.DynamicSideContent.prototype.hideMainContent
+     * @defaultvalue false
+     * @public
+     *
+     */
+    hideMainContent: boolean;
+    /**
+     * Defines the visibility of the side content.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.fiori.DynamicSideContent.prototype.hideSideContent
+     * @defaultvalue false
+     * @public
+     *
+     */
+    hideSideContent: boolean;
+    /**
+     * Defines whether the side content is positioned before the main content (left side
+     * in LTR mode), or after the the main content (right side in LTR mode).
+     *
+     * <br><br>
+     * <b>The available values are:</b>
+     *
+     * <ul>
+     * <li><code>Start</code></li>
+     * <li><code>End</code></li>
+     * </ul>
+     *
+     * @type {sap.ui.webc.fiori.types.SideContentPosition}
+     * @name sap.ui.webc.fiori.DynamicSideContent.prototype.sideContentPosition
+     * @defaultvalue "End"
+     * @public
+     *
+     */
+    sideContentPosition: SideContentPosition;
+    /**
+     * Defines on which breakpoints the side content is visible.
+     *
+     * <br><br>
+     * <b>The available values are:</b>
+     *
+     * <ul>
+     * <li><code>AlwaysShow</code></li>
+     * <li><code>ShowAboveL</code></li>
+     * <li><code>ShowAboveM</code></li>
+     * <li><code>ShowAboveS</code></li>
+     * <li><code>NeverShow</code></li>
+     * </ul>
+     *
+     * @type {sap.ui.webc.fiori.types.SideContentVisibility}
+     * @name sap.ui.webc.fiori.DynamicSideContent.prototype.sideContentVisibility
+     * @defaultvalue "ShowAboveS"
+     * @public
+     *
+     */
+    sideContentVisibility: SideContentVisibility;
+    /**
+     * Defines on which breakpoints the side content falls down below the main content.
+     *
+     * <br><br>
+     * <b>The available values are:</b>
+     *
+     * <ul>
+     * <li><code>BelowXL</code></li>
+     * <li><code>BelowL</code></li>
+     * <li><code>BelowM</code></li>
+     * <li><code>OnMinimumWidth</code></li>
+     * </ul>
+     *
+     * @type {sap.ui.webc.fiori.types.SideContentFallDown}
+     * @name sap.ui.webc.fiori.DynamicSideContent.prototype.sideContentFallDown
+     * @defaultvalue "OnMinimumWidth"
+     * @public
+     *
+     */
+    sideContentFallDown: SideContentFallDown;
+    /**
+     * Defines whether the component is in equal split mode. In this mode, the side and
+     * the main content take 50:50 percent of the container on all screen sizes
+     * except for phone, where the main and side contents are switching visibility
+     * using the toggle method.
+     *
+     * @type {boolean}]
+     * @name sap.ui.webc.fiori.DynamicSideContent.prototype.equalSplit
+     * @defaultvalue false
+     * @public
+     *
+     */
+    equalSplit: boolean;
+    /**
+     * @private
+     */
+    _mcSpan: string;
+    /**
+     * @private
+     */
+    _scSpan: string;
+    /**
+     * @private
+     */
+    _toggled: boolean;
+    /**
+     * @private
+     */
+    _currentBreakpoint: string;
+    /**
+     * Defines the main content.
+     *
+     * @type {HTMLElement[]}
+     * @name sap.ui.webc.fiori.DynamicSideContent.prototype.default
+     * @slot
+     * @public
+     */
+    /**
+     * Defines the side content.
+     *
+     * @type {HTMLElement[]}
+     * @name sap.ui.webc.fiori.DynamicSideContent.prototype.sideContent
+     * @slot
+     * @public
+     */
+    sideContent: Array<HTMLElement>;
+    constructor();
+    _handleResizeBound: () => void;
+    static i18nBundle: I18nBundle;
+    static get styles(): import("@ui5/webcomponents-base/dist/types.js").StyleData;
+    static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
+    static get template(): import("@ui5/webcomponents-base/dist/renderer/executeTemplate.js").TemplateFunction;
+    static onDefine(): Promise<void>;
+    onAfterRendering(): void;
+    onEnterDOM(): void;
+    onExitDOM(): void;
+    /**
+     * Toggles visibility of main and side contents on S screen size (mobile device).
+     * @public
+     * @method
+     * @name sap.ui.webc.fiori.DynamicSideContent#toggleContents
+     */
+    toggleContents(): void;
+    get classes(): ClassMap;
+    get styles(): {
+        root: {
+            "flex-wrap": string;
+        };
+        main: {
+            height: string;
+        };
+        side: {
+            height: string;
+        };
+    };
+    get accInfo(): {
+        label: string;
+    };
+    get sizeS(): string;
+    get sizeM(): string;
+    get sizeL(): string;
+    get sizeXL(): string;
+    get span0(): string;
+    get span3(): string;
+    get span4(): string;
+    get span6(): string;
+    get span8(): string;
+    get span9(): string;
+    get span12(): string;
+    get spanFixed(): string;
+    get containerWidth(): number;
+    get breakpoint(): string;
+    get _isSideContentFirst(): boolean;
+    handleResize(): void;
+    _resizeContents(): void;
+    _setSpanSizes(mainSize: string, sideSize: string): void;
+}
+export default DynamicSideContent;