@openui5/sap.ui.mdc 1.97.1 → 1.100.0

package/src/sap/ui/mdc/chartNew/ChartTypeButtonNew.js

@@ -1,295 +0,0 @@
-/*
- * ! OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
- */
-sap.ui.define([
-	"sap/m/OverflowToolbarButton", "sap/m/ButtonRenderer", "sap/ui/base/ManagedObjectObserver", "sap/ui/core/library", "sap/m/PlacementType"
-], function(OverflowToolbarButton, ButtonRenderer, ManagedObjectObserver, CoreLibrary, PlacementType) {
-	"use strict";
-
-	var HasPopup = CoreLibrary.aria.HasPopup;
-	var ResponsivePopover, List, Bar, SearchField, StandardListItem, InvisibleText, Device, oRb;
-
-	var ChartTypeButton = OverflowToolbarButton.extend("sap.ui.mdc.chart.ChartTypeButton", {
-		metadata: {
-			library: "sap.ui.mdc"
-		},
-		constructor: function(oMDCChart) {
-
-			if (!oMDCChart) {
-				OverflowToolbarButton.apply(this);
-				return;
-			}
-
-			this.oMDCChartModel = oMDCChart.getManagedObjectModel();
-			var mSettings = {
-				type: "Transparent",
-				press: function(oEvent) {
-					this.displayChartTypes(oEvent.getSource(), oMDCChart);
-				}.bind(this),
-				id: oMDCChart.getId() + "-btnChartType",
-				icon: '{$chart>/getChartTypeInfo/icon}',
-				tooltip: '{$chart>/getChartTypeInfo/text}',
-				text: '{$chart>/getChartTypeInfo/text}',
-				ariaHasPopup: HasPopup.ListBox
-			};
-			this.oMDCChart = oMDCChart;
-			OverflowToolbarButton.apply(this, [
-				mSettings
-			]);
-			this.setModel(this.oMDCChartModel, "$chart");
-
-			this._oObserver = new ManagedObjectObserver(function() {
-				this.oMDCChartModel.checkUpdate(true);
-			}.bind(this));
-			this._oObserver.observe(this.oMDCChart, {
-				aggregations: [
-					"items"
-				],
-				properties: [
-					"chartType"
-				]
-			});
-
-		},
-		renderer: ButtonRenderer
-	});
-
-	ChartTypeButton.mMatchingIcon = {
-		"bar": "sap-icon://horizontal-bar-chart",
-		"bullet": "sap-icon://horizontal-bullet-chart",
-		"bubble": "sap-icon://bubble-chart",
-		"column": "sap-icon://vertical-bar-chart",
-		"combination": "sap-icon://business-objects-experience",
-		"dual_bar": "sap-icon://horizontal-bar-chart",
-		"dual_column": "sap-icon://vertical-bar-chart",
-		"dual_combination": "sap-icon://business-objects-experience",
-		"dual_horizontal_combination": "sap-icon://business-objects-experience",
-		"dual_horizontal_stacked_combination": "sap-icon://business-objects-experience",
-		"dual_line": "sap-icon://line-chart",
-		"dual_stacked_bar": "sap-icon://full-stacked-chart",
-		"dual_stacked_column": "sap-icon://vertical-stacked-chart",
-		"dual_stacked_combination": "sap-icon://business-objects-experience",
-		"donut": "sap-icon://donut-chart",
-		"heatmap": "sap-icon://heatmap-chart",
-		"horizontal_stacked_combination": "sap-icon://business-objects-experience",
-		"line": "sap-icon://line-chart",
-		"pie": "sap-icon://pie-chart",
-		"scatter": "sap-icon://scatter-chart",
-		"stacked_bar": "sap-icon://full-stacked-chart",
-		"stacked_column": "sap-icon://vertical-stacked-chart",
-		"stacked_combination": "sap-icon://business-objects-experience",
-		"treemap": "sap-icon://Chart-Tree-Map", // probably has to change
-		"vertical_bullet": "sap-icon://vertical-bullet-chart",
-		"100_dual_stacked_bar": "sap-icon://full-stacked-chart",
-		"100_dual_stacked_column": "sap-icon://vertical-stacked-chart",
-		"100_stacked_bar": "sap-icon://full-stacked-chart",
-		"100_stacked_column": "sap-icon://full-stacked-column-chart",
-		"waterfall": "sap-icon://vertical-waterfall-chart",
-		"horizontal_waterfall": "sap-icon://horizontal-waterfall-chart"
-	};
-
-	/**
-	 * Shows popover to select chart type
-	 * @param oButton button opening the popover
-	 * @param oMDCChart the inner chart
-	 *
-	 * @experimental
-	 * @private
-	 * @ui5-restricted Fiori Elements, sap.ui.mdc
-	 */
-	ChartTypeButton.prototype.displayChartTypes = function(oButton, oMDCChart) {
-		if (!oMDCChart || !oButton) {
-			return;
-		}
-
-		if (!this.oReadyPromise) {
-			this.oReadyPromise = new Promise(function(resolve) {
-				if (ResponsivePopover) {
-					resolve(true);
-				} else {
-					sap.ui.require([
-						"sap/m/ResponsivePopover", "sap/m/List", "sap/m/Bar", "sap/m/SearchField", "sap/m/StandardListItem", "sap/ui/core/InvisibleText", "sap/ui/Device"
-					], function(ResponsivePopoverLoaded, ListLoaded, BarLoaded, SearchFieldLoaded, StandardListItemLoaded, InvisibleTextLoaded, DeviceLoaded) {
-						ResponsivePopover = ResponsivePopoverLoaded;
-						List = ListLoaded;
-						Bar = BarLoaded;
-						SearchField = SearchFieldLoaded;
-						StandardListItem = StandardListItemLoaded;
-						InvisibleText = InvisibleTextLoaded;
-						Device = DeviceLoaded;
-						if (!oRb) {
-							sap.ui.getCore().getLibraryResourceBundle("sap.ui.mdc", true).then(function(oRbLoaded) {
-								oRb = oRbLoaded;
-								resolve(true);
-							});
-						} else {
-							resolve(true);
-						}
-
-					});
-				}
-			});
-		}
-
-		this.oReadyPromise.then(function() {
-			this.oPopover = this._createPopover(oButton, oMDCChart);
-			this.oPopover.attachAfterClose(function(){
-				this.oPopover.destroy();
-			}.bind(this));
-			return this.oPopover.openBy(oButton);
-		}.bind(this));
-	};
-
-	/**
-	 * Creates the popover
-	 * @param oButton button opening the popover
-	 * @param oMDCChart inner chart
-	 *
-	 * @experimental
-	 * @private
-	 * @ui5-restricted sap.ui.mdc
-	 */
-	ChartTypeButton.prototype._createPopover = function(oButton, oMDCChart) {
-		var oItemTemplate = new StandardListItem({
-			title: "{$chart>text}",
-			icon: "{$chart>icon}",
-			selected: "{$chart>selected}"
-		});
-
-		var oList = new List({
-			mode: "SingleSelectMaster",
-			items: {
-				path: "$chart>/getAvailableChartTypes",
-				template: oItemTemplate
-			},
-			selectionChange: function(oEvent) {
-				//TODO: Implement Chart Type switch
-				if (oEvent && oEvent.mParameters && oEvent.mParameters.listItem) {
-					var oBinding = oEvent.mParameters.listItem.getBinding("title");
-					if (oBinding) {
-						var oCtx = oBinding.getContext();
-						if (oCtx) {
-							var oObj = oCtx.getObject();
-							if (oObj && oObj.key) {
-								sap.ui.require([
-									"sap/ui/mdc/p13n/FlexUtil", "sap/ui/mdc/flexibility/Chart.flexibility"
-								], function(FlexUtil,ChartFlex) {
-									var aChanges = [];
-									aChanges.push(ChartFlex["setChartType"].changeHandler.createChange({
-										control: oMDCChart,
-										chartType: oObj.key
-									}));
-									FlexUtil.handleChanges(aChanges);
-								});
-							}
-						}
-					}
-				}
-
-				oPopover.close();
-			}
-		});
-
-		var oSubHeader = new Bar();
-		var oSearchField = new SearchField({
-			placeholder: oRb.getText("chart.CHART_TYPE_SEARCH")
-		});
-		oSearchField.attachLiveChange(function(oEvent) {
-			if (oMDCChart){
-				this._triggerSearchInPopover(oEvent, oList);
-			}
-		}.bind(this));
-		oSubHeader.addContentRight(oSearchField);
-
-		var oPopover = new ResponsivePopover({
-			id: oMDCChart.getId() + "-btnChartTypePopover",
-			placement: PlacementType.VerticalPreferredBottom,
-			subHeader: oSubHeader,
-			contentWidth: "25rem"
-		});
-
-		oPopover.setModel(this.oMDCChartModel, "$chart");
-
-		//Show header only in mobile scenarios
-		//still support screen reader while on desktops.
-		if (Device.system.desktop) {
-			var oInvText = new InvisibleText({
-				text: oRb.getText("chart.CHART_TYPELIST_TEXT")
-			});
-			oPopover.setShowHeader(false);
-			oPopover.addContent(oInvText);
-			oPopover.addAriaLabelledBy(oInvText);
-		} else {
-			oPopover.setTitle(oRb.getText("chart.CHART_TYPELIST_TEXT"));
-		}
-
-		oPopover.addContent(oList);
-
-		if (oList.getItems().length < 7) {
-			oSubHeader.setVisible(false);
-		}
-
-		/*
-		oPopover.attachAfterClose(function(oEvent) {
-			oPopover.destroy();
-		});*/
-
-		return oPopover;
-	};
-
-	/**
-	 * Triggers a search in the drill-down popover
-	 *
-	 * @param {object} oEvent The event arguments
-	 * @param {sap.m.List} oList The list to search in
-	 * @private
-	 */
-	ChartTypeButton.prototype._triggerSearchInPopover = function(oEvent, oList) {
-
-		var parameters, i, sTitle, sTooltip, sValue, aItems;
-
-		if (!oEvent || !oList) {
-			return;
-		}
-
-		parameters = oEvent.getParameters();
-		if (!parameters) {
-			return;
-		}
-
-		sValue = parameters.newValue ? parameters.newValue.toLowerCase() : "";
-
-		aItems = oList.getItems();
-		for (i = 0; i < aItems.length; i++) {
-
-			sTooltip = aItems[i].getTooltip();
-			sTitle = aItems[i].getTitle();
-
-			if ((sTitle && (sTitle.toLowerCase().indexOf(sValue) > -1)) || (sTooltip && (sTooltip.toLowerCase().indexOf(sValue) > -1))) {
-				aItems[i].setVisible(true);
-			} else {
-				aItems[i].setVisible(false);
-			}
-		}
-	};
-
-	/**
-	 * Closes the popover to select chart type
-	 *
-	 * @experimental
-	 * @private
-	 * @ui5-restricted Fiori Elements, sap.ui.mdc
-	 */
-	ChartTypeButton.prototype.exit = function() {
-		OverflowToolbarButton.prototype.exit.apply(this, arguments);
-		if (this.oPopover) {
-			this.oPopover.destroy();
-			this.oPopover = null;
-		}
-	};
-
-	return ChartTypeButton;
-
-}, true);

