@openui5/sap.ui.documentation 1.96.5 → 1.99.0

package/src/sap/ui/documentation/sdk/controller/VersionNotFound.controller.js

@@ -0,0 +1,106 @@
+/*!
+ * 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([
+	"./BaseController",
+	"sap/ui/thirdparty/URI",
+	"sap/m/library"
+], function (
+	BaseController,
+	URI,
+	mLib
+) {
+	"use strict";
+
+	return BaseController.extend("sap.ui.documentation.sdk.controller.VersionNotFound", {
+		onInit: function () {
+			// Load VersionInfo model promise
+			this._loadVersionInfo()
+				.then(this._onVersionInfo.bind(this))
+				.catch(this._onError.bind(this));
+		},
+
+		onReadMore: function () {
+			mLib.URLHelper.redirect("https://blogs.sap.com/2021/01/26/removing-outdated-ui5-versions-from-ui5-cdn/");
+		},
+
+		onHomePress: function () {
+			// initialize the UI component
+			mLib.URLHelper.redirect("/");
+		},
+
+		_onError: function () {
+			var oMessagePage = this.getView().byId("page");
+
+			oMessagePage.setBusy(false);
+			oMessagePage.setText(this._getLibraryResourceBundle().getText("NOT_FOUND_UNAVAILABLE_TEXT"));
+		},
+
+		_onVersionInfo: function (oVersionInfo) {
+			var oMessagePage = this.getView().byId("page"),
+				oReadMoreBtn = this.getView().byId("readMoreButton"),
+				reVersion = new RegExp("^([0-9]+)(?:\\.([0-9]+)(?:\\.([0-9]+))?)?(.+)?"),
+				oURI = new URI(document.location.href),
+				aSegments = oURI.segment(),
+				sVersion,
+				isRemoved = false;
+
+			oMessagePage.setBusy(false);
+
+			for (var i = 0, l = aSegments.length; i < l; i++) {
+				if (reVersion.test(aSegments[i])) {
+					sVersion = aSegments[i];
+					break;
+				}
+			}
+
+			isRemoved = this._isVersionRemoved(oVersionInfo, sVersion);
+
+			if (isRemoved) {
+				// show removed message
+				oMessagePage.setText(this._getLibraryResourceBundle().getText("NOT_FOUND_REMOVED_TEXT"));
+				oReadMoreBtn.setVisible(true);
+			} else {
+				// show unavailable message
+				oReadMoreBtn.setVisible(false);
+				oMessagePage.setText(this._getLibraryResourceBundle().getText("NOT_FOUND_UNAVAILABLE_TEXT"));
+			}
+		},
+
+		_isVersionRemoved: function (oVersionInfo, sVersion) {
+			var aPatches = oVersionInfo.patches,
+				iVersionIndex,
+				reVersion;
+
+			iVersionIndex = aPatches.findIndex(function (oData) {
+				reVersion = new RegExp(oData.version);
+				return oData.removed && reVersion.test(sVersion);
+			});
+
+			return iVersionIndex > -1;
+		},
+
+		_getLibraryResourceBundle: function () {
+			return sap.ui.getCore().getLibraryResourceBundle("sap.ui.documentation");
+		},
+
+		_loadVersionInfo: function () {
+			return new Promise(function (resolve, reject) {
+				jQuery.ajax({
+					async: true,
+					url: "/versionoverview.json",
+					dataType: 'json',
+					success: function (oResponse) {
+						resolve(oResponse);
+					},
+					error: function (err) {
+						reject(err);
+					}
+				});
+			});
+		}
+	});
+});

package/src/sap/ui/documentation/sdk/controller/config/sampleForwardingConfig.js

@@ -0,0 +1,40 @@
+/*!
+ * 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([], function () {
+	"use strict";
+
+	return {
+		"sap.f.sample.IllustratedMessageInCardNoActivities": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInCardNoActivities"
+		},
+		"sap.f.sample.IllustratedMessageInCardNoEmail": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInCardNoEmail"
+		},
+		"sap.f.sample.IllustratedMessageInDialog": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInDialog"
+		},
+		"sap.f.sample.IllustratedMessageInPage": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInPage"
+		},
+		"sap.f.sample.IllustratedMessageInPageTNT": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInPageTNT"
+		},
+		"sap.f.sample.IllustratedMessageSessionTimeout": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageSessionTimeout"
+		},
+		"sap.f.sample.Avatar": {
+			entityId: "sap.m.Avatar",
+			sampleId: "sap.m.sample.Avatar"
+		}
+	};
+});

package/src/sap/ui/documentation/sdk/controller/util/ConfigUtil.js

@@ -21,6 +21,10 @@ sap.ui.define([
 			"DEMOKIT_IMPORTANT_MESSAGES_READ": "IMR"
 		},
 
+		"LOCAL_STORAGE_NAMES": {
+			"OLD_NEWS_IDS": "dk_old_news_ids"
+		},
+
 		constructor : function (oComponent) {
 			this._oComponent = oComponent;
 		},
@@ -68,6 +72,18 @@ sap.ui.define([
 			return "";
 		},
 
+		setLocalStorageItem: function (sItem, vValue) {
+			window.localStorage.setItem(sItem, JSON.stringify(vValue));
+		},
+
+		getLocalStorageItem: function (sItem) {
+			return JSON.parse(window.localStorage.getItem(sItem));
+		},
+
+		removeLocalStorageItem: function (sItem) {
+			window.localStorage.removeItem(sItem);
+		},
+
 		_getMasterTargetName: function(sRouteName) {
 			var oRouteConfig = this._getRouteConfig(sRouteName),
 				bIsSplitView = oRouteConfig && oRouteConfig.target.length === 2,

package/src/sap/ui/documentation/sdk/controller/util/NewsInfo.js

@@ -0,0 +1,188 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides reuse functionality for reading news from news RSS files
+sap.ui.define([
+		"sap/ui/core/Core",
+		"sap/ui/thirdparty/jquery",
+		"sap/ui/documentation/sdk/util/Resources",
+		"sap/base/Log"
+	],
+	function(Core, jQuery, ResourcesUtil, Log) {
+		"use strict";
+
+		var _oNewsDataCache = {},
+			_aNewNews = [],
+			_aOldNews = [],
+			_sPreparationFailureMessage = null,
+			_bInitiallySplit = false,
+			_sOldNewsLocalStorageKey = 'OLD_NEWS_IDS',
+			_sLocalStorageNewsName,
+			_oConfigUtilInstance;
+
+		function prepareNewsData(oConfigUtilInstance) {
+
+			if (_oNewsDataCache["newsRSS"]) {
+				return Promise.resolve(_oNewsDataCache["newsRSS"]);
+			}
+
+			_oConfigUtilInstance = oConfigUtilInstance;
+			_sLocalStorageNewsName = _oConfigUtilInstance.LOCAL_STORAGE_NAMES[_sOldNewsLocalStorageKey];
+
+			return _requireConfigJSON()
+					.then(_requireFeedXML)
+					.then(_parseDateToLocaleString)
+					.then(_splitNewAndOldItems)
+					.catch(function (vReason) {
+						_sPreparationFailureMessage = vReason.message;
+						Log.error(_sPreparationFailureMessage);
+					})
+					.finally(_publishNewsChangedEvent);
+		}
+
+		function _splitNewAndOldItems() {
+
+			if (_bInitiallySplit) {
+				return Promise.resolve();
+			}
+
+			var aLocalStorageCachedIDs = _oConfigUtilInstance.getLocalStorageItem(_sLocalStorageNewsName);
+
+			return new Promise(function (resolve) {
+
+				var aItems = _oNewsDataCache["newsRSS"].items,
+					oCurrItem;
+
+				if (Array.isArray(aLocalStorageCachedIDs)) {
+					for (var i = 0; i < aItems.length; i++) {
+						oCurrItem = aItems[i];
+						if (aLocalStorageCachedIDs.indexOf(oCurrItem.id) !== -1) {
+							_aOldNews.push(oCurrItem);
+						} else {
+							_aNewNews.push(oCurrItem);
+						}
+					}
+				} else {
+					_aNewNews = aItems.slice();
+				}
+				_bInitiallySplit = true;
+				resolve();
+			});
+		}
+
+		function getPreparationFailureMessage() {
+			return _sPreparationFailureMessage;
+		}
+
+		function getNewNewsArray() {
+			return _aNewNews;
+		}
+
+		function getOldNewsArray() {
+			return _aOldNews;
+		}
+
+		function moveNewItemToOld(oItem) {
+			var iIndexInNewArr = _aNewNews.indexOf(oItem),
+				aLocalStorageIDs = _oConfigUtilInstance.getLocalStorageItem(_sLocalStorageNewsName) || [];
+
+			if (iIndexInNewArr > -1) {
+				_aNewNews.splice(iIndexInNewArr, 1);
+			}
+
+			_aOldNews.push(oItem);
+			aLocalStorageIDs.push(oItem.id);
+
+			_oConfigUtilInstance.setLocalStorageItem(_sLocalStorageNewsName, aLocalStorageIDs);
+			_publishNewsChangedEvent();
+		}
+
+		function moveAllNewItemsToOld() {
+			var aLocalStorageIDs = _oConfigUtilInstance.getLocalStorageItem(_sLocalStorageNewsName) || [],
+				oCurrItem;
+
+			for (var i = 0; i < _aNewNews.length; i++) {
+				oCurrItem = _aNewNews[i];
+				_aOldNews.push(oCurrItem);
+				aLocalStorageIDs.push(oCurrItem.id);
+			}
+
+			_aNewNews = [];
+			_oConfigUtilInstance.setLocalStorageItem(_sLocalStorageNewsName, aLocalStorageIDs);
+
+			_publishNewsChangedEvent();
+		}
+
+		function _parseDateToLocaleString() {
+			var aItems = _oNewsDataCache["newsRSS"].items;
+
+			aItems.forEach(function(oItem) {
+				oItem.updated = new Date(oItem.updated).toLocaleString();
+			});
+		}
+
+		function _publishNewsChangedEvent() {
+			Core.getEventBus().publish("newsChanged", "onDemoKitNewsChanged");
+		}
+
+		function _requireConfigJSON() {
+			return new Promise(function (resolve) {
+				jQuery.ajax(ResourcesUtil.getResourceOriginPath("/news-config.json"), {
+						type: "GET",
+						dataType: "JSON",
+					success : function(oResult) {
+						resolve(oResult);
+					},
+					error : function () {
+						Log.error("failed to load news-config.json");
+						resolve();
+					}
+				});
+			});
+		}
+
+		function _requireFeedXML(oJSON) {
+			return new Promise(function (resolve) {
+				jQuery.ajax(ResourcesUtil.getResourceOriginPath(oJSON.feedPath), {
+						type: "GET",
+						dataType: "xml",
+					success : function(oResult) {
+
+						var items = [];
+						jQuery('item', oResult).each( function() {
+							var item = {};
+							item.title = jQuery(this).find('title').eq(0).text();
+							item.link = jQuery(this).find('link').eq(0).text();
+							item.description = jQuery(this).find('description').eq(0).text();
+							item.updated = jQuery(this).find('pubDate').eq(0).text();
+							item.id = jQuery(this).find('guid').eq(0).text();
+							items.push(item);
+						});
+
+						_oNewsDataCache["newsRSS"] = {"items" : items};
+						resolve(
+							_oNewsDataCache["newsRSS"]
+						);
+					},
+					error : function () {
+						Log.error("failed to load news rss");
+						_oNewsDataCache["newsRSS"] = null;
+						resolve();
+					}
+				});
+			});
+		}
+
+		return {
+			moveAllNewItemsToOld: moveAllNewItemsToOld,
+			moveNewItemToOld: moveNewItemToOld,
+			prepareNewsData: prepareNewsData,
+			getPreparationFailureMessage: getPreparationFailureMessage,
+			getNewNewsArray: getNewNewsArray,
+			getOldNewsArray: getOldNewsArray
+		};
+
+	});

package/src/sap/ui/documentation/sdk/controller/util/ToolsInfo.js

@@ -12,7 +12,8 @@ sap.ui.define([],
 		var aTools = [
 			{
 				"id": "uiThemeDesigner",
-				"text": "UI Theme Designer"
+				"text": "UI Theme Designer",
+				"href": "https://www.sap.com/community/topics/ui-theme-designer.html"
 			},
 			{
 				"id": "businessApplicationStudio",
@@ -63,6 +64,11 @@ sap.ui.define([],
 				"id": "fioriTools",
 				"text": "SAP Fiori Tools",
 				"href": "https://help.sap.com/viewer/product/SAP_FIORI_tools/Latest/en-US"
+			},
+			{
+				"id": "flexibleProgrammingModelExplorer",
+				"text": "Flexible Programming Model Explorer",
+				"href": "https://sapui5.hana.ondemand.com/test-resources/sap/fe/core/fpmExplorer/index.html#/overview/introduction"
 			}
 		];
 

package/src/sap/ui/documentation/sdk/controller/util/datatable/filters/DataTableFilterDropDownRenderer.js

@@ -34,6 +34,7 @@ sap.ui.define([],
             oRm.text('Filter');
             oRm.close('a');
             oRm.openStart("ul", oControl.getId() + "-optionsList");
+			oRm.attr("tabindex", 0);
             if (!oControl.getProperty("expanded")){
                 oRm.style("display", "none");
             }
@@ -56,9 +57,14 @@ sap.ui.define([],
                     oRm.attr("checked", "true");
                 }
                 oRm.attr("type", "checkbox");
+				oRm.attr("id", "dropDownFilterOption" + index);
                 oRm.attr("index", index);
                 oRm.voidEnd();
-                oRm.text(sOption);
+				oRm.openStart("label");
+				oRm.attr("for", "dropDownFilterOption" + index);
+				oRm.openEnd("label");
+				oRm.text(sOption);
+				oRm.close("label");
                 oRm.close("li");
             });
 

package/src/sap/ui/documentation/sdk/css/style.css

@@ -11,6 +11,22 @@
 	vertical-align: bottom;
 }
 
+.newsButton.sapMBtn .sapMBadgeTopRight.sapMBadge .sapMBadgeIndicator {
+	position: absolute;
+	top: 0;
+	right: 0;
+	padding: 0;
+}
+
+.sapUiSizeCompact .newsButton.sapMBtn .sapMBadgeTopRight.sapMBadge .sapMBadgeIndicator {
+	top: -0.25rem;
+	right: -0.125rem;
+}
+
+.sapUiDemokitCustomNLI.sapMNLI {
+	cursor: default;
+}
+
 .aboutDialog .sapMMsgStrip .sapMFT {
     word-break: break-word;
 }
@@ -1089,6 +1105,21 @@ html:not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_belize_hcb):not(.sapUiT
 	}
 }
 
+.sapUiDemokit .videoWrapper {
+	position: relative;
+	padding-bottom: 56.25%;
+	height: 0;
+}
+
+.sapUiDemokit .videoWrapper iframe {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	border: none;
+}
+
 /* ==========================================================================
    Documentation Page Header styles
   ========================================================================== */
