@sapui5/sap.me 1.99.1 → 1.102.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapui5/sap.me",
-  "version": "1.99.1",
+  "version": "1.102.0",
   "description": "SAPUI5 Library sap.me",
   "homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
   "author": "SAP SE (https://www.sap.com)",

package/src/sap/me/.library

@@ -5,7 +5,7 @@
     <vendor>SAP SE</vendor>
     <copyright>SAPUI5
  * (c) Copyright 2009-2022 SAP SE. All rights reserved.</copyright>
-    <version>1.99.1</version>
+    <version>1.102.0</version>
 
     <documentation>SAPUI5 library with controls specialized for mobile devices (extension).</documentation>
 

package/src/sap/me/CalendarLegendRenderer.js

@@ -10,8 +10,8 @@ sap.ui.define([],
 
 
 	/**
-	 * @class CalendarLegend renderer.
-	 * @static
+	 * CalendarLegend renderer.
+	 * @namespace
 	 */
 	var CalendarLegendRenderer = {
 	};

package/src/sap/me/CalendarRenderer.js

@@ -9,8 +9,8 @@ sap.ui.define(['./CalendarDate', 'sap/ui/core/LocaleData', 'sap/ui/core/format/D
 
 
 	/**
-	 * @class Calendar renderer.
-	 * @static
+	 * Calendar renderer.
+	 * @namespace
 	 */
 	var CalendarRenderer = {
 	};

package/src/sap/me/OverlapCalendarRenderer.js

@@ -9,8 +9,8 @@ sap.ui.define([],
 
 
 	/**
-	 * @class OverlapCalendar renderer.
-	 * @static
+	 * OverlapCalendar renderer.
+	 * @namespace
 	 */
 	var OverlapCalendarRenderer = {};
 

package/src/sap/me/ProgressIndicatorRenderer.js

@@ -10,8 +10,8 @@ sap.ui.define(['sap/base/util/Version', 'sap/base/Log', 'sap/base/security/encod
 
 
 	/**
-	 * @class ProgressIndicator renderer.
-	 * @static
+	 * ProgressIndicator renderer.
+	 * @namespace
 	 */
 	var ProgressIndicatorRenderer = {
 	};

package/src/sap/me/TabContainerRenderer.js

@@ -9,8 +9,8 @@ sap.ui.define(['sap/base/util/Version', 'sap/base/Log'],
 
 
 	/**
-	 * @class TabContainer renderer.
-	 * @static
+	 * TabContainer renderer.
+	 * @namespace
 	 */
 	var TabContainerRenderer = {};
 

package/src/sap/me/library.js

@@ -14,16 +14,13 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/core/library'],
 	 * SAPUI5 library with controls specialized for mobile devices (extension).
 	 *
 	 * @namespace
-	 * @name sap.me
+	 * @alias sap.me
 	 * @public
 	 * @deprecated as of version 1.34
 	 */
-
-
-	// delegate further initialization of this library to the Core
-	sap.ui.getCore().initLibrary({
+	var thisLib = sap.ui.getCore().initLibrary({
 		name : "sap.me",
-		version: "1.99.1",
+		version: "1.102.0",
 		dependencies : ["sap.ui.core"],
 		types: [
 			"sap.me.CalendarDesign",
@@ -53,7 +50,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/core/library'],
 	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 	 * @deprecated as of version 1.34
 	 */
-	sap.me.CalendarDesign = {
+	thisLib.CalendarDesign = {
 
 		/**
 		 * Colors match calendar design for Action
@@ -79,7 +76,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/core/library'],
 	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 	 * @deprecated as of version 1.34
 	 */
-	sap.me.CalendarEventType = {
+	thisLib.CalendarEventType = {
 
 		/**
 		 * Type 00 (non-working day (e.g. weekend))
@@ -129,7 +126,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/core/library'],
 	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
 	 * @deprecated as of version 1.34
 	 */
-	sap.me.CalendarSelectionMode = {
+	thisLib.CalendarSelectionMode = {
 
 		/**
 		 * Can only select one date
@@ -151,6 +148,6 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/core/library'],
 
 	};
 
-	return sap.me;
+	return thisLib;
 
 }, /* bExport= */ true);

package/src/sap/me/themes/sap_horizon_dark/Calendar.less

@@ -0,0 +1,291 @@
+/* ================================ */
+/* CSS for control sap.me/Calendar  */
+/* Evening Horizon theme            */
+/* ================================ */
+
+.sapMeCalendar {
+	background-color: @sapUiBaseBG;
+}
+
+.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthName {
+	height: 3rem;
+	line-height: 3rem;
+	padding: 0;
+	font-family: @sapUiFontFamily;
+	font-size: 1rem;
+	color: @sapUiLink;
+}
+
+.sapMeCalendar > .sapMBtn > .sapMBtnContent {
+	font-size: 0;
+}
+
+.sapMeCalendar > .sapMeCalendarMonthNotSingle > div.sapMeCalendarMonthDayNames,
+.sapMeCalendar > .sapMeCalendarMonthNotSingle > div.sapMeCalendarMonthDays {
+	margin-left: 0.5rem;
+	margin-right: 0.5rem;
+}
+
+.sapMeCalendar > .sapMeCalendarPrevious {
+	font-size: 1.375rem;
+	color: @sapUiContentIconColor;
+	width: 3rem;
+	height: 3rem;
+	line-height: 3rem;
+}
+
+.sapMeCalendar > .sapMeCalendarNext {
+	font-size: 1.375rem;
+	color: @sapUiContentIconColor;
+	width: 3rem;
+	height: 3rem;
+	line-height: 3rem;
+}
+
+.sapMeCalendar > .sapMeCalendarPrevious:active {
+	background: @sapUiHighlight;
+	color: @sapUiContentContrastTextColor;
+}
+
+.sapMeCalendar > .sapMeCalendarNext:active {
+	background: @sapUiHighlight;
+	color: @sapUiContentContrastTextColor;
+}
+
+.sapMeCalendar > .sapMeCalendarMonth > div > .sapMeCalendarMonthDay {
+	font-family: @sapUiFontFamily;
+	font-size: 0.625rem;
+	color: @sapUiBaseText;
+	text-transform: uppercase;
+}
+
+.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDayNames {
+	font-size: 0;
+	height: 15px;
+}
+
+.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDayNames {
+	margin-top: 1rem;
+}
+
+.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDays {
+	margin-bottom: 1rem;
+}
+
+.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth).sapMeCalendarDayNow:before {
+	content: "";
+	position: absolute;
+	top: -0.063rem;
+	right: 0;
+	bottom: 0;
+	left: -0.063rem;
+}
+
+.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay {
+	border: none;
+	font-family: @sapUiFontFamily;
+	font-size: 1.125rem;
+	padding: 0.688rem 0;
+	position: relative;
+}
+
+.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNow:before {
+	content: "";
+	position: absolute;
+	top: -0.063rem;
+	right: 0;
+	bottom: 0;
+	left: -0.063rem;
+}
+
+/*
+Design specific
+
+*/
+/*
+Approval colors
+*/
+/* Normal day */
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay {
+	border-bottom: 0.063rem solid @sapUiGroupContentBackground;
+	border-left: 0.063rem solid @sapUiGroupContentBackground;
+	color: @sapUiBaseText;
+	background: lighten(@sapUiContentForegroundColor,5);
+	vertical-align: top;
+}
+
+
+
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay:hover {
+	background: darken(@sapUiContentForegroundColor,5);
+}
+
+/* Not In Month */
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNotInCurrentMonth {
+	background: none;
+}
+/* Today */
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNow:not(.sapMeCalendarDayNotInCurrentMonth) {
+	color: @sapUiBaseText;
+}
+
+/* Today */
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNow:before {
+	border: 0.125rem solid @sapUiAccent4;
+}
+
+/* Today not in month*/
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNow:before.sapMeCalendarDayNotInCurrentMonth {
+	border: none;
+}
+
+/* Weekend (00) */
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarWeekendDay {
+	background: @sapUiContentForegroundColor;
+}
+
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarWeekendDay:hover {
+	background: darken(@sapUiContentForegroundColor,10);
+}
+
+/* Weekend (00) not in current month */
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNotInCurrentMonth,
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarWeekendDay.sapMeCalendarDayNotInCurrentMonth {
+	color: @sapUiGroupContentBorderColor;
+	background: none;
+}
+
+
+/* Selected */
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth) {
+	background: @sapUiSelected;
+	color: @sapUiContentContrastTextColor;
+}
+
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth):hover {
+	background: darken(@sapUiSelected,10);
+}
+
+/* 00 Selected */
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarWeekDay6.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth,.sapMeCalendarType10),
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarWeekDay0.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth,.sapMeCalendarType10) {
+	background: @sapUiSelected;
+}
+
+/* Types */
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType00 {
+	background: @sapUiListTableGroupHeaderBorderColor;
+}
+
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth).sapMeCalendarType00 {
+	background: @sapUiGroupTitleBorderColor;
+}
+
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType01 {
+	background-color: mix(@sapUiHighlight, #fff, 15);
+}
+
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType04 {
+	background-color: mix(@sapUiHighlight, #fff, 15);
+	background-image: url(img/bg_white_transparent.png);
+}
+
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType06 {
+	background-color: mix(@sapUiAccent1, #fff, 35);
+}
+
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType07 {
+	background-color: mix(@sapUiAccent3, #fff, 10);
+	background-image: url(img/bg_white_transparent.png);
+}
+
+/* Type 10 to force to be displayed as working day */
+.sapMeCalendarApproval > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType10 {
+	background: lighten(@sapUiContentForegroundColor,5);
+}
+
+/*
+Action colors
+*/
+/* Normal day */
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay {
+	border-bottom: 0.063rem solid @sapUiGroupContentBackground;
+	border-left: 0.063rem solid @sapUiGroupContentBackground;
+	color: @sapUiBaseText;
+	background: lighten(@sapUiContentForegroundColor,5);
+	vertical-align: top;
+}
+
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay:hover {
+	background: darken(@sapUiContentForegroundColor,5);
+}
+
+/* Not In Month */
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNotInCurrentMonth {
+	background: none;
+}
+
+/* Today */
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNow:not(.sapMeCalendarDayNotInCurrentMonth) {
+	font-weight: bolder;
+	font-size: 1.25rem;
+	color: @sapUiHighlight;
+}
+
+/* Today not in month*/
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNow:before.sapMeCalendarDayNotInCurrentMonth {
+	border: none;
+}
+
+/* Weekend (00) */
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarWeekendDay {
+	background: @sapUiContentForegroundColor;
+}
+
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarWeekendDay {
+	background: darken(@sapUiContentForegroundColor,10);
+}
+
+/* Weekend (00) not in current month */
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNotInCurrentMonth,
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarWeekendDay.sapMeCalendarDayNotInCurrentMonth {
+	color: @sapUiGroupContentBorderColor;
+	background: none;
+}
+
+/* Selected */
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth) {
+	border: .125rem solid @sapUiHighlight;
+}
+
+/* Types */
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType00 {
+	background: @sapUiListTableGroupHeaderBorderColor;
+}
+
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth).sapMeCalendarType00 {
+	background: @sapUiSelected;
+}
+
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType01 {
+	background-color: mix(@sapUiAccent6, #fff, 20);
+}
+
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType04 {
+	background-color: mix(@sapUiAccent6, #fff, 20);
+	background-image: url(img/bg_white_transparent.png);
+}
+
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType06 {
+	background-color: mix(@sapUiAccent1, #fff, 35);
+}
+
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType07 {
+	background-color: mix(@sapUiAccent3, #fff, 20);
+	background-image: url(img/bg_white_transparent.png);
+}
+
+/* Type 10 to force to be displayed as working day */
+.sapMeCalendarAction > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType10 {
+	background: lighten(@sapUiContentForegroundColor,5);
+}

package/src/sap/me/themes/sap_horizon_dark/CalendarLegend.less

@@ -0,0 +1,98 @@
+/* ====================================== */
+/* CSS for control sap.me/CalendarLegend  */
+/* Evening Horizon theme                  */
+/* ====================================== */
+
+.sapUIMeLegendOuterContainer {
+	background-color: @sapUiGlobalBackgroundColor;
+}
+
+/* Approval Design*/
+.sapMeCalendarLegendApproval .sapUIMeLegendColorForType00 {
+	background-color: @sapUiListTableGroupHeaderBorderColor;
+}
+
+.sapMeCalendarLegendApproval .sapUIMeLegendColorForType01 {
+	background-color: mix(@sapUiAccent6, #fff, 20);
+}
+
+.sapMeCalendarLegendApproval .sapUIMeLegendColorForType04 {
+	background-color: mix(@sapUiHighlight, #fff, 15);
+	background-image: url(img/bg_white_transparent.png);
+}
+
+.sapMeCalendarLegendApproval .sapUIMeLegendColorForType06 {
+	background-color: mix(@sapUiAccent1, #fff, 35);
+}
+
+.sapMeCalendarLegendApproval .sapUIMeLegendColorForType07 {
+	background-color: mix(@sapUiAccent3, #fff, 10);
+	background-image: url(img/bg_white_transparent.png);
+}
+
+.sapMeCalendarLegendApproval .sapUIMeLegendColorForToday {
+	border: .125rem solid @sapUiAccent4;
+	width: 0.875rem;
+	height: 0.875rem;
+}
+
+.sapMeCalendarLegendApproval .sapUIMeLegendColorForSelected {
+	background-color: @sapUiHighlight;
+}
+
+.sapMeCalendarLegendApproval .sapUIMeLegendColorForSelected00 {
+	background-color: @sapUiGroupTitleBorderColor;
+}
+
+.sapMeCalendarLegendApproval .sapUIMeLegendColorForNormal {
+	background-color: @sapUiListTableGroupHeaderBackground;
+}
+
+/* Action Design*/
+.sapMeCalendarLegendAction .sapUIMeLegendColorForType00 {
+	background-color: @sapUiListTableGroupHeaderBorderColor;
+}
+
+.sapMeCalendarLegendAction .sapUIMeLegendColorForType01 {
+	background-color: mix(@sapUiAccent6, #fff, 20);
+}
+
+.sapMeCalendarLegendAction .sapUIMeLegendColorForType04 {
+	background-color: mix(@sapUiAccent6, #fff, 20);
+	background-image: url(img/bg_white_transparent.png);
+}
+
+.sapMeCalendarLegendAction .sapUIMeLegendColorForType06 {
+	background-color: mix(@sapUiAccent1, #fff, 35);
+}
+
+.sapMeCalendarLegendAction .sapUIMeLegendColorForType07 {
+	background-color: mix(@sapUiAccent3, #fff, 20);
+	background-image: url(img/bg_white_transparent.png);
+}
+
+.sapMeCalendarLegendAction .sapUIMeLegendColorForToday {
+	border: .125rem solid @sapUiAccent4;
+	width: 0.875rem;
+	height: 0.875rem;
+}
+
+.sapMeCalendarLegendAction .sapUIMeLegendColorForSelected {
+	background-color: @sapUiHighlight;
+}
+
+.sapMeCalendarLegendAction .sapUIMeLegendColorForSelected00 {
+	background-color: @sapUiGroupTitleBorderColor;
+}
+
+.sapMeCalendarLegendAction .sapUIMeLegendColorForNormal {
+	background-color: @sapUiListTableGroupHeaderBackground;
+}
+
+.sapUIMeLegendIcon {
+	background-color: none;
+}
+
+.sapUIMeLegendArrow {
+	font-color: @sapUiBaseText;
+}