import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
import * as i0 from "@angular/core";
/**
 * **qdColumnNextInSameRow** can be used to position the next `qdColumn` element in the same row.
 * For the desktop breakpoints, you have to define the positioning by configuration the colspans with `qdColumn`
 * for each element. If you thus place the connected elements side by side, they will also be on the same row and
 * fill the whole row on the tablet breakpoints  if the first element has the `qdColumnNextInSameRow` directive.
 * Nevertheless, in the mobile view all elements will be arranged one below the other to get a bigger touch area for
 * each element.
 *
 * * @see directive **qdColumn**
 *
 * **Usage:**
 *
 * @example
 * <qd-grid [config]="{ columns: 6 }">
 *   <div qdColumn="1" qdColumnNextInSameRow></div>
 *   <div qdColumn="2"></div>
 *   <div qdColumn="3"></div>
 * </qd-grid>
 */
export declare class QdColumnNextInSameRowDirective implements AfterViewInit {
    private readonly _renderer;
    private readonly _elementRef;
    get element(): HTMLElement;
    static className: string;
    constructor(_renderer: Renderer2, _elementRef: ElementRef<HTMLElement>);
    ngAfterViewInit(): void;
    private setClassWithColspanOfNextSibling;
    private getColspan;
    private getNextSiblingColspan;
    private logErrorMessage;
    static ɵfac: i0.ɵɵFactoryDeclaration<QdColumnNextInSameRowDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<QdColumnNextInSameRowDirective, "[qdColumnNextInSameRow]", never, {}, {}, never, never, false, never>;
}
//# sourceMappingURL=column-next-in-same-row.directive.d.ts.map