@@ -1785,12 +1816,21 @@ html[dir="rtl"] .sapUiDemoKitTreeItemIcon {
 .sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltLabel:after {
 	content: "";
 	position: absolute;
-	bottom: 0;
+	bottom: 0.188rem;
 	left: 0.5rem;
 	right: 2.5rem;
 	padding-right: 1rem;
 	border-bottom: 0.188rem solid #d1e8ff;
-	border-radius: 0.125rem 0.125rem 0 0;
+	border-radius: 0.125rem;
+}
+
+.sapUiTheme-sap_fiori_3.sapUiMedia-Std-Phone .sapTntToolHeader .sapMSlt.sapUiDocumentationSelect,
+.sap-phone .sapTntToolHeader .sapMSlt.sapUiDocumentationSelect {
+	height: 2.75rem;
+}
+
+.sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltLabel {
+	border: none;
 }
 
 /* SAP Quartz Light theme - end */

package/src/sap/ui/documentation/sdk/manifest.json

@@ -297,6 +297,13 @@
 						"tools"
 					]
 				},
+				{
+					"pattern": "news",
+					"name": "news",
+					"target": [
+						"news"
+					]
+				},
 				{
 					"pattern": "search/{searchParam}:?options:",
 					"name": "search",
@@ -422,6 +429,11 @@
 					"viewLevel": 2,
 					"viewId": "tools"
 				},
