import { CSSResultGroup, LitElement, PropertyValues } from "lit";
import { OrMap } from "..";
export declare class OrMapMarkerChangedEvent extends CustomEvent<OrMapMarkerChangedEventDetail> {
    static readonly NAME = "or-map-marker-changed";
    constructor(marker: OrMapMarker, prop: string);
}
export declare class OrMapMarkerClickedEvent extends CustomEvent<OrMapMarkerEventDetail> {
    static readonly NAME = "or-map-marker-clicked";
    constructor(marker: OrMapMarker);
}
export interface OrMapMarkerEventDetail {
    marker: OrMapMarker;
}
export interface OrMapMarkerChangedEventDetail extends OrMapMarkerEventDetail {
    property: string;
}
export interface TemplateOptions {
    displayValue?: string;
    direction?: string;
}
declare global {
    export interface HTMLElementEventMap {
        [OrMapMarkerChangedEvent.NAME]: OrMapMarkerChangedEvent;
        [OrMapMarkerClickedEvent.NAME]: OrMapMarkerClickedEvent;
    }
}
/**
 * Base class for all map markers.
 *
 * This component doesn't directly render anything instead it generates DOM that can be added to the map component
 */
export declare class OrMapMarker extends LitElement {
    static get styles(): CSSResultGroup;
    protected static _defaultTemplate: (icon: string | undefined, options?: TemplateOptions) => string;
    lat?: number;
    lng?: number;
    radius?: number;
    displayValue?: string;
    direction?: string;
    visible: boolean;
    icon?: string;
    color?: string;
    activeColor?: string;
    interactive: boolean;
    active: boolean;
    _actualMarkerElement?: HTMLDivElement;
    protected _slot?: HTMLSlotElement;
    protected _map?: OrMap;
    get markerContainer(): HTMLDivElement | undefined;
    _onClick(e: MouseEvent): void;
    _createMarkerElement(): HTMLDivElement;
    /**
     * Override in sub types to customise the look of the marker. If undefined returned then a default marker will
     * be used instead.
     */
    createMarkerContent(): HTMLElement | undefined;
    protected shouldUpdate(_changedProperties: PropertyValues): boolean;
    protected _updateVisibility(container?: HTMLDivElement): void;
    protected _getColor(): string | undefined;
    protected _getActiveColor(): string | undefined;
    protected _updateColor(container?: HTMLDivElement): void;
    protected _updateActive(container?: HTMLDivElement): void;
    protected _updateInteractive(container?: HTMLDivElement): void;
    protected _refreshMarkerContent(): void;
    protected render(): import("lit").TemplateResult<1>;
    protected _raisePropertyChange(prop: string): void;
    protected _addMarkerClassNames(markerElement: HTMLElement): void;
    protected _addMarkerContainerClassNames(markerContainer: HTMLElement): void;
    protected _createDefaultMarkerContent(): HTMLElement;
    protected _applyMapMarkerStyles(): void;
    hasPosition(): boolean;
    connectedCallback(): void;
    disconnectedCallback(): void;
}
//# sourceMappingURL=or-map-marker.d.ts.map