Set default text to name property in general tab

Developers Modeler
1

I want to set default text in the name property text area. I tried to achieve 2 ways.
1st way
Using inline HTML, while creating general tab,

function createGeneralTabGroups(element, bpmnFactory, canvas, elementRegistry, translate) {

  var generalGroup = {
    id: 'general',
    label: 'General',
    entries: []
  };
  idProps(generalGroup, element, translate);
  nameProps(generalGroup, element, bpmnFactory, canvas, translate);
  processProps(generalGroup, element, translate);
  executableProps(generalGroup, element, translate);

  //Customize general tab name filed
  //var nameField = generalGroup.entries[1];
   var htmlText =  `<label for="camunda-name">Name</label>
                    <div class="bpp-field-wrapper">
                      <div contenteditable="true" id="camunda-name" name="name">BEGIN</div>
                    </div>`;
    generalGroup.entries[1].html = htmlText;

  return[
    generalGroup
  ];
}

2nd way, After creating tab update text programmatically on event,

eventBus.on('propertiesPanel.isPropertyEditable', 10000, function(context) {
        var element = context.element;
        var entry = context.entry;
        // var group = context.group;
        //var propertyName = context.propertyName;
        // tab = context.tab;

        var eventType = element.type;
          if(eventType === 'bpmn:StartEvent'){
           if(entry.id === 'name'){
              var b_obj = getBusinessObject(element);
              var predefinedValue = {};
              predefinedValue['name'] = 'BEGIN';
              cmdHelper.updateBusinessObject(element, b_obj, predefinedValue);
              propertyUpdater.prototype.updateModdleProperties(element, b_obj, predefinedValue);
            }
          }
      });

But “BEGIN” text not reflect on the screen. How can I set text default programmatically?

Screenshot 2021-06-01 at 4.37.31 PM
Screenshot 2021-06-01 at 4.37.31 PM3258×1862 290 KB

2

I got my solution. The code is here,

function createGeneralTabGroups(element, bpmnFactory, canvas, elementRegistry, translate) {
  var generalGroup = {
    id: 'general',
    label: 'General',
    entries: []
  };
  idProps(generalGroup, element, translate);
  nameProps(generalGroup, element, bpmnFactory, canvas, translate);
  processProps(generalGroup, element, translate);
  executableProps(generalGroup, element, translate);

  //Customize general tab name filed
switch(element.type) {
    case 'bpmn:StartEvent':
      element.businessObject.set('bpmn:name', "BEGIN");
      break;
    case 'bpmn:EndEvent':
      element.businessObject.set('bpmn:name', "END");
      break;
    default:
      // execute as it is other conditions
  }

  return[
    generalGroup
  ];
}