@if (!isViewMode()) {
    <div cdkDrag #container class="map-element-container"
         (cdkDragEnded)="onDragEnd($event)"
         (cdkDragMoved)="onDragMove($event)"
         cdkDragBoundary=".map-canvas">
        @if (allowView) {
            <div class="text-center">
                <div
                    [style.height.px]="5"
                    [style.width.px]="width"
                    [style.transform]="'rotate(' + arctan + 'deg)'"
                    [style.z-index]="zIndex"
                    [style.transform-origin]="origin"
                    [ngClass]="background">
                    <span [hidden]="!item()?.show_label">{{ label }}</span>
                </div>
            </div>
        }
    </div>
    @if (!isViewMode()) {
        <p-contextMenu [target]="container" [model]="contextMenuItems"
                       appendTo="body"></p-contextMenu>
    }
} @else {
    <div #container class="map-element-container cursor-normal" [ngClass]="{'cursor-pointer': enablePointerCursor()}">
        @if (allowView) {
            <div class="text-center">
                <div
                    [style.height.px]="5"
                    [style.width.px]="width"
                    [style.transform]="'rotate(' + arctan + 'deg)'"
                    [style.z-index]="zIndex"
                    [style.transform-origin]="origin"
                    [ngClass]="background">
                    <span [hidden]="!item()?.show_label">{{ label }}</span>
                </div>
            </div>
        }
    </div>
}