fj-dialog
The panel that overlaps. ELEV-1's third level, and the first component in the system that earns a shadow.
rest
with actions and a foot
The panel's own slots. The dialog draws no close control, because the word on it is the caller's.
untitled
No title, no head, and no accessible name either: a dialog worth opening is worth naming.
wide
--fj-dialog-width is the one geometry the component owns, and the one thing a call site sets.
long
A modal is capped at the viewport by the UA and scrolls; here the stage is what bounds it.
rest
with actions and a foot
The panel's own slots. The dialog draws no close control, because the word on it is the caller's.
untitled
No title, no head, and no accessible name either: a dialog worth opening is worth naming.
wide
--fj-dialog-width is the one geometry the component owns, and the one thing a call site sets.
long
A modal is capped at the viewport by the UA and scrolls; here the stage is what bounds it.
open, in the top layer
The real thing: showModal(), no script. The invoker API opens and closes it, the UA supplies the focus trap and the Escape close, and ::backdrop is where --fj-scrim is painted.