import { QueryList, ElementRef, ChangeDetectorRef, TemplateRef, EventEmitter } from '@angular/core';
import { NgStyleInterface } from '@ui-vts-kit/ng-vts/core/types';
import { VtsSplitterItemDirective } from './splitter-item.directive';
import * as i0 from "@angular/core";
export declare class VtsSplitterComponent {
    cd: ChangeDetectorRef;
    private el;
    vtsStyle: NgStyleInterface | null;
    vtsStyleClass: string;
    vtsPanelStyleClass: string;
    vtsPanelStyle: NgStyleInterface | null;
    vtsStateStorage: string;
    vtsStateKey: string | null;
    vtsLayout: string;
    vtsGutterSize: number;
    vtsMinSizes: number[];
    vtsOnResizeEnd: EventEmitter<any>;
    vtsOnResizeStart: EventEmitter<any>;
    templates: QueryList<VtsSplitterItemDirective>;
    containerViewChild: ElementRef;
    get vtsPanelSizes(): number[];
    set vtsPanelSizes(val: number[]);
    nested: boolean;
    panels: TemplateRef<any>[];
    dragging: boolean;
    mouseMoveListener: ((e: MouseEvent) => any) | null;
    mouseUpListener: ((e: MouseEvent) => any) | null;
    touchMoveListener: ((e: TouchEvent) => any) | null;
    touchEndListener: ((e: TouchEvent) => any) | null;
    size: number | null;
    gutterElement: HTMLElement | null;
    startPos: number | null;
    prevPanelElement: HTMLElement | null;
    nextPanelElement: HTMLElement | null;
    nextPanelSize: number | null;
    prevPanelSize: number | null;
    _panelSizes: number[];
    prevPanelIndex: number | null;
    isResizing: boolean;
    constructor(cd: ChangeDetectorRef, el: ElementRef);
    ngOnInit(): void;
    ngAfterContentInit(): void;
    ngAfterViewInit(): void;
    resizeStart(event: Partial<MouseEvent & TouchEvent>, index: number): void;
    onResize(event: Partial<MouseEvent & TouchEvent>): void;
    resizeEnd(event: Partial<MouseEvent & TouchEvent>): void;
    onGutterMouseDown(event: MouseEvent, index: number): void;
    onGutterTouchStart(event: TouchEvent, index: number): void;
    onGutterTouchEnd(event: TouchEvent): void;
    validateResize(newPrevPanelSize: number, newNextPanelSize: number): boolean;
    bindMouseListeners(): void;
    bindTouchListeners(): void;
    unbindMouseListeners(): void;
    unbindTouchListeners(): void;
    clear(): void;
    isNested(): boolean;
    isStateful(): boolean;
    getStorage(): Storage;
    saveState(): void;
    restoreState(): boolean;
    containerClass(): {
        'vts-splitter': boolean;
        'vts-splitter-horizontal': boolean;
        'vts-splitter-vertical': boolean;
    };
    panelContainerClass(): {
        'vts-splitter-panel': boolean;
        'vts-splitter-panel-nested': boolean;
    };
    gutterStyle(): {
        width: string;
        height?: undefined;
    } | {
        height: string;
        width?: undefined;
    };
    horizontal(): boolean;
    getHeight(el: HTMLElement): number;
    getWidth(el: HTMLElement): number;
    getOuterWidth(el: HTMLElement, margin?: boolean): number;
    getOuterHeight(el: HTMLElement, margin?: boolean): number;
    static ɵfac: i0.ɵɵFactoryDeclaration<VtsSplitterComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<VtsSplitterComponent, "vts-splitter", never, { "vtsStyle": { "alias": "vtsStyle"; "required": false; }; "vtsStyleClass": { "alias": "vtsStyleClass"; "required": false; }; "vtsPanelStyleClass": { "alias": "vtsPanelStyleClass"; "required": false; }; "vtsPanelStyle": { "alias": "vtsPanelStyle"; "required": false; }; "vtsStateStorage": { "alias": "vtsStateStorage"; "required": false; }; "vtsStateKey": { "alias": "vtsStateKey"; "required": false; }; "vtsLayout": { "alias": "vtsLayout"; "required": false; }; "vtsGutterSize": { "alias": "vtsGutterSize"; "required": false; }; "vtsMinSizes": { "alias": "vtsMinSizes"; "required": false; }; "vtsPanelSizes": { "alias": "vtsPanelSizes"; "required": false; }; }, { "vtsOnResizeEnd": "vtsOnResizeEnd"; "vtsOnResizeStart": "vtsOnResizeStart"; }, ["templates"], never, false, never>;
}