21 lines
889 B
TypeScript
21 lines
889 B
TypeScript
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
import { RouterOutlet } from '@angular/router';
|
|
import { NavRailComponent } from '../nav-rail/nav-rail.component';
|
|
import { BottomNavComponent } from '../bottom-nav/bottom-nav.component';
|
|
import { HeaderBarComponent } from '../header-bar/header-bar.component';
|
|
|
|
/**
|
|
* Layout Shell — wraps the main content area with adaptive navigation.
|
|
* Desktop/Kiosk: Nav Rail (left) + Header + Content
|
|
* Mobile: Header + Content + Bottom Nav
|
|
* Per spec Section 3.1 (kiosk) and 3.2 (mobile).
|
|
*/
|
|
@Component({
|
|
selector: 'app-layout-shell',
|
|
standalone: true,
|
|
imports: [RouterOutlet, NavRailComponent, BottomNavComponent, HeaderBarComponent],
|
|
templateUrl: './layout-shell.component.html',
|
|
styleUrl: './layout-shell.component.scss',
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
})
|
|
export class LayoutShellComponent {} |