Inconsistent URL Parsing in resolveColor function affecting SVG Strokes

[nileshbhagwat]

Description: There is an issue in the resolveColor function within round-progress.service.ts. When this function processes URLs with auxiliary routes for SVG strokes using [style.stroke]="resolveColor(...)", the URLs are not being interpreted correctly.

Expected Behavior: SVG strokes should be consistently displayed when their URLs contain auxiliary routes.

Actual Behavior: The SVG stroke fails to render when the resolveColor function processes and returns a URL with auxiliary routes.

Suggested Fix: We should update the resolveColor function to enclose URLs in double quotes.

For instance, alter the URL pattern

• FROM: url(https://domain/app(aux:route)#svgRefId)
• TO: url("https://domain/app(aux:route)#svgRefId")

Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/url

[nileshbhagwat]

Closing the issue, as it appears the app can accommodate URL specifications as needed.