package/src/sap/ui/mdc/chartNew/DrillStackHandlerNew.js

@@ -1,212 +0,0 @@
-/*!
- * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
- */
-sap.ui.define([
-	"sap/ui/core/Core",
-	"sap/m/ResponsivePopover",
-	"sap/m/List",
-	"sap/m/Bar",
-	"sap/m/SearchField",
-	"sap/m/StandardListItem",
-	"sap/ui/core/InvisibleText",
-	"sap/m/library",
-	"sap/ui/Device",
-	"sap/ui/mdc/chart/DimensionItem",
-	"sap/ui/mdc/chart/ChartSettings",
-	"sap/base/Log"
-], function(
-	Core,
-	ResponsivePopover,
-	List,
-	Bar,
-	SearchField,
-	StandardListItem,
-	InvisibleText,
-	MLibrary,
-	Device,
-	DimensionItem,
-	ChartSettings,
-	Log
-) {
-	"use strict";
-
-	// shortcut for sap.m.PlacementType
-	var PlacementType = MLibrary.PlacementType;
-
-	// shortcut for sap.m.ListType
-	var ListType = MLibrary.ListType;
-
-	// shortcut for sap.m.ListMode
-	var ListMode = MLibrary.ListMode;
-
-	function _getDrillStackDimensions(oMDCChart) {
-		var aDrillStack = oMDCChart.getControlDelegate().getDrillStack(oMDCChart);
-		var aStackDimensions = [];
-
-		aDrillStack.forEach(function(oStackEntry) {
-			// loop over nested dimension arrays
-			oStackEntry.dimension.forEach(function(sDimension) {
-				if (sDimension != null && sDimension != "" && aStackDimensions.indexOf(sDimension) == -1) {
-					aStackDimensions.push(sDimension);
-				}
-			});
-		});
-
-		return aStackDimensions;
-	}
-
-	/**
-	 * Handles all drill-stack operations on a mdc.Chart instance
-	 * inlcuding drill-downs, drill-ups and updating of depending controls
-	 * @constructor
-	 */
-	var DrillStackHandler = function() {
-        //TODO: Refactor to DrillDownPopover (extending Popover; like Toolbar)
-	};
-
-	/**
-	 * Creates a drill down popover
-	 * @param oChart
-	 * @returns the popover object
-	 *
-	 * @private
-	 * @ui5-restricted sap.ui.mdc
-	 */
-	DrillStackHandler.createDrillDownPopover = function(oMDCChart) {
-
-		var oSubHeader = new Bar();
-		var oPopover = new ResponsivePopover({
-			id: oMDCChart.getId() + "-drilldownPopover",
-			contentWidth: "25rem",
-			contentHeight: "20rem",
-			placement: PlacementType.Bottom,
-			subHeader: oSubHeader
-		});
-		var oList = new List({
-			mode: ListMode.SingleSelectMaster,
-			selectionChange: function(oControlEvent) {
-				var oListItem = oControlEvent.getParameter("listItem");
-
-				if (oListItem) {
-					//Call flex to capture current state before adding an item to the chart aggregation
-
-					oMDCChart.getEngine().createChanges({
-						control: oMDCChart,
-						key: "Item",
-						state: [{
-							name: oListItem.data("dim").name,
-							position: oMDCChart.getItems().length
-						}]
-					});
-				}
-
-				oPopover.close();
-			}
-		});
-
-		oPopover.attachAfterClose(function(){
-			oPopover.destroy();
-		});
-
-		//TODO add search field
-		//var oSearchField = new SearchField({
-		//placeholder: this._oRb.getText("CHART_DRILLDOWN_SEARCH")
-		//});
-		//oSearchField.attachLiveChange(function(oEvent) {
-		//this._triggerSearchInDrillDownPopover(oEvent, oList);
-		//}.bind(this));
-
-
-		var oRb = Core.getLibraryResourceBundle("sap.ui.mdc");
-
-		//Show header only in mobile scenarios
-		//still support screen reader while on desktops.
-		if (Device.system.desktop) {
-			var oInvText = new InvisibleText({
-				text: oRb.getText("chart.CHART_DRILLDOWN_TITLE")
-			});
-			oPopover.setShowHeader(false);
-			oPopover.addContent(oInvText);
-			oPopover.addAriaLabelledBy(oInvText);
-		} else {
-			oPopover.setTitle(oRb.getText("chart.CHART_DRILLDOWN_TITLE"));
-		}
-
-		oPopover.addContent(oList);
-		oMDCChart._oDrillDownPopover = oPopover;
-		return oPopover;
-	};
-
-	/**
-	 * Shows the drill-down popover on the toolbar button of an mdc.Chart instance
-	 * @param {sap.ui.mdc.ChartNew} oChart
-     * @param {sap.m.Button}
-	 *
-	 * @experimental
-	 * @private
-	 * @ui5-restricted sap.ui.mdc
-	 */
-	DrillStackHandler.showDrillDownPopover = function(oMDCChart, oDrillBtn) {
-        //TODO: Rename "Measure" and "Dimensions"?
-		var pSortedDimensionsPromise = oMDCChart.getControlDelegate().getSortedDimensions(oMDCChart);
-		return pSortedDimensionsPromise.then(function(aSortedDimensions) {
-			//Remove all prior items from drill-down list
-			var oDrillDownPopover = oMDCChart._oDrillDownPopover;
-			var aIgnoreDimensions, oDimension, oListItem;
-
-			var aFilteredList = oDrillDownPopover.getContent().filter(function(oEntry){return oEntry.getMetadata().getClass() == List;});
-			var oDrillDownList = aFilteredList.length > 0 ? aFilteredList[0] : null;
-
-			if (!oDrillDownList){
-				Log.error("MDC Chart: Could not determine list to show drilldown. This should not happen. Did the application modify the drill-down popover?");
-				return;
-			}
-
-			oDrillDownList.destroyItems();
-
-			// Ignore currently applied dimensions from drill-stack for selection
-			aIgnoreDimensions = _getDrillStackDimensions(oMDCChart);
-
-			for (var i = 0; i < aSortedDimensions.length; i++) {
-				oDimension = aSortedDimensions[i];
-
-				if (aIgnoreDimensions.indexOf(oDimension.name) > -1) {
-					continue;
-				}
-
-				//TODO: Check if still valid
-				// If dimension is not filterable and datapoints are selected then skip
-				/*if (!oViewField.filterable && this._oChart.getSelectedDataPoints().count > 0) {
-					    continue;
-				}*/
-
-				oListItem = new StandardListItem({
-					title: oDimension.label,
-					type: ListType.Active
-				});
-
-				oListItem.data("dim", oDimension);
-
-				/*sTooltip = this._getFieldTooltip(oDimension.name);
-				if (sTooltip) {
-					  oListItem.setTooltip(sTooltip);
-				}*/
-
-				//Add item to list within popover
-				oDrillDownList.addItem(oListItem);
-			}
-
-			return new Promise(function(resolve, reject) {
-				oDrillDownPopover.attachEventOnce("afterOpen", function onAfterDrillDownPopoverOpen(oControlEvent) {
-					resolve(oDrillDownPopover);
-				});
-
-				oDrillDownPopover.openBy(oDrillBtn);
-			});
-		});
-	};
-
-	return DrillStackHandler;
-});

