npm - @sap/open.fe - Versions diffs - 1.97.0 → 1.98.0 - Mend

@sap/open.fe 1.97.0 → 1.98.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (873) hide show

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/filterBarAnnotationDefaults.html ADDED Viewed

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>FilterBar</title>
+	<link type="image/x-icon" href="../../../../../../../../../resources/sap/ui/core/mimes/logo/txtonly_16x16.ico" rel="shortcut icon" />
+	<link type="image/x-icon" href="../../../../../../../../../resources/sap/ui/core/mimes/logo/txtonly_16x16.ico" rel="icon" />
+	<style>
+		html, body, body > div, #container, #container-uiarea {
+			height: 100%;
+		}
+	</style>
+	<script id="sap-ui-bootstrap"
+			src="../../../../../../../../../resources/sap-ui-core.js"
+			data-sap-ui-theme="sap_fiori_3"
+			data-sap-ui-resourceroots='{
+				"sap.fe.core.fpmExplorer.filterBarAnnotationDefaults": "./filterBar/filterBarAnnotationDefaults",
+				"sap.fe.core.fpmExplorer.content": "../../../content",
+				"test.sap.fe.test": "../../../../../../../../../test-resources/sap/fe/test"
+			}'
+			data-sap-ui-oninit="module:sap/ui/core/ComponentSupport"
+			data-sap-ui-loglevel="ERROR"
+			data-sap-ui-language="en"
+			data-sap-ui-compatVersion="edge"
+			data-sap-ui-async="true"
+	>
+	</script>
+</head>
+<body class="sapUiBody sapUiSizeCompact">
+<div data-sap-ui-component
+	 data-name="sap.fe.core.fpmExplorer.filterBarAnnotationDefaults"
+	 data-id="container"
+	 data-settings='{"id" : "filterBarAnnotationDefaults"}'></div>
+</body>
+</html>

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/filterBarCustoms.html ADDED Viewed

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>FilterBar</title>
+	<link type="image/x-icon" href="../../../../../../../../../resources/sap/ui/core/mimes/logo/txtonly_16x16.ico" rel="shortcut icon" />
+	<link type="image/x-icon" href="../../../../../../../../../resources/sap/ui/core/mimes/logo/txtonly_16x16.ico" rel="icon" />
+	<style>
+		html, body, body > div, #container, #container-uiarea {
+			height: 100%;
+		}
+	</style>
+	<script id="sap-ui-bootstrap"
+			src="../../../../../../../../../resources/sap-ui-core.js"
+			data-sap-ui-theme="sap_fiori_3"
+			data-sap-ui-resourceroots='{
+				"sap.fe.core.fpmExplorer.filterBarCustoms": "./filterBar/filterBarCustoms",
+				"sap.fe.core.fpmExplorer.content": "../../../content",
+				"test.sap.fe.test": "../../../../../../../../../test-resources/sap/fe/test"
+			}'
+			data-sap-ui-oninit="module:sap/ui/core/ComponentSupport"
+			data-sap-ui-loglevel="ERROR"
+			data-sap-ui-language="en"
+			data-sap-ui-compatVersion="edge"
+			data-sap-ui-async="true"
+	>
+	</script>
+</head>
+<body class="sapUiBody sapUiSizeCompact">
+<div data-sap-ui-component
+	 data-name="sap.fe.core.fpmExplorer.filterBarCustoms"
+	 data-id="container"
+	 data-settings='{"id" : "filterBarCustoms"}'></div>
+</body>
+</html>

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/filterBarSVandAnnotationDefaults.html ADDED Viewed

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>FilterBar</title>
+	<link type="image/x-icon" href="../../../../../../../../../resources/sap/ui/core/mimes/logo/txtonly_16x16.ico" rel="shortcut icon" />
+	<link type="image/x-icon" href="../../../../../../../../../resources/sap/ui/core/mimes/logo/txtonly_16x16.ico" rel="icon" />
+	<style>
+		html, body, body > div, #container, #container-uiarea {
+			height: 100%;
+		}
+	</style>
+	<script id="sap-ui-bootstrap"
+			src="../../../../../../../../../resources/sap-ui-core.js"
+			data-sap-ui-theme="sap_fiori_3"
+			data-sap-ui-resourceroots='{
+				"sap.fe.core.fpmExplorer.filterBarSVandAnnotationDefaults": "./filterBar/filterBarSVandAnnotationDefaults",
+				"sap.fe.core.fpmExplorer.content": "../../../content",
+				"test.sap.fe.test": "../../../../../../../../../test-resources/sap/fe/test"
+			}'
+			data-sap-ui-oninit="module:sap/ui/core/ComponentSupport"
+			data-sap-ui-loglevel="ERROR"
+			data-sap-ui-language="en"
+			data-sap-ui-compatVersion="edge"
+			data-sap-ui-async="true"
+	>
+	</script>
+</head>
+<body class="sapUiBody sapUiSizeCompact">
+<div data-sap-ui-component
+	 data-name="sap.fe.core.fpmExplorer.filterBarSVandAnnotationDefaults"
+	 data-id="container"
+	 data-settings='{"id" : "filterBarSVandAnnotationDefaults"}'></div>
+</body>
+</html>

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/Component.js ADDED Viewed

