@sap/ux-specification 1.139.13 → 1.139.14

package/dist/templates/building-block/action/View.xml

@@ -0,0 +1,30 @@
+<%_ if (!config?.hasAggregation) { _%>
+<<%- macrosNamespace %>:actions>
+<%_ } _%>
+    <<%- config?.aggregationNamespace %>:Action
+        <%_ if (data.embeddedAction?.eventHandler?.fileName) { _%>
+        core:require="{ handler: '<%- data.embeddedAction.eventHandler.fileName %>' }"
+        <%_ } _%>
+        <%_ if (data.id) { _%>
+        id="<%- data.id %>"
+        <%_ } _%>
+        <%_ if (data.actionKey) { _%>
+        key="<%- data.actionKey %>"
+        <%_ } _%>
+        text="<%- data.text %>"
+        <%_ if (data.embeddedAction?.eventHandler?.fnName) { _%>
+        press="<%- data.embeddedAction.eventHandler.fnName %>"
+        <%_ } _%>
+        <%_ if (data.anchor) { _%>
+        anchor="<%- data.anchor %>"
+        <%_ } _%>
+        <%_ if (data.placement) { _%>
+        placement="<%- data.placement %>"
+        <%_ } _%>
+        <%_ if (data.requiresSelection !== undefined) { _%>
+        requiresSelection="<%- data.requiresSelection %>"
+        <%_ } _%>
+    />
+<%_ if (!config?.hasAggregation) { _%>
+</<%- macrosNamespace %>:actions>
+<%_ } _%>

package/dist/templates/building-block/chart/View.xml

@@ -0,0 +1,9 @@
+<<%- macrosNamespace %>:Chart
+    id="<%- data.id %>"<% if (data.metaPath) { %>
+    metaPath="<%- data.metaPath %>"<% } %><% if (data.contextPath) { %>
+    contextPath="<%- data.contextPath %>"<% } %><% if (data.filterBar) { %>
+    filterBar="<%- data.filterBar %>"<% } %><% if (data.personalization) { %>
+    personalization="<%- data.personalization %>"<% } %><% if (data.selectionMode) { %>
+    selectionMode="<%- data.selectionMode %>"<% } %><% if (data.selectionChange) { %>
+    selectionChange="<%- data.selectionChange %>"<% } %>
+/>

package/dist/templates/building-block/common/manifest.json

@@ -0,0 +1,7 @@
+{
+    "sap.ui5": {
+        "dependencies": {
+            "libs": <%- JSON.stringify(libraries) %>
+        }
+    }
+}

package/dist/templates/building-block/custom-column/View.xml

@@ -0,0 +1,5 @@
+<% if (!config?.hasAggregation) { %><<%- macrosNamespace %>:columns>
+    <% } %><<%- config?.aggregationNamespace %>:Column <% if (ids.column) { %>id="<%- ids.column %>"<% } %> header="<%- data.title %>" importance="High" <% if (data.width) { %>width="<%- data.width %>"<% } %>  <% if (data.position.anchor) { %>anchor="<%- data.position.anchor %>"<% } %>  <% if (data.position.placement) { %>placement="<%- data.position.placement %>"<% } %>  key="<%- data.columnKey || 'myColumnKey' %>">
+        <core:Fragment fragmentName="<%- data.embededFragment.ns %>.<%- data.embededFragment.name %>" type="XML" />
+    </<%- config?.aggregationNamespace %>:Column>
+<% if (!config?.hasAggregation) { %></<%- macrosNamespace %>:columns><% } %>

package/dist/templates/building-block/custom-filter-field/View.xml

