import { ElementRef, Renderer2, AfterViewInit, OnDestroy } from '@angular/core';
import * as i0 from "@angular/core";
/**
 * Directive that injects an expand/collapse toggle button into elements
 * with the `.layout-main` class. The button is only visible on screens
 * wider than 1400px (where the max-width constraint is active).
 *
 * When expanded, the element gets `max-width: 100%` removing the 1400px cap.
 * The user preference is persisted in localStorage.
 *
 * Usage:
 *   Just import the directive in your standalone component or module.
 *   It auto-applies to any element with class `.layout-main`.
 *
 *   ```ts
 *   imports: [LayoutExpandDirective]
 *   ```
 */
export declare class LayoutExpandDirective implements AfterViewInit, OnDestroy {
    private el;
    private renderer;
    private button;
    private styleEl;
    private expanded;
    constructor(el: ElementRef<HTMLElement>, renderer: Renderer2);
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    private toggle;
    private applyState;
    private createButton;
    private injectStyles;
    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutExpandDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutExpandDirective, ".layout-main", never, {}, {}, never, never, true, never>;
}
