Member Junction
    Preparing search index...

    Class MjSlidePanelComponent

    Generic slide-in / centered-dialog panel primitive.

    • Mode='slide' → slides in from the right edge, full viewport height, optionally resizable.
    • Mode='dialog' → centered modal card.

    Pure chrome: it owns the backdrop, open/close animation, resize handle, optional title bar, and content projection. It performs no data work and has no routing. Consumers project their content and handle Save/close via the projected UI and the Closed output.

    <mj-slide-panel [Visible]="open" Title="Details" (Closed)="open = false">
      <my-content></my-content>
    </mj-slide-panel>

    Implements

    • OnInit
    • OnDestroy
    Index

    Constructors

    constructor

    Properties

    CanClose Closed IsVisible MaxWidthRatio MinWidthPx Mode Resizable Title WidthChanged

    Accessors

    Visible WidthPx

    Methods

    ngOnDestroy ngOnInit OnBackdropClick OnClose OnEscapeKey OnResizeStart

    Constructors

    Properties

    CanClose: (() => boolean) | null = null

    Optional guard called before any close gesture (X button, backdrop click, Escape). Return false to cancel the close — e.g., when an in-progress operation is running. The panel itself never shows a dialog; the consumer is responsible for any confirmation UI.

    Closed: EventEmitter<void> = ...
    IsVisible: boolean = false
    MaxWidthRatio: number = 0.92
    MinWidthPx: number = 400
    Mode: SlidePanelMode = 'slide'
    Resizable: boolean = true
    Title: string = ''
    WidthChanged: EventEmitter<number> = ...

    Accessors

    Methods

    • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods