{"version":3,"file":"BYoBaQNQ.js","sources":["../../../../../../src/lib/actions/tooltip.ts"],"sourcesContent":["// src/kong_svelte/src/lib/actions/tooltip.ts\n\nexport interface TooltipOptions {\n  text?: string;\n  html?: HTMLElement;\n  paddingClass?: string;\n  background?: string;\n  direction?: 'top' | 'bottom' | 'left' | 'right';\n  textSize?: 'xs' | 'sm' | 'base' | 'lg' | 'xl';\n}\n\n/**\n * Tooltip Action\n * Displays a tooltip with the provided text or HTML content.\n * If both text and HTML are empty/null, the tooltip will not be shown.\n *\n * @param node - The HTML element to attach the tooltip to.\n * @param options - Configuration options for the tooltip.\n */\nexport function tooltip(node: HTMLElement, options: TooltipOptions = { direction: 'top' }) {\n  let tooltipEl: HTMLElement | null = null;\n\n  /**\n   * Determines whether the tooltip should be shown based on provided options.\n   * @returns {boolean} - True if tooltip should be shown, false otherwise.\n   */\n  const shouldShowTooltip = (): boolean => {\n    if (!options) return false;\n    \n    if (options.html) {\n      return true;\n    }\n    if (options.text && options.text.trim() !== '') {\n      return true;\n    }\n    return false;\n  };\n\n  /**\n   * Positions the tooltip based on direction\n   */\n  const positionTooltip = () => {\n    if (!tooltipEl) return;\n    const rect = node.getBoundingClientRect();\n    const tooltipRect = tooltipEl.getBoundingClientRect();\n    const direction = options.direction || 'top';\n    const spacing = 12; // Space between tooltip and element\n\n    let top = 0;\n    let left = 0;\n\n    switch (direction) {\n      case 'top':\n        top = rect.top - tooltipRect.height - spacing;\n        left = rect.left + (rect.width / 2) - (tooltipRect.width / 2);\n        break;\n      case 'bottom':\n        top = rect.bottom + spacing;\n        left = rect.left + (rect.width / 2) - (tooltipRect.width / 2);\n        break;\n      case 'left':\n        top = rect.top + (rect.height / 2) - (tooltipRect.height / 2);\n        left = rect.left - tooltipRect.width - spacing;\n        break;\n      case 'right':\n        top = rect.top + (rect.height / 2) - (tooltipRect.height / 2);\n        left = rect.right + spacing;\n        break;\n    }\n\n    // Boundary checking\n    const padding = 8;\n    if (left < padding) left = padding;\n    if (left + tooltipRect.width > window.innerWidth - padding) {\n      left = window.innerWidth - tooltipRect.width - padding;\n    }\n    if (top < padding) top = padding;\n    if (top + tooltipRect.height > window.innerHeight - padding) {\n      top = window.innerHeight - tooltipRect.height - padding;\n    }\n\n    tooltipEl.style.top = `${top + window.scrollY}px`;\n    tooltipEl.style.left = `${left + window.scrollX}px`;\n  };\n\n  /**\n   * Creates and displays the tooltip.\n   */\n  const showTooltip = () => {\n    if (tooltipEl || !shouldShowTooltip()) return;\n\n    // Create tooltip container\n    tooltipEl = document.createElement('div');\n    tooltipEl.classList.add(\n      'absolute',\n      'z-50',\n      'rounded',\n      'shadow-lg',\n      'pointer-events-none',\n      'transition-opacity',\n      'duration-200',\n      'opacity-0',\n      'text-white',\n      'max-w-xs',\n      options.textSize ? `text-${options.textSize}` : 'text-sm'\n    );\n\n    // Set background color\n    if (options.background) {\n      tooltipEl.classList.add(options.background);\n    } else {\n      tooltipEl.classList.add('bg-black', 'bg-opacity-75');\n    }\n\n    // Apply padding\n    if (options.paddingClass) {\n      tooltipEl.classList.add(options.paddingClass);\n    } else {\n      tooltipEl.classList.add('p-2');\n    }\n\n    // Add content\n    const contentContainer = document.createElement('div');\n    if (options.html) {\n      contentContainer.appendChild(options.html);\n    } else if (options.text) {\n      contentContainer.textContent = options.text;\n    }\n    tooltipEl.appendChild(contentContainer);\n\n    // Add the tooltip to the DOM first so we can get its computed style\n    document.body.appendChild(tooltipEl);\n    \n    // Get the computed background color\n    const tooltipBgColor = getComputedStyle(tooltipEl).backgroundColor;\n\n    // Create and add arrow\n    const direction = options.direction || 'top';\n    const arrow = document.createElement('div');\n    arrow.classList.add(\n      'absolute',\n      'w-0',\n      'h-0',\n      'border-solid'\n    );\n\n    // Set arrow position and style based on direction\n    switch (direction) {\n      case 'top':\n        arrow.classList.add('bottom-[-8px]', 'left-1/2', '-translate-x-1/2');\n        arrow.style.borderWidth = '8px 8px 0 8px';\n        arrow.style.borderColor = `${tooltipBgColor} transparent transparent transparent`;\n        break;\n      case 'bottom':\n        arrow.classList.add('top-[-8px]', 'left-1/2', '-translate-x-1/2');\n        arrow.style.borderWidth = '0 8px 8px 8px';\n        arrow.style.borderColor = `transparent transparent ${tooltipBgColor} transparent`;\n        break;\n      case 'left':\n        arrow.classList.add('right-[-8px]', 'top-1/2', '-translate-y-1/2');\n        arrow.style.borderWidth = '8px 0 8px 8px';\n        arrow.style.borderColor = `transparent transparent transparent ${tooltipBgColor}`;\n        break;\n      case 'right':\n        arrow.classList.add('left-[-8px]', 'top-1/2', '-translate-y-1/2');\n        arrow.style.borderWidth = '8px 8px 8px 0';\n        arrow.style.borderColor = `transparent ${tooltipBgColor} transparent transparent`;\n        break;\n    }\n    \n    tooltipEl.appendChild(arrow);\n    \n    // Position tooltip\n    positionTooltip();\n\n    // Make tooltip visible after positioning\n    requestAnimationFrame(() => {\n      tooltipEl?.classList.remove('opacity-0');\n      tooltipEl?.classList.add('opacity-100');\n    });\n  };\n\n  /**\n   * Hides and removes the tooltip from the DOM.\n   */\n  const hideTooltip = () => {\n    if (tooltipEl) {\n      tooltipEl.classList.remove('opacity-100');\n      tooltipEl.classList.add('opacity-0');\n      \n      // Remove the tooltip after fade out\n      setTimeout(() => {\n        if (tooltipEl && tooltipEl.parentNode) {\n          tooltipEl.parentNode.removeChild(tooltipEl);\n          tooltipEl = null;\n        }\n      }, 200); // Match the duration-200 class\n    }\n  };\n\n  // Event listeners\n  node.addEventListener('mouseenter', showTooltip);\n  node.addEventListener('mouseleave', hideTooltip);\n  node.addEventListener('focusin', showTooltip);\n  node.addEventListener('focusout', hideTooltip);\n  window.addEventListener('scroll', positionTooltip);\n  window.addEventListener('resize', positionTooltip);\n\n  // Return destroy function directly instead of using onDestroy\n  return {\n    destroy() {\n      hideTooltip();\n      node.removeEventListener('mouseenter', showTooltip);\n      node.removeEventListener('mouseleave', hideTooltip);\n      node.removeEventListener('focusin', showTooltip);\n      node.removeEventListener('focusout', hideTooltip);\n      window.removeEventListener('scroll', positionTooltip);\n      window.removeEventListener('resize', positionTooltip);\n    },\n    update(newOptions: TooltipOptions) {\n      options = newOptions;\n      if (tooltipEl) {\n        // Hide current tooltip and show a new one with updated options\n        hideTooltip();\n        setTimeout(() => {\n          if (shouldShowTooltip()) {\n            showTooltip();\n          }\n        }, 200); // Match the duration-200 class\n      }\n    }\n  };\n}"],"names":["tooltip","node","options","direction","tooltipEl","shouldShowTooltip","html","text","trim","positionTooltip","rect","getBoundingClientRect","tooltipRect","top","left","height","width","bottom","right","window","innerWidth","innerHeight","style","scrollY","scrollX","showTooltip","document","createElement","classList","add","textSize","background","paddingClass","contentContainer","appendChild","textContent","body","tooltipBgColor","getComputedStyle","backgroundColor","arrow","borderWidth","borderColor","requestAnimationFrame","remove","hideTooltip","setTimeout","parentNode","removeChild","addEventListener","destroy","removeEventListener","update","newOptions"],"mappings":"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"}