@openui5/sap.ui.webc.fiori 1.115.0 → 1.116.0

package/src/sap/ui/webc/fiori/Wizard.js

@@ -12,6 +12,8 @@ sap.ui.define([
 ], function(WebComponent, library) {
 	"use strict";
 
+	var WizardContentLayout = library.WizardContentLayout;
+
 	/**
 	 * Constructor for a new <code>Wizard</code>.
 	 *
@@ -28,7 +30,7 @@ sap.ui.define([
 	 * <h3>Structure</h3>
 	 * <h4>Navigation area</h4> The top most area of the <code>sap.ui.webc.fiori.Wizard</code> is occupied by the navigation area. It shows the sequence of steps, where the recommended number of steps is between 3 and 8 steps.
 	 * <ul>
-	 *     <li> Steps can have different visual representations - numbers or icons.
+	 *     <li> Steps can have different visual representations - numbers or icons.</li>
 	 *     <li> Steps might have labels for better readability - titleText and subTitleText.</li>
 	 *     <li> Steps are defined by using the <code>sap.ui.webc.fiori.WizardStep</code> as slotted element within the <code>sap.ui.webc.fiori.Wizard</code>.</li>
 	 * </ul>
@@ -36,6 +38,15 @@ sap.ui.define([
 	 * <b>Note:</b> If no selected step is defined, the first step will be auto selected. <br>
 	 * <b>Note:</b> If multiple selected steps are defined, the last step will be selected.
 	 *
+	 * <h3>CSS Shadow Parts</h3>
+	 *
+	 * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/::part CSS Shadow Parts} allow developers to style elements inside the Shadow DOM. <br>
+	 * The <code>sap.ui.webc.fiori.Wizard</code> exposes the following CSS Shadow Parts:
+	 * <ul>
+	 *     <li>navigator - Used to style the progress navigator of the <code>sap.ui.webc.fiori.Wizard</code>.</li>
+	 *     <li>step-content - Used to style a <code>sap.ui.webc.fiori.WizardStep</code> container.</li>
+	 * </ul>
+	 *
 	 * <h3>Keyboard Handling</h3> The user can navigate using the following keyboard shortcuts: <br>
 	 *
 	 *
@@ -77,7 +88,7 @@ sap.ui.define([
 	 * <h3>Responsive Behavior</h3> On small widths the step's titleText, subtitleText and separators in the navigation area shrink and from particular point the steps are grouped together and overlap. Tapping on them will show a popover to select the step to navigate to. On mobile device, the grouped steps are presented within a dialog.
 	 *
 	 * @author SAP SE
-	 * @version 1.115.0
+	 * @version 1.116.0
 	 *
 	 * @constructor
 	 * @public
@@ -91,6 +102,14 @@ sap.ui.define([
 			tag: "ui5-wizard-ui5",
 			properties: {
 
+				/**
+				 * Defines how the content of the <code>sap.ui.webc.fiori.Wizard</code> would be visualized.
+				 */
+				contentLayout: {
+					type: "sap.ui.webc.fiori.WizardContentLayout",
+					defaultValue: WizardContentLayout.MultipleSteps
+				},
+
 				/**
 				 * Defines the height of the control
 				 */
@@ -123,14 +142,14 @@ sap.ui.define([
 						 * The new step.
 						 */
 						step: {
-							type: "HTMLElement"
+							type: "sap.ui.webc.fiori.IWizardStep"
 						},
 
 						/**
 						 * The previous step.
 						 */
 						previousStep: {
-							type: "HTMLElement"
+							type: "sap.ui.webc.fiori.IWizardStep"
 						},
 
 						/**

package/src/sap/ui/webc/fiori/WizardStep.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * <h3>Usage</h3> The <code>sap.ui.webc.fiori.WizardStep</code> component should be used only as slot of the <code>sap.ui.webc.fiori.Wizard</code> component and should not be used standalone.
 	 *
 	 * @author SAP SE
-	 * @version 1.115.0
+	 * @version 1.116.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/illustrations/AddDimensions.js

@@ -0,0 +1,9 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/ui/webc/fiori/thirdparty/illustrations/AddDimensions"], function() {
+	"use strict";
+});

package/src/sap/ui/webc/fiori/illustrations/AllIllustrations.js

@@ -0,0 +1,9 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/ui/webc/fiori/thirdparty/illustrations/AllIllustrations"], function() {
+	"use strict";
+});

package/src/sap/ui/webc/fiori/illustrations/NoColumnsSet.js

@@ -0,0 +1,9 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/ui/webc/fiori/thirdparty/illustrations/NoColumnsSet"], function() {
+	"use strict";
+});

package/src/sap/ui/webc/fiori/illustrations/NoDimensionsSet.js

@@ -0,0 +1,9 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/ui/webc/fiori/thirdparty/illustrations/NoDimensionsSet"], function() {
+	"use strict";
+});

package/src/sap/ui/webc/fiori/illustrations/Survey.js

@@ -0,0 +1,9 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/ui/webc/fiori/thirdparty/illustrations/Survey"], function() {
+	"use strict";
+});

package/src/sap/ui/webc/fiori/illustrations/UploadToCloud.js

@@ -0,0 +1,9 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/ui/webc/fiori/thirdparty/illustrations/UploadToCloud"], function() {
+	"use strict";
+});

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

@@ -23,14 +23,14 @@ sap.ui.define([
 		 * @namespace
 		 * @alias sap.ui.webc.fiori
 		 * @author SAP SE
-		 * @version 1.115.0
+		 * @version 1.116.0
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
 		 */
 		var thisLib = Library.init({
 			name: "sap.ui.webc.fiori",
-			version: "1.115.0",
+			version: "1.116.0",
 			dependencies: ["sap.ui.core", "sap.ui.webc.common"],
 			noLibraryCSS: true,
 			designtime: "sap/ui/webc/fiori/designtime/library.designtime",
@@ -64,7 +64,9 @@ sap.ui.define([
 				"sap.ui.webc.fiori.SideContentPosition",
 				"sap.ui.webc.fiori.SideContentVisibility",
 				"sap.ui.webc.fiori.TimelineLayout",
-				"sap.ui.webc.fiori.UploadState"
+				"sap.ui.webc.fiori.UploadState",
+				"sap.ui.webc.fiori.ViewSettingsDialogMode",
+				"sap.ui.webc.fiori.WizardContentLayout"
 			],
 			controls: [
 				"sap.ui.webc.fiori.Bar",
@@ -264,7 +266,7 @@ sap.ui.define([
 		 */
 
 		/**
-		 * Different types of Bar.
+		 * Different types of Bar design
 		 *
 		 * @enum {string}
 		 * @public
@@ -300,7 +302,7 @@ sap.ui.define([
 
 
 		/**
-		 * undefined
+		 * Different types of FCLLayout.
 		 *
 		 * @enum {string}
 		 * @public
@@ -310,7 +312,7 @@ sap.ui.define([
 		thisLib.FCLLayout = {
 
 			/**
-				 * Desktop: -/-/100 only the End column is displayed Tablet: -/-/100 only the End column is displayed Phone: -/-/100 only the End column is displayed
+				 * Desktop: -- -- 100 only the End column is displayed Tablet: -- -- 100 only the End column is displayed Phone: -- -- 100 only the End column is displayed
 
 Use to display a detail-detail page only, when the user should focus entirely on it.
 				 * @public
@@ -318,7 +320,7 @@ Use to display a detail-detail page only, when the user should focus entirely on
 			EndColumnFullScreen: "EndColumnFullScreen",
 
 			/**
-				 * Desktop: -/100/- only the Mid column is displayed Tablet: -/100/- only the Mid column is displayed Phone: -/100/- only the Mid column is displayed
+				 * Desktop: -- 100 -- only the Mid column is displayed Tablet: -- 100 -- only the Mid column is displayed Phone: -- 100 -- only the Mid column is displayed
 
 Use to display a detail page only, when the user should focus entirely on it.
 				 * @public
@@ -332,7 +334,7 @@ Use to display a detail page only, when the user should focus entirely on it.
 			OneColumn: "OneColumn",
 
 			/**
-				 * Desktop: 25/25/50 Start, Mid and End (expanded) columns are displayed Tablet: 0/33/67 Mid and End (expanded) columns are displayed, Start is accessible by layout arrows Phone: -/-/100 (only the End column is displayed)
+				 * Desktop: 25 - 25 - 50 Start, Mid and End (expanded) columns are displayed Tablet: 0 - 33 - 67 Mid and End (expanded) columns are displayed, Start is accessible by layout arrows Phone: -- -- 100 (only the End column is displayed)
 
 Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail-detail.
 				 * @public
@@ -340,7 +342,7 @@ Use to display all three pages (list, detail, detail-detail) when the user shoul
 			ThreeColumnsEndExpanded: "ThreeColumnsEndExpanded",
 
 			/**
-				 * Desktop: 25/50/25 Start, Mid (expanded) and End columns are displayed Tablet: 0/67/33 Mid (expanded) and End columns are displayed, Start is accessible by a layout arrow Phone: -/-/100 only the End column is displayed
+				 * Desktop: 25 - 50 - 25 Start, Mid (expanded) and End columns are displayed Tablet: 0 - 67 - 33 Mid (expanded) and End columns are displayed, Start is accessible by a layout arrow Phone: -- -- 100 only the End column is displayed
 
 Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail.
 				 * @public
@@ -348,7 +350,7 @@ Use to display all three pages (list, detail, detail-detail) when the user shoul
 			ThreeColumnsMidExpanded: "ThreeColumnsMidExpanded",
 
 			/**
-				 * Desktop: 33/67/0 Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow Tablet: 33/67/0 Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow Phone: -/-/100 only the End column is displayed
+				 * Desktop: 33 - 67 - 0 Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow Tablet: 33 - 67 - 0 Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow Phone: -- -- 100 only the End column is displayed
 
 Use to display the list and detail pages when the user should focus on the detail. The detail-detail is still loaded and easily accessible with a layout arrow.
 				 * @public
@@ -356,7 +358,7 @@ Use to display the list and detail pages when the user should focus on the detai
 			ThreeColumnsMidExpandedEndHidden: "ThreeColumnsMidExpandedEndHidden",
 
 			/**
-				 * Desktop: 67/33/0 Start (expanded) and Mid columns are displayed, End is accessible by layout arrows Tablet: 67/33/0 Start (expanded) and Mid columns are displayed, End is accessible by layout arrows Phone: -/-/100 only the End column is displayed
+				 * Desktop: 67 - 33 - 0 Start (expanded) and Mid columns are displayed, End is accessible by layout arrows Tablet: 67 - 33 - 0 Start (expanded) and Mid columns are displayed, End is accessible by layout arrows Phone: -- -- 100 only the End column is displayed
 
 Use to display the list and detail pages when the user should focus on the list. The detail-detail is still loaded and easily accessible with layout arrows.
 				 * @public
@@ -364,7 +366,7 @@ Use to display the list and detail pages when the user should focus on the list.
 			ThreeColumnsStartExpandedEndHidden: "ThreeColumnsStartExpandedEndHidden",
 
 			/**
-				 * Desktop: 33/67/- Start and Mid (expanded) columns are displayed Tablet: 33/67/- Start and Mid (expanded) columns are displayed Phone: -/100/- only the Mid column is displayed
+				 * Desktop: 33 - 67 - -- Start and Mid (expanded) columns are displayed Tablet: 33 - 67 - -- Start and Mid (expanded) columns are displayed Phone: -- 100 -- only the Mid column is displayed
 
 Use to display both a list and a detail page when the user should focus on the detail page.
 				 * @public
@@ -372,7 +374,7 @@ Use to display both a list and a detail page when the user should focus on the d
 			TwoColumnsMidExpanded: "TwoColumnsMidExpanded",
 
 			/**
-				 * Desktop: 67/33/- Start (expanded) and Mid columns are displayed Tablet: 67/33/- Start (expanded) and Mid columns are displayed Phone: -/100/- only the Mid column is displayed
+				 * Desktop: 67 - 33 - -- Start (expanded) and Mid columns are displayed Tablet: 67 - 33 - -- Start (expanded) and Mid columns are displayed Phone: -- 100 -- only the Mid column is displayed
 
 Use to display both a list and a detail page when the user should focus on the list page.
 				 * @public
@@ -443,6 +445,12 @@ Use to display both a list and a detail page when the user should focus on the l
 			 */
 			AddColumn: "AddColumn",
 
+			/**
+			 * "Add Dimensions" illustration type.
+			 * @public
+			 */
+			AddDimensions: "AddDimensions",
+
 			/**
 			 * "Add People" illustration type.
 			 * @public
@@ -509,12 +517,24 @@ Use to display both a list and a detail page when the user should focus on the l
 			 */
 			NoActivities: "NoActivities",
 
+			/**
+			 * "No Columns Set" illustration type.
+			 * @public
+			 */
+			NoColumnsSet: "NoColumnsSet",
+
 			/**
 			 * "No Data" illustration type.
 			 * @public
 			 */
 			NoData: "NoData",
 
+			/**
+			 * "No Dimensions Set" illustration type.
+			 * @public
+			 */
+			NoDimensionsSet: "NoDimensionsSet",
+
 			/**
 			 * "No Entries" illustration type.
 			 * @public
@@ -725,6 +745,12 @@ Use to display both a list and a detail page when the user should focus on the l
 			 */
 			SuccessScreen: "SuccessScreen",
 
+			/**
+			 * "Survey" illustration type.
+			 * @public
+			 */
+			Survey: "Survey",
+
 			/**
 			 * "Tent" illustration type.
 			 * @public
@@ -963,7 +989,13 @@ Use to display both a list and a detail page when the user should focus on the l
 			 * "Upload Collection" illustration type.
 			 * @public
 			 */
-			UploadCollection: "UploadCollection"
+			UploadCollection: "UploadCollection",
+
+			/**
+			 * "Upload To Cloud" illustration type.
+			 * @public
+			 */
+			UploadToCloud: "UploadToCloud"
 		};
 
 
@@ -1070,7 +1102,7 @@ Use to display both a list and a detail page when the user should focus on the l
 
 
 		/**
-		 * undefined
+		 * Available Page Background Design.
 		 *
 		 * @enum {string}
 		 * @public
@@ -1202,7 +1234,7 @@ Use to display both a list and a detail page when the user should focus on the l
 
 
 		/**
-		 * Different types of Timeline.
+		 * Available Timeline layout orientation
 		 *
 		 * @enum {string}
 		 * @public
@@ -1226,7 +1258,7 @@ Use to display both a list and a detail page when the user should focus on the l
 
 
 		/**
-		 * undefined
+		 * Different types of UploadState.
 		 *
 		 * @enum {string}
 		 * @public
@@ -1260,6 +1292,54 @@ Use to display both a list and a detail page when the user should focus on the l
 			Uploading: "Uploading"
 		};
 
+
+		/**
+		 * Different types of Bar.
+		 *
+		 * @enum {string}
+		 * @public
+		 * @since 1.115.0
+		 * @experimental Since 1.115.0 This API is experimental and might change significantly.
+		 */
+		thisLib.ViewSettingsDialogMode = {
+
+			/**
+			 * Filter type
+			 * @public
+			 */
+			Filter: "Filter",
+
+			/**
+			 * Default type
+			 * @public
+			 */
+			Sort: "Sort"
+		};
+
+
+		/**
+		 * Enumeration for different content layouts of the <code>ui5-wizard</code>.
+		 *
+		 * @enum {string}
+		 * @public
+		 * @since 1.92.0
+		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
+		 */
+		thisLib.WizardContentLayout = {
+
+			/**
+			 * Display the content of the <code>ui5-wizard</code> as multiple steps in a scroll section.
+			 * @public
+			 */
+			MultipleSteps: "MultipleSteps",
+
+			/**
+			 * Display the content of the <code>ui5-wizard</code> as single step.
+			 * @public
+			 */
+			SingleStep: "SingleStep"
+		};
+
 		return thisLib;
 
 	});

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

@@ -1,4 +1,4 @@
-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) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "./types/BarDesign", "./generated/templates/BarTemplate.lit", "./generated/themes/Bar.css"], function (_exports, _UI5Element, _customElement, _property, _slot, _LitRenderer, _ResizeHandler, _BarDesign, _BarTemplate, _Bar) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,87 +6,22 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _ResizeHandler = _interopRequireDefault(_ResizeHandler);
-  _BarTemplate = _interopRequireDefault(_BarTemplate);
   _BarDesign = _interopRequireDefault(_BarDesign);
+  _BarTemplate = _interopRequireDefault(_BarTemplate);
   _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 */{
-      //
-    }
+  var __decorate = void 0 && (void 0).__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;
   };
-
   /**
    * @class
    *
@@ -128,26 +63,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.Bar
-   * @implements sap.ui.webcomponents.fiori.IBar
-   * @extends 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.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get styles() {
-      return _Bar.default;
-    }
-    static get template() {
-      return _BarTemplate.default;
-    }
+  let Bar = class Bar extends _UI5Element.default {
     get accInfo() {
       return {
         "label": this.design
@@ -160,15 +83,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     handleResize() {
       const bar = this.getDomRef();
       const barWidth = bar.offsetWidth;
-      this._shrinked = Array.from(bar.children).some(element => {
-        return barWidth / 3 < element.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,
-          "ui5-bar-root-shrinked": this._shrinked
+          "ui5-bar-root": true
         }
       };
     }
@@ -178,11 +101,38 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     }
     onEnterDOM() {
       _ResizeHandler.default.register(this, this._handleResizeBound);
+      this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(child => {
+        _ResizeHandler.default.register(child, this._handleResizeBound);
+      }, this);
     }
     onExitDOM() {
       _ResizeHandler.default.deregister(this, this._handleResizeBound);
+      this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(child => {
+        _ResizeHandler.default.deregister(child, this._handleResizeBound);
+      }, this);
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    type: _BarDesign.default,
+    defaultValue: _BarDesign.default.Header
+  })], Bar.prototype, "design", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement
+  })], Bar.prototype, "startContent", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    "default": true
+  })], Bar.prototype, "middleContent", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement
+  })], Bar.prototype, "endContent", void 0);
+  Bar = __decorate([(0, _customElement.default)({
+    tag: "ui5-bar",
+    fastNavigation: true,
+    renderer: _LitRenderer.default,
+    styles: _Bar.default,
+    template: _BarTemplate.default
+  })], Bar);
   Bar.define();
   var _default = Bar;
   _exports.default = _default;