<templates>
  <t t-name="o-spreadsheet-ChartLegend">
    <Section class="'pt-0'" title.translate="Legend position">
      <div t-if="!this.props.isDisabled" class="mb-2">
        <Select
          selectedValue="this.props.definition.legendPosition ?? 'top'"
          values="this.legendValues"
          class="'o-chart-legend-position'"
          onChange.bind="this.updateLegendPosition"
        />
      </div>
      <div t-else="" title="No legend available">
        <span class="o-disabled">None</span>
      </div>
    </Section>
  </t>
</templates>
