@openui5/sap.ui.integration 1.124.2 → 1.126.0

package/.reuse/dep5

@@ -50,6 +50,11 @@ Copyright: Mario Heiderich
 License: Apache-2.0
 Comment: these files belong to: purify.js
 
+Files: src/sap.m/test/sap/m/qunit/_thirdparty/qunit-composite.css src/sap.m/test/sap/m/qunit/_thirdparty/qunit-composite.js
+Copyright: jQuery Foundation and other contributors, https://jquery.org/
+License: MIT
+Comment: these files belong to: QUnit Composite 2.0.0
+
 
 # Library: sap.ui.codeeditor:
 
@@ -379,13 +384,13 @@ Copyright: 2017 Wei Song and Oliver Nightingale
 License: MIT
 Comment: these files belong to: Elasticlunr
 
-Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-1.10.15/*
-Copyright: 2008-2017 SpryMedia Ltd
+Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-2.0.1/*
+Copyright: SpryMedia Ltd
 License: MIT
 Comment: these files belong to: DataTables
 
-Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/*
-Copyright: 2016 SpryMedia Ltd
+Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-3.0.0/*
+Copyright: SpryMedia Ltd
 License: MIT
 Comment: these files belong to: Buttons extension for DataTables
 

package/THIRDPARTY.txt

@@ -12,6 +12,13 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.m/src/sap/m/_thirdparty/purify.js
 
+Component: QUnit Composite 2.0.0, version: 2.0.0
+Copyright: jQuery Foundation and other contributors, https://jquery.org/
+License: MIT
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
+Contained in: src/sap.m/test/sap/m/qunit/_thirdparty/qunit-composite.css
+	src/sap.m/test/sap/m/qunit/_thirdparty/qunit-composite.js
+
 
 Library: sap.ui.codeeditor:
 
@@ -356,17 +363,17 @@ License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/elasticlunr.js
 
-Component: DataTables, version: 1.10.15
-Copyright: 2008-2017 SpryMedia Ltd
+Component: DataTables, version: 2.0.1
+Copyright: SpryMedia Ltd
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-1.10.15/*
+Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-2.0.1/*
 
-Component: Buttons extension for DataTables, version: 1.4.0
-Copyright: 2016 SpryMedia Ltd
+Component: Buttons extension for DataTables, version: 3.0.0
+Copyright: SpryMedia Ltd
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/*
+Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-3.0.0/*
 
 
 Library: sap.ui.integration:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.integration",
-  "version": "1.124.2",
+  "version": "1.126.0",
   "description": "OpenUI5 UI Library sap.ui.integration",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,11 +14,11 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.124.2",
-    "@openui5/sap.f": "1.124.2",
-    "@openui5/sap.m": "1.124.2",
-    "@openui5/sap.ui.unified": "1.124.2",
-    "@openui5/sap.ui.layout": "1.124.2",
-    "@openui5/sap.ui.table": "1.124.2"
+    "@openui5/sap.ui.core": "1.126.0",
+    "@openui5/sap.f": "1.126.0",
+    "@openui5/sap.m": "1.126.0",
+    "@openui5/sap.ui.unified": "1.126.0",
+    "@openui5/sap.ui.layout": "1.126.0",
+    "@openui5/sap.ui.table": "1.126.0"
   }
 }

package/src/sap/ui/integration/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.124.2</version>
+  <version>1.126.0</version>
 
   <documentation>SAPUI5 library with integration-related controls.</documentation>
 
@@ -56,7 +56,7 @@
 
     <!-- Thirdparty references -->
     <thirdparty xmlns="http://www.sap.com/ui5/buildext/thirdparty">
-        <lib name="ui5-web-components" displayName="UI5 Web Components" npmName="@ui5/webcomponents" version="1.7.0" homepage="https://sap.github.io/ui5-webcomponents/" id="73554900106100099957">
+        <lib name="ui5-web-components" displayName="UI5 Web Components" npmName="@ui5/webcomponents" version="1.7.0" homepage="https://sap.github.io/ui5-webcomponents/" id="73554900106100139112">
             <license url="https://github.com/SAP/ui5-webcomponents/blob/master/LICENSE.txt" type="Apache-2.0"></license>
             <copyright>SAP</copyright>
             <pattern>sap/ui/integration/thirdparty/webcomponents/*</pattern>
@@ -77,7 +77,7 @@
             <copyright>Microsoft</copyright>
             <pattern>sap/ui/integration/thirdparty/adaptive-expressions.js</pattern>
         </lib>
-        <lib name="markdown-it" displayName="Markdown-it" npmName="markdown-it" version="12.3.2" hash="fb4306ba1f8f41a66d39cc7545d879fb" homepage="https://github.com/markdown-it/markdown-it" id="73554900106100093551">
+        <lib name="markdown-it" displayName="Markdown-it" npmName="markdown-it" version="12.3.2" hash="fb4306ba1f8f41a66d39cc7545d879fb" homepage="https://github.com/markdown-it/markdown-it" id="73554900106100113285">
             <license url="https://github.com/markdown-it/markdown-it/blob/master/LICENSE" type="MIT"></license>
             <copyright>2014 Vitaly Puzrin, Alex Kocharin</copyright>
             <pattern>sap/ui/integration/thirdparty/markdown-it.js</pattern>

package/src/sap/ui/integration/ActionDefinition.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.124.2
+	 * @version 1.126.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/integration/Designtime.js

@@ -20,7 +20,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.124.2
+	 * @version 1.126.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/integration/Extension.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.124.2
+	 * @version 1.126.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/integration/Host.js

@@ -30,7 +30,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.124.2
+		 * @version 1.126.0
 		 *
 		 * @constructor
 		 * @public
@@ -473,6 +473,14 @@ sap.ui.define([
 			return fetch(sResource, mOptions);
 		};
 
+		/**
+		 * Override this method to change the source for the analytics cloud widget script.
+		 * @private
+		 * @ui5-restricted
+		 * @experimental Since 1.125. The API might change.
+		 */
+		Host.prototype.getAnalyticsCloudWidgetSrc = function () { };
+
 		Host.prototype._addStatisticsParameter = function (sUrl) {
 			var oUrl = new URL(sUrl, window.location.href);
 

package/src/sap/ui/integration/cards/AdaptiveContent.js

@@ -34,7 +34,7 @@ sap.ui.define([
 		 * @extends sap.ui.integration.cards.BaseContent
 		 *
 		 * @author SAP SE
-		 * @version 1.124.2
+		 * @version 1.126.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/ui/integration/cards/AnalyticalContent.js

@@ -92,7 +92,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.124.2
+	 * @version 1.126.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/AnalyticsCloudContent.js

@@ -7,23 +7,24 @@
 sap.ui.define([
 	"./AnalyticsCloudContentRenderer",
 	"./BaseContent",
-	"sap/ui/integration/library",
 	"sap/ui/core/HTML",
 	"sap/ui/integration/util/BindingResolver",
 	"sap/m/IllustratedMessageType",
-	"sap/base/Log"
+	"sap/base/Log",
+	"sap/base/util/deepClone",
+	"sap/ui/integration/util/AnalyticsCloudHelper"
 ], function (
 	AnalyticsCloudContentRenderer,
 	BaseContent,
-	library,
 	HTML,
 	BindingResolver,
 	IllustratedMessageType,
-	Log) {
+	Log,
+	deepClone,
+	AnalyticsCloudHelper
+) {
 	"use strict";
 
-	var ActionArea = library.CardActionArea;
-
 	/**
 	 * Constructor for a new <code>AnalyticsCloudContent</code>.
 	 *
@@ -31,18 +32,16 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new control
 	 *
 	 * @class
-	 * A control that allows the creation of a card content which is based on Highcharts library and Analytics Cloud Service response.
-	 *
-	 * <b>Note:</b> In order to use this content, the Highcharts library must be preloaded on the page. And <code>window.Highcharts</code> must be available.
+	 * A control that allows the creation of a card content which is based on Analytics Cloud Widgets library and Analytics Cloud Service response.
 	 *
 	 * @extends sap.ui.integration.cards.BaseContent
 	 *
 	 * @author SAP SE
-	 * @version 1.124.2
+	 * @version 1.126.0
 	 *
 	 * @constructor
 	 * @private
-	 * @since 1.73
+	 * @since 1.125
 	 * @alias sap.ui.integration.cards.AnalyticsCloudContent
 	 */
 	var AnalyticsCloudContent = BaseContent.extend("sap.ui.integration.cards.AnalyticsCloudContent", {
@@ -58,12 +57,11 @@ sap.ui.define([
 	AnalyticsCloudContent.prototype.init = function () {
 		BaseContent.prototype.init.apply(this, arguments);
 
-		var sId = this.getId() + "-highchartContainer";
-		// Add "sapFCardAnalyticsCloudContentHCC" class to the container content for CSP compliance
-		this._oHighchartContainer = new HTML(sId, {
-			content: "<div id=" + sId + " class='sapFCardAnalyticsCloudContentHCC'></div>"
+		var sId = this.getId() + "-widgetContainer";
+		this._oWidgetContainer = new HTML(sId, {
+			content: "<div id=" + sId + " class='sapUiIntAnalyticsCloudContentContainer'></div>"
 		});
-		this.setAggregation("_content", this._oHighchartContainer);
+		this.setAggregation("_content", this._oWidgetContainer);
 	};
 
 	/**
@@ -72,37 +70,32 @@ sap.ui.define([
 	AnalyticsCloudContent.prototype.exit = function () {
 		BaseContent.prototype.exit.apply(this, arguments);
 
-		if (this._oHighchart) {
-			this._oHighchart.destroy();
-			this._oHighchart = null;
-		}
-
-		if (this._oHighchartContainer) {
-			this._oHighchartContainer.destroy();
-			this._oHighchartContainer = null;
+		if (this._oWidgetContainer) {
+			this._oWidgetContainer.destroy();
+			this._oWidgetContainer = null;
 		}
 	};
 
 	/**
-	 * @inheritdoc
+	 * @override
 	 */
 	AnalyticsCloudContent.prototype.loadDependencies = function (oCardManifest) {
-		return this._loadHighcharts();
+		return AnalyticsCloudHelper.loadWidget(this.getCardInstance()?.getHostInstance());
 	};
 
 	/**
 	 * @override
 	 */
 	AnalyticsCloudContent.prototype.applyConfiguration = function () {
-		var oConfiguration = this.getParsedConfiguration();
-
 		//workaround until actions refactor
 		this.fireEvent("_actionContentReady");
-		this._oActions.attach({
-			area: ActionArea.Content,
-			actions: oConfiguration.actions,
-			control: this
-		});
+	};
+
+	/**
+	 * @override
+	 */
+	AnalyticsCloudContent.prototype.getStaticConfiguration = function () {
+		return this._getResolvedConfiguration();
 	};
 
 	/**
@@ -114,230 +107,166 @@ sap.ui.define([
 			return;
 		}
 
-		this._createHighchart();
+		this._renderWidget();
 	};
 
 	/**
-	 * Loads the Highchart library based on the sac destination.
-	 * @returns {Promise} A Promise which is resolved when Highcharts library is loaded.
+	 * Creates Widgets' chart inside the card content.
 	 */
-	AnalyticsCloudContent.prototype._loadHighcharts = function () {
-		var oCard = this.getCardInstance(),
-			sDestinationKey = AnalyticsCloudContent.SAC_DESTINATION_KEY,
-			pDestination = oCard.resolveDestination(sDestinationKey);
-
-		return pDestination
-			.then(function (sUrl) {
-				return AnalyticsCloudContent.loadHighcharts(sUrl);
-			}, function (sReason) {
-				return Promise.reject("Destination with key '" + sDestinationKey + "' is required for AnalyticsCloud card. It could not be resolved. Reason: '" + sReason + "'");
-			});
-	};
-
-	/**
-	 * Creates Highcharts' chart inside the card content.
-	 */
-	AnalyticsCloudContent.prototype._createHighchart = function () {
+	AnalyticsCloudContent.prototype._renderWidget = function () {
 		if (this._bIsBeingDestroyed) {
 			return;
 		}
 
-		var oCard = this.getCardInstance(),
-			oConfiguration = this.getParsedConfiguration(),
-			oBindingContext = this.getBindingContext(),
-			sPath,
-			oChartOptions;
-
-		// is all data already loaded (either from card level or from content level)
+		const oCard = this.getCardInstance();
 		if (!oCard.isReady()) {
-			oCard.attachEventOnce("_ready", this._createHighchart, this);
+			oCard.attachEventOnce("_ready", () => {
+				// Makes sure that it goes through onAfterRendering when card is ready
+				this.invalidate();
+			});
 			return;
 		}
 
-		// is Highcharts library available
-		if (!window.Highcharts) {
-			this.handleError({
-				illustrationType: IllustratedMessageType.ErrorScreen,
-				title: oCard.getTranslatedText("CARD_DATA_LOAD_ERROR"),
-				description: oCard.getTranslatedText("CARD_ERROR_HIGHCHARTS_DESCRIPTION")
-			});
+		if (!sap?.sac?.api?.widget) {
+			this._showError("Object sap.sac.api.widget not found on the page.");
 			return;
 		}
 
-		if (!this._oHighchartContainer) {
-			Log.error("Highcharts container is not created or destroyed.");
+		const oConfig = this._getResolvedConfiguration();
+		if (!oConfig.sacTenantDestination) {
+			this._showError("Required configuration /sap.card/content/sacTenantDestination was not found or is empty.");
 			return;
 		}
 
-		if (oBindingContext) {
-			sPath = oBindingContext.getPath();
+		const sContainerId = this._oWidgetContainer.getId();
+		const oWidget = oConfig?.widget;
+		const vInterpretation = oConfig?.interpretation;
+		const oOptions = this._getOptions(oConfig);
+
+		if (oWidget) {
+			sap.sac.api.widget.renderWidget(
+				sContainerId,
+				{ proxy: oConfig.sacTenantDestination },
+				oWidget.storyId,
+				oWidget.widgetId,
+				oOptions
+			);
+		} else if (vInterpretation) {
+			sap.sac.api.widget.renderWidgetForJustAsk(
+				sContainerId,
+				{ proxy: oConfig.sacTenantDestination },
+				vInterpretation,
+				oOptions
+			);
+		} else {
+			this._showError("Required configuration /sap.card/content/widget or /sap.card/content/interpretation was not found or is empty.");
 		}
-
-		oChartOptions = BindingResolver.resolveValue(oConfiguration.options, this, sPath);
-
-		this._oHighchart = new window.Highcharts.Chart(this._oHighchartContainer.getId(), oChartOptions);
 	};
 
-	/** Static methods */
-
 	/**
-	 * The key which must point to the SAC destination inside the card configuration. This destination will be used to load Highcharts library.
-	 * @readonly
-	 * @const {string}
+	 * Gets the content configuration, with resolved binding.
+	 * @returns {Object} The resolved configuration.
 	 */
-	AnalyticsCloudContent.SAC_DESTINATION_KEY = "sac";
+	AnalyticsCloudContent.prototype._getResolvedConfiguration = function () {
+		return BindingResolver.resolveValue(
+			this.getParsedConfiguration(),
+			this,
+			this.getBindingContext()?.getPath() || "/"
+		);
+	};
 
 	/**
-	 * List of Highcharts modules to load.
-	 * @readonly
-	 * @const {Object}
+	 * Gets the options from manifest merged with default options.
+	 * @param {Object} oConfig The content config.
+	 * @returns {Object} The options.
 	 */
-	AnalyticsCloudContent.HIGHCHART_MODULES = {
-		"highcharts/highstock": {
-			amd: true,
-			exports: 'Highcharts'
-		},
-		"highcharts/highcharts-more": {
-			deps: ["highcharts/highstock"]
-		},
-		"highcharts/solid-gauge": {
-			deps: ["highcharts/highstock", "highcharts/highcharts-more"]
-		},
-		"highcharts/histogram-bellcurve": {
-			deps: ["highcharts/highstock"]
-		},
-		"highcharts/no-data-to-display": {
-			deps: ["highcharts/highstock"]
-		},
-		"highcharts/wordcloud": {
-			deps: ["highcharts/highstock"]
-		},
-		"highcharts/variable-pie": {
-			deps: ["highcharts/highstock"]
-		},
-		"highcharts/heatmap": {
-			deps: ["highcharts/highstock"]
-		},
-		"highcharts/treemap": {
-			deps: ["highcharts/highstock"]
-		},
-		"highcharts/variwide": {
-			deps: ["highcharts/highstock"]
-		},
-		"highcharts/pattern-fill": {
-			deps: ["highcharts/highstock"]
-		},
-		"highcharts/highcharts-3d": {
-			deps: ["highcharts/highstock"]
-		},
-		"highcharts/grouped-categories": {
-			deps: ["highcharts/highstock"]
-		}
+	AnalyticsCloudContent.prototype._getOptions = function (oConfig) {
+		const oOptions = deepClone(oConfig.options) || {};
+		const oDefaultAttributes = {
+			enableInteraction: false,
+			enableUndoRedo: false,
+			enableMenus: false,
+			showHeader: false,
+			showFooter: false
+		};
+
+		oOptions.attributes = Object.assign({}, oDefaultAttributes, oOptions.attributes);
+
+		oOptions.renderComplete = {
+			onSuccess: this._onWidgetSuccess.bind(this),
+			onFailure: this._onWidgetFailure.bind(this)
+		};
+
+		return oOptions;
 	};
 
 	/**
-	 * Loads the Highcharts library.
-	 * @param {string} sBaseUrl The base url of the sac service from which the Highcharts library can be loaded.
-	 * @return {Promise} A Promise which is resolved when all Highcharts dependencies are loaded. Rejected if there is a problem.
+	 * Handles the case where widget rendering was successful.
 	 */
-	AnalyticsCloudContent.loadHighcharts = function (sBaseUrl) {
-		var sSanitizedUrl = sBaseUrl.trim().replace(/\/$/, ""), // remove any trailing spaces and slashes
-			sFireflyServiceUrl = sSanitizedUrl,
-			bIsIncluded = this._isHighchartsIncluded(sFireflyServiceUrl),
-			bIsIncludedByOthers = this._isHighchartsIncludedByThirdParty();
-
-		if (bIsIncluded) {
-			return this._pLoadModules;
-		}
+	AnalyticsCloudContent.prototype._onWidgetSuccess = function () {
+		const sWidgetId = this._getResolvedConfiguration()?.widget?.widgetId || "interpretation";
 
-		if (bIsIncludedByOthers) {
-			return Promise.resolve();
-		}
-
-		this._sIncludedFrom = sFireflyServiceUrl;
-		this._pLoadModules = this._loadModules(sFireflyServiceUrl);
-
-		return this._pLoadModules;
+		Log.info(`Widget rendered successfully: ${sWidgetId}`, this);
+		this._updateWidgetInfo();
 	};
 
 	/**
-	 * Is the Highcharts library already loaded.
-	 * @param {string} sBaseUrl The base url of the sac service from which the Highcharts library can be loaded.
-	 * @return {boolean} True if loaded.
+	 * Handles the case where widget rendering was failure.
+	 * @param {Error|Object|string|null} vError The error returned by the widget.
 	 */
-	AnalyticsCloudContent._isHighchartsIncluded = function (sBaseUrl) {
-		var sIncludedFrom = this._sIncludedFrom;
-
-		if (sIncludedFrom && sIncludedFrom === sBaseUrl) {
-			return true;
+	AnalyticsCloudContent.prototype._onWidgetFailure = function (vError) {
+		const oWidget = this._getResolvedConfiguration()?.widget;
+		const sStoryId = oWidget?.storyId || "interpretation";
+		const sWidgetId = oWidget?.widgetId || "interpretation";
+
+		let sError = `There was a failure in sap.sac.api.widget.renderWidget with storyId ${sStoryId} and widgetId ${sWidgetId}.`;
+
+		if (vError instanceof Error) {
+			sError += " " + vError.toString();
+			Log.error(vError.stack);
+		} else if (typeof vError === "object") {
+			sError += " " + JSON.stringify(vError);
+		} else if (vError) {
+			sError += " " + vError;
 		}
 
-		if (sIncludedFrom && sIncludedFrom !== sBaseUrl) {
-			Log.warning(
-				"Highcharts library is already included from '" + sIncludedFrom + "'. The included version will be used and will not load from '" + sBaseUrl + "'",
-				"sap.ui.integration.widgets.Card#AnalyticsCloud"
-			);
-			return true;
-		}
+		Log.error(sError, this);
 
-		return false;
+		this._updateWidgetInfo();
 	};
 
 	/**
-	 * Is the Highcharts library already loaded.
-	 * @return {boolean} True if loaded.
+	 * Sets the widget info from sap.sac.api.widget.getWidgetInfo to card's model widgetInfo
 	 */
-	AnalyticsCloudContent._isHighchartsIncludedByThirdParty = function () {
-		if (window.Highcharts) {
-			Log.warning(
-				"Highcharts library is already included on the page. The included version will be used and will not load another one.",
-				"sap.ui.integration.widgets.Card#AnalyticsCloud"
-			);
-			return true;
+	AnalyticsCloudContent.prototype._updateWidgetInfo = async function () {
+		const oCard = this.getCardInstance();
+		const sContainerId = this._oWidgetContainer.getId();
+
+		let oWidgetInfo = {};
+		try {
+			oWidgetInfo = await sap.sac.api.widget.getWidgetInfo(sContainerId);
+		} catch (oError) {
+			Log.error("Call to sap.sac.api.widget.getWidgetInfo failed.", this);
 		}
 
-		return false;
+		oCard.getModel("widgetInfo").setData(oWidgetInfo);
+
+		oCard.scheduleFireStateChanged();
 	};
 
 	/**
-	 * Loads all files from the Highcharts dependencies list.
-	 * @param {string} sBaseUrl The base url of the sac service from which the Highcharts library can be loaded.
-	 * @return {Promise} A Promise which is resolved when all Highcharts dependencies are loaded. Rejected if there is a problem.
+	 * Displays widget initialization error to the end user and logs error message.
+	 * @param {string} sError The error message to log.
 	 */
-	AnalyticsCloudContent._loadModules = function (sBaseUrl) {
-		var oShim = this.HIGHCHART_MODULES,
-			aModules = Object.getOwnPropertyNames(oShim);
-
-		sap.ui.loader.config({
-			paths: {
-				"highcharts": sBaseUrl + "/highcharts"
-			},
-			async: true,
-			shim: oShim
-		});
+	AnalyticsCloudContent.prototype._showError = function (sError) {
+		const oCard = this.getCardInstance();
 
-		return this._require(aModules)
-			.catch(function () {
-				return Promise.reject("There was a problem with loading of the Highcharts library files.");
-			});
-	};
+		Log.error(sError, this);
 
-	/**
-	 * Require the modules.
-	 * @param {array} aModules The modules to require
-	 * @return {Promise} A Promise which is resolved when the modules are loaded and rejected when failed to load.
-	 */
-	AnalyticsCloudContent._require = function (aModules) {
-		return new Promise(function (fnResolve, fnReject) {
-			sap.ui.require(
-				aModules,
-				function () {
-					fnResolve(arguments);
-				},
-				function (oError) {
-					fnReject(oError);
-				}
-			);
+		this.handleError({
+			illustrationType: IllustratedMessageType.ErrorScreen,
+			title: oCard.getTranslatedText("CARD_ERROR_ANALYTICS_CLOUD_TITLE"),
+			description: oCard.getTranslatedText("CARD_ERROR_ANALYTICS_CLOUD_DESCRIPTION")
 		});
 	};