@openui5/sap.ui.mdc 1.96.5 → 1.99.0

package/src/sap/ui/mdc/themes/base/TokenizerDisplay.less

@@ -0,0 +1,90 @@
+
+html.sap-desktop .sapUiMdcTokenizerDisplay.sapMTokenizer {
+	outline: none; // hide focus of the tokenizer
+	padding-left: 0px; // remove left padding of Tokenizer for Display mode
+
+	padding-top: 0rem;
+	padding-bottom: 0rem;
+}
+
+@mdctokenizer-large-line-height: 1.375rem;
+@mdctokenizer-small-line-height: 1rem;
+@mdctokenizer-large-padding-topbottom: 0.6875rem;
+@mdctokenizer-small-padding-topbottom: 0.3125rem;
+
+// show a focus around the more link
+.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
+	outline: @sapUiContentFocusWidth dotted @sapUiContentFocusColor;
+	outline-offset: -1px;
+	text-decoration: underline;
+}
+
+.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:hover {
+	text-decoration: underline;
+}
+
+.sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMTokenizerIndicator,
+.sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
+	line-height: @mdctokenizer-large-line-height;
+}
+
+.sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
+	text-decoration: underline;
+}
+
+.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator {
+	line-height: @mdctokenizer-small-line-height;
+}
+
+
+
+
+// hide emptyIndicator for TokenizerDisplay
+.sapUiMdcTokenizerDisplay .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
+	display: none;
+}
+
+// show emptyIndicator for TokenizerDisplay
+.sapMShowEmpty-CTX .sapUiMdcTokenizerDisplay .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
+	line-height: @mdctokenizer-small-line-height;
+	font-size: @sapMFontMediumSize;
+	display: inline-block;
+}
+
+.sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
+	line-height: @mdctokenizer-large-line-height;
+}
+
+.sapUiSizeCozy .sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
+	padding-top: @mdctokenizer-large-padding-topbottom;
+	padding-bottom: @mdctokenizer-large-padding-topbottom;
+}
+
+.sapUiSizeCompact .sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
+	padding-top: @mdctokenizer-small-padding-topbottom;
+	padding-bottom: @mdctokenizer-small-padding-topbottom;
+}
+
+
+
+
+// enable mouse selection on scrollcontainer
+.sapUiMdcTokenizerDisplay .sapMTokenizerScrollContainer {
+	-moz-user-select: text;
+	-webkit-user-select: text;
+
+	// give the scrollcontainer the required top/bottom paddings so that is works like a text control
+	padding-top: 0rem;
+	padding-bottom: 0rem;
+}
+
+.sapUiSizeCozy .sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMTokenizerScrollContainer {
+	// give the scrollcontainer the required top/bottom paddings so that is works like a text control
+	padding-top: @mdctokenizer-large-padding-topbottom;
+	padding-bottom: @mdctokenizer-large-padding-topbottom;
+}
+
+.sapUiSizeCompact .sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMTokenizerScrollContainer {
+	padding-top: @mdctokenizer-small-padding-topbottom;
+	padding-bottom: @mdctokenizer-small-padding-topbottom;
+}

package/src/sap/ui/mdc/themes/base/ValueHelpDialog.less

@@ -19,7 +19,7 @@
 }
 
 .sapMdcValueHelpPanel .sapMPanel.sapMdcTokenizerPanel {
-	background-color: @sapUiBaseBG;
+    background-color: @sapUiBaseBG;
 }
 
 .sapMdcTablePanel > .sapMPanelHdr,
@@ -36,7 +36,13 @@
 
 // Tokenizer height in Compact mode
 .sapUiSizeCompact .sapMdcTokenizer > .sapMTokenizerScrollContainer {
-	height: 1.5rem;
+    margin-top: 0.25rem;
+	height: 1.3rem;
+}
+
+.sapUiSizeCompact .sapMdcTokenizer.sapMTokenizer .sapMToken {
+    margin-top: 0rem;
+    margin-bottom: 0rem;
 }
 
 // Tokenizer height in Cozy or Condenst mode
@@ -44,6 +50,11 @@
 	height: 2.25rem;
 }
 
+.sapMdcTokenizer.sapMTokenizer .sapMToken {
+    margin-top: 0.5rem;
+    margin-bottom: 0rem;
+}
+
 .sapMdcTokenizer > .sapMTokenizerScrollContainer {
 	overflow-y: hidden;
 }
@@ -122,7 +133,7 @@
 // spacing between rows
 .sapUiMdcDefineConditionPanel .sapUiRespGrid.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBreak:not(:first-child),
 .sapUiMdcDefineConditionPanel .sapUiRespGrid.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBreak:not(:first-child) + div {
-	padding-top: 0.5rem
+	padding-top: 0.5rem;
 }
 
 // align add-button to the right
