@foreach (var position in positions) { @position }

@position

``` ```csharp private static readonly BitPosition[] positions = [ BitPosition.TopStart, BitPosition.TopCenter, BitPosition.TopEnd, BitPosition.CenterStart, BitPosition.Center, BitPosition.CenterEnd, BitPosition.BottomStart, BitPosition.BottomCenter, BitPosition.BottomEnd, ]; private bool positionIsOpen; private BitPosition position = BitPosition.Center; private void OpenAt(BitPosition value) { position = value; positionIsOpen = true; } ``` \n**Dismissal**: ```razor

Show Overlay

Try to close me

Click the dimmed layer, press Escape, or select this text and release outside the box. Clicks in here are the content's own.

Clicked @dismissalClicks time(s) Close

``` ```csharp private bool dismissalIsOpen; private bool dismissalBlocking; private bool dismissalNoEscape; private int dismissalClicks; ``` \n**AbsolutePosition**: ```razor Load

Report

Export

``` ```csharp private bool absoluteIsOpen; private async Task LoadReport() { if (absoluteIsOpen) return; absoluteIsOpen = true; await Task.Delay(3000); absoluteIsOpen = false; } ``` \n**Scroll lock**: ```razor Lock the page Cover the box, keep it scrolling Cover the box, lock it

Try to scroll the page.

The box still scrolls behind me.

The box is locked.

@for (int i = 1; i <= 20; i++) {

Line @i of the scrolling box.

}

``` ```csharp private bool pageLockIsOpen; private bool boxScrollIsOpen; private bool boxLockIsOpen; ``` \n**Events**: ```razor Show Overlay

Clicked @eventsClicks time(s). Closes on the third click.

Opened @eventsOpened time(s), closed @eventsClosed time(s).

``` ```csharp private bool eventsIsOpen; private int eventsClicks; private int eventsOpened; private int eventsClosed; private void HandleOverlayClick(MouseEventArgs e) { if (++eventsClicks >= 3) { eventsIsOpen = false; } } private void HandleOverlayOpen() { eventsClicks = 0; eventsOpened++; } private void HandleOverlayClose() => eventsClosed++; ``` \n**Programmatic control**: ```razor Open for 3 seconds

Opened by Open() and closed by Close() - or by a click, or Escape.

``` ```csharp private BitOverlay overlayRef = default!; private int openCount; private async Task OpenAndCloseLater() { var current = ++openCount; await overlayRef.Open(); await Task.Delay(3000); if (current == openCount) { await overlayRef.Close(); } } ``` \n**Cascading parameters**: ```razor Takes the cascade Its own position

Dimmed and centered - both from BitParams.

My own Position, the rest from BitParams.

``` ```csharp private bool cascadedIsOpen; private bool cascadedOwnIsOpen; private readonly BitOverlayParams[] overlayParams = [ new() { ModeFull = true, Position = BitPosition.Center } ]; ``` \n**Style & Class**: ```razor Style Class CSS variables

Tint, blur, padding and a slower fade all come from variables.

``` ```csharp private bool styleIsOpen; private bool classIsOpen; private bool cssVarsIsOpen; ``` \n**RTL**: ```razor نمایش روکش

روزی روزگاری، داستان‌ها میان مردم پیوند می‌ساختند؛ هم‌نوایی صداهایی که رویاهای مشترک می‌آفریدند.

``` ```csharp private bool rtlIsOpen; ```