| undefined;
}

// Describes a OverlayScrollbars instances state.
interface State {
// Describes the current padding in pixels.
padding: TRBL;
// Whether the current padding is absolute.
paddingAbsolute: boolean;
// The client width (x) & height (y) of the viewport in pixels.
overflowEdge: XY;
// The overflow amount in pixels.
overflowAmount: XY;
// The css overflow style of the viewport.
overflowStyle: XY;
// Whether the viewport has an overflow.
hasOverflow: XY;
// The scroll coordinates of the viewport.
scrollCoordinates: {
// The start (origin) scroll coordinates for each axis.
start: XY;
// The end scroll coordinates for each axis.
end: XY;
};
// Whether the direction is considered rtl.
directionRTL: boolean;
// Whether the instance is considered destroyed.
destroyed: boolean;
}

// Describes the elements of a OverlayScrollbars instance.
interface Elements {
// The element the instance was applied to.
target: HTMLElement;
// The host element. It's the root of all other elements.
host: HTMLElement;
/**
* The element responsible for the correct padding.
* Depending on initialization it can be the same as the viewport element.
*/
padding: HTMLElement;
// The element responsible of the scrolling.
viewport: HTMLElement;
/**
* The element responsible for holding the actual content.
* Depending on initialization it can be the same as the viewport element.
*/
content: HTMLElement;
/**
* The element through which you can get the current scrollLeft or scrollTop offset.
* Depending on the target element it can be the same as the viewport element.
*/
scrollOffsetElement: HTMLElement;
/**
* The element through which you can add scroll events.
* Depending on the target element it can be the same as the viewport element.
*/
scrollEventElement: HTMLElement | Document;
// The horizontal scrollbar's elements.
scrollbarHorizontal: CloneableScrollbarElements;
// The vertical scrollbar's elements.
scrollbarVertical: CloneableScrollbarElements;
}
`