@sapui5/sap.ui.vbm 1.124.0 → 1.126.0

package/src/sap/ui/vbm/themes/sap_belize_base/Viewport.less

@@ -0,0 +1,17 @@
+.sapUiVbmViewport {
+	padding: 0;
+	margin: 0;
+	outline-offset: -1px;
+	min-width: 100px;
+	touch-action: none;
+	-ms-touch-action: none;
+	overflow: hidden;
+
+	canvas {
+		display: block;
+		padding: 0;
+		margin: 0;
+		width: 100%;
+		height: 100%;
+	}
+}

package/src/sap/ui/vbm/themes/sap_belize_base/library.source.less

@@ -0,0 +1,18 @@
+/*
+ * SAP UI development toolkit for HTML5 (SAPUI5) (c) Copyright 2009-2012 SAP AG. All rights reserved
+ */
+@import "../../../../../sap/ui/core/themes/base/base.less";
+@import "../../../../../sap/ui/core/themes/base/global.less";
+@import "shared.less";
+
+@import "AnalyticMap.less";
+@import "Cluster.less";
+@import "GeoMap.less";
+@import "VBI.less";
+@import "Viewport.less";
+@import "DetailWindow.less";
+@import "ContainerLegendItem.less";
+@import "ContainerBase.less";
+@import "ListPanel.less";
+@import "ListPanelStack.less";
+@import "MapContainer.less";

package/src/sap/ui/vbm/themes/sap_belize_base/shared.less

@@ -0,0 +1,9 @@
+/* This CSS shares it rules with all other LESS of this library */
+@_sap_ui_vbm_shared_ChoroplethRegionBG : rgb(213,218,221);
+@_sap_ui_vbm_shared_ChoroplethRegionBorder : rgb(255,255,255);
+@_sap_ui_vbm_shared_ChartDataPointBorderHoverSelectedColor : #676767 ;
+@_sap_ui_vbm_shared_ChartDataPointNotSelectedBackgroundOpacity : 0.6 ;
+@_sap_ui_vbm_shared_ChartBad :   rgb(211, 32, 48) ;
+@_sap_ui_vbm_shared_ChartCritical :  rgb(225, 123, 36) ;
+@_sap_ui_vbm_shared_ChartGood  : rgb(97, 166, 86) ;
+@_sap_ui_vbm_shared_ChartNeutral :   rgb(132, 143, 148) ;

package/src/sap/ui/vbm/themes/sap_belize_hcb/library.source.less

@@ -2,7 +2,16 @@
  * SAP UI development toolkit for HTML5 (SAPUI5) (c) Copyright 2009-2012 SAP AG. All rights reserved
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcb/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcb/global.less";
 

package/src/sap/ui/vbm/themes/sap_belize_hcw/library.source.less

@@ -2,6 +2,15 @@
  * SAP UI development toolkit for HTML5 (SAPUI5) (c) Copyright 2009-2012 SAP AG. All rights reserved
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcw/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";

package/src/sap/ui/vbm/themes/sap_hcb/base_AnalyticMap.less

@@ -0,0 +1,8 @@
+
+/* =============================================== */
+/* CSS for control sap.ui.vbm/AnalyticMap.control */
+/* =============================================== */
+
+.sapUiVbmAnalyticMap {
+	/* placeholder class for theming */
+}

package/src/sap/ui/vbm/themes/sap_hcb/base_Cluster.less

