How to use getHelper method in Cypress

...142     *143     * @param object144     * @return object145     */146    function getHelper(configuration) {147      if (getUtility().isUndefinedOrNull(configuration)) {148        return Helper.setConfiguration(_configuration);149      }150      return Helper.setConfiguration(configuration);151    };152    /**153     * @private154     *155     * @return object156     */157    function getUtility() {158      return getFormEditorApp().getUtility();159    };160    /**161     * @private162     *163     * @param mixed test164     * @param string message165     * @param int messageCode166     * @return void167     */168    function assert(test, message, messageCode) {169      return getFormEditorApp().assert(test, message, messageCode);170    };171    /**172     * @private173     *174     * @return object175     */176    function getCurrentlySelectedFormElement() {177      return getFormEditorApp().getCurrentlySelectedFormElement();178    };179    /**180     * @private181     *182     * @return object183     */184    function getRootFormElement() {185      return getFormEditorApp().getRootFormElement();186    };187    /**188     * @private189     *190     * @return object191     */192    function getPublisherSubscriber() {193      return getFormEditorApp().getPublisherSubscriber();194    };195    /**196     * @private197     *198     * @param object199     * @param string200     * @return mixed201     */202    function getFormElementDefinition(formElement, formElementDefinitionKey) {203      return getFormEditorApp().getFormElementDefinition(formElement, formElementDefinitionKey);204    };205    /**206     * @private207     *208     * @param object209     * @param object210     * @param string211     * @param string212     * @return void213     * @publish view/inspector/editor/insert/perform214     */215    function _renderEditorDispatcher(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {216      switch (editorConfiguration['templateName']) {217        case 'Inspector-FormElementHeaderEditor':218          renderFormElementHeaderEditor(219            editorConfiguration,220            editorHtml,221            collectionElementIdentifier,222            collectionName223          );224          break;225        case 'Inspector-CollectionElementHeaderEditor':226          renderCollectionElementHeaderEditor(227            editorConfiguration,228            editorHtml,229            collectionElementIdentifier,230            collectionName231          );232          break;233        case 'Inspector-MaximumFileSizeEditor':234          renderMaximumFileSizeEditor(235            editorConfiguration,236            editorHtml237          );238          break;239        case 'Inspector-TextEditor':240          renderTextEditor(241            editorConfiguration,242            editorHtml,243            collectionElementIdentifier,244            collectionName245          );246          break;247        case 'Inspector-FinishersEditor':248          renderCollectionElementSelectionEditor(249            'finishers',250            editorConfiguration,251            editorHtml,252            collectionElementIdentifier,253            collectionName254          );255          break;256        case 'Inspector-ValidatorsEditor':257          renderCollectionElementSelectionEditor(258            'validators',259            editorConfiguration,260            editorHtml,261            collectionElementIdentifier,262            collectionName263          );264          break;265        case 'Inspector-ValidationErrorMessageEditor':266            renderValidationErrorMessageEditor(267                editorConfiguration,268                editorHtml,269                collectionElementIdentifier,270                collectionName271            );272            break;273        case 'Inspector-RemoveElementEditor':274          renderRemoveElementEditor(275            editorConfiguration,276            editorHtml,277            collectionElementIdentifier,278            collectionName279          );280          break;281        case 'Inspector-RequiredValidatorEditor':282          renderRequiredValidatorEditor(283            editorConfiguration,284            editorHtml,285            collectionElementIdentifier,286            collectionName287          );288          break;289        case 'Inspector-CheckboxEditor':290          renderCheckboxEditor(291            editorConfiguration,292            editorHtml,293            collectionElementIdentifier,294            collectionName295          );296          break;297        case 'Inspector-SingleSelectEditor':298          renderSingleSelectEditor(299            editorConfiguration,300            editorHtml,301            collectionElementIdentifier,302            collectionName303          );304          break;305        case 'Inspector-MultiSelectEditor':306          renderMultiSelectEditor(307            editorConfiguration,308            editorHtml,309            collectionElementIdentifier,310            collectionName311          );312          break;313        case 'Inspector-GridColumnViewPortConfigurationEditor':314          renderGridColumnViewPortConfigurationEditor(315            editorConfiguration,316            editorHtml,317            collectionElementIdentifier,318            collectionName319          );320          break;321        case 'Inspector-PropertyGridEditor':322          renderPropertyGridEditor(323            editorConfiguration,324            editorHtml,325            collectionElementIdentifier,326            collectionName327          );328          break;329        case 'Inspector-TextareaEditor':330          renderTextareaEditor(331            editorConfiguration,332            editorHtml,333            collectionElementIdentifier,334            collectionName335          );336          break;337        case 'Inspector-Typo3WinBrowserEditor':338          renderTypo3WinBrowserEditor(339            editorConfiguration,340            editorHtml,341            collectionElementIdentifier,342            collectionName343          );344          break;345      }346      getPublisherSubscriber().publish('view/inspector/editor/insert/perform', [347        editorConfiguration, editorHtml, collectionElementIdentifier, collectionName348      ]);349    };350    /**351     * @private352     *353     * opens a popup window with the element browser354     *355     * @param string mode356     * @param string params357     */358    function _openTypo3WinBrowser(mode, params) {359      Modal.advanced({360        type: Modal.types.iframe,361        content: TYPO3.settings.FormEditor.typo3WinBrowserUrl + '&mode=' + mode + '&bparams=' + params,362        size: Modal.sizes.large363      });364    };365    /**366     * @private367     *368     * Listens on messages sent by ElementBrowser369     */370    function _listenOnElementBrowser() {371      window.addEventListener('message', function (e) {372        if (!MessageUtility.MessageUtility.verifyOrigin(e.origin)) {373          throw 'Denied message sent by ' + e.origin;374        }375        if (e.data.actionName === 'typo3:elementBrowser:elementAdded') {376          if (typeof e.data.fieldName === 'undefined') {377            throw 'fieldName not defined in message';378          }379          if (typeof e.data.value === 'undefined') {380            throw 'value not defined in message';381          }382          var result = e.data.value.split('_');383          $(getHelper().getDomElementDataAttribute('contentElementSelectorTarget', 'bracesWithKeyValue', [e.data.fieldName]))384            .val(result.pop())385            .trigger('paste');386        }387      });388    }389    /**390     * @private391     *392     * @param string393     * @param string394     * @return object395     */396    function _getCollectionElementClass(collectionName, collectionElementIdentifier) {397      if (collectionName === 'finishers') {398        return getHelper()399          .getDomElementClassName('finisherEditorPrefix') + collectionElementIdentifier;400      } else {401        return getHelper()402          .getDomElementClassName('validatorEditorPrefix') + collectionElementIdentifier;403      }404    };405    /**406     * @private407     *408     * @param string409     * @param string410     * @param bool411     * @return object412     */413    function _getCollectionElementId(collectionName, collectionElementIdentifier, asSelector) {414      if (collectionName === 'finishers') {415        return getHelper()416          .getDomElementIdName('finisherPrefix', asSelector) + collectionElementIdentifier;417      } else {418        return getHelper()419          .getDomElementIdName('validatorPrefix', asSelector) + collectionElementIdentifier;420      }421    };422    /**423     * @private424     *425     * @param object426     * @param string427     * @return void428     */429    function _addSortableCollectionElementsEvents(sortableDomElement, collectionName) {430      sortableDomElement.addClass(getHelper().getDomElementClassName('sortable')).sortable({431        revert: 'true',432        items: getHelper().getDomElementClassName('collectionElement', true),433        cancel: getHelper().getDomElementClassName('jQueryUiStateDisabled', true) + ',input,textarea,select',434        delay: 200,435        update: function(e, o) {436          var dataAttributeName, nextCollectionElementIdentifier, movedCollectionElementIdentifier,437            previousCollectionElementIdentifier;438          if (collectionName === 'finishers') {439            dataAttributeName = getHelper().getDomElementDataAttribute('finisher');440          } else {441            dataAttributeName = getHelper().getDomElementDataAttribute('validator');442          }443          movedCollectionElementIdentifier = $(o.item).attr(dataAttributeName);444          previousCollectionElementIdentifier = $(o.item)445            .prevAll(getHelper().getDomElementClassName('collectionElement', true))446            .first()447            .attr(dataAttributeName);448          nextCollectionElementIdentifier = $(o.item)449            .nextAll(getHelper().getDomElementClassName('collectionElement', true))450            .first()451            .attr(dataAttributeName);452          getPublisherSubscriber().publish('view/inspector/collectionElements/dnd/update', [453            movedCollectionElementIdentifier,454            previousCollectionElementIdentifier,455            nextCollectionElementIdentifier,456            collectionName457          ]);458        }459      });460    };461    /**462     * @private463     *464     * @param object editorHtml465     * @param bool multiSelection466     * @param string propertyPath467     * @param string propertyPathPrefix468     * @return void469     */470    function _setPropertyGridData(editorHtml, multiSelection, propertyPath, propertyPathPrefix) {471      var defaultValue, newPropertyData, value;472      if (multiSelection) {473        defaultValue = [];474        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorContainer') + ' ' +475          getHelper().getDomElementDataIdentifierSelector('propertyGridEditorSelectValue') + ':checked',476          $(editorHtml)477        ).each(function(i) {478          value = $(this)479            .closest(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorRowItem'))480            .find(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorValue'))481            .val();482          if (getUtility().canBeInterpretedAsInteger(value)) {483              value = parseInt(value, 10);484          }485          defaultValue.push(value);486        });487        getCurrentlySelectedFormElement().set(propertyPathPrefix + 'defaultValue', defaultValue);488      } else {489        value = $(490            getHelper().getDomElementDataIdentifierSelector('propertyGridEditorContainer') + ' ' +491            getHelper().getDomElementDataIdentifierSelector('propertyGridEditorSelectValue') + ':checked',492            $(editorHtml)493          ).first()494            .closest(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorRowItem'))495            .find(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorValue'))496            .val();497        if (getUtility().canBeInterpretedAsInteger(value)) {498            value = parseInt(value, 10);499        }500        getCurrentlySelectedFormElement().set(propertyPathPrefix + 'defaultValue', value, true);501      }502      newPropertyData = [];503      $(504        getHelper().getDomElementDataIdentifierSelector('propertyGridEditorContainer') + ' ' +505        getHelper().getDomElementDataIdentifierSelector('propertyGridEditorRowItem'),506        $(editorHtml)507      ).each(function(i) {508        var value, label, tmpObject;509        value = $(this)510          .find(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorValue'))511          .val();512        label = $(this)513          .find(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorLabel'))514          .val();515        if ('' === value) {516          value = label;517        }518        tmpObject = {};519        tmpObject[value] = label;520        newPropertyData.push({521          _label: label,522          _value: value523        });524      });525      getCurrentlySelectedFormElement().set(propertyPathPrefix + propertyPath, newPropertyData);526      _validateCollectionElement(propertyPathPrefix + propertyPath, editorHtml);527    };528    /**529     * @private530     *531     * @param object532     * @return object533     */534    function _getEditorWrapperDomElement(editorDomElement) {535      return $(getHelper().getDomElementDataIdentifierSelector('editorWrapper'), $(editorDomElement));536    };537    /**538     * @private539     *540     * @param object541     * @return object542     */543    function _getEditorControlsWrapperDomElement(editorDomElement) {544      return $(getHelper().getDomElementDataIdentifierSelector('editorControlsWrapper'), $(editorDomElement));545    };546    /**547     * @private548     *549     * @param string550     * @param object551     * @return void552     */553    function _validateCollectionElement(propertyPath, editorHtml) {554      var hasError, propertyPrefix, validationResults;555      validationResults = getFormEditorApp().validateCurrentlySelectedFormElementProperty(propertyPath);556      if (validationResults.length > 0) {557        getHelper()558          .getTemplatePropertyDomElement('validationErrors', editorHtml)559          .text(validationResults[0]);560        getViewModel().setElementValidationErrorClass(561          getHelper().getTemplatePropertyDomElement('validationErrors', editorHtml)562        );563        getViewModel().setElementValidationErrorClass(564          _getEditorControlsWrapperDomElement(editorHtml),565          'hasError'566        );567      } else {568        getHelper().getTemplatePropertyDomElement('validationErrors', editorHtml).text('');569        getViewModel().removeElementValidationErrorClass(570          getHelper().getTemplatePropertyDomElement('validationErrors', editorHtml)571        );572        getViewModel().removeElementValidationErrorClass(573          _getEditorControlsWrapperDomElement(editorHtml),574          'hasError'575        );576      }577      validationResults = getFormEditorApp().validateFormElement(getCurrentlySelectedFormElement());578      propertyPrefix = propertyPath.split('.');579      propertyPrefix = propertyPrefix[0] + '.' + propertyPrefix[1];580      hasError = false;581      for (var i = 0, len = validationResults.length; i < len; ++i) {582        if (583          validationResults[i]['propertyPath'].indexOf(propertyPrefix, 0) === 0584          && validationResults[i]['validationResults']585          && validationResults[i]['validationResults'].length > 0586        ) {587          hasError = true;588          break;589        }590      }591      if (hasError) {592        getViewModel().setElementValidationErrorClass(593          _getEditorControlsWrapperDomElement(editorHtml).closest(getHelper().getDomElementClassName('collectionElement', true))594        );595      } else {596        getViewModel().removeElementValidationErrorClass(597          _getEditorControlsWrapperDomElement(editorHtml).closest(getHelper().getDomElementClassName('collectionElement', true))598        );599      }600    };601    /**602     * @private603     *604     * @param object605     * @param object606     * @return null|string607     * @throws 1489932939608     * @throws 1489932940609     */610    function _getFirstAvailableValidationErrorMessage(errorCodes, propertyData) {611      assert(612        'array' === $.type(errorCodes),613        'Invalid configuration "errorCodes"',614        1489932939615      );616      assert(617        'array' === $.type(propertyData),618        'Invalid configuration "propertyData"',619        1489932940620      );621      for (var i = 0, len1 = errorCodes.length; i < len1; ++i) {622        for (var j = 0, len2 = propertyData.length; j < len2; ++j) {623          if (parseInt(errorCodes[i]) === parseInt(propertyData[j]['code'])) {624            if (getUtility().isNonEmptyString(propertyData[j]['message'])) {625              return propertyData[j]['message'];626            }627          }628        }629      }630      return null;631    };632    /**633     * @private634     *635     * @param object636     * @param object637     * @param string638     * @return object639     * @throws 1489932942640     */641    function _renewValidationErrorMessages(errorCodes, propertyData, value) {642      var errorCodeSubset;643      assert(644        'array' === $.type(propertyData),645        'Invalid configuration "propertyData"',646        1489932942647      );648      if (649        !getUtility().isUndefinedOrNull(errorCodes)650        && 'array' === $.type(errorCodes)651      ) {652        errorCodeSubset = [];653        for (var i = 0, len1 = errorCodes.length; i < len1; ++i) {654          var errorCodeFound = false;655          for (var j = 0, len2 = propertyData.length; j < len2; ++j) {656            if (parseInt(errorCodes[i]) === parseInt(propertyData[j]['code'])) {657              errorCodeFound = true;658              if (getUtility().isNonEmptyString(value)) {659                // error code exists and should be updated because message is not empty660                propertyData[j]['message'] = value;661              } else {662                // error code exists but should be removed because message is empty663                propertyData.splice(j, 1);664                --len2;665              }666            }667          }668          if (!errorCodeFound) {669            // add new codes because message is not empty670            if (getUtility().isNonEmptyString(value)) {671              errorCodeSubset.push({672                code: errorCodes[i],673                message: value674              });675            }676          }677        }678        propertyData = propertyData.concat(errorCodeSubset);679      }680      return propertyData;681    };682    /**683     * @private684     *685     * @param object686     * @throws 1523904699687     */688    function _setRandomIds(html) {689      assert(690        'object' === $.type(html),691        'Invalid input "html"',692        1523904699693      );694      $(getHelper().getDomElementClassName('inspectorEditor', true)).each(function(e) {695        var $parent = $(this),696            idReplacements = {};697        $(getHelper().getDomElementDataAttribute('randomId', 'bracesWithKey'), $parent).each(function(e) {698            var $element = $(this),699                targetAttribute = $element.attr(getHelper().getDomElementDataAttribute('randomIdTarget')),700                randomIdIndex = $element.attr(getHelper().getDomElementDataAttribute('randomIdIndex'));701            if ($element.is('[' + targetAttribute + ']')) {702                return true;703            }704            if (!idReplacements.hasOwnProperty(randomIdIndex)) {705              idReplacements[randomIdIndex] = 'fe' + Math.floor(Math.random() * 42) + Date.now();706            }707            $element.attr(targetAttribute, idReplacements[randomIdIndex]);708        });709      });710    };711    /* *************************************************************712     * Public Methods713     * ************************************************************/714    /**715     * @public716     *717     * @return object718     */719    function getInspectorDomElement() {720      return $(getHelper().getDomElementDataIdentifierSelector('inspector'));721    };722    /**723     * @public724     *725     * @return object726     */727    function getFinishersContainerDomElement() {728      return $(getHelper().getDomElementDataIdentifierSelector('inspectorFinishers'), getInspectorDomElement());729    };730    /**731     * @public732     *733     * @return object734     */735    function getValidatorsContainerDomElement() {736      return $(getHelper().getDomElementDataIdentifierSelector('inspectorValidators'), getInspectorDomElement());737    };738    /**739     * @public740     *741     * @param string742     * @param string743     * @return object744     */745    function getCollectionElementDomElement(collectionName, collectionElementIdentifier) {746      if (collectionName === 'finishers') {747        return $(getHelper().getDomElementDataAttribute(748          'finisher',749          'bracesWithKeyValue',750          [collectionElementIdentifier]751        ), getFinishersContainerDomElement());752      } else {753        return $(getHelper().getDomElementDataAttribute(754          'validator',755          'bracesWithKeyValue',756          [collectionElementIdentifier]757        ), getValidatorsContainerDomElement());758      }759    };760    /**761     * @public762     *763     * @param object764     * @param function765     * @return void766     */767    function renderEditors(formElement, callback) {768      var formElementTypeDefinition;769      if (getUtility().isUndefinedOrNull(formElement)) {770        formElement = getCurrentlySelectedFormElement();771      }772      getInspectorDomElement().off().empty();773      formElementTypeDefinition = getFormElementDefinition(formElement);774      if ('array' !== $.type(formElementTypeDefinition['editors'])) {775        return;776      }777      for (var i = 0, len = formElementTypeDefinition['editors'].length; i < len; ++i) {778        var html, template;779        template = getHelper()780          .getTemplate(formElementTypeDefinition['editors'][i]['templateName'])781          .clone();782        if (!template.length) {783          continue;784        }785        html = $(template.html());786        $(html)787          .first()788          .addClass(getHelper().getDomElementClassName('inspectorEditor'));789        getInspectorDomElement().append($(html));790        _setRandomIds(html);791        _renderEditorDispatcher(formElementTypeDefinition['editors'][i], html);792      }793      if ('function' === $.type(callback)) {794        callback();795      }796    };797    /**798     * @public799     *800     * @param string collectionName801     * @param string collectionElementIdentifier802     * @return void803     * @publish view/inspector/collectionElements/dnd/update804     * @throws 1478354853805     * @throws 1478354854806     */807    function renderCollectionElementEditors(collectionName, collectionElementIdentifier) {808      var collapseWrapper, collectionContainer, collectionContainerElementWrapper,809        collectionElementConfiguration, collectionElementEditorsLength;810      assert(811        getUtility().isNonEmptyString(collectionName),812        'Invalid parameter "collectionName"',813        1478354853814      );815      assert(816        getUtility().isNonEmptyString(collectionElementIdentifier),817        'Invalid parameter "collectionElementIdentifier"',818        1478354854819      );820      collectionElementConfiguration = getFormEditorApp().getPropertyCollectionElementConfiguration(821        collectionElementIdentifier,822        collectionName823      );824      if ('array' !== $.type(collectionElementConfiguration['editors'])) {825        return;826      }827      collectionContainerElementWrapper = $('<div></div>').addClass(getHelper().getDomElementClassName('collectionElement'));828      if (collectionName === 'finishers') {829        collectionContainer = getFinishersContainerDomElement();830        collectionContainerElementWrapper831          .attr(getHelper().getDomElementDataAttribute('finisher'), collectionElementIdentifier);832      } else {833        collectionContainer = getValidatorsContainerDomElement();834        collectionContainerElementWrapper835          .attr(getHelper().getDomElementDataAttribute('validator'), collectionElementIdentifier);836      }837      collectionContainer.append(collectionContainerElementWrapper);838      collectionElementEditorsLength = collectionElementConfiguration['editors'].length;839      if (840        collectionElementEditorsLength > 0841        && collectionElementConfiguration['editors'][0]['identifier'] === 'header'842      ) {843        collapseWrapper = $('<div role="tabpanel"></div>')844          .addClass('panel-collapse collapse')845          .prop('id', _getCollectionElementId(846            collectionName,847            collectionElementIdentifier848          ));849      }850      for (var i = 0; i < collectionElementEditorsLength; ++i) {851        var html, template;852        template = getHelper()853          .getTemplate(collectionElementConfiguration['editors'][i]['templateName'])854          .clone();855        if (!template.length) {856          continue;857        }858        html = $(template.html());859        $(html).first()860          .addClass(_getCollectionElementClass(861            collectionName,862            collectionElementConfiguration['editors'][i]['identifier']863          ))864          .addClass(getHelper().getDomElementClassName('inspectorEditor'));865        if (i === 0 && collapseWrapper) {866          getCollectionElementDomElement(collectionName, collectionElementIdentifier)867            .append(html)868            .append(collapseWrapper);869        } else if (870          i === (collectionElementEditorsLength - 1)871          && collapseWrapper872          && collectionElementConfiguration['editors'][i]['identifier'] === 'removeButton'873        ) {874          getCollectionElementDomElement(collectionName, collectionElementIdentifier).append(html);875        } else if (i > 0 && collapseWrapper) {876          collapseWrapper.append(html);877        } else {878          getCollectionElementDomElement(collectionName, collectionElementIdentifier).append(html);879        }880        _setRandomIds(html);881        _renderEditorDispatcher(882          collectionElementConfiguration['editors'][i],883          html,884          collectionElementIdentifier,885          collectionName886        );887      }888      if (889        (890          collectionElementEditorsLength === 2891          && collectionElementConfiguration['editors'][0]['identifier'] === 'header'892          && collectionElementConfiguration['editors'][1]['identifier'] === 'removeButton'893        ) || (894          collectionElementEditorsLength === 1895          && collectionElementConfiguration['editors'][0]['identifier'] === 'header'896        )897      ) {898        $(getHelper().getDomElementDataIdentifierSelector('collapse'), collectionContainerElementWrapper).remove();899      }900      if (_configuration['isSortable']) {901        _addSortableCollectionElementsEvents(collectionContainer, collectionName);902      }903    };904    /**905     * @public906     *907     * @string collectionName908     * @param object editorConfiguration909     * @param object editorHtml910     * @return void911     * @publish view/inspector/collectionElement/existing/selected912     * @publish view/inspector/collectionElement/new/selected913     * @throws 1475423098914     * @throws 1475423099915     * @throws 1475423100916     * @throws 1475423101917     * @throws 1478362968918     */919    function renderCollectionElementSelectionEditor(collectionName, editorConfiguration, editorHtml) {920      var alreadySelectedCollectionElements, selectElement, collectionContainer,921        removeSelectElement;922      assert(923        getUtility().isNonEmptyString(collectionName),924        'Invalid configuration "collectionName"',925        1478362968926      );927      assert(928        'object' === $.type(editorConfiguration),929        'Invalid parameter "editorConfiguration"',930        1475423098931      );932      assert(933        'object' === $.type(editorHtml),934        'Invalid parameter "editorHtml"',935        1475423099936      );937      assert(938        getUtility().isNonEmptyString(editorConfiguration['label']),939        'Invalid configuration "label"',940        1475423100941      );942      assert(943        'array' === $.type(editorConfiguration['selectOptions']),944        'Invalid configuration "selectOptions"',945        1475423101946      );947      if (collectionName === 'finishers') {948        collectionContainer = getFinishersContainerDomElement();949        alreadySelectedCollectionElements = getRootFormElement().get(collectionName);950      } else {951        collectionContainer = getValidatorsContainerDomElement();952        alreadySelectedCollectionElements = getCurrentlySelectedFormElement().get(collectionName);953      }954      collectionContainer.off().empty();955      getHelper().getTemplatePropertyDomElement('label', editorHtml).text(editorConfiguration['label']);956      selectElement = getHelper().getTemplatePropertyDomElement('selectOptions', editorHtml);957      if (!getUtility().isUndefinedOrNull(alreadySelectedCollectionElements)) {958        for (var i = 0, len = alreadySelectedCollectionElements.length; i < len; ++i) {959          getPublisherSubscriber().publish('view/inspector/collectionElement/existing/selected', [960            alreadySelectedCollectionElements[i]['identifier'],961            collectionName962          ]);963        }964      }965      removeSelectElement = true;966      for (var i = 0, len1 = editorConfiguration['selectOptions'].length; i < len1; ++i) {967        var appendOption = true;968        if (!getUtility().isUndefinedOrNull(alreadySelectedCollectionElements)) {969          for (var j = 0, len2 = alreadySelectedCollectionElements.length; j < len2; ++j) {970            if (alreadySelectedCollectionElements[j]['identifier'] === editorConfiguration['selectOptions'][i]['value']) {971              appendOption = false;972              break;973            }974          }975        }976        if (appendOption) {977          selectElement.append(new Option(978            editorConfiguration['selectOptions'][i]['label'],979            editorConfiguration['selectOptions'][i]['value']980          ));981          if (editorConfiguration['selectOptions'][i]['value'] !== '') {982            removeSelectElement = false;983          }984        }985      }986      if (removeSelectElement) {987        selectElement.off().empty().remove();988      }989      selectElement.on('change', function() {990        if ($(this).val() !== '') {991          var value = $(this).val();992          $('option[value="' + value + '"]', $(this)).remove();993          getFormEditorApp().getPublisherSubscriber().publish(994            'view/inspector/collectionElement/new/selected',995            [value, collectionName]996          );997        }998      });999    };1000    /**1001     * @public1002     *1003     * @param object editorConfiguration1004     * @param object editorHtml1005     * @param string collectionElementIdentifier1006     * @param string collectionName1007     * @return void1008     * @throws 14754215251009     * @throws 14754215261010     * @throws 14754215271011     * @throws 14754215281012     */1013    function renderFormElementHeaderEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {1014      assert('object' === $.type(editorConfiguration), 'Invalid parameter "editorConfiguration"', 1475421525);1015      assert('object' === $.type(editorHtml), 'Invalid parameter "editorHtml"', 1475421526);1016      Icons.getIcon(1017        getFormElementDefinition(getCurrentlySelectedFormElement(), 'iconIdentifier'),1018        Icons.sizes.small,1019        null,1020        Icons.states.default1021      ).then(function(icon) {1022        getHelper().getTemplatePropertyDomElement('header-label', editorHtml)1023          .append($(icon).addClass(getHelper().getDomElementClassName('icon')))1024          .append(buildTitleByFormElement());1025      });1026    };1027    /**1028     * @public1029     *1030     * @param object editorConfiguration1031     * @param object editorHtml1032     * @param string collectionElementIdentifier1033     * @param string collectionName1034     * @return void1035     * @throws 14754212571036     * @throws 14754212581037     * @throws 14754212591038     */1039    function renderCollectionElementHeaderEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {1040      var collectionElementConfiguration, setData;1041      assert(1042        'object' === $.type(editorConfiguration),1043        'Invalid parameter "editorConfiguration"',1044        14754212581045      );1046      assert(1047        getUtility().isNonEmptyString(editorConfiguration['label']),1048        'Invalid configuration "label"',1049        14754212571050      );1051      assert(1052        'object' === $.type(editorHtml),1053        'Invalid parameter "editorHtml"',1054        14754212591055      );1056      setData = function(icon) {1057        getHelper()1058          .getTemplatePropertyDomElement('header-label', editorHtml)1059          .prepend($(icon));1060        Icons.getIcon(1061          getHelper().getDomElementDataAttributeValue('collapse'),1062          Icons.sizes.small,1063          null,1064          Icons.states.default,1065          Icons.markupIdentifiers.inline1066        ).then(function(icon) {1067          var iconWrap;1068          iconWrap = $('<a></a>')1069            .attr('href', _getCollectionElementId(collectionName, collectionElementIdentifier, true))1070            .attr('data-toggle', 'collapse')1071            .attr('aria-expanded', 'true')1072            .attr('aria-controls', _getCollectionElementId(collectionName, collectionElementIdentifier))1073            .addClass('collapsed')1074            .append($(icon));1075          getHelper()1076            .getTemplatePropertyDomElement('header-label', editorHtml)1077            .prepend(iconWrap);1078        });1079      };1080      collectionElementConfiguration = getFormEditorApp().getFormEditorDefinition(collectionName, collectionElementIdentifier);1081      if (collectionName === 'validators') {1082        Icons.getIcon(1083          collectionElementConfiguration['iconIdentifier'],1084          Icons.sizes.small,1085          null,1086          Icons.states.default1087        ).then(function(icon) {1088          setData(icon);1089        });1090      } else {1091        Icons.getIcon(1092          collectionElementConfiguration['iconIdentifier'],1093          Icons.sizes.small,1094          null,1095          Icons.states.default1096        ).then(function(icon) {1097          setData(icon);1098        });1099      }1100      if (editorConfiguration['label']) {1101        getHelper().getTemplatePropertyDomElement('label', editorHtml).append(editorConfiguration['label']);1102      }1103    };1104    function renderMaximumFileSizeEditor(editorConfiguration, editorHtml) {1105      assert(1106        'object' === $.type(editorConfiguration),1107        'Invalid parameter "editorConfiguration"',1108        14754212581109      );1110      assert(1111        getUtility().isNonEmptyString(editorConfiguration['label']),1112        'Invalid configuration "label"',1113        14754212571114      );1115      assert(1116        'object' === $.type(editorHtml),1117        'Invalid parameter "editorHtml"',1118        14754212591119      );1120      if (editorConfiguration['label']) {1121        var element = getHelper().getTemplatePropertyDomElement('label', editorHtml);1122        var maximumFileSize = element.attr(getHelper().getDomElementDataAttribute('maximumFileSize'));1123        element.append(editorConfiguration['label'].replace('{0}', maximumFileSize));1124      }1125    };1126    /**1127     * @public1128     *1129     * @param object editorConfiguration1130     * @param object editorHtml1131     * @param string collectionElementIdentifier1132     * @param string collectionName1133     * @return void1134     * @throws 14754210531135     * @throws 14754210541136     * @throws 14754210551137     * @throws 14754210561138     */1139    function renderTextEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {1140      var propertyData, propertyPath;1141      assert(1142        'object' === $.type(editorConfiguration),1143        'Invalid parameter "editorConfiguration"',1144        14754210531145      );1146      assert(1147        'object' === $.type(editorHtml),1148        'Invalid parameter "editorHtml"',1149        14754210541150      );1151      assert(1152        getUtility().isNonEmptyString(editorConfiguration['label']),1153        'Invalid configuration "label"',1154        14754210551155      );1156      assert(1157        getUtility().isNonEmptyString(editorConfiguration['propertyPath']),1158        'Invalid configuration "propertyPath"',1159        14754210561160      );1161      getHelper()1162        .getTemplatePropertyDomElement('label', editorHtml)1163        .append(editorConfiguration['label']);1164      if (getUtility().isNonEmptyString(editorConfiguration['fieldExplanationText'])) {1165        getHelper()1166          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)1167          .text(editorConfiguration['fieldExplanationText']);1168      } else {1169        getHelper()1170          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)1171          .remove();1172      }1173      if (getUtility().isNonEmptyString(editorConfiguration['placeholder'])) {1174        getHelper()1175          .getTemplatePropertyDomElement('propertyPath', editorHtml)1176          .attr('placeholder', editorConfiguration['placeholder']);1177      }1178      propertyPath = getFormEditorApp().buildPropertyPath(1179        editorConfiguration['propertyPath'],1180        collectionElementIdentifier,1181        collectionName1182      );1183      propertyData = getCurrentlySelectedFormElement().get(propertyPath);1184      _validateCollectionElement(propertyPath, editorHtml);1185      getHelper().getTemplatePropertyDomElement('propertyPath', editorHtml).val(propertyData);1186      renderFormElementSelectorEditorAddition(editorConfiguration, editorHtml, propertyPath);1187      getHelper().getTemplatePropertyDomElement('propertyPath', editorHtml).on('keyup paste', function() {1188        if (1189          !!editorConfiguration['doNotSetIfPropertyValueIsEmpty']1190          && !getUtility().isNonEmptyString($(this).val())1191        ) {1192          getCurrentlySelectedFormElement().unset(propertyPath);1193        } else {1194          getCurrentlySelectedFormElement().set(propertyPath, $(this).val());1195        }1196        _validateCollectionElement(propertyPath, editorHtml);1197        if (1198          !getUtility().isUndefinedOrNull(editorConfiguration['additionalElementPropertyPaths'])1199          && 'array' === $.type(editorConfiguration['additionalElementPropertyPaths'])1200        ) {1201          for (var i = 0, len = editorConfiguration['additionalElementPropertyPaths'].length; i < len; ++i) {1202            if (1203              !!editorConfiguration['doNotSetIfPropertyValueIsEmpty']1204              && !getUtility().isNonEmptyString($(this).val())1205            ) {1206              getCurrentlySelectedFormElement().unset(editorConfiguration['additionalElementPropertyPaths'][i]);1207            } else {1208              getCurrentlySelectedFormElement().set(editorConfiguration['additionalElementPropertyPaths'][i], $(this).val());1209            }1210          }1211        }1212      });1213    };1214    /**1215     * @public1216     *1217     * @param object editorConfiguration1218     * @param object editorHtml1219     * @param string collectionElementIdentifier1220     * @param string collectionName1221     * @return void1222     * @throws 14898741201223     * @throws 14898741211224     * @throws 14898741221225     * @throws 14898741231226     */1227    function renderValidationErrorMessageEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {1228      var propertyData, propertyPath, validationErrorMessage;1229      assert(1230        'object' === $.type(editorConfiguration),1231        'Invalid parameter "editorConfiguration"',1232        14898741211233      );1234      assert(1235       'object' === $.type(editorHtml),1236       'Invalid parameter "editorHtml"',1237       14898741221238      );1239      assert(1240        getUtility().isNonEmptyString(editorConfiguration['label']),1241        'Invalid configuration "label"',1242        14898741231243      );1244      assert(1245        getUtility().isNonEmptyString(editorConfiguration['propertyPath']),1246        'Invalid configuration "propertyPath"',1247        14898741241248      );1249      getHelper()1250        .getTemplatePropertyDomElement('label', editorHtml)1251        .append(editorConfiguration['label']);1252      if (getUtility().isNonEmptyString(editorConfiguration['fieldExplanationText'])) {1253        getHelper()1254          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)1255          .text(editorConfiguration['fieldExplanationText']);1256      } else {1257        getHelper()1258          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)1259          .remove();1260      }1261      propertyPath = getFormEditorApp().buildPropertyPath(1262        editorConfiguration['propertyPath']1263      );1264      propertyData = getCurrentlySelectedFormElement().get(propertyPath);1265      if (1266        !getUtility().isUndefinedOrNull(propertyData)1267        && 'array' === $.type(propertyData)1268      ) {1269        validationErrorMessage = _getFirstAvailableValidationErrorMessage(editorConfiguration['errorCodes'], propertyData);1270        if (!getUtility().isUndefinedOrNull(validationErrorMessage)) {1271          getHelper().getTemplatePropertyDomElement('propertyPath', editorHtml).val(validationErrorMessage);1272        }1273      }1274      getHelper().getTemplatePropertyDomElement('propertyPath', editorHtml).on('keyup paste', function() {1275        propertyData = getCurrentlySelectedFormElement().get(propertyPath);1276        if (getUtility().isUndefinedOrNull(propertyData)) {1277          propertyData = [];1278        }1279        getCurrentlySelectedFormElement().set(propertyPath, _renewValidationErrorMessages(1280          editorConfiguration['errorCodes'],1281          propertyData,1282          $(this).val()1283        ));1284      });1285    };1286    /**1287     * @public1288     *1289     * @param object editorConfiguration1290     * @param object editorHtml1291     * @param string collectionElementIdentifier1292     * @param string collectionName1293     * @return void1294     * @throws 14754210481295     * @throws 14754210491296     * @throws 14754210501297     * @throws 14754210511298     * @throws 14754210521299     */1300    function renderSingleSelectEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {1301      var propertyData, propertyPath, selectElement;1302      assert(1303        'object' === $.type(editorConfiguration),1304        'Invalid parameter "editorConfiguration"',1305        14754210481306      );1307      assert(1308        'object' === $.type(editorHtml),1309        'Invalid parameter "editorHtml"',1310        14754210491311      );1312      assert(1313        getUtility().isNonEmptyString(editorConfiguration['label']),1314        'Invalid configuration "label"',1315        14754210501316      );1317      assert(1318        getUtility().isNonEmptyString(editorConfiguration['propertyPath']),1319        'Invalid configuration "propertyPath"',1320        14754210511321      );1322      assert(1323        'array' === $.type(editorConfiguration['selectOptions']),1324        'Invalid configuration "selectOptions"',1325        14754210521326      );1327      propertyPath = getFormEditorApp().buildPropertyPath(1328        editorConfiguration['propertyPath'],1329        collectionElementIdentifier,1330        collectionName1331      );1332      getHelper()1333        .getTemplatePropertyDomElement('label', editorHtml)1334        .append(editorConfiguration['label']);1335      selectElement = getHelper()1336        .getTemplatePropertyDomElement('selectOptions', editorHtml);1337      propertyData = getCurrentlySelectedFormElement().get(propertyPath);1338      for (var i = 0, len = editorConfiguration['selectOptions'].length; i < len; ++i) {1339        var option;1340        if (editorConfiguration['selectOptions'][i]['value'] === propertyData) {1341          option = new Option(editorConfiguration['selectOptions'][i]['label'], i, false, true);1342        } else {1343          option = new Option(editorConfiguration['selectOptions'][i]['label'], i);1344        }1345        $(option).data({value: editorConfiguration['selectOptions'][i]['value']});1346        selectElement.append(option);1347      }1348      selectElement.on('change', function() {1349        getCurrentlySelectedFormElement().set(propertyPath, $('option:selected', $(this)).data('value'));1350      });1351    };1352    /**1353     * @public1354     *1355     * @param object editorConfiguration1356     * @param object editorHtml1357     * @param string collectionElementIdentifier1358     * @param string collectionName1359     * @return void1360     * @throws 14857123991361     * @throws 14857124001362     * @throws 14857124011363     * @throws 14857124021364     * @throws 14857124031365     */1366    function renderMultiSelectEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {1367      var propertyData, propertyPath, selectElement;1368      assert(1369        'object' === $.type(editorConfiguration),1370        'Invalid parameter "editorConfiguration"',1371        14857123991372      );1373      assert(1374        'object' === $.type(editorHtml),1375        'Invalid parameter "editorHtml"',1376        14857124001377      );1378      assert(1379        getUtility().isNonEmptyString(editorConfiguration['label']),1380        'Invalid configuration "label"',1381        14857124011382      );1383      assert(1384        getUtility().isNonEmptyString(editorConfiguration['propertyPath']),1385        'Invalid configuration "propertyPath"',1386        14857124021387      );1388      assert(1389        'array' === $.type(editorConfiguration['selectOptions']),1390        'Invalid configuration "selectOptions"',1391        14857124031392      );1393      propertyPath = getFormEditorApp().buildPropertyPath(1394        editorConfiguration['propertyPath'],1395        collectionElementIdentifier,1396        collectionName1397      );1398      getHelper()1399        .getTemplatePropertyDomElement('label', editorHtml)1400        .append(editorConfiguration['label']);1401      selectElement = getHelper()1402        .getTemplatePropertyDomElement('selectOptions', editorHtml);1403      propertyData = getCurrentlySelectedFormElement().get(propertyPath);1404      for (var i = 0, len1 = editorConfiguration['selectOptions'].length; i < len1; ++i) {1405        var option, value;1406        option = null;1407        for (var propertyDataKey in propertyData) {1408          if (!propertyData.hasOwnProperty(propertyDataKey)) {1409            continue;1410          }1411          if (editorConfiguration['selectOptions'][i]['value'] === propertyData[propertyDataKey]) {1412            option = new Option(editorConfiguration['selectOptions'][i]['label'], i, false, true);1413            break;1414          }1415        }1416        if (!option) {1417          option = new Option(editorConfiguration['selectOptions'][i]['label'], i);1418        }1419        $(option).data({value: editorConfiguration['selectOptions'][i]['value']});1420        selectElement.append(option);1421      }1422      selectElement.on('change', function() {1423        var selectValues = [];1424        $('option:selected', $(this)).each(function(i) {1425          selectValues.push($(this).data('value'));1426        });1427        getCurrentlySelectedFormElement().set(propertyPath, selectValues);1428      });1429    };1430    /**1431     * @public1432     *1433     * @param object editorConfiguration1434     * @param object editorHtml1435     * @param string collectionElementIdentifier1436     * @param string collectionName1437     * @return void1438     * @throws 14895282421439     * @throws 14895282431440     * @throws 14895282441441     * @throws 14895282451442     * @throws 14895282461443     * @throws 14895282471444     */1445    function renderGridColumnViewPortConfigurationEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {1446      var editorControlsWrapper, initNumbersOfColumnsField, numbersOfColumnsTemplate, selectElement,1447        viewportButtonTemplate;1448      assert(1449        'object' === $.type(editorConfiguration),1450        'Invalid parameter "editorConfiguration"',1451        14895282421452      );1453      assert(1454        'object' === $.type(editorHtml),1455        'Invalid parameter "editorHtml"',1456        14895282431457      );1458      assert(1459        getUtility().isNonEmptyString(editorConfiguration['label']),1460        'Invalid configuration "label"',1461        14895282441462      );1463      assert(1464        'array' === $.type(editorConfiguration['configurationOptions']['viewPorts']),1465        'Invalid configurationOptions "viewPorts"',1466        14895282451467      );1468      assert(1469        !getUtility().isUndefinedOrNull(editorConfiguration['configurationOptions']['numbersOfColumnsToUse']['label']),1470        'Invalid configurationOptions "numbersOfColumnsToUse"',1471        14895282461472      );1473      assert(1474        !getUtility().isUndefinedOrNull(editorConfiguration['configurationOptions']['numbersOfColumnsToUse']['propertyPath']),1475        'Invalid configuration "selectOptions"',1476        14895282471477      );1478      if (!getFormElementDefinition(getCurrentlySelectedFormElement().get('__parentRenderable'), '_isGridRowFormElement')) {1479        editorHtml.remove();1480        return;1481      }1482      getHelper()1483        .getTemplatePropertyDomElement('label', editorHtml)1484        .append(editorConfiguration['label']);1485      viewportButtonTemplate = $(getHelper()1486        .getDomElementDataIdentifierSelector('viewportButton'), $(editorHtml))1487        .clone();1488      $(getHelper()1489        .getDomElementDataIdentifierSelector('viewportButton'), $(editorHtml))1490        .remove();1491      numbersOfColumnsTemplate = getHelper()1492        .getTemplatePropertyDomElement('numbersOfColumnsToUse', $(editorHtml))1493        .clone();1494      getHelper()1495        .getTemplatePropertyDomElement('numbersOfColumnsToUse', $(editorHtml))1496        .remove();1497      editorControlsWrapper = _getEditorControlsWrapperDomElement(editorHtml);1498      initNumbersOfColumnsField = function(element) {1499        var numbersOfColumnsTemplateClone, propertyPath;1500        getHelper().getTemplatePropertyDomElement('numbersOfColumnsToUse', $(editorHtml))1501          .off()1502          .empty()1503          .remove();1504        numbersOfColumnsTemplateClone = $(numbersOfColumnsTemplate).clone(true, true);1505        _getEditorWrapperDomElement(editorHtml).after(numbersOfColumnsTemplateClone);1506        $('input', numbersOfColumnsTemplateClone).focus();1507        getHelper()1508          .getTemplatePropertyDomElement('numbersOfColumnsToUse-label', numbersOfColumnsTemplateClone)1509          .append(1510            editorConfiguration['configurationOptions']['numbersOfColumnsToUse']['label']1511              .replace('{@viewPortLabel}', element.data('viewPortLabel'))1512          );1513        getHelper()1514          .getTemplatePropertyDomElement('numbersOfColumnsToUse-fieldExplanationText', numbersOfColumnsTemplateClone)1515          .append(editorConfiguration['configurationOptions']['numbersOfColumnsToUse']['fieldExplanationText']);1516        propertyPath = editorConfiguration['configurationOptions']['numbersOfColumnsToUse']['propertyPath']1517          .replace('{@viewPortIdentifier}', element.data('viewPortIdentifier'));1518        getHelper()1519          .getTemplatePropertyDomElement('numbersOfColumnsToUse-propertyPath', numbersOfColumnsTemplateClone)1520          .val(getCurrentlySelectedFormElement().get(propertyPath));1521        getHelper().getTemplatePropertyDomElement('numbersOfColumnsToUse-propertyPath', numbersOfColumnsTemplateClone).on('keyup paste change', function() {1522          var that = $(this);1523          if (!$.isNumeric(that.val())) {1524            that.val('');1525          }1526          getCurrentlySelectedFormElement().set(propertyPath, that.val());1527        });1528      };1529      for (var i = 0, len = editorConfiguration['configurationOptions']['viewPorts'].length; i < len; ++i) {1530        var numbersOfColumnsTemplateClone, viewportButtonTemplateClone, viewPortIdentifier,1531          viewPortLabel;1532        viewPortIdentifier = editorConfiguration['configurationOptions']['viewPorts'][i]['viewPortIdentifier'];1533        viewPortLabel = editorConfiguration['configurationOptions']['viewPorts'][i]['label'];1534        viewportButtonTemplateClone = $(viewportButtonTemplate).clone(true, true);1535        viewportButtonTemplateClone.text(viewPortLabel);1536        viewportButtonTemplateClone.data('viewPortIdentifier', viewPortIdentifier);1537        viewportButtonTemplateClone.data('viewPortLabel', viewPortLabel);1538        editorControlsWrapper.append(viewportButtonTemplateClone);1539        if (i === (len - 1)) {1540          numbersOfColumnsTemplateClone = $(numbersOfColumnsTemplate).clone(true, true);1541          _getEditorWrapperDomElement(editorHtml).after(numbersOfColumnsTemplateClone);1542          initNumbersOfColumnsField(viewportButtonTemplateClone);1543          viewportButtonTemplateClone.addClass(getHelper().getDomElementClassName('active'));1544        }1545        $('button', editorControlsWrapper).on('click', function() {1546          var that = $(this);1547          $('button', editorControlsWrapper).removeClass(getHelper().getDomElementClassName('active'));1548          that.addClass(getHelper().getDomElementClassName('active'));1549          initNumbersOfColumnsField(that);1550        });1551      }1552    };1553    /**1554     * @public1555     *1556     * @param object editorConfiguration1557     * @param object editorHtml1558     * @param string collectionElementIdentifier1559     * @param string collectionName1560     * @return void1561     * @throws 14754192261562     * @throws 14754192271563     * @throws 14754192281564     * @throws 14754192291565     * @throws 14754192301566     * @throws 14754192311567     * @throws 14754192321568     */1569    function renderPropertyGridEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {1570      var addRowTemplate, gridColumns, defaultValue, multiSelection, propertyData, propertyPathPrefix,1571        rowItemTemplate, setData, useLabelAsFallbackValue;1572      assert(1573        'object' === $.type(editorConfiguration),1574        'Invalid parameter "editorConfiguration"',1575        14754192261576      );1577      assert(1578        'object' === $.type(editorHtml),1579        'Invalid parameter "editorHtml"',1580        14754192271581      );1582      assert(1583        'boolean' === $.type(editorConfiguration['enableAddRow']),1584        'Invalid configuration "enableAddRow"',1585        14754192281586      );1587      assert(1588        'boolean' === $.type(editorConfiguration['enableDeleteRow']),1589        'Invalid configuration "enableDeleteRow"',1590        14754192301591      );1592      assert(1593        'boolean' === $.type(editorConfiguration['isSortable']),1594        'Invalid configuration "isSortable"',1595        14754192291596      );1597      assert(1598        getUtility().isNonEmptyString(editorConfiguration['propertyPath']),1599        'Invalid configuration "propertyPath"',1600        14754192311601      );1602      assert(1603        getUtility().isNonEmptyString(editorConfiguration['label']),1604        'Invalid configuration "label"',1605        14754192321606      );1607      getHelper().getTemplatePropertyDomElement('label', editorHtml)1608        .append(editorConfiguration['label']);1609      if (getUtility().isNonEmptyString(editorConfiguration['fieldExplanationText'])) {1610        getHelper()1611          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)1612          .text(editorConfiguration['fieldExplanationText']);1613      } else {1614        getHelper()1615          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)1616          .remove();1617      }1618      propertyPathPrefix = getFormEditorApp().buildPropertyPath(1619        undefined,1620        collectionElementIdentifier,1621        collectionName,1622        undefined,1623        true1624      );1625      if (getUtility().isNonEmptyString(propertyPathPrefix)) {1626        propertyPathPrefix = propertyPathPrefix + '.';1627      }1628      if (getUtility().isUndefinedOrNull(editorConfiguration['useLabelAsFallbackValue'])) {1629        useLabelAsFallbackValue = true;1630      } else {1631        useLabelAsFallbackValue = editorConfiguration['useLabelAsFallbackValue'];1632      }1633      gridColumns = [1634        {name: 'label', title: 'Label'},1635        {name: 'value', title: 'Value'},1636        {name: 'selected', title: 'Selected'},1637      ];1638      if (getUtility().isNonEmptyArray(editorConfiguration['gridColumns'])) {1639        gridColumns = editorConfiguration['gridColumns'];1640      }1641      var orderedGridColumnNames = gridColumns.map(function(item) {1642        return item.name;1643      });1644      var orderedGridColumnTitles = gridColumns.map(function(item) {1645        return item.title || null;1646      });1647      $([1648        getHelper().getDomElementDataIdentifierSelector('propertyGridEditorHeaderRow'),1649        getHelper().getDomElementDataIdentifierSelector('propertyGridEditorRowItem'),1650        getHelper().getDomElementDataIdentifierSelector('propertyGridEditorAddRowItem'),1651      ].join(','), $(editorHtml)).each(function (i, row) {1652        var $columns = $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorColumn'), row);1653        var $columnsAfter = $columns.last().nextAll();1654        var columnsByName = {};1655        // Collect columns by names, skip undesired columns1656        $columns1657          .detach()1658          .each(function(i, element) {1659            var $column = $(element);1660            var columnName = $column.data('column');1661            if (!orderedGridColumnNames.includes(columnName)) {1662              return;1663            }1664            columnsByName[columnName] = $column;1665          });1666        // Insert columns in desired order1667        orderedGridColumnNames.forEach(function(columnName, i) {1668          var $column = columnsByName[columnName];1669          if ($column.is('th')) {1670            $column.append(orderedGridColumnTitles[i]);1671          }1672          $column.appendTo(row);1673        });1674        // Insert remaining columns1675        $columnsAfter.appendTo(row);1676      });1677      if (getUtility().isUndefinedOrNull(editorConfiguration['multiSelection'])) {1678        multiSelection = false;1679      } else {1680        multiSelection = !!editorConfiguration['multiSelection'];1681      }1682      rowItemTemplate = $(1683        getHelper().getDomElementDataIdentifierSelector('propertyGridEditorRowItem'),1684        $(editorHtml)1685      ).clone();1686      $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorRowItem'), $(editorHtml)).remove();1687      if (!!editorConfiguration['enableDeleteRow']) {1688        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorDeleteRow'),1689          $(rowItemTemplate)1690        ).on('click', function() {1691          $(this)1692            .closest(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorRowItem'))1693            .off()1694            .empty()1695            .remove();1696          _setPropertyGridData(1697            $(editorHtml),1698            multiSelection,1699            editorConfiguration['propertyPath'],1700            propertyPathPrefix1701          );1702        });1703      } else {1704        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorDeleteRow'), $(rowItemTemplate))1705          .parent()1706          .off()1707          .empty();1708      }1709      if (!!editorConfiguration['isSortable']) {1710        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorContainer'), $(editorHtml))1711          .addClass(getHelper().getDomElementClassName('sortable'))1712          .sortable({1713            revert: 'true',1714            items: getHelper().getDomElementDataIdentifierSelector('propertyGridEditorRowItem'),1715            update: function(e, o) {1716              _setPropertyGridData(1717                $(editorHtml),1718                multiSelection,1719                editorConfiguration['propertyPath'],1720                propertyPathPrefix1721              );1722            }1723          });1724      } else {1725        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorSortRow'), $(rowItemTemplate))1726          .parent()1727          .off()1728          .empty();1729      }1730      $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorSelectValue'),1731        $(rowItemTemplate)1732      ).on('change', function() {1733        if (!multiSelection) {1734          $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorSelectValue') + ':checked', $(editorHtml))1735            .not($(this))1736            .prop('checked', false);1737        }1738        _setPropertyGridData(1739          $(editorHtml),1740          multiSelection,1741          editorConfiguration['propertyPath'],1742          propertyPathPrefix1743        );1744      });1745      $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorLabel') + ',' +1746        getHelper().getDomElementDataIdentifierSelector('propertyGridEditorValue'),1747        $(rowItemTemplate)1748      ).on('keyup paste', function() {1749        _setPropertyGridData(1750          $(editorHtml),1751          multiSelection,1752          editorConfiguration['propertyPath'],1753          propertyPathPrefix1754         );1755      });1756      if (useLabelAsFallbackValue) {1757        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorLabel'),1758          $(rowItemTemplate)1759        ).on('focusout', function() {1760          if ('' === $(this)1761              .closest(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorRowItem'))1762              .find(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorValue'))1763              .val()1764          ) {1765            $(this)1766              .closest(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorRowItem'))1767              .find(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorValue'))1768              .val($(this).val());1769          }1770        });1771      }1772      if (!!editorConfiguration['enableAddRow']) {1773        addRowTemplate = $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorAddRowItem'), $(editorHtml)).clone();1774        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorAddRowItem'), $(editorHtml)).remove();1775        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorAddRow'), $(addRowTemplate)).on('click', function() {1776          $(this)1777            .closest(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorAddRowItem'))1778            .before($(rowItemTemplate).clone(true, true));1779            _setPropertyGridData(1780              $(editorHtml),1781              multiSelection,1782              editorConfiguration['propertyPath'],1783              propertyPathPrefix1784            );1785        });1786        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorContainer'), $(editorHtml))1787          .prepend($(addRowTemplate).clone(true, true));1788      } else {1789        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorAddRowItem'), $(editorHtml)).remove();1790      }1791      defaultValue = {};1792      if (multiSelection) {1793        if (!getUtility().isUndefinedOrNull(getCurrentlySelectedFormElement().get(propertyPathPrefix + 'defaultValue'))) {1794          defaultValue = getCurrentlySelectedFormElement().get(propertyPathPrefix + 'defaultValue');1795        }1796      } else {1797        if (!getUtility().isUndefinedOrNull(getCurrentlySelectedFormElement().get(propertyPathPrefix + 'defaultValue'))) {1798          defaultValue = {0: getCurrentlySelectedFormElement().get(propertyPathPrefix + 'defaultValue')};1799        }1800      }1801      propertyData = getCurrentlySelectedFormElement().get(propertyPathPrefix + editorConfiguration['propertyPath']) || {};1802      setData = function(label, value) {1803        var isPreselected, newRowTemplate;1804        isPreselected = false;1805        newRowTemplate = $(rowItemTemplate).clone(true, true);1806        for (var defaultValueKey in defaultValue) {1807          if (!defaultValue.hasOwnProperty(defaultValueKey)) {1808            continue;1809          }1810          if (defaultValue[defaultValueKey] === value) {1811            isPreselected = true;1812            break;1813          }1814        }1815        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorLabel'), $(newRowTemplate)).val(label);1816        $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorValue'), $(newRowTemplate)).val(value);1817        if (isPreselected) {1818          $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorSelectValue'), $(newRowTemplate))1819            .prop('checked', true);1820        }1821        if (!!editorConfiguration['enableAddRow']) {1822          $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorAddRowItem'), $(editorHtml))1823            .before($(newRowTemplate));1824        } else {1825          $(getHelper().getDomElementDataIdentifierSelector('propertyGridEditorContainer'), $(editorHtml))1826            .prepend($(newRowTemplate));1827        }1828      };1829      if ('object' === $.type(propertyData)) {1830        for (var propertyDataKey in propertyData) {1831          if (!propertyData.hasOwnProperty(propertyDataKey)) {1832            continue;1833          }1834          setData(propertyData[propertyDataKey], propertyDataKey);1835        }1836      } else if ('array' === $.type(propertyData)) {1837        for (var propertyDataKey in propertyData) {1838          if (!propertyData.hasOwnProperty(propertyDataKey)) {1839            continue;1840          }1841          if (getUtility().isUndefinedOrNull(propertyData[propertyDataKey]['_label'])) {1842            setData(propertyData[propertyDataKey], propertyDataKey);1843          } else {1844            setData(propertyData[propertyDataKey]['_label'], propertyData[propertyDataKey]['_value']);1845          }1846        }1847      }1848      _validateCollectionElement(propertyPathPrefix + editorConfiguration['propertyPath'], editorHtml);1849    };1850    /**1851     * @public1852     *1853     * @param object editorConfiguration1854     * @param object editorHtml1855     * @param string collectionElementIdentifier1856     * @param string collectionName1857     * @return void1858     * @publish view/inspector/collectionElement/new/selected1859     * @publish view/inspector/removeCollectionElement/perform1860     * @throws 14754170931861     * @throws 14754170941862     * @throws 14754170951863     * @throws 14754170961864     */1865    function renderRequiredValidatorEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {1866      var propertyData, propertyPath, propertyValue, showValidationErrorMessage, validationErrorMessage, validationErrorMessagePropertyPath, validationErrorMessageTemplate, validationErrorMessageTemplateClone, validatorIdentifier;1867      assert(1868        'object' === $.type(editorConfiguration),1869        'Invalid parameter "editorConfiguration"',1870        14754170931871      );1872      assert(1873        'object' === $.type(editorHtml),1874        'Invalid parameter "editorHtml"',1875        14754170941876      );1877      assert(1878        getUtility().isNonEmptyString(editorConfiguration['validatorIdentifier']),1879        'Invalid configuration "validatorIdentifier"',1880        14754170951881      );1882      assert(1883        getUtility().isNonEmptyString(editorConfiguration['label']),1884        'Invalid configuration "label"',1885        14754170961886      );1887      validatorIdentifier = editorConfiguration['validatorIdentifier'];1888      getHelper().getTemplatePropertyDomElement('label', editorHtml).append(editorConfiguration['label']);1889      if (getUtility().isNonEmptyString(editorConfiguration['propertyPath'])) {1890        propertyPath = getFormEditorApp()1891          .buildPropertyPath(editorConfiguration['propertyPath'], collectionElementIdentifier, collectionName);1892      }1893      if (getUtility().isNonEmptyString(editorConfiguration['propertyValue'])) {1894        propertyValue = editorConfiguration['propertyValue'];1895      } else {1896        propertyValue = '';1897      }1898      validationErrorMessagePropertyPath = getFormEditorApp()1899        .buildPropertyPath(editorConfiguration['configurationOptions']['validationErrorMessage']['propertyPath']);1900      validationErrorMessageTemplate = getHelper()1901        .getTemplatePropertyDomElement('validationErrorMessage', $(editorHtml))1902        .clone();1903      getHelper()1904        .getTemplatePropertyDomElement('validationErrorMessage', $(editorHtml))1905        .remove();1906      showValidationErrorMessage = function() {1907        validationErrorMessageTemplateClone = $(validationErrorMessageTemplate).clone(true, true);1908        _getEditorWrapperDomElement(editorHtml).after(validationErrorMessageTemplateClone);1909        getHelper()1910          .getTemplatePropertyDomElement('validationErrorMessage-label', validationErrorMessageTemplateClone)1911          .append(editorConfiguration['configurationOptions']['validationErrorMessage']['label']);1912        getHelper()1913          .getTemplatePropertyDomElement('validationErrorMessage-fieldExplanationText', validationErrorMessageTemplateClone)1914          .append(editorConfiguration['configurationOptions']['validationErrorMessage']['fieldExplanationText']);1915        propertyData = getCurrentlySelectedFormElement().get(validationErrorMessagePropertyPath);1916        if (getUtility().isUndefinedOrNull(propertyData)) {1917          propertyData = [];1918        }1919        validationErrorMessage = _getFirstAvailableValidationErrorMessage(1920          editorConfiguration['configurationOptions']['validationErrorMessage']['errorCodes'],1921          propertyData1922        );1923        if (!getUtility().isUndefinedOrNull(validationErrorMessage)) {1924          getHelper()1925            .getTemplatePropertyDomElement('validationErrorMessage-propertyPath', validationErrorMessageTemplateClone)1926            .val(validationErrorMessage);1927        }1928        getHelper().getTemplatePropertyDomElement('validationErrorMessage-propertyPath', validationErrorMessageTemplateClone).on('keyup paste', function() {1929          propertyData = getCurrentlySelectedFormElement().get(validationErrorMessagePropertyPath);1930          if (getUtility().isUndefinedOrNull(propertyData)) {1931            propertyData = [];1932          }1933          getCurrentlySelectedFormElement().set(validationErrorMessagePropertyPath, _renewValidationErrorMessages(1934            editorConfiguration['configurationOptions']['validationErrorMessage']['errorCodes'],1935            propertyData,1936            $(this).val()1937          ));1938        });1939      }1940      if (-1 !== getFormEditorApp().getIndexFromPropertyCollectionElement(validatorIdentifier, 'validators')) {1941        $('input[type="checkbox"]', $(editorHtml)).prop('checked', true);1942        if (getUtility().isNonEmptyString(propertyPath)) {1943          getCurrentlySelectedFormElement().set(propertyPath, propertyValue);1944        }1945        showValidationErrorMessage();1946      }1947      $('input[type="checkbox"]', $(editorHtml)).on('change', function() {1948        getHelper().getTemplatePropertyDomElement('validationErrorMessage', $(editorHtml))1949          .off()1950          .empty()1951          .remove();1952        if ($(this).is(":checked")) {1953          showValidationErrorMessage();1954          getPublisherSubscriber().publish(1955            'view/inspector/collectionElement/new/selected',1956            [validatorIdentifier, 'validators']1957          );1958          if (getUtility().isNonEmptyString(propertyPath)) {1959            getCurrentlySelectedFormElement().set(propertyPath, propertyValue);1960          }1961        } else {1962          getPublisherSubscriber().publish(1963            'view/inspector/removeCollectionElement/perform',1964            [validatorIdentifier, 'validators']1965          );1966          if (getUtility().isNonEmptyString(propertyPath)) {1967            getCurrentlySelectedFormElement().unset(propertyPath);1968          }1969          propertyData = getCurrentlySelectedFormElement().get(validationErrorMessagePropertyPath);1970          if (getUtility().isUndefinedOrNull(propertyData)) {1971            propertyData = [];1972          }1973          getCurrentlySelectedFormElement().set(validationErrorMessagePropertyPath, _renewValidationErrorMessages(1974            editorConfiguration['configurationOptions']['validationErrorMessage']['errorCodes'],1975            propertyData,1976            ''1977          ));1978        }1979      });1980    };1981    /**1982     * @public1983     *1984     * @param object editorConfiguration1985     * @param object editorHtml1986     * @param string collectionElementIdentifier1987     * @param string collectionName1988     * @return void1989     * @throws 14762186711990     * @throws 14762186721991     * @throws 14762186731992     * @throws 14762186741993     */1994    function renderCheckboxEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {1995      var propertyData, propertyPath;1996      assert(1997        'object' === $.type(editorConfiguration),1998        'Invalid parameter "editorConfiguration"',1999        14762186712000      );2001      assert(2002        'object' === $.type(editorHtml),2003        'Invalid parameter "editorHtml"',2004        14762186722005      );2006      assert(2007        getUtility().isNonEmptyString(editorConfiguration['label']),2008        'Invalid configuration "label"',2009        14762186732010      );2011      assert(2012        getUtility().isNonEmptyString(editorConfiguration['propertyPath']),2013        'Invalid configuration "propertyPath"',2014        14762186742015      );2016      getHelper()2017        .getTemplatePropertyDomElement('label', editorHtml)2018        .append(editorConfiguration['label']);2019      if (getUtility().isNonEmptyString(editorConfiguration['fieldExplanationText'])) {2020        getHelper()2021          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)2022          .text(editorConfiguration['fieldExplanationText']);2023      } else {2024        getHelper()2025          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)2026          .remove();2027      }2028      propertyPath = getFormEditorApp()2029        .buildPropertyPath(editorConfiguration['propertyPath'], collectionElementIdentifier, collectionName);2030      propertyData = getCurrentlySelectedFormElement().get(propertyPath);2031      if (2032        ('boolean' === $.type(propertyData) && propertyData)2033        || propertyData === 'true'2034        || propertyData === 12035        || propertyData === "1"2036      ) {2037        $('input[type="checkbox"]', $(editorHtml)).prop('checked', true);2038      }2039      $('input[type="checkbox"]', $(editorHtml)).on('change', function() {2040        if ($(this).is(":checked")) {2041          getCurrentlySelectedFormElement().set(propertyPath, true);2042        } else {2043          getCurrentlySelectedFormElement().set(propertyPath, false);2044        }2045      });2046    };2047    /**2048     * @public2049     *2050     * @param object editorConfiguration2051     * @param object editorHtml2052     * @param string collectionElementIdentifier2053     * @param string collectionName2054     * @return void2055     * @throws 14754125672056     * @throws 14754125682057     * @throws 14754160982058     * @throws 14754160992059     */2060    function renderTextareaEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {2061      var propertyPath, propertyData;2062      assert(2063        'object' === $.type(editorConfiguration),2064        'Invalid parameter "editorConfiguration"',2065        14754125672066      );2067      assert(2068        'object' === $.type(editorHtml),2069        'Invalid parameter "editorHtml"',2070        14754125682071      );2072      assert(2073        getUtility().isNonEmptyString(editorConfiguration['propertyPath']),2074        'Invalid configuration "propertyPath"',2075        14754160982076      );2077      assert(2078        getUtility().isNonEmptyString(editorConfiguration['label']),2079        'Invalid configuration "label"',2080        14754160992081      );2082      propertyPath = getFormEditorApp()2083        .buildPropertyPath(editorConfiguration['propertyPath'], collectionElementIdentifier, collectionName);2084      getHelper()2085        .getTemplatePropertyDomElement('label', editorHtml).append(editorConfiguration['label']);2086      if (getUtility().isNonEmptyString(editorConfiguration['fieldExplanationText'])) {2087        getHelper()2088          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)2089          .text(editorConfiguration['fieldExplanationText']);2090      } else {2091        getHelper()2092          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)2093          .remove();2094      }2095      propertyData = getCurrentlySelectedFormElement().get(propertyPath);2096      $('textarea', $(editorHtml)).val(propertyData);2097      $('textarea', $(editorHtml)).on('keyup paste', function() {2098        getCurrentlySelectedFormElement().set(propertyPath, $(this).val());2099      });2100    };2101    /**2102     * @public2103     *2104     * @param object editorConfiguration2105     * @param object editorHtml2106     * @param string collectionElementIdentifier2107     * @param string collectionName2108     * @return void2109     * @throws 14773005872110     * @throws 14773005882111     * @throws 14773005892112     * @throws 14773005902113     * @throws 14773189812114     * @throws 14773198592115     */2116    function renderTypo3WinBrowserEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {2117      var propertyPath, propertyData;2118      assert(2119        'object' === $.type(editorConfiguration),2120        'Invalid parameter "editorConfiguration"',2121        14773005872122      );2123      assert(2124        'object' === $.type(editorHtml),2125        'Invalid parameter "editorHtml"',2126        14773005882127      );2128      assert(2129        getUtility().isNonEmptyString(editorConfiguration['label']),2130        'Invalid configuration "label"',2131        14773005892132      );2133      assert(2134        getUtility().isNonEmptyString(editorConfiguration['buttonLabel']),2135        'Invalid configuration "buttonLabel"',2136        14773189812137      );2138      assert(2139        getUtility().isNonEmptyString(editorConfiguration['propertyPath']),2140        'Invalid configuration "propertyPath"',2141        14773005902142      );2143      getHelper()2144        .getTemplatePropertyDomElement('label', editorHtml)2145        .append(editorConfiguration['label']);2146      getHelper()2147        .getTemplatePropertyDomElement('buttonLabel', editorHtml)2148        .append(editorConfiguration['buttonLabel']);2149      if (getUtility().isNonEmptyString(editorConfiguration['fieldExplanationText'])) {2150        getHelper()2151          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)2152          .text(editorConfiguration['fieldExplanationText']);2153      } else {2154        getHelper()2155          .getTemplatePropertyDomElement('fieldExplanationText', editorHtml)2156          .remove();2157      }2158      $('form', $(editorHtml)).prop('name', editorConfiguration['propertyPath']);2159      Icons.getIcon(editorConfiguration['iconIdentifier'], Icons.sizes.small).then(function(icon) {2160        getHelper().getTemplatePropertyDomElement('image', editorHtml).append($(icon));2161      });2162      getHelper().getTemplatePropertyDomElement('onclick', editorHtml).on('click', function() {2163        var insertTarget, randomIdentifier;2164        randomIdentifier = Math.floor((Math.random() * 100000) + 1);2165        insertTarget = $(this)2166          .closest(getHelper().getDomElementDataIdentifierSelector('editorControlsWrapper'))2167          .find(getHelper().getDomElementDataAttribute('contentElementSelectorTarget', 'bracesWithKey'));2168        insertTarget.attr(getHelper().getDomElementDataAttribute('contentElementSelectorTarget'), randomIdentifier);2169        _openTypo3WinBrowser('db', randomIdentifier + '|||' + editorConfiguration['browsableType']);2170      });2171      _listenOnElementBrowser();2172      propertyPath = getFormEditorApp().buildPropertyPath(editorConfiguration['propertyPath'], collectionElementIdentifier, collectionName);2173      propertyData = getCurrentlySelectedFormElement().get(propertyPath);2174      _validateCollectionElement(propertyPath, editorHtml);2175      getHelper()2176        .getTemplatePropertyDomElement('propertyPath', editorHtml)2177        .val(propertyData);2178      getHelper().getTemplatePropertyDomElement('propertyPath', editorHtml).on('keyup paste', function() {2179        getCurrentlySelectedFormElement().set(propertyPath, $(this).val());2180        _validateCollectionElement(propertyPath, editorHtml);2181      });2182    };2183    /**2184     * @public2185     *2186     * @param object editorConfiguration2187     * @param object editorHtml2188     * @param string collectionElementIdentifier2189     * @param string collectionName2190     * @return void2191     * @throws 14754125632192     * @throws 14754125642193     */2194    function renderRemoveElementEditor(editorConfiguration, editorHtml, collectionElementIdentifier, collectionName) {2195      assert('object' === $.type(editorConfiguration), 'Invalid parameter "editorConfiguration"', 1475412563);2196      assert('object' === $.type(editorHtml), 'Invalid parameter "editorHtml"', 1475412564);2197      if (getUtility().isUndefinedOrNull(collectionElementIdentifier)) {2198        $('button', $(editorHtml))2199          .addClass(2200            getHelper().getDomElementClassName('buttonFormElementRemove') + ' ' +2201            getHelper().getDomElementClassName('buttonFormEditor')2202          );2203      } else {2204        $('button', $(editorHtml)).addClass(2205          getHelper().getDomElementClassName('buttonCollectionElementRemove')2206        );2207      }2208      $('button', $(editorHtml)).on('click', function(e) {2209        if (getUtility().isUndefinedOrNull(collectionElementIdentifier)) {2210          getViewModel().showRemoveFormElementModal();2211        } else {2212          getViewModel().showRemoveCollectionElementModal(collectionElementIdentifier, collectionName);2213        }2214      });2215    };2216    /**2217     * @public2218     *2219     * @param object editorConfiguration2220     * @param object editorHtml2221     * @param string propertyPath2222     * @return void2223     * @throws 14845747042224     * @throws 14845747052225     * @throws 14845747062226     */2227    function renderFormElementSelectorEditorAddition(editorConfiguration, editorHtml, propertyPath) {2228      var nonCompositeNonToplevelFormElements, formElementSelectorControlsWrapper,2229        formElementSelectorSplitButtonListContainer, itemTemplate;2230      assert(2231        'object' === $.type(editorConfiguration),2232        'Invalid parameter "editorConfiguration"',2233        14845747042234      );2235      assert(2236        'object' === $.type(editorHtml),2237        'Invalid parameter "editorHtml"',2238        14845747052239      );2240      assert(2241        getUtility().isNonEmptyString(propertyPath),2242        'Invalid parameter "propertyPath"',2243        14845747062244      );2245      formElementSelectorControlsWrapper = $(2246        getHelper().getDomElementDataIdentifierSelector('formElementSelectorControlsWrapper'), editorHtml2247      );2248      if (editorConfiguration['enableFormelementSelectionButton'] === true) {2249        if (formElementSelectorControlsWrapper.length === 0) {2250          return;2251        }2252        formElementSelectorSplitButtonListContainer = $(2253          getHelper().getDomElementDataIdentifierSelector('formElementSelectorSplitButtonListContainer'), editorHtml2254        );2255        formElementSelectorSplitButtonListContainer.off().empty();2256        nonCompositeNonToplevelFormElements = getFormEditorApp().getNonCompositeNonToplevelFormElements();2257        if (nonCompositeNonToplevelFormElements.length === 0) {2258          Icons.getIcon(2259            getHelper().getDomElementDataAttributeValue('iconNotAvailable'),2260            Icons.sizes.small,2261            null,2262            Icons.states.default2263          ).then(function(icon) {2264            itemTemplate = $('<li data-no-sorting>'2265              + '<a href="#"></a>'2266              + '</li>');2267            itemTemplate2268              .append($(icon))2269              .append(' ' + getFormElementDefinition(getRootFormElement(), 'inspectorEditorFormElementSelectorNoElements'));2270            formElementSelectorSplitButtonListContainer.append(itemTemplate);2271          });2272        } else {2273          $.each(nonCompositeNonToplevelFormElements, function(i, nonCompositeNonToplevelFormElement) {2274            Icons.getIcon(2275              getFormElementDefinition(nonCompositeNonToplevelFormElement, 'iconIdentifier'),2276              Icons.sizes.small,2277              null,2278              Icons.states.default2279            ).then(function(icon) {2280              itemTemplate = $('<li data-no-sorting>'2281                + '<a href="#" data-formelement-identifier="' + nonCompositeNonToplevelFormElement.get('identifier') + '">'2282                + '</a>'2283                + '</li>');2284              $('[data-formelement-identifier="' + nonCompositeNonToplevelFormElement.get('identifier') + '"]', itemTemplate)2285                .append($(icon))2286                .append(' ' + nonCompositeNonToplevelFormElement.get('label'));2287              $('a', itemTemplate).on('click', function() {2288                var propertyData;2289                propertyData = getCurrentlySelectedFormElement().get(propertyPath);2290                if (propertyData.length === 0) {2291                  propertyData = '{' + $(this).attr('data-formelement-identifier') + '}';2292                } else {2293                  propertyData = propertyData + ' ' + '{' + $(this).attr('data-formelement-identifier') + '}';2294                }2295                getCurrentlySelectedFormElement().set(propertyPath, propertyData);2296                getHelper().getTemplatePropertyDomElement('propertyPath', editorHtml).val(propertyData);2297                _validateCollectionElement(propertyPath, editorHtml);2298              });2299              formElementSelectorSplitButtonListContainer.append(itemTemplate);2300            });2301          });2302        }2303      } else {2304        $(getHelper().getDomElementDataIdentifierSelector('editorControlsInputGroup'), editorHtml)2305          .removeClass(getHelper().getDomElementClassName('inspectorInputGroup'));2306        formElementSelectorControlsWrapper.off().empty().remove();2307      }2308    }2309    /**2310     * @public2311     *2312     * @param string content2313     * @return void2314     */2315    function setFormElementHeaderEditorContent(content) {2316      if (getFormEditorApp().getUtility().isUndefinedOrNull(content)) {2317        content = buildTitleByFormElement();2318      }2319      $(getHelper()2320        .getDomElementDataIdentifierSelector('formElementHeaderEditor'), getInspectorDomElement())2321        .html(content);2322    };2323    /**2324     * @public2325     *2326     * @param object2327     * @return object2328     * @throws 14789673192329     */2330    function buildTitleByFormElement(formElement) {2331      var label;2332      if (getUtility().isUndefinedOrNull(formElement)) {2333        formElement = getCurrentlySelectedFormElement();...