package/src/sap/ui/mdc/chartNew/ItemNew.js

@@ -1,72 +0,0 @@
-/*
- * !OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
- */
-sap.ui.define([
-    "sap/ui/core/Element",
-    "sap/base/Log"
-], function(Element, Log) {
-    "use strict";
-
-    // Provides the Item class.
-    /**
-     * Constructor for a new ItemNew.
-     *
-     * @param {string} [sId] ID for the new control, generated automatically if no ID is given
-     * @param {object} [mSettings] initial settings for the new control
-     * @class The Item for the field/property metadata used within MDC controls, an instance can be created to override the default/metadata
-     *        behavior.
-     *        <h3><b>Note:</b></h3>
-     *        The control is experimental and the API/behaviour is not finalised and hence this should not be used for productive usage.
-     * @extends sap.ui.core.Element
-     * @author SAP SE
-     * @private
-     * @experimental
-     * @since 1.88
-     * @alias sap.ui.mdc.chartNew.ItemNew
-     * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
-     */
-    var Item = Element.extend("sap.ui.mdc.chartNew.ItemNew", /** @lends sap.ui.mdc.chartNew.ItemNew.prototype */
-        {
-            metadata: {
-                "abstract": false, //TODO: see comment at the end.
-                library: "sap.ui.mdc",
-                properties: {
-                    /**
-                     * The unique identifier of the chart item which reflects to the name of the data property in the resulting data set
-                     */
-                    name: {
-                        type: "string"
-                    },
-                    /**
-                     * Label for the item, either as a string literal or by a pointer using the binding syntax to some property containing the label.
-                     *
-                     * <b>NOTE:</b> This property was bound internally if automatically created via metadata of oData service and please call "unbindProperty" before setting.
-                     */
-                    label: {
-                        type: "string"
-                    },
-                    //TODO: Create a proper type map for groupable and aggregateable
-                    type: {
-                        type:"string",
-                        defaultValue:""
-                    },
-                    /**
-                     * Specifies the role of the Item for the chart.
-                     * This is specific for the used chart library. Consult their documentation.
-                     *  <b>NOTE: </b> This property should not be changed after initialization.
-                     */
-                    role: {
-						type: "string"
-					}
-                }
-
-            }
-        });
-
-    //TODO: Clarify if we really don't need an implementation for dimensions and measures, as both seem to have quite a difference in functionality.
-
-    return Item;
-
-}, true);