@@ -0,0 +1,12 @@
+<% if (!config?.hasAggregation) { %><<%- macrosNamespace %>:filterFields><% } %>
+    <<%- config?.aggregationNamespace %>:FilterField 
+		key="<%- data.filterFieldKey || 'myFilterFieldKey'%>" 
+		label="<%- data.label %>"
+		<% if (data.id) { %> id="<%- data.id %>"<% } %>
+		<% if (data.position.anchor) { %> anchor="<%- data.position.anchor %>"<% } %>
+		<% if (data.position.placement) { %> placement="<%- data.position.placement %>"<% } %>
+		<% if (data.required) { %> required="<%- data.required %>"<% } %>
+		<% if (data.property) { %> property="<%- data.property %>"<% } %>>
+		<core:Fragment fragmentName="<%- data.embededFragment.ns %>.<%- data.embededFragment.name %>" type="XML" />
+	</<%- config?.aggregationNamespace %>:FilterField>
+<% if (!config?.hasAggregation) { %></<%- macrosNamespace %>:filterFields><% } %>

package/dist/templates/building-block/custom-form-field/View.xml

@@ -0,0 +1,12 @@
+<<%- config?.aggregationNamespace %>:FormElement
+	<% if (data.formElementKey) { %> key="<%- data.formElementKey %>"<% } %>
+	label="<%- data.label %>"
+	<% if (data.id) { %> id="<%- data.id %>"<% } %>
+	<% if (data.metaPath) { %> metaPath="<%- data.metaPath %>"<% } %>
+	<% if (data.contextPath) { %> contextPath="<%- data.contextPath %>"<% } %>
+	<% if (data.position?.anchor) { %> anchor="<%- data.position.anchor %>"<% } %>
+	<% if (data.position?.placement) { %> placement="<%- data.position.placement %>"<% } %>>
+	<<%- config?.aggregationNamespace %>:fields>
+		<core:Fragment fragmentName="<%- data.embededFragment.ns %>.<%- data.embededFragment.name %>" type="XML" />
+	</<%- config?.aggregationNamespace %>:fields>
+</<%- config?.aggregationNamespace %>:FormElement>

package/dist/templates/building-block/field/View.xml

@@ -0,0 +1,8 @@
+<<%- macrosNamespace %>:Field
+    id="<%- data.id %>"<% if (data.metaPath) { %>
+    metaPath="<%- data.metaPath %>"<% } %><% if (data.contextPath) { %>
+    contextPath="<%- data.contextPath %>"<% } %><% if (data.formatOptions) { %>
+    formatOptions="<%- data.formatOptions %>"<% } %><% if (data.readOnly) { %>
+    readOnly="<%- data.readOnly %>"<% } %><% if (data.semanticObject) { %>
+    semanticObject="<%- data.semanticObject %>"<% } %>
+/>

package/dist/templates/building-block/filter-bar/View.xml

@@ -0,0 +1,10 @@
+<<%- macrosNamespace %>:FilterBar
+    id="<%- data.id %>"<% if (data.metaPath) { %>
+    metaPath="<%- data.metaPath %>"<% } %><% if (data.contextPath) { %>
+    contextPath="<%- data.contextPath %>"<% } %><% if (data.search) { %>
+    search="<%- data.search %>"<% } %><% if (data.filterChanged) { %>
+    filterChanged="<%- data.filterChanged %>"<% } %><% if (data.liveMode !== undefined) { %>
+    liveMode="<%- data.liveMode %>"<% } %><% if (data.showClearButton !== undefined) { %>
+    showClearButton="<%- data.showClearButton %>"<% } %><% if (data.showMessages !== undefined) { %>
+    showMessages="<%- data.showMessages %>"<% } %>
+/>

package/dist/templates/building-block/form/View.xml

@@ -0,0 +1,4 @@
+<<%- macrosNamespace %>:Form
+	id="<%= data.id %>"
+	<% if (data.metaPath) { %>metaPath="<%- data.metaPath %>"<% } %>
+	title="<%= data.title %>"/>

package/dist/templates/building-block/page/View.xml

@@ -0,0 +1,5 @@
+<<%- macrosNamespace %>:Page
+    id="<%- data.id %>"<% if (data.title) { %>
+    title="<%- data.title %>"<% } %><% if (data.description) { %>
+    description="<%- data.description %>"<% } %>
+/>

