igx-data-chart memory leak when there are two or more charts with the same sync channel

[jsakamotoIGJP]

When two or more igx-data-chart components on a page are combined with the same sync channel, a memory leak occurs after leaving that page.

Steps to reproduce

1. Open the browser's Dev Tools / Memory tab.
2. Take the 1st memory snapshot (don't forget to click the "Collect garbage" button before taking.)
3. Just navigate to the page with two igx-data-chart components combined with the same sync channel.
4. Go back to the home page.
5. Take the 2nd memory snapshot (remember to click the "Collect garbage" button before taking it).
6. In the Dev Tools Memory tab, Choose "Comparison" in the "Perspective" dropdown and input "igx" into the "Class filter" text field.

https://github.com/IgniteUI/igniteui-angular/assets/102948935/aa518e69-6953-4ac9-8b0f-6c78a1d980e8

Result

You will see there are some objects with the name "igx" that were added but not deleted in the "Comparison" view of the Memory tab.

Expected result

The "Delta" column for all objects with the name "igx" should be zero in the "Comparison" view of the Memory tab.

Attachments

📦c-00235192-ng-app1-v17.1.4 (3).zip