+				"news": {
+					"viewName": "News",
+					"viewLevel": 2,
+					"viewId": "news"
+				},
 				"apiDetailInitial": {
 					"viewName": "ApiDetailInitial",
 					"viewId": "apiDetailInitial",
@@ -477,6 +489,10 @@
 					"viewName": "NotFound",
 					"viewId": "notFound"
 				},
+				"versionNotFound": {
+					"viewName": "VersionNotFound",
+					"viewId": "versionNotFound"
+				},
 				"sitemap": {
 					"viewName": "Sitemap",
 					"viewId": "sitemap"

package/src/sap/ui/documentation/sdk/util/DocumentationRouter.js

@@ -255,7 +255,9 @@ sap.ui.define([
 		bParsed = /^blob:/.test(sTarget)
 			|| /^https?:\/\//.test(sTarget)
 			|| /^test-resources\//.test(sTarget)
-			|| /^resources\//.test(sTarget);
+			|| /^resources\//.test(sTarget)
+			|| /^tel:/.test(sTarget)
+			|| /^mailto:/.test(sTarget);
 
 		// If we have no target by here we give up
 		if (sTarget && !bParsed) {

package/src/sap/ui/documentation/sdk/view/App.view.xml

@@ -97,6 +97,24 @@
 							</layoutData>
 						</Button>
 
+						<Button
+							visible="{=!${news>/newsPreparationFailureMessage}}"
+							id="notificationsButton"
+							tooltip="{i18n>APP_NEWS_BTN_TOOLTIP}"
+							press="handleNewsPress"
+							icon="sap-icon://bell"
+							type="Transparent"
+							class="newsButton">
+							<customData>
+								<BadgeCustomData
+									key="badge"
+									value="{news>/newsCount}"/>
+							</customData>
+							<layoutData>
+								<OverflowToolbarLayoutData priority="NeverOverflow" />
+							</layoutData>
+						</Button>
+
 						<MenuButton tooltip="{i18n>APP_INFORMATION_BTN_TOOLTIP}" id="aboutMenuButton" icon="sap-icon://action-settings" type="Transparent" visible="{=!${appView>/bSearchMode}}">
 							<layoutData>
 								<OverflowToolbarLayoutData priority="NeverOverflow" />

package/src/sap/ui/documentation/sdk/view/ChangeVersionDialog.fragment.xml

@@ -47,8 +47,7 @@
 					}]
 				}">
 			<StandardTreeItem
-					title="{path: 'version'}{= ${path: 'version'} === ${versionData>/latestVersion} ? ' (Latest)' : ''}"
-					type="{= ${path: 'path'} ? 'Active' : 'Inactive'}">
+					title="{path: 'version'}{= ${path: 'version'} === ${versionData>/latestVersion} ? ' (Latest)' : ''}">
 				<customData>
 					<core:CustomData key="path" value="{path: 'path'}" />
 				</customData>

package/src/sap/ui/documentation/sdk/view/News.view.xml

@@ -0,0 +1,68 @@
+<mvc:View controllerName="sap.ui.documentation.sdk.controller.News"
+		xmlns:mvc="sap.ui.core.mvc"
+		xmlns="sap.m"
+		xmlns:l="sap.ui.layout"
+		xmlns:core="sap.ui.core">
+
+	<MessagePage
+		visible="{=!!${/preparationFailureMessage}}"
+		text="{i18n>NEWS_PREP_FAILURE_TITLE}"
+		description="{/preparationFailureMessage}"
+		showHeader="false"
+		icon="sap-icon://message-warning"/>
+	<VBox visible="{=!${/preparationFailureMessage}}">
+		<NotificationList>
+
+			<NotificationListGroup
+				items="{path:  '/new', templateShareable: false}"
+				title="{i18n>NEWS_NEW_GROUP_TITLE}"
+				showCloseButton="false">
+
+				<buttons>
+					<Button text="{i18n>NEWS_BTN_MARK_AS_READ}" press="handleMarkAsRead" />
+				</buttons>
+
+				<NotificationListItem
+					title="{title}"
+					description="{description}"
+					datetime="{updated}"
+					close="handleNewsItemClose"
+					class="sapUiDemokitCustomNLI">
+					<buttons>
+						<Button visible="{= %{link} !== ''}" text="{i18n>NEWS_BTN_VISIT_LINK}" press="handleVisitLink">
+							<customData>
+								<core:CustomData key="newsLink" value="{link}"/>
+							</customData>
+						</Button>
+					</buttons>
+					<customData>
+						<core:CustomData key="newsID" value="{id}"/>
+					</customData>
+				</NotificationListItem>
+
+			</NotificationListGroup>
+
+			<NotificationListGroup
+				items="{path:  '/old', templateShareable: false}"
+				title="{i18n>NEWS_READ_GROUP_TITLE}"
+				showCloseButton="false">
+
+				<NotificationListItem
+					title="{title}"
+					description="{description}"
+					datetime="{updated}"
+					showCloseButton="false"
+					class="sapUiDemokitCustomNLI">
+					<buttons>
+						<Button visible="{= %{link} !== ''}" text="{i18n>NEWS_BTN_VISIT_LINK}" press="handleVisitLink">
+							<customData>
+								<core:CustomData key="newsLink" value="{link}"/>
+							</customData>
+						</Button>
+					</buttons>
+				</NotificationListItem>
+
+			</NotificationListGroup>
+		</NotificationList>
+	</VBox>
+</mvc:View>

package/src/sap/ui/documentation/sdk/view/NewsPopover.fragment.xml

@@ -0,0 +1,51 @@
+<core:FragmentDefinition
+	xmlns="sap.m"
+	xmlns:core="sap.ui.core">
+	<ResponsivePopover
+		id="newsPopover"
+		placement="Bottom"
+		title="{i18n>APP_NEWS_BTN_TOOLTIP}">
+			<beginButton>
+				<Button
+					id="dismissAllNotifications"
+					text="{i18n>APP_NEWS_DISMISS_ALL_BTN}"
+					press="handleDismissAllPress"
+					enabled="{= %{news>/newsCount} > 0}" />
+			</beginButton>
+			<endButton>
+				<Button
+					id="showAllNotifications"
+					text="{i18n>APP_NEWS_SHOW_ALL_BTN}"
+					press="handleShowAllPress" />
+			</endButton>
+		<VBox>
+		<NotificationList
+			noDataText="{i18n>APP_NEWS_NO_NEW_TEXT}"
+			items="{path:  'news>/items', templateShareable: false}"
+			>
+			<layoutData>
+				<FlexItemData maxHeight="450px" maxWidth="600px" />
+			</layoutData>
+
+			<NotificationListItem
+				title="{news>title}"
+				description="{news>description}"
+				datetime="{news>updated}"
+				close="handleNewsItemClose"
+				class="sapUiDemokitCustomNLI">
+				<buttons>
+					<Button visible="{= %{news>link} !== ''}" text="{i18n>NEWS_BTN_VISIT_LINK}" press="handleVisitNewsLink">
+						<customData>
+							<core:CustomData key="newsLink" value="{news>link}"/>
+						</customData>
+					</Button>
+				</buttons>
+				<customData>
+					<core:CustomData key="newsID" value="{news>id}"/>
+				</customData>
+			</NotificationListItem>
+
+		</NotificationList>
+	</VBox>
+	</ResponsivePopover>
+</core:FragmentDefinition>