@openui5/sap.ui.webc.main 1.119.1 → 1.120.1

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

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * <h3>Keyboard Handling</h3>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -104,30 +104,11 @@ sap.ui.define([
 					mapping: "style"
 				},
 
-				/**
-				 * Defines whether the overflow select list is displayed. <br>
-				 * <br>
-				 * The overflow select list represents a list, where all tabs are displayed so that it's easier for the user to select a specific tab.
-				 */
-				showOverflow: {
-					type: "boolean",
-					defaultValue: false
-				},
-
 				/**
 				 * Defines the alignment of the content and the <code>additionalText</code> of a tab.
 				 *
 				 * <br>
-				 * <br>
 				 * <b>Note:</b> The content and the <code>additionalText</code> would be displayed vertically by default, but when set to <code>Inline</code>, they would be displayed horizontally.
-				 *
-				 * <br>
-				 * <br>
-				 * Available options are:
-				 * <ul>
-				 *     <li><code>Standard</code></li>
-				 *     <li><code>Inline</code></li>
-				 * </ul>
 				 */
 				tabLayout: {
 					type: "sap.ui.webc.main.TabLayout",
@@ -138,16 +119,7 @@ sap.ui.define([
 				 * Defines the overflow mode of the header (the tab strip). If you have a large number of tabs, only the tabs that can fit on screen will be visible. All other tabs that can 't fit on the screen are available in an overflow tab "More".
 				 *
 				 * <br>
-				 * <br>
 				 * <b>Note:</b> Only one overflow at the end would be displayed by default, but when set to <code>StartAndEnd</code>, there will be two overflows on both ends, and tab order will not change on tab selection.
-				 *
-				 * <br>
-				 * <br>
-				 * Available options are:
-				 * <ul>
-				 *     <li><code>End</code></li>
-				 *     <li><code>StartAndEnd</code></li>
-				 * </ul>
 				 */
 				tabsOverflowMode: {
 					type: "sap.ui.webc.main.TabsOverflowMode",

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.TabSeparator</code> represents a vertical line to separate tabs inside a <code>sap.ui.webc.main.TabContainer</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -56,7 +56,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -157,14 +157,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines the mode of the component. <br>
-				 * <br>
-				 * Available options are:
-				 * <ul>
-				 *     <li><code>MultiSelect</code></li>
-				 *     <li><code>SingleSelect</code></li>
-				 *     <li><code>None</code></li>
-				 *     <ul>
+				 * Defines the mode of the component.
 				 */
 				mode: {
 					type: "sap.ui.webc.main.TableMode",

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

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -10,8 +10,8 @@ sap.ui.define([
 	"./library",
 	"sap/ui/core/EnabledPropagator",
 	"sap/ui/core/library",
-	"./thirdparty/TextArea",
-	"./thirdparty/features/InputElementsFormSupport"
+	"./thirdparty/features/InputElementsFormSupport",
+	"./thirdparty/TextArea"
 ], function(WebComponent, library, EnabledPropagator, coreLibrary) {
 	"use strict";
 
@@ -41,7 +41,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -186,15 +186,8 @@ sap.ui.define([
 				/**
 				 * Defines the value state of the component. <br>
 				 * <br>
-				 * Available options are:
-				 * <ul>
-				 *     <li><code>None</code></li>
-				 *     <li><code>Error</code></li>
-				 *     <li><code>Warning</code></li>
-				 *     <li><code>Success</code></li>
-				 *     <li><code>Information</code></li>
-				 * </ul> <br>
-				 * <br>
+				 *
+				 *
 				 * <b>Note:</b> If <code>maxlength</code> property is set, the component turns into "Warning" state once the characters exceeds the limit. In this case, only the "Error" state is considered and can be applied.
 				 */
 				valueState: {

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

@@ -25,15 +25,15 @@ sap.ui.define([
 	 * @extends sap.ui.core.webc.WebComponent
 	 * @class
 	 *
-	 * <h3>Overview</h3> The <code>sap.ui.webc.main.TimePicker</code> component provides an input field with assigned sliders which are opened on user action. The <code>sap.ui.webc.main.TimePicker</code> allows users to select a localized time using touch, mouse, or keyboard input. It consists of two parts: the time input field and the sliders.
+	 * <h3>Overview</h3> The <code>sap.ui.webc.main.TimePicker</code> component provides an input field with assigned clocks which are opened on user action. The <code>sap.ui.webc.main.TimePicker</code> allows users to select a localized time using touch, mouse, or keyboard input. It consists of two parts: the time input field and the clocks.
 	 *
 	 * <h3>Usage</h3> The user can enter a time by:
 	 * <ul>
-	 *     <li>Using the sliders that are displayed in a popup</li>
+	 *     <li>Using the clocks that are displayed in a popup</li>
 	 *     <li>Typing it in directly in the input field</li>
 	 * </ul> <br>
 	 * <br>
-	 * When the user makes an entry and chooses the enter key, the sliders shows the corresponding time. When the user directly triggers the sliders display, the actual time is displayed. For the <code>sap.ui.webc.main.TimePicker</code>
+	 * When the user makes an entry and chooses the enter key, the clocks show the corresponding time (hours, minutes and seconds separately). When the user directly triggers the clocks display, the actual time is displayed. For the <code>sap.ui.webc.main.TimePicker</code>
 	 *
 	 * <h3>Formatting</h3>
 	 *
@@ -48,22 +48,26 @@ sap.ui.define([
 	 * <ul>
 	 *     <li>[PAGEUP] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.</li>
 	 *     <li>[PAGEDOWN] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.</li>
-	 *     <li>[SHIFT]+[PAGEUP] Increments minutes by 1.</li>
-	 *     <li>[SHIFT]+ [PAGEDOWN] Decrements minutes by 1.</li>
-	 *     <li>[SHIFT]+[CTRL]+[PAGEUP] Increments seconds by 1.</li>
-	 *     <li>[SHIFT]+[CTRL]+ [PAGEDOWN] Decrements seconds by 1.</li>
+	 *     <li>[SHIFT]+[PAGEUP] - Increments minutes by 1.</li>
+	 *     <li>[SHIFT]+[PAGEDOWN] - Decrements minutes by 1.</li>
+	 *     <li>[SHIFT]+[CTRL]+[PAGEUP] - Increments seconds by 1.</li>
+	 *     <li>[SHIFT]+[CTRL]+[PAGEDOWN] - Decrements seconds by 1.</li>
+	 *     <li>
 	 * </ul> When opened:
 	 * <ul>
-	 *     <li>[UP] If focus is on one of the selection lists: Select the value which is above the current value. If the first value is selected, select the last value in the list. Exception: AM/ PM List: stay on the first item.</li>
-	 *     <li>[DOWN] If focus is on one of the selection lists: Select the value which is below the current value. If the last value is selected, select the first value in the list. Exception: AM/ PM List: stay on the last item.</li>
-	 *     <li>[LEFT] If focus is on one of the selection lists: Move focus to the selection list which is left of the current selection list. If focus is at the first selection list, move focus to the last selection list.</li>
-	 *     <li>[RIGHT] If focus is on one of the selection lists: Move focus to the selection list which is right of the current selection list. When focus is at the last selection list, move focus to the first selection list.</li>
-	 *     <li>[PAGEUP] If focus is on one of the selection lists: Move focus to the first entry of this list.</li>
-	 *     <li>[PAGEDOWN] If focus is on one of the selection lists: Move focus to the last entry of this list.</li>
+	 *     <li>[PAGEUP] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.</li>
+	 *     <li>[PAGEDOWN] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.</li>
+	 *     <li>[SHIFT]+[PAGEUP] - Increments minutes by 1.</li>
+	 *     <li>[SHIFT]+[PAGEDOWN] - Decrements minutes by 1.</li>
+	 *     <li>[SHIFT]+[CTRL]+[PAGEUP] - Increments seconds by 1.</li>
+	 *     <li>[SHIFT]+[CTRL]+[PAGEDOWN] - Decrements seconds by 1.</li>
+	 *     <li>[A] or [P] - Selects AM or PM respectively.</li>
+	 *     <li>[0]-[9] - Allows direct time selecting (hours/minutes/seconds).</li>
+	 *     <li>[:] - Allows switching between hours/minutes/seconds clocks. If the last clock is displayed and [:] is pressed, the first clock is beind displayed.</li>
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.Title</code> component is used to display titles inside a page. It is a simple, large-sized text with explicit header/title semantics.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -69,11 +69,8 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines how the text of a component will be displayed when there is not enough space. Available options are:
-				 * <ul>
-				 *     <li><code>None</code> - The text will be truncated with an ellipsis.</li>
-				 *     <li><code>Normal</code> - The text will wrap. The words will not be broken based on hyphenation.</li>
-				 * </ul>
+				 * Defines how the text of a component will be displayed when there is not enough space. <br>
+				 * <b>Note:</b> for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
 				 */
 				wrappingType: {
 					type: "sap.ui.webc.main.WrappingType",

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

@@ -44,7 +44,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -79,18 +79,6 @@ sap.ui.define([
 				/**
 				 * Defines the placement of the component. <br>
 				 * <br>
-				 * Available options are:
-				 * <ul>
-				 *     <li><code>TopStart</code></li>
-				 *     <li><code>TopCenter</code></li>
-				 *     <li><code>TopEnd</code></li>
-				 *     <li><code>MiddleStart</code></li>
-				 *     <li><code>MiddleCenter</code></li>
-				 *     <li><code>MiddleEnd</code></li>
-				 *     <li><code>BottomStart</code></li>
-				 *     <li><code>BottomCenter</code></li>
-				 *     <li><code>BottomEnd</code></li>
-				 * </ul>
 				 */
 				placement: {
 					type: "sap.ui.webc.main.ToastPlacement",

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

@@ -14,6 +14,7 @@ sap.ui.define([
 	"use strict";
 
 	var ButtonDesign = library.ButtonDesign;
+	var ButtonType = library.ButtonType;
 
 	/**
 	 * Constructor for a new <code>ToggleButton</code>.
@@ -31,7 +32,7 @@ sap.ui.define([
 	 * Clicking or tapping on a <code>sap.ui.webc.main.ToggleButton</code> changes its state to <code>pressed</code>. The button returns to its initial state when the user clicks or taps on it again. By applying additional custom CSS-styling classes, apps can give a different style to any <code>sap.ui.webc.main.ToggleButton</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -85,20 +86,6 @@ sap.ui.define([
 
 				/**
 				 * Defines the component design.
-				 *
-				 * <br>
-				 * <br>
-				 * <b>The available values are:</b>
-				 *
-				 *
-				 * <ul>
-				 *     <li><code>Default</code></li>
-				 *     <li><code>Emphasized</code></li>
-				 *     <li><code>Positive</code></li>
-				 *     <li><code>Negative</code></li>
-				 *     <li><code>Transparent</code></li>
-				 *     <li><code>Attention</code></li>
-				 * </ul>
 				 */
 				design: {
 					type: "sap.ui.webc.main.ButtonDesign",
@@ -146,14 +133,6 @@ sap.ui.define([
 					defaultValue: false
 				},
 
-				/**
-				 *
-				 */
-				submits: {
-					type: "boolean",
-					defaultValue: false
-				},
-
 				/**
 				 * Defines the content of the control
 				 */
@@ -163,6 +142,14 @@ sap.ui.define([
 					mapping: "textContent"
 				},
 
+				/**
+				 * Defines whether the button has special form-related functionality.
+				 */
+				type: {
+					type: "sap.ui.webc.main.ButtonType",
+					defaultValue: ButtonType.Button
+				},
+
 				/**
 				 * Defines the width of the control
 				 */

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

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * Tokens are small items of information (similar to tags) that mainly serve to visualize previously selected items.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -0,0 +1,103 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides control sap.ui.webc.main.Toolbar.
+sap.ui.define([
+	"sap/ui/core/webc/WebComponent",
+	"./library",
+	"./thirdparty/Toolbar"
+], function(WebComponent, library) {
+	"use strict";
+
+	/**
+	 * Constructor for a new <code>Toolbar</code>.
+	 *
+	 * @param {string} [sId] ID for the new control, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new control
+	 *
+	 * @extends sap.ui.core.webc.WebComponent
+	 * @class
+	 *
+	 * <h3>Overview</h3>
+	 *
+	 * The <code>sap.ui.webc.main.Toolbar</code> component is used to create a horizontal layout with items. The items can be overflowing in a popover, when the space is not enough to show all of them.
+	 *
+	 * <h3>Keyboard Handling</h3> The <code>sap.ui.webc.main.Toolbar</code> provides advanced keyboard handling. <br>
+	 *
+	 * <ul>
+	 *     <li>The control is not interactive, but can contain of interactive elements </li>
+	 *     <li>[TAB] - iterates through elements</li>
+	 * </ul> <br>
+	 *
+	 * @author SAP SE
+	 * @version 1.120.1
+	 *
+	 * @constructor
+	 * @public
+	 * @since 1.120.0
+	 * @experimental Since 1.120.0 This control is experimental and its API might change significantly.
+	 * @alias sap.ui.webc.main.Toolbar
+	 */
+	var Toolbar = WebComponent.extend("sap.ui.webc.main.Toolbar", {
+		metadata: {
+			library: "sap.ui.webc.main",
+			tag: "ui5-toolbar-ui5",
+			properties: {
+
+				/**
+				 * Defines the accessible ARIA name of the component.
+				 */
+				accessibleName: {
+					type: "string"
+				},
+
+				/**
+				 * Indicated the direction in which the Toolbar items will be aligned. Available options are:
+				 * <ul>
+				 *     <li><code>End</code></li>
+				 *     <li><code>Start</code></li>
+				 * </ul>
+				 */
+				alignContent: {
+					type: "sap.ui.webc.main.ToolbarAlign"
+				}
+			},
+			defaultAggregation: "items",
+			aggregations: {
+
+				/**
+				 * Defines the items of the component.
+				 *
+				 * <b>Note:</b> Currently only <code>sap.ui.webc.main.ToolbarButton</code>, <code>sap.ui.webc.main.ToolbarSelect</code>, <code>sap.ui.webc.main.ToolbarSeparator</code> and <code>sap.ui.webc.main.ToolbarSpacer</code> are allowed here.
+				 */
+				items: {
+					type: "sap.ui.webc.main.IToolbarItem",
+					multiple: true
+				}
+			},
+			associations: {
+
+				/**
+				 * Receives id(or many ids) of the controls that label this control.
+				 */
+				ariaLabelledBy: {
+					type: "sap.ui.core.Control",
+					multiple: true,
+					mapping: {
+						type: "property",
+						to: "accessibleNameRef",
+						formatter: "_getAriaLabelledByForRendering"
+					}
+				}
+			}
+		}
+	});
+
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
+	return Toolbar;
+});

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

@@ -0,0 +1,192 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides control sap.ui.webc.main.ToolbarButton.
+sap.ui.define([
+	"sap/ui/core/webc/WebComponent",
+	"./library",
+	"sap/ui/core/EnabledPropagator",
+	"sap/ui/core/library",
+	"./thirdparty/ToolbarButton"
+], function(WebComponent, library, EnabledPropagator, coreLibrary) {
+	"use strict";
+
+	var CSSSize = coreLibrary.CSSSize;
+	var ButtonDesign = library.ButtonDesign;
+
+	/**
+	 * Constructor for a new <code>ToolbarButton</code>.
+	 *
+	 * @param {string} [sId] ID for the new control, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new control
+	 *
+	 * @extends sap.ui.core.webc.WebComponent
+	 * @class
+	 *
+	 * <h3>Overview</h3> The <code>sap.ui.webc.main.ToolbarButton</code> represents an abstract action, used in the <code>sap.ui.webc.main.Toolbar</code>.
+	 *
+	 * @author SAP SE
+	 * @version 1.120.1
+	 *
+	 * @constructor
+	 * @public
+	 * @since 1.120.0
+	 * @experimental Since 1.120.0 This control is experimental and its API might change significantly.
+	 * @alias sap.ui.webc.main.ToolbarButton
+	 * @implements sap.ui.webc.main.IToolbarItem
+	 */
+	var ToolbarButton = WebComponent.extend("sap.ui.webc.main.ToolbarButton", {
+		metadata: {
+			library: "sap.ui.webc.main",
+			tag: "ui5-toolbar-button-ui5",
+			interfaces: [
+				"sap.ui.webc.main.IToolbarItem"
+			],
+			properties: {
+
+				/**
+				 * An object of strings that defines several additional accessibility attribute values for customization depending on the use case.
+				 *
+				 * It supports the following fields:
+				 *
+				 *
+				 * <ul>
+				 *     <li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:
+				 *         <ul>
+				 *             <li><code>true</code></li>
+				 *             <li><code>false</code></li>
+				 *         </ul>
+				 *     </li>
+				 *     <li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values:
+				 *         <ul>
+				 *             <li><code>Dialog</code></li>
+				 *             <li><code>Grid</code></li>
+				 *             <li><code>ListBox</code></li>
+				 *             <li><code>Menu</code></li>
+				 *             <li><code>Tree</code></li>
+				 *         </ul>
+				 *     </li>
+				 *     <li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>
+				 * </ul>
+				 */
+				accessibilityAttributes: {
+					type: "object",
+					defaultValue: {}
+				},
+
+				/**
+				 * Defines the accessible ARIA name of the component.
+				 */
+				accessibleName: {
+					type: "string",
+					defaultValue: undefined
+				},
+
+				/**
+				 * Defines the action design. <b>The available values are:</b>
+				 *
+				 *
+				 * <ul>
+				 *     <li><code>Default</code></li>
+				 *     <li><code>Emphasized</code></li>
+				 *     <li><code>Positive</code></li>
+				 *     <li><code>Negative</code></li>
+				 *     <li><code>Transparent</code></li>
+				 *     <li><code>Attention</code></li>
+				 * </ul>
+				 */
+				design: {
+					type: "sap.ui.webc.main.ButtonDesign",
+					defaultValue: ButtonDesign.Default
+				},
+
+				/**
+				 * Defines whether the control is enabled. A disabled control can't be interacted with, and it is not in the tab chain.
+				 */
+				enabled: {
+					type: "boolean",
+					defaultValue: true,
+					mapping: {
+						type: "property",
+						to: "disabled",
+						formatter: "_mapEnabled"
+					}
+				},
+
+				/**
+				 * Defines the <code>icon</code> source URI. <br>
+				 * <br>
+				 * <b>Note:</b> SAP-icons font provides numerous buil-in icons. To find all the available icons, see the {@link demo:sap/m/demokit/iconExplorer/webapp/index.html Icon Explorer}.
+				 */
+				icon: {
+					type: "string",
+					defaultValue: ""
+				},
+
+				/**
+				 * Defines whether the icon should be displayed after the component text.
+				 */
+				iconEnd: {
+					type: "boolean",
+					defaultValue: false
+				},
+
+				/**
+				 * Button text
+				 */
+				text: {
+					type: "string",
+					defaultValue: ""
+				},
+
+				/**
+				 * Defines the width of the button. <br>
+				 * <br>
+				 *
+				 *
+				 * <b>Note:</b> all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
+				 */
+				width: {
+					type: "sap.ui.core.CSSSize",
+					defaultValue: CSSSize.undefined
+				}
+			},
+			associations: {
+
+				/**
+				 * Receives id(or many ids) of the controls that label this control.
+				 */
+				ariaLabelledBy: {
+					type: "sap.ui.core.Control",
+					multiple: true,
+					mapping: {
+						type: "property",
+						to: "accessibleNameRef",
+						formatter: "_getAriaLabelledByForRendering"
+					}
+				}
+			},
+			events: {
+
+				/**
+				 * Fired when the component is activated either with a mouse/tap or by using the Enter or Space key. <br>
+				 * <br>
+				 * <b>Note:</b> The event will not be fired if the <code>disabled</code> property is set to <code>true</code>.
+				 */
+				click: {
+					parameters: {}
+				}
+			}
+		}
+	});
+
+	EnabledPropagator.call(ToolbarButton.prototype);
+
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
+	return ToolbarButton;
+});