/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Renderer2, ElementRef, AfterViewInit, SimpleChanges, OnChanges } from '@angular/core';
import { GridLayoutGapSettings, AlignSettings } from './models';
import { LocalizationService } from '@progress/kendo-angular-l10n';
import * as i0 from "@angular/core";
/**
* Represents the Kendo UI GridLayout component for Angular.
* Arranges child components in a two-dimensional grid layout with customizable rows, columns, and gaps ([see overview]({% slug overview_gridlayout %})).
*
* @example
* ```html
*
*
* Item 1
*
*
* Item 2
*
*
* ```
*
* @remarks
* Supported children components are: {@link GridLayoutItemComponent}.
*/
export declare class GridLayoutComponent implements AfterViewInit, OnChanges {
private renderer;
private element;
private localization;
hostClass: boolean;
get dir(): string;
/**
* Specifies the number of rows and their height
* ([More details](slug:layout_gridlayout#toc-rows-and-columns)).
*
* You can define rows by passing an array where the number of elements determines the number of rows or each element defines the size of the corresponding row.
* For example, you can use CSS units like `px`, `%`, `fr`, or `auto` to define the row sizes.
*/
rows: Array;
/**
* Specifies the number of columns and their widths
* ([More details](slug:layout_gridlayout#toc-rows-and-columns)).
*
* You can define columns by passing an array where the number of elements determines the number of columns or each element defines the size of the corresponding column.
* For example, you can use CSS units like `px`, `%`, `fr`, or `auto` to define the column sizes.
*/
cols: Array;
/**
* Specifies the gaps between the elements ([see example](slug:layout_gridlayout#toc-gap)).
*
* @default 0
*/
gap: number | string | GridLayoutGapSettings;
/**
* Specifies the horizontal and vertical alignment of the inner GridLayout elements
* ([see example]({% slug layout_gridlayout %}#toc-alignment)).
*/
set align(align: AlignSettings);
get align(): AlignSettings;
private _align;
private justifyClass;
private alignClass;
constructor(renderer: Renderer2, element: ElementRef, localization: LocalizationService);
ngAfterViewInit(): void;
ngOnChanges(changes: SimpleChanges): void;
private handleAlignClasses;
private setGap;
private handleGridTemplateStyling;
private get direction();
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
}