bromcom-ui-next 0.1.29 → 0.1.31

package/dist/collection/components/tooltip/tooltip.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom';\nimport { Component, ComponentInterface, h, Element, Prop, State, Method } from '@stencil/core';\nimport { tv } from '@utils/tv';\n\n/**\n * @component BcmTooltip\n * @description A lightweight tooltip component that displays brief contextual information when hovering or clicking on a target element.\n * Supports different sizes, trigger types (click or hover), placements (top, right, bottom, left), and can be controlled via slots or props.\n *\n * @example Basic Hover Tooltip\n * <bcm-tooltip trigger=\"hover\" size=\"medium\" placement=\"top\" message=\"This is a tooltip.\">\n *   <bcm-button>Hover Me</bcm-button>\n * </bcm-tooltip>\n *\n * @example Click Tooltip with Programmatic Control\n * <bcm-tooltip id=\"my-tooltip\" trigger=\"click\" message=\"Controlled tooltip.\">\n *   <bcm-button>Click Me</bcm-button>\n * </bcm-tooltip>\n * <script>\n *   const tooltip = document.querySelector('#my-tooltip');\n *   tooltip.openTooltip(); // Opens the tooltip\n *   tooltip.closeTooltip(); // Closes the tooltip\n * </script>\n *\n * @slot - Default slot for the target element that triggers the tooltip\n * @slot tooltip - Slot for custom tooltip content\n *\n * @csspart tooltip - The root tooltip container element, stylable for the entire tooltip\n * @csspart arrow - The arrow element of the tooltip, stylable for the positioning arrow\n */\n\n@Component({\n  tag: 'bcm-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class Tooltip implements ComponentInterface {\n  @Element() el: HTMLElement;\n\n  /**\n   * @prop {('click' | 'hover')} trigger - Defines the interaction type to show/hide the tooltip.\n   * 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave.\n   * Default: 'hover'\n   */\n  @Prop()\n  trigger: 'click' | 'hover' = 'hover';\n\n  /**\n   * @prop {('top' | 'right' | 'bottom' | 'left')} placement - Defines the position of the tooltip relative to the target element.\n   * Default: 'top'\n   */\n  @Prop()\n  placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n  /**\n   * @prop {('small' | 'medium' | 'large')} size - Defines the size of the tooltip.\n   * Controls the text size and padding of the tooltip content.\n   * Default: 'medium'\n   */\n  @Prop()\n  size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * @prop {string} message - Custom text for the tooltip content.\n   * Used as fallback content if the 'tooltip' slot is not provided.\n   */\n  @Prop()\n  message: string;\n\n  /**\n   * @prop {number} showDelay - Delay in milliseconds before showing or hiding the tooltip.\n   * Helps prevent flickering on quick mouse movements.\n   * Default: 150\n   */\n  @Prop()\n  showDelay: number = 150;\n\n  @State() open = false;\n\n  private tooltipElement: HTMLElement;\n  private arrowElement: HTMLElement;\n  private targetElement: HTMLElement;\n  private hoverTimeout: any;\n  private cleanupAutoUpdate: () => void;\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleOutsideClick);\n    if (this.targetElement) {\n      this.targetElement.removeEventListener('click', this.toggleTooltip);\n      this.targetElement.removeEventListener('mouseenter', this.showTooltip);\n      this.targetElement.removeEventListener('mouseleave', this.hideTooltip);\n    }\n    this.cleanupAutoUpdate?.();\n    this.cleanupAutoUpdate = null;\n    clearTimeout(this.hoverTimeout);\n  }\n\n  private updateOutsideClickListener() {\n    if (this.open) {\n      document.addEventListener('click', this.handleOutsideClick);\n    } else {\n      document.removeEventListener('click', this.handleOutsideClick);\n    }\n  }\n\n  private toggleTooltip = () => {\n    this.open = !this.open;\n    this.updateOutsideClickListener();\n  };\n\n  private showTooltip = () => {\n    clearTimeout(this.hoverTimeout);\n    this.hoverTimeout = setTimeout(() => {\n      this.open = true;\n      this.updateOutsideClickListener();\n    }, this.showDelay);\n  };\n\n  private hideTooltip = () => {\n    clearTimeout(this.hoverTimeout);\n    this.hoverTimeout = setTimeout(() => {\n      this.open = false;\n      this.updateOutsideClickListener();\n    }, this.showDelay);\n  };\n\n  /**\n   * @method {Promise<void>} openTooltip - Programmatically opens the tooltip.\n   * Triggers the showTooltip logic with the specified delay.\n   * @returns {Promise<void>} A promise that resolves when the tooltip is opened.\n   */\n  @Method()\n  async openTooltip() {\n    this.showTooltip();\n  }\n\n  /**\n   * @method {Promise<void>} closeTooltip - Programmatically closes the tooltip.\n   * Triggers the hideTooltip logic with the specified delay.\n   * @returns {Promise<void>} A promise that resolves when the tooltip is closed.\n   */\n  @Method()\n  async closeTooltip() {\n    this.hideTooltip();\n  }\n\n  private handleSlotChange = () => {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    const elements = slot.assignedElements();\n    this.targetElement = elements[0] as HTMLElement;\n\n    if (this.targetElement) {\n      this.targetElement.removeEventListener('click', this.toggleTooltip);\n      this.targetElement.removeEventListener('mouseenter', this.showTooltip);\n      this.targetElement.removeEventListener('mouseleave', this.hideTooltip);\n\n      if (this.trigger === 'click') {\n        this.targetElement.addEventListener('click', this.toggleTooltip);\n        this.targetElement.setAttribute('aria-expanded', this.open.toString());\n        this.targetElement.setAttribute('aria-describedby', 'tooltip');\n      }\n\n      if (this.trigger === 'hover') {\n        this.targetElement.addEventListener('mouseenter', this.showTooltip);\n        this.targetElement.addEventListener('mouseleave', this.hideTooltip);\n        this.targetElement.setAttribute('aria-describedby', 'tooltip');\n      }\n\n      if (this.tooltipElement && !this.cleanupAutoUpdate) {\n        this.cleanupAutoUpdate = autoUpdate(this.targetElement, this.tooltipElement, () => this.updatePosition(), { animationFrame: false });\n      }\n    }\n  };\n\n  private handleOutsideClick = (event: Event) => {\n    if (!this.el.contains(event.target as Node) && this.open) {\n      this.open = false;\n      this.updateOutsideClickListener();\n    }\n  };\n\n  private updatePosition = async () => {\n    if (!this.targetElement || !this.tooltipElement || !this.arrowElement) return;\n\n    const { x, y, placement, middlewareData } = await computePosition(this.targetElement, this.tooltipElement, {\n      placement: this.placement,\n      middleware: [offset(12), flip({ fallbackPlacements: ['top', 'left', 'bottom', 'right'] }), shift({ padding: 8 }), arrow({ element: this.arrowElement })],\n    });\n\n    Object.assign(this.tooltipElement.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n\n    const { x: arrowX, y: arrowY } = middlewareData.arrow || { x: 0, y: 0 };\n    const basePlacement = placement.split('-')[0] as 'top' | 'right' | 'bottom' | 'left';\n    const staticSide = {\n      top: 'bottom',\n      right: 'left',\n      bottom: 'top',\n      left: 'right',\n    }[basePlacement];\n\n    Object.assign(this.arrowElement.style, {\n      left: arrowX != null ? `${arrowX}px` : '',\n      top: arrowY != null ? `${arrowY}px` : '',\n      [staticSide]: '-4px',\n    });\n  };\n\n  private tooltipClass = tv(\n    {\n      slots: {\n        tooltip: 'bcm-ui-element bcm-tooltip absolute bg-[--tooltip-bg] rounded-md shadow-3 py-1 px-3 min-w-max z-[9999] text-color-base font-medium',\n        arrow: 'absolute w-4 h-4 bg-[--tooltip-bg] transform rotate-45 z-[-1]',\n      },\n      variants: {\n        size: {\n          small: { tooltip: 'text-size-3' },\n          medium: { tooltip: 'text-size-4' },\n          large: { tooltip: 'text-size-5' },\n        },\n        isOpen: {\n          true: { tooltip: 'block' },\n          false: { tooltip: 'hidden' },\n        },\n      },\n      defaultVariants: {\n        size: 'medium',\n        isOpen: false,\n      },\n    },\n    { twMerge: false },\n  );\n\n  render() {\n    const { tooltip, arrow } = this.tooltipClass({\n      size: this.size,\n      isOpen: this.open,\n    });\n    return (\n      <div class=\"relative\">\n        <slot onSlotchange={() => this.handleSlotChange()}></slot>\n        <div role=\"tooltip\" class={tooltip()} ref={el => (this.tooltipElement = el)} part=\"tooltip\">\n          <div class={arrow()} ref={el => (this.arrowElement = el)} part=\"arrow\"></div>\n          <slot name=\"tooltip\">{this.message}</slot>\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop, State, Method, Watch } from '@stencil/core';\nimport { computePosition, flip, shift, offset, arrow, autoUpdate } from '@floating-ui/dom';\nimport { tv } from '@utils/tv';\n\nexport type TooltipTrigger = 'hover' | 'click';\nexport type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';\nexport type TooltipSize = 'small' | 'medium' | 'large';\n\n/**\n * @component BcmTooltip\n * @description A flexible tooltip component that provides contextual information on hover or click.\n * Built on the native Popover API for top-layer rendering and Floating UI for intelligent positioning.\n * Automatically handles overflow, flipping, and complex shadow DOM scenarios.\n *\n * @slot - The trigger element that will show the tooltip\n * @slot content - Custom rich content for the tooltip (overrides message prop)\n *\n * @part tooltip - The tooltip container element (for custom styling)\n * @part arrow - The arrow pointer element\n * @part content - The content wrapper element\n *\n * @example\n * ```html\n * <!-- Basic usage with text message -->\n * <bcm-tooltip message=\"This is a tooltip\">\n *   <button>Hover me</button>\n * </bcm-tooltip>\n *\n * <!-- With custom rich content -->\n * <bcm-tooltip placement=\"right\" size=\"large\">\n *   <button>Click me</button>\n *   <div slot=\"content\">\n *     <strong>Rich content</strong>\n *     <p>You can add any HTML here</p>\n *   </div>\n * </bcm-tooltip>\n *\n * <!-- Click trigger with custom delays -->\n * <bcm-tooltip trigger=\"click\" show-delay=\"0\" hide-delay=\"0\">\n *   <span>Click me</span>\n * </bcm-tooltip>\n *\n * <!-- Mouse following mode -->\n * <bcm-tooltip follow={true} message=\"I follow your cursor!\">\n *   <div>Move your mouse here</div>\n * </bcm-tooltip>\n *\n * <!-- Programmatic control -->\n * <bcm-tooltip id=\"myTooltip\" message=\"Programmatic tooltip\">\n *   <span>Trigger</span>\n * </bcm-tooltip>\n * <script>\n *   const tooltip = document.getElementById('myTooltip');\n *   tooltip.show();\n *   setTimeout(() => tooltip.hide(), 2000);\n * </script>\n *\n * <!-- Custom styling with CSS parts -->\n * <style>\n *   bcm-tooltip::part(tooltip) {\n *     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n *     border-radius: 12px;\n *   }\n *   bcm-tooltip::part(arrow) {\n *     background: #667eea;\n *   }\n * </style>\n * ```\n */\n@Component({\n  tag: 'bcm-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class BcmTooltip {\n  @Element() host: HTMLBcmTooltipElement;\n\n  private tooltipRef?: HTMLDivElement;\n  private arrowRef?: HTMLDivElement;\n  private triggerRef?: HTMLElement;\n  private cleanupAutoUpdate?: () => void;\n  private showTimeout?: number;\n  private hideTimeout?: number;\n  private mouseX = 0;\n  private mouseY = 0;\n  private rafId?: number;\n  private tooltipId: string;\n\n  /**\n   * How the tooltip is triggered\n   * - 'hover': Shows on mouse enter, hides on mouse leave\n   * - 'click': Toggles on click, closes on outside click or Escape key\n   */\n  @Prop() trigger: TooltipTrigger = 'hover';\n\n  /**\n   * Preferred placement of the tooltip relative to the trigger\n   * Note: Tooltip will automatically flip if there's not enough space\n   * - 'top': Above the trigger element\n   * - 'right': To the right of the trigger element\n   * - 'bottom': Below the trigger element\n   * - 'left': To the left of the trigger element\n   */\n  @Prop() placement: TooltipPlacement = 'top';\n\n  /**\n   * Size variant of the tooltip\n   * - 'small': Compact tooltip with minimal padding (text-size-3, py-1 px-2)\n   * - 'medium': Standard tooltip size (text-size-4, py-1.5 px-3)\n   * - 'large': Larger tooltip for more content (text-size-5, py-2 px-4)\n   */\n  @Prop() size: TooltipSize = 'medium';\n\n  /**\n   * Simple text message to display in the tooltip\n   * Can be overridden by slotting content into the 'content' slot\n   */\n  @Prop() message?: string;\n\n  /**\n   * Delay in milliseconds before showing the tooltip\n   * Useful to prevent tooltips from appearing on quick mouse movements\n   */\n  @Prop({ attribute: 'show-delay' }) showDelay: number = 150;\n\n  /**\n   * Delay in milliseconds before hiding the tooltip\n   * Provides a grace period for mouse movements\n   */\n  @Prop({ attribute: 'hide-delay' }) hideDelay: number = 100;\n\n  /**\n   * Whether to show an arrow pointing to the trigger element\n   * Note: Arrow is automatically hidden in 'follow' mode\n   */\n  @Prop() arrow: boolean = true;\n\n  /**\n   * Disables the tooltip, preventing it from showing\n   * Useful for conditional tooltips based on application state\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Distance in pixels between the tooltip and the trigger element\n   * Also used as the offset in 'follow' mode\n   */\n  @Prop() offset: number = 12;\n\n  /**\n   * Makes the tooltip follow the mouse cursor\n   * When enabled:\n   * - Arrow is hidden\n   * - Tooltip position updates smoothly with cursor movement\n   * - Pointer events are disabled on tooltip to prevent interference\n   */\n  @Prop() follow: boolean = false;\n\n  @State() isOpen = false;\n\n  @Watch('disabled')\n  handleDisabledChange(disabled: boolean) {\n    if (disabled && this.isOpen) {\n      this.hide();\n    }\n  }\n\n  @Watch('trigger')\n  handleTriggerChange() {\n    this.removeTriggerListeners();\n    this.setupOutsideClickListener();\n    if (this.triggerRef) {\n      this.setupTriggerListeners();\n    }\n  }\n\n  @Watch('isOpen')\n  async handleOpenChange(open: boolean) {\n    if (!this.tooltipRef) return;\n\n    if (open) {\n      this.tooltipRef.showPopover();\n\n      // Wait for next frame to ensure popover is rendered\n      await new Promise(resolve => requestAnimationFrame(() => resolve(undefined)));\n\n      if (this.follow) {\n        this.startFollowing();\n      } else {\n        await this.updatePosition();\n        this.startAutoUpdate();\n      }\n    } else {\n      this.tooltipRef.hidePopover();\n      this.stopFollowing();\n      this.stopAutoUpdate();\n    }\n  }\n\n  /**\n   * Programmatically shows the tooltip\n   * Respects the showDelay prop and disabled state\n   */\n  @Method()\n  async show() {\n    if (this.disabled) return;\n    this.clearTimeouts();\n    this.showTimeout = window.setTimeout(() => {\n      this.isOpen = true;\n    }, this.showDelay);\n  }\n\n  /**\n   * Programmatically hides the tooltip\n   * Respects the hideDelay prop\n   */\n  @Method()\n  async hide() {\n    this.clearTimeouts();\n    this.hideTimeout = window.setTimeout(() => {\n      this.isOpen = false;\n    }, this.hideDelay);\n  }\n\n  /**\n   * Toggles the tooltip visibility\n   * If open, hides it; if closed, shows it\n   */\n  @Method()\n  async toggle() {\n    if (this.isOpen) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  private clearTimeouts() {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = undefined;\n    }\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = undefined;\n    }\n  }\n\n  private startAutoUpdate() {\n    if (!this.triggerRef || !this.tooltipRef || this.follow) return;\n\n    this.cleanupAutoUpdate = autoUpdate(this.triggerRef, this.tooltipRef, () => this.updatePosition(), {\n      ancestorScroll: true,\n      ancestorResize: true,\n      elementResize: true,\n      layoutShift: true,\n    });\n  }\n\n  private stopAutoUpdate() {\n    if (this.cleanupAutoUpdate) {\n      this.cleanupAutoUpdate();\n      this.cleanupAutoUpdate = undefined;\n    }\n  }\n\n  private startFollowing() {\n    if (!this.follow) return;\n\n    const updateFollowPosition = () => {\n      if (!this.isOpen || !this.tooltipRef) {\n        this.rafId = undefined;\n        return;\n      }\n\n      const offsetX = this.offset;\n      const offsetY = this.offset;\n\n      this.tooltipRef.style.left = `${this.mouseX + offsetX}px`;\n      this.tooltipRef.style.top = `${this.mouseY + offsetY}px`;\n\n      this.rafId = requestAnimationFrame(updateFollowPosition);\n    };\n\n    this.rafId = requestAnimationFrame(updateFollowPosition);\n  }\n\n  private stopFollowing() {\n    if (this.rafId) {\n      cancelAnimationFrame(this.rafId);\n      this.rafId = undefined;\n    }\n  }\n\n  private async updatePosition() {\n    if (!this.triggerRef || !this.tooltipRef || this.follow) return;\n\n    try {\n      // Check if trigger element is still in viewport\n      const triggerRect = this.triggerRef.getBoundingClientRect();\n      const isInViewport =\n        triggerRect.bottom > 0 && triggerRect.top < window.innerHeight && triggerRect.right > 0 && triggerRect.left < window.innerWidth;\n\n      // Hide tooltip if trigger is out of viewport\n      if (!isInViewport && this.isOpen) {\n        this.hide();\n        return;\n      }\n\n      const middleware = [offset(this.offset), flip(), shift({ padding: 8 })];\n\n      if (this.arrow && this.arrowRef) {\n        middleware.push(arrow({ element: this.arrowRef }));\n      }\n\n      // Use virtual element to properly handle shadow DOM boundaries\n      const virtualElement = {\n        getBoundingClientRect: () => this.triggerRef.getBoundingClientRect(),\n      };\n\n      const { x, y, placement, middlewareData } = await computePosition(virtualElement, this.tooltipRef, {\n        placement: this.placement,\n        strategy: 'fixed',\n        middleware,\n      });\n\n      this.tooltipRef.style.left = `${x}px`;\n      this.tooltipRef.style.top = `${y}px`;\n\n      // Arrow positioning\n      if (this.arrow && this.arrowRef && middlewareData.arrow) {\n        const { x: arrowX, y: arrowY } = middlewareData.arrow;\n        const side = placement.split('-')[0] as 'top' | 'right' | 'bottom' | 'left';\n\n        const staticSide = {\n          top: 'bottom',\n          right: 'left',\n          bottom: 'top',\n          left: 'right',\n        }[side];\n\n        Object.assign(this.arrowRef.style, {\n          left: arrowX != null ? `${arrowX}px` : '',\n          top: arrowY != null ? `${arrowY}px` : '',\n          right: '',\n          bottom: '',\n          [staticSide]: '-4px',\n        });\n      }\n    } catch (error) {\n      console.error('Failed to compute tooltip position:', error);\n    }\n  }\n\n  private setupTriggerListeners() {\n    if (!this.triggerRef) return;\n\n    // Add new listeners based on trigger type\n    if (this.trigger === 'hover') {\n      this.triggerRef.addEventListener('mouseenter', this.handleMouseEnter);\n      this.triggerRef.addEventListener('mouseleave', this.handleMouseLeave);\n\n      if (this.follow) {\n        this.triggerRef.addEventListener('mousemove', this.handleMouseMove);\n      }\n    } else if (this.trigger === 'click') {\n      this.triggerRef.addEventListener('click', this.handleClick);\n    }\n  }\n\n  private handleSlotChange = () => {\n    const slot = this.host.shadowRoot?.querySelector('slot:not([name])');\n    if (!slot) return;\n\n    const elements = (slot as HTMLSlotElement).assignedElements();\n    const assignedElement = elements[0] as HTMLElement;\n\n    // Get the actual element position from the host, not shadow DOM\n    // This ensures proper positioning across shadow boundaries\n    this.triggerRef = (assignedElement || this.host) as HTMLElement;\n\n    if (!this.triggerRef) return;\n\n    // Setup ARIA relationship\n    if (this.tooltipRef && this.tooltipId) {\n      this.triggerRef.setAttribute('aria-describedby', this.tooltipId);\n    }\n\n    // Remove old listeners\n    this.removeTriggerListeners();\n\n    // Add new listeners\n    this.setupTriggerListeners();\n  };\n\n  private removeTriggerListeners() {\n    if (!this.triggerRef) return;\n\n    this.triggerRef.removeEventListener('mouseenter', this.handleMouseEnter);\n    this.triggerRef.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.triggerRef.removeEventListener('mousemove', this.handleMouseMove);\n    this.triggerRef.removeEventListener('click', this.handleClick);\n  }\n\n  private handleMouseEnter = () => {\n    if (!this.disabled) {\n      this.show();\n    }\n  };\n\n  private handleMouseLeave = () => {\n    this.hide();\n  };\n\n  private handleMouseMove = (e: MouseEvent) => {\n    this.mouseX = e.clientX;\n    this.mouseY = e.clientY;\n  };\n\n  private handleClick = () => {\n    if (!this.disabled) {\n      this.toggle();\n    }\n  };\n\n  private handleOutsideClick = (e: Event) => {\n    const target = e.target as Node;\n    if (!this.host.contains(target) && !this.tooltipRef?.contains(target)) {\n      this.hide();\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && this.isOpen) {\n      // Only close if this tooltip's popover element is the topmost\n      const topmostPopover = document.querySelector('[popover]:popover-open:last-of-type');\n      if (topmostPopover === this.tooltipRef) {\n        e.stopPropagation(); // Prevent event from reaching parent popovers\n        this.hide();\n        // Return focus to trigger element\n        if (this.triggerRef && 'focus' in this.triggerRef) {\n          (this.triggerRef as HTMLElement).focus();\n        }\n      }\n    }\n  };\n\n  private handleToggle = (e: Event) => {\n    const toggleEvent = e as ToggleEvent;\n\n    // Sync our internal state with popover state\n    if (toggleEvent.newState === 'open' && !this.isOpen) {\n      this.isOpen = true;\n    } else if (toggleEvent.newState === 'closed' && this.isOpen) {\n      this.isOpen = false;\n    }\n  };\n\n  private setupOutsideClickListener() {\n    // Remove existing listener first\n    document.removeEventListener('click', this.handleOutsideClick);\n\n    // Add listener only for click trigger\n    if (this.trigger === 'click') {\n      document.addEventListener('click', this.handleOutsideClick);\n    }\n  }\n\n  componentDidLoad() {\n    // Generate unique ID for ARIA relationship\n    this.tooltipId = `tooltip-${Math.random().toString(36).substring(2, 11)}`;\n\n    // Setup outside click listener for click trigger\n    this.setupOutsideClickListener();\n\n    // Listen to popover toggle event to sync state\n    if (this.tooltipRef) {\n      this.tooltipRef.addEventListener('toggle', this.handleToggle);\n    }\n\n    // Setup keyboard listener for manual popover escape handling\n    document.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    this.clearTimeouts();\n    this.stopAutoUpdate();\n    this.stopFollowing();\n    this.removeTriggerListeners();\n    document.removeEventListener('click', this.handleOutsideClick);\n    document.removeEventListener('keydown', this.handleKeyDown);\n    if (this.tooltipRef) {\n      this.tooltipRef.removeEventListener('toggle', this.handleToggle);\n    }\n  }\n\n  private tooltipClass = tv({\n    slots: {\n      tooltip: 'bcm-ui-element fixed m-0 bg-color-default-dark text-color-base rounded-md shadow-3 font-medium z-[9999]',\n      arrow: 'absolute w-2 h-2 bg-color-default-dark rotate-45',\n      content: '',\n    },\n    variants: {\n      size: {\n        small: {\n          tooltip: 'text-size-3 py-1 px-2',\n        },\n        medium: {\n          tooltip: 'text-size-4 py-1.5 px-3',\n        },\n        large: {\n          tooltip: 'text-size-5 py-2 px-4',\n        },\n      },\n      follow: {\n        true: {\n          tooltip: 'pointer-events-none',\n        },\n      },\n    },\n  });\n\n  render() {\n    const { tooltip, arrow: arrowClass } = this.tooltipClass({\n      size: this.size,\n      follow: this.follow,\n    });\n\n    return (\n      <div class=\"inline-block\">\n        <slot onSlotchange={this.handleSlotChange}></slot>\n\n        <div\n          ref={el => (this.tooltipRef = el)}\n          id={this.tooltipId}\n          part=\"tooltip\"\n          class={tooltip()}\n          // @ts-ignore - popover is a valid attribute\n          popover=\"manual\"\n          role=\"tooltip\"\n        >\n          {this.arrow && !this.follow && <div ref={el => (this.arrowRef = el)} part=\"arrow\" class={arrowClass()} />}\n          <div part=\"content\">\n            <slot name=\"content\">{this.message}</slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/tooltip/tooltip.css

@@ -1 +1 @@
-:host{--tooltip-bg:var(--bcm-ui-color-background-default-dark-default)}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-\[-1\]{z-index:-1}.z-\[9999\]{z-index:9999}.block{display:block}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.min-w-max{min-width:max-content}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-\[--tooltip-bg\]{background-color:var(--tooltip-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}
+.visible{visibility:visible}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:inline-block}[popover]{border:none;opacity:0;overflow:visible;padding:0;transform:scale(.95);transition:opacity .1s ease-out,transform .1s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-\[9999\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-default-dark{background-color:var(--bcm-ui-color-background-default-dark-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}