@sapui5/sap.ui.vk 1.136.1 → 1.139.0

package/src/sap/ui/vk/ToggleMenuItemRenderer.js

@@ -0,0 +1,224 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+
+        (c) Copyright 2009-2015 SAP SE. All rights reserved
+    
+ */
+
+// This is a copy of MenuItemRenderer from openUi5, just with the name changed to ToggleMenuItemRenderer.
+// This is required because older versions of ui5 (e.g. 1.120) do not have the MenuItemRenderer class
+
+sap.ui.define([
+	"sap/ui/core/library"
+], function(
+	coreLibrary
+) {
+	"use strict";
+
+	// Shortcut for sap.ui.core.ItemSelectionMode
+	const ItemSelectionMode = coreLibrary.ItemSelectionMode;
+
+	/**
+	 * ToggleMenuItemRenderer renderer.
+	 * @namespace
+	 */
+	const ToggleMenuItemRenderer = {
+		apiVersion: 2
+	};
+
+	/**
+	 * Renders the HTML for the given control, using the provided
+	 * {@link sap.ui.core.RenderManager}.
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.render = function(oRm, oItem) {
+		const bHasSubmenu = !!oItem._getVisibleItems().length;
+
+		oRm.openStart("li", oItem);
+
+		// HTML attributes
+		this.renderAttributes(oRm, oItem);
+		// CSS classes
+		this.renderStyleClasses(oRm, oItem);
+		// Inline styles
+		this.renderInlineStyles(oRm, oItem);
+		// Add ARIA attributes
+		this.setAccessibilityAttributes(oRm, oItem);
+
+		oRm.openEnd();
+
+		// Icon column
+		this.renderIcon(oRm, oItem);
+		// Text column
+		this.renderText(oRm, oItem);
+
+		if (bHasSubmenu) {
+			// Submenu arrow column
+			this.renderSubmenuArrow(oRm, oItem);
+		} else {
+			// Shortcut column
+			this.renderShortcut(oRm, oItem);
+			// End content column
+			this.renderEndContent(oRm, oItem);
+			// Selection mark column
+			this.renderSelectionMark(oRm, oItem);
+		}
+
+		oRm.close("li");
+	};
+
+	/**
+	 * Renders the HTML attributes for the given control.
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.renderAttributes = function(oRm, oItem) {
+		if (oItem.getTooltip_AsString()) {
+			oRm.attr("title", oItem.getTooltip_AsString());
+		}
+
+		if (oItem.getVisible() && oItem.isFocusable && oItem.isFocusable()) {
+			oRm.attr("tabindex", "0");
+		}
+	};
+
+	/**
+	 * Renders the CSS classes for the given control.
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.renderStyleClasses = function(oRm, oItem) {
+		const bIsEnabled = oItem.getEnabled();
+
+		oRm.class("sapMMenuItem");
+		if (!bIsEnabled) {
+			oRm.class("sapMMenuItemDisabled");
+		}
+	};
+
+	/**
+	 * Hook for rendering the inline styles of the control.
+	 * Hook for the subclasses.
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.renderInlineStyles = function(oRm, oItem) {
+	};
+
+	/**
+	 * Sets the accessibility attributes for the given control.
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.setAccessibilityAttributes = function(oRm, oItem) {
+		oRm.accessibilityState(oItem._getAccessibilityAttributes());
+	};
+
+	/**
+	 * Renders the icon column for the given control.
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.renderIcon = function(oRm, oItem) {
+		oRm.openStart("div");
+		oRm.class("sapMMenuItemIcon");
+		oRm.openEnd();
+
+		if (oItem.getIcon()) {
+			const oIcon = oItem._getIcon();
+			oRm.renderControl(oIcon);
+		}
+
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the text column for the given control.
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.renderText = function(oRm, oItem) {
+		oRm.openStart("div", `${oItem.getId()}-txt`);
+		oRm.class("sapMMenuItemText");
+		oRm.openEnd();
+		oRm.text(oItem.getText());
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the shortcut column for the given control (if necessary).
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.renderShortcut = function(oRm, oItem) {
+		const sShortcutText = oItem.getShortcutText();
+
+		if (sShortcutText) {
+			oRm.openStart("div", `${oItem.getId()}-scuttxt`);
+			oRm.class("sapMMenuItemShortcut");
+			oRm.openEnd();
+			oRm.text(sShortcutText);
+			oRm.close("div");
+		}
+	};
+
+	/**
+	 * Renders the submenu arrow column for the given control.
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.renderSubmenuArrow = function(oRm, oItem) {
+		oRm.openStart("div");
+		oRm.class("sapMMenuItemSubMenu");
+		oRm.openEnd();
+		oRm.openStart("div");
+		oRm.class("sapUiIconMirrorInRTL");
+		oRm.openEnd();
+		oRm.close("div");
+		oRm.close("div");
+	};
+
+	/**
+	 * Renders the end content column for the given control (if necessary).
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.renderEndContent = function(oRm, oItem) {
+		const aEndContent = oItem.getEndContent();
+
+		if (aEndContent.length) {
+			oRm.openStart("div", `${oItem.getId()}-endContent`);
+			oRm.class("sapMMenuEndContent");
+			oRm.openEnd();
+			aEndContent.forEach((oControl) => oRm.renderControl(oControl));
+			oRm.close("div");
+		}
+	};
+
+	/**
+	 * Renders the selection mark column for the given control (if necessary).
+	 *
+	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
+	 * @param {sap.m.MenuItem} oItem the menu item to be rendered
+	 */
+	ToggleMenuItemRenderer.renderSelectionMark = function(oRm, oItem) {
+		if (oItem.getSelected() && oItem._getItemSelectionMode() !== ItemSelectionMode.None) {
+			oRm.openStart("div", `${oItem.getId()}-sel`);
+			oRm.class("sapMMenuItemSelected");
+			oRm.openEnd();
+			oRm.close("div");
+		}
+	};
+
+	return ToggleMenuItemRenderer;
+}, /* bExport= */ true);

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

