@openui5/sap.ui.commons 1.145.0 → 1.146.0

package/src/sap/ui/commons/SearchField.js

@@ -75,7 +75,7 @@ sap.ui.define([
 	 * @implements sap.ui.commons.ToolbarItem
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/SearchProvider.js

@@ -20,7 +20,7 @@ sap.ui.define(['./library', 'sap/ui/core/search/OpenSearchProvider'],
 	 * @class
 	 * A SearchProvider which can be attached to a Search Field.
 	 * @extends sap.ui.core.search.OpenSearchProvider
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/SegmentedButton.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * The SegmentedButton provides a group of multiple buttons. Only one button can be active. The behaviour is more ore less like a radio button group.
 	 * @extends sap.ui.core.Control
 	 * @implements sap.ui.commons.ToolbarItem, sap.ui.core.IFormContent
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/Slider.js

@@ -35,7 +35,7 @@ sap.ui.define([
 	 * @implements sap.ui.core.IFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/Splitter.js

@@ -45,7 +45,7 @@ sap.ui.define([
 	 * @class
 	 * Allows to split the screen into two areas. Make sure that the container for the splitter has an absolute height or set an absolute height for the splitter using the height property. Otherwise the height of the splitter is calculated by the height of its contents.
 	 * @extends sap.ui.core.Control
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/Tab.js

@@ -27,7 +27,7 @@ sap.ui.define(['./Panel', './library', 'sap/ui/core/library'],
 	 * @extends sap.ui.commons.Panel
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/TabStrip.js

@@ -60,7 +60,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/TextArea.js

@@ -21,7 +21,7 @@ sap.ui.define(['sap/ui/thirdparty/jquery', './TextField', './library', './TextAr
 	 * @class
 	 * Control to enter or display multible row text.
 	 * @extends sap.ui.commons.TextField
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/TextField.js

@@ -53,7 +53,7 @@ sap.ui.define([
 	 * @implements sap.ui.commons.ToolbarItem, sap.ui.core.IFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/TextFieldRenderer.js

@@ -24,7 +24,7 @@ sap.ui.define(['sap/ui/core/Renderer', 'sap/ui/core/ValueStateSupport', 'sap/ui/
 	 * TextField Renderer
 	 * @namespace
 	 * @author SAP
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 * @since 0.9.0
 	 */
 	var TextFieldRenderer = {};

package/src/sap/ui/commons/TextView.js

@@ -39,7 +39,7 @@ sap.ui.define([
 	 * @implements sap.ui.commons.ToolbarItem, sap.ui.core.IFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/Title.js

@@ -22,7 +22,7 @@ sap.ui.define(['./library', 'sap/ui/core/Title'],
 	 * @extends sap.ui.core.Title
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/ToggleButton.js

@@ -22,7 +22,7 @@ sap.ui.define(['./Button', './ToggleButtonRenderer'],
 	 * @extends sap.ui.commons.Button
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/Toolbar.js

@@ -51,7 +51,7 @@ sap.ui.define([
 		 * @implements sap.ui.core.Toolbar
 		 *
 		 * @author SAP SE
-		 * @version 1.145.0
+		 * @version 1.146.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/ui/commons/ToolbarSeparator.js

@@ -23,7 +23,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 	 * @implements sap.ui.commons.ToolbarItem
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/Tree.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @class
 	 * Simple tree to display item in a hierarchical way
 	 * @extends sap.ui.core.Control
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/TreeNode.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/thirdparty/jquery', './library', 'sap/ui/core/CustomStyle
 	 * @class
 	 * Tree node element
 	 * @extends sap.ui.core.Element
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/TriStateCheckBox.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * TriStateCheckBox to reflect mixed state for checkboxes. The control can display three states, namely checked, unchecked and mixed. However, mixed state cannot be directly reached by user interaction on the particular control.
 	 * It can be only set by the control's public toggle function, to make a behaviour possible which is e.g. required in checkbox trees.
 	 * @extends sap.ui.core.Control
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/ValueHelpField.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.commons.TextField
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/form/Form.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.form.Form
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/form/FormContainer.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/commons/library', 'sap/ui/layout/form/FormContainer'],
 	 * @extends sap.ui.layout.form.FormContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/form/FormElement.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/commons/library', 'sap/ui/layout/form/FormElement'],
 	 * @extends sap.ui.layout.form.FormElement
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/form/FormLayout.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.form.FormLayout
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/form/GridContainerData.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/commons/library', 'sap/ui/layout/form/GridContainerData']
 	 * @extends sap.ui.layout.form.GridContainerData
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/form/GridElementData.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/commons/library', 'sap/ui/layout/form/GridElementData'],
 	 * @extends sap.ui.layout.form.GridElementData
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/form/GridLayout.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.form.GridLayout
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/form/ResponsiveLayout.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.form.ResponsiveLayout
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/form/SimpleForm.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @class
 	 * Use the SimpleForm to create a form based on title, label and fields that are stacked in the content aggregation. Add Title to start a new FormContainer(Group). Add Label to start a new row in the container. Add Input/Display controls as needed. Use LayoutData to influence the layout for special cases in the Input/Display controls.
 	 * @extends sap.ui.layout.form.SimpleForm
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/AbsoluteLayout.js

@@ -35,7 +35,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/BorderLayout.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/BorderLayoutArea.js

@@ -27,7 +27,7 @@ sap.ui.define(['sap/ui/commons/library', 'sap/ui/core/CustomStyleClassSupport',
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/HorizontalLayout.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.HorizontalLayout
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/MatrixLayout.js

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/MatrixLayoutCell.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/commons/library', 'sap/ui/core/CustomStyleClassSupport',
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/MatrixLayoutRow.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/commons/library', 'sap/ui/core/CustomStyleClassSupport',
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/PositionContainer.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/base/Log', 'sap/ui/commons/library', 'sap/ui/core/Element',
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/ResponsiveFlowLayout.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.ResponsiveFlowLayout
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/ResponsiveFlowLayoutData.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/commons/library', 'sap/ui/layout/ResponsiveFlowLayoutData
 	 * @extends sap.ui.layout.ResponsiveFlowLayoutData
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/layout/VerticalLayout.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.VerticalLayout
 	 *
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/commons/library.js

@@ -22,14 +22,14 @@ sap.ui.define(['sap/ui/base/DataType', 'sap/base/util/ObjectPath',
 	 * @namespace
 	 * @alias sap.ui.commons
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 * @since 0.8
 	 * @public
 	 * @deprecated as of version 1.38
 	 */
 	var thisLib = sap.ui.getCore().initLibrary({
 		name : "sap.ui.commons",
-		version: "1.145.0",
+		version: "1.146.0",
 		dependencies : ["sap.ui.core","sap.ui.layout","sap.ui.unified"],
 		types: [
 			"sap.ui.commons.ButtonStyle",

package/src/sap/ui/commons/themes/base/ApplicationHeader.less

@@ -1,45 +1,46 @@
-/* ======================================================== */
-/* CSS for control sap.ui.commons/ApplicationHeader.control */
-/* ======================================================== */
+/* ================================================= */
+/* CSS for control sap.ui.commons/ApplicationHeader  */
+/* Base theme                                        */
+/* ================================================= */
 
-.sapUiAppHdr{
-	background-color:@sapUiExtraLightBG;
-	background-repeat:repeat-x;
-	color: @sapUiBaseText;
-	display:inline-block;
-	overflow:hidden;
-	width:100%;
-	white-space:nowrap;
+.sapUiAppHdr {
+	background-color: var(--sapBackgroundColor);
+	background-repeat: repeat-x;
+	color: var(--sapTextColor);
+	display: inline-block;
+	overflow: hidden;
+	width: 100%;
+	white-space: nowrap;
 }
 
-.sapUiAppHdrLogo{
+.sapUiAppHdrLogo {
 	display: inline-block;
-	overflow:hidden;
-	position:relative;
+	overflow: hidden;
+	position: relative;
 	vertical-align: middle;
 	white-space: nowrap;
 }
 
-.sapUiAppHdrWelcomeLogoffArea{
-	display:inline-block;
-	float:right;
-	margin-top:5px;
-	margin-bottom:3px;
-	text-align:right;
+.sapUiAppHdrWelcomeLogoffArea {
+	display: inline-block;
+	float: right;
+	margin-top: 5px;
+	margin-bottom: 3px;
+	text-align: right;
 	vertical-align: bottom;
-	white-space:nowrap;
+	white-space: nowrap;
 }
 
-.sapUiAppHdr .sapUiTv{
-	font-family:arial;
-	font-size:16px;
-	font-weight:bold;
-	line-height:23px;
-	padding-right:5px;
+.sapUiAppHdr .sapUiTv {
+	font-family: arial;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 23px;
+	padding-right: 5px;
 	vertical-align: middle;
 }
 
-.sapUiAppHdr .sapUiImg{
-	padding-left:5px;
+.sapUiAppHdr .sapUiImg {
+	padding-left: 5px;
 	vertical-align: middle;
 }

package/src/sap/ui/commons/themes/base/CheckBox.less

@@ -1,3 +1,8 @@
+/* ======================================== */
+/* CSS for control sap.ui.commons/CheckBox  */
+/* Base theme                               */
+/* ======================================== */
+
 .sapUiCb {
 	vertical-align: top;
 	line-height: @sapUiLineHeight;
@@ -14,7 +19,7 @@
 
 /* Do not invert for table */
 .sapUiInverted-CTX .sapUiTable .sapUiCb {
-	color: @sapUiBaseText;
+	color: var(--sapTextColor);
 }
 
 .sapUiCb > label {
@@ -27,28 +32,11 @@
 }
 
 .sapUiCbDis > label {
-	color: @sapUiContentDisabledTextColor;
+	color: var(--sapContent_DisabledTextColor);
 }
 
 /* make outline on control borders because otherwise it is cut in layout containers using overflow: hidden */
-.sapUiCb:focus{
+.sapUiCb:focus {
 	outline: 1px dotted @sapUiBaseBorder;
 	outline-offset: -1px;
-}
-
-html[data-sap-ui-browser^="ie"] .sapUiCb:focus{
-	outline: none;
-	position: relative; /* otherwise the Border is not displayed */
-}
-
-html[data-sap-ui-browser^="ie"] .sapUiCb:focus:after {
-	content: "";
-	position: absolute;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	display: block;
-	border: 1px dotted @sapUiBaseBorder;
-	pointer-events: none;
 }

package/src/sap/ui/commons/themes/base/ComboBox.less

@@ -1,6 +1,7 @@
-/* =============================================== */
-/* CSS for control sap.ui.commons/ComboBox.control */
-/* =============================================== */
+/* ======================================== */
+/* CSS for control sap.ui.commons/ComboBox  */
+/* Base theme                               */
+/* ======================================== */
 
 .sapUiTfCombo {
 	box-sizing: border-box;
@@ -12,7 +13,7 @@
 	outline: none;
 }
 
-.sapUiTfCombo > select{
+.sapUiTfCombo > select {
 	background-color: transparent;
 	height: 100%;
 	opacity: 0;
@@ -20,31 +21,31 @@
 	width: 100%;
 }
 
-.sapUiTfCombo > select + input{
+.sapUiTfCombo > select + input {
 	/*to put input field over select and make it focused on click*/
 	position: relative;
 }
 
-.sapUiTfCombo > input + select{ /* DropdownBox */
+.sapUiTfCombo > input + select { /* DropdownBox */
 	left: 0;
 }
 
-.sapUiTfComboIcon{
+.sapUiTfComboIcon {
 	right: 0;
 	overflow: visible;
 	display: inline;
 	position: absolute;
 	font-size: 0;
 	color: transparent;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 }
 
-.sapUiTfStd > .sapUiTfComboIcon{
+.sapUiTfStd > .sapUiTfComboIcon {
 	cursor: pointer;
 }
 
-.sapUiComboPopup>* {
+.sapUiComboPopup > * {
 	visibility: hidden;
 	/* initially hidden off the screen */
 	position: absolute;

package/src/sap/ui/commons/themes/base/DatePicker.less

@@ -1,17 +1,17 @@
-/* ============================================= */
-/* CSS for control commons/DatePicker.control    */
-/* ============================================= */
-/****************************************************************/
-/*                       Base DATEPICKER                        */
-/****************************************************************/
+/* =================================== */
+/* CSS for control commons/DatePicker  */
+/* Base theme                          */
+/* =================================== */
+
+/* Base DATEPICKER */
 
 /* calendar icon */
 .sapUiTfCombo > .sapUiTfDateIcon {
-	background-image: url(img/datepicker/icon_cal.png);
+	background-image: url('img/datepicker/icon_cal.png');
 	background-repeat: no-repeat;
 	background-position: center;
 	background-color: transparent;
-	border-width: 0 0 0 1px;  /* Placeholder for active and hover */
+	border-width: 0 0 0 1px; /* Placeholder for active and hover */
 	border-style: solid;
 	border-color: transparent;
 	display: inline;
@@ -20,27 +20,25 @@
 	right: 0;
 }
 
-.sapUiTfStd > .sapUiTfDateIcon{
+.sapUiTfStd > .sapUiTfDateIcon {
 	cursor: pointer;
 }
 
 /* Disabled icon */
 .sapUiTfCombo.sapUiTfDsbl > .sapUiTfDateIcon {
-	background-image: url(img/datepicker/icon_cal_disabled.png);
+	background-image: url('img/datepicker/icon_cal_disabled.png');
 }
 
 .sapUiTableCellEdit .sapUiTfStd > .sapUiTfDateIcon:hover,
 .sapUiTableCellEdit .sapUiTfFoc > .sapUiTfDateIcon {
 	background-color: @sapUiWhiteBG;
-	background-image: url(img/datepicker/icon_cal.png), -moz-linear-gradient(top, @sapUiWhiteBG, @sapUiWhiteBG);
-	background-image: url(img/datepicker/icon_cal.png), -webkit-gradient(linear, left top, left bottom, from(@sapUiWhiteBG), to(@sapUiWhiteBG));
-	border-width: 0px;
+	background-image: url('img/datepicker/icon_cal.png');
+	border-width: 0;
 }
 
 .sapUiTableCellEdit .sapUiTfStd > .sapUiTfDateIcon:active,
 .sapUiTableCellEdit .sapUiTfFoc > .sapUiTfDateIcon:active {
 	background-color: @sapUiWhiteBG;
-	background-image: url(img/datepicker/icon_cal.png), -moz-linear-gradient(top, @sapUiWhiteBG, @sapUiWhiteBG 0px, @sapUiWhiteBG 13px, @sapUiWhiteBG 16px, @sapUiWhiteBG);
-	background-image: url(img/datepicker/icon_cal.png), -webkit-gradient(linear, left top, left bottom, from(@sapUiWhiteBG), color-stop(0.05, @sapUiWhiteBG), color-stop(0.75, @sapUiWhiteBG), color-stop(0.95, @sapUiWhiteBG),  to(@sapUiWhiteBG));
-	border-width: 0px;
+	background-image: url('img/datepicker/icon_cal.png');
+	border-width: 0;
 }