import { Placement } from '@floating-ui/dom'; import { GdsElement } from '../../gds-element'; /** * @element gds-coachmark * A tooltip container with a slot and an arrow pointing towards the targeted element * depending on the preferred placement, * the coachmark is hidden/disabled when the element is overlapped or out of viewport. * * @slot - placeholder for the content of the tooltip. * * @event gds-ui-state - dispatched when the tooltip is about to be closed. Can be cancelled to prevent closing. * * @status beta */ export declare class GdsCoachmark extends GdsElement { #private; static styles: import("lit").CSSResult; /** * The placement of the popover relative to the trigger. * Accepts any of the placements supported by Floating UI. */ placement: Placement; /** * The coachmark will be hidden when overlapped by the list of provided elements (selectors). */ overlappedBy: string[]; /** * List of selectors pointing to the targeted element. Ex. for a target inside a ShadowDOM: ["some-component", "shadowRoot", "target-element"]. */ target: string[]; /** * The accessible label of the coachmark. */ label: string; /** * A callback that can be used to set the visibility of the coachmark based on your criteria. * * The default computed visibility, based on visibility and overlap of the target element, is supplied as the third argument. */ computeVisibility: (self: GdsCoachmark, target: HTMLElement, computedVisibility: boolean) => boolean; /** * The resolved targeted element (readonly) */ targetElement: HTMLElement | undefined; _isVisible: boolean; _preventClose: boolean; connectedCallback(): void; disconnectedCallback(): void; firstUpdated(): void; setPreventClose(preventClose: boolean): void; render(): any; }