@@ -0,0 +1,35 @@
+sap.ui.define(["test/sap/fe/test/mockserver/MockServer", "sap/fe/core/AppComponent", "sap/ui/core/Component"], function(
+	MockServer,
+	AppComponent,
+	Component
+) {
+	"use strict";
+	var oMockServer = MockServer.register({
+		generateMockData: false,
+		urlBasePath: "/sap/fe/core/mock",
+		name: "guidanceFreestyle",
+		metadataCdsPath: "sap/fe/core/fpmExplorer/guidanceFreestyle/localService/service.cds",
+		cdsServiceName: "Service",
+		mockdataRootPath: "sap/fe/core/fpmExplorer/guidanceFreestyle/localService"
+	});
+	// Disable flex
+	Component._fnOnInstanceCreated = null;
+	// Disable web worker (fixing EXCEL export)
+	sap.ui.disableExportWorkers = true;
+	return AppComponent.extend("sap.fe.core.fpmExplorer.guidanceFreestyle.Component", {
+		metadata: {
+			manifest: "json"
+		},
+		init: function() {
+			this.oMockServer = oMockServer;
+			AppComponent.prototype.init.apply(this, arguments);
+		},
+		onServicesStarted: function() {
+			AppComponent.prototype.onServicesStarted.apply(this, arguments);
+			if (window.parent) {
+				window.parent.postMessage("sampleLoaded");
+			}
+		}
+	});
+});

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/DetailPage.controller.js ADDED Viewed

@@ -0,0 +1,5 @@
+sap.ui.define(["sap/fe/core/PageController", "sap/m/MessageToast"], function(PageController, MessageToast) {
+	"use strict";
+	return PageController.extend("sap.fe.core.fpmExplorer.guidanceFreestyle.DetailPage", {});
+});

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/DetailPage.view.xml ADDED Viewed

@@ -0,0 +1,15 @@
+<mvc:View
+	id="customDetail"
+	controllerName="sap.fe.core.fpmExplorer.guidanceFreestyle.DetailPage"
+	xmlns="sap.m"
+	xmlns:mvc="sap.ui.core.mvc"
+	xmlns:l="sap.ui.layout"
+	xmlns:form="sap.ui.layout.form"
+	xmlns:macros="sap.fe.macros"
+>
+	<Page title="Custom Page">
+		<content>
+			<Label text="This is a custom page." />
+		</content>
+	</Page>
+</mvc:View>

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/EntryPage.controller.js ADDED Viewed

@@ -0,0 +1,43 @@
+sap.ui.define(["sap/fe/core/PageController", "sap/ui/core/UIComponent"], function(PageController, UIComponent) {
+	"use strict";
+	return PageController.extend("sap.fe.core.fpmExplorer.guidanceFreestyle.EntryPage", {
+		onInit: function() {
+			PageController.prototype.onInit.apply(this);
+			this.byId("codeAppComponent").setValue(
+				"sap.ui.define(['sap/fe/core/AppComponent'], function(AppComponent) {\n" +
+					"    'use strict';\n" +
+					"\n" +
+					"    return AppComponent.extend('your.application.Component', {\n" +
+					"        metadata: {\n" +
+					"            manifest: 'json'\n" +
+					"        }\n" +
+					"    });\n" +
+					"});"
+			);
+			this.byId("codeManifest").setValue(
+				'"targets": {\n' +
+					'\t"entryPage": {\n' +
+					'\t\t"type": "Component",\n' +
+					'\t\t"id": "entryPage",\n' +
+					'\t\t"name": "sap.fe.core.fpm",\n' +
+					'\t\t"options": {\n' +
+					'\t\t\t"settings": {\n' +
+					'\t\t\t\t"viewName": "your.custom.view",\n' +
+					'\t\t\t\t"contextPath": "/RootEntity"\n' +
+					"\t\t\t}\n" +
+					"\t\t}\n" +
+					"\t}\n" +
+					"}"
+			);
+			this.byId("codePageController").setValue(
+				'sap.ui.define(["sap/fe/core/PageController"], function(PageController) {\n' +
+					'\t"use strict";\n' +
+					"\n" +
+					'\treturn PageController.extend("sap.fe.core.fpmExplorer.guidanceFreestyle.DetailPage", {\n' +
+					"\t});\n" +
+					"});"
+			);
+		}
+	});
+});

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/EntryPage.view.xml ADDED Viewed

@@ -0,0 +1,79 @@
+<mvc:View
+	id="application-product"
+	height="100%"
+	controllerName="sap.fe.core.fpmExplorer.guidanceFreestyle.EntryPage"
+	xmlns="sap.m"
+	xmlns:mvc="sap.ui.core.mvc"
+	xmlns:fe="sap.fe.macros"
+	xmlns:code="sap.ui.codeeditor"
+>
+	<Page>
+		<content>
+			<Text
+				class="sapUiSmallMargin"
+				text="You can also use the building blocks provided by SAP Fiori elements in applications built without using one of our floorplans. If none of our templates suit your use case, you can build a custom app that still runs on the SAP Fiori elements framework, but where all pages are treated like custom pages. You can either download this app as a template, or make the following changes in your existing app:"
+			/>
+			<Panel headerText="1.) Extend sap.fe.AppComponent instead of the UI5 Core Component">
+				<Text
+					class="sapUiTinyMargin"
+					text="You must change your Component.js file to extend the SAP Fiori elements AppComponent instead of the UI5 Core Component. This ensures that your app will run within the SAP Fiori elements framework."
+				/>
+				<code:CodeEditor class="sapUiTinyMargin" id="codeAppComponent" lineNumbers="false" type="javascript" editable="false" height="150px" />
+			</Panel>
+			<Panel headerText="2.) Adapt the manifest and wrap your view into the FPM Component provided by SAP Fiori elements">
+				<Text
+					class="sapUiTinyMargin"
+					text="In the manifest, you must wrap each view in which you want to use the building blocks provided by SAP Fiori elements into the FPM component provided by SAP Fiori elements. SAP Fiori elements needs the context path as the pointer to the metadata path."
+				/>
+				<code:CodeEditor class="sapUiTinyMargin" id="codeManifest" lineNumbers="false" type="json" editable="false" height="210px" />
+				<Text
+					class="sapUiTinyMargin"
+					text="Note: Because you've added a further component to your application tree, you can't access your app component from the view controller of your custom view via this.getOwnerComponent(). You must use this.getAppComponent() instead."
+				/>
+			</Panel>
+			<Panel headerText="3.) Extend the sap.fe.PageController instead of the UI5 MVC Controller">
+				<Text
+					class="sapUiTinyMargin"
+					text="Extend the page controller of SAP Fiori elements instead of the UI5 MVC controller. Adapt the view controller of your custom page as follows:"
+				/>
+				<code:CodeEditor class="sapUiTinyMargin" id="codePageController" lineNumbers="false" type="js" editable="false" height="100px" />
+			</Panel>
+			<Panel headerText="You can now use the building blocks provided by SAP Fiori elements.">
+				<Text
+					class="sapUiTinyMargin"
+					text="Example: Using the 'table' building block. Add the metaPath relative to the contextPath. Click on an entry to navigate to the detail page. This works because we've added the navigation target into the manifest.json, which is then automatically handled by the navigation controller extension provided by SAP Fiori elements."
+				/>
+				<code:CodeEditor
+					class="sapUiTinyMargin"
+					lineNumbers="false"
+					type="xml"
+					value="&lt;fe:Table metaPath=&quot;@com.sap.vocabularies.UI.v1.LineItem&quot; id=&quot;myTable&quot; /&gt;"
+					editable="false"
+					height="25px"
+				/>
+				<VBox height="200px">
+					<fe:Table contextPath="/RootEntity" metaPath="@com.sap.vocabularies.UI.v1.LineItem" id="myTable" />
+				</VBox>
+			</Panel>
+			<Panel headerText="Handling Edit Mode">
+				<Text
+					class="sapUiTinyMargin"
+					text="The building blocks provided by SAP Fiori elements require a 'UI' model with an isEditMode property. If you don't use the editFlow controller extension our framework provides, you must set this property yourself. If you want to use a building block in edit mode independent of the UI model, for example when using a dialog, you can explicitly set readOnly to false. Note that this also overrides the field control."
+				/>
+			</Panel>
+		</content>
+	</Page>
+</mvc:View>

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/localService/ChildEntity.json ADDED Viewed

@@ -0,0 +1,23 @@
+[
+	{
+		"Parent_ID": 1,
+		"ID": 1,
+		"StringProperty": "Hallo",
+		"TextProperty": "Flexible Programming Model",
+		"PropertyWithValueHelp": "Value1"
+	},
+	{
+		"Parent_ID": 2,
+		"ID": 2,
+		"StringProperty": "Hello",
+		"TextProperty": "Flexible Programming Model",
+		"PropertyWithValueHelp": "Value2"
+	},
+	{
+		"Parent_ID": 3,
+		"ID": 3,
+		"StringProperty": "Bonjour",
+		"TextProperty": "Flexible Programming Model",
+		"PropertyWithValueHelp": "Value3"
+	}
+]

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/localService/RootEntity.json ADDED Viewed

@@ -0,0 +1,41 @@
+[
+	{
+		"ID": 1,
+		"IsActiveEntity": true,
+		"TitleProperty": "Object Title 1",
+		"DescriptionProperty": "Description 1",
+		"NameProperty": "Test Value 1",
+		"footer": "Current Quarter",
+		"unit": "EUR",
+		"kpivalue": 12,
+		"scale": "k",
+		"color": "Good",
+		"trend": "Up"
+	},
+	{
+		"ID": 2,
+		"IsActiveEntity": true,
+		"TitleProperty": "Object Title 2",
+		"DescriptionProperty": "Description 2",
+		"NameProperty": "Test Value 2",
+		"footer": "Current Quarter",
+		"unit": "EUR",
+		"kpivalue": 5,
+		"scale": "",
+		"color": "Critical",
+		"trend": "Down"
+	},
+	{
+		"ID": 3,
+		"IsActiveEntity": true,
+		"TitleProperty": "Object Title 3",
+		"DescriptionProperty": "Description 3",
+		"NameProperty": "Test Value 3",
+		"footer": "Current Quarter",
+		"unit": "EUR",
+		"kpivalue": 12,
+		"scale": "",
+		"color": "Critical",
+		"trend": "Down"
+	}
+]

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/localService/ValueHelpCurrencyEntity.json ADDED Viewed

@@ -0,0 +1,5 @@
+[
+	{ "Currency": "EUR", "Description": "Euro" },
+	{ "Currency": "USD", "Description": "US Dollar" },
+	{ "Currency": "JPY", "Description": "Japanese Yen" }
+]

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/localService/ValueHelpEntity.js ADDED Viewed

@@ -0,0 +1,11 @@
+sap.ui.define([], function() {
+	"use strict";
+	var aMockData = [];
+	for (var i = 0; i < 50; i++) {
+		aMockData.push({
+			"KeyProp": "Value" + i,
+			"Description": "Description for Value" + i
+		});
+	}
+	return aMockData;
+});

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/localService/service.cds ADDED Viewed

