Class MJLeftNavContentComponent

<mj-left-nav-content> — Content pane paired with <mj-left-nav>.

Sits to the right of <mj-left-nav> inside <mj-page-body [Flex]="true" Direction="row"> and holds the active section's content. Provides the standard layout box (flex: 1, page background, vertical overflow control) plus built-in [Loading] / [Error] states so each shell doesn't reinvent them.

Projected content stays attached but hides via CSS when loading or errored — matches the cached-component pattern used by admin shells where dynamically loaded sub-pages should retain their state across section switches.

Example

<mj-page-body [Flex]="true" [Padding]="false" Direction="row">
  <mj-left-nav [Sections]="NavSections" [ActiveId]="ActiveSection"
               (ItemClicked)="OnNavItemClicked($event)" />
  <mj-left-nav-content [Loading]="IsLoading" [Error]="LoadError">
    <ng-container #contentHost></ng-container>
  </mj-left-nav-content>
</mj-page-body>
Copy

Replaces the bespoke .{shell}-container__content + .{shell}-container__host

• .{shell}-container__loading + .{shell}-container__error pattern that every left-nav shell used to declare independently.