@@ -0,0 +1,136 @@
+
+/*...........................................................................*/
+/* LESS for control sap.ui.vbm/Cluster.control...............................*/
+/*...........................................................................*/
+
+
+/* main cluster container style..................................................*/
+.sapUiVbicluster-main {
+	height: 100%;
+  	-webkit-user-select: none;
+  	-moz-user-select: none;
+  	-ms-user-select: none;
+  	user-select: none;
+  	z-index: 0;
+  	cursor: pointer; 
+}
+
+
+.sapUiVbicluster-backgroundcircle{
+	position: relative;
+	padding: 0.0625rem;
+	width: 3.625rem;
+	height: 3.625rem;
+	box-sizing: border-box;
+	border-radius: 1.8125rem;
+	background-color: rgba(255,255,255,0.25);
+	border-style: solid;
+	border-width: 0.5rem;
+	
+}
+
+.sapUiVbicluster-innercircle{
+	width: 2.5rem;
+	height: 2.5rem;
+	border-radius: 1.25rem;
+	border-width: 0.125rem;
+	box-sizing: border-box;
+	border-style: solid;
+	line-height: 2.25rem;
+}
+
+.sapUiVbicluster-background-error{
+	background-color: rgba(211, 32, 48, 1.0);
+	border-color: rgba(211, 32, 48, 1.0);
+}
+
+.sapUiVbicluster-border-error{
+	border-color: rgba(211, 32, 48, 0.5);
+}
+
+.sapUiVbicluster-background-warning{
+	background-color: rgba(225, 123, 36, 1.0);
+	border-color: rgba(225, 123, 36, 1.0);
+}
+
+.sapUiVbicluster-border-warning{
+	border-color: rgba(225, 123, 36, 0.5);
+}
+
+.sapUiVbicluster-inner-light{
+	background-color: rgba(255, 255, 255, 0.8);
+	
+	
+}
+
+.sapUiVbicluster-background-success{
+	border-color: rgba(77, 132, 69, 0.5);
+}
+
+.sapUiVbicluster-border-success{
+	border-color: rgba(77, 132, 69, 0.5);
+}
+
+.sapUiVbicluster-background-default{
+	border-color: rgba(94, 105, 110, 0.5);
+}
+.sapUiVbicluster-border-default{
+	border-color: rgba(94, 105, 110, 0.5);
+}
+
+.sapUiVbicluster-icon{
+	display:inline-block;
+	vertical-align: sub;
+	font-family: SAP-icons;
+	font-size: 1.375rem;
+}
+
+.sapUiVbicluster-iconSuccess{
+	color: rgba(77, 132, 69, 1.0);
+}
+
+.sapUiVbicluster-iconDefault{
+	color: rgba(94, 105, 110, 1.0);
+}
+
+.sapUiVbicluster-iconLight{
+	color: rgba(255, 255, 255, 1.0);
+}
+
+.sapUiVbicluster-textbox-success{
+	border-color: rgba(77, 132, 69, 1.0);
+}
+
+.sapUiVbicluster-textbox-warning{
+	border-color: rgba(225, 123, 36, 1.0);
+}
+
+.sapUiVbicluster-textbox-default{
+	border-color: rgba(94, 105, 110, 1.0);
+}
+
+.sapUiVbicluster-textbox-error{
+	border-color: rgba(211, 32, 48, 1.0);
+}
+
+
+.sapUiVbicluster-textbox{
+	line-height: normal;
+    position: absolute;
+   bottom: 2rem;
+   left: 2rem;
+	border-radius: 0.59375rem;
+	border-width: 0.125rem;
+	box-sizing: border-box;
+	
+	border-style: solid;
+	background-color: rgba(255, 255, 255, 1.0);
+}
+
+.sapUiVbicluster-textbox div{
+	margin: 0rem 0.3125rem 0rem 0.3125rem;
+	font-weight: normal;
+	font-family: @sapUiFontFamily;
+	font-size: 0.75rem;
+	color: #333333;
+}

package/src/sap/ui/vbm/themes/sap_hcb/base_ContainerBase.less

