/**
 * Copyright (c) Cisco Systems, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
/** This mixin provides a performant mechanism by which component can monitor changes to its size.
 * For performance purpose, resizeObserver instance is static mixin property, and its shared across
 * all components that applied ResizeMixin. (The `observe` method, which adds element as a new target to the list of observed elements,
 * can pass either one element or multiple, so this mixin can manage mutliple elements that need's to be observed).
 * When observed element's size changed, mixin dispatch `resize` event to handle it outside component tree.
 *
 * Example:
 * @customElements("custom-element")
 * class CustomElement extends ResizeMixin(LitElement) {
 *    protected handleResize(contentRect: DOMRect) { <---- You override this with corresponding name in component directly.
        // super.handleResize && super.handleResize(event); <---- Check to see whether the superclass defines a method of the same name, and if so, invoke that method.
        // Do your listener work here.
      }
 * }
 */
import { LitElement } from "lit";
export type AnyConstructor<A = LitElement> = new (...input: any[]) => A;
export declare abstract class ResizeClass extends LitElement {
    protected handleResize?(contentRect: DOMRect): void;
    protected unobserveAll?(): void;
}
type ResizeObserverBoxOptions = "border-box" | "content-box" | "device-pixel-content-box";
export interface ResizeObserverOptions {
    box?: ResizeObserverBoxOptions;
}
export declare class ResizeObserver {
    constructor(callback: ResizeObserverCallback);
    observe: (target: Element, options?: ResizeObserverOptions) => void;
    unobserve: (target: Element) => void;
    disconnect: () => void;
}
export type ResizeObserverCallback = (entries: ResizeObserverEntry[], observer: ResizeObserver) => void;
export interface ResizeObserverEntry {
    readonly target: Element;
    readonly contentRect: DOMRectReadOnly;
    readonly borderBoxSize: ResizeObserverSize[];
    readonly contentBoxSize: ResizeObserverSize[];
    readonly devicePixelContentBoxSize: ResizeObserverSize[];
}
interface ResizeObserverSize {
    readonly inlineSize: number;
    readonly blockSize: number;
}
export declare const ResizeMixin: <T extends AnyConstructor<ResizeClass>>(base: T) => T & AnyConstructor<ResizeClass>;
export {};
//# sourceMappingURL=ResizeMixin.d.ts.map