@@ -8,7 +8,6 @@
 // Provides control sap.ui.vk.Toolbar.
 sap.ui.define([
 	"./library",
-	"./ToolbarRenderer",
 	"./getResourceBundle",
 	"sap/ui/core/Control",
 	"sap/m/library",
@@ -21,7 +20,6 @@ sap.ui.define([
 	"sap/ui/core/Element"
 ], function(
 	vkLibrary,
-	ToolbarRenderer,
 	getResourceBundle,
 	Control,
 	mobileLibrary,
@@ -49,7 +47,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.136.1
+	 * @version 1.139.0
 	 *
 	 * @constructor
 	 * @public
@@ -100,75 +98,31 @@ sap.ui.define([
 					type: "sap.m.Toolbar",
 					multiple: false,
 					visibility: "hidden"
-				},
-				_helpButton: {
-					type: "sap.m.Button",
-					multiple: false,
-					visibility: "hidden"
-				},
-				_stepNavigationButton: {
-					type: "sap.m.ToggleButton",
-					multiple: false,
-					visibility: "hidden"
-				},
-				_sceneTreeButton: {
-					type: "sap.m.ToggleButton",
-					multiple: false,
-					visibility: "hidden"
-				},
-				_miniMapButton: {
-					type: "sap.m.ToggleButton",
-					multiple: false,
-					visibility: "hidden"
-				},
-				_enterFullScreenButton: {
-					type: "sap.m.ToggleButton",
-					multiple: false,
-					visibility: "hidden"
-				},
-				_exitFullScreenButton: {
-					type: "sap.m.Button",
-					multiple: false,
-					visibility: "hidden"
-				},
-				_toolbarTitle: {
-					type: "sap.m.Title",
-					multiple: false,
-					visibility: "hidden"
 				}
 			}
-		}
-	});
+		},
 
-	Toolbar.prototype._getToolbar = function() {
-		return this._toolbar;
-	};
+		constructor: function(id, settings) {
+			Control.apply(this, arguments);
 
-	/*
-	 * Toggles the step navigation control visibility and updates its button
-	 */
-	Toolbar.prototype._onSceneTree = function() {
-		this.oViewer = Element.getElementById(this.getViewer());
-		if (this.oViewer != null) {
-			this.oViewer._componentsState.sceneTree.userInteractionShow = this._sceneTreeButton.getPressed();
-			this.oViewer.setShowSceneTree(this.oViewer._componentsState.sceneTree.userInteractionShow);
-		}
-	};
+			this._getViewer()?.attachFullScreen(this._fullScreenHandler, this);
+		},
 
