import { EventHandler, MgtTemplatedTaskComponent } from "@microsoft/mgt-element";
import { CSSResultGroup, PropertyValueMap, PropertyValues } from "lit";
import { IComponentBinding } from "../models/common/IComponentBinding";
import { IThemeDefinition } from "../models/common/IThemeDefinition";
import { ILocalizedString } from "../models/common/ILocalizedString";
import "@open-wc/dedupe-mixin";
export declare class MgtTemplatedComponentBase extends MgtTemplatedTaskComponent {
}
declare const BaseComponent_base: typeof MgtTemplatedComponentBase & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
export declare abstract class BaseComponent extends BaseComponent_base {
    theme: any;
    /**
     * Enable the debug to explore data from context
     */
    enableDebugMode: boolean;
    /**
     * Enable the debug to explore data from context
     */
    useMicrosoftGraphToolkit: boolean;
    /**
     * Flag indicating if data have been rendered at least once
     */
    renderedOnce: boolean;
    /**
     * Flag indicating if debug data should be displayed
     */
    showDebugData: boolean;
    /**
     * Property indicating the component has finished its initialization squence, for instance setting default values than can be read from other component
     * This property is set as reflected attribute to be able to trigger a mutation for consumer components
     */
    isInitialized: boolean;
    _eventHanlders: Map<string, {
        component: HTMLElement;
        event: string;
        handler: EventHandler<any>;
    }>;
    componentError: Error;
    constructor();
    /**
     * Returns Tailwind CSS base styles
     */
    static get styles(): CSSResultGroup;
    static get scopedElements(): {};
    /**
     * Returns styles from theme (i.e. define CSS variables)
     */
    static get themeStyles(): CSSResultGroup;
    disconnectedCallback(): void;
    connectedCallback(): Promise<void>;
    /**
     * Register Microsoft Graph Toolkit Components on the page
     */
    protected loadMgt(): Promise<void>;
    protected render(): any;
    protected renderDebugMode(): import("lit").TemplateResult<1>;
    protected renderDebugData(data: any): import("lit").TemplateResult<1>;
    private toggleDebugData;
    protected updated(changedProperties: PropertyValues<this>): void;
    /**
     * Binds all connected to the current one by listening all required events.
     * The method will wait for the component to be present on the page after a predefined timeout (default 5000ms)
     * @param bindings the bindings to perform
     */
    protected bindComponents(bindings: IComponentBinding[]): Promise<void>;
    protected unbindComponents(bindings: IComponentBinding[]): void;
    /**
     * Get CSS variables values for the component predefined variables
     * @returns the theme definition
     */
    protected getTheme(): IThemeDefinition;
    protected getLocalizedString(string: ILocalizedString | string): any;
    private setFASTColors;
    protected hasPropertyUpdated(changedProperties: PropertyValueMap<any>, propertyName: string): boolean;
    /**
    * Override of default method to support 'composed' flag
    *
    * @protected
    * @param {string} eventName
    * @param {*} [detail]
    * @param {boolean} [bubbles=false]
    * @param {boolean} [cancelable=false]
    * @param {boolean} [composed=false]
    * @return {*}  {boolean}
    */
    fireCustomEvent(eventName: string, detail?: any, bubbles?: boolean, cancelable?: boolean, composed?: boolean): boolean;
    /**
     * Allows a promise to be timeout
     * https://advancedweb.hu/how-to-add-timeout-to-a-promise-in-javascript/
     * @param promise the promise to timeout
     * @param timeout the timeout delay
     * @param exception the exception raised if any error occures
     * @returns
     */
    private timeoutPromise;
    /**
     * Waits for a component to be present on the page and initialized to perform event binding
     * @param binding the binding detail
     * @returns
     */
    private waitForElement;
}
export {};