@synergy-design-system/vue/dist/components/SynVueTooltip.vue.d.ts

Vue3 wrappers for the Synergy Design System

import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent, SynTooltip } from '@synergy-design-system/components';
export type { SynShowEvent } from '@synergy-design-system/components';
export type { SynAfterShowEvent } from '@synergy-design-system/components';
export type { SynHideEvent } from '@synergy-design-system/components';
export type { SynAfterHideEvent } from '@synergy-design-system/components';
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
    /**
     * The tooltip's content.
     * If you need to display HTML, use the `content` slot instead.
     */
    content?: SynTooltip["content"];
    /**
  * The preferred placement of the tooltip.
  * Note that the actual placement may vary as needed to keep the tooltip
  inside of the viewport.
   */
    placement?: SynTooltip["placement"];
    /**
     * Disables the tooltip so it won't show when triggered.
     */
    disabled?: SynTooltip["disabled"];
    /**
     * The distance in pixels from which to offset the tooltip away from its target.
     */
    distance?: SynTooltip["distance"];
    /**
     * Indicates whether or not the tooltip is open.
     * You can use this in lieu of the show/hide methods.
     */
    open?: SynTooltip["open"];
    /**
     * The distance in pixels from which to offset the tooltip along its target.
     */
    skidding?: SynTooltip["skidding"];
    /**
  * Controls how the tooltip is activated.
  * Possible options include `click`, `hover`, `focus`, and `manual`.
  * Multiple
  options can be passed by separating them with a space.
  * When manual is used, the tooltip must be activated
  programmatically.
   */
    trigger?: SynTooltip["trigger"];
    /**
  * Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with
  `overflow: auto|hidden|scroll`.
  * Hoisting uses a fixed positioning strategy that works in many, but not all,
  scenarios.
   */
    hoist?: SynTooltip["hoist"];
}, {
    nativeElement: import('vue').Ref<SynTooltip | undefined, SynTooltip | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "syn-show": (e: SynShowEvent) => any;
    "syn-after-show": (e: SynAfterShowEvent) => any;
    "syn-hide": (e: SynHideEvent) => any;
    "syn-after-hide": (e: SynAfterHideEvent) => any;
}, string, import('vue').PublicProps, Readonly<{
    /**
     * The tooltip's content.
     * If you need to display HTML, use the `content` slot instead.
     */
    content?: SynTooltip["content"];
    /**
  * The preferred placement of the tooltip.
  * Note that the actual placement may vary as needed to keep the tooltip
  inside of the viewport.
   */
    placement?: SynTooltip["placement"];
    /**
     * Disables the tooltip so it won't show when triggered.
     */
    disabled?: SynTooltip["disabled"];
    /**
     * The distance in pixels from which to offset the tooltip away from its target.
     */
    distance?: SynTooltip["distance"];
    /**
     * Indicates whether or not the tooltip is open.
     * You can use this in lieu of the show/hide methods.
     */
    open?: SynTooltip["open"];
    /**
     * The distance in pixels from which to offset the tooltip along its target.
     */
    skidding?: SynTooltip["skidding"];
    /**
  * Controls how the tooltip is activated.
  * Possible options include `click`, `hover`, `focus`, and `manual`.
  * Multiple
  options can be passed by separating them with a space.
  * When manual is used, the tooltip must be activated
  programmatically.
   */
    trigger?: SynTooltip["trigger"];
    /**
  * Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with
  `overflow: auto|hidden|scroll`.
  * Hoisting uses a fixed positioning strategy that works in many, but not all,
  scenarios.
   */
    hoist?: SynTooltip["hoist"];
}> & Readonly<{
    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
    "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
    "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    nativeElement: unknown;
}, any>, {
    default?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};