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: chartjs/Chart.js#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.

chartjs-plugin-annotation/src/annotation.js

Line 111 in 8f43b3c

_fallback: (prop, opts) => `elements.${annotationTypes[resolveType(opts.type)].id}`,

• 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!