text: export const rendererSpecificSettings = {
    //ID settings
      id_col: 'USUBJID',
      id_unit: 'participant',
      id_characteristics: null,
  
    //Event settings
      event_col: 'DOMAIN',
      event_types: null,
      event_highlighted: null,
      event_highlight_color: 'black',
      event_symbols: null,
  
    //Filter settings
      filters: null,
  
    //Grouping settings
      groupings: null,
      grouping_initial: null,
      grouping_direction: 'horizontal',
  
    //Timing settings
      time_scale: 'Date',
  
        //Date settings
          stdt_col: 'STDT',
          endt_col: 'ENDT',
          date_range: null,
          date_ranges: null,
          date_format: '%Y-%m-%d',
          date_display_format: '%b %y', // sync in syncSettings()
  
        //Day settings
          stdy_col: 'STDY',
          endy_col: 'ENDY',
          day_range: null,
          day_ranges: null,
  
    //Miscellaneous settings
      seq_col: 'SEQ',
      ongo_col: 'ONGO',
      ongo_val: 'Y',
      tooltip_col: 'TOOLTIP',
      offset_col: null,
      reference_lines: null,
      mark_thickness: 6,
      transpose_data: false,
  
    //Listing settings
      details: null,
      details_config: null
  }
  
  export const webchartsSettings = {
      x: {
          type: null, // set in syncSettings()
          column: 'wc_value',
          label: null, // set in syncSettings()
          format: null // set in syncSettings()
      },
      y: {
          type: 'ordinal',
          column: null, // set in syncSettings()
          label: null, // set in syncSettings()
          sort: 'By Earliest Event',
          behavior: 'flex',
          grouping: null // set in syncSettings()
      },
      marks: [
          {
              type: 'line',
              per: null, // set in syncSettings()
              tooltip: null, // set in syncSettings()
              attributes: {
                  'stroke-width': null, // set in syncSettings()
              }
          },
          {
              type: 'circle',
              per: null, // set in syncSettings()
              tooltip: null, // set in syncSettings()
              radius: null, // set in syncSettings()
              attributes: {
                  'stroke-width': null, // set in syncSettings()
              }
          }
      ],
      colors: [
          '#1b9e77',
          '#d95f02',
          '#7570b3',
          '#a6cee3',
          '#1f78b4',
          '#b2df8a',
          '#66c2a5',
          '#fc8d62',
          '#8da0cb'
      ],
      color_dom: null, // set in syncSettings()
      legend: {
          location: 'top',
          label: 'Event Type',
          order: null, // set in syncSettings()
          mark: 'circle'
      },
      range_band: 35,
      margin: {
          top: 60,
          right: 40
      }, // for second x-axis
      resizable: false // can't be resizable so the multiples aren't overlapped by their titles
  };
  
  export default Object.assign({}, rendererSpecificSettings, webchartsSettings);
  