How to use the ember-flexberry-designer/objects/uml-primitives/fd-uml-start-state.StartState function in ember-flexberry-designer

position: { x: 450, y: 400 },
        name: ['Sending1', 'text', 'moreText'],
        attrs: {
          '.rotatable': { title:'Отправка сигнала (Signal Sending)' }
        }
      });

      let signalSendingLeft = new SignalSendLeft({
        position: { x: 450, y: 500 },
        name: 'Sending2',
        attrs: {
          '.rotatable': { title:'Отправка сигнала (Signal Sending)' }
        }
      });

      let startState = new StartState({
        position: { x: 100, y: 204 },
        attrs: {
          text: { text: 'Start State' }
        }
      });

      let endState = new FinalState({
        position: { x: 150, y: 200 },
        attrs: {
          text: { text: 'End State' }
        }
      });

      let decision = new Decision({
        position: { x: 600, y: 100 },
        size: { width: 100, height: 50 },

});

      let statechartClass = new StdClass({
        position: { x: 450, y: 250 },
        size: { width: 100, height: 40 },
        name: 'ClassName',
        attrs: { '.rotatable': { title:'Класс (Class)' } }
      });

      let note = new Note({
        position: { x: 450, y: 300 },
        size: { width: 100, height: 40 },
        name: 'Comment'
      });

      let startState = new StartState({
        position: { x: 100, y: 204 },
        attrs: {
          text: { text: 'Start State' }
        }
      });

      let endState = new FinalState({
        position: { x: 150, y: 200 },
        attrs: {
          text: { text: 'End State' }
        }
      });

      var сomplexTransitionHorizon = new ComplexTransitionH({
        size: { width: 200 },
        position: { x: 100, y: 300 },