package/src/sap/ui/mdc/chartNew/SelectionDetailsActionsNew.js

@@ -1,34 +0,0 @@
-/*
- * !OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
- */
-sap.ui.define([
-	"sap/ui/core/Element"
-], function(Element) {
-	"use strict";
-
-	// The aggregation to feed details actions for datapoint selection in the mdc chart
-	var SelectionDetailsActions = Element.extend("sap.ui.mdc.chart.SelectionDetailsActionsNew", {
-
-		metadata: {
-			library: "sap.ui.mdc",
-			aggregations: {
-				detailsItemActions: {
-					type: "sap.ui.core.Item",
-					multiple: true
-				},
-				detailsActions: {
-					type: "sap.ui.core.Item",
-					multiple: true
-				},
-				actionGroups: {
-					type: "sap.ui.core.Item",
-					multiple: true
-				}
-			}
-		}
-	});
-
-	return SelectionDetailsActions;
-}, true);

package/src/sap/ui/mdc/designtime/chart/ChartNew.designtime.js

@@ -1,91 +0,0 @@
-/*
- * ! OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
- */
-sap.ui.define([
-	"sap/ui/mdc/p13n/Engine"
-	], function (Engine) {
-	"use strict";
-
-	return {
-		actions: {
-			settings: function () {
-				//RTA expects the settings to be returned as function
-				return {
-					handler: function (oControl, mPropertyBag) {
-						return Engine.getInstance().getRTASettingsActionHandler(oControl, mPropertyBag, oControl.getP13nMode());
-					}
-				};
-			}
-		},
-		properties: {
-			width: {
-				ignore: true
-			},
-			height: {
-				ignore: true
-			},
-			delegate: {
-				ignore: true
-			},
-			header: {
-				ignore: true
-			},
-			noDataText: {
-				ignore: true
-			},
-			p13nMode: {
-				ignore: true
-			},
-			legendVisible: {
-				ignore: true
-			},
-			ignoreToolbarActions: {
-				ignore: true
-			},
-			minWidth: {
-				ignore: true
-			},
-			minHeight: {
-				ignore: true
-			},
-			sortConditions: {
-				ignore: true
-			},
-			showChartTooltip: {
-				ignore: true
-			},
-			autoBindOnInit: {
-				ignore: true
-			},
-			chartType: {
-				ignore: true
-			},
-			showSelectionDetails: {
-				ignore: true
-			}
-		},
-		aggregations: {
-			items: {
-				ignore: true
-			},
-			actions: {
-				ignore: true
-			},
-			selectionDetailsActions: {
-				ignore: true
-			},
-			_toolbar: {
-				ignore: false
-			},
-			_breadcrumbs: {
-				ignore: true
-			},
-			_innerChart: {
-				ignore: true
-			}
-		}
-	};
-
-});