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

});

      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 },
        attrs: {
          text: { text: 'Some text' },
          '.rotatable': { title:'Синхронизатор/разветвитель (Complex Transition)' } }
      });

      var сomplexTransitionVertical = new ComplexTransitionV({
        size: { height: 200 },

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 },
        attrs: {
          text: { text: 'no display text' }
        }
      });

      let objectInState = new ObjectInState({
        position: { x: 600, y: 200 },