-	Toolbar.prototype._onStepNavigation = function() {
-		this.oViewer = Element.getElementById(this.getViewer());
-		if (this.oViewer != null) {
-			this.oViewer._componentsState.stepNavigation.userInteractionShow = this._stepNavigationButton.getPressed();
-			this.oViewer.setShowStepNavigation(this.oViewer._componentsState.stepNavigation.userInteractionShow);
-		}
-	};
+		renderer: {
+			apiVersion: 2,
 
-	Toolbar.prototype._onMiniMap = function() {
-		this.oViewer = Element.getElementById(this.getViewer());
-		if (this.oViewer != null) {
-			this.oViewer._componentsState.miniMap.userInteractionShow = this._miniMapButton.getPressed();
-			this.oViewer.setShowMiniMap(this.oViewer._componentsState.miniMap.userInteractionShow);
+			render: function(rm, control) {
+				rm.openStart("div", control);
+				rm.class("sapVizKitToolbar");
+				rm.openEnd();
+				rm.renderControl(control.getAggregation("_toolbar"));
+				rm.close("div");
+			}
 		}
+	});
+
+	Toolbar.prototype._getToolbar = function() {
+		return this._toolbar;
 	};
 
 	Toolbar.prototype._getViewer = function() {
@@ -195,39 +149,63 @@ sap.ui.define([
 			Control.prototype.init.apply(this);
 		}
 
-		var _helpButton = new Button({
-			icon: "sap-icon://sys-help",
-			type: ButtonType.Transparent,
-			tooltip: getResourceBundle().getText("VIEWER_HELPBUTTONTOOLTIP")
-		});
-		this.setAggregation("_helpButton", _helpButton);
-
 		this._stepNavigationButton = new ToggleButton({
 			icon: "sap-icon://step",
 			type: ButtonType.Transparent,
-			enabled: false,
 			tooltip: getResourceBundle().getText("STEP_NAV_MENUBUTTONTOOLTIP"),
-			press: this._onStepNavigation.bind(this)
+			visible: "{= ${_internal>/stepNavigation/enabled} === true && ${_internal>/stepNavigation/supported} === true }",
+			pressed: "{_internal>/stepNavigation/visible}"
 		}).data("help-id", "sapUiVkStepNavigationBtn", true);
-		this.setAggregation("_stepNavigationButton", this._stepNavigationButton);
 
 		this._sceneTreeButton = new ToggleButton({
 			icon: "sap-icon://tree",
 			type: ButtonType.Transparent,
 			tooltip: getResourceBundle().getText("SCENETREE_MENUBUTTONTOOLTIP"),
-			press: this._onSceneTree.bind(this)
+			visible: "{= ${_internal>/sceneTree/enabled} === true && ${_internal>/sceneTree/supported} === true }",
+			pressed: "{_internal>/sceneTree/visible}"
 		}).data("help-id", "sapUiVkSceneTreeBtn", true);
-		this.setAggregation("_sceneTreeButton", this._sceneTreeButton);
+
+		this._layersPanelButton = new ToggleButton({
+			icon: "sap-icon://dimension",
+			type: ButtonType.Transparent,
+			tooltip: getResourceBundle().getText("LAYERS_BUTTONTOOLTIP"),
+			visible: "{= ${_internal>/layersPanel/enabled} === true && ${_internal>/layersPanel/supported} === true }",
+			pressed: "{_internal>/layersPanel/visible}"
+		}).data("help-id", "sapUiVkLayersBtn", true);
+
+		this._elementsPanelButton = new ToggleButton({
+			icon: "sap-icon://group-2",
+			type: ButtonType.Transparent,
+			tooltip: getResourceBundle().getText("ELEMENTS_BUTTONTOOLTIP"),
+			visible: "{= ${_internal>/elementsPanel/enabled} === true && ${_internal>/elementsPanel/supported} === true }",
+			pressed: "{_internal>/elementsPanel/visible}"
+		}).data("help-id", "sapUiVkElementsBtn", true);
+
+		this._pageGalleryButton = new ToggleButton({
+			icon: "sap-icon://documents",
+			type: ButtonType.Transparent,
+			tooltip: getResourceBundle().getText("PAGE_GALLERY_BUTTONTOOLTIP"),
+			visible: "{= ${_internal>/pageGallery/enabled} === true && ${_internal>/pageGallery/supported} === true }",
+			pressed: "{_internal>/pageGallery/visible}"
+		}).data("help-id", "sapUiVkPageGalleryBtn", true);
 
 		this._miniMapButton = new ToggleButton({
 			icon: "sap-icon://map-3",
 			type: ButtonType.Transparent,
 			tooltip: getResourceBundle().getText("MINIMAP_BUTTONTOOLTIP"),
-			press: this._onMiniMap.bind(this)
+			visible: "{= ${_internal>/miniMap/enabled} === true && ${_internal>/miniMap/supported} === true }",
+			pressed: "{_internal>/miniMap/visible}"
 		}).data("help-id", "sapUiVkMiniMapBtn", true);
 
+		this._toggleHotspotsButton = new ToggleButton({
+			icon: "sap-icon://example",
+			type: ButtonType.Transparent,
+			tooltip: getResourceBundle().getText("TOGGLE_HOTSPOTS_BUTTONTOOLTIP"),
+			visible: "{= ${_internal>/hotspots/supported} === true && ${_internal>/hotspots/enabled} === true }",
+			pressed: "{_internal>/hotspots/showAll}"
+		}).data("help-id", "sapUiVkToolgeHotspotsBtn", true);
+
 		this._toolbarTitle = new Title();
-		this.setAggregation("_toolbarTitle", this._toolbarTitle);
 
 		this._enterFullScreenButton = new Button({
 			icon: "sap-icon://full-screen",
@@ -242,6 +220,10 @@ sap.ui.define([
 			new ToolbarSpacer(),
 			this._sceneTreeButton,
 			this._stepNavigationButton,
+			this._layersPanelButton,
+			this._elementsPanelButton,
+			this._pageGalleryButton,
+			this._toggleHotspotsButton,
 			this._miniMapButton,
 			new ToolbarSeparator(),
 			this._enterFullScreenButton
@@ -255,10 +237,7 @@ sap.ui.define([
 	};
 
 	Toolbar.prototype.exit = function() {
-		this.oViewer = Element.getElementById(this.getViewer());
-		if (this.oViewer) {
-			this.oViewer.detachFullScreen(this._fullScreenHandler.bind(this));
-		}
+		this._getViewer()?.detachFullScreen(this._fullScreenHandler, this);
 	};
 
 	Toolbar.prototype.onBeforeRendering = function() {
@@ -266,23 +245,6 @@ sap.ui.define([
 		this._toolbarTitle.setText(this.getTitle());
 	};
 
-	Toolbar.prototype.refresh = function() {
-		this.oViewer = Element.getElementById(this.getViewer());
-		this._stepNavigationButton.setPressed(this.oViewer.getShowStepNavigation());
-		this._stepNavigationButton.setEnabled(this.oViewer.getEnableStepNavigation());
-		this._sceneTreeButton.setPressed(this.oViewer.getShowSceneTree());
-		this._sceneTreeButton.setEnabled(this.oViewer.getEnableSceneTree());
-		this._miniMapButton.setPressed(this.oViewer.getShowMiniMap());
-		this._miniMapButton.setVisible(this.oViewer.getEnableMiniMap());
-
-		this.oViewer.attachFullScreen(this._fullScreenHandler.bind(this));
-		return true;
-	};
-
-	Toolbar.prototype.onAfterRendering = function() {
-		this.refresh();
-	};
-
 	return Toolbar;
 
 });

package/src/sap/ui/vk/View.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.1
+	 * @version 1.139.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @implements sap.ui.vk.IPlaybackCollection
 	 * @alias sap.ui.vk.View
@@ -124,7 +124,7 @@ sap.ui.define([
 	 *
 	 * @returns {sap.ui.vk.Camera} View camera
 	 * @public
-	 * @experimental Since 1.73.0 This class is experimental and might be modified or removed in future versions.
+	 * @since 1.73.0
 	 */
 	View.prototype.getCamera = function() {
 		return this._camera;
@@ -137,7 +137,7 @@ sap.ui.define([
 	 * @param {sap.ui.vk.Camera} camera View camera
 	 * @return {sap.ui.vk.View} return this
 	 * @public
-	 * @experimental Since 1.73.0 This class is experimental and might be modified or removed in future versions.
+	 * @since 1.73.0
 	 */
 	View.prototype.setCamera = function(camera) {
 		this._camera = camera;
@@ -492,8 +492,7 @@ sap.ui.define([
 	 * }
 	 * </pre>
 	 * @public
-	 *
-	 * @experimental Since 1.73.0 This class is experimental and might be modified or removed in future versions.
+	 * @since 1.73.0
 	 */
 	View.prototype.getNodeInfos = function() {
 		return this._nodeInfos ? this._nodeInfos : [];
@@ -510,12 +509,9 @@ sap.ui.define([
 	 * @param {boolean} infos[].visible - Node visibility
 	 * @param {float} infos[].opacity - Node opacity
 	 * @param {float} infos[].annotationId - Optional, annotation id
-	 *
 	 * @returns {this} Reference to this in order to allow method chaining
-	 *
 	 * @public
-	 *
-	 * @experimental Since 1.73.0 This class is experimental and might be modified or removed in future versions.
+	 * @since 1.73.0
 	 */
 	View.prototype.setNodeInfos = function(infos) {
 		this._nodeInfos = infos;
@@ -533,10 +529,8 @@ sap.ui.define([
 	 * @param {boolean} update[].visible - Node visibility
 	 * @param {float} update[].opacity - Node opacity
 	 * @returns {this} Reference to this in order to allow method chaining
-	 *
 	 * @public
-	 *
-	 * @experimental Since 1.73.0 This class is experimental and might be modified or removed in future versions.
+	 * @since 1.73.0
 	 */
 	View.prototype.updateNodeInfos = function(update) {
 		var currentData = this.getNodeInfos();
@@ -574,7 +568,7 @@ sap.ui.define([
 	 *
 	 * @return {sap.ui.model.Model} returns the model for this view.
 	 * @public
-	 * @experimental Since 1.76.0 This class is experimental and might be modified or removed in future versions.
+	 * @since 1.76.0
 	 */
 	View.prototype.getModel = function() {
 		return this._model;

package/src/sap/ui/vk/ViewGallery.js

@@ -95,7 +95,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new View Gallery control.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.1
+	 * @version 1.139.0
 	 * @extends sap.ui.core.Control
 	 * @alias sap.ui.vk.ViewGallery
 	 * @since 1.62.0
@@ -440,7 +440,7 @@ sap.ui.define([
 	};
 
 	ViewGallery.prototype._updateAnimationTimeSlider = function(viewGroup) {
-		const hasAnimatedView = viewGroup.views.some(view => view.animated === true);
+		const hasAnimatedView = viewGroup.views?.some(view => view.animated === true);
 		this.setShowAnimationTimeSlider(hasAnimatedView);
 	};
 

package/src/sap/ui/vk/ViewGalleryThumbnail.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new ViewGalleryThumbnail.
 	 * @private
 	 * @author SAP SE
-	 * @version 1.136.1
+	 * @version 1.139.0
 	 * @extends sap.m.Image
 	 * @alias sap.ui.vk.ViewGalleryThumbnail
 	 * @since 1.72.0

package/src/sap/ui/vk/ViewGroup.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.1
+	 * @version 1.139.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.vk.ViewGroup
 	 */

package/src/sap/ui/vk/ViewManager.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new ViewManager object.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.1
+	 * @version 1.139.0
 	 * @extends sap.ui.core.Element
 	 * @alias sap.ui.vk.ViewManager
 	 */

package/src/sap/ui/vk/ViewStateManager.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new ViewStateManager object.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.1
+	 * @version 1.139.0
 	 * @extends sap.ui.vk.ViewStateManagerBase
 	 * @alias sap.ui.vk.ViewStateManager
 	 * @since 1.32.0
@@ -89,14 +89,11 @@ sap.ui.define([
 
 	ViewStateManager.prototype._setScene = function(scene) {
 		if (scene?.isA(["sap.ui.vk.Scene", "sap.ui.vk.pdf.Document"])) {
-			var withMultipleViewports = (this.getFeatures() || []).includes("MultipleViewports");
 			var sceneType = scene.getMetadata().getName();
 			var implementationType = this._implementation?.getMetadata().getName();
 			var reuseImplementation =
 				sceneType === "sap.ui.vk.dvl.Scene" && implementationType === "sap.ui.vk.dvl.ViewStateManager"
-				|| sceneType === "sap.ui.vk.threejs.Scene" && (
-					implementationType === "sap.ui.vk.threejs.ViewStateManager" && !withMultipleViewports
-					|| implementationType === "sap.ui.vk.threejs.v2.ViewStateManager" && withMultipleViewports)
+				|| sceneType === "sap.ui.vk.threejs.Scene" && implementationType === "sap.ui.vk.threejs.ViewStateManager"
 				|| sceneType === "sap.ui.vk.svg.Scene" && implementationType === "sap.ui.vk.svg.ViewStateManager"
 				|| sceneType === "sap.ui.vk.pdf.Document" && implementationType === "sap.ui.vk.pdf.ViewStateManager";
 
@@ -110,11 +107,7 @@ sap.ui.define([
 						newImplementationType = "sap.ui.vk.dvl.ViewStateManager";
 						break;
 					case "sap.ui.vk.threejs.Scene":
-						if (withMultipleViewports) {
-							newImplementationType = "sap.ui.vk.threejs.v2.ViewStateManager";
-						} else {
-							newImplementationType = "sap.ui.vk.threejs.ViewStateManager";
-						}
+						newImplementationType = "sap.ui.vk.threejs.ViewStateManager";
 						break;
 					case "sap.ui.vk.svg.Scene":
 						newImplementationType = "sap.ui.vk.svg.ViewStateManager";
@@ -1123,7 +1116,7 @@ sap.ui.define([
 	 * @param {string} nodeId node Id string, optional
 	 * @returns {any[]} An array of nodes
 	 * @public
-	 * @experimental Since 1.82.0 This method is experimental and might be modified or removed in future versions
+	 * @since 1.82.0
 	 */
 	ViewStateManager.prototype.getSymbolNodes = function(nodeId) {
 		if (this._implementation && this._implementation.getSymbolNodes) {

package/src/sap/ui/vk/ViewStateManagerBase.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @public
 	 * @abstract
 	 * @author SAP SE
-	 * @version 1.136.1
+	 * @version 1.139.0
 	 * @extends sap.ui.core.Element
 	 * @alias sap.ui.vk.ViewStateManagerBase
 	 * @since 1.32.0
@@ -500,7 +500,7 @@ sap.ui.define([
 	 * @function
 	 * @name sap.ui.vk.ViewStateManagerBase#getOpacity
 	 * @param {any|any[]} nodeRefs The node reference or the array of node references.
-	 * @returns {float|float[]} A single value or an array of values. Value <code>null</code> means that the node's own opacity should be used.
+	 * @returns {float|float[]|null|null[]} A single value or an array of values. Value <code>null</code> means that the node's own opacity should be used.
 	 * @public
 	 */
 
@@ -919,7 +919,7 @@ sap.ui.define([
 	 * @returns {float|float[]} A single value or an array of values. Value <code>null</code> means that the node's own
 	 *                          <code>selectable</code> property should be used.
 	 * @public
-	 * @experimental Since 1.111.0 This method is experimental and might be modified or removed in future versions.
+	 * @since 1.111.0
 	 */
 	ViewStateManagerBase.prototype.getSelectable = function(nodeRefs) {
 		// Return default value which is `true`.
@@ -950,7 +950,7 @@ sap.ui.define([
 	 *                                  node's own <code>selectable</code> property is in use.
 	 * @returns {this} <code>this</code> to allow method chaining.
 	 * @public
-	 * @experimental Since 1.111.0 This method is experimental and might be modified or removed in future versions.
+	 * @since 1.111.0
 	 */
 	ViewStateManagerBase.prototype.setSelectable = function(nodeRefs, selectable) {
 		// Do nothing.