MudSelectExtended.razor

@namespace MudExtensions
@typeparam T
@inherits MudBaseInputExtended<T>

<CascadingValue Name="SubscribeToParentForm" Value="false" IsFixed="true">
    <CascadingValue Value="@this" IsFixed="true">
        <div class="mud-select-extended" style="@(Disabled ? "pointer-events: none" : null)" id="@_elementId">
            <MudInputControl
                Label="@Label"
                Variant="@Variant"
                HelperId="@GetHelperId()" 
                HelperText="@HelperText"
                HelperTextOnFocus="@HelperTextOnFocus"
                FullWidth="@FullWidth"
                Margin="@Margin"
                Class="@Classname"
                Style="@Style"
                Error="@HasErrors"
                ErrorText="@GetErrorText()"
                ErrorId="@ErrorIdState.Value"
                Disabled="@Disabled"
                @onclick="@ToggleMenu"
                Required="@Required"
                ForId="@InputElementId">
                <InputContent>
                    <MudInputExtended @ref="_elementReference" InputType="InputType.Hidden" Label="@Label"
                                      Class="@InputClassname" Style="@InputStyle" Margin="@Margin" Placeholder="@Placeholder"
                                      Variant="@Variant"
                                      HasAdornmentStart="@(AdornmentStart != null)" HasAdornmentEnd="true"
                                      Value="@(Strict && !IsValueInList ? null : ReadText)" Underline="@Underline"
                                      Disabled="@GetDisabledState()" ReadOnly="true" Error="@ErrorState.Value" ErrorId="@ErrorIdState.Value"
                                      Clearable="@(Clearable && !GetReadOnlyState())" OnClearButtonClick="(async (e) => await SelectClearButtonClickHandlerAsync(e))"
                                      @attributes="UserAttributes" OnBlur="@OnLostFocus" ShrinkLabel="@(AdornmentStart != null || ShrinkLabel)" Typo="@Typo"
                                      ShowVisualiser="true" DataVisualiserStyle="min-height: 1.1876em; padding-right: 0px;">

                        <AdornmentStart>
                            @AdornmentStart
                        </AdornmentStart>

                        <AdornmentEnd>
                            @if (AdornmentEnd != null)
                            {
                                @AdornmentEnd
                            }
                            else
                            {
                                <MudIcon Icon="@_currentIcon" Color="@AdornmentColor" Size="@IconSize" @onclick="OnAdornmentClick" />
                            }
                        </AdornmentEnd>

                        <DataVisualiser>
                            <div class="@TemplateClass" style="overflow: hidden; text-overflow: ellipsis;">
                                @if (Strict && !IsValueInList)
                                {
                                    //Show nothing
                                    <MudText Typo="@Typo" Class="mud-text-secondary mud-placeholder-extended">@Placeholder</MudText>
                                }
                                @if (ValuePresenter == ValuePresenter.Text)
                                {
                                    if (string.IsNullOrEmpty(ReadText))
                                    {
                                        <MudText Typo="@Typo" Class="mud-text-secondary mud-placeholder-extended">@Placeholder</MudText>
                                    }

                                    <MudRender>@GetSelectTextPresenter()</MudRender>
                                }
                                else if (ValuePresenter == ValuePresenter.Chip)
                                {
                                    if (SelectedValues == null || !SelectedValues.Any())
                                    {
                                        <MudText Typo="@Typo" Class="mud-text-secondary mud-placeholder-extended">@Placeholder</MudText>
                                    }
                                    <MudChipSet T="T" Class="@InputChipClassname" AllClosable="ChipCloseable" OnClose="ChipClosed">
                                        @if (ItemCollection != null)
                                        {
                                            foreach (var item in ItemCollection.Where(x => SelectedValues?.Contains(x) == true))
                                            {
                                                <MudChip Class="@ChipClass" Value="@item" Text="@ConvertSet(item)" Color="@Color" Size="@ChipSize" Variant="@ChipVariant" />
                                            }
                                        }
                                        else
                                        {
                                            foreach (var item in Items?.Where(x => SelectedValues?.Contains(x.Value) == true) ?? new List<MudSelectItemExtended<T>>())
                                            {
                                                <MudChip Class="@ChipClass" Value="item.Value" Text="@(string.IsNullOrEmpty(item.Text) ? ConvertSet(item.Value) : item.Text)" Color="@Color" Size="@ChipSize" Variant="@ChipVariant" />
                                            }
                                        }
                                    </MudChipSet>
                                }
                                else if (ValuePresenter == ValuePresenter.ItemContent)
                                {
                                    if (SelectedListItem == null)
                                    {
                                        <MudText Typo="@Typo" Class="mud-text-secondary mud-placeholder-extended">@Placeholder</MudText>

                                    }
                                    else if (ItemTemplate != null)
                                    {
                                        if (SelectedListItem != null && SelectedListItem.Value != null)
                                        {
                                            @ItemTemplate(SelectedListItem)
                                        }
                                        else if (!string.IsNullOrEmpty(Placeholder))
                                        {
                                            <MudText Typo="@Typo" Class="mud-text-secondary mud-placeholder-extended">@Placeholder</MudText>
                                        }
                                    }
                                    else if (SelectedListItem.ChildContent != null)
                                    {
                                        <MudRender>@SelectedListItem.ChildContent</MudRender>
                                    }
                                    else
                                    {
                                        @if (string.IsNullOrEmpty(ReadText))
                                        {
                                            <MudText Typo="@Typo" Class="mud-text-secondary mud-placeholder-extended">@Placeholder</MudText>
                                        }

                                        <MudRender>@GetSelectTextPresenter()</MudRender>
                                    }
                                }
                            </div>

                        </DataVisualiser>

                        <ChildContent>

                        </ChildContent>
                    </MudInputExtended>

                    <MudPopover Open="@_isOpen" MaxHeight="@MaxHeight" AnchorOrigin="@AnchorOrigin" TransformOrigin="@TransformOrigin" Class="@PopoverClass" RelativeWidth="@RelativeWidth">
                        @if (StaticContent != null && !ShowStaticContentAtEnd)
                        {
                            @StaticContent(this)
                        }

                        @if (ItemCollection != null || ChildContent != null)
                        {
                            <CascadingValue Value="@this" IsFixed="true">
                                <MudListExtended @ref="@_list" T="T" @bind-SelectedValue:set="@SetValueCoreAsync" @bind-SelectedValue:get="@ReadValue" Style="@($"overflow-y:auto; max-height: {MaxHeight}px")" @bind-SelectedValues="@SelectedValues" @bind-SelectedItem="@SelectedListItem" @bind-SelectedItems="@SelectedListItems"
                                                 Clickable="true" Color="@Color" Dense="@Dense" ItemCollection="@ItemCollection" Virtualize="@Virtualize" Padding="@EnablePopoverPadding" EnableSelectedItemStyle="@EnableSelectedItemStyle"
                                                 MultiSelection="@MultiSelection" MultiSelectionComponent="@MultiSelectionComponent" MultiSelectionAlign="@MultiSelectionAlign" SelectAll="@SelectAll" SelectAllPosition="@SelectAllPosition" SelectAllText="@SelectAllText"
                                                 CheckedIcon="@CheckedIcon" UncheckedIcon="@UncheckedIcon" IndeterminateIcon="@IndeterminateIcon" SelectValueOnTab="@SelectValueOnTab" Comparer="@Comparer" AddNullItem="@AddNullItem" AddedNullItemText="@AddedNullItemText"
                                                 ItemTemplate="@ItemTemplate" ItemSelectedTemplate="@ItemSelectedTemplate" ItemDisabledTemplate="@ItemDisabledTemplate" SearchBox="@SearchBox" SearchBoxAutoFocus="@SearchBoxAutoFocus" SearchFunc="@SearchFunc" SearchBoxPlaceholder="@SearchBoxPlaceholder"
                                                 SearchBoxClearable="@SearchBoxClearable" SearchBoxVariant="@SearchBoxVariant" SearchBoxAdornment="SearchBoxAdornment" ToStringFunc="@ToStringFunc" OnSearchStringChange="@OnSearchStringChange">
                                    @ChildContent
                                </MudListExtended>
                            </CascadingValue>
                        }
                        

                        @if (StaticContent != null && ShowStaticContentAtEnd)
                        {
                            @StaticContent(this)
                        }
                    </MudPopover>
                </InputContent>
            </MudInputControl>
        </div>

        @*To Be Discussed as Second ShadowItems: Needed to render directly into select to has initial values*@

        <div style="display: none">
            <CascadingValue Value="@this" IsFixed="true">
                <MudListExtended T="T" @bind-SelectedValue:set="@SetValueCoreAsync" @bind-SelectedValue:get="@ReadValue" @bind-SelectedValues="@SelectedValues" @bind-SelectedItem="@SelectedListItem" @bind-SelectedItems="@SelectedListItems"
                                 Clickable="true" Color="@Color" Dense="@Dense" ItemCollection="@ItemCollection" Padding="@EnablePopoverPadding" EnableSelectedItemStyle="@EnableSelectedItemStyle"
                                 MultiSelection="@MultiSelection" MultiSelectionComponent="@MultiSelectionComponent" MultiSelectionAlign="@MultiSelectionAlign" SelectAll="@SelectAll" SelectAllPosition="@SelectAllPosition" SelectAllText="@SelectAllText"
                                 CheckedIcon="@CheckedIcon" UncheckedIcon="@UncheckedIcon" IndeterminateIcon="@IndeterminateIcon" SelectValueOnTab="@SelectValueOnTab" Comparer="@Comparer" AddNullItem="@AddNullItem" AddedNullItemText="@AddedNullItemText"
                                 ItemTemplate="@ItemTemplate" ItemSelectedTemplate="@ItemSelectedTemplate" ItemDisabledTemplate="@ItemDisabledTemplate" SearchBox="@SearchBox" SearchBoxAutoFocus="@SearchBoxAutoFocus" SearchFunc="@SearchFunc" SearchBoxPlaceholder="@SearchBoxPlaceholder"
                                 SearchBoxClearable="@SearchBoxClearable" SearchBoxVariant="@SearchBoxVariant" SearchBoxAdornment="SearchBoxAdornment" ToStringFunc="@ToStringFunc" OnSearchStringChange="@OnSearchStringChange">
                    @ChildContent
                </MudListExtended>
            </CascadingValue>
        </div>
    </CascadingValue>

    <CascadingValue Value="@((IMudShadowSelectExtended)this)" IsFixed="true">
        <CascadingValue Name="HideContent" Value="true">
            @ChildContent
        </CascadingValue>
    </CascadingValue>
</CascadingValue>

<!-- mousedown instead of click needed to close the menu before OnLostFocus runs -->
<MudOverlay Visible="_isOpen" @onmousedown="@(() => CloseMenu())" Modal="@GetModal()" AutoClose="@(!GetModal())" OnClosed="@(() => CloseMenu())" LockScroll="@LockScroll" />