import { ElementRef, OnInit, Renderer2 } from '@angular/core';
import { ReplaySubject } from 'rxjs';
import { QdBreakpoint } from '../../core/model/breakpoint.interface';
import { QdGridService } from '../services/grid.service';
import * as i0 from "@angular/core";
/**
 * **qdColumn** is used to build a grid. Directive for child elements. Maximum 6 columns can be defined.
 * The `qdColumn` value defines how many columns this block takes *(colspan)*.
 *
 * * @see parent component **qd-grid** and parent directive **qdColumns**
 *
 * **Usage:**
 *
 * @example
 * <qd-grid [config]="{ columns: 6 }">
 *   <div qdColumn="1"></div>
 *   <div qdColumn="2"></div>
 *   <div qdColumn="3"></div>
 * </qd-grid>
 */
export declare class QdColumnDirective implements OnInit {
    private readonly _renderer;
    private readonly _elementRef;
    private readonly _gridService;
    columnNumSubject: ReplaySubject<number>;
    columnNum$: import("rxjs").Observable<number>;
    /**
     * Specifies how many columns the bound element may have. The width depends on the parent policy **qdColumns**.
     */
    set qdColumn(columnNum: number | string);
    /**
     * @description Optionally defines overridden colspans for specific breakpoints.
     *
     * @example { md: 1, sm: 1 }
     */
    responsiveColspans?: Partial<{
        [key in QdBreakpoint]: number;
    }>;
    set columnNum(columnNum: number);
    get element(): HTMLElement;
    static className: string;
    constructor(_renderer: Renderer2, _elementRef: ElementRef<HTMLElement>, _gridService: QdGridService);
    ngOnInit(): Promise<void>;
    static getQdColumnColspan(element: HTMLElement): number | undefined;
    private addResponsiveColspansClasses;
    private addClass;
    static ɵfac: i0.ɵɵFactoryDeclaration<QdColumnDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<QdColumnDirective, "[qdColumn]", never, { "qdColumn": { "alias": "qdColumn"; "required": false; }; "responsiveColspans": { "alias": "responsiveColspans"; "required": false; }; }, {}, never, never, true, never>;
}
//# sourceMappingURL=column.directive.d.ts.map