Class DevAppLayout

src/dev-app/dev-app/dev-app-layout.ts:49–247

  ],
})
export class DevAppLayout {
  private _element = inject<ElementRef<HTMLElement>>(ElementRef);
  private _rippleOptions = inject(DevAppRippleOptions);
  private _dir = inject(Directionality) as DevAppDirectionality;
  private _changeDetectorRef = inject(ChangeDetectorRef);
  private _document = inject(DOCUMENT);
  private _iconRegistry = inject(MatIconRegistry);
  private _route = inject(ActivatedRoute);

  state = getAppState();
  testMode: Observable<boolean>;
  navItems = [
    {name: 'Examples', route: '/examples'},
    {name: 'CDK Dialog', route: '/cdk-dialog'},
    {name: 'Aria Accordion', route: '/aria-accordion'},
    {name: 'Aria Autocomplete', route: '/aria-autocomplete'},
    {name: 'Aria Combobox', route: '/aria-combobox'},
    {name: 'Aria Grid', route: '/aria-grid'},
    {name: 'Aria Listbox', route: '/aria-listbox'},
    {name: 'Aria Menu', route: '/aria-menu'},
    {name: 'Aria Menubar', route: '/aria-menubar'},
    {name: 'Aria Tabs', route: '/aria-tabs'},
    {name: 'Aria Toolbar', route: '/aria-toolbar'},
    {name: 'Aria Tree', route: '/aria-tree'},
    {name: 'CDK Listbox', route: '/cdk-listbox'},
    {name: 'CDK Menu', route: '/cdk-menu'},
    {name: 'Autocomplete', route: '/autocomplete'},
    {name: 'Badge', route: '/badge'},
    {name: 'Bottom Sheet', route: '/bottom-sheet'},
    {name: 'Button Toggle', route: '/button-toggle'},
    {name: 'Button', route: '/button'},
    {name: 'Card', route: '/card'},
    {name: 'Checkbox', route: '/checkbox'},
    {name: 'Chips', route: '/chips'},
    {name: 'Clipboard', route: '/clipboard'},
    {name: 'Column Resize', route: 'column-resize'},
    {name: 'Connected Overlay', route: '/connected-overlay'},
    {name: 'Datepicker', route: '/datepicker'},
    {name: 'Dialog', route: '/dialog'},
    {name: 'Drag and Drop', route: '/drag-drop'},
    {name: 'Drawer', route: '/drawer'},
    {name: 'Expansion Panel', route: '/expansion'},
    {name: 'Focus Origin', route: '/focus-origin'},
    {name: 'Focus Trap', route: '/focus-trap'},
    {name: 'Google Map', route: '/google-map'},
    {name: 'Grid List', route: '/grid-list'},
    {name: 'Icon', route: '/icon'},
    {name: 'Input Modality', route: '/input-modality'},
    {name: 'Input', route: '/input'},
    {name: 'Layout', route: '/layout'},
    {name: 'List', route: '/list'},
    {name: 'Live Announcer', route: '/live-announcer'},
    {name: 'Menu', route: '/menu'},
    {name: 'Menubar', route: '/menubar'},
    {name: 'Paginator', route: '/paginator'},
    {name: 'Platform', route: '/platform'},
    {name: 'Popover Edit', route: '/popover-edit'},
    {name: 'Portal', route: '/portal'},