bromcom-ui-next 0.1.29 → 0.1.31

package/dist/esm/bcm-tooltip.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"bcm-tooltip.entry.js","sources":["src/components/tooltip/tooltip.css?tag=bcm-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n  --tooltip-bg: var(--bcm-ui-color-background-default-dark-default);\n}\n","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"],"names":[],"mappings":"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"}
+{"version":3,"file":"bcm-tooltip.entry.js","sources":["src/components/tooltip/tooltip.css?tag=bcm-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n[popover] {\n  /* Reset default popover styles */\n  border: none;\n  padding: 0;\n  overflow: visible;\n\n  /* Subtle, fast animation - won't be jarring on quick hover transitions */\n  transition: opacity 100ms ease-out, transform 100ms ease-out;\n  opacity: 0;\n  transform: scale(0.95);\n}\n\n[popover]:popover-open {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* Starting state when opening */\n@starting-style {\n  [popover]:popover-open {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n","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"],"names":[],"mappings":"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"}

package/dist/esm/bromcom-ui.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BuuGCw0z.js';
-export { s as setNonce } from './index-BuuGCw0z.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-B6Ppbs5O.js';
+export { s as setNonce } from './index-B6Ppbs5O.js';
 
 /*
- Stencil Client Patch Browser v4.36.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.38.2 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -16,8 +16,6 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["bcm-dropdown",[[257,"bcm-dropdown",{"text":[1],"isReady":[32],"dropdownItems":[32]},[[2,"bcmDropDownItemChange","handleDropdownItemChange"]]]]],["bcm-avatar",[[257,"bcm-avatar",{"image":[1],"alt":[1],"shape":[1],"size":[1],"color":[1],"icon":[1],"status":[1],"blink":[4],"name":[1],"isFallback":[32]}]]],["bcm-pop-confirm",[[257,"bcm-pop-confirm",{"arrowColor":[1,"arrow-color"],"cancelText":[1,"cancel-text"],"confirmText":[1,"confirm-text"],"description":[1],"headerText":[1,"header-text"],"placement":[1],"size":[1],"status":[1],"statusIcon":[4,"status-icon"],"targetId":[1,"target-id"],"isOpen":[32],"currentPlacement":[32],"show":[64],"hide":[64]}]]],["bcm-accordion",[[257,"bcm-accordion",{"expanded":[1540],"headerTitle":[1,"header-title"],"group":[516],"hintText":[1,"hint-text"],"hasFooterContent":[32],"toggle":[64],"expand":[64],"collapse":[64]}]]],["bcm-accordion-group",[[257,"bcm-accordion-group",{"multi":[4],"accordionItems":[32],"expandAll":[64],"collapseAll":[64],"getExpandedItems":[64]},[[2,"bcmAccordionChange","handleAccordionChange"]]]]],["bcm-alert",[[257,"bcm-alert",{"status":[1],"size":[1],"kind":[1],"dismissible":[4],"showStatusIcon":[4,"show-status-icon"]}]]],["bcm-basic-badge",[[257,"bcm-basic-badge",{"size":[1],"variant":[1],"color":[1],"soft":[4],"text":[1]}]]],["bcm-button-group",[[257,"bcm-button-group",{"kind":[1],"size":[1],"status":[1],"fullWidth":[516,"full-width"],"loading":[4],"disabled":[4],"orientation":[513]}]]],["bcm-checkbox",[[257,"bcm-checkbox",{"_id":[513,"id"],"label":[1],"name":[1],"indeterminate":[1028],"size":[1],"checked":[1028],"error":[4],"disabled":[4],"labelPosition":[1,"label-position"],"fullWidth":[516,"full-width"],"internalChecked":[32]},null,{"checked":["syncCheckedProp"],"indeterminate":["updateIndeterminateState"],"internalChecked":["updateIndeterminateState"]}]]],["bcm-chip",[[257,"bcm-chip",{"size":[1],"kind":[1],"status":[1],"dismissible":[4],"disabled":[4],"color":[1]}]]],["bcm-divider",[[257,"bcm-divider",{"direction":[1],"variant":[1],"size":[1]}]]],["bcm-dropdown-item",[[257,"bcm-dropdown-item",{"text":[1],"icon":[1],"rightIcons":[16,"right-icons"],"selected":[516],"error":[516],"disabled":[516]}]]],["bcm-input",[[257,"bcm-input",{"value":[1537],"placeholder":[1],"name":[1],"_id":[513,"id"],"size":[1],"status":[1],"fullWidth":[516,"full-width"],"type":[1],"disabled":[4],"readonly":[4],"required":[4],"autocomplete":[1],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"min":[2],"max":[2],"step":[2],"pattern":[1],"label":[1],"errorMessage":[1,"error-message"],"captionText":[1,"caption-text"],"labelledby":[1],"describedby":[1],"prefixIcon":[1,"prefix-icon"],"suffixIcon":[1,"suffix-icon"],"useNativeValidation":[4,"use-native-validation"],"validator":[16],"isFocused":[32],"validationMessage":[32],"isValid":[32],"internalStatus":[32],"internalErrorMessage":[32],"isPasswordVisible":[32],"setFocus":[64],"setBlur":[64],"select":[64],"setLocale":[64]},null,{"value":["handleValueChange"],"status":["watchStatus"],"errorMessage":["watchErrorMessage"]}]]],["bcm-popover",[[257,"bcm-popover",{"size":[1],"placement":[1],"trigger":[1],"hoverDelay":[2,"hover-delay"],"open":[1028],"headerText":[1,"header-text"],"message":[1],"openPopup":[64],"closePopup":[64]}]]],["bcm-radio",[[257,"bcm-radio",{"label":[1],"name":[1],"value":[1],"checked":[516],"size":[1],"disabled":[4],"readonly":[4],"labelPosition":[1,"label-position"],"error":[4]}]]],["bcm-radio-group",[[257,"bcm-radio-group",{"name":[1],"value":[1],"disabled":[4],"required":[4],"error":[4],"label":[1],"size":[1],"direction":[1],"captionText":[1,"caption-text"],"setClear":[64],"resetCaption":[64]},[[2,"bcmRadioChange","handleRadioChange"]],{"value":["handleValueChange"]}]]],["bcm-segmented-picker",[[257,"bcm-segmented-picker",{"size":[1],"value":[1537],"disabled":[4],"fullWidth":[516,"full-width"],"options":[32],"indicatorStyles":[32]},[[0,"bcmOptionClick","handleOptionClick"]],{"value":["valueChanged"]}]]],["bcm-segmented-picker-option",[[257,"bcm-segmented-picker-option",{"value":[1],"label":[1],"size":[1],"selected":[1028],"disabled":[4],"getWidth":[64]}]]],["bcm-shortcut",[[257,"bcm-shortcut",{"hotkey":[1],"size":[1]}]]],["bcm-switch",[[257,"bcm-switch",{"checked":[1540],"disabled":[4],"name":[1],"value":[1],"label":[1],"labelPosition":[1,"label-position"],"error":[4],"caption":[1],"size":[1],"readonly":[4],"required":[4]}]]],["bcm-tabs",[[257,"bcm-tabs",{"defaultValue":[513,"default-value"],"size":[513],"variant":[513],"smooth":[516],"activeTab":[32],"previousTab":[32],"disableTab":[64],"enableTab":[64],"disableAllTabs":[64],"enableAllTabs":[64],"getActiveTab":[64],"setActiveTab":[64]},[[9,"resize","handleResize"],[2,"bcmTabSelected","handleTabSelected"]],{"size":["handleSizeChange"],"variant":["handleVariantChange"],"smooth":["handleSmoothChange"]}]]],["bcm-tabs-content",[[257,"bcm-tabs-content",{"value":[513]}]]],["bcm-tabs-list",[[257,"bcm-tabs-list",{"variant":[513],"smooth":[516]}]]],["bcm-tabs-trigger",[[257,"bcm-tabs-trigger",{"value":[513],"active":[516],"size":[513],"disabled":[516],"variant":[513],"smooth":[516]}]]],["bcm-text",[[257,"bcm-text",{"text":[1],"variant":[1],"size":[1],"overflow":[4]}]]],["bcm-textarea",[[257,"bcm-textarea",{"value":[1537],"rows":[2],"cols":[2],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"resize":[1],"autoGrow":[4,"auto-grow"],"placeholder":[1],"name":[1],"_id":[513,"id"],"size":[1],"status":[1],"fullWidth":[516,"full-width"],"disabled":[4],"readonly":[4],"required":[4],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"showCounter":[4,"show-counter"],"label":[1],"errorMessage":[1,"error-message"],"captionText":[1,"caption-text"],"labelledby":[1],"describedby":[1],"validator":[16],"isFocused":[32],"validationMessage":[32],"isValid":[32],"internalStatus":[32],"internalErrorMessage":[32],"setFocus":[64],"setBlur":[64],"select":[64]},null,{"value":["handleValueChange"],"status":["watchStatus"],"errorMessage":["watchErrorMessage"]}]]],["bcm-tooltip",[[257,"bcm-tooltip",{"trigger":[1],"placement":[1],"size":[1],"message":[1],"showDelay":[2,"show-delay"],"open":[32],"openTooltip":[64],"closeTooltip":[64]}]]],["bcm-badge",[[257,"bcm-badge",{"size":[1],"variant":[1],"color":[1],"soft":[4],"blink":[4],"status":[1],"position":[1],"offset":[1],"text":[1]}]]],["bcm-linked",[[260,"bcm-linked",{"targetId":[513,"target-id"],"targetElement":[16,"target-element"],"trigger":[1],"placement":[1],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"offset":[2],"arrow":[4],"disabled":[4],"zIndex":[2,"z-index"],"appendToBody":[4,"append-to-body"],"destroyOnHide":[4,"destroy-on-hide"],"isVisible":[32],"isReady":[32],"show":[64],"hide":[64],"toggle":[64],"updatePositioning":[64]},null,{"targetId":["setupTarget"],"targetElement":["setupTarget"],"isVisible":["onVisibilityChange"]}]]],["bcm-button_3",[[257,"bcm-drawer",{"open":[1540],"size":[1],"position":[1],"fullWidth":[4,"full-width"],"headerText":[1,"header-text"],"noHeader":[4,"no-header"],"show":[64],"hide":[64]},[[8,"keydown","handleKeyDown"]],{"open":["handleOpenChange"]}],[257,"bcm-modal",{"open":[1540],"size":[1],"placement":[1],"backdrop":[8],"fullWidth":[4,"full-width"],"fullScreen":[4,"full-screen"],"headerText":[1,"header-text"],"helperText":[1,"helper-text"],"noHeader":[4,"no-header"],"noFooter":[4,"no-footer"],"closeOnBackdrop":[4,"close-on-backdrop"],"closeOnEscape":[4,"close-on-escape"],"isAnimating":[32],"shake":[32],"show":[64],"hide":[64],"toggle":[64]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]],{"open":["handleOpenChange"]}],[257,"bcm-button",{"kind":[1],"size":[1],"status":[1],"variant":[1],"position":[513],"icon":[1],"iconPosition":[1,"icon-position"],"iconOnly":[4,"icon-only"],"fullWidth":[516,"full-width"],"type":[1],"loading":[4],"disabled":[4],"text":[1],"active":[4],"form":[1],"value":[1],"name":[1],"label":[1],"expanded":[1],"controls":[1]}]]]], options);
+  return bootstrapLazy([["bcm-dropdown",[[257,"bcm-dropdown",{"text":[1],"dropdownItems":[32]},[[2,"bcmDropDownItemChange","handleDropdownItemChange"]]]]],["bcm-avatar",[[257,"bcm-avatar",{"image":[1],"alt":[1],"shape":[1],"size":[1],"color":[1],"icon":[1],"status":[1],"blink":[4],"name":[1],"isFallback":[32]}]]],["bcm-file-upload",[[321,"bcm-file-upload",{"name":[1],"label":[1],"caption":[1],"multiple":[4],"accept":[1],"maxSize":[1026,"max-size"],"required":[4],"disabled":[4],"size":[1],"uploadUrl":[1,"upload-url"],"maxFileCount":[2,"max-file-count"],"customErrorMessages":[16],"files":[32],"dragActive":[32],"maxSizeError":[32],"typeError":[32],"maxFileCountError":[32]},null,{"maxSize":["handleMaxSizeChange"]}]]],["bcm-pop-confirm",[[257,"bcm-pop-confirm",{"placement":[1],"size":[1],"status":[1],"headerText":[1,"header-text"],"description":[1],"confirmText":[1,"confirm-text"],"cancelText":[1,"cancel-text"],"showArrow":[4,"show-arrow"],"statusIcon":[4,"status-icon"],"offsetDistance":[2,"offset-distance"],"closeOnOutsideClick":[4,"close-on-outside-click"],"closeOnEscape":[4,"close-on-escape"],"isOpen":[32],"show":[64],"hide":[64],"toggle":[64]},[[4,"keydown","handleKeyDown"]],{"isOpen":["handleOpenChange"]}]]],["bcm-segment_2",[[257,"bcm-segment",{"value":[513],"disabled":[516],"selected":[1540],"size":[1025],"index":[1026],"activeIndex":[1026,"active-index"]}],[321,"bcm-segmented-picker",{"value":[1537],"name":[513],"required":[516],"size":[513],"fullWidth":[516,"full-width"],"disabled":[516],"shadow":[516],"segments":[32],"activeIndex":[32],"setValue":[64],"getValue":[64]},[[0,"bcmSegmentClick","handleSegmentClick"]],{"value":["handleValueChange"],"required":["handleValidationPropsChange"],"disabled":["handleValidationPropsChange"],"size":["handleSizeChange"]}]]],["bcm-accordion",[[257,"bcm-accordion",{"expanded":[1540],"headerTitle":[1,"header-title"],"group":[516],"hintText":[1,"hint-text"],"hasFooterContent":[32],"toggle":[64],"expand":[64],"collapse":[64]}]]],["bcm-accordion-group",[[257,"bcm-accordion-group",{"multi":[4],"accordionItems":[32],"expandAll":[64],"collapseAll":[64],"getExpandedItems":[64]},[[2,"bcmAccordionChange","handleAccordionChange"]]]]],["bcm-basic-badge",[[257,"bcm-basic-badge",{"size":[1],"variant":[1],"color":[1],"soft":[4],"text":[1]}]]],["bcm-button-group",[[257,"bcm-button-group",{"kind":[1],"size":[1],"status":[1],"fullWidth":[516,"full-width"],"loading":[4],"disabled":[4],"orientation":[513]}]]],["bcm-checkbox",[[321,"bcm-checkbox",{"validationMode":[1,"validation-mode"],"name":[1],"required":[4],"disabled":[4],"readonly":[4],"checked":[1028],"value":[1],"_id":[513,"id"],"label":[1],"indeterminate":[1028],"size":[1],"error":[1028],"caption":[1025],"labelPosition":[1,"label-position"],"fullWidth":[516,"full-width"],"internalChecked":[32],"touched":[32],"submitAttempted":[32]},null,{"checked":["onStateChange","syncFromBase"],"required":["onStateChange"],"disabled":["onStateChange"],"value":["onStateChange"],"indeterminate":["onIndeterminateChange"]}]]],["bcm-chip",[[257,"bcm-chip",{"size":[1],"kind":[1],"status":[1],"dismissible":[4],"disabled":[4],"color":[1]}]]],["bcm-divider",[[257,"bcm-divider",{"direction":[1],"variant":[1],"size":[1]}]]],["bcm-drawer",[[257,"bcm-drawer",{"open":[1540],"size":[1],"position":[513],"fullWidth":[4,"full-width"],"fullScreen":[4,"full-screen"],"backdrop":[8],"headerText":[1,"header-text"],"helperText":[1,"helper-text"],"noHeader":[4,"no-header"],"noFooter":[4,"no-footer"],"closeOnBackdrop":[4,"close-on-backdrop"],"closeOnEscape":[4,"close-on-escape"],"shake":[32],"show":[64],"hide":[64],"toggle":[64]},[[2,"click","handleClick"]],{"open":["handleOpenChange"]}]]],["bcm-dropdown-item",[[257,"bcm-dropdown-item",{"text":[1],"icon":[1],"rightIcons":[16],"selected":[516],"error":[516],"disabled":[516]}]]],["bcm-input",[[321,"bcm-input",{"value":[1537],"placeholder":[1],"name":[1],"_id":[513,"id"],"size":[1],"status":[1],"fullWidth":[516,"full-width"],"type":[1],"disabled":[4],"readonly":[4],"required":[4],"autocomplete":[1],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"min":[2],"max":[2],"step":[2],"pattern":[1],"label":[1],"errorMessage":[1,"error-message"],"captionText":[1,"caption-text"],"labelledby":[1],"describedby":[1],"prefixIcon":[1,"prefix-icon"],"suffixIcon":[1,"suffix-icon"],"useNativeValidation":[4,"use-native-validation"],"validator":[16],"isFocused":[32],"validationMessage":[32],"isValid":[32],"internalStatus":[32],"internalErrorMessage":[32],"isPasswordVisible":[32],"setFocus":[64],"setBlur":[64],"select":[64],"setLocale":[64]},null,{"value":["handleValueChange"],"status":["watchStatus"],"errorMessage":["watchErrorMessage"]}]]],["bcm-modal",[[257,"bcm-modal",{"open":[1540],"size":[1],"placement":[1],"backdrop":[8],"fullWidth":[4,"full-width"],"fullScreen":[4,"full-screen"],"headerText":[1,"header-text"],"helperText":[1,"helper-text"],"noHeader":[4,"no-header"],"noFooter":[4,"no-footer"],"closeOnBackdrop":[4,"close-on-backdrop"],"closeOnEscape":[4,"close-on-escape"],"isAnimating":[32],"shake":[32],"show":[64],"hide":[64],"toggle":[64]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]],{"open":["handleOpenChange"]}]]],["bcm-popover",[[257,"bcm-popover",{"size":[1],"placement":[1],"trigger":[1],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"open":[1540],"closeOnOutsideClick":[4,"close-on-outside-click"],"closeOnEscape":[4,"close-on-escape"],"headerText":[1,"header-text"],"message":[1],"arrow":[4],"isOpen":[32],"show":[64],"hide":[64],"toggle":[64]},[[4,"keydown","handleKeyDown"]],{"open":["handleOpenChange"]}]]],["bcm-radio",[[321,"bcm-radio",{"_id":[513,"id"],"label":[1],"name":[1],"value":[1],"checked":[1540],"size":[1],"disabled":[4],"readonly":[4],"labelPosition":[1,"label-position"],"error":[4],"required":[4],"internalChecked":[32]},null,{"checked":["onCheckedChange"],"internalChecked":["onInternalCheckedChange"]}]]],["bcm-radio-group",[[257,"bcm-radio-group",{"name":[1],"value":[1],"disabled":[4],"required":[4],"error":[4],"label":[1],"size":[1],"direction":[1],"captionText":[1,"caption-text"],"setClear":[64],"resetCaption":[64]},[[2,"bcmRadioChange","handleRadioChange"]],{"value":["handleValueChange"]}]]],["bcm-shortcut",[[257,"bcm-shortcut",{"hotkey":[1],"size":[1]}]]],["bcm-switch",[[321,"bcm-switch",{"validationMode":[1,"validation-mode"],"name":[1],"required":[4],"disabled":[4],"readonly":[4],"checked":[1028],"value":[1],"_id":[513,"id"],"label":[1],"labelPosition":[1,"label-position"],"error":[1028],"caption":[1025],"size":[1],"internalChecked":[32],"touched":[32],"submitAttempted":[32]},null,{"checked":["onStateChange","onBaseCheckedChange"],"required":["onStateChange"],"disabled":["onStateChange"],"value":["onStateChange"]}]]],["bcm-tab",[[257,"bcm-tab",{"value":[513],"label":[513],"disabled":[516],"active":[1540],"size":[1025]}]]],["bcm-tabs",[[257,"bcm-tabs",{"value":[1537],"size":[513],"variant":[513],"shadow":[516],"tabs":[32],"activeIndex":[32],"setActiveTab":[64],"getActiveTab":[64]},[[0,"bcmTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"],"size":["handleSizeChange"]}]]],["bcm-text",[[257,"bcm-text",{"text":[1],"variant":[1],"size":[1],"overflow":[4]}]]],["bcm-textarea",[[321,"bcm-textarea",{"value":[1537],"rows":[2],"cols":[2],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"resize":[1],"autoGrow":[4,"auto-grow"],"placeholder":[1],"name":[1],"_id":[513,"id"],"size":[1],"status":[1],"fullWidth":[516,"full-width"],"disabled":[4],"readonly":[4],"required":[4],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"showCounter":[4,"show-counter"],"label":[1],"errorMessage":[1,"error-message"],"captionText":[1,"caption-text"],"labelledby":[1],"describedby":[1],"validator":[16],"isFocused":[32],"validationMessage":[32],"isValid":[32],"internalStatus":[32],"internalErrorMessage":[32],"setFocus":[64],"setBlur":[64],"select":[64]},null,{"value":["handleValueChange"],"status":["watchStatus"],"errorMessage":["watchErrorMessage"]}]]],["bcm-tooltip",[[257,"bcm-tooltip",{"trigger":[1],"placement":[1],"size":[1],"message":[1],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"arrow":[4],"disabled":[4],"offset":[2],"follow":[4],"isOpen":[32],"show":[64],"hide":[64],"toggle":[64]},null,{"disabled":["handleDisabledChange"],"trigger":["handleTriggerChange"],"isOpen":["handleOpenChange"]}]]],["bcm-alert",[[257,"bcm-alert",{"status":[1],"size":[1],"kind":[1],"dismissible":[4],"showStatusIcon":[4,"show-status-icon"]}]]],["bcm-badge",[[257,"bcm-badge",{"size":[1],"variant":[1],"color":[1],"soft":[4],"blink":[4],"status":[1],"position":[1],"offset":[1],"text":[1]}]]],["bcm-linked",[[257,"bcm-linked",{"visible":[1540],"trigger":[1],"placement":[1],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"offsetDistance":[2,"offset-distance"],"showArrow":[4,"show-arrow"],"disabled":[4],"closeOnOutsideClick":[4,"close-on-outside-click"],"closeOnEscape":[4,"close-on-escape"],"isVisible":[32],"show":[64],"hide":[64],"toggle":[64],"updatePosition":[64]},[[4,"keydown","handleKeyDown"]],{"visible":["handleVisibleChange"],"disabled":["handleDisabledChange"],"placement":["handlePositionPropsChange"],"offsetDistance":["handlePositionPropsChange"],"showArrow":["handlePositionPropsChange"]}]]],["bcm-button",[[257,"bcm-button",{"kind":[1],"size":[1],"status":[1],"variant":[1],"position":[513],"icon":[1],"iconPosition":[1,"icon-position"],"iconOnly":[4,"icon-only"],"fullWidth":[516,"full-width"],"type":[1],"loading":[4],"disabled":[4],"text":[1],"active":[4],"form":[1],"value":[1],"name":[1],"label":[1],"expanded":[1],"controls":[1]}]]]], options);
 });
 //# sourceMappingURL=bromcom-ui.js.map
-
-//# sourceMappingURL=bromcom-ui.js.map

package/dist/esm/bromcom-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"bromcom-ui.js","sources":["node_modules/.pnpm/@stencil+core@4.36.1/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.36.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"bromcom-ui.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.38.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/esm/{floating-ui.dom-DxMLMJ3r.js → floating-ui.dom-DBDSgIvP.js}

@@ -502,7 +502,7 @@ const flip$1 = function (options) {
           if (!ignoreCrossAxisOverflow ||
           // We leave the current main axis only if every placement on that axis
           // overflows the main axis.
-          overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
+          overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
             // Try next placement and re-run the lifecycle.
             return {
               data: {
@@ -774,7 +774,7 @@ function isOverflowElement(element) {
     overflowX,
     overflowY,
     display
-  } = getComputedStyle(element);
+  } = getComputedStyle$1(element);
   return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
 }
 const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
@@ -796,7 +796,7 @@ const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspect
 const containValues = ['paint', 'layout', 'strict', 'content'];
 function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
+  const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   // https://drafts.csswg.org/css-transforms-2/#individual-transforms
@@ -822,7 +822,7 @@ const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#documen
 function isLastTraversableNode(node) {
   return lastTraversableNodeNames.has(getNodeName(node));
 }
-function getComputedStyle(element) {
+function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
 }
 function getNodeScroll(element) {
@@ -884,7 +884,7 @@ function getFrameElement(win) {
 }
 
 function getCssDimensions(element) {
-  const css = getComputedStyle(element);
+  const css = getComputedStyle$1(element);
   // In testing environments, the `width` and `height` properties are empty
   // strings for SVG elements, returning NaN. Fallback to `0` in this case.
   let width = parseFloat(css.width) || 0;
@@ -989,7 +989,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
-      const css = getComputedStyle(currentIFrame);
+      const css = getComputedStyle$1(currentIFrame);
       const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
       const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
       x *= iframeScale.x;
@@ -1020,14 +1020,9 @@ function getWindowScrollBarX(element, rect) {
   return rect.left + leftScroll;
 }
 
-function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
-  if (ignoreScrollbarX === void 0) {
-    ignoreScrollbarX = false;
-  }
+function getHTMLOffset(documentElement, scroll) {
   const htmlRect = documentElement.getBoundingClientRect();
-  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 :
-  // RTL <body> scrollbar.
-  getWindowScrollBarX(documentElement, htmlRect));
+  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
   const y = htmlRect.top + scroll.scrollTop;
   return {
     x,
@@ -1066,7 +1061,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
@@ -1089,7 +1084,7 @@ function getDocumentRect(element) {
   const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y = -scroll.scrollTop;
-  if (getComputedStyle(body).direction === 'rtl') {
+  if (getComputedStyle$1(body).direction === 'rtl') {
     x += max(html.clientWidth, body.clientWidth) - width;
   }
   return {
@@ -1100,6 +1095,10 @@ function getDocumentRect(element) {
   };
 }
 
+// Safety check: ensure the scrollbar space is reasonable in case this
+// calculation is affected by unusual styles.
+// Most scrollbars leave 15-18px of space.
+const SCROLLBAR_MAX = 25;
 function getViewportRect(element, strategy) {
   const win = getWindow(element);
   const html = getDocumentElement(element);
@@ -1117,6 +1116,24 @@ function getViewportRect(element, strategy) {
       y = visualViewport.offsetTop;
     }
   }
+  const windowScrollbarX = getWindowScrollBarX(html);
+  // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the
+  // visual width of the <html> but this is not considered in the size
+  // of `html.clientWidth`.
+  if (windowScrollbarX <= 0) {
+    const doc = html.ownerDocument;
+    const body = doc.body;
+    const bodyStyles = getComputedStyle(body);
+    const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
+    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
+    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
+      width -= clippingStableScrollbarWidth;
+    }
+  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
+    // If the <body> scrollbar is on the left, the width needs to be extended
+    // by the scrollbar amount so there isn't extra space on the right.
+    width += windowScrollbarX;
+  }
   return {
     width,
     height,
@@ -1167,7 +1184,7 @@ function hasFixedPositionAncestor(element, stopNode) {
   if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
     return false;
   }
-  return getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
+  return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
 }
 
 // A "clipping ancestor" is an `overflow` element with the characteristic of
@@ -1180,12 +1197,12 @@ function getClippingElementAncestors(element, cache) {
   }
   let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
   let currentContainingBlockComputedStyle = null;
-  const elementIsFixed = getComputedStyle(element).position === 'fixed';
+  const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
   let currentNode = elementIsFixed ? getParentNode(element) : element;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    const computedStyle = getComputedStyle(currentNode);
+    const computedStyle = getComputedStyle$1(currentNode);
     const currentNodeIsContaining = isContainingBlock(currentNode);
     if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
       currentContainingBlockComputedStyle = null;
@@ -1286,11 +1303,11 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
 }
 
 function isStaticPositioned(element) {
-  return getComputedStyle(element).position === 'static';
+  return getComputedStyle$1(element).position === 'static';
 }
 
 function getTrueOffsetParent(element, polyfill) {
-  if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
+  if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
     return null;
   }
   if (polyfill) {
@@ -1351,7 +1368,7 @@ const getElementRects = async function (data) {
 };
 
 function isRTL(element) {
-  return getComputedStyle(element).direction === 'rtl';
+  return getComputedStyle$1(element).direction === 'rtl';
 }
 
 const platform = {
@@ -1592,7 +1609,7 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-export { arrow as a, autoUpdate as b, computePosition as c, flip as f, offset as o, shift as s };
-//# sourceMappingURL=floating-ui.dom-DxMLMJ3r.js.map
+export { autoUpdate as a, arrow as b, computePosition as c, flip as f, offset as o, shift as s };
+//# sourceMappingURL=floating-ui.dom-DBDSgIvP.js.map
 
-//# sourceMappingURL=floating-ui.dom-DxMLMJ3r.js.map
+//# sourceMappingURL=floating-ui.dom-DBDSgIvP.js.map