import { AfterContentInit, ElementRef, EventEmitter } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { DashboardChildComponent } from './dashboard-child.component';
import { DashboardChange } from './dashboard.model';
import * as i0 from "@angular/core";
/**
* Displays a CSS grid which is customizable by the customer. You can set
* `c8y-dashboard-child`-components on it or position any element on it by
* setting the grid CSS properties. On change (resize, or rearrange) the
* component emits an change event.
*
* ```html
* Hello from outlet
*
*
*
*
*
*
*
*
*
*
* x: {{ current.x }}
* y: {{ current.y }}
* width: {{ current.width }}
* height: {{ current.height }}
*
*
*
* World!
*
* x: {{ cpWidget.x }}
* y: {{ cpWidget.y }}
* width: {{ cpWidget.width }}
* height: {{ cpWidget.height }}
*
*
*
* Hello!
*
*
*
* Toggle freeze
*
*
* x: {{ cpWidget2.x }}
* y: {{ cpWidget2.y }}
* width: {{ cpWidget2.width }}
* height: {{ cpWidget2.height }}
*
*
*
*
* Transparent!
*
*
*
* Hide/show title
*
*
*
*
* Toggle freeze
*
*
* x: {{ cpWidget3.x }}
* y: {{ cpWidget3.y }}
* width: {{ cpWidget3.width }}
* height: {{ cpWidget3.height }}
*
*
* ```
*/
export declare class DashboardComponent implements AfterContentInit {
private element;
private sanitizer;
/**
* All children in that dashboard.
*/
children: DashboardChildComponent[];
/**
* The amount of columns on that dashboard.
*/
columns: number;
/**
* The spacing between each children in pixel.
*/
gap: number;
/**
* The amount of rows to dusplay. Set to auto to
* auto extend the rows.
*/
rows: number | 'auto';
/**
* An event fired if the dashboard was changed.
*/
dashboardChange: EventEmitter;
dashboardRect: any;
private lastRow;
private readonly DEFAULT_ROW_SIZE;
/**
* The current column size.
*/
get columnSize(): number;
/**
* The current row size.
*/
get rowSize(): number;
/**
* Returns all positioning styles. Nasty workaround for that issue:
* https://github.com/angular/angular/issues/9343
*/
get inlineStyle(): import("@angular/platform-browser").SafeStyle;
constructor(element: ElementRef, sanitizer: DomSanitizer);
ngAfterContentInit(): void;
onResize(): void;
/**
* Updates the current rect size of the dashboard.
*/
updateRectSize(): void;
emitChange(widget: DashboardChildComponent): void;
private calculateRowSize;
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
}
//# sourceMappingURL=dashboard.component.d.ts.map