@@ -0,0 +1,144 @@
+using {
+    cuid,
+    managed
+} from '@sap/cds/common';
+service Service {
+    @odata.draft.enabled
+    entity RootEntity {
+        key ID                  : Integer @Core.Computed  @title : 'Identifier';
+            TitleProperty       : String  @title :                 'Title';
+            DescriptionProperty : String  @title :                 'Description';
+            NameProperty        : String  @title :                 'Name';
+            footer              : String  @title :                 'Quarter';
+            unit                : String  @title :                 'Unit of Measure';
+            kpivalue            : Integer @title :                 'Value';
+            scale               : String  @title :                 'Scale';
+            color               : String  @title :                 'Color';
+            trend               : String  @title :                 'Trend';
+            items               : Association to many ChildEntity
+                                      on items.Parent = $self;
+    }
+    entity ChildEntity {
+        key ID                    : Integer @title : 'Item Identifier';
+            StringProperty        : String  @title : 'String';
+            TextProperty          : String  @title : 'Text';
+            PropertyWithValueHelp : String  @title : 'With Value Help';
+            Parent                : Association to RootEntity;
+    }
+    @cds.autoexpose
+    entity ValueHelpEntity {
+        key KeyProp     : String(1) @title : 'Value Help Key';
+            @Core.Immutable
+            Description : String(20)@title : 'Value Help Description';
+    }
+    annotate RootEntity with
+    @(
+        UI                                        : {
+            PresentationVariant            : {Visualizations : ['@UI.LineItem']},
+            SelectionFields                : [ID],
+            HeaderInfo                     : {
+                TypeName       : 'Root Entity',
+                TypeNamePlural : 'Root Entities',
+                Title          : {
+                    $Type : 'UI.DataField',
+                    Value : TitleProperty
+                },
+                Description    : {
+                    $Type : 'UI.DataField',
+                    Value : DescriptionProperty
+                }
+            },
+            Facets                         : [
+                {
+                    $Type  : 'UI.ReferenceFacet',
+                    Label  : 'General Information',
+                    Target : '@UI.FieldGroup#GeneralInformation',
+                },
+                {
+                    $Type  : 'UI.ReferenceFacet',
+                    Label  : 'Details',
+                    Target : 'items/@UI.LineItem'
+                }
+            ],
+            FieldGroup #GeneralInformation : {
+                $Type : 'UI.FieldGroupType',
+                Label : 'General Information',
+                Data  : [
+                    {
+                        $Type : 'UI.DataField',
+                        Value : TitleProperty,
+                    },
+                    {
+                        $Type : 'UI.DataField',
+                        Value : NameProperty,
+                    },
+                    {
+                        $Type : 'UI.DataField',
+                        Value : DescriptionProperty
+                    },
+                ],
+            },
+            LineItem                       : [
+                {Value : ID},
+                {Value : TitleProperty},
+                {Value : DescriptionProperty},
+                {Value : NameProperty}
+            ]
+        },
+        Capabilities.DeleteRestrictions.Deletable : false
+    );
+    annotate ChildEntity with @(UI : {
+        HeaderInfo     : {
+            TypeName       : 'Child Entity',
+            TypeNamePlural : 'Child Entities',
+            Title          : {
+                $Type : 'UI.DataField',
+                Value : ID
+            }
+        },
+        Facets         : [{
+            $Type             : 'UI.ReferenceFacet',
+            Label             : 'Details',
+            Target            : '@UI.Identification',
+            ![@UI.Importance] : #High
+        }],
+        Identification : [
+        {
+            $Type             : 'UI.DataField',
+            Value             : ID,
+            ![@UI.Importance] : #High
+        }],
+        LineItem       : [
+            {Value : ID},
+            {Value : PropertyWithValueHelp},
+            {Value : StringProperty},
+            {Value : TextProperty}
+        ]
+    }) {
+        PropertyWithValueHelp @(Common : {ValueList : {
+            Label          : 'Value with Value Help',
+            CollectionPath : 'ValueHelpEntity',
+            Parameters     : [
+                {
+                    $Type             : 'Common.ValueListParameterInOut',
+                    LocalDataProperty : PropertyWithValueHelp,
+                    ValueListProperty : 'KeyProp'
+                },
+                {
+                    $Type             : 'Common.ValueListParameterDisplayOnly',
+                    ValueListProperty : 'Description'
+                }
+            ]
+        }});
+    }
+}

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/manifest.json ADDED Viewed

