1) Add native definer to your container:

<div #sharedAxisXRoot id="sharedAxisXRoot"></div>

2) Use Angular's @ViewChild decorator to reference the container element:

@ViewChild("sharedAxisXRoot", { static: true }) sharedAxisXRoot!: ElementRef;

3) In the ngOnInit lifecycle hook, ensure that you're passing the native element from ViewChild to your tool method.

this.root = am5.Root.new(this.sharedAxisXRoot.nativeElement);

OR

this.slider = new KeenSlider(this.sharedAxisXRoot.nativeElement, {});

By doing this, Angular ensures that the container element is properly initialized before any operations are performed, eliminating issues related to the order of execution. This approach prevents errors like getComputedStyle from being called on an undefined or uninitialized element, ensuring smooth initialization.