import { UmbLitElement } from '../../../core/lit-element/index.js';
/**
 * This is a donut chart component that can be used to display data in a circular way.
 * @class UmbDonutChartElement
 * @augments {LitElement}
 */
export declare class UmbDonutChartElement extends UmbLitElement {
    #private;
    static percentToDegrees(percent: number): number;
    /**
     * Minimum visual percentage for rendering a slice.
     * Slices below this percentage will be visually expanded to this size to remain visible.
     */
    static MIN_SLICE_PERCENT: number;
    /**
     * Circle radius in pixels
     * @memberof UmbDonutChartElement
     */
    radius: number;
    /**
     * The circle thickness in pixels
     * @memberof UmbDonutChartElement
     */
    borderSize: number;
    /**
     * The size of SVG element in pixels
     * @memberof UmbDonutChartElement
     */
    svgSize: number;
    /**
     * Description of the graph, added for accessibility purposes
     * @memberof UmbDonutChartElement
     */
    description: string;
    /**
     * Hides the box that appears oh hover with the details of the slice
     * @memberof UmbDonutChartElement
     */
    hideDetailBox: boolean;
    /**
     * Shows the description text below the chart
     * @memberof UmbDonutChartElement
     */
    showDescription: boolean;
    private _slices;
    private _container;
    private _detailsBox;
    private _circles;
    private _viewBox;
    private _posY;
    private _posX;
    private _detailName;
    private _detailAmount;
    private _detailColor;
    private _totalAmount;
    private _detailKind;
    firstUpdated(): void;
    protected willUpdate(_changedProperties: Map<PropertyKey, unknown>): void;
    render(): import("lit-html").TemplateResult<1>;
    static styles: import("lit").CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        'umb-donut-chart': UmbDonutChartElement;
    }
}