@sapui5/sap.ushell_abap 1.153.0 → 1.154.0

package/src/main/js/sap/ushell_abap/components/tiles/action/Configuration.controller.js

@@ -0,0 +1,193 @@
+// Copyright (c) 2009-2026 SAP SE, All Rights Reserved
+
+sap.ui.define([
+    "sap/ui/core/Element",
+    "sap/ui/core/mvc/Controller",
+    "sap/ushell/components/tiles/utils",
+    "sap/ui/core/library",
+    "sap/m/MessageBox"
+], (Element, Controller, tileUtils, coreLibrary, MessageBox) => {
+    "use strict";
+
+    // shortcut for sap.ui.core.ValueState
+    const ValueState = coreLibrary.ValueState;
+
+    return Controller.extend("sap.ushell_abap.components.tiles.action.Configuration", {
+        sEnterValuePlaceHolder: "",
+        sDuplicateErrorMsg: "",
+        sDuplicateErrorTitle: "",
+        sInvalidParmMsg: "",
+
+        aDefaultObjects: [
+            {
+                obj: "",
+                name: ""
+            }, {
+                obj: "*",
+                name: "*"
+            }
+        ],
+
+        onConfigurationInputChange: function (oControlEvent) {
+            tileUtils.checkTMInput(this.getView(), oControlEvent);
+        },
+        onInit: function () {
+            const oView = this.getView();
+            const oSemanticObjectSelector = oView.byId("semantic_objectInput");
+            const oRoleSelector = oView.byId("navigation_provider_roleInput");
+            const oInstanceSelector = oView.byId("navigation_provider_instanceInput");
+            const oAliasSelector = oView.byId("target_application_aliasInput");
+            const oActionSelector = oView.byId("semantic_actionInput");
+            const oTargetTypeSelector = oView.byId("targetTypeInput");
+            const oResourceModel = tileUtils.getResourceBundleModel();
+
+            oView.setModel(oResourceModel, "i18n");
+            oView.setViewName("sap.ushell.components.tiles.action.Configuration");
+            // initialize semantic object input field
+            tileUtils.createSemanticObjectModel(this, oSemanticObjectSelector, this.aDefaultObjects);
+            tileUtils.createRoleModel(this, oRoleSelector, oInstanceSelector);
+            tileUtils.createAliasModel(this, oAliasSelector);
+            tileUtils.createActionModel(this, oActionSelector);
+            tileUtils.createNavigationProviderModel(this, oTargetTypeSelector);
+            // make sure that the chose object is written back to the configuration
+            oSemanticObjectSelector.attachChange((oControlEvent) => {
+                const sValue = oControlEvent.getSource().getValue();
+                oView.getModel().setProperty("/config/semantic_object", sValue);
+            });
+            oRoleSelector.attachChange((oControlEvent) => {
+                const sValue = oControlEvent.getSource().getValue();
+                oView.getModel().setProperty("/config/navigation_provider_role", sValue);
+                tileUtils.updateAliasModel(oView, oAliasSelector);
+            });
+            oInstanceSelector.attachChange((oControlEvent) => {
+                const sValue = oControlEvent.getSource().getValue();
+                oView.getModel().setProperty("/config/navigation_provider_instance", sValue);
+            });
+            oAliasSelector.attachChange((oControlEvent) => {
+                const sValue = oControlEvent.getSource().getValue();
+                oView.getModel().setProperty("/config/target_application_alias", sValue);
+            });
+
+            const oBundle = tileUtils.getResourceBundle();
+            this.sEnterValuePlaceHolder = oBundle.getText("configuration.signature.table.valueFieldLbl");
+            this.sDuplicateErrorMsg = oBundle.getText("configuration.signature.uniqueParamMessage.text");
+            this.sDuplicateErrorTitle = oBundle.getText("configuration.signature.uniqueParamMessage.title");
+            this.sInvalidParmMsg = oBundle.getText("configuration.signature.invalidParamMessage.text");
+        },
+
+        // This function applies table logic for the mapping signature structure according to the Mandatory check-box:
+        // if mandatory is unselected: Value and isRegularExpression fields should be disabled and vice versa...
+        handleMandatoryChange: function (oMandatoryCheckBox) {
+            const sId = oMandatoryCheckBox.getParameter("id");
+            const aParentCells = Element.getElementById(sId).getParent().getCells();
+
+            const bIsMandatory = oMandatoryCheckBox.getParameter("selected");
+
+            if (bIsMandatory) {
+                aParentCells[2].setEnabled(true); // Value field
+                aParentCells[2].setPlaceholder(this.sEnterValuePlaceHolder);
+                aParentCells[4].setEnabled(false); // DefaultValue field
+                aParentCells[4].setValue("");
+                aParentCells[4].setPlaceholder("");
+                aParentCells[3].setEnabled(true); // IsRegularExpression check-box field
+            } else {
+                aParentCells[2].setEnabled(false); // Value field
+                aParentCells[2].setValue("");
+                aParentCells[2].setPlaceholder(""); // Were requested that a disabled text field will not show the Enter Value
+                aParentCells[4].setEnabled(true); // DefaultValue field
+                aParentCells[4].setPlaceholder(this.sEnterValuePlaceHolder);
+                aParentCells[3].setEnabled(false); // IsRegularExpression check-box field
+                aParentCells[3].setSelected(false);
+            }
+        },
+
+        addRow: function () {
+            const oView = this.getView();
+            const oModel = oView.getModel();
+            const rows = oModel.getProperty("/config/rows");
+
+            // Init a row template for adding new empty row to the params table (mapping signature)
+            const newParamRow = tileUtils.getEmptyRowObj();
+            rows.push(newParamRow);
+            oModel.setProperty("/config/rows", rows);
+        },
+
+        deleteRow: function () {
+            const oView = this.getView();
+            const oModel = oView.getModel();
+            const rows = oModel.getProperty("/config/rows");
+
+            const table = oView.byId("mappingSignatureTable");
+            const aSelectedItemsIndexes = table.getSelectedIndices();
+            const aSortedDescending = aSelectedItemsIndexes.sort((a, b) => {
+                return b - a;
+            }).slice();
+
+            for (let i = 0; i < aSortedDescending.length; i++) {
+                table.removeSelectionInterval(aSortedDescending[i], aSortedDescending[i]);// Make sure to turn off the selection or it will pass to
+                // the next row.
+                rows.splice(aSortedDescending[i], 1); // There is a major assumption here that the index in the model is identical to the index in
+                // the table !!!
+            }
+            oModel.setProperty("/config/rows", rows);
+        },
+        // Will be called on change event of the name column in Parameters table.
+        // 2 parameters cannot have the same name. (in case the user decide to ignore the error message, there is a second validation on the save)
+        checkDuplicateNames: function (changeEvent) {
+            const oModel = this.getView().getModel();
+            const rows = oModel.getProperty("/config/rows");
+            const nameCol = Element.getElementById(changeEvent.getParameter("id"));
+            const sNewValue = changeEvent.getParameter("newValue");
+
+            if (sNewValue !== "" && !(/^[\w-/]+$/.test(sNewValue))) {
+                nameCol.setValueState(ValueState.Error); MessageBox.alert(this.sInvalidParmMsg, this.focusNameField.bind(nameCol), this.sDuplicateErrorTitle);
+            }
+            if (tileUtils.tableHasDuplicateParameterNames(rows)) {
+                nameCol.setValueState(ValueState.Error); MessageBox.alert(this.sDuplicateErrorMsg, this.focusNameField.bind(nameCol), this.sDuplicateErrorTitle);
+            } else {
+                nameCol.setValueState(ValueState.None);
+            }
+        },
+        // a callback function for the duplicate error MessageBox
+        focusNameField: function () {
+            this.focus();
+        },
+
+        // forward value helper request to utils
+        onValueHelpRequest: function (oEvent) {
+            // Third parameter is to differentiate whether it's Tile Actions icon field or general icon field. If it's true, then it's tile actions
+            // icon field, else general icon field.
+            tileUtils.objectSelectOnValueHelpRequest(this, oEvent, false);
+        },
+        onActionValueHelpRequest: function (oEvent) {
+            tileUtils.actionSelectOnValueHelpRequest(this, oEvent);
+        },
+        onRoleValueHelpRequest: function (oEvent) {
+            tileUtils.roleSelectOnValueHelpRequest(this, oEvent);
+        },
+        onInstanceValueHelpRequest: function (oEvent) {
+            tileUtils.instanceSelectOnValueHelpRequest(this, oEvent);
+        },
+        instanceSuggest: function (oEvent) {
+            tileUtils.instanceSuggest(this, oEvent);
+        },
+        aliasSuggest: function (oEvent) {
+            tileUtils.aliasSuggest(this, oEvent);
+        },
+        onAliasValueHelpRequest: function (oEvent) {
+            tileUtils.applicationAliasSelectOnValueHelpRequest(this, oEvent);
+        },
+        onFormFactorChange: function () {
+            const oModel = this.getView().getModel();
+            oModel.setProperty("/config/formFactorConfigDefault", false);
+        },
+
+        // Will be called on change event of the application type radio buttons.
+        onApplicationTypeChange: function (oEvent) {
+            const oParameter = oEvent.getParameters();
+            if (oParameter.selectedItem) {
+                tileUtils.displayApplicationTypeFields(oParameter.selectedItem.getKey(), this.getView());
+            }
+        }
+    });
+});

