text: import _ from 'underscore';
  
  export default {
    props: {
      isLoading: {
        type: Boolean,
        required: true,
      },
      pipeline: {
        type: Object,
        required: true,
      },
    },
    computed: {
      graph() {
        return this.pipeline.details && this.pipeline.details.stages;
      },
    },
    methods: {
      capitalizeStageName(name) {
        const escapedName = _.escape(name);
        return escapedName.charAt(0).toUpperCase() + escapedName.slice(1);
      },
      isFirstColumn(index) {
        return index === 0;
      },
      stageConnectorClass(index, stage) {
        let className;
  
        // If it's the first stage column and only has one job
        if (index === 0 && stage.groups.length === 1) {
          className = 'no-margin';
        } else if (index > 0) {
          // If it is not the first column
          className = 'left-margin';
        }
  
        return className;
      },
      refreshPipelineGraph() {
        this.$emit('refreshPipelineGraph');
      },
    },
  };
  