@using LiMan.UI.Components
@using LiMan.UI.Data
@inject MessageService MessageService

<div class="@ExtCss">
    <input @bind-value="searchVal" @bind-value:event="oninput" type="text" class="form-control" title="Campo Ricerca" placeholder="Ricerca [ALT-R]" accesskey="R" />
    <button @onclick="reset" class="btn btn-success input-group-text">reset</button>
</div>

@code {

    [Parameter]
    public EventCallback<string> searchUpdated { get; set; }

    [Parameter]
    public string searchVal
    {
        get
        {
            return MessageService.SearchVal;
        }
        set
        {
            MessageService.SearchVal = value;
            reportChange();
        }
    }


    [Parameter]
    public string ExtCss
    {
        get => extCss;
        set => extCss = value;
    }

    private void reportChange()
    {
        searchUpdated.InvokeAsync(searchVal);
    }

    private void reset()
    {
        searchVal = "";
    }

    private string extCss = "input-group input-group-sm";

}