@sap/ux-ui5-tooling 1.20.4 → 1.22.0

package/dist/preview-middleware/dist/client/adp/controllers/AddCustomFragment.controller.js

@@ -0,0 +1,223 @@
+"use strict";
+
+sap.ui.define(["sap/ui/model/json/JSONModel", "../../i18n", "../command-executor", "./BaseDialog.controller", "open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common", "../../cpe/communication-service", "../../utils/info-center-message", "../../utils/error", "sap/ui/core/library", "../api-handler"], function (JSONModel, ____i18n, __CommandExecutor, __BaseDialog, ___sap_ux_private_control_property_editor_common, ____cpe_communication_service, ____utils_info_center_message, ____utils_error, sap_ui_core_library, ___api_handler) {
+  "use strict";
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
+  }
+  const getResourceModel = ____i18n["getResourceModel"];
+  const getTextBundle = ____i18n["getTextBundle"];
+  const CommandExecutor = _interopRequireDefault(__CommandExecutor);
+  const BaseDialog = _interopRequireDefault(__BaseDialog);
+  const MessageBarType = ___sap_ux_private_control_property_editor_common["MessageBarType"];
+  const setApplicationRequiresReload = ___sap_ux_private_control_property_editor_common["setApplicationRequiresReload"];
+  const CommunicationService = ____cpe_communication_service["CommunicationService"];
+  const sendInfoCenterMessage = ____utils_info_center_message["sendInfoCenterMessage"];
+  const getError = ____utils_error["getError"];
+  const ValueState = sap_ui_core_library["ValueState"];
+  const getFragments = ___api_handler["getFragments"];
+  /**
+   * Validates Control ID input.
+   *
+   * @param input control of control ID to validate
+   * @param validateForDuplicateId custom validation function
+   * @return validation result
+   */
+  function validateControlId(input, resource, identifier = 'Column', validateForDuplicateId) {
+    const id = input.getValue();
+    // Check if empty
+    if (!id || id.trim().length === 0) {
+      return {
+        isValid: false,
+        errorMessage: resource.getText('ID_REQUIRED', [identifier])
+      };
+    }
+    if (typeof validateForDuplicateId === 'function' && !validateForDuplicateId?.(id)) {
+      return {
+        isValid: false,
+        errorMessage: resource.getText('GIVEN_ID_ALREADY_EXISTS', [identifier, id])
+      };
+    }
+
+    // Check if starts with number
+    if (!/(^([A-Za-z_][-A-Za-z0-9_.:]*)$)/.test(id)) {
+      return {
+        isValid: false,
+        errorMessage: resource.getText('ID_INVALID_FORMAT', [identifier])
+      };
+    }
+    return {
+      isValid: true,
+      errorMessage: ''
+    };
+  }
+
+  /**
+   * @namespace open.ux.preview.client.adp.controllers
+   */
+  const AddCustomFragment = BaseDialog.extend("open.ux.preview.client.adp.controllers.AddCustomFragment", {
+    constructor: function _constructor(name, overlays, rta, options, telemetryData) {
+      BaseDialog.prototype.constructor.call(this, name, telemetryData);
+      this.options = options;
+      this.rta = rta;
+      this.overlays = overlays;
+      this.model = new JSONModel({
+        title: options.title
+      });
+      this.commandExecutor = new CommandExecutor(this.rta);
+    },
+    /**
+     * Setups the Dialog and the JSON Model
+     *
+     * @param {Dialog} dialog - Dialog instance
+     */
+    setup: async function _setup(dialog) {
+      this.dialog = dialog;
+      this.setEscapeHandler();
+      this.bundle = await getTextBundle();
+      await this.buildDialogData();
+      const resourceModel = await getResourceModel('open.ux.preview.client');
+      this.dialog.setModel(resourceModel, 'i18n');
+      this.dialog.setModel(this.model);
+      this.dialog.open();
+    },
+    /**
+     * Handles create button press
+     *
+     * @param event Event
+     */
+    onCreateBtnPress: async function _onCreateBtnPress(event) {
+      const source = event.getSource();
+      source.setEnabled(false);
+      await BaseDialog.prototype.onCreateBtnPressHandler.call(this);
+      const fragmentName = this.model.getProperty('/newFragmentName');
+      const template = `fragments.${fragmentName}`;
+      await this.createAppDescriptorChangeForV4(template);
+      CommunicationService.sendAction(setApplicationRequiresReload(true));
+      await sendInfoCenterMessage({
+        title: {
+          key: this.options.title ?? 'ADP_ADD_FRAGMENT_DIALOG_TITLE'
+        },
+        description: {
+          key: 'ADP_ADD_FRAGMENT_NOTIFICATION',
+          params: [fragmentName]
+        },
+        type: MessageBarType.warning
+      });
+      this.handleDialogClose();
+    },
+    /**
+     * Builds data that is used in the dialog
+     */
+    buildDialogData: async function _buildDialogData() {
+      try {
+        let isCustomColumnFragment = false;
+        if (this.options.type === 'tableColumn') {
+          await this.addFragmentListToModel();
+          isCustomColumnFragment = true;
+        }
+        this.model.setProperty('/isCustomColumnFragment', isCustomColumnFragment);
+      } catch (e) {
+        const error = getError(e);
+        await sendInfoCenterMessage({
+          title: {
+            key: this.options.title ?? 'ADP_ADD_FRAGMENT_DIALOG_TITLE'
+          },
+          description: error.message,
+          type: MessageBarType.error
+        });
+        throw error;
+      }
+    },
+    addFragmentListToModel: async function _addFragmentListToModel() {
+      try {
+        const {
+          fragments
+        } = await getFragments();
+        this.model.setProperty('/fragmentList', fragments);
+      } catch (e) {
+        const error = getError(e);
+        await sendInfoCenterMessage({
+          title: {
+            key: 'ADP_ADD_FRAGMENT_FAILURE_TITLE'
+          },
+          description: error.message,
+          type: MessageBarType.error
+        });
+        throw error;
+      }
+    },
+    /**
+     * Checks input values for duplicates and updates confirmation button state based on input validation states
+     */
+    updateFormState: function _updateFormState() {
+      const form = this.dialog.getContent()[0];
+      const formContent = form.getContent();
+      const inputs = formContent.filter(item => item.isA('sap.m.Input'));
+      const beginBtn = this.dialog.getBeginButton();
+      // Exclude the last input (display-only) from validation
+      // Only validate inputs that are visible and editable
+      const validatableInputs = inputs.filter(input => input.getVisible() && input.getEditable());
+      beginBtn.setEnabled(validatableInputs.every(input => input.getValueState() === ValueState.Success));
+    },
+    /**
+     * Handles id input change
+     *
+     * @param event Event
+     */
+    onIdInputChange: function _onIdInputChange(event) {
+      // update model value
+      const input = event.getSource();
+      let modelValue = input.getValue();
+      if (modelValue.length < 1) {
+        modelValue = null;
+      }
+      this.model.setProperty('/id', modelValue);
+      const result = validateControlId(input, this.bundle, 'Column', this.options.validateId);
+      if (result.isValid) {
+        input.setValueState(ValueState.Success).setValueStateText('');
+      } else {
+        input.setValueState(ValueState.Error).setValueStateText(result.errorMessage);
+      }
+      this.updateFormState();
+    },
+    createAppDescriptorChangeForV4: async function _createAppDescriptorChangeForV(templatePath) {
+      const id = this.options.type === 'tableColumn' ? this.model.getProperty('/id') : this.model.getProperty('/newFragmentName');
+      const template = `${this.options.appDescriptor?.projectId}.changes.${templatePath}`;
+      const anchor = this.options.appDescriptor?.anchor;
+      const flexSettings = this.rta.getFlexSettings();
+      const modifiedValue = {
+        reference: this.options.appDescriptor?.projectId,
+        appComponent: this.options.appDescriptor?.appComponent,
+        changeType: 'appdescr_fe_changePageConfiguration',
+        parameters: {
+          page: this.options.appDescriptor?.pageId,
+          entityPropertyChange: {
+            propertyPath: `${this.options.propertyPath}${id}`,
+            // e.g. 'content/body/sections/test'
+            operation: 'UPSERT',
+            propertyValue: {
+              template,
+              ...(this.options.type === 'tableColumn' ? {
+                header: 'New Column'
+              } : {
+                title: 'New Custom Section'
+              }),
+              ...(anchor && {
+                position: {
+                  placement: 'After',
+                  anchor
+                }
+              })
+            }
+          }
+        }
+      };
+      const command = await this.commandExecutor.getCommand(this.getRuntimeControl(), 'appDescriptor', modifiedValue, flexSettings);
+      await this.commandExecutor.pushAndExecuteCommand(command);
+    }
+  });
+  return AddCustomFragment;
+});
+//# sourceMappingURL=AddCustomFragment.controller.js.map

