@sapui5/sap.fe.macros 1.95.0 → 1.98.0

package/package.json

@@ -1,17 +1,18 @@
 {
 	"name": "@sapui5/sap.fe.macros",
-	"version": "1.95.0",
+	"version": "1.98.0",
 	"description": "SAPUI5 Library sap.fe.macros",
 	"license": "SEE LICENSE IN LICENSE.txt",
 	"author": "SAP SE (https://www.sap.com)",
 	"homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
 	"scripts": {
 		"build": "tsc -v && tsc --project tsconfig-build.json",
+		"lint": "eslint --rulesdir ../../eslint/lib/rules --ext .js,.ts --quiet --fix src",
 		"prepare-npm-sources": "babel target/npm-sources/src --out-dir target/npm-sources/src --extensions \".ts\" --config-file ../../.babelrc",
 		"prepare-ts-class-doc": "ts-node ../../docbuilder/prepareTSClassDoc sap.fe.macros",
-		"test": "jest --detectOpenHandles --forceExit",
-		"test-refs": "jest --detectOpenHandles --forceExit --config jest.config-refs.js",
-		"test-updateSnapshots": "jest --detectOpenHandles --forceExit -u"
+		"test": "jest --runInBand",
+		"test-refs": "jest --runInBand --config jest.config-refs.js",
+		"test-updateSnapshots": "jest --runInBand --forceExit -u"
 	},
 	"keywords": [
 		"sapui5",
@@ -20,6 +21,6 @@
 	"devDependencies": {
 		"ts-node": "^9.1.1",
 		"@babel/cli": "^7.14.8",
-		"@ui5/cli": "^2.10.0"
+		"@ui5/cli": "^2.14.0"
 	}
 }

package/src/sap/fe/macros/.library

@@ -6,7 +6,7 @@
     <copyright>SAP UI development toolkit for HTML5 (SAPUI5)
         (c) Copyright 2009-2021 SAP SE. All rights reserved
     </copyright>
-    <version>1.95.0</version>
+    <version>1.98.0</version>
 
     <documentation>UI5 library: sap.fe.macros</documentation>
 

package/src/sap/fe/macros/Chart.fragment.xml

@@ -21,9 +21,10 @@
 	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
 	xmlns:unittest="http://schemas.sap.com/sapui5/preprocessorextension/sap.fe.unittesting/1"
 	xmlns:mdc="sap.ui.mdc"
+	xmlns:chart="sap.ui.mdc.chart"
 	xmlns:mdcat="sap.ui.mdc.actiontoolbar"
 	xmlns:core="sap.ui.core"
-	xmlns:chart="sap.ui.mdc.chart"
+	xmlns:macro="sap.fe.macros"
 	xmlns:macrodata="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
 	template:require="{
 							HELPER: 'sap/fe/macros/chart/ChartHelper',
@@ -36,127 +37,124 @@
 	<template:with path="contextPath>" helper="COMMON.getTargetCollection" var="targetCollection">
 		<template:with path="metaPath>" helper="COMMON.createPresentationPathContext" var="presentationPath">
 			<template:with path="metaPath>" helper="HELPER.getUiChart" var="chart">
+				<macro:ChartAPI id="{this>_apiId}" selectionChange="{this>selectionChange}">
 					<mdc:Chart
-					binding="{= '{internal>controls/' + ${this>id} + '}' }"
-					unittest:id="ChartMacroFragment"
-					id="{this>id}"
-					data="{= '{path: \'' + (${contextPath>$kind} === 'EntitySet' ? '/' : '') + ${contextPath>@sapui.name} + '\', parameters:{$$groupId:\'$auto.Workers\'}}'}"
-					chartType="{= ${this>chartType} || HELPER.formatChartType(${chart>ChartType})}"
-					sortConditions="{= COMMON.getSortConditions(${metaPath>}, ${presentationPath>})}"
-					header="{= ${this>header} || ${chart>Title} }"
-					height="{this>height}"
-					width="{this>width}"
-					selectionMode="{this>selectionMode}"
-					vizProperties="{this>vizProperties}"
-					p13nMode="{this>personalization}"
-					filter="{this>filter}"
-					noDataText="{this>noDataText}"
-					autoBindOnInit="{this>autoBindOnInit}"
-					delegate="{= ${this>chartDelegate} || '{name:\'sap/fe/macros/ChartDelegate\', payload: {contextPath: \'\/' + ${targetCollection>$@sapui.name} + '\'}}'}"
-					selectionDetailsActionPressed="HELPER.onSelectionDetailsActionPressed"
-					dataPointsSelected="{this>dataPointsSelected}"
-					macrodata:targetCollectionPath="{contextPath>@@COMMON.getContextPath}"
-					macrodata:entityType="{= ${contextPath>@@COMMON.getContextPath} + '/' }"
-					macrodata:operationAvailableMap="{= COMMON.stringifyCustomData(${chart>@@HELPER.getOperationAvailableMap})}"
-					macrodata:multiSelectDisabledActions="{= '' + ${chart>@@HELPER.getMultiSelectDisabledActions} + ''}"
-					macrodata:segmentedButtonId="{= ID.generate([${this>id}, 'SegmentedButton', 'TemplateContentView']) }"
-					macrodata:customAgg="{=COMMON.stringifyCustomData(${chartDefinition>customAgg})}"
-					macrodata:transAgg="{=COMMON.stringifyCustomData(${chartDefinition>transAgg})}"
-					macrodata:applySupported="{=COMMON.stringifyCustomData(${chartDefinition>applySupported})}"
-					visible="{this>visible}"
-				>
+						core:require="{API: 'sap/fe/macros/ChartAPI'}"
+						binding="{= '{internal>controls/' + ${this>id} + '}' }"
+						unittest:id="ChartMacroFragment"
+						id="{this>_contentId}"
+						chartType="{= HELPER.formatChartType(${chart>ChartType})}"
+						sortConditions="{= COMMON.getSortConditions(${metaPath>}, ${presentationPath>})}"
+						header="{= ${chart>Title} }"
+						height="{this>height}"
+						width="{this>width}"
+						p13nMode="{this>personalization}"
+						filter="{this>filter}"
+						noDataText="{this>noDataText}"
+						autoBindOnInit="{this>autoBindOnInit}"
+						delegate="{= ${this>chartDelegate} || '{name:\'sap/fe/macros/ChartDelegate\', payload: {contextPath: \'' + ${contextPath>$@sapui.name} + '\', parameters:{$$groupId:\'$auto.Workers\'}, selectionMode: \'' + ${this>selectionMode} + '\'}}'}"
+						macrodata:targetCollectionPath="{contextPath>@@COMMON.getContextPath}"
+						macrodata:entitySet="{= ${targetCollection>$@sapui.name} }"
+						macrodata:entityType="{= ${contextPath>@@COMMON.getContextPath} + '/' }"
+						macrodata:operationAvailableMap="{= COMMON.stringifyCustomData(${chart>@@HELPER.getOperationAvailableMap})}"
+						macrodata:multiSelectDisabledActions="{= '' + ${chart>@@HELPER.getMultiSelectDisabledActions} + ''}"
+						macrodata:segmentedButtonId="{= ID.generate([${this>id}, 'SegmentedButton', 'TemplateContentView']) }"
+						macrodata:customAgg="{=COMMON.stringifyCustomData(${chartDefinition>customAgg})}"
+						macrodata:transAgg="{=COMMON.stringifyCustomData(${chartDefinition>transAgg})}"
+						macrodata:applySupported="{=COMMON.stringifyCustomData(${chartDefinition>applySupported})}"
+						macrodata:vizProperties="{this>vizProperties}"
+						visible="{this>visible}"
+					>
 						<mdc:items>
 							<template:if test="{= ${chart>Dimensions} }">
 								<template:with path="chart>" helper="HELPER.formatDimensions" var="dimensions">
 									<template:repeat list="{dimensions>}" var="dimension">
-										<chart:DimensionItem
-										id="{= ID.generate([${this>id}, 'dimension', ${dimension>key}]) }"
-										key="{dimension>key}"
-										textProperty="{dimension>textPath}"
-										label="{dimension>label}"
-										role="{dimension>role}"
-										criticality="{dimension>criticality}"
-									/>
+										<chart:Item
+											id="{= ID.generate([${this>id}, 'dimension', ${dimension>key}]) }"
+											name="{dimension>key}"
+											type="groupable"
+											label="{dimension>label}"
+											role="{dimension>role}"
+										/>
 									</template:repeat>
 								</template:with>
 							</template:if>
 							<template:with path="chart>" helper="HELPER.formatMeasures" var="measures">
 								<template:repeat list="{measures>}" var="measure">
-									<chart:MeasureItem
-									id="{= ID.generate([${this>id},'measure', ${measure>key}]) }"
-									key="{measure>key}"
-									propertyPath="{measure>propertyPath}"
-									label="{measure>label}"
-									role="{measure>role}"
-									aggregationMethod="{measure>aggregationMethod}"
-									dataPoint="{measure>dataPoint}"
-								/>
+									<chart:Item
+										id="{= ID.generate([${this>id},'measure', ${measure>key}]) }"
+										name="{measure>key}"
+										type="aggregatable"
+										label="{measure>label}"
+										role="{measure>role}"
+										dataPoint="{measure>dataPoint}"
+									/>
 								</template:repeat>
 							</template:with>
 						</mdc:items>
-			<template:if test="{this>actions}">
-				<mdc:actions>
-				<!-- TODO: This should be moved out of macros and should be added as a macro aggregation to macro chart-->
-					<template:repeat list="{actions>}" var="action">
-						<template:with path="action>annotationPath" var="dataField">
-							<template:if test="{= ${action>type} === 'ForNavigation'}">
-								<template:then>
-									<mdcat:ActionToolbarAction>
-										<Button
-													unittest:id="DataFieldForIntentBasedNavigationButtonAction"
-													text="{dataField>Label}"
-													press="{= COMMON.getPressHandlerForDataFieldForIBN(${dataField>}, '${internal>selectedContexts}')}"
-													enabled="{= ${action>enabled} !== undefined ? ${action>enabled} : ${dataField>RequiresContext} ? '{= %{internal>numberOfSelectedContexts} >= 1}' : undefined }"
-													visible="{= ${dataField>./@com.sap.vocabularies.UI.v1.Hidden} ? (${dataField>./@com.sap.vocabularies.UI.v1.Hidden/$Path} ? ${dataField>./@com.sap.vocabularies.UI.v1.Hidden/$Path@@HELPER.getHiddenPathExpressionForTableActionsAndIBN} : !${dataField>./@com.sap.vocabularies.UI.v1.Hidden}) : true}"
-												/>
-									</mdcat:ActionToolbarAction>
-								</template:then>
-								<template:elseif test="{= ${action>type} === 'ForAction'}">
-									<template:with path="dataField>Action" helper="COMMON.getActionContext" var="actionContext">
-										<template:with path="dataField>Action" helper="COMMON.getPathToBoundActionOverload" var="isBound">
-											<template:if test="{= ${isBound>$IsBound} !== true || ${actionContext>@Org.OData.Core.V1.OperationAvailable} !== false }">
+						<template:if test="{this>actions}">
+							<mdc:actions>
+							<!-- TODO: This should be moved out of macros and should be added as a macro aggregation to macro chart-->
+								<template:repeat list="{actions>}" var="action">
+									<template:with path="action>annotationPath" var="dataField">
+										<template:if test="{= ${action>type} === 'ForNavigation'}">
+											<template:then>
 												<mdcat:ActionToolbarAction>
 													<Button
-																unittest:id="DataFieldForActionButtonAction"
-																id="{= ID.generate([${this>id}, ${dataField>}])}"
-																text="{dataField>Label}"
-																ariaHasPopup="{actionContext>@@COMMON.isDialog}"
-																press="{= HELPER.getPressEventForDataFieldForActionButton(${this>id},${dataField>},${chart>@@HELPER.getOperationAvailableMap})}"
-																enabled="{= ${action>enabled} !== undefined ? ${action>enabled} : HELPER.isDataFieldForActionButtonEnabled(${isBound>$IsBound},${dataField>Action},${this>contextPath},${chart>@@HELPER.getOperationAvailableMap}, ${action>enableOnSelect}) }"
-																visible="{= ${dataField>./@com.sap.vocabularies.UI.v1.Hidden} ? (${dataField>./@com.sap.vocabularies.UI.v1.Hidden/$Path} ? ${dataField>./@com.sap.vocabularies.UI.v1.Hidden/$Path@@HELPER.getHiddenPathExpressionForTableActionsAndIBN} : !${dataField>./@com.sap.vocabularies.UI.v1.Hidden}) : true}"
-															/>
+														unittest:id="DataFieldForIntentBasedNavigationButtonAction"
+														text="{dataField>Label}"
+														press="{= COMMON.getPressHandlerForDataFieldForIBN(${dataField>}, '${internal>selectedContexts}')}"
+														enabled="{= ${action>enabled} !== undefined ? ${action>enabled} : ${dataField>RequiresContext} ? '{= %{internal>numberOfSelectedContexts} >= 1}' : undefined }"
+														visible="{= ${dataField>./@com.sap.vocabularies.UI.v1.Hidden} ? (${dataField>./@com.sap.vocabularies.UI.v1.Hidden/$Path} ? ${dataField>./@com.sap.vocabularies.UI.v1.Hidden/$Path@@HELPER.getHiddenPathExpressionForTableActionsAndIBN} : !${dataField>./@com.sap.vocabularies.UI.v1.Hidden}) : true}"
+													/>
 												</mdcat:ActionToolbarAction>
-											</template:if>
-										</template:with>
+											</template:then>
+											<template:elseif test="{= ${action>type} === 'ForAction'}">
+												<template:with path="dataField>Action" helper="COMMON.getActionContext" var="actionContext">
+													<template:with path="dataField>Action" helper="COMMON.getPathToBoundActionOverload" var="isBound">
+														<template:if test="{= ${isBound>$IsBound} !== true || ${actionContext>@Org.OData.Core.V1.OperationAvailable} !== false }">
+															<mdcat:ActionToolbarAction>
+																<Button
+																	unittest:id="DataFieldForActionButtonAction"
+																	id="{= ID.generate([${this>id}, ${dataField>}])}"
+																	text="{dataField>Label}"
+																	ariaHasPopup="{actionContext>@@COMMON.isDialog}"
+																	press="{= HELPER.getPressEventForDataFieldForActionButton(${this>id},${dataField>},${chart>@@HELPER.getOperationAvailableMap})}"
+																	enabled="{= ${action>enabled} !== undefined ? ${action>enabled} : HELPER.isDataFieldForActionButtonEnabled(${isBound>$IsBound},${dataField>Action},${this>contextPath},${chart>@@HELPER.getOperationAvailableMap}, ${action>enableOnSelect}) }"
+																	visible="{= ${dataField>./@com.sap.vocabularies.UI.v1.Hidden} ? (${dataField>./@com.sap.vocabularies.UI.v1.Hidden/$Path} ? ${dataField>./@com.sap.vocabularies.UI.v1.Hidden/$Path@@HELPER.getHiddenPathExpressionForTableActionsAndIBN} : !${dataField>./@com.sap.vocabularies.UI.v1.Hidden}) : true}"
+																/>
+															</mdcat:ActionToolbarAction>
+														</template:if>
+													</template:with>
+												</template:with>
+											</template:elseif>
+										</template:if>
 									</template:with>
-								</template:elseif>
-							</template:if>
-					    </template:with>
-					</template:repeat>
-					<template:if test="{this>onSegmentedButtonPressed}">
-						<mdcat:ActionToolbarAction layoutInformation="{
-							aggregationName: 'end',
-							alignment: 'End'
-						}">
-							<SegmentedButton
-										id="{= ID.generate([${this>id}, 'SegmentedButton', 'TemplateContentView']) }"
-										select="{this>onSegmentedButtonPressed}"
-										visible="{= ${pageInternal>alpContentView} !== 'Table' }"
-										selectedKey="{pageInternal>alpContentView}"
-									>
-								<items>
-									<template:if test="{= COMMON.isDesktop() }">
-										<SegmentedButtonItem tooltip="{this.i18n>M_COMMON_HYBRID_SEGMENTED_BUTTON_ITEM_TOOLTIP}" key="Hybrid" icon="sap-icon://chart-table-view" />
-									</template:if>
-									<SegmentedButtonItem tooltip="{this.i18n>M_COMMON_CHART_SEGMENTED_BUTTON_ITEM_TOOLTIP}" key="Chart" icon="sap-icon://bar-chart" />
-									<SegmentedButtonItem tooltip="{this.i18n>M_COMMON_TABLE_SEGMENTED_BUTTON_ITEM_TOOLTIP}" key="Table" icon="sap-icon://table-view" />
-									</items>
-							</SegmentedButton>
-						</mdcat:ActionToolbarAction>
-					</template:if>
-				</mdc:actions>
-			</template:if>
-							<!-- <mdc:selectionDetailsActions>
+								</template:repeat>
+								<template:if test="{this>onSegmentedButtonPressed}">
+									<mdcat:ActionToolbarAction layoutInformation="{
+										aggregationName: 'end',
+										alignment: 'End'
+									}">
+										<SegmentedButton
+											id="{= ID.generate([${this>id}, 'SegmentedButton', 'TemplateContentView']) }"
+											select="{this>onSegmentedButtonPressed}"
+											visible="{= ${pageInternal>alpContentView} !== 'Table' }"
+											selectedKey="{pageInternal>alpContentView}"
+										>
+											<items>
+												<template:if test="{= COMMON.isDesktop() }">
+													<SegmentedButtonItem tooltip="{this.i18n>M_COMMON_HYBRID_SEGMENTED_BUTTON_ITEM_TOOLTIP}" key="Hybrid" icon="sap-icon://chart-table-view" />
+												</template:if>
+												<SegmentedButtonItem tooltip="{this.i18n>M_COMMON_CHART_SEGMENTED_BUTTON_ITEM_TOOLTIP}" key="Chart" icon="sap-icon://bar-chart" />
+												<SegmentedButtonItem tooltip="{this.i18n>M_COMMON_TABLE_SEGMENTED_BUTTON_ITEM_TOOLTIP}" key="Table" icon="sap-icon://table-view" />
+												</items>
+										</SegmentedButton>
+									</mdcat:ActionToolbarAction>
+								</template:if>
+							</mdc:actions>
+						</template:if>
+						<!-- <mdc:selectionDetailsActions>
 								<chart:SelectionDetailsActions>
 									<chart:detailsItemActions>
 									<template:repeat list="{path: 'actions>',