@@ -0,0 +1,45 @@
+/*...........................................................................*/
+/* LESS for control sap.ui.vk/ContainerBase.control...................................*/
+/*...........................................................................*/
+
+
+/* main container style..................................................*/
+.sapUiVkContainerBase {
+	border: none;
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+
+.sapUiVkContainerBaseOverlay { /* class for fullscreen overlay */
+  left: 0;
+	top: 0 !important;
+	width: 100%;
+	height: 100%;
+}
+
+.sapUiVkContainerBaseWrapper {
+	width: 100%;
+	height: 100%;
+	background-color: rgb(255,255,255);
+}
+
+.sapUiVkContainerBaseToolbarArea {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+}
+
+.sapUiVkContainerBaseToolbarArea .sapMTB {
+  border: none;
+}
+
+.sapUiVkContainerBaseContentArea {
+  padding-top: 3em;
+  width: 100%;
+	height: 100%;	
+}
+
+.sapUiSizeCompact .sapUiVkContainerBaseContentArea {
+  padding-top: 2em;
+}

package/src/sap/ui/vbm/themes/sap_hcb/base_ContainerLegendItem.less

@@ -0,0 +1,46 @@
+/*...........................................................................*/
+/* LESS for control sap.ui.vbm/ContainerLegendItem.control.............................*/
+/*...........................................................................*/
+
+
+/* Legend Item style.........................................................*/
+
+
+.sapUiVkLegendItemSquare
+{
+	
+	height: 1.125rem;
+	width: 1.125rem;
+	border-style: solid;
+	border-width: 0.125rem;
+	border-color: white;
+	margin-right: 1rem;
+}
+
+.sapUiSizeCompact .sapUiVkLegendItemSquare
+{
+	height: 0.75rem;
+	width: 0.75rem;
+
+}
+
+.sapUiVkLegendItemSpotType
+{
+
+}
+.sapUiVkLegendItemSpotType .sapMSLIImg , .sapUiVkLegendItemSpotType .sapMSLIImgFirst 
+{
+	
+	height: 2rem;
+	width: 1.49rem;
+	
+}
+
+.sapUiSizeCompact .sapUiVkLegendItemSpotType .sapMSLIImg, .sapUiSizeCompact .sapUiVkLegendItemSpotType .sapMSLIImgFirst
+{
+	
+	height: 1.5rem;
+	width: 1.15rem;
+	
+}
+ 

package/src/sap/ui/vbm/themes/sap_hcb/base_DetailWindow.less

@@ -0,0 +1,42 @@
+.sapUiVbmDetailWindowAnchor {
+	width: 1px;
+	height: 1px;
+	position: absolute;
+	visibility: hidden;
+}
+
+.sapUiVbmDetailWindow {
+	padding: 10px;
+}
+
+.sapUiVbmDetailWindowBase
+{
+   font-size: 10px;
+   font-family: @sapUiFontFamily;
+   color: @sapUiBaseText;
+   background-color: transparent;
+   text-align: left;
+}
+
+.sapUiVbmDetaiWindowCaption {
+	font-size: 12px;
+	color: @sapUiText;
+}
+
+.sapUiVbmDetailWindowCaption3 {
+	color: @sapUiText;
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.sapUiVbmDetailWindowAlignLeft {
+	text-align: left;
+}
+
+.sapUiVbmDetailWindowAlignCenter {
+	text-align: center;
+}
+
+.sapUiVbmDetailWindowAlignRight {
+	text-align: right;
+}

package/src/sap/ui/vbm/themes/sap_hcb/base_GeoMap.less

@@ -0,0 +1,8 @@
+
+/* ============================================= */
+/* CSS for control sap.ui.vbm/GeoMap.control */
+/* ============================================= */
+
+.sapUiVbmGeoMap {
+	/* placeholder class for theming */
+}

package/src/sap/ui/vbm/themes/sap_hcb/base_ListPanel.less

@@ -0,0 +1,43 @@
+/*...........................................................................*/
+/* LESS for control sap.ui.vbm/ListPanel.control..............................*/
+/*...........................................................................*/
+
+
+/* main List Panel style..................................................*/
+.sapUiVkListPanel {
+
+}
+
+/* change margin and padding of panel header toolbar for right aligned expand icon */
+.sapMPanel .sapMPanelWrappingDivTb .sapUiVkLPTb.sapMIBar.sapMTB {
+	margin-left: 0.25rem;
+	padding-right: 0px;
+	margin-right: 3rem;
+}
+
+.sapMPanel.sapMPanelExpandable.sapUiVkListPanel .sapMTB.sapMPanelHeaderTB {
+	padding: 0rem; /* remove padding from header when collapsed completely */
+}
+
+.sapUiVkListPanel {
+	.sapMPanelContent { /* remove padding from panel content */
+		padding: 0px;
+	}
+
+	.sapMPanelWrappingDivTb {
+		button { /* move panel expand icon right */
+			right: 0px;
+		}
+	}
+
+	.sapMLIB:last-child { /* remove border from last list item to prevent double border together with panel content */
+		border-bottom: 0px;
+	}
+	/* indent list items by panel header icon width*/
+	.sapMLIB{
+		padding-left: 3rem;
+	}
+	.sapUiSizeCompact & .sapMLIB{
+		padding-left: 2.75rem;
+	}
+}

package/src/sap/ui/vbm/themes/sap_hcb/base_ListPanelStack.less

@@ -0,0 +1,30 @@
+/*...........................................................................*/
+/* LESS for control sap.ui.vbm/ListPanelStack.control...................................*/
+/*...........................................................................*/
+
+
+/* main ListPanelStack style..................................................*/
+.sapUiVkListPanelStack {
+	background-color: @sapList_Background;
+}
+
+
+.sapUiVkLPSTrans {
+	transition: width 0.4s;
+}
+
+.sapUiVkLPSCollapse .sapUiVkListPanel .sapMPanelExpandableIcon {
+	display: none;
+}
+
+html:not(.sap-phone) .sapUiVkLPSCollapse .sapUiVkListPanel .sapMPanelWrappingDivTb>button  { /* hide default panel expand button if collapsed */
+	display: none;
+}
+
+.sapUiVkLPSCollapse .sapMPanel .sapMPanelWrappingDivTb .sapUiVkLPTb.sapMIBar.sapMTB {
+	margin-right: 0px;
+}
+
+.sapUiVkListPanelStack .sapUiVkListPanel .sapMPanelContent { /* remove scrolling from panel content since whole stack should scroll */
+	overflow: hidden;
+}

package/src/sap/ui/vbm/themes/sap_hcb/base_MapContainer.less

@@ -0,0 +1,210 @@
+/*...........................................................................*/
+
+
+/* LESS for control sap.ui.vbm/MapContainer.control...................................*/
+
+
+/*...........................................................................*/
+
+
+/* main map container style..................................................*/
+
+.sapUiVkMapContainer {}
+.sapUiVkMapContainerOverlay {
+	position: absolute;
+	top: 0.5rem;
+	left: 0.5rem;
+	right: 0.25rem;
+	bottom: 1rem;
+	/* necessary to let events through to the content below */
+	pointer-events: none;
+}
+html.sap-phone {
+	.sapUiVkMapContainerOverlay {
+		top: 0.25rem;
+		left: 0.25rem;
+		right: 0.25rem;
+	}
+	.sapUiVkContainerBaseWrapper {
+		position: absolute;
+		top: 0px;
+		left: 0px;
+		transition: transform 0.4s;
+	}
+}
+.sapUiVkMapContainer {
+	.sapUiVkContainerBaseContentArea {
+		padding-top: 0px;
+	}
+	.sapUiVkContainerBaseToolbarArea {
+		position: static;
+		/* since parent sapUiVkMapContainerOverlay declares pointer-events: none, which gets inherited,
+		 this is needed to make toolbar buttons functional */
+		pointer-events: auto;
+	}
+	.sapUiVkContainerBaseToolbarArea .sapMTB {
+		border: none;
+		/* This trick allows to let events pass transparent parts of the toolbar */
+		height: 1px !important;
+		overflow: visible;
+		margin-top: 1.5rem;
+	}
+	.sapUiVkMapContainerListPanelArea {
+		/* since parent sapUiVkMapContainerOverlay declares pointer-events: none, which gets inherited,
+		 this is needed to make ListPanelStack functional */
+		pointer-events: auto;
+	}
+}
+.sapUiSizeCompact .sapUiVkMapContainer .sapUiVkContainerBaseToolbarArea .sapMTB {
+	margin-top: 1rem;
+}
+.sapUiVkMapContainerNavbarArea {
+	position: absolute;
+	right: 0rem;
+	bottom: 0rem;
+	/* since parent sapUiVkMapContainerOverlay declares pointer-events: none, which gets inherited,
+		 this is needed to make navbar buttons functional */
+	pointer-events: auto;
+}
+.sapUiVkMapContainerNavbarArea {
+	.sapMTB {
+		border: none !important;
+		flex-direction: column;
+		height: auto !important;
+		width: 1px;
+		overflow: visible;
+		background: transparent;
+	}
+	.sapMIBar>.sapMBarChild:last-child {
+		margin-top: -0.5rem;
+	}
+}
+.sapUiVkMapContainerLPW {
+	top: 0px;
+	left: 0px;
+	background: white;
+	width: 100%;
+	height: 100%;
+	/* from back button */
+	padding-left: 0.25rem;
+	transform: translateX(-100%);
+	transition: transform 0.4s;
+	box-sizing: border-box;
+}
+html.sap-phone .sapUiVkMapContainerListPanelArea {
+	/* neutralize padding from sapUiVkMapContainerLPW */
+	margin-left: -0.25rem;
+}
+html:not(.sap-phone) .sapUiVkMapContainerListPanelArea {
+	float: left;
+}
+.sapUiVkMapContainerLPWIn {
+	transform: translateX(0%);
+}
+.sapUiVkMapContainerMapOut {
+	transform: translateX(100%);
+}
+html[dir=rtl] {
+	.sapUiVkMapContainerLPW {
+		transform: translateX(100%);
+	}
+	.sapUiVkMapContainerLPWIn {
+		transform: translateX(0%);
+	}
+	.sapUiVkMapContainerMapOut {
+		transform: translateX(-100%);
+	}
+}
+
+
+.mapContainerHboxPopover.sapMFlexBox.sapMFlexBoxAlignContentStretch.sapMFlexBoxAlignItemsStretch.sapMFlexBoxBGTransparent.sapMFlexBoxJustifyStart.sapMFlexBoxWrapNoWrap.sapMHBox {
+	height:5rem;
+	width: 100%;
+}
+
+
+
+.mapLayerPopoverItemText.sapMText.sapMTextBreakWord.sapMTextMaxWidth.sapUiSelectable{
+	bottom: 0.1rem;
+	right: 0.3rem;
+	position: absolute;
+	background:rgba(255,255,255,0.6);
+	margin-bottom: 0.15rem;
+}
+
+
+.layerType.sapMImg.sapMPointer{
+	border: 0.15rem solid white;
+	width: 4.7rem;
+	height: 4.7rem;
+}
+
+
+.sapUiVkMapContainerNavbarArea .mapLayerPopoverItem {
+	position: absolute;
+	border: 0.15rem solid white;
+	width: 4.7rem;
+	height: 4.7rem;
+	bottom: 0.25rem;
+	right: 3.25rem;
+	z-index: 1;
+}
+
+
+.sapUiVkMapContainerNavbarContainer {
+	position: absolute;
+	right: 0;
+	bottom: 0;
+}
+
+.sapUiVkMapContainerNavbarContainer .sapMIBar.sapMTB .sapMBarChild:first-child { /* Fix alignment of home button */
+	margin-left: auto;
+}
+
+.mapLayerSelectedText.sapMText.sapMTextBreakWord.sapMTextMaxWidth.sapUiSelectable{
+	bottom: 0.6rem;
+	right: 3.6rem;
+	position: relative;
+	background:rgba(255,255,255,0.6);
+	white-space: nowrap;
+	z-index: 2;
+}
+
+.sapUiVkMapContainer {
+	.sapUiVkContainerBaseToolbarArea .sapMBtnTransparent:not(.sapMToggleBtnPressed),
+	.sapUiVkMapContainerNavbarArea .sapMBtnTransparent:not(.sapMToggleBtnPressed) {
+		/* make transparent button in toolbar look like segmented button */
+		background-color: @sapUiSegmentedButtonBackground;
+		border-radius: 0px;
+		border-color: @sapUiSegmentedButtonBorderColor;
+	}
+	html.sap-desktop & .sapMSegBBtnFocusable:not(.sapMSegBBtnSel):hover,
+	/* needed for segmented button on hover */
+	:not(.sapMBtnDisabled)>.sapMBtnInner.sapMBtnActive .sapMBtnIcon {
+		/* button active state */
+		color: @sapUiSegmentedButtonIconColor;
+	}
+}
+html:not(.sap-phone) .sapUiVkMapContainer {
+	.sapUiVkListPanelStack {
+		border: 1px solid @sapList_BorderColor;
+	}
+	.sapUiVkMapContainerListPanelArea {
+		padding: 0.0625rem 0.125rem;
+		/* needed for shadow bleeding from inner div */
+	}
+}
+
+@font-face {
+       font-family: 'map-container';
+       src:url('../base/fonts/map-container.eot?#iefix') format('embedded-opentype'),
+               url('../base/fonts/map-container.woff') format('woff'),
+               url('../base/fonts/map-container.ttf') format('truetype');
+       font-weight: normal;
+       font-style: normal;
+}
+
+
+#__popover0-scroll {
+	margin-right: 0px !important;
+}