@@ -0,0 +1,96 @@
+{
+	"_version": "1.12.0",
+	"sap.app": {
+		"id": "sap.fe.core.fpmExplorer.guidanceFreestyle",
+		"type": "application",
+		"i18n": {
+			"bundleUrl": "../../i18n/i18n.properties",
+			"supportedLocales": [""],
+			"fallbackLocale": ""
+		},
+		"applicationVersion": {
+			"version": "1.0.0"
+		},
+		"dataSources": {
+			"mainService": {
+				"uri": "/sap/fe/core/mock/guidanceFreestyle/",
+				"type": "OData",
+				"settings": {
+					"annotations": [],
+					"odataVersion": "4.0"
+				}
+			}
+		}
+	},
+	"sap.ui5": {
+		"dependencies": {
+			"minUI5Version": "1.60.0",
+			"libs": {
+				"sap.ui.core": {},
+				"sap.fe.templates": {}
+			}
+		},
+		"models": {
+			"i18n": {
+				"type": "sap.ui.model.resource.ResourceModel",
+				"uri": "../../i18n/i18n.properties"
+			},
+			"": {
+				"dataSource": "mainService",
+				"settings": {
+					"synchronizationMode": "None",
+					"operationMode": "Server",
+					"autoExpandSelect": true,
+					"earlyRequests": true
+				}
+			}
+		},
+		"routing": {
+			"routes": [
+				{
+					"pattern": ":?query:",
+					"name": "entryPage",
+					"target": "entryPage"
+				},
+				{
+					"pattern": "/RootEntity({key}):?query:",
+					"name": "detailPage",
+					"target": "detailPage"
+				}
+			],
+			"targets": {
+				"entryPage": {
+					"type": "Component",
+					"id": "entryPage",
+					"name": "sap.fe.core.fpm",
+					"options": {
+						"settings": {
+							"viewName": "sap.fe.core.fpmExplorer.guidanceFreestyle.EntryPage",
+							"entitySet": "RootEntity",
+							"navigation": {
+								"RootEntity": {
+									"detail": {
+										"route": "detailPage"
+									}
+								}
+							}
+						}
+					}
+				},
+				"detailPage": {
+					"type": "Component",
+					"id": "detailPage",
+					"name": "sap.fe.core.fpm",
+					"options": {
+						"settings": {
+							"viewName": "sap.fe.core.fpmExplorer.guidanceFreestyle.DetailPage",
+							"entitySet": "RootEntity",
+							"navigation": {}
+						}
+					}
+				}
+			}
+		}
+	}
+}

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/template/Component.js ADDED Viewed

@@ -0,0 +1,9 @@
+sap.ui.define(["sap/fe/core/AppComponent"], function(AppComponent) {
+	"use strict";
+	return AppComponent.extend("sap.fe.core.fpmExplorer.guidanceFreestyle.Component", {
+		metadata: {
+			manifest: "json"
+		}
+	});
+});

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/template/EntryPage.controller.js ADDED Viewed

@@ -0,0 +1,5 @@
+sap.ui.define(["sap/fe/core/PageController"], function(PageController) {
+	"use strict";
+	return PageController.extend("sap.fe.core.fpmExplorer.guidanceFreestyle.EntryPage", {});
+});

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/guidance/guidanceFreestyle/template/EntryPage.view.xml ADDED Viewed

@@ -0,0 +1,14 @@
+<mvc:View
+	id="application-product"
+	height="100%"
+	controllerName="sap.fe.core.fpmExplorer.guidanceFreestyle.EntryPage"
+	xmlns="sap.m"
+	xmlns:mvc="sap.ui.core.mvc"
+	xmlns:fe="sap.fe.macros"
+>
+	<Page>
+		<content>
+			<fe:Table contextPath="/RootEntity" metaPath="@com.sap.vocabularies.UI.v1.LineItem" id="myTable" />
+		</content>
+	</Page>
+</mvc:View>