@sap-ux/fe-fpm-writer 0.42.20 → 0.43.0

package/dist/building-block/index.js

@@ -82,7 +82,7 @@ async function generateBuildingBlock(basePath, config, fs) {
     const { path: manifestPath, content: manifest } = await (0, utils_1.getManifest)(basePath, fs);
     // Read the view xml and template files and update contents of the view xml file
     const xmlDocument = getUI5XmlDocument(basePath, viewOrFragmentPath, fs);
-    const { updatedAggregationPath, processedBuildingBlockData, hasAggregation, aggregationNamespace } = (0, processor_1.processBuildingBlock)(buildingBlockData, xmlDocument, manifestPath, manifest, aggregationPath, fs);
+    const { updatedAggregationPath, processedBuildingBlockData, hasAggregation, aggregationNamespace } = (0, processor_1.processBuildingBlock)({ ...buildingBlockData, generateId: fnGenerateId }, xmlDocument, manifestPath, manifest, aggregationPath, fs);
     const templateConfig = {
         hasAggregation,
         aggregationNamespace

package/dist/building-block/processor.d.ts

@@ -1,10 +1,14 @@
 import type { Editor } from 'mem-fs-editor';
-import { BuildingBlockType, type BuildingBlock, type EmbededFragment } from './types';
+import { BuildingBlockType, type BuildingBlock, type EmbededFragment, type EmbeddedAction } from './types';
 import type { Manifest, InternalCustomElement } from '../common/types';
 /**
  * Type for embedded fragment data used in building block processing.
  */
 type EmbeddedFragmentData = InternalCustomElement & EmbededFragment;
+/**
+ * Type for embedded action data used in building block processing for custom actions.
+ */
+type EmbeddedActionData = InternalCustomElement & EmbeddedAction;
 /**
  * Namespace for XML elements.
  */
@@ -22,6 +26,7 @@ interface ProcessingContext {
     embeddedFragment?: EmbeddedFragmentData;
     updatedAggregationPath?: string;
     hasAggregation?: boolean;
+    embeddedAction?: EmbeddedActionData;
 }
 /**
  * Configuration for building block templates.

package/dist/building-block/processor.js

@@ -78,6 +78,11 @@ exports.BUILDING_BLOCK_CONFIG = {
         aggregationConfig: { aggregationName: 'buttonGroups', elementName: 'ButtonGroup' },
         namespace: { uri: 'sap.fe.macros', prefix: 'macros' },
         processor: processRichTextEditorButtonGroups
+    },
+    [types_1.BuildingBlockType.Action]: {
+        aggregationConfig: { aggregationName: 'actions', elementName: 'Action' },
+        namespace: { uri: 'sap.fe.macros.table', prefix: 'macrosTable' },
+        processor: processAction
     }
 };
 /**
@@ -95,13 +100,14 @@ function getBuildingBlockConfig(buildingBlockType) {
     return config;
 }
 /**
- * Type guard to check if the building block data is a custom column.
+ * Checks if the building block data matches a specific type.
  *
  * @param {BuildingBlock} data - The building block data to check
- * @returns {boolean} True if the data is a custom column
+ * @param {BuildingBlockType} type - The building block type to check against
+ * @returns {boolean} True if the data matches the specified type
  */
-function isCustomColumn(data) {
-    return data.buildingBlockType === types_1.BuildingBlockType.CustomColumn;
+function isBuildingBlockType(data, type) {
+    return data.buildingBlockType === type;
 }
 /**
  * Processes custom column building block.
@@ -111,7 +117,7 @@ function isCustomColumn(data) {
  */
 function processCustomColumn(buildingBlockData, context) {
     const { fs, viewPath } = context;
-    if (!isCustomColumn(buildingBlockData)) {
+    if (!isBuildingBlockType(buildingBlockData, types_1.BuildingBlockType.CustomColumn)) {
         throw new Error('Expected CustomColumn building block data');
     }
     const config = getBuildingBlockConfig(types_1.BuildingBlockType.CustomColumn);
@@ -130,15 +136,6 @@ function processCustomColumn(buildingBlockData, context) {
         fs.copyTpl((0, templates_1.getTemplatePath)(config.templateFile), viewPath, columnConfig);
     }
 }
-/**
- * Type guard to check if the building block data is a custom filter field.
- *
- * @param {BuildingBlock} data - The building block data to check
- * @returns {boolean} True if the data is a custom filter field
- */
-function isCustomFilterField(data) {
-    return data.buildingBlockType === types_1.BuildingBlockType.CustomFilterField;
-}
 /**
  * Processes custom filter field building block.
  *
@@ -147,7 +144,7 @@ function isCustomFilterField(data) {
  */
 function processCustomFilterField(buildingBlockData, context) {
     const { fs, viewPath, embeddedFragment } = context;
-    if (!isCustomFilterField(buildingBlockData)) {
+    if (!isBuildingBlockType(buildingBlockData, types_1.BuildingBlockType.CustomFilterField)) {
         throw new Error('Expected CustomFilterField building block data');
     }
     if (!embeddedFragment) {
@@ -173,9 +170,9 @@ function processCustomFilterField(buildingBlockData, context) {
         });
     }
     const configKey = config.templateFile;
-    const additionnalDataConfig = file_1.CONFIG[configKey];
-    if (additionnalDataConfig?.getData) {
-        const additionalContext = additionnalDataConfig.getData(buildingBlockData.generateId, buildingBlockData);
+    const additionalDataConfig = file_1.CONFIG[configKey];
+    if (additionalDataConfig?.getData) {
+        const additionalContext = additionalDataConfig.getData(buildingBlockData.generateId);
         filterConfig = { ...filterConfig, ...additionalContext };
     }
     if (viewPath && !fs.exists(viewPath)) {
@@ -281,22 +278,6 @@ function mergeButtonGroups(existingButtonGroupsMap, rteButtonGroups) {
         };
     });
 }
-/**
- * Type guard to check if the building block data is a rich text editor button groups.
- *
- * @param {BuildingBlock} data - The building block data to check
- * @returns {boolean} True if the data is a rich text editor button groups
- */
-function isRichTextEditorButtonGroups(data) {
-    return data.buildingBlockType === types_1.BuildingBlockType.RichTextEditorButtonGroups;
-}
-/**
- *
- * @param data
- */
-function isRichTextEditor(data) {
-    return data.buildingBlockType === types_1.BuildingBlockType.RichTextEditor;
-}
 /**
  * Processes rich text editor button groups building block.
  *
@@ -305,7 +286,8 @@ function isRichTextEditor(data) {
  */
 function processRichTextEditorButtonGroups(buildingBlockData, context) {
     const { xmlDocument, updatedAggregationPath, hasAggregation } = context;
-    if (!isRichTextEditorButtonGroups(buildingBlockData) && !isRichTextEditor(buildingBlockData)) {
+    if (!isBuildingBlockType(buildingBlockData, types_1.BuildingBlockType.RichTextEditorButtonGroups) &&
+        !isBuildingBlockType(buildingBlockData, types_1.BuildingBlockType.RichTextEditor)) {
         throw new Error('Expected RichTextEditorButtonGroups or RichTextEditor building block data');
     }
     const existingButtonGroupsMap = new Map();
@@ -369,6 +351,44 @@ function updateAggregationPath(xmlDocument, aggregationPath, config, namespace)
     }
     return { updatedAggregationPath: aggregationPath, hasElement: false };
 }
+/**
+ * Processes custom action building blocks.
+ *
+ * @param buildingBlockData - The building block data
+ * @param context - Processing context
+ */
+function processAction(buildingBlockData, context) {
+    const { fs } = context;
+    if (!isBuildingBlockType(buildingBlockData, types_1.BuildingBlockType.Action)) {
+        throw new Error('Expected Action building block data');
+    }
+    const actionConfig = buildingBlockData.embeddedAction;
+    if (typeof actionConfig.eventHandler === 'object') {
+        const processedEventHandler = (0, event_handler_1.applyEventHandlerConfiguration)(fs, actionConfig, actionConfig.eventHandler, {
+            typescript: actionConfig.typescript
+        });
+        const fnName = actionConfig.eventHandler ? actionConfig.eventHandler.fnName : processedEventHandler;
+        // Check if file name includes .controller
+        if (actionConfig.eventHandler.fileName?.includes('.controller')) {
+            // Controller method: use fnName as is, no core:require needed
+            actionConfig.eventHandler = {
+                fnName: `.${fnName}`
+            };
+        }
+        else {
+            // Custom handler file: use handler alias with core:require
+            let handlerPath;
+            if (actionConfig.eventHandler.fileName) {
+                const path = context.embeddedAction?.ns?.split('.').join('/');
+                handlerPath = node_path_1.posix.join(path ?? '', actionConfig.eventHandler.fileName);
+            }
+            actionConfig.eventHandler = {
+                fnName: `handler.${fnName}`,
+                fileName: handlerPath
+            };
+        }
+    }
+}
 /**
  * Processes building block configuration.
  *
@@ -397,7 +417,8 @@ function processBuildingBlock(buildingBlockData, xmlDocument, manifestPath, mani
             aggregationNamespace
         };
     }
-    if (isRichTextEditorButtonGroups(buildingBlockData) || isRichTextEditor(buildingBlockData)) {
+    if (isBuildingBlockType(buildingBlockData, types_1.BuildingBlockType.RichTextEditorButtonGroups) ||
+        isBuildingBlockType(buildingBlockData, types_1.BuildingBlockType.RichTextEditor)) {
         const result = updateAggregationPath(xmlDocument, aggregationPath, {
             aggregationName: config.aggregationConfig.aggregationName,
             elementName: config.aggregationConfig.elementName
@@ -415,7 +436,8 @@ function processBuildingBlock(buildingBlockData, xmlDocument, manifestPath, mani
         aggregationNamespace = (0, xml_1.getOrAddNamespace)(xmlDocument, config.namespace.uri, config.namespace.prefix);
     }
     // Process embedded fragment for types that support it
-    if ((isCustomColumn(buildingBlockData) || isCustomFilterField(buildingBlockData)) &&
+    if ((isBuildingBlockType(buildingBlockData, types_1.BuildingBlockType.CustomColumn) ||
+        isBuildingBlockType(buildingBlockData, types_1.BuildingBlockType.CustomFilterField)) &&
         buildingBlockData.embededFragment) {
         embeddedFragment = (0, defaults_1.setCommonDefaults)(buildingBlockData.embededFragment, manifestPath, manifest);
         viewPath = (0, node_path_1.join)(embeddedFragment.path, `${embeddedFragment.fragmentFile ?? embeddedFragment.name}.fragment.xml`);
@@ -434,6 +456,23 @@ function processBuildingBlock(buildingBlockData, xmlDocument, manifestPath, mani
         hasAggregation = result.hasElement;
         aggregationNamespace = (0, xml_1.getOrAddNamespace)(xmlDocument, config.namespace.uri, config.namespace.prefix);
     }
+    if (isBuildingBlockType(buildingBlockData, types_1.BuildingBlockType.Action) && buildingBlockData.embeddedAction) {
+        const result = updateAggregationPath(xmlDocument, aggregationPath, {
+            aggregationName: config.aggregationConfig.aggregationName,
+            elementName: config.aggregationConfig.elementName
+        });
+        const context = {
+            fs,
+            xmlDocument,
+            updatedAggregationPath: result.updatedAggregationPath,
+            hasAggregation: result.hasElement,
+            embeddedAction: (0, defaults_1.setCommonDefaults)(buildingBlockData.embeddedAction, manifestPath, manifest)
+        };
+        config.processor(buildingBlockData, context);
+        updatedAggregationPath = result.updatedAggregationPath;
+        hasAggregation = result.hasElement;
+        (0, xml_1.getOrAddNamespace)(xmlDocument, config.namespace.uri, config.namespace.prefix);
+    }
     return {
         updatedAggregationPath,
         processedBuildingBlockData: buildingBlockData,

package/dist/building-block/prompts/utils/questions.js

@@ -20,6 +20,7 @@ const xml_1 = require("./xml");
 const i18n_1 = require("../../../i18n");
 const prompt_helpers_1 = require("./prompt-helpers");
 const file_1 = require("../../../common/file");
+const utils_1 = require("../../../common/utils");
 /* eslint-disable @typescript-eslint/no-floating-promises */
 (0, i18n_1.initI18n)();
 const t = (0, i18n_1.translate)(i18n_1.i18nNamespaces.buildingBlock, 'prompts.common.');
@@ -374,7 +375,7 @@ function getBuildingBlockIdPrompt(context, validationErrorMessage, properties =
             }
             else {
                 return answers?.viewOrFragmentPath &&
-                    !(0, xml_1.isElementIdAvailable)(fs, (0, node_path_1.join)(appPath, answers.viewOrFragmentPath), value)
+                    !(0, utils_1.isElementIdAvailable)(fs, (0, node_path_1.join)(appPath, answers.viewOrFragmentPath), value)
                     ? t('id.existingIdValidation')
                     : true;
             }

package/dist/building-block/prompts/utils/xml.d.ts

@@ -1,13 +1,4 @@
 import type { Editor } from 'mem-fs-editor';
-/**
- * Method validates if passed id is available.
- *
- * @param fs  - the file system object for reading files
- * @param viewOrFragmentPath - path to fragment or view file
- * @param id - id to check/validate
- * @returns true if passed id is available.
- */
-export declare function isElementIdAvailable(fs: Editor, viewOrFragmentPath: string, id: string): boolean;
 /**
  * Converts the provided xpath string from `/mvc:View/Page/content` to
  * `/mvc:View/*[local-name()='Page']/*[local-name()='content']`.

package/dist/building-block/prompts/utils/xml.js

@@ -34,26 +34,12 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.augmentXpathWithLocalNames = void 0;
-exports.isElementIdAvailable = isElementIdAvailable;
 exports.getXPathStringsForXmlFile = getXPathStringsForXmlFile;
 exports.getFilterBarIdsInFile = getFilterBarIdsInFile;
 exports.getExistingButtonGroups = getExistingButtonGroups;
 exports.getOrAddNamespace = getOrAddNamespace;
 const xmldom_1 = require("@xmldom/xmldom");
 const xpath = __importStar(require("xpath"));
-/**
- * Method validates if passed id is available.
- *
- * @param fs  - the file system object for reading files
- * @param viewOrFragmentPath - path to fragment or view file
- * @param id - id to check/validate
- * @returns true if passed id is available.
- */
-function isElementIdAvailable(fs, viewOrFragmentPath, id) {
-    const xmlContent = fs.read(viewOrFragmentPath).toString();
-    const xmlDocument = new xmldom_1.DOMParser({ errorHandler: () => { } }).parseFromString(xmlContent);
-    return xmlDocument.documentElement ? !xmlDocument.getElementById(id) : true;
-}
 /**
  * Converts the provided xpath string from `/mvc:View/Page/content` to
  * `/mvc:View/*[local-name()='Page']/*[local-name()='content']`.

package/dist/building-block/types.d.ts

@@ -15,7 +15,8 @@ export declare enum BuildingBlockType {
     Table = "table",
     CustomColumn = "custom-column",
     RichTextEditor = "rich-text-editor",
-    RichTextEditorButtonGroups = "rich-text-editor-button-groups"
+    RichTextEditorButtonGroups = "rich-text-editor-button-groups",
+    Action = "action"
 }
 /**
  * Binding context type.
@@ -425,6 +426,56 @@ export interface CustomColumn extends BuildingBlock {
     position?: Position;
     embededFragment?: EmbededFragment;
 }
+/**
+ * Building block for adding custom actions to tables.
+ * Custom actions can be added to table toolbars and can trigger controller methods or fragments.
+ *
+ * @see https://sapui5.hana.ondemand.com/#/api/sap.fe.macros.table.Action
+ * @example
+ * // Simple action with event handler
+ * <macros:Table id="MyTable" metaPath="@com.sap.vocabularies.UI.v1.LineItem">
+ *   <macros:actions>
+ *     <macrosTable:Action
+ *       key="approveAction"
+ *       text="Approve"
+ *       press=".onApprove"
+ *       requiresSelection="true"
+ *       placement="After"
+ *     />
+ *   </macros:actions>
+ * </macros:Table>
+ * @extends {BuildingBlock}
+ */
+export interface Action extends BuildingBlock {
+    /**
+     * Unique identifier of the action.
+     */
+    actionKey: string;
+    /**
+     * The text that will be displayed for this action.
+     */
+    text: string;
+    /**
+     * Reference to the key of another action already displayed in the toolbar to properly place this one.
+     */
+    anchor?: string;
+    /**
+     * Defines where this action should be placed relative to the defined anchor.
+     * Allowed values are 'Before' and 'After'.
+     */
+    placement?: 'Before' | 'After';
+    /**
+     * Defines if the action requires a selection.
+     *
+     * @default false
+     */
+    requiresSelection?: boolean;
+    /**
+     * This allows you to define event handlers, or custom XML elements for the action.
+     */
+    embeddedAction: EmbeddedAction;
+}
+export type EmbeddedAction = EventHandler & CustomFragment & CustomElement;
 export type EmbededFragment = EventHandler & CustomFragment & CustomElement & FragmentContentData;
 /**
  * Building block used to create a rich text editor based on the metadata provided by OData V4.

package/dist/building-block/types.js

@@ -18,6 +18,7 @@ var BuildingBlockType;
     BuildingBlockType["CustomColumn"] = "custom-column";
     BuildingBlockType["RichTextEditor"] = "rich-text-editor";
     BuildingBlockType["RichTextEditorButtonGroups"] = "rich-text-editor-button-groups";
+    BuildingBlockType["Action"] = "action";
 })(BuildingBlockType || (exports.BuildingBlockType = BuildingBlockType = {}));
 exports.bindingContextAbsolute = 'absolute';
 exports.bindingContextRelative = 'relative';

package/dist/common/file.d.ts

@@ -1,16 +1,10 @@
 import type { CopyOptions, Editor } from 'mem-fs-editor';
 import type { TabInfo } from '../common/types';
 interface ButtonGroup {
-    name: string;
-    buttons: string[];
-    visible?: boolean;
-    priority?: number;
-    customToolbarPriority?: number;
-    row?: number;
     id?: string;
 }
 export type IdGeneratorFunction = (baseId: string, validatedIds?: string[]) => string;
-interface TemplateContext {
+export interface TemplateContext {
     buttonGroups?: ButtonGroup[];
     name?: string;
     data?: {
@@ -49,7 +43,7 @@ export declare const CONFIG: {
         };
     };
     "building-block/rich-text-editor-button-groups/View.xml": {
-        getData: (generateId: IdGeneratorFunction, context?: TemplateContext) => {
+        getData: (generateId: IdGeneratorFunction, context?: Partial<TemplateContext>) => {
             ids: Record<string, string>;
         };
     };

package/dist/common/file.js

@@ -10,7 +10,7 @@ exports.copyTpl = copyTpl;
 exports.getRelativeTemplateComponentPath = getRelativeTemplateComponentPath;
 const node_path_1 = require("node:path");
 const file_1 = require("@sap-ux/project-access/dist/file");
-const utils_1 = require("../building-block/prompts/utils");
+const utils_1 = require("./utils");
 const CHAR_SPACE = ' ';
 const CHAR_TAB = '\t';
 exports.CONFIG = {
@@ -82,7 +82,7 @@ exports.CONFIG = {
             const ids = {};
             const validatedIds = [];
             buttonGroups.forEach((group, index) => {
-                const id = generateId(`${'ButtonGroup'}`, validatedIds);
+                const id = generateId('ButtonGroup', validatedIds);
                 ids[index] = group.id ?? id;
                 if (!group.id) {
                     validatedIds.push(id);

package/dist/common/utils.d.ts

@@ -48,4 +48,13 @@ export declare function getManifestPath(basePath: string, fs: Editor): Promise<s
  * @returns {Manifest | undefined} The content and path of the manifest
  */
 export declare function getManifest(basePath: string, fs: Editor, validate?: boolean): Promise<ManifestData>;
+/**
+ * Method validates if passed id is available.
+ *
+ * @param fs  - the file system object for reading files
+ * @param viewOrFragmentPath - path to fragment or view file
+ * @param id - id to check/validate
+ * @returns true if passed id is available.
+ */
+export declare function isElementIdAvailable(fs: Editor, viewOrFragmentPath: string, id: string): boolean;
 //# sourceMappingURL=utils.d.ts.map

package/dist/common/utils.js

@@ -8,12 +8,14 @@ exports.insertTextAtPosition = insertTextAtPosition;
 exports.addExtensionTypes = addExtensionTypes;
 exports.getManifestPath = getManifestPath;
 exports.getManifest = getManifest;
+exports.isElementIdAvailable = isElementIdAvailable;
 const node_os_1 = __importDefault(require("node:os"));
 const node_path_1 = require("node:path");
 const semver_1 = require("semver");
 const project_access_1 = require("@sap-ux/project-access");
 const templates_1 = require("../templates");
 const file_1 = require("./file");
+const xmldom_1 = require("@xmldom/xmldom");
 /**
  * Method inserts passed text into content by char index position.
  * In case if position is out of range, then whitespaces would be created.
@@ -103,4 +105,17 @@ async function getManifest(basePath, fs, validate = true) {
         content: fs.readJSON(path)
     };
 }
+/**
+ * Method validates if passed id is available.
+ *
+ * @param fs  - the file system object for reading files
+ * @param viewOrFragmentPath - path to fragment or view file
+ * @param id - id to check/validate
+ * @returns true if passed id is available.
+ */
+function isElementIdAvailable(fs, viewOrFragmentPath, id) {
+    const xmlContent = fs.read(viewOrFragmentPath).toString();
+    const xmlDocument = new xmldom_1.DOMParser({ errorHandler: () => { } }).parseFromString(xmlContent);
+    return xmlDocument.documentElement ? !xmlDocument.getElementById(id) : true;
+}
 //# sourceMappingURL=utils.js.map

package/dist/index.d.ts

@@ -14,7 +14,7 @@ export { CustomView } from './view/types';
 export { generateCustomView } from './view';
 export { enableFPM, FPMConfig } from './app';
 export { validateBasePath, validateVersion } from './common/validate';
-export { BuildingBlockType, FilterBar, Form, Chart, Field, FieldFormatOptions, Table, BuildingBlockConfig, Page, CustomColumn, CustomFilterField, RichTextEditor, ButtonGroupConfig } from './building-block/types';
+export { BuildingBlockType, FilterBar, Form, Chart, Field, FieldFormatOptions, Table, BuildingBlockConfig, Page, CustomColumn, CustomFilterField, RichTextEditor, ButtonGroupConfig, Action } from './building-block/types';
 export { generateBuildingBlock, getSerializedFileContent } from './building-block';
 export { ChartPromptsAnswer, FilterBarPromptsAnswer, FormPromptsAnswer, TablePromptsAnswer, PagePromptsAnswer, RichTextEditorPromptsAnswer, RichTextEditorButtonGroupsPromptsAnswer, BuildingBlockTypePromptsAnswer } from './building-block/prompts/questions';
 export { PromptsType, SupportedGeneratorAnswers, PromptsAPI, PromptsGroup, Prompts, ValidationResults, Answers, Subset, CodeSnippet } from './prompts';

package/dist/page/custom.js

@@ -91,7 +91,7 @@ async function handlePageBuildingBlock(basePath, data, viewPath, fs, generateId,
         log?.warn(t('minUi5VersionRequirement', { minUI5Version: data.minUI5Version }));
         return;
     }
-    const pageId = await generateId('Page');
+    const pageId = generateId('Page');
     await (0, building_block_1.generateBuildingBlock)(basePath, {
         viewOrFragmentPath: (0, node_path_1.relative)(basePath, viewPath),
         aggregationPath: (0, utils_2.augmentXpathWithLocalNames)(`/mvc:View/Page`),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sap-ux/fe-fpm-writer",
   "description": "SAP Fiori elements flexible programming model writer",
-  "version": "0.42.20",
+  "version": "0.43.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/SAP/open-ux-tools.git",
@@ -30,7 +30,7 @@
     "semver": "7.7.4",
     "xml-formatter": "2.6.1",
     "xpath": "0.0.33",
-    "@sap-ux/fiori-annotation-api": "0.9.24",
+    "@sap-ux/fiori-annotation-api": "0.9.25",
     "@sap-ux/project-access": "1.35.10",
     "@sap-ux/logger": "0.8.1"
   },

package/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>
+<%_ } _%>