package/dist/preview-middleware/dist/client/adp/controllers/AddCustomFragment.controller.ts

@@ -0,0 +1,257 @@
+/** sap.m */
+import Button from 'sap/m/Button';
+import type Dialog from 'sap/m/Dialog';
+
+/** sap.ui.core */
+import type UI5Element from 'sap/ui/core/Element';
+
+/** sap.ui.base */
+import type Event from 'sap/ui/base/Event';
+
+/** sap.ui.model */
+import JSONModel from 'sap/ui/model/json/JSONModel';
+
+/** sap.ui.rta */
+import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
+
+import { getResourceModel, getTextBundle, TextBundle } from '../../i18n';
+import CommandExecutor from '../command-executor';
+import BaseDialog from './BaseDialog.controller';
+import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-definition';
+import { MessageBarType, setApplicationRequiresReload } from '@sap-ux-private/control-property-editor-common';
+import { CommunicationService } from '../../cpe/communication-service';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import { sendInfoCenterMessage } from '../../utils/info-center-message';
+import { getError } from '../../utils/error';
+import { PageDescriptorV4 } from './types';
+import Input from 'sap/m/Input';
+import { ValueState } from 'sap/ui/core/library';
+import SimpleForm from 'sap/ui/layout/form';
+import Control from 'sap/ui/core/Control';
+import { getFragments } from '../api-handler';
+
+export type AddFragmentModel = JSONModel & {
+    getProperty(sPath: '/title'): string;
+    getProperty(sPath: '/newFragmentName'): string;
+    getProperty(sPath: '/isCustomColumnFragment'): boolean;
+};
+
+export interface AddCustomFragmentOptions {
+    title: string;
+    propertyPath: string;
+    appDescriptor?: PageDescriptorV4;
+    validateId?: (id: string) => boolean;
+    type: 'section' | 'tableColumn';
+    availability?: 'Default' | 'Adaptation' | 'Hidden';
+}
+
+/**
+ * Validates Control ID input.
+ *
+ * @param input control of control ID to validate
+ * @param validateForDuplicateId custom validation function
+ * @return validation result
+ */
+function validateControlId(
+    input: Input,
+    resource: TextBundle,
+    identifier: 'Column' = 'Column',
+    validateForDuplicateId?: (id: string) => boolean
+): { isValid: boolean; errorMessage: string } {
+    const id = input.getValue();
+    // Check if empty
+    if (!id || id.trim().length === 0) {
+        return { isValid: false, errorMessage: resource.getText('ID_REQUIRED', [identifier]) };
+    }
+
+    if (typeof validateForDuplicateId === 'function' && !validateForDuplicateId?.(id)) {
+        return { isValid: false, errorMessage: resource.getText('GIVEN_ID_ALREADY_EXISTS', [identifier, id]) };
+    }
+
+    // Check if starts with number
+    if (!/(^([A-Za-z_][-A-Za-z0-9_.:]*)$)/.test(id)) {
+        return { isValid: false, errorMessage: resource.getText('ID_INVALID_FORMAT', [identifier]) };
+    }
+    return { isValid: true, errorMessage: '' };
+}
+
+/**
+ * @namespace open.ux.preview.client.adp.controllers
+ */
+export default class AddCustomFragment extends BaseDialog<AddFragmentModel> {
+    private bundle: TextBundle;
+    constructor(
+        name: string,
+        overlays: UI5Element,
+        rta: RuntimeAuthoring,
+        readonly options: AddCustomFragmentOptions,
+        telemetryData?: QuickActionTelemetryData
+    ) {
+        super(name, telemetryData);
+        this.rta = rta;
+        this.overlays = overlays;
+        this.model = new JSONModel({
+            title: options.title
+        });
+        this.commandExecutor = new CommandExecutor(this.rta);
+    }
+
+    /**
+     * Setups the Dialog and the JSON Model
+     *
+     * @param {Dialog} dialog - Dialog instance
+     */
+    async setup(dialog: Dialog): Promise<void> {
+        this.dialog = dialog;
+
+        this.setEscapeHandler();
+        this.bundle = await getTextBundle();
+        await this.buildDialogData();
+        const resourceModel = await getResourceModel('open.ux.preview.client');
+
+        this.dialog.setModel(resourceModel, 'i18n');
+        this.dialog.setModel(this.model);
+
+        this.dialog.open();
+    }
+
+    /**
+     * Handles create button press
+     *
+     * @param event Event
+     */
+    async onCreateBtnPress(event: Event) {
+        const source = event.getSource<Button>();
+        source.setEnabled(false);
+
+        await super.onCreateBtnPressHandler();
+
+        const fragmentName = this.model.getProperty('/newFragmentName');
+        const template = `fragments.${fragmentName}`;
+        await this.createAppDescriptorChangeForV4(template);
+        CommunicationService.sendAction(setApplicationRequiresReload(true));
+
+        await sendInfoCenterMessage({
+            title: { key: this.options.title ?? 'ADP_ADD_FRAGMENT_DIALOG_TITLE' },
+            description: { key: 'ADP_ADD_FRAGMENT_NOTIFICATION', params: [fragmentName] },
+            type: MessageBarType.warning
+        });
+
+        this.handleDialogClose();
+    }
+
+    /**
+     * Builds data that is used in the dialog
+     */
+    async buildDialogData(): Promise<void> {
+        try {
+            let isCustomColumnFragment = false;
+            if (this.options.type === 'tableColumn') {
+                await this.addFragmentListToModel();
+                isCustomColumnFragment = true;
+            }
+            this.model.setProperty('/isCustomColumnFragment', isCustomColumnFragment);
+        } catch (e) {
+            const error = getError(e);
+            await sendInfoCenterMessage({
+                title: { key: this.options.title ?? 'ADP_ADD_FRAGMENT_DIALOG_TITLE' },
+                description: error.message,
+                type: MessageBarType.error
+            });
+            throw error;
+        }
+    }
+    private async addFragmentListToModel(): Promise<void> {
+        try {
+            const { fragments } = await getFragments();
+
+            this.model.setProperty('/fragmentList', fragments);
+        } catch (e) {
+            const error = getError(e);
+            await sendInfoCenterMessage({
+                title: { key: 'ADP_ADD_FRAGMENT_FAILURE_TITLE' },
+                description: error.message,
+                type: MessageBarType.error
+            });
+            throw error;
+        }
+    }
+    /**
+     * Checks input values for duplicates and updates confirmation button state based on input validation states
+     */
+    private updateFormState(): void {
+        const form = this.dialog.getContent()[0] as unknown as SimpleForm<Control[]>;
+        const formContent = form.getContent();
+        const inputs = formContent.filter((item) => item.isA('sap.m.Input')) as Input[];
+
+        const beginBtn = this.dialog.getBeginButton();
+        // Exclude the last input (display-only) from validation
+        // Only validate inputs that are visible and editable
+        const validatableInputs = inputs.filter((input) => input.getVisible() && input.getEditable());
+        beginBtn.setEnabled(validatableInputs.every((input) => input.getValueState() === ValueState.Success));
+    }
+
+    /**
+     * Handles id input change
+     *
+     * @param event Event
+     */
+    onIdInputChange(event: Event): void {
+        // update model value
+        const input = event.getSource<Input>();
+        let modelValue: string | null = input.getValue();
+        if (modelValue.length < 1) {
+            modelValue = null;
+        }
+        this.model.setProperty('/id', modelValue);
+        const result = validateControlId(input, this.bundle, 'Column', this.options.validateId);
+        if (result.isValid) {
+            input.setValueState(ValueState.Success).setValueStateText('');
+        } else {
+            input.setValueState(ValueState.Error).setValueStateText(result.errorMessage);
+        }
+        this.updateFormState();
+    }
+
+    private async createAppDescriptorChangeForV4(templatePath: string) {
+        const id =
+            this.options.type === 'tableColumn'
+                ? this.model.getProperty('/id')
+                : this.model.getProperty('/newFragmentName');
+        const template = `${this.options.appDescriptor?.projectId}.changes.${templatePath}`;
+        const anchor = this.options.appDescriptor?.anchor;
+        const flexSettings = this.rta.getFlexSettings();
+        const modifiedValue = {
+            reference: this.options.appDescriptor?.projectId,
+            appComponent: this.options.appDescriptor?.appComponent,
+            changeType: 'appdescr_fe_changePageConfiguration',
+            parameters: {
+                page: this.options.appDescriptor?.pageId,
+                entityPropertyChange: {
+                    propertyPath: `${this.options.propertyPath}${id}`, // e.g. 'content/body/sections/test'
+                    operation: 'UPSERT',
+                    propertyValue: {
+                        template,
+                        ...(this.options.type === 'tableColumn'
+                            ? { header: 'New Column' }
+                            : { title: 'New Custom Section' }),
+                        ...(anchor && {
+                            position: {
+                                placement: 'After',
+                                anchor
+                            }
+                        })
+                    }
+                }
+            }
+        };
+        const command = await this.commandExecutor.getCommand<FlexCommand>(
+            this.getRuntimeControl(),
+            'appDescriptor',
+            modifiedValue,
+            flexSettings
+        );
+
+        await this.commandExecutor.pushAndExecuteCommand(command);
+    }
+}

