@sapui5/sap.ui.vbm 1.119.0 → 1.121.0

package/src/sap/ui/vbm/themes/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/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/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('fonts/map-container.eot?#iefix') format('embedded-opentype'),
+               url('fonts/map-container.woff') format('woff'),
+               url('fonts/map-container.ttf') format('truetype');
+       font-weight: normal;
+       font-style: normal;
+}
+
+
+#__popover0-scroll {
+	margin-right: 0px !important;
+}

package/src/sap/ui/vbm/themes/base/fonts/map-container.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="vis-icons-3112016" horiz-adv-x="512">
+<font-face font-family="vis-icons-3112016" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph glyph-name="selection-lasso-2" unicode="&#57344;" d="M506 61l-68 67 58 29c6 3 6 9 6 16 0 6-6 13-12 13l-244 102c-12 3-25-10-19-22l103-247c3-6 6-9 12-13 7 0 13 0 16 7l29 54 64-64c7-6 16-6 26 0l32 32c3 7 3 19-3 26z m-45-29l-87 86-32-64-80 196 196-80-68-32 87-87z m-333 157c-35 0-64-29-64-64 0-35 29-64 64-64 35 0 64 29 64 64 0 35-29 64-64 64z m0-96c-19 0-32 16-32 32 0 16 16 32 32 32 16 0 32-16 32-32 0-16-13-32-32-32z m-3-16c3-3 3-10 3-13 0-19-16-32-32-32l0-32c35 0 64 29 64 64 0 10-3 19-6 29z m118 54c-25 0-51 7-73 13 3-6 6-13 6-22 0-7 0-10-3-16 25-7 54-10 83-10 0 0 0 0 3 0z m231 147c-4-16-10-28-16-41l32-13c9 16 16 35 19 54z m-436 0l-35 0c10-51 42-96 87-128 6 10 16 20 28 23-41 25-70 64-80 105z m32 173c-35-29-57-67-67-109l35 0c10 32 29 61 55 84z m372 0l-26-25c29-23 48-52 58-84l35 0c-10 42-32 80-67 109z m-218 61c-35-3-70-13-99-26l25-25c23 6 48 13 74 16z m64 0l0-35c26-3 51-10 70-19l26 25c-26 16-61 26-96 29z"/>
+<glyph glyph-name="selection-rectangular-2" unicode="&#57345;" d="M506 61l-68 67 58 29c6 3 6 9 6 16 0 6-6 13-12 13l-240 102c-13 3-26-10-23-22l103-247c3-6 6-9 12-13 7 0 13 0 16 7l29 54 64-64c7-6 16-6 26 0l32 32c6 7 6 19-3 26z m-42-29l-86 86-32-64-80 196 195-80-67-32 86-87z m-464 304l35 0 0-128-35 0z m445 0l0-96 35-13 0 109z m-269 176l128 0 0-35-128 0z m-64 0l-80 0c-16 0-32-16-32-32l0-80 35 0 0 77 77 0z m336 0l-80 0 0-35 77 0 0-77 35 0 0 80c0 16-16 32-32 32z m-272-477l112 0-16 35-96 0z m-64 35l-77 0 0 77-35 0 0-80c0-16 16-32 32-32l80 0z"/>
+<glyph glyph-name="single-selection-2" unicode="&#57346;" d="M403 166l-67 68 58 28c6 4 6 10 6 16 0 7-6 13-13 13l-243 103c-13 3-26-10-22-23l102-246c3-7 6-10 13-13 6 0 13 0 16 6l29 55 64-64c6-7 16-7 25 0l32 32c7 6 7 19 0 25z m-45-28l-83 86-32-64-83 195 195-80-67-35 86-86z"/>
+</font></defs></svg>

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

@@ -11,3 +11,8 @@
 @import "VBI.less";
 @import "Viewport.less";
 @import "DetailWindow.less";
+@import "ContainerLegendItem.less";
+@import "ContainerBase.less";
+@import "ListPanel.less";
+@import "ListPanelStack.less";
+@import "MapContainer.less";