import { ChangeDetectorRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
import { Stateful } from '@canvasgfx/stateful';
import { Observable } from 'rxjs';
import { InternalPanel, InternalPanels } from '../../internal/types/internal-panels';
import { LayoutEvent } from '../layout-events/layout-events';
import { LayoutConfig } from '../types/layout-config';
import { LayoutDock } from '../types/layout-dock';
import { PanelConfig } from '../types/panel-config';
import { PanelContext } from '../types/panel-context';
export interface LayoutModel {
    animation: string;
    center: TemplateRef<PanelContext> | null;
    panels: InternalPanels;
}
export declare class LayoutComponent extends Stateful<LayoutModel> implements OnInit {
    private readonly _change;
    animation$: Observable<string>;
    center$: Observable<TemplateRef<PanelContext> | null>;
    events: EventEmitter<LayoutEvent>;
    panels$: Observable<InternalPanels>;
    private _nextId;
    constructor(_change: ChangeDetectorRef);
    set config(config: LayoutConfig);
    dispatch(event: LayoutEvent): void;
    ngOnInit(): void;
    panel(id: number): InternalPanel;
    panelAdd(dock: LayoutDock, template: TemplateRef<PanelContext>, config: PanelConfig): number;
    panelRemove(id: number): void;
    panelUpdate(id: number, panel: Partial<InternalPanel>): void;
    setCenter(center: TemplateRef<PanelContext>): void;
    private _panelsReduce;
}