import { AfterViewInit, ElementRef, OnInit, Renderer2 } from '@angular/core';
import * as i0 from "@angular/core";
/**
 * **qdColumnsMax** can be combined with a `qdColumns` directive to narrow the number of used columns. The remaining
 * columns on the right will be left empty.
 *
 * *  See directive **qdColumns**
 *
 * **Usage:**
 *
 * @example
 * <div qdColumns="6" qdColumnsMax="4">
 *   <div qdColumn="1"></div>
 *   <div qdColumn="3"></div>
 *   <div qdColumn="2"></div>
 *   <div qdColumn="2"></div>
 * </div>
 */
export declare class QdColumnsMaxDirective implements OnInit, AfterViewInit {
    private readonly _renderer;
    private readonly _elementRef;
    /**
     * Sets the number of used columns per row. The value has to be smaller than the value set by the qdColumns directive.
     */
    set qdColumnsMax(columnsMax: number | string);
    static className: string;
    private _columnsMaxNum;
    get element(): HTMLElement;
    constructor(_renderer: Renderer2, _elementRef: ElementRef<HTMLElement>);
    ngOnInit(): void;
    ngAfterViewInit(): Promise<void>;
    private logErrorMessage;
    static ɵfac: i0.ɵɵFactoryDeclaration<QdColumnsMaxDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<QdColumnsMaxDirective, "[qdColumnsMax]", never, { "qdColumnsMax": { "alias": "qdColumnsMax"; "required": false; }; }, {}, never, never, false, never>;
}
//# sourceMappingURL=columns-max.directive.d.ts.map