import { CustomElement } from '../../Abstracts/CustomElement'; import type { ITourAnchorElementProps } from './ITourAnchorElementProps'; declare const TourAnchorElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * TourAnchor - A marker element that registers a target for guided tour steps. * * @description * Place this element around any UI element you want to highlight during a tour. * Associate it with a tour via `tour-id` and identify it for steps via `anchor-id`. * * @name TourAnchor * @element mosaik-tour-anchor * @category Overlays * * @slot - Content that should be associated with the anchor. * * @example * Anchor wrapping a button for tour step "step-1": * ```html * * Get Started * * ``` * * @example * Anchor wrapping a navigation item: * ```html * * Home * * ``` * * @public */ export declare class TourAnchorElement extends TourAnchorElement_base implements ITourAnchorElementProps { private readonly _registryController; private _tourId; private _anchorId; /** * @public */ constructor(); /** * Gets or sets the `tourId` property. * * @public * @attr */ get tourId(): string; set tourId(value: string); /** * Gets or sets the `anchorId` property. * * @public * @attr */ get anchorId(): string; set anchorId(value: string); /** * @protected */ protected onAnchorIdChanged(previousValue: string, nextValue: string): void; /** * @protected */ protected onTourIdChanged(previousValue: string, nextValue: string): void; } /** * @public */ export declare namespace TourAnchorElement { type Props = ITourAnchorElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-tour-anchor': TourAnchorElement; } } export {}; //# sourceMappingURL=TourAnchorElement.d.ts.map