Member Junction
    Preparing search index...

    Class MjSectionManagerComponent

    Slide-in drawer for managing section order.

    Provides an accessible, keyboard-friendly alternative to drag-and-drop for reordering form sections. Each section is displayed as a row with up/down arrow buttons to change position.

    <mj-section-manager
      [Sections]="sectionList"
      [SectionOrder]="currentOrder"
      [Visible]="showDrawer"
      (SectionOrderChange)="onOrderChange($event)"
      (Closed)="showDrawer = false">
    </mj-section-manager>

    Implements

    • OnChanges
    Index

    Constructors

    constructor

    Properties

    Closed OrderedSections ResetRequested SectionOrder SectionOrderChange Sections Visible

    Methods

    GetVariantIcon GetVariantLabel ngOnChanges OnClose OnMoveDown OnMoveUp OnOverlayClick OnReset

    Constructors

    Properties

    Closed: EventEmitter<void> = ...

    Emits when the drawer is closed

    OrderedSections: SectionManagerItem[] = []

    Ordered list of sections for display

    ResetRequested: EventEmitter<void> = ...

    Emits when the user resets to default order

    SectionOrder: string[] = []

    Current section order (array of section keys)

    SectionOrderChange: EventEmitter<string[]> = ...

    Emits the new section order when the user reorders

    Sections: SectionManagerItem[] = []

    All available sections (unordered)

    Visible: boolean = false

    Whether the drawer is visible

    Methods

    • A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

      Parameters

      • changes: { [propName: string]: SimpleChange<any> }

        The changed properties.

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods