@lion/ui/components/overlays/src/configurations/withTooltipConfig.js

A package of extendable web components

import { withHoverInteraction } from './visibility-trigger-partials/withHoverInteraction.js';

/**
 * @typedef {import('@lion/ui/types/overlays.js').OverlayConfig} OverlayConfig
 * @typedef {import('@lion/ui/overlays.js').OverlayController} OverlayController
 */

/**
 *
 * @param {{invokerRelation?: 'description'| 'label', delayIn?: number, delayOut?: number  }} options
 */
export const withTooltipConfig = ({
  invokerRelation = 'description',
  delayIn = 300,
  delayOut = 300,
} = {}) =>
  /** @type {OverlayConfig} */ ({
    placementMode: 'local',
    elementToFocusAfterHide: undefined,
    hidesOnEsc: true,
    handlesAccessibility: true,
    isTooltip: true,
    invokerRelation,
    popperConfig: {
      strategy: 'absolute',
    },
    ...withHoverInteraction({ delayIn, delayOut }),
  });