@glance-networks/agent-plugin/@glance-design/tooltip/dist/Tooltip.svelte.d.ts

Glance Networks Agent Plugin

import { SvelteComponent } from "svelte";
import type { Placement, Strategy, Size } from './constants';
declare const __propDef: {
    props: {
        /**
           * The text to display in the tooltip
           * @default undefined
           * @type {string | undefined}
           * */ text?: string | undefined;
        /**
           * The placement of the tooltip relative to the trigger
           * @default 'top'
           * @type {Placement}
           */ position?: Placement;
        /**
           * The fallback placements to use if the tooltip cannot be placed in the
           * desired position
           * @default undefined
           * @type {Placement[] | undefined}
           */ defaultPositions?: Placement[] | undefined;
        /**
           * The strategy to use for positioning the tooltip
           * @default undefined
           * @type {Strategy}
           */ strategy: Strategy | string | undefined;
        /**
           * Whether the tooltip should flip to the opposite side if there is not
           * enough space
           * @default true
           * @type {boolean}
           */ flip?: boolean;
        /**
           * The distance in pixels the tooltip should be from the trigger
           * @default 8
           * @type {number}
           */ shift?: number | undefined;
        /**
           * The distance in pixels the tooltip should be from the trigger
           * @default 8
           * @type {number}
           */ offset?: number;
        /**
           * The duration of the tooltip disappearing in ms
           * @default 150
           * @type {number}
           * */ mouseleaveTimeout?: number;
        /**
           * The duration of the tooltip appearing in ms
           * @default 150
           * @type {number}
           * */ mouseenterTimeout?: number;
        /**
           * Whether the tooltip is visible
           * @default undefined
           * @type {boolean | undefined}
           */ visible?: boolean | undefined;
        /**
           * The duration of the fade transition in ms
           * @default 0
           * @type {number}
           */ fadeDuration?: number | undefined;
        /**
           * The size of the tooltip
           * @description This describes the size of the tooltip.
           * @link https://floating-ui.com/docs/tooltip#size
           * @default 'medium'
           * @type {'small' | 'medium}
           */ size?: Size;
        /**
           * Whether the tooltip should be inline
           * @description This describes whether the tooltip should be inline.
           * @link https://floating-ui.com/docs/tooltip#inline
           * @default false
           * @type {boolean}
           */ inline?: boolean;
    };
    events: {
        [x: string]: CustomEvent<any>;
        visibilityChange: CustomEvent<{
            visible: any;
        }>;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        content: {};
        default: {};
    };
    exports?: {} | undefined;
    bindings?: string | undefined;
};
export type TooltipProps = typeof __propDef.props;
export type TooltipEvents = typeof __propDef.events;
export type TooltipSlots = typeof __propDef.slots;
export default class Tooltip extends SvelteComponent<TooltipProps, TooltipEvents, TooltipSlots> {
}
export {};