import { AfterContentInit, ElementRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
import * as i0 from "@angular/core";
/**
 * Grid item component
 *
 * Merely a wrapper for CSS Grid items, accepting item style as input parameters.
 */
export declare class GraniteGridItemComponent implements OnChanges {
    private element;
    private renderer;
    columnStart: number;
    columnEnd: number;
    rowStart: number;
    rowEnd: number;
    constructor(element: ElementRef<HTMLElement>, renderer: Renderer2);
    ngOnChanges(): void;
    /**
     * Update element styles
     */
    updateStyles(): void;
    /**
     * Sets the element style. Needs to be set manually to avoid "Changed after
     * checked" errors that would occur with HostBinding.
     */
    private setStyle;
    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteGridItemComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteGridItemComponent, "granite-grid-item", never, { "columnStart": { "alias": "columnStart"; "required": false; }; "columnEnd": { "alias": "columnEnd"; "required": false; }; "rowStart": { "alias": "rowStart"; "required": false; }; "rowEnd": { "alias": "rowEnd"; "required": false; }; }, {}, never, ["*"], false, never>;
}
/**
 * Grid
 *
 * A wrapper around a native CSS Grid. Anything can be used for grid items, but
 * `GridItemComponent` is recommended for common cases.
 */
export declare class GraniteGridComponent implements AfterContentInit, OnChanges {
    private element;
    /**
     * Number of grid columns, unless set via styling (grid-template-columns)
     *
     * Setting this value will produce equally sized columns
     */
    set cols(value: number);
    get cols(): number;
    /** Number of columns to render */
    protected _cols: number;
    /**
     * Number of grid rows, unless set via styling (grid-template-rows)
     *
     * Setting this value will produce equally sized rows
     */
    set rows(value: number);
    get rows(): number;
    /** Number of rows to render */
    protected _rows: number;
    constructor(element: ElementRef<HTMLElement>);
    ngAfterContentInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    /** Update element styles */
    updateStyles(): void;
    /**
     * Set CSS variable value or remove it if a null value is given.
     * Would of course rather have used property binding but that is not
     * supported until (perhaps) Angular 9.
     * See: https://github.com/angular/angular/issues/9343
     *
     * TODO: Replace with property binding with Angular 9 upgrade
     */
    protected setCssProperty(variable: string, value: string | null): void;
    /** Update grid column template style  */
    protected updateColumnStyles(): void;
    /** Update grid row template style  */
    protected updateRowStyles(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteGridComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteGridComponent, "granite-grid", never, { "cols": { "alias": "cols"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, ["*"], false, never>;
}