@sapui5/sap.ui.vk 1.136.0 → 1.138.0

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

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @public
 	 * @alias sap.ui.vk.ListPanel
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
-	 * @experimental Since 1.38.0 This class is experimental and might be modified or removed in future versions.
+	 * @since 1.38.0
 	 * @deprecated As of version 1.120.2. This object is moved to sap.ui.vbm namespace, see {@link sap.ui.vbm.ListPanel}
 	 */
 	var ListPanel = Control.extend("sap.ui.vk.ListPanel", /** @lends sap.ui.vk.ListPanel.prototype */ {

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

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @public
 	 * @alias sap.ui.vk.ListPanelStack
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
-	 * @experimental Since 1.38.0 This class is experimental and might be modified or removed in future versions.
+	 * @since 1.38.0
 	 * @deprecated As of version 1.120.2. This object is moved to sap.ui.vbm namespace, see {@link sap.ui.vbm.ListPanelStack}
 	 */
 	var ListPanelStack = Control.extend("sap.ui.vk.ListPanelStack", /** @lends sap.ui.vk.ListPanelStack.prototype */ {

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

@@ -131,7 +131,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.BaseObject
 	 *
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @param {sap.ui.vk.Viewport} [viewport] The viewport to attach the event handlers to.

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @public
 	 * @abstract
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.base.Object
 	 * @alias sap.ui.vk.Material
 	 */

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

@@ -44,7 +44,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.vk.ViewportBase
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @constructor
 	 * @public
 	 * @alias sap.ui.vk.NativeViewport

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

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @public
 	 * @abstract
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.vk.NodeHierarchy
 	 */

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.vk.NodeProxy
 	 * @since 1.32.0

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

@@ -15,7 +15,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @alias sap.ui.vk.NodeUtils
 	 * @since 1.74
 	 */

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

@@ -45,7 +45,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new Notifications control.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.core.Control
 	 * @alias sap.ui.vk.Notifications
 	 * @since 1.38.0

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

@@ -22,7 +22,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.vk.Camera
 	 * @alias sap.ui.vk.OrthographicCamera
 	 * @since 1.52.0

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

@@ -27,7 +27,6 @@ sap.ui.define([
 	 * @alias sap.ui.vk.OutputSettings
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 * @since 1.92.0
-	 * @experimental Since 1.92.0 This class is experimental and might be modified or removed in future versions.
 	 */
 	var OverlayArea = Element.extend("sap.ui.vk.OutputSettings", /** @lends sap.ui.vk.OverlayArea.prototype */ {
 		metadata: {

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

@@ -327,7 +327,7 @@ sap.ui.define([
 			oTarget.addDelegate({
 				onAfterRendering: function(oEvent) {
 					this.oTargetDomRef = oTarget.getDomRef();
-					this.oTargetDomRef.addEventListener("load", jQuery.proxy(this._adaptSizeOfTarget, this));
+					this.oTargetDomRef.addEventListener("load", this._adaptSizeOfTarget.bind(this));
 				}.bind(this)
 			});
 		} else {

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

@@ -22,7 +22,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.vk.Camera
 	 * @alias sap.ui.vk.PerspectiveCamera
 	 * @since 1.52.0

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

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.ProgressIndicator
 	 *
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0s
+	 * @version 1.138.0s
 	 * @extends sap.ui.core.Element
 	 * @alias sap.ui.vk.RedlineCollaboration
 	 * @since 1.89.0

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

@@ -27,7 +27,7 @@ sap.ui.define([
 		 *
 		 * @public
 		 * @author SAP SE
-		 * @version 1.136.0
+		 * @version 1.138.0
 		 * @extends sap.ui.core.Element
 		 * @alias sap.ui.vk.RedlineConversation
 		 * @since 1.89.0

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

@@ -31,7 +31,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.vk.RedlineSurface
 	 * @alias sap.ui.vk.RedlineDesign
 	 * @since 1.40.0

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

@@ -21,7 +21,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.core.Element
 	 * @alias sap.ui.vk.RedlineElement
 	 * @since 1.40.0

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

@@ -22,7 +22,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.core.Element
 	 * @alias sap.ui.vk.RedlineElementComment
 	 * @since 1.89.0

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.vk.RedlineElement
 	 * @alias sap.ui.vk.RedlineElementEllipse
 	 * @since 1.40.0

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.vk.RedlineElement
 	 * @alias sap.ui.vk.RedlineElementFreehand
 	 * @since 1.40.0

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.vk.RedlineElement
 	 * @alias sap.ui.vk.RedlineElementLine
 	 * @since 1.40.0

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.vk.RedlineElement
 	 * @alias sap.ui.vk.RedlineElementRectangle
 	 * @since 1.40.0

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.vk.RedlineElement
 	 * @alias sap.ui.vk.RedlineElementText
 	 * @since 1.40.0

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

@@ -32,7 +32,7 @@ sap.ui.define([
 		 *
 		 * @public
 		 * @author SAP SE
-		 * @version 1.136.0
+		 * @version 1.138.0
 		 * @extends sap.ui.core.Control
 		 * @alias sap.ui.vk.RedlineSurface
 		 * @since 1.40.0
@@ -108,7 +108,7 @@ sap.ui.define([
 		 * @public
 		 */
 		RedlineSurface.prototype.importJSON = function(jsonElements) {
-			if (!jQuery.isArray(jsonElements)) {
+			if (!Array.isArray(jsonElements)) {
 				jsonElements = [jsonElements];
 			}
 

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.core.Control
 	 * @alias sap.ui.vk.SafeArea
 	 */

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

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @public
 	 * @abstract
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.vk.Scene
 	 */
@@ -628,5 +628,16 @@ sap.ui.define([
 		return this;
 	};
 
+	Scene.prototype._metadata = null;
+
+	Scene.prototype.setSceneMetadata = function(metadata) {
+		this._metadata = metadata;
+		return this;
+	};
+
+	Scene.prototype.getSceneMetadata = function(metadata) {
+		return this._metadata;
+	};
+
 	return Scene;
 });

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

@@ -65,7 +65,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @public
@@ -439,9 +439,7 @@ sap.ui.define([
 				rowCount = tree.getRowMode().getComputedRowCounts().count;
 			if ((index < firstRow) || (index >= (firstRow + rowCount))) {
 				firstRow = Math.min(Math.max(index - (rowCount >> 1), 0), totalRowCount - rowCount);
-				setTimeout(function() {
-					tree.setFirstVisibleRow(firstRow);
-				}, 0); // we have to wait until the tree opens up
+				tree.setFirstVisibleRow(firstRow);
 			}
 		}
 
@@ -522,13 +520,12 @@ sap.ui.define([
 	};
 
 	SceneTree.prototype.refresh = function() {
-		if (!this._scene || !this._viewStateManager || !this._viewStateManager.getNodeHierarchy()) {
+		const nodeHierarchy = this._scene?.getDefaultNodeHierarchy?.();
+		if (!nodeHierarchy || !this._viewStateManager?.getNodeHierarchy()) {
 			this._model.setData([]);
 			return;
 		}
 
-		var nodeHierarchy = this._scene.getDefaultNodeHierarchy();
-
 		// building the tree model which is going to be passed to the TreeTable control.
 		var tree = [];
 		var getChildrenRecursively = function(tree, nodeRefs) {

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

@@ -79,7 +79,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new Step Navigation control.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.core.Control
 	 * @alias sap.ui.vk.StepNavigation
 	 * @deprecated Since version 1.72.0. This class is used only with DVL namespace which will be removed in future. Use {@link sap.ui.vk.ViewGallery} instead.
@@ -335,7 +335,6 @@ sap.ui.define([
 
 		// Create JSON data model
 		this.oModel = new JSONModel();
-		this.setModel(this.oModel);
 
 		// Create layout panel
 		this._layout = new Toolbar({

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

@@ -22,10 +22,10 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.vk.Texture
-	 * @experimental Since 1.58.0 This class is experimental and might be modified or removed in future versions.
+	 * @since 1.58.0
 	 */
 	var Texture = ManagedObject.extend("sap.ui.vk.Texture", /** @lends sap.ui.vk.Texture.prototype */ {
 		metadata: {

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

@@ -61,7 +61,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.core.Control
 	 * @alias sap.ui.vk.ToggleMenuButton
 	 */

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

@@ -7,9 +7,11 @@
 
 // Provides control sap.ui.vk.ToggleMenuItem.
 sap.ui.define([
-	"sap/m/MenuItem"
+	"sap/m/MenuItem",
+	"./ToggleMenuItemRenderer"
 ], function(
-	MenuItem
+	MenuItem,
+	ToggleMenuItemRenderer
 ) {
 	"use strict";
 
@@ -24,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.m.MenuItem
 	 *
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @private
@@ -39,7 +41,8 @@ sap.ui.define([
 				 */
 				toggleable: { type: "boolean", group: "Behavior", defaultValue: true }
 			}
-		}
+		},
+		renderer: ToggleMenuItemRenderer
 	});
 
 	return ToggleMenuItem;

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);