import { AfterViewInit, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
import { ReplaySubject } from 'rxjs';
import { QdGridService } from '../services/grid.service';
import { QdGridAutoFillService } from '../services/grid-auto-fill.service';
import * as i0 from "@angular/core";
/**
 * **qdColumns** is used to build a grid. Directive for parent elements. Maximum 6 columns can be defined.
 * The `qdColumns` value defines the number of columns and the `qdColumn` value defines how many columns a single
 * block takes *(colspan)*.
 *
 * *  See child directive **qdColumn**
 *
 * **Usage:**
 *
 * @example
 * <div qdColumns="6">
 *   <div qdColumn="1"></div>
 *   <div qdColumn="2"></div>
 *   <div qdColumn="3"></div>
 * </div>
 */
export declare class QdColumnsDirective implements OnInit, AfterViewInit, OnDestroy {
    private readonly _renderer;
    private readonly _elementRef;
    private readonly gridService;
    private readonly gridAutoFillService;
    get element(): HTMLElement;
    static className: string;
    columnsNumSubject: ReplaySubject<number>;
    columnsNum$: import("rxjs").Observable<number>;
    /**
     * Sets the number of possible columns per row. Possible values 1-6.
     */
    set qdColumns(columnsNum: number | string);
    constructor(_renderer: Renderer2, _elementRef: ElementRef<HTMLElement>, gridService: QdGridService, gridAutoFillService: QdGridAutoFillService);
    ngOnInit(): Promise<void>;
    ngAfterViewInit(): Promise<void>;
    ngOnDestroy(): void;
    static getQdColumnsGridSize(element: HTMLElement): number | undefined;
    private addClass;
    static ɵfac: i0.ɵɵFactoryDeclaration<QdColumnsDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<QdColumnsDirective, "[qdColumns]", never, { "qdColumns": { "alias": "qdColumns"; "required": false; }; }, {}, never, never, true, never>;
}
//# sourceMappingURL=columns.directive.d.ts.map