Map Attribution Box and Navigator Controls are Misplaced

[zhpenkov]

Public item: 1686665

Describe the bug
The Map attribution box is misplaced when the component is used with a kendo-theme, and without the CSS Utilities.

To reproduce
Steps to reproduce the behavior:

1. Go to 'https://blazorrepl.telerik.com/czOQPmbw10LWje2e38'
2. See 'attributions' label is not position in the right corner

Expected behavior
The 'attributions' label should be positioned in the bottom right corner.
Screenshots

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery
• Kendo UI for Angular
• Kendo UI for React
• Kendo UI for Vue
• Telerik UI for Blazor

Affected browsers (please remove the unneeded items)

• Not Applicable

Build system information (please remove the unneeded items)

• Not Applicable

Additional context
The 'attributions' label is misplaced as the Map component does not carry its layout-placement utility styles.
A possible approach to resolving this is to include the layout-placement styles in the Map component or to add the proper position styles to the Map component (requires rendering changes).

[dimodi]

Please note that the Map Navigator's position can also be configured, which currently doesn't work either:

<TelerikMap>
    <MapControls>
        <MapControlsNavigator Position="@MapControlsPosition.BottomRight" />
        <MapControlsAttribution Position="@MapControlsPosition.BottomLeft" />
    </MapControls>
    <MapLayers>
        <MapLayer Type="@MapLayersType.Tile"
                  Attribution="@LayerAttribution"
                  Subdomains="@LayerSubdomains"
                  UrlTemplate="@LayerUrlTemplate">
        </MapLayer>
    </MapLayers>
</TelerikMap>

@code {
    private readonly string[] LayerSubdomains = new string[] { "a", "b", "c" };
    private string LayerUrlTemplate { get; set; } = "https://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png";
    private const string LayerAttribution = "&copy; <a href='https://osm.org/copyright'>OpenStreetMap contributors</a>";
}