@@ -168,8 +166,9 @@
 									</chart:detailsItemActions>
 								</chart:SelectionDetailsActions>
 							</mdc:selectionDetailsActions> -->
-					</mdc:Chart>
-					</template:with>
+						</mdc:Chart>
+					</macro:ChartAPI>
+				</template:with>
 			</template:with>
 		</template:with>
 </core:FragmentDefinition>

package/src/sap/fe/macros/Chart.metadata.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2009-2021 SAP SE. All rights reserved.
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
  */
 
 sap.ui.define(
@@ -19,9 +19,8 @@ sap.ui.define(
 		 *
 		 * @class sap.fe.macros.Chart
 		 * @hideconstructor
-		 * @ui5-restricted
-		 * @experimental As of version 1.94.0
-		 * @since 1.94.0
+		 * @private
+		 * @experimental
 		 */
 		var Chart = MacroMetadata.extend("sap.fe.macros.Chart", {
 			/**
@@ -60,12 +59,19 @@ sap.ui.define(
 						type: "string",
 						isPublic: true
 					},
+					/**
+					 * If specificed as true the ID is applied to the inner content of the building block
+					 * This is only a private property to be used by sap.fe (Fiori Elements)
+					 */
+					_applyIdToContent: {
+						type: "boolean",
+						defaultValue: false
+					},
 					/**
 					 * Metadata path to the presentation (UI.Chart w or w/o qualifier)
 					 */
 					metaPath: {
 						type: "sap.ui.model.Context",
-						required: true,
 						isPublic: true
 					},
 					/**
@@ -73,7 +79,6 @@ sap.ui.define(
 					 */
 					contextPath: {
 						type: "sap.ui.model.Context",
-						required: true,
 						isPublic: true
 					},
 					/**
@@ -129,13 +134,6 @@ sap.ui.define(
 					vizProperties: {
 						type: "string"
 					},
-					/**
-					 * Parameter which sets the event handler on a chart selection
-					 */
-					dataPointsSelected: {
-						type: "function",
-						isPublic: true
-					},
 					/**
 					 * The actions to be shown in the action area of the chart
 					 */
@@ -152,6 +150,14 @@ sap.ui.define(
 				events: {
 					onSegmentedButtonPressed: {
 						type: "function"
+					},
+					/**
+					 * An event triggered when chart selections are changed. The event contains information about the data selected/deselected and
+					 * boolean flag that indicates whether data is selected or deselected
+					 */
+					selectionChange: {
+						type: "Function",
+						isPublic: true
 					}
 				}
 			},
@@ -193,6 +199,15 @@ sap.ui.define(
 				}
 				this.setDefaultValue(oProps, "onSegmentedButtonPressed", oChartDefinition.onSegmentedButtonPressed);
 				this.setDefaultValue(oProps, "visible", oChartDefinition.visible);
+
+				if (oProps._applyIdToContent) {
+					oProps._apiId = oProps.id + "::Chart";
+					oProps._contentId = oProps.id;
+				} else {
+					oProps._apiId = oProps.id;
+					oProps._contentId = oProps.id + "-content";
+				}
+
 				return oProps;
 			}
 		});

package/src/sap/fe/macros/ChartAPI.js

@@ -0,0 +1,147 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/fe/core/helpers/ClassSupport", "./MacroAPI", "sap/base/util/merge"], function (ClassSupport, MacroAPI, merge) {
+  "use strict";
+
+  var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _class, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6;
+
+  var Event = ClassSupport.Event;
+  var EventHandler = ClassSupport.EventHandler;
+  var Property = ClassSupport.Property;
+  var APIClass = ClassSupport.APIClass;
+
+  function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+  function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+  function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+
+  function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }
+
+  /**
+   * Building block used to create a chart based on the metadata provided by OData V4.
+   * <br>
+   * Usually, a contextPath and metaPath is expected.
+   *
+   *
+   * Usage example:
+   * <pre>
+   * &lt;macro:Chart id="Mychart" contextPath="/RootEntity" metaPath="@com.sap.vocabularies.UI.v1.Chart" /&gt;
+   * </pre>
+   *
+   * @alias sap.fe.macros.Chart
+   * @public
+   */
+  var ChartAPI = (_dec = APIClass("sap.fe.macros.ChartAPI"), _dec2 = Property({
+    type: "string"
+  }), _dec3 = Property({
+    type: "sap.ui.model.Context",
+    required: true
+  }), _dec4 = Property({
+    type: "sap.ui.model.Context",
+    required: true
+  }), _dec5 = Property({
+    type: "string",
+    defaultValue: "MULTIPLE"
+  }), _dec6 = Property({
+    type: "boolean|string"
+  }), _dec(_class = (_class2 = /*#__PURE__*/function (_MacroAPI) {
+    _inherits(ChartAPI, _MacroAPI);
+
+    var _super = _createSuper(ChartAPI);
+
+    function ChartAPI() {
+      var _this;
+
+      _classCallCheck(this, ChartAPI);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+
+      _initializerDefineProperty(_assertThisInitialized(_this), "id", _descriptor, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_assertThisInitialized(_this), "metaPath", _descriptor2, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_assertThisInitialized(_this), "contextPath", _descriptor3, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_assertThisInitialized(_this), "selectionMode", _descriptor4, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_assertThisInitialized(_this), "personalization", _descriptor5, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_assertThisInitialized(_this), "selectionChange", _descriptor6, _assertThisInitialized(_this));
+
+      return _this;
+    }
+
+    _createClass(ChartAPI, [{
+      key: "handleSelectionChange",
+      value: function handleSelectionChange(oEvent) {
+        var aData = oEvent.getParameter("data");
+        var bSelected = oEvent.getParameter("name") === "selectData";
+        this.fireSelectionChange(merge({}, {
+          data: aData,
+          selected: bSelected
+        }));
+      }
+    }]);
+
+    return ChartAPI;
+  }(MacroAPI), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "id", [_dec2], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "metaPath", [_dec3], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "contextPath", [_dec4], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, "selectionMode", [_dec5], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor5 = _applyDecoratedDescriptor(_class2.prototype, "personalization", [_dec6], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor6 = _applyDecoratedDescriptor(_class2.prototype, "selectionChange", [Event], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _applyDecoratedDescriptor(_class2.prototype, "handleSelectionChange", [EventHandler], Object.getOwnPropertyDescriptor(_class2.prototype, "handleSelectionChange"), _class2.prototype)), _class2)) || _class);
+  return ChartAPI;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoYXJ0QVBJLnRzIl0sIm5hbWVzIjpbIkNoYXJ0QVBJIiwiQVBJQ2xhc3MiLCJQcm9wZXJ0eSIsInR5cGUiLCJyZXF1aXJlZCIsImRlZmF1bHRWYWx1ZSIsIm9FdmVudCIsImFEYXRhIiwiZ2V0UGFyYW1ldGVyIiwiYlNlbGVjdGVkIiwiZmlyZVNlbGVjdGlvbkNoYW5nZSIsIm1lcmdlIiwiZGF0YSIsInNlbGVjdGVkIiwiTWFjcm9BUEkiLCJFdmVudCIsIkV2ZW50SGFuZGxlciJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtNQUVNQSxRLFdBRExDLFFBQVEsQ0FBQyx3QkFBRCxDLFVBUVBDLFFBQVEsQ0FBQztBQUFFQyxJQUFBQSxJQUFJLEVBQUU7QUFBUixHQUFELEMsVUFRUkQsUUFBUSxDQUFDO0FBQUVDLElBQUFBLElBQUksRUFBRSxzQkFBUjtBQUFnQ0MsSUFBQUEsUUFBUSxFQUFFO0FBQTFDLEdBQUQsQyxVQVFSRixRQUFRLENBQUM7QUFBRUMsSUFBQUEsSUFBSSxFQUFFLHNCQUFSO0FBQWdDQyxJQUFBQSxRQUFRLEVBQUU7QUFBMUMsR0FBRCxDLFVBUVJGLFFBQVEsQ0FBQztBQUFFQyxJQUFBQSxJQUFJLEVBQUUsUUFBUjtBQUFrQkUsSUFBQUEsWUFBWSxFQUFFO0FBQWhDLEdBQUQsQyxVQVFSSCxRQUFRLENBQUM7QUFBRUMsSUFBQUEsSUFBSSxFQUFFO0FBQVIsR0FBRCxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7YUFZVCwrQkFDc0JHLE1BRHRCLEVBQ3dDO0FBQ3ZDLFlBQU1DLEtBQUssR0FBR0QsTUFBTSxDQUFDRSxZQUFQLENBQW9CLE1BQXBCLENBQWQ7QUFDQSxZQUFNQyxTQUFTLEdBQUdILE1BQU0sQ0FBQ0UsWUFBUCxDQUFvQixNQUFwQixNQUFnQyxZQUFsRDtBQUNDLFlBQUQsQ0FBY0UsbUJBQWQsQ0FBa0NDLEtBQUssQ0FBQyxFQUFELEVBQUs7QUFBRUMsVUFBQUEsSUFBSSxFQUFFTCxLQUFSO0FBQWVNLFVBQUFBLFFBQVEsRUFBRUo7QUFBekIsU0FBTCxDQUF2QztBQUNBOzs7O0lBeERxQkssUTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztzRkFnRHJCQyxLOzs7Ozs2RUFHQUMsWTtTQVFhaEIsUSIsInNvdXJjZVJvb3QiOiIuIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVBJQ2xhc3MsIFByb3BlcnR5LCBFdmVudEhhbmRsZXIsIEV2ZW50IH0gZnJvbSBcInNhcC9mZS9jb3JlL2hlbHBlcnMvQ2xhc3NTdXBwb3J0XCI7XG5pbXBvcnQgTWFjcm9BUEkgZnJvbSBcIi4vTWFjcm9BUElcIjtcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSBcInNhcC9iYXNlL3V0aWxcIjtcblxuLyoqXG4gKiBCdWlsZGluZyBibG9jayB1c2VkIHRvIGNyZWF0ZSBhIGNoYXJ0IGJhc2VkIG9uIHRoZSBtZXRhZGF0YSBwcm92aWRlZCBieSBPRGF0YSBWNC5cbiAqIDxicj5cbiAqIFVzdWFsbHksIGEgY29udGV4dFBhdGggYW5kIG1ldGFQYXRoIGlzIGV4cGVjdGVkLlxuICpcbiAqXG4gKiBVc2FnZSBleGFtcGxlOlxuICogPHByZT5cbiAqICZsdDttYWNybzpDaGFydCBpZD1cIk15Y2hhcnRcIiBjb250ZXh0UGF0aD1cIi9Sb290RW50aXR5XCIgbWV0YVBhdGg9XCJAY29tLnNhcC52b2NhYnVsYXJpZXMuVUkudjEuQ2hhcnRcIiAvJmd0O1xuICogPC9wcmU+XG4gKlxuICogQGFsaWFzIHNhcC5mZS5tYWNyb3MuQ2hhcnRcbiAqIEBwdWJsaWNcbiAqL1xuQEFQSUNsYXNzKFwic2FwLmZlLm1hY3Jvcy5DaGFydEFQSVwiKVxuY2xhc3MgQ2hhcnRBUEkgZXh0ZW5kcyBNYWNyb0FQSSB7XG5cdC8qKlxuXHQgKlxuXHQgKiBJRCBvZiB0aGUgY2hhcnRcblx0ICpcblx0ICogQHB1YmxpY1xuXHQgKi9cblx0QFByb3BlcnR5KHsgdHlwZTogXCJzdHJpbmdcIiB9KVxuXHRpZCE6IHN0cmluZztcblxuXHQvKipcblx0ICogTWV0YWRhdGEgcGF0aCB0byB0aGUgcHJlc2VudGF0aW9uIChVSS5DaGFydCB3IG9yIHcvbyBxdWFsaWZpZXIpXG5cdCAqXG5cdCAqIEBwdWJsaWNcblx0ICovXG5cdEBQcm9wZXJ0eSh7IHR5cGU6IFwic2FwLnVpLm1vZGVsLkNvbnRleHRcIiwgcmVxdWlyZWQ6IHRydWUgfSlcblx0bWV0YVBhdGghOiBzdHJpbmc7XG5cblx0LyoqXG5cdCAqIE1ldGFkYXRhIHBhdGggdG8gdGhlIGVudGl0eVNldCBvciBuYXZpZ2F0aW9uUHJvcGVydHlcblx0ICpcblx0ICogQHB1YmxpY1xuXHQgKi9cblx0QFByb3BlcnR5KHsgdHlwZTogXCJzYXAudWkubW9kZWwuQ29udGV4dFwiLCByZXF1aXJlZDogdHJ1ZSB9KVxuXHRjb250ZXh0UGF0aCE6IHN0cmluZztcblxuXHQvKipcblx0ICogU3BlY2lmaWVzIHRoZSBzZWxlY3Rpb24gbW9kZVxuXHQgKlxuXHQgKiBAcHVibGljXG5cdCAqL1xuXHRAUHJvcGVydHkoeyB0eXBlOiBcInN0cmluZ1wiLCBkZWZhdWx0VmFsdWU6IFwiTVVMVElQTEVcIiB9KVxuXHRzZWxlY3Rpb25Nb2RlITogc3RyaW5nO1xuXG5cdC8qKlxuXHQgKiBQYXJhbWV0ZXIgd2hpY2ggc2V0cyB0aGUgcGVyc29uYWxpemF0aW9uIG9mIHRoZSBNREMgY2hhcnRcblx0ICpcblx0ICogQHB1YmxpY1xuXHQgKi9cblx0QFByb3BlcnR5KHsgdHlwZTogXCJib29sZWFufHN0cmluZ1wiIH0pXG5cdHBlcnNvbmFsaXphdGlvbiE6IGJvb2xlYW4gfCBzdHJpbmc7XG5cblx0LyoqXG5cdCAqIEFuIGV2ZW50IHRyaWdnZXJlZCB3aGVuIGNoYXJ0IHNlbGVjdGlvbnMgYXJlIGNoYW5nZWQuIFRoZSBldmVudCBjb250YWlucyBpbmZvcm1hdGlvbiBhYm91dCB0aGUgZGF0YSBzZWxlY3RlZC9kZXNlbGVjdGVkIGFuZFxuXHQgKiBib29sZWFuIGZsYWcgdGhhdCBpbmRpY2F0ZXMgd2hldGhlciBkYXRhIGlzIHNlbGVjdGVkIG9yIGRlc2VsZWN0ZWQuXG5cdCAqXG5cdCAqIEBwdWJsaWNcblx0ICovXG5cdEBFdmVudFxuXHRzZWxlY3Rpb25DaGFuZ2UhOiBGdW5jdGlvbjtcblxuXHRARXZlbnRIYW5kbGVyXG5cdGhhbmRsZVNlbGVjdGlvbkNoYW5nZShvRXZlbnQ6IFVJNUV2ZW50KSB7XG5cdFx0Y29uc3QgYURhdGEgPSBvRXZlbnQuZ2V0UGFyYW1ldGVyKFwiZGF0YVwiKTtcblx0XHRjb25zdCBiU2VsZWN0ZWQgPSBvRXZlbnQuZ2V0UGFyYW1ldGVyKFwibmFtZVwiKSA9PT0gXCJzZWxlY3REYXRhXCI7XG5cdFx0KHRoaXMgYXMgYW55KS5maXJlU2VsZWN0aW9uQ2hhbmdlKG1lcmdlKHt9LCB7IGRhdGE6IGFEYXRhLCBzZWxlY3RlZDogYlNlbGVjdGVkIH0pKTtcblx0fVxufVxuXG5leHBvcnQgZGVmYXVsdCBDaGFydEFQSTtcbiJdfQ==

package/src/sap/fe/macros/ChartAPI.ts

@@ -0,0 +1,79 @@
+import { APIClass, Property, EventHandler, Event } from "sap/fe/core/helpers/ClassSupport";
+import MacroAPI from "./MacroAPI";
+import { merge } from "sap/base/util";
+
+/**
+ * Building block used to create a chart based on the metadata provided by OData V4.
+ * <br>
+ * Usually, a contextPath and metaPath is expected.
+ *
+ *
+ * Usage example:
+ * <pre>
+ * &lt;macro:Chart id="Mychart" contextPath="/RootEntity" metaPath="@com.sap.vocabularies.UI.v1.Chart" /&gt;
+ * </pre>
+ *
+ * @alias sap.fe.macros.Chart
+ * @public
+ */
+@APIClass("sap.fe.macros.ChartAPI")
+class ChartAPI extends MacroAPI {
+	/**
+	 *
+	 * ID of the chart
+	 *
+	 * @public
+	 */
+	@Property({ type: "string" })
+	id!: string;
+
+	/**
+	 * Metadata path to the presentation (UI.Chart w or w/o qualifier)
+	 *
+	 * @public
+	 */
+	@Property({ type: "sap.ui.model.Context", required: true })
+	metaPath!: string;
+
+	/**
+	 * Metadata path to the entitySet or navigationProperty
+	 *
+	 * @public
+	 */
+	@Property({ type: "sap.ui.model.Context", required: true })
+	contextPath!: string;
+
+	/**
+	 * Specifies the selection mode
+	 *
+	 * @public
+	 */
+	@Property({ type: "string", defaultValue: "MULTIPLE" })
+	selectionMode!: string;
+
+	/**
+	 * Parameter which sets the personalization of the MDC chart
+	 *
+	 * @public
+	 */
+	@Property({ type: "boolean|string" })
+	personalization!: boolean | string;
+
+	/**
+	 * An event triggered when chart selections are changed. The event contains information about the data selected/deselected and
+	 * boolean flag that indicates whether data is selected or deselected.
+	 *
+	 * @public
+	 */
+	@Event
+	selectionChange!: Function;
+
+	@EventHandler
+	handleSelectionChange(oEvent: UI5Event) {
+		const aData = oEvent.getParameter("data");
+		const bSelected = oEvent.getParameter("name") === "selectData";
+		(this as any).fireSelectionChange(merge({}, { data: aData, selected: bSelected }));
+	}
+}
+
+export default ChartAPI;