import { ElementRef, OnInit, Renderer2 } from '@angular/core';
import { CacheService } from '../../core/cache.service';
import { ResizableBase } from './resizable-base';
import * as i0 from "@angular/core";
/**
 * Make an element resizable horizontally by wrapping it in the ResizableComponent.
 * Default widths / limits are applied but you can optionally override them
 * with min-width and max-width with style attributes
 * @example
 * <ec-resizable [style.width.px]="200"
 *               [style.min-width.px]="75"
 *               [style.max-width.px]="300">
 *    <div> ... </div>
 * </ec-resizable>
 */
export declare class ResizableComponent extends ResizableBase implements OnInit {
    private el;
    constructor(el: ElementRef, renderer: Renderer2, cacheService: CacheService, document: Document);
    /** Store the host element to reference later */
    ngOnInit(): void;
    /**
     * Set the new width of the element and emit the new width to subscribers
     */
    protected setWidth(width: number): void;
    /**Called from the base class when cached widths are available and restoring
     * width is enabled. We only care about the first one because we only have one width
     */
    protected restoreWidths(widths: number[]): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ResizableComponent, "ec-resizable", never, {}, {}, never, ["*"], false, never>;
}
