Annotations broken when using array syntax

[elitastic]

When writing annotations in array syntax, I get the following error (since version 1.2.0):

Cannot read properties of undefined (reading 'borderCapStyle')

Reproduction:

• go to https://www.chartjs.org/chartjs-plugin-annotation/latest/samples/label/basic.html
• change the code like this:

from

annotation: {
  annotations: {
    annotation1,
    annotation2,
    annotation3
  }
}

to

annotation: {
  annotations: [
    annotation1,
    annotation2,
    annotation3
  ]
}

[kurkle]

Fixed by: https://github.com/chartjs/Chart.js/pull/9969 (not released yet)

I think this only affects the new types.

Edit: some explanation

• the element type can not be resolved in the array format for the defaults, because of the chart.js bug.

https://github.com/chartjs/chartjs-plugin-annotation/blob/8f43b3c95318303080c9bfbcebecbfdfa902fc7b/src/annotation.js#L111

• so the line annotation defaults are used instead. Those defaults do not have font or callout. So those are undefined. => undefined is added to the proxy _scopes array, and the error happens when an option is read that would fallback to the element defaults (and is not found in the line defaults).

[elitastic]

Thanks for your help!