MudWheel.razor

@namespace MudExtensions
@typeparam T
@inherits MudBaseInput<T>
@using MudExtensions.Utilities

<div class="@Classname" @onmouseenter="@(() => ScrollManager.LockScrollAsync() )" @onmouseleave="@(() => ScrollManager.UnlockScrollAsync())" @onclick:stopPropagation>
    @if (!string.IsNullOrEmpty(Label))
    {
        <MudText Align="Align.Center" Color="@Color">@Label</MudText>
    }
    <MudSwipeArea Class="@InnerClassname" Style="@GetStylename()" Sensitivity="@Sensitivity" OnSwipeEnd="HandleOnSwipe" @onwheel="HandleOnWheel" PreventDefault="true">

        @if (true)
        {
            int index = GetIndex();
            for (int i = WheelLevel + 1; 0 < i; i--)
            {
                int a = i;
                if (0 <= index - a)
                {
                    <div class="@OuterItemClassname(index - a)" @onclick="@(async() => await ChangeWheel(-a))">
                        <MudText Typo="@(Dense ? Typo.body1 : Typo.h6)">@(ToStringFunc != null ? ToStringFunc(ItemCollection[index - a]) : ConvertSet(ItemCollection[index - a]))</MudText>
                    </div>
                }
                else
                {
                    <div class="@EmptyItemClassname" />
                }
            }

            <span class="@BorderClassname" />

            <div class="@MiddleItemClassname">
                <MudText Class="@($"mud-wheel-ani-{_animateGuid} my-2)")" Typo="@(Dense ? Typo.body1 : Typo.h6)" Color="@Color" Style="font-weight: 900">@(ToStringFunc != null ? ToStringFunc(ItemCollection[index]) : ConvertSet(ItemCollection[index]))</MudText>
            </div>

            <div class="@BorderClassname" />

            for (int i = 1; i < WheelLevel + 2; i++)
            {
                int a = i;
                if (index + a < ItemCollection?.Count)
                {
                    <div class="@OuterItemClassname(index + a)" @onclick="@(async() => await ChangeWheel(a))">
                        <MudText Typo="@(Dense ? Typo.body1 : Typo.h6)">@(ToStringFunc != null ? ToStringFunc(ItemCollection[index + a]) : ConvertSet(ItemCollection[index + a]))</MudText>
                    </div>
                }
                else
                {
                    <div class="@EmptyItemClassname" />
                }
            }
        }
    </MudSwipeArea>
</div>

<MudAnimate @ref="_animate" Selector="@($".mud-wheel-ani-{_animateGuid}")" AnimationType="AnimationType.SlideY" Duration="0.3" Value="0" ValueSecondary="_animateValue" AnimationTiming="AnimationTiming.Ease" />