package/dist/preview-middleware/dist/client/adp/controllers/AddFragment.controller.js

@@ -0,0 +1,195 @@
+"use strict";
+
+sap.ui.define(["sap/ui/model/json/JSONModel", "sap/ui/dt/OverlayRegistry", "../../i18n", "open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common", "../../cpe/additional-change-info/add-xml-additional-info", "../../cpe/communication-service", "../../utils/error", "../../utils/info-center-message", "../api-handler", "../command-executor", "../control-utils", "./BaseDialog.controller"], function (JSONModel, OverlayRegistry, ____i18n, ___sap_ux_private_control_property_editor_common, ____cpe_additional_change_info_add_xml_additional_info, ____cpe_communication_service, ____utils_error, ____utils_info_center_message, ___api_handler, __CommandExecutor, __ControlUtils, __BaseDialog) {
+  "use strict";
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
+  }
+  const getResourceModel = ____i18n["getResourceModel"];
+  const MessageBarType = ___sap_ux_private_control_property_editor_common["MessageBarType"];
+  const setApplicationRequiresReload = ___sap_ux_private_control_property_editor_common["setApplicationRequiresReload"];
+  const getFragmentTemplateName = ____cpe_additional_change_info_add_xml_additional_info["getFragmentTemplateName"];
+  const CommunicationService = ____cpe_communication_service["CommunicationService"];
+  const getError = ____utils_error["getError"];
+  const sendInfoCenterMessage = ____utils_info_center_message["sendInfoCenterMessage"];
+  const getFragments = ___api_handler["getFragments"];
+  const CommandExecutor = _interopRequireDefault(__CommandExecutor);
+  const ControlUtils = _interopRequireDefault(__ControlUtils);
+  const BaseDialog = _interopRequireDefault(__BaseDialog);
+  const radix = 10;
+  /**
+   * @namespace open.ux.preview.client.adp.controllers
+   */
+  const AddFragment = BaseDialog.extend("open.ux.preview.client.adp.controllers.AddFragment", {
+    constructor: function _constructor(name, overlays, rta, options, data, telemetryData) {
+      BaseDialog.prototype.constructor.call(this, name, telemetryData);
+      this.options = options;
+      this.rta = rta;
+      this.overlays = overlays;
+      this.model = new JSONModel({
+        title: options.title,
+        completeView: options.aggregation === undefined
+      });
+      this.commandExecutor = new CommandExecutor(this.rta);
+      this.data = data;
+    },
+    /**
+     * Setups the Dialog and the JSON Model
+     *
+     * @param {Dialog} dialog - Dialog instance
+     */
+    setup: async function _setup(dialog) {
+      this.dialog = dialog;
+      this.setEscapeHandler();
+      await this.buildDialogData();
+      const resourceModel = await getResourceModel('open.ux.preview.client');
+      this.dialog.setModel(resourceModel, 'i18n');
+      this.dialog.setModel(this.model);
+      this.dialog.open();
+    },
+    /**
+     * Handles the change in aggregations
+     *
+     * @param event Event
+     */
+    onAggregationChanged: function _onAggregationChanged(event) {
+      const source = event.getSource();
+      const selectedKey = source.getSelectedKey();
+      const selectedItem = source.getSelectedItem();
+      let selectedItemText = '';
+      if (selectedItem) {
+        selectedItemText = selectedItem.getText();
+      }
+      this.model.setProperty('/selectedAggregation/key', selectedKey);
+      this.model.setProperty('/selectedAggregation/value', selectedItemText);
+      let newSelectedControlChildren = Object.keys(ControlUtils.getControlAggregationByName(this.getRuntimeControl(), selectedItemText));
+      newSelectedControlChildren = newSelectedControlChildren.map(key => {
+        return Number.parseInt(key, radix);
+      });
+      this.specialIndexHandling(selectedItemText);
+      const updatedIndexArray = this.fillIndexArray(newSelectedControlChildren);
+      this.model.setProperty('/index', updatedIndexArray);
+      this.model.setProperty('/selectedIndex', updatedIndexArray.length - 1);
+    },
+    /**
+     * Handles create button press
+     *
+     * @param event Event
+     */
+    onCreateBtnPress: async function _onCreateBtnPress(event) {
+      const source = event.getSource();
+      source.setEnabled(false);
+      await BaseDialog.prototype.onCreateBtnPressHandler.call(this);
+      const fragmentName = this.model.getProperty('/newFragmentName');
+      const index = this.model.getProperty('/selectedIndex');
+      const targetAggregation = this.model.getProperty('/selectedAggregation/value') ?? 'content';
+      const modifiedValue = {
+        fragment: `<core:FragmentDefinition xmlns:core='sap.ui.core'></core:FragmentDefinition>`,
+        fragmentPath: `fragments/${fragmentName}.fragment.xml`,
+        index: index ?? 0,
+        targetAggregation: targetAggregation ?? 'content'
+      };
+      if (this.data) {
+        this.data.deferred.resolve(modifiedValue);
+      } else {
+        await this.createFragmentChange(modifiedValue);
+      }
+      const selector = {
+        id: this.getRuntimeControl().getId(),
+        idIsLocal: false
+      };
+      const templateName = getFragmentTemplateName(selector, targetAggregation);
+      if (templateName) {
+        CommunicationService.sendAction(setApplicationRequiresReload(true));
+      }
+      await sendInfoCenterMessage({
+        title: {
+          key: 'ADP_CREATE_XML_FRAGMENT_TITLE'
+        },
+        description: {
+          key: 'ADP_ADD_FRAGMENT_NOTIFICATION',
+          params: [fragmentName]
+        },
+        type: MessageBarType.info
+      });
+      this.handleDialogClose();
+    },
+    /**
+     * Builds data that is used in the dialog
+     */
+    buildDialogData: async function _buildDialogData() {
+      const {
+        controlMetadata,
+        targetAggregation
+      } = this.getControlMetadata();
+      const defaultAggregation = this.options.aggregation ?? controlMetadata.getDefaultAggregationName();
+      const selectedControlName = controlMetadata.getName();
+      let selectedControlChildren = Object.keys(ControlUtils.getControlAggregationByName(this.getRuntimeControl(), defaultAggregation));
+      selectedControlChildren = selectedControlChildren.map(key => {
+        return Number.parseInt(key, radix);
+      });
+      this.model.setProperty('/selectedControlName', selectedControlName);
+      this.model.setProperty('/selectedAggregation', {});
+      const indexArray = this.fillIndexArray(selectedControlChildren);
+      const controlAggregation = targetAggregation.map((elem, index) => {
+        return {
+          key: index,
+          value: elem
+        };
+      });
+      if (defaultAggregation !== null) {
+        controlAggregation.forEach(obj => {
+          if (obj.value === defaultAggregation) {
+            obj.key = 'default';
+            this.model.setProperty('/selectedAggregation/key', obj.key);
+            this.model.setProperty('/selectedAggregation/value', obj.value);
+            this.specialIndexHandling(obj.value);
+          }
+        });
+      } else {
+        this.model.setProperty('/selectedAggregation/key', controlAggregation[0].key);
+        this.model.setProperty('/selectedAggregation/value', controlAggregation[0].value);
+        this.specialIndexHandling(controlAggregation[0].value);
+      }
+      try {
+        const {
+          fragments
+        } = await getFragments();
+        this.model.setProperty('/fragmentList', fragments);
+      } catch (e) {
+        const error = getError(e);
+        await sendInfoCenterMessage({
+          title: {
+            key: 'ADP_ADD_FRAGMENT_FAILURE_TITLE'
+          },
+          description: error.message,
+          type: MessageBarType.error
+        });
+        throw error;
+      }
+      this.model.setProperty('/selectedIndex', indexArray.length - 1);
+      this.model.setProperty('/targetAggregation', controlAggregation);
+      this.model.setProperty('/index', indexArray);
+      const defaultIndex = Number(this.options.defaultAggregationArrayIndex);
+      if (defaultIndex >= 0) {
+        this.model.setProperty('/selectedIndex', indexArray.length - 1 > 0 ? defaultIndex : 0);
+      }
+    },
+    /**
+     * Creates an addXML fragment command and pushes it to the command stack
+     *
+     * @param modifiedValue - modified value
+     * @param templateName - fragment template name
+     */
+    createFragmentChange: async function _createFragmentChange(modifiedValue) {
+      const flexSettings = this.rta.getFlexSettings();
+      const overlay = OverlayRegistry.getOverlay(this.getRuntimeControl());
+      const designMetadata = overlay.getDesignTimeMetadata();
+      const command = await this.commandExecutor.getCommand(this.getRuntimeControl(), 'addXML', modifiedValue, flexSettings, designMetadata);
+      await this.commandExecutor.pushAndExecuteCommand(command);
+    }
+  });
+  return AddFragment;
+});
+//# sourceMappingURL=AddFragment.controller.js.map