package/dist/templates/building-block/rich-text-editor/View.xml

@@ -0,0 +1,3 @@
+<<%- macrosNamespace %>:RichTextEditorWithMetadata
+    metaPath="<%- data.metaPath %>"
+    id="<%- data.id %>"/>

package/dist/templates/building-block/rich-text-editor-button-groups/View.xml

@@ -0,0 +1,18 @@
+<<%- config.aggregationNamespace %>:buttonGroups>
+<% (data.buttonGroups || []).forEach(function(buttonGroup, idKey) { %>
+    <richtexteditor:ButtonGroup 
+        id="<%- buttonGroup.id || ids[idKey] %>"
+        name="<%- buttonGroup.name %>" 
+        visible="<%- buttonGroup.visible !== undefined ? buttonGroup.visible : true %>" 
+        buttons="<%- buttonGroup.buttons %>"<% 
+        if (buttonGroup.priority !== undefined) { %>
+        priority="<%- buttonGroup.priority %>"<% 
+        } %><% 
+        if (buttonGroup.customToolbarPriority !== undefined) { %>
+        customToolbarPriority="<%- buttonGroup.customToolbarPriority %>"<% 
+        } %><% 
+        if (buttonGroup.row !== undefined) { %>
+        row="<%- buttonGroup.row %>"<% 
+        } %>/>
+<% }); %>
+</<%- config.aggregationNamespace %>:buttonGroups>

package/dist/templates/building-block/table/View.xml

@@ -0,0 +1,19 @@
+<<%- macrosNamespace %>:Table
+    id="<%- data.id %>"<% if (data.metaPath) { %>
+    metaPath="<%- data.metaPath %>"<% } %><% if (data.contextPath) { %>
+    contextPath="<%- data.contextPath %>"<% } %><% if (data.busy) { %>
+    busy="<%- data.busy %>"<% } %><% if (data.enableAutoColumnWidth) { %>
+    enableAutoColumnWidth="<%- data.enableAutoColumnWidth %>"<% } %><% if (data.enableExport) { %>
+    enableExport="<%- data.enableExport %>"<% } %><% if (data.enableFullScreen) { %>
+    enableFullScreen="<%- data.enableFullScreen %>"<% } %><% if (data.enablePaste) { %>
+    enablePaste="<%- data.enablePaste %>"<% } %><% if (data.filterBar) { %>
+    filterBar="<%- data.filterBar %>"<% } %><% if (data.header) { %>
+    header="<%- data.header %>"<% } %><% if (data.headerVisible) { %>
+    headerVisible="<%- data.headerVisible %>"<% } %><% if (data.isSearchable) { %>
+    isSearchable="<%- data.isSearchable %>"<% } %><% if (data.personalization) { %>
+    personalization="<%- data.personalization %>"<% } %><% if (data.readOnly) { %>
+    readOnly="<%- data.readOnly %>"<% } %><% if (data.selectionMode) { %>
+    selectionMode="<%- data.selectionMode %>"<% } %><% if (data.type) { %>
+    type="<%- data.type %>"<% } %><% if (data.variantManagement) { %>
+    variantManagement="<%- data.variantManagement %>"<% } %>
+/>

package/dist/templates/column/1.84/manifest.json

@@ -0,0 +1,28 @@
+{
+    "sap.ui5": {
+        "routing": {
+            "targets": {
+                "<%- target %>": {
+                    "options": {
+                        "settings": {
+                            "controlConfiguration": {
+                                "<%- targetEntity %>": {
+                                    "columns": {
+                                        "<%- name %>": {
+                                            "header": "<%- header %>",
+                                            <% if (locals.width)  { %> 
+                                                "width": "<%- width %>",  
+                                            <% } %>
+                                            "position": <%- JSON.stringify(position) %>,
+                                            "template": "<%- ns %>.<%- typeof fragmentFile !== 'undefined' ? fragmentFile : name  %>"
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/dist/templates/column/1.85/manifest.json

@@ -0,0 +1,31 @@
+{
+    "sap.ui5": {
+        "routing": {
+            "targets": {
+                "<%- target %>": {
+                    "options": {
+                        "settings": {
+                            "controlConfiguration": {
+                                "<%- targetEntity %>": {
+                                    "columns": {
+                                        "<%- name %>": {
+                                            "header": "<%- header %>",
+                                            <% if (locals.width)  { %> 
+                                                "width": "<%- width %>",  
+                                            <% } %>
+                                            "position": <%- JSON.stringify(position) %>,
+                                            "template": "<%- ns %>.<%- typeof fragmentFile !== 'undefined' ? fragmentFile : name  %>"
+                                            <% if (locals.availability) { %> 
+                                                , "availability": "<%- availability %>" 
+                                            <% } %>
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/dist/templates/column/1.86/manifest.json

@@ -0,0 +1,43 @@
+{
+    "sap.ui5": {
+        "routing": {
+            "targets": {
+                "<%- target %>": {
+                    "options": {
+                        "settings": {
+                            "controlConfiguration": {
+                                "<%- targetEntity %>": {
+                                    "columns": {
+                                        "<%- name %>": {
+                                            "header": "<%- header %>",
+                                    <% if (locals.width)  { %> "width": "<%- width %>",  <%
+                                            } %>
+                                            "position": <%- JSON.stringify(position) %>,
+                                    <% if (locals.horizontalAlign) { %> "horizontalAlign": "<%- horizontalAlign %>", <%
+                                            } %>
+                                    "template": "<%- ns %>.<%- typeof fragmentFile !== 'undefined' ? fragmentFile : name  %>"
+                                    <% if (locals.availability) { %> , "availability": "<%- availability %>" <%
+                                            } %>
+                                    <% if (locals.properties) { %> , "properties": [ 
+                                        <% for (var i =0; i < properties.length; i++) { %>
+                                            "<%- properties[i] %>"
+                                            <% if (i < properties.length - 1) { %>
+                                                ,
+                                            <%
+                                                        } %>
+                                        <%
+                                                    } %>
+                                                ]
+                                    <%
+                                            } %>
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/dist/templates/common/EventHandler.js

@@ -0,0 +1,25 @@
+sap.ui.define([
+    "sap/m/MessageToast"
+], function(MessageToast) {
+    'use strict';
+
+    return {
+<% if (typeof parameters !== "undefined" && parameters.length) { -%>
+        /**
+         * Generated event handler.
+         *
+<% parameters.forEach(function(param) { -%>
+         * @param <%- param.jsName %> <%- param.description %>
+<% }) -%>
+         */
+<% } -%>
+        <%- eventHandlerFnName %>: function(<%=
+            (typeof parameters !== "undefined" ? parameters : [])
+                .map(function(param) {
+                    return param.jsName;
+                }).join(", ")
+        -%>) {
+            MessageToast.show("Custom handler invoked.");
+        }
+    };
+});

package/dist/templates/common/EventHandler.ts

@@ -0,0 +1,28 @@
+import ExtensionAPI from 'sap/fe/core/ExtensionAPI';
+<%
+const importedTypes = new Set();
+parameters.forEach(param => {
+  if (param.importType && !importedTypes.has(param.importType)) {
+    importedTypes.add(param.importType);
+-%>
+import <%- param.importType %> from '<%- param.importSource %>';
+<% 
+  }
+}); -%>
+import MessageToast from 'sap/m/MessageToast';
+
+/**
+ * Generated event handler.
+ *
+ * @param this reference to the 'this' that the event handler is bound to.
+<% parameters.forEach(function(param) { -%>
+ * @param <%- param.name %> <%- param.description %>
+<% }) -%>
+ */
+export function <%- eventHandlerFnName %>(this: ExtensionAPI, <%=
+    parameters.map(function(param) {
+        return param.name + ": " + (param.paramType ?? param.importType);
+    }).join(", ")
+%>) {
+    MessageToast.show("Custom handler invoked.");
+}

package/dist/templates/common/Fragment.xml

@@ -0,0 +1,3 @@
+<core:FragmentDefinition xmlns:core="sap.ui.core" xmlns="sap.m"<%- typeof dependencies !== 'undefined' ? ` ${dependencies}` : '' %>>
+	<%- content %>
+</core:FragmentDefinition>

package/dist/templates/common/FragmentWithForm.xml

@@ -0,0 +1,7 @@
+<core:FragmentDefinition xmlns:core="sap.ui.core" xmlns="sap.m" xmlns:f="sap.ui.layout.form"<%- typeof dependencies !== 'undefined' ? ` ${dependencies}` : '' %>>
+    <f:FormElement id="<%- ids.formElement %>"<%- typeof requireAttribute !== 'undefined' ? ` ${requireAttribute}` : '' %>>
+        <f:fields>
+            <%- content %>
+        </f:fields>
+    </f:FormElement>
+</core:FragmentDefinition>

package/dist/templates/common/FragmentWithVBox.xml

@@ -0,0 +1,5 @@
+<core:FragmentDefinition xmlns:core="sap.ui.core" xmlns="sap.m"<%- typeof dependencies !== 'undefined' ? ` ${dependencies}` : '' %>>
+	<VBox id="<%- ids.vbox %>"<%- typeof requireAttribute !== 'undefined' ? ` ${requireAttribute}` : '' %>>
+		<%- content %>
+	</VBox>
+</core:FragmentDefinition>

package/dist/templates/common/sap.fe.d.ts

@@ -0,0 +1,43 @@
+import ExtensionAPI from 'sap/fe/core/ExtensionAPI';
+import Routing from 'sap/fe/core/controllerextensions/Routing';
+import EditFlow from 'sap/fe/core/controllerextensions/EditFlow';
+import IntentBasedNavigation from 'sap/fe/core/controllerextensions/IntentBasedNavigation';
+
+/**
+ * Missing public properties (https://ui5.sap.com/#/api/sap.fe.core.ExtensionAPI)
+ */
+interface ExtensionAPIProperties {
+    routing: Routing;
+    editFlow: EditFlow;
+    intentBasedNavigation: IntentBasedNavigation;
+}
+
+/**
+ * Add missing public properties
+ */
+declare module 'sap/fe/core/ExtensionAPI' {
+	export default interface ExtensionAPI extends ExtensionAPIProperties {}
+}
+
+/**
+ * Add missing public properties
+ */
+declare module 'sap/fe/templates/ObjectPage/ExtensionAPI' {
+	export default interface ExtensionAPI extends ExtensionAPIProperties {}
+}
+
+/**
+ * Add missing public properties
+ */
+declare module 'sap/fe/templates/ListReport/ExtensionAPI' {
+	export default interface ExtensionAPI extends ExtensionAPIProperties {}
+}
+
+/**
+ * Enhancing the PageController type to simplify the work with the extension API
+ */
+declare module 'sap/fe/core/PageController' {
+	export default interface PageController {
+		getExtensionAPI() : ExtensionAPI;
+	}
+}

package/dist/templates/controller-extension/Controller.js

@@ -0,0 +1,18 @@
+sap.ui.define(['sap/ui/core/mvc/ControllerExtension'], function (ControllerExtension) {
+	'use strict';
+
+	return ControllerExtension.extend('<%- ns %>.<%- name %>', {
+		// this section allows to extend lifecycle hooks or hooks provided by Fiori elements
+		override: {
+			/**
+             * Called when a controller is instantiated and its View controls (if available) are already created.
+             * Can be used to modify the View before it is displayed, to bind event handlers and do other one-time initialization.
+             * @memberOf <%- ns %>.<%- name %>
+             */
+			onInit: function () {
+				// you can access the Fiori elements extensionAPI via this.base.getExtensionAPI
+				var oModel = this.base.getExtensionAPI().getModel();
+			}
+		}
+	});
+});

package/dist/templates/controller-extension/Controller.ts

@@ -0,0 +1,20 @@
+import ControllerExtension from 'sap/ui/core/mvc/ControllerExtension';
+import ExtensionAPI from 'sap/fe/<%- typeof extension === "object" ? `templates/${extension.pageType}` : "core" -%>/ExtensionAPI';
+
+/**
+ * @namespace <%- ns %>
+ * @controller
+ */
+export default class <%- name %> extends ControllerExtension<ExtensionAPI> {
+	static overrides = {
+		/**
+		 * Called when a controller is instantiated and its View controls (if available) are already created.
+		 * Can be used to modify the View before it is displayed, to bind event handlers and do other one-time initialization.
+		 * @memberOf <%- ns %>.<%- name %>
+		 */
+		onInit(this: <%- name %>) {
+			// you can access the Fiori elements extensionAPI via this.base.getExtensionAPI
+			const model = this.base.getExtensionAPI().getModel();
+		}
+	}
+}

package/dist/templates/controller-extension/ControllerExtension.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Helper to be able to define how to get the page specific extension API when writing a controller extension.
+ */
+declare module 'sap/ui/core/mvc/ControllerExtension' {
+    export default class ControllerExtension<API> {
+        static overrides: unknown;
+        base: {
+            getExtensionAPI(): API;
+        }
+    }
+}

package/dist/templates/controller-extension/manifest.json

@@ -0,0 +1,14 @@
+{
+    "sap.ui5": {
+        "extends": {
+            "extensions": {
+                "sap.ui.controllerExtensions": {
+                    "<%- extensionId -%>": {<%if (typeof controllerNames !== 'undefined') {%>
+                        "controllerNames": <%- JSON.stringify(controllerNames) %><% } else {%>
+                        "controllerName": "<%- controllerName %>"<% } %>
+                    }
+                }
+            }
+        }
+    }
+}

package/dist/templates/field/manifest.json

@@ -0,0 +1,32 @@
+{
+    "sap.ui5": {
+        "routing": {
+            "targets": {
+                "<%- target %>": {
+                    "options": {
+                        "settings": {
+                            "controlConfiguration": {
+                                "<%- targetEntity %>": {
+                                    "fields": {
+                                        "<%- name %>": {
+                                            "template": "<%- ns %>.<%- typeof fragmentFile !== 'undefined' ? fragmentFile : name  %>",
+                                            <%if (typeof position !== 'undefined') {%>"position": {
+                                                <% if (position.placement) { %> 
+                                                    "placement": "<%- position.placement %>"<% if (position.anchor) { %>,<% } %>
+                                                <% } %>
+                                                <% if (position.anchor) { %> 
+                                                    "anchor": "<%- position.anchor %>" 
+                                                <% } %>
+                                            },<% } %>
+                                            "label": "<%- label %>"
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/dist/templates/filter/Controller.js

@@ -0,0 +1,21 @@
+sap.ui.define(["sap/ui/model/Filter", "sap/ui/model/FilterOperator"], function(Filter, FilterOperator) {
+    "use strict";
+    return {
+        <%- eventHandlerFnName %>: function(sValue) {
+            switch (sValue) {
+                case "0":
+                        return new Filter({ path: "<%- property %>", operator: FilterOperator.LT, value1: 100 });
+                case "1":
+                        return new Filter({
+                        filters: [
+                            new Filter({ path: "<%- property %>", operator: FilterOperator.GT, value1: 100 }),
+                            new Filter({ path: "<%- property %>", operator: FilterOperator.LT, value1: 500 })
+                        ],
+                        and: true
+                    });
+                case "2":
+                        return new Filter({ path: "<%- property %>", operator: FilterOperator.GT, value1: 500 });
+            }
+        }
+    };
+});

package/dist/templates/filter/Controller.ts

@@ -0,0 +1,24 @@
+import Filter from 'sap/ui/model/Filter';
+import FilterOperator from 'sap/ui/model/FilterOperator';
+
+/**
+ * Custom filter
+ * @param sValue selected filter item
+ * @returns new Filter
+ */
+export function <%- eventHandlerFnName %>(value: string) {
+    switch (value) {
+        case "0":
+            return new Filter({ path: "<%- property %>", operator: FilterOperator.LT, value1: 100 });
+        case "1":
+            return new Filter({
+                filters: [
+                    new Filter({ path: "<%- property %>", operator: FilterOperator.GT, value1: 100 }),
+                    new Filter({ path: "<%- property %>", operator: FilterOperator.LT, value1: 500 })
+                ],
+                and: true
+            });
+        case "2":
+            return new Filter({ path: "<%- property %>", operator: FilterOperator.GT, value1: 500 });
+    }
+}

package/dist/templates/filter/fragment.xml

@@ -0,0 +1,15 @@
+<core:FragmentDefinition xmlns:core="sap.ui.core" xmlns="sap.m"><%if (typeof eventHandler !== 'undefined') {%>
+        <ComboBox
+            id="<% if (typeof controlID !== 'undefined' && controlID) { %><%- controlID %><% } else { %><%- ids.comboBox %><% } %>"
+            width="100%"
+            core:require="{handler: '<%- eventHandler.split('.').slice(0, -1).join('/') %>'}"
+            selectedKey="{path: 'filterValues>', type: 'sap.fe.macros.filter.type.Value', formatOptions: { operator: '<%- eventHandler %>' }}"
+        ><% } else { %>
+        <ComboBox id="<% if (typeof controlID !== 'undefined' && controlID) { %><%- controlID %><% } else { %><%- ids.comboBox %><% } %>" width="100%"><% } %>
+            <items>
+                <core:Item id="<%- ids.item1 %>" key="0" text="Item1"/>
+                <core:Item id="<%- ids.item2 %>" key="1" text="Item2"/>
+                <core:Item id="<%- ids.item3 %>" key="2" text="Item3"/>
+            </items>
+        </ComboBox>
+</core:FragmentDefinition>

package/dist/templates/filter/manifest.json

@@ -0,0 +1,12 @@
+{
+    "<%- name %>": {
+        "label": "<%- label %>",
+        "property": "<%- property %>",
+        "template": "<%- `${ns}.${fragmentFile}` %>",
+        "required": <%- required -%><%if (typeof position !== 'undefined') {%>,
+        "position": {
+            "placement": "<%- position.placement %>"<%if (position.anchor !== undefined) {%>,
+            "anchor": "<%- position.anchor %>"<% } %>
+        }<% } %>
+    }
+}

package/dist/templates/header-section/1.85/manifest.json

@@ -0,0 +1,43 @@
+{
+    "sap.ui5": {
+        "routing": {
+            "targets": {
+                "<%- target %>": {
+                    "options": {
+                        "settings": {
+                            "content": {
+                                "header": {
+                                    "facets": {
+                                        "<%- name %>": {
+                                            "name": "<%- ns %>.<%- name %>",
+                                            "type": "XMLFragment",
+                                            <%if (typeof position !== 'undefined') {%>"position": {
+                                                <% if (position.placement) { %> 
+                                                    "placement": "<%- position.placement %>"<% if (position.anchor) { %>,<% } %>
+                                                <% } %>
+                                                <% if (position.anchor) { %> 
+                                                    "anchor": "<%- position.anchor %>" 
+                                                <% } %>
+                                            },<% } %>
+                                            "title": "<%- title %>",
+                                            <% if (subTitle) { %> 
+                                                "subTitle": "<%- subTitle %>",
+                                            <% } %>
+                                            <% if (typeof stashed !== 'undefined') { %> 
+                                                "stashed": <%- stashed %>,
+                                            <% } %>
+                                            "requestGroupId": "<%- requestGroupId %>",
+                                            "flexSettings": {
+                                                "designtime": "<%- flexSettings.designtime %>"
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}