@openui5/sap.ui.webc.main 1.119.0 → 1.120.0

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

@@ -23,14 +23,14 @@ sap.ui.define([
 		 * @namespace
 		 * @alias sap.ui.webc.main
 		 * @author SAP SE
-		 * @version 1.119.0
+		 * @version 1.120.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.main",
-			version: "1.119.0",
+			version: "1.120.0",
 			dependencies: ["sap.ui.core", "sap.ui.webc.common"],
 			noLibraryCSS: true,
 			designtime: "sap/ui/webc/main/designtime/library.designtime",
@@ -49,12 +49,15 @@ sap.ui.define([
 				"sap.ui.webc.main.IMenuItem",
 				"sap.ui.webc.main.IMultiComboBoxItem",
 				"sap.ui.webc.main.ISegmentedButtonItem",
+				"sap.ui.webc.main.ISelectMenuOption",
 				"sap.ui.webc.main.ISelectOption",
 				"sap.ui.webc.main.ITab",
 				"sap.ui.webc.main.ITableCell",
 				"sap.ui.webc.main.ITableColumn",
 				"sap.ui.webc.main.ITableRow",
 				"sap.ui.webc.main.IToken",
+				"sap.ui.webc.main.IToolbarItem",
+				"sap.ui.webc.main.IToolbarSelectOption",
 				"sap.ui.webc.main.ITreeItem"
 			],
 			types: [
@@ -68,6 +71,7 @@ sap.ui.define([
 				"sap.ui.webc.main.BreadcrumbsSeparatorStyle",
 				"sap.ui.webc.main.BusyIndicatorSize",
 				"sap.ui.webc.main.ButtonDesign",
+				"sap.ui.webc.main.ButtonType",
 				"sap.ui.webc.main.CalendarSelectionMode",
 				"sap.ui.webc.main.CarouselArrowsPlacement",
 				"sap.ui.webc.main.CarouselPageIndicatorStyle",
@@ -99,6 +103,8 @@ sap.ui.define([
 				"sap.ui.webc.main.TabsOverflowMode",
 				"sap.ui.webc.main.TitleLevel",
 				"sap.ui.webc.main.ToastPlacement",
+				"sap.ui.webc.main.ToolbarAlign",
+				"sap.ui.webc.main.ToolbarItemOverflowBehavior",
 				"sap.ui.webc.main.WrappingType"
 			],
 			controls: [
@@ -152,6 +158,8 @@ sap.ui.define([
 				"sap.ui.webc.main.SegmentedButton",
 				"sap.ui.webc.main.SegmentedButtonItem",
 				"sap.ui.webc.main.Select",
+				"sap.ui.webc.main.SelectMenu",
+				"sap.ui.webc.main.SelectMenuOption",
 				"sap.ui.webc.main.Slider",
 				"sap.ui.webc.main.SplitButton",
 				"sap.ui.webc.main.StandardListItem",
@@ -173,6 +181,12 @@ sap.ui.define([
 				"sap.ui.webc.main.Toast",
 				"sap.ui.webc.main.ToggleButton",
 				"sap.ui.webc.main.Token",
+				"sap.ui.webc.main.Toolbar",
+				"sap.ui.webc.main.ToolbarButton",
+				"sap.ui.webc.main.ToolbarSelect",
+				"sap.ui.webc.main.ToolbarSelectOption",
+				"sap.ui.webc.main.ToolbarSeparator",
+				"sap.ui.webc.main.ToolbarSpacer",
 				"sap.ui.webc.main.Tree",
 				"sap.ui.webc.main.TreeItem",
 				"sap.ui.webc.main.TreeItemCustom"
@@ -393,6 +407,16 @@ sap.ui.define([
 		 * @experimental Since 1.95.0 This API is experimental and might change significantly.
 		 */
 
+		/**
+		 * Interface for components that may be slotted inside <code>ui5-select-menu</code> as options
+		 *
+		 * @name sap.ui.webc.main.ISelectMenuOption
+		 * @interface
+		 * @public
+		 * @since 1.120.0
+		 * @experimental Since 1.120.0 This API is experimental and might change significantly.
+		 */
+
 		/**
 		 * Interface for components that may be slotted inside <code>ui5-select</code> as options
 		 *
@@ -453,6 +477,26 @@ sap.ui.define([
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
 		 */
 
+		/**
+		 * Interface for toolbar items for the purpose of <code>ui5-toolbar</code>
+		 *
+		 * @name sap.ui.webc.main.IToolbarItem
+		 * @interface
+		 * @public
+		 * @since 1.120.0
+		 * @experimental Since 1.120.0 This API is experimental and might change significantly.
+		 */
+
+		/**
+		 * Interface for toolbar select items for the purpose of <code>ui5-toolbar-select</code>
+		 *
+		 * @name sap.ui.webc.main.IToolbarSelectOption
+		 * @interface
+		 * @public
+		 * @since 1.120.0
+		 * @experimental Since 1.120.0 This API is experimental and might change significantly.
+		 */
+
 		/**
 		 * Interface for tree items for the purpose of <code>ui5-tree</code>
 		 *
@@ -835,6 +879,36 @@ sap.ui.define([
 		};
 
 
+		/**
+		 * Determines if the button has special form-related functionality.
+		 *
+		 * @enum {string}
+		 * @public
+		 * @since 1.120.0
+		 * @experimental Since 1.120.0 This API is experimental and might change significantly.
+		 */
+		thisLib.ButtonType = {
+
+			/**
+			 * The button does not do anything special when inside a form
+			 * @public
+			 */
+			Button: "Button",
+
+			/**
+			 * The button acts as a reset button (resets a form)
+			 * @public
+			 */
+			Reset: "Reset",
+
+			/**
+			 * The button acts as a submit button (submits a form)
+			 * @public
+			 */
+			Submit: "Submit"
+		};
+
+
 		/**
 		 * Different Calendar selection mode.
 		 *
@@ -1909,6 +1983,60 @@ sap.ui.define([
 		};
 
 
+		/**
+		 * Defines which direction the items of ui5-toolbar will be aligned.
+		 *
+		 * @enum {string}
+		 * @public
+		 * @since 1.120.0
+		 * @experimental Since 1.120.0 This API is experimental and might change significantly.
+		 */
+		thisLib.ToolbarAlign = {
+
+			/**
+			 * Toolbar items are situated at the <code>end</code> of the Toolbar
+			 * @public
+			 */
+			End: "End",
+
+			/**
+			 * Toolbar items are situated at the <code>start</code> of the Toolbar
+			 * @public
+			 */
+			Start: "Start"
+		};
+
+
+		/**
+		 * Defines the priority of the toolbar item to go inside overflow popover.
+		 *
+		 * @enum {string}
+		 * @public
+		 * @since 1.120.0
+		 * @experimental Since 1.120.0 This API is experimental and might change significantly.
+		 */
+		thisLib.ToolbarItemOverflowBehavior = {
+
+			/**
+			 *
+			 * @public
+			 */
+			AlwaysOverflow: "AlwaysOverflow",
+
+			/**
+			 * The item is presented inside the toolbar and goes in the popover, when there is not enough space.
+			 * @public
+			 */
+			Default: "Default",
+
+			/**
+			 * When set, the item will never go to the overflow popover.
+			 * @public
+			 */
+			NeverOverflow: "NeverOverflow"
+		};
+
+
 		/**
 		 * Different types of wrapping.
 		 *

package/src/sap/ui/webc/main/thirdparty/Avatar.js

@@ -1,4 +1,4 @@
-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/decorators/event", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/webc/common/thirdparty/base/Keys", "./generated/templates/AvatarTemplate.lit", "./generated/i18n/i18n-defaults", "./generated/themes/Avatar.css", "./Icon", "./types/AvatarSize", "./types/AvatarShape", "./types/AvatarColorScheme", "sap/ui/webc/common/thirdparty/icons/employee"], function (_exports, _UI5Element, _customElement, _property, _slot, _event, _LitRenderer, _i18nBundle, _ResizeHandler, _Render, _Keys, _AvatarTemplate, _i18nDefaults, _Avatar, _Icon, _AvatarSize, _AvatarShape, _AvatarColorScheme, _employee) {
+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/decorators/event", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/webc/common/thirdparty/base/Keys", "./generated/templates/AvatarTemplate.lit", "./generated/i18n/i18n-defaults", "./generated/themes/Avatar.css", "./Icon", "./types/AvatarSize", "./types/AvatarShape", "./types/AvatarColorScheme", "sap/ui/webc/common/thirdparty/icons/employee", "sap/ui/webc/common/thirdparty/icons/alert"], function (_exports, _UI5Element, _customElement, _property, _slot, _event, _LitRenderer, _i18nBundle, _ResizeHandler, _Render, _Keys, _AvatarTemplate, _i18nDefaults, _Avatar, _Icon, _AvatarSize, _AvatarShape, _AvatarColorScheme, _employee, _alert) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -27,6 +27,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var Avatar_1;
+
+  // Template
+
+  // Styles
+
+  // Icon
+
   /**
    * @class
    *
@@ -69,7 +76,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       Avatar_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
     get tabindex() {
-      return this._tabIndex || (this.interactive ? "0" : "-1");
+      return this._tabIndex || (this._interactive ? "0" : "-1");
     }
     /**
      * Returns the effective avatar size.
@@ -94,11 +101,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       return this.getAttribute("color-scheme") || this._colorScheme;
     }
     get _role() {
-      return this.interactive ? "button" : undefined;
+      return this._interactive ? "button" : undefined;
     }
     get _ariaHasPopup() {
       return this._getAriaHasPopup();
     }
+    get _fallbackIcon() {
+      if (this.fallbackIcon === "") {
+        this.fallbackIcon = "employee";
+      }
+      return this.fallbackIcon;
+    }
+    get _interactive() {
+      return this.interactive && !this.disabled;
+    }
     get validInitials() {
       // initials should consist of only 1,2 or 3 latin letters
       const validInitials = /^[a-zA-Zà-üÀ-Ü]{1,3}$/,
@@ -122,7 +138,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       return this.getDomRef().querySelector(".ui5-avatar-initials");
     }
     onBeforeRendering() {
-      this._onclick = this.interactive ? this._onClickHandler.bind(this) : undefined;
+      this._onclick = this._interactive ? this._onClickHandler.bind(this) : undefined;
     }
     async onAfterRendering() {
       await (0, _Render.renderFinished)();
@@ -160,14 +176,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     _onClickHandler(e) {
       // prevent the native event and fire custom event to ensure the noConfict "ui5-click" is fired
       e.stopPropagation();
-      this.fireEvent("click");
+      this._fireClick();
     }
     _onkeydown(e) {
-      if (!this.interactive) {
+      if (!this._interactive) {
         return;
       }
       if ((0, _Keys.isEnter)(e)) {
-        this.fireEvent("click");
+        this._fireClick();
       }
       if ((0, _Keys.isSpace)(e)) {
         e.preventDefault(); // prevent scrolling
@@ -175,32 +191,43 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     }
 
     _onkeyup(e) {
-      if (this.interactive && !e.shiftKey && (0, _Keys.isSpace)(e)) {
-        this.fireEvent("click");
+      if (this._interactive && !e.shiftKey && (0, _Keys.isSpace)(e)) {
+        this._fireClick();
       }
     }
+    _fireClick() {
+      this.fireEvent("click");
+      this.pressed = !this.pressed;
+    }
     _onfocusout() {
       this.focused = false;
     }
     _onfocusin() {
-      if (this.interactive) {
+      if (this._interactive) {
         this.focused = true;
       }
     }
     _getAriaHasPopup() {
-      if (!this.interactive || this.ariaHaspopup === "") {
+      if (!this._interactive || this.ariaHaspopup === "") {
         return;
       }
       return this.ariaHaspopup;
     }
   };
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Avatar.prototype, "disabled", void 0);
   __decorate([(0, _property.default)({
     type: Boolean
   })], Avatar.prototype, "interactive", void 0);
   __decorate([(0, _property.default)({
     type: Boolean
   })], Avatar.prototype, "focused", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Avatar.prototype, "pressed", void 0);
   __decorate([(0, _property.default)()], Avatar.prototype, "icon", void 0);
+  __decorate([(0, _property.default)()], Avatar.prototype, "fallbackIcon", void 0);
   __decorate([(0, _property.default)()], Avatar.prototype, "initials", void 0);
   __decorate([(0, _property.default)({
     type: _AvatarShape.default,
@@ -245,7 +272,8 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   })
   /**
   * Fired on mouseup, space and enter if avatar is interactive
-  *
+  * <b>Note:</b> The event will not be fired if the <code>disabled</code>
+  * property is set to <code>true</code>.
   * @event
   * @private
   * @since 1.0.0-rc.11

package/src/sap/ui/webc/main/thirdparty/AvatarGroup.js

@@ -28,6 +28,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var AvatarGroup_1;
+
+  // Styles
+
+  // Template
+
   const OVERFLOW_BTN_CLASS = "ui5-avatar-group-overflow-btn";
   const AVATAR_GROUP_OVERFLOW_BTN_SELECTOR = `.${OVERFLOW_BTN_CLASS}`;
   // based on RTL/LTR a margin-left/right is set respectfully
@@ -98,8 +103,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * The component provides advanced keyboard handling.
    * When focused, the user can use the following keyboard
    * shortcuts in order to perform a navigation:
+   *
    * <br>
-   * - <code>type</code> Individual:
+   * <code>type</code> Individual:
    * <br>
    * <ul>
    * <li>[TAB] - Move focus to the overflow button</li>
@@ -110,7 +116,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * <li>[SPACE],[ENTER],[RETURN] - Trigger <code>ui5-click</code> event</li>
    * </ul>
    * <br>
-   * - <code>type</code> Group:
+   * <code>type</code> Group:
    * <br>
    * <ul>
    * <li>[TAB] - Move focus to the next interactive element after the component</li>

package/src/sap/ui/webc/main/thirdparty/Badge.js

@@ -22,6 +22,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var Badge_1;
+
+  // Template
+
+  // Styles
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>

package/src/sap/ui/webc/main/thirdparty/Breadcrumbs.js

@@ -38,6 +38,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var Breadcrumbs_1;
+
+  // Templates
+
+  // Styles
+
   /**
    * @class
    *
@@ -206,7 +211,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         // need to show the component that opens the overflow
         requiredWidth += this._dropdownArrowLinkWidth;
       }
-      while (requiredWidth > availableWidth && overflowSize < this._maxAllowedOverflowSize) {
+      while (requiredWidth >= availableWidth && overflowSize < this._maxAllowedOverflowSize) {
         const itemToOverflow = items[overflowSize];
         let itemWidth = 0;
         if (this._isItemVisible(itemToOverflow)) {

package/src/sap/ui/webc/main/thirdparty/BusyIndicator.js

@@ -23,6 +23,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var BusyIndicator_1;
+
+  // Template
+
+  // Styles
+
   /**
    * @class
    *

package/src/sap/ui/webc/main/thirdparty/Button.js

@@ -1,4 +1,4 @@
-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/event", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper", "sap/ui/webc/common/thirdparty/base/FeaturesRegistry", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/MarkedEvents", "sap/ui/webc/common/thirdparty/base/asset-registries/Icons", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/util/willShowContent", "./types/ButtonDesign", "./generated/templates/ButtonTemplate.lit", "./Icon", "./generated/i18n/i18n-defaults", "./generated/themes/Button.css"], function (_exports, _UI5Element, _customElement, _property, _event, _slot, _LitRenderer, _Keys, _AriaLabelHelper, _FeaturesRegistry, _i18nBundle, _MarkedEvents, _Icons, _Device, _willShowContent, _ButtonDesign, _ButtonTemplate, _Icon, _i18nDefaults, _Button) {
+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/event", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper", "sap/ui/webc/common/thirdparty/base/FeaturesRegistry", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/MarkedEvents", "sap/ui/webc/common/thirdparty/base/asset-registries/Icons", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/util/willShowContent", "./types/ButtonDesign", "./types/ButtonType", "./generated/templates/ButtonTemplate.lit", "./Icon", "./generated/i18n/i18n-defaults", "./generated/themes/Button.css"], function (_exports, _UI5Element, _customElement, _property, _event, _slot, _LitRenderer, _Keys, _AriaLabelHelper, _FeaturesRegistry, _i18nBundle, _MarkedEvents, _Icons, _Device, _willShowContent, _ButtonDesign, _ButtonType, _ButtonTemplate, _Icon, _i18nDefaults, _Button) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -13,6 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _willShowContent = _interopRequireDefault(_willShowContent);
   _ButtonDesign = _interopRequireDefault(_ButtonDesign);
+  _ButtonType = _interopRequireDefault(_ButtonType);
   _ButtonTemplate = _interopRequireDefault(_ButtonTemplate);
   _Icon = _interopRequireDefault(_Icon);
   _Button = _interopRequireDefault(_Button);
@@ -25,6 +26,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var Button_1;
+
+  // Styles
+
   let isGlobalHandlerAttached = false;
   let activeButton = null;
   /**
@@ -100,6 +104,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     }
     async onBeforeRendering() {
       const formSupport = (0, _FeaturesRegistry.getFeature)("FormSupport");
+      if (this.type !== _ButtonType.default.Button && !formSupport) {
+        console.warn(`In order for the "type" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`); // eslint-disable-line
+      }
+
       if (this.submits && !formSupport) {
         console.warn(`In order for the "submits" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`); // eslint-disable-line
       }
@@ -114,9 +122,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
       (0, _MarkedEvents.markEvent)(e, "button");
       const formSupport = (0, _FeaturesRegistry.getFeature)("FormSupport");
-      if (formSupport && this.submits) {
+      if (formSupport && this._isSubmit) {
         formSupport.triggerFormSubmit(this);
       }
+      if (formSupport && this._isReset) {
+        formSupport.triggerFormReset(this);
+      }
       if ((0, _Device.isSafari)()) {
         this.getDomRef()?.focus();
       }
@@ -130,7 +141,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       activeButton = this; // eslint-disable-line
     }
 
-    _ontouchend() {
+    _ontouchend(e) {
+      if (this.disabled) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
       this.active = false;
       if (activeButton) {
         activeButton.active = false;
@@ -203,6 +218,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     get ariaLabelText() {
       return (0, _AriaLabelHelper.getEffectiveAriaLabelText)(this);
     }
+    get _isSubmit() {
+      return this.type === _ButtonType.default.Submit || this.submits;
+    }
+    get _isReset() {
+      return this.type === _ButtonType.default.Reset;
+    }
     static async onDefine() {
       Button_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
@@ -231,6 +252,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   __decorate([(0, _property.default)({
     type: Object
   })], Button.prototype, "accessibilityAttributes", void 0);
+  __decorate([(0, _property.default)({
+    type: _ButtonType.default,
+    defaultValue: _ButtonType.default.Button
+  })], Button.prototype, "type", void 0);
   __decorate([(0, _property.default)({
     type: Boolean
   })], Button.prototype, "active", void 0);

package/src/sap/ui/webc/main/thirdparty/Calendar.js

@@ -35,6 +35,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customE
     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;
   };
+
+  // Default calendar for bundling
+
+  // Template
+
+  // Styles
+
   /**
    * @class
    *
@@ -210,7 +217,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customE
       } else {
         this._headerYearButtonText = String(yearFormat.format(this._localDate, true));
       }
-      this.secondaryCalendarType && this._setSecondaryCalendarTypeButtonText();
+      this._secondaryCalendarType && this._setSecondaryCalendarTypeButtonText();
     }
     /**
      * The user clicked the "month" button in the header
@@ -247,31 +254,31 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customE
     _setSecondaryCalendarTypeButtonText() {
       const yearFormatSecType = _DateFormat.default.getDateInstance({
         format: "y",
-        calendarType: this.secondaryCalendarType
+        calendarType: this._secondaryCalendarType
       });
       if (this._currentPicker === "year") {
         const rangeStart = new _CalendarDate.default(this._calendarDate, this._primaryCalendarType);
         const rangeEnd = new _CalendarDate.default(this._calendarDate, this._primaryCalendarType);
         rangeStart.setYear(this._currentPickerDOM._firstYear);
         rangeEnd.setYear(this._currentPickerDOM._lastYear);
-        const rangeStartSecType = (0, _transformDateToSecondaryType.default)(this.primaryCalendarType, this.secondaryCalendarType, rangeStart.valueOf() / 1000, true).firstDate;
-        const rangeEndSecType = (0, _transformDateToSecondaryType.default)(this.primaryCalendarType, this.secondaryCalendarType, rangeEnd.valueOf() / 1000, true).lastDate;
+        const rangeStartSecType = (0, _transformDateToSecondaryType.default)(this.primaryCalendarType, this._secondaryCalendarType, rangeStart.valueOf() / 1000, true).firstDate;
+        const rangeEndSecType = (0, _transformDateToSecondaryType.default)(this.primaryCalendarType, this._secondaryCalendarType, rangeEnd.valueOf() / 1000, true).lastDate;
         this._headerYearButtonTextSecType = `${yearFormatSecType.format(rangeStartSecType.toLocalJSDate(), true)} - ${yearFormatSecType.format(rangeEndSecType.toLocalJSDate(), true)}`;
       } else {
         this._headerYearButtonTextSecType = String(yearFormatSecType.format(this._localDate, true));
       }
     }
     get secondaryCalendarTypeButtonText() {
-      if (!this.secondaryCalendarType) {
+      if (!this._secondaryCalendarType) {
         return;
       }
       const localDate = new Date(this._timestamp * 1000);
       const secondYearFormat = _DateFormat.default.getDateInstance({
         format: "y",
-        calendarType: this.secondaryCalendarType
+        calendarType: this._secondaryCalendarType
       });
-      const dateInSecType = (0, _transformDateToSecondaryType.default)(this._primaryCalendarType, this.secondaryCalendarType, this._timestamp);
-      const secondMonthInfo = (0, _convertMonthNumbersToMonthNames.default)(dateInSecType.firstDate.getMonth(), dateInSecType.lastDate.getMonth(), this.secondaryCalendarType);
+      const dateInSecType = (0, _transformDateToSecondaryType.default)(this._primaryCalendarType, this._secondaryCalendarType, this._timestamp);
+      const secondMonthInfo = (0, _convertMonthNumbersToMonthNames.default)(dateInSecType.firstDate.getMonth(), dateInSecType.lastDate.getMonth(), this._secondaryCalendarType);
       const secondYearText = secondYearFormat.format(localDate, true);
       return {
         yearButtonText: secondYearText,

package/src/sap/ui/webc/main/thirdparty/CalendarHeader.js

@@ -24,6 +24,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var CalendarHeader_1;
+
+  // Styles
+
   let CalendarHeader = CalendarHeader_1 = class CalendarHeader extends _UI5Element.default {
     static async onDefine() {
       CalendarHeader_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
@@ -40,10 +43,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
     onPrevButtonClick(e) {
+      if (this.isPrevButtonDisabled) {
+        e.preventDefault();
+        return;
+      }
       this.fireEvent("previous-press", e);
+      e.preventDefault();
     }
     onNextButtonClick(e) {
+      if (this.isNextButtonDisabled) {
+        e.preventDefault();
+        return;
+      }
       this.fireEvent("next-press", e);
+      e.preventDefault();
     }
     onMonthButtonClick(e) {
       this.fireEvent("show-month-press", e);

package/src/sap/ui/webc/main/thirdparty/CalendarPart.js

@@ -83,10 +83,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/propert
      * Modify a timestamp by a certain amount of days/months/years and enforce limits
      * @param amount
      * @param unit
+     * @param preserveDate whether to preserve the day of the month (f.e. 15th of March + 1 month = 15th of April)
      * @protected
      */
-    _safelyModifyTimestampBy(amount, unit) {
-      const newDate = (0, _modifyDateBy.default)(this._calendarDate, amount, unit);
+    _safelyModifyTimestampBy(amount, unit, preserveDate) {
+      const newDate = (0, _modifyDateBy.default)(this._calendarDate, amount, unit, preserveDate);
       this._safelySetTimestamp(newDate.valueOf() / 1000);
     }
     _getTimestampFromDom(domNode) {

package/src/sap/ui/webc/main/thirdparty/Card.js

@@ -22,6 +22,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var Card_1;
+
+  // Styles
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>

package/src/sap/ui/webc/main/thirdparty/CardHeader.js

@@ -23,6 +23,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var CardHeader_1;
+
+  // Styles
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>

package/src/sap/ui/webc/main/thirdparty/Carousel.js

@@ -32,6 +32,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var Carousel_1;
+
+  // Styles
+
   /**
    * @class
    *