@@ -160,7 +171,7 @@
 
 // makes the title of the used panels smaller
 .sapMdcValueHelpPanel .sapMPanel .sapMPanelHdr {
-	font-size: @sapMFontHeader5Size
+	font-size: @sapMFontHeader5Size;
 }
 
 // make the title shadows transparent

package/src/sap/ui/mdc/themes/base/library.source.less

@@ -19,3 +19,6 @@
 @import "GroupView.less";
 @import "Table.less";
 @import "CollectiveSearchSelect.less";
+@import "Chart.less";
+@import "TokenDisplay.less";
+@import "TokenizerDisplay.less";

package/src/sap/ui/mdc/ui/Container.js

@@ -22,12 +22,12 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @alias sap.ui.mdc.ui.Container
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 * @since 1.85.0
 	 *
 	 * @private

package/src/sap/ui/mdc/ui/ContainerItem.js

@@ -20,12 +20,12 @@ sap.ui.define(['sap/ui/core/Element'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @alias sap.ui.mdc.ui.ContainerItem
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 * @since 1.85.0
 	 *
 	 * @private

package/src/sap/ui/mdc/util/Common.js

@@ -23,4 +23,4 @@ sap.ui.define([], function() {
 
 	return Common;
 
-}, /* bExport= */true);
+});

package/src/sap/ui/mdc/util/DateUtil.js

@@ -180,4 +180,4 @@ sap.ui.define([
 		};
 
 		return DateUtil;
-	}, /* bExport= */ true);
+	});

package/src/sap/ui/mdc/util/FilterUtil.js

@@ -159,4 +159,4 @@ sap.ui.define(['sap/ui/mdc/util/IdentifierUtil', 'sap/ui/mdc/enum/ConditionValid
 		};
 
 		return FilterUtil;
-}, /* bExport= */true);
+});

package/src/sap/ui/mdc/util/FormatUtil.js

@@ -25,8 +25,8 @@ sap.ui.define([], function() {
 		 * Returns the width from the metadata attributes. min-width if there is no width specified
 		 *
 		 * @param {object} oProperyInfo - OData metadata for the table field
-		 * @param {Number} iMax - The max width (optional, default 20)
-		 * @param {Number} iMin - The min width (optional, default 3)
+		 * @param {number} iMax - The max width (optional, default 20)
+		 * @param {number} iMin - The min width (optional, default 3)
 		 * @returns {string} - width of the property in em
 		 * @private
 		 */
@@ -79,4 +79,4 @@ sap.ui.define([], function() {
 
 	return FormatUtil;
 
-}, /* bExport= */true);
+});

package/src/sap/ui/mdc/util/IdentifierUtil.js

@@ -24,8 +24,8 @@ sap.ui.define(['sap/ui/base/DataType'], function(DataType) {
 		/**
 		 * Static function that replaces special characters with a underscore.<br>
 		 *
-		 * @param {String} sName - String whose special characters shall be replaced.
-		 * @returns {String} Cleaned up String
+		 * @param {string} sName - String whose special characters shall be replaced.
+		 * @returns {string} Cleaned up String
 		 * @protected
 		 */
 		replace: function(sName) {
@@ -44,8 +44,8 @@ sap.ui.define(['sap/ui/base/DataType'], function(DataType) {
 		 * Static function that creates the id for a FilterField, dependant on the FilterBar control<br>
 		 *
 		 * @param {sap.ui.mdc.FilterBar} oFilterBar - based on it, the id will be determined
-		 * @param {String} sKey - the property path/name
-		 * @returns {String} the calculated id
+		 * @param {string} sKey - the property path/name
+		 * @returns {string} the calculated id
 		 * @protected
 		 */
 		getFilterFieldId : function(oFilterBar, sKey) {
@@ -56,7 +56,7 @@ sap.ui.define(['sap/ui/base/DataType'], function(DataType) {
 		 * Static function that determines the key of the property<br>
 		 *
 		 * @param {Object} oProperty - contains the meta dada
-		 * @returns {String} the key of the property path/name
+		 * @returns {string} the key of the property path/name
 		 * @protected
 		 */
 		getPropertyKey:  function(oProperty) {
@@ -90,4 +90,4 @@ sap.ui.define(['sap/ui/base/DataType'], function(DataType) {
 		}
 	};
 	return IdentifierUtil;
-}, /* bExport= */true);
+});

package/src/sap/ui/mdc/util/PromiseCache.js

@@ -44,7 +44,7 @@ sap.ui.define(
 		 * Destroying the cache will cancel all registered promises and delete references. Convenience methods for promise creation, wrapping and replacement are offered.
 		 *
 		 * @author SAP SE
-		 * @version 1.96.5
+		 * @version 1.99.0
 		 * @alias sap.ui.mdc.util.PromiseCache
 		 * @namespace
 		 * @since 1.85.0