package/src/main/js/sap/ushell_abap/components/tiles/action/Configuration.view.xml

@@ -0,0 +1,333 @@
+<mvc:View
+    xmlns="sap.m"
+    xmlns:mvc="sap.ui.core.mvc"
+    xmlns:form="sap.ui.layout.form"
+    xmlns:layout="sap.ui.layout"
+    xmlns:table="sap.ui.table"
+    xmlns:rowmodes="sap.ui.table.rowmodes"
+    controllerName="sap.ushell_abap.components.tiles.action.Configuration">
+    <MessageStrip
+        type="Warning"
+        enableFormattedText="true"
+        showIcon="true"
+        showCloseButton="false"
+        class="sapUiResponsiveMargin"
+        visible="{= !!${/config/deprecation_text}}"
+        text="{/config/deprecation_text}" />
+    <form:Form id="configuration" maxContainerCols="2" minWidth="1024" editable="true">
+        <form:layout>
+            <form:ResponsiveGridLayout />
+        </form:layout>
+        <form:FormContainer id="categoryChipConfiguration" title="{i18n>configuration.category.action_chip_configuration}">
+            <form:FormElement label="{i18n>configuration.semantic_object}">
+                <Input
+                    id="semantic_objectInput"
+                    width="100%"
+                    tooltip="{i18n>configuration.semantic_object.tooltip}"
+                    maxLength="30"
+                    liveChange=".onConfigurationInputChange"
+                    valueHelpRequest=".onValueHelpRequest"
+                    showValueHelp="true"
+                    showSuggestion="true"
+                    value="{/value}"
+                    enabled="{/config/editable}" />
+            </form:FormElement>
+            <form:FormElement label="{i18n>configuration.semantic_action}">
+                <Input
+                    id="semantic_actionInput"
+                    value="{/config/semantic_action}"
+                    maxLength="50"
+                    liveChange=".onConfigurationInputChange"
+                    enabled="{/config/editable}"
+                    valueHelpRequest=".onActionValueHelpRequest"
+                    showValueHelp="true"
+                    showSuggestion="true"
+                    width="100%"
+                    tooltip="{i18n>configuration.semantic_action.tooltip}" />
+            </form:FormElement>
+        </form:FormContainer>
+        <form:FormContainer id="categoryTargetApplication" title="{i18n>configuration.category.target_application}">
+            <form:FormElement id="targetType" label="{i18n>configuration.target_applicationType}">
+                <ComboBox
+                    id="targetTypeInput"
+                    selectedKey="{/config/navigation_provider}"
+                    enabled="{/config/editable}"
+                    selectionChange=".onApplicationTypeChange" />
+            </form:FormElement>
+            <form:FormElement id="application_description" label="{i18n>configuration.target_application.description}">
+                <Input
+                    id="target_application_descriptionInput"
+                    value="{/config/display_title_text}"
+                    liveChange=".onConfigurationInputChange"
+                    width="100%"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_application.description.tooltip}" />
+            </form:FormElement>
+            <form:FormElement id="application_url" label="{i18n>configuration.target_application.url}">
+                <Input
+                    id="target_application_urlInput"
+                    value="{/config/url}"
+                    enabled="{/config/editable}"
+                    maxLength="512"
+                    liveChange=".onConfigurationInputChange"
+                    width="100%" tooltip="{i18n>configuration.target_application.url.tooltip}" />
+            </form:FormElement>
+            <form:FormElement id="application_component" label="{i18n>configuration.target_application.component}">
+                <Input
+                    id="target_application_componentInput"
+                    value="{/config/ui5_component}"
+                    enabled="{/config/editable}"
+                    liveChange=".onConfigurationInputChange"
+                    width="100%"
+                    tooltip="{i18n>configuration.target_application.component.tooltip}" />
+            </form:FormElement>
+            <form:FormElement id="navigation_provider_role" label="{i18n>configuration.navigation_provider_role}">
+                <Input
+                    id="navigation_provider_roleInput"
+                    valueHelpRequest=".onRoleValueHelpRequest"
+                    showValueHelp="true"
+                    showTableSuggestionValueHelp="true"
+                    enabled="{/config/editable}"
+                    showSuggestion="true"
+                    value="{/value}"
+                    width="100%"
+                    maxLength="10"
+                    class="sapUshellTargetMappingToUpperCase"
+                    tooltip="{i18n>configuration.navigation_provider_role.tooltip}"
+                    liveChange=".onConfigurationInputChange">
+                    <suggestionColumns>
+                        <Column hAlign="Begin" popinDisplay="Inline" demandPopin="true">
+                            <Label text="{i18n>configuration.navigation_provider_role}" />
+                        </Column>
+                        <Column hAlign="Begin" popinDisplay="Inline" demandPopin="true">
+                            <Label text="{i18n>configuration.navigation_provider_instance}" />
+                        </Column>
+                    </suggestionColumns>
+                </Input>
+            </form:FormElement>
+            <form:FormElement id="navigation_provider_instance"
+                label="{i18n>configuration.navigation_provider_instance}">
+                <Input
+                    id="navigation_provider_instanceInput"
+                    value="{/value}"
+                    width="100%"
+                    maxLength="32"
+                    valueHelpRequest=".onInstanceValueHelpRequest"
+                    enabled="{/config/editable}"
+                    showValueHelp="true"
+                    showSuggestion="true"
+                    suggest=".instanceSuggest"
+                    tooltip="{i18n>configuration.navigation_provider_instance.tooltip}"
+                    liveChange=".onConfigurationInputChange"
+                    class="sapUshellTargetMappingToUpperCase" />
+            </form:FormElement>
+            <form:FormElement id="target_application_alias" label="{i18n>configuration.target_application_alias}">
+                <Input
+                    id="target_application_aliasInput"
+                    value="{/value}"
+                    width="100%"
+                    valueHelpRequest=".onAliasValueHelpRequest"
+                    enabled="{/config/editable}"
+                    showValueHelp="true"
+                    showSuggestion="true"
+                    suggest=".aliasSuggest"
+                    tooltip="{i18n>configuration.target_application_alias.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_application_id" label="{i18n>configuration.target_application_id}">
+                <Input
+                    id="target_application_idInput"
+                    value="{/config/target_application_id}"
+                    width="100%"
+                    maxLength="32"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_application_id.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_transaction" label="{i18n>configuration.target_transaction}">
+                <Input
+                    id="target_transactionInput"
+                    value="{/config/transaction/code}"
+                    width="100%"
+                    maxLength="20"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_transaction.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_wcf_application_id" label="{i18n>configuration.target_wcf.application_id}">
+                <Input
+                    id="target_wcf_application_idInput"
+                    value="{/config/wcf/application_id}"
+                    width="100%"
+                    maxLength="30"
+                    enabled="{/config/editable}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_web_dynpro_application" label="{i18n>configuration.target_web_dynpro.application}">
+                <Input
+                    id="target_web_dynpro_applicationInput"
+                    value="{/config/web_dynpro/application}"
+                    width="100%"
+                    maxLength="30"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_web_dynpro_application.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_web_dynpro_configuration" label="{i18n>configuration.target_web_dynpro.configuration}">
+                <Input
+                    id="target_web_dynpro_configurationInput"
+                    value="{/config/web_dynpro/configuration}"
+                    width="100%"
+                    maxLength="32"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_web_dynpro_application.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_system_alias" label="{i18n>configuration.target_system_alias}">
+                <Input
+                    id="target_system_aliasInput"
+                    value="{/config/target_system_alias}"
+                    width="100%"
+                    maxLength="30"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_system_alias.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="urlt_application_component" label="{i18n>configuration.target_application.component}">
+                <Input
+                    id="urlt_application_componentInput"
+                    value="{/config/url_template/parameters/ui5ComponentName}"
+                    enabled="{/config/editable}"
+                    liveChange=".onConfigurationInputChange"
+                    width="100%"
+                    tooltip="{i18n>configuration.target_application.component.tooltip}" />
+            </form:FormElement>
+            <form:FormElement id="target_urlt_system_alias" label="{i18n>configuration.target_system_alias}">
+                <Input
+                    id="target_urlt_system_aliasInput"
+                    value="{/config/url_template/parameters/systemAlias}"
+                    width="100%"
+                    maxLength="30"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_system_alias.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="application_type_deprecated">
+                <MessageStrip text="{i18n>applicationTypeDeprecated}" type="Warning" showIcon="true" />
+            </form:FormElement>
+        </form:FormContainer>
+        <form:FormContainer id="categoryGeneral" title="{i18n>configuration.category.general}">
+            <form:layoutData>
+                <layout:GridData span="L12 M12 S12" />
+            </form:layoutData>
+            <form:FormElement label="{i18n>configuration.display_info_text}">
+                <Input
+                    id="additionalInfo"
+                    value="{/config/display_info_text}"
+                    enabled="{/config/editable}"
+                    width="100%"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement label="{i18n>configuration.form_factor}" tooltip="{i18n>configuration.form_factor.tooltip}">
+                <CheckBox
+                    id="desktopCB"
+                    text="{i18n>configuration.form_factor_desktop}"
+                    select=".onFormFactorChange"
+                    selected="{/config/desktopChecked}"
+                    enabled="{/config/manualFormFactor}" />
+                <CheckBox
+                    id="tabletCB"
+                    text="{i18n>configuration.form_factor_tablet}"
+                    select=".onFormFactorChange"
+                    selected="{/config/tabletChecked}"
+                    enabled="{/config/manualFormFactor}" />
+                <CheckBox
+                    id="phoneCB"
+                    text="{i18n>configuration.form_factor_phone}"
+                    select=".onFormFactorChange"
+                    selected="{/config/phoneChecked}"
+                    enabled="{/config/manualFormFactor}" />
+            </form:FormElement>
+            <form:FormElement label="{i18n>configuration.signature.table.title}">
+                <VBox>
+                    <table:Table
+                        id="mappingSignatureTable"
+                        rows="{/config/rows}"
+                        selectionBehavior="Row"
+                        selectionMode="MultiToggle"
+                        enableColumnReordering="false">
+                        <table:rowMode>
+                            <rowmodes:Fixed rowCount="5" rowContentHeight="30"/>
+                        </table:rowMode>
+                        <table:Column id="nameCol" width="82px">
+                            <Label text="{i18n>configuration.signature.table.name}" />
+                            <table:template>
+                                <Input
+                                    value="{name}"
+                                    editable="{editable}"
+                                    placeholder="{i18n>configuration.signature.table.nameFieldLbl}"
+                                    change=".checkDuplicateNames" />
+                            </table:template>
+                        </table:Column>
+                        <table:Column id="mandatoryCol" width="92px" hAlign="Center">
+                            <Label text="{i18n>configuration.signature.table.mandatory}" />
+                            <table:template>
+                                <CheckBox selected="{mandatory}" editable="{editable}" select=".handleMandatoryChange" />
+                            </table:template>
+                        </table:Column>
+                        <table:Column id="valueCol" width="85px">
+                            <Label text="{i18n>configuration.signature.table.value}" />
+                            <table:template>
+                                <Input value="{value}" editable="{editable}" enabled="{valEnabled}" />
+                            </table:template>
+                        </table:Column>
+                        <table:Column id="isRegExCol" width="162px" hAlign="Center">
+                            <Label text="{i18n>configuration.signature.table.isRegEx}" />
+                            <table:template>
+                                <CheckBox selected="{isRegularExpression}" editable="{editable}" enabled="{valEnabled}" />
+                            </table:template>
+                        </table:Column>
+                        <table:Column id="defValueCol" width="110px">
+                            <Label text="{i18n>configuration.signature.table.defaultValue}" />
+                            <table:template>
+                                <Input value="{defaultValue}" editable="{editable}" enabled="{defValEnabled}" />
+                            </table:template>
+                        </table:Column>
+                        <table:Column id="renameToCol" width="82px" visible="{= ${/config/navigation_provider} !== 'LPD' }">
+                            <Label
+                                text="{i18n>configuration.signature.table.renameTo}"
+                                tooltip="{i18n>configuration.signature.table.renameTo.tooltip}" />
+                            <table:template>
+                                <Input value="{rename_to}" editable="{editable}" />
+                            </table:template>
+                        </table:Column>
+                    </table:Table>
+                    <HBox wrap="Wrap">
+                        <CheckBox
+                            id="isUnknownAllowed"
+                            text="{i18n>configuration.signature.table.allowUndefined}"
+                            enabled="{/config/editable}"
+                            selected="{/config/isUnknownAllowed}"
+                            width="400px">
+                            <layoutData>
+                                <FlexItemData growFactor="1"/>
+                            </layoutData>
+                        </CheckBox>
+                        <Button
+                            id="addRow"
+                            enabled="{/config/editable}"
+                            text="{i18n>configuration.signature.table.add}"
+                            press=".addRow"
+                            width="100px" />
+                        <Button
+                            id="deleteRow"
+                            enabled="{/config/editable}"
+                            text="{i18n>configuration.signature.table.delete}"
+                            press=".deleteRow"
+                            width="100px" />
+                    </HBox>
+                </VBox>
+            </form:FormElement>
+        </form:FormContainer>
+    </form:Form>
+</mvc:View>

package/src/main/js/sap/ushell_abap/components/tiles/applauncher/Component.js

@@ -0,0 +1,41 @@
+// Copyright (c) 2009-2026 SAP SE, All Rights Reserved
+
+sap.ui.define([
+    "sap/ui/core/mvc/View",
+    "sap/ui/core/UIComponent",
+    "sap/ushell/performance/PerformanceAPI"
+], (
+    View,
+    UIComponent,
+    PerformanceAPI
+) => {
+    "use strict";
+
+    return UIComponent.extend("sap.ushell_abap.components.tiles.applauncher.Component", {
+        metadata: {
+            interfaces: ["sap.ui.core.IAsyncContentCreation"]
+        },
+
+        init: function () {
+            UIComponent.prototype.init.apply(this, arguments);
+
+            PerformanceAPI.attachComponentInitialRendering(this, () => {
+                PerformanceAPI.setMark("FLP First Tile View Rendered", {
+                    useUniqueMark: true
+                });
+                PerformanceAPI.setMark("FLP Last Tile View Rendered", {
+                    useOnlyLastMark: true
+                });
+            });
+        },
+
+        createContent: function () {
+            const oComponentData = this.getComponentData();
+
+            return View.create({
+                viewName: "module:sap/ushell_abap/components/tiles/applauncher/StaticTile.view",
+                viewData: oComponentData
+            });
+        }
+    });
+});