@page "/uitest"
@* @attribute [StreamRendering] *@
@rendermode InteractiveServer

<PageTitle>UI test</PageTitle>

<div class="row">
    <div class="col-12">
        <CascadingValue Value="isLoading" Name="CurrLoading">
            <div class="row">
                <div class="col-12 ">
                    <Test.UI.Components.Compo.ChildObj Name="A" CssClass="bg bg-primary" Message="BLOCK A - SVG" LoadPar="loadSvg"></Test.UI.Components.Compo.ChildObj>
                </div>
                <div class="col-6">
                    <Test.UI.Components.Compo.ChildNoLoad Name="B" CssClass="bg bg-secondary" Message="BLOCK B (multi)"></Test.UI.Components.Compo.ChildNoLoad>
                </div>
                <div class="col-6">
                    <Test.UI.Components.Compo.ChildObj Name="C" CssClass="bg bg-primary" Message="BLOCK C - Shape" LoadPar="loadShape"></Test.UI.Components.Compo.ChildObj>
                </div>
            </div>
        </CascadingValue>
    </div>
    <div class="col-6">
        <button class="btn btn-success btn-lg w-100" @onclick="DoReload">Reload!</button>
    </div>
    <div class="col-6">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" @bind="loadPng">
            <label class="form-check-label">Reload PNG</label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" @bind="loadSvg">
            <label class="form-check-label">Reload SVG</label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" @bind="loadShape">
            <label class="form-check-label">Reload SHAPE</label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" @bind="loadHwOpt">
            <label class="form-check-label">Reload HW OPT</label>
        </div>
    </div>
    <div class="col-12">
        @if (isLoading.Count > 0)
        {
            <EgwCoreLib.Razor.LoadingData DisplayMode="EgwCoreLib.Razor.LoadingData.SpinMode.BounceLine" Title="@($"...wating {delay}ms")"></EgwCoreLib.Razor.LoadingData>
        }
    </div>
</div>