[BUG] Cannot find name 'OffscreenCanvas' in new project

[lcersly]

• I have written a good issue

Describe the bug

Installing Kirby design breaks angular build.

Describe how to reproduce the bug

1. npx @angular/cli@13 new kirby-project
2. cd kirby-project
3. npm i @kirbydesign/designsystem
4. Import KirbyModule under imports in app.module.ts
5. ng serve

Which Kirby version was used?

7.0.1

What was the expected behavior?

Build succeeded

Add any screenshots

Please complete the following information:

• OS: Windows

Are there any additional context?

It seems to be caused by an old version of chart.js

---

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Verification

To make sure the bug is not intended behaviour; it should be verified by a member of team Kirby before moving on to implementation.

• Make sure the NOT verified label has been removed by a member of team Kirby; do not proceed until this is done

Implementation

The contributor who wants to implement this issue should:

• Make sure you have read: "Before you get coding".
• Signal to others you are working on the issue by assigning yourself.
• Create a branch from the develop branch following our branch naming convention.
• Create a test that reproduces the bug following guidelines in: "The good: Test".
• Write code to fix the bug

Review

Once the issue has been implemented and is ready for review:

• Do a self-review.
• Create a pull-request.

[RasmusKjeldgaard]

Thank you for reporting this, we need to fix that asap.

Until then a (less than ideal) workaround is to add "skipLibCheck": true to your tsconfig compiler options.

[RasmusKjeldgaard]

Just adding to this: As already mentioned in the original issue, this should be fixed by updating Chart.js. More specifically to version 3.6 or later

[RasmusKjeldgaard]

When bumping chart.js, remember to remove the "skipLibCheck": true flag from our tsconfigs so this does not happen again.