bromcom-ui-next 0.1.30 → 0.1.31

package/dist/components/bcm-tooltip.js

@@ -11,159 +11,79 @@ const BcmTooltip$1 = /*@__PURE__*/ proxyCustomElement(class BcmTooltip extends H
             this.__registerHost();
         }
         this.__attachShadow();
-        this.mouseX = 0;
-        this.mouseY = 0;
-        /**
-         * How the tooltip is triggered
-         * - 'hover': Shows on mouse enter, hides on mouse leave
-         * - 'click': Toggles on click, closes on outside click or Escape key
-         */
-        this.trigger = 'hover';
-        /**
-         * Preferred placement of the tooltip relative to the trigger
-         * Note: Tooltip will automatically flip if there's not enough space
-         * - 'top': Above the trigger element
-         * - 'right': To the right of the trigger element
-         * - 'bottom': Below the trigger element
-         * - 'left': To the left of the trigger element
-         */
-        this.placement = 'top';
-        /**
-         * Size variant of the tooltip
-         * - 'small': Compact tooltip with minimal padding (text-size-3, py-1 px-2)
-         * - 'medium': Standard tooltip size (text-size-4, py-1.5 px-3)
-         * - 'large': Larger tooltip for more content (text-size-5, py-2 px-4)
-         */
-        this.size = 'medium';
-        /**
-         * Delay in milliseconds before showing the tooltip
-         * Useful to prevent tooltips from appearing on quick mouse movements
-         */
-        this.showDelay = 150;
-        /**
-         * Delay in milliseconds before hiding the tooltip
-         * Provides a grace period for mouse movements
-         */
-        this.hideDelay = 100;
-        /**
-         * Whether to show an arrow pointing to the trigger element
-         * Note: Arrow is automatically hidden in 'follow' mode
-         */
-        this.arrow = true;
-        /**
-         * Disables the tooltip, preventing it from showing
-         * Useful for conditional tooltips based on application state
-         */
-        this.disabled = false;
-        /**
-         * Distance in pixels between the tooltip and the trigger element
-         * Also used as the offset in 'follow' mode
-         */
-        this.offset = 12;
-        /**
-         * Makes the tooltip follow the mouse cursor
-         * When enabled:
-         * - Arrow is hidden
-         * - Tooltip position updates smoothly with cursor movement
-         * - Pointer events are disabled on tooltip to prevent interference
-         */
-        this.follow = false;
-        this.isOpen = false;
-        this.handleSlotChange = () => {
-            var _a;
-            const slot = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
-            if (!slot)
-                return;
-            const elements = slot.assignedElements();
-            const assignedElement = elements[0];
-            // Get the actual element position from the host, not shadow DOM
-            // This ensures proper positioning across shadow boundaries
-            this.triggerRef = (assignedElement || this.host);
-            if (!this.triggerRef)
-                return;
-            // Setup ARIA relationship
-            if (this.tooltipRef && this.tooltipId) {
-                this.triggerRef.setAttribute('aria-describedby', this.tooltipId);
-            }
-            // Remove old listeners
-            this.removeTriggerListeners();
-            // Add new listeners
-            this.setupTriggerListeners();
-        };
-        this.handleMouseEnter = () => {
-            if (!this.disabled) {
-                this.show();
-            }
-        };
-        this.handleMouseLeave = () => {
-            this.hide();
-        };
-        this.handleMouseMove = (e) => {
-            this.mouseX = e.clientX;
-            this.mouseY = e.clientY;
-        };
-        this.handleClick = () => {
-            if (!this.disabled) {
-                this.toggle();
-            }
-        };
-        this.handleOutsideClick = (e) => {
-            var _a;
-            const target = e.target;
-            if (!this.host.contains(target) && !((_a = this.tooltipRef) === null || _a === void 0 ? void 0 : _a.contains(target))) {
-                this.hide();
-            }
-        };
-        this.handleKeyDown = (e) => {
-            if (e.key === 'Escape' && this.isOpen) {
-                // Only close if this tooltip's popover element is the topmost
-                const topmostPopover = document.querySelector('[popover]:popover-open:last-of-type');
-                if (topmostPopover === this.tooltipRef) {
-                    e.stopPropagation(); // Prevent event from reaching parent popovers
-                    this.hide();
-                    // Return focus to trigger element
-                    if (this.triggerRef && 'focus' in this.triggerRef) {
-                        this.triggerRef.focus();
-                    }
-                }
-            }
-        };
-        this.handleToggle = (e) => {
-            const toggleEvent = e;
-            // Sync our internal state with popover state
-            if (toggleEvent.newState === 'open' && !this.isOpen) {
-                this.isOpen = true;
-            }
-            else if (toggleEvent.newState === 'closed' && this.isOpen) {
-                this.isOpen = false;
-            }
-        };
-        this.tooltipClass = tv({
-            slots: {
-                tooltip: 'bcm-ui-element fixed m-0 bg-color-default-dark text-color-base rounded-md shadow-3 font-medium z-[9999]',
-                arrow: 'absolute w-2 h-2 bg-color-default-dark rotate-45',
-                content: '',
-            },
-            variants: {
-                size: {
-                    small: {
-                        tooltip: 'text-size-3 py-1 px-2',
-                    },
-                    medium: {
-                        tooltip: 'text-size-4 py-1.5 px-3',
-                    },
-                    large: {
-                        tooltip: 'text-size-5 py-2 px-4',
-                    },
-                },
-                follow: {
-                    true: {
-                        tooltip: 'pointer-events-none',
-                    },
-                },
-            },
-        });
     }
+    get host() { return this; }
+    tooltipRef;
+    arrowRef;
+    triggerRef;
+    cleanupAutoUpdate;
+    showTimeout;
+    hideTimeout;
+    mouseX = 0;
+    mouseY = 0;
+    rafId;
+    tooltipId;
+    /**
+     * How the tooltip is triggered
+     * - 'hover': Shows on mouse enter, hides on mouse leave
+     * - 'click': Toggles on click, closes on outside click or Escape key
+     */
+    trigger = 'hover';
+    /**
+     * Preferred placement of the tooltip relative to the trigger
+     * Note: Tooltip will automatically flip if there's not enough space
+     * - 'top': Above the trigger element
+     * - 'right': To the right of the trigger element
+     * - 'bottom': Below the trigger element
+     * - 'left': To the left of the trigger element
+     */
+    placement = 'top';
+    /**
+     * Size variant of the tooltip
+     * - 'small': Compact tooltip with minimal padding (text-size-3, py-1 px-2)
+     * - 'medium': Standard tooltip size (text-size-4, py-1.5 px-3)
+     * - 'large': Larger tooltip for more content (text-size-5, py-2 px-4)
+     */
+    size = 'medium';
+    /**
+     * Simple text message to display in the tooltip
+     * Can be overridden by slotting content into the 'content' slot
+     */
+    message;
+    /**
+     * Delay in milliseconds before showing the tooltip
+     * Useful to prevent tooltips from appearing on quick mouse movements
+     */
+    showDelay = 150;
+    /**
+     * Delay in milliseconds before hiding the tooltip
+     * Provides a grace period for mouse movements
+     */
+    hideDelay = 100;
+    /**
+     * Whether to show an arrow pointing to the trigger element
+     * Note: Arrow is automatically hidden in 'follow' mode
+     */
+    arrow = true;
+    /**
+     * Disables the tooltip, preventing it from showing
+     * Useful for conditional tooltips based on application state
+     */
+    disabled = false;
+    /**
+     * Distance in pixels between the tooltip and the trigger element
+     * Also used as the offset in 'follow' mode
+     */
+    offset = 12;
+    /**
+     * Makes the tooltip follow the mouse cursor
+     * When enabled:
+     * - Arrow is hidden
+     * - Tooltip position updates smoothly with cursor movement
+     * - Pointer events are disabled on tooltip to prevent interference
+     */
+    follow = false;
+    isOpen = false;
     handleDisabledChange(disabled) {
         if (disabled && this.isOpen) {
             this.hide();
@@ -344,6 +264,26 @@ const BcmTooltip$1 = /*@__PURE__*/ proxyCustomElement(class BcmTooltip extends H
             this.triggerRef.addEventListener('click', this.handleClick);
         }
     }
+    handleSlotChange = () => {
+        const slot = this.host.shadowRoot?.querySelector('slot:not([name])');
+        if (!slot)
+            return;
+        const elements = slot.assignedElements();
+        const assignedElement = elements[0];
+        // Get the actual element position from the host, not shadow DOM
+        // This ensures proper positioning across shadow boundaries
+        this.triggerRef = (assignedElement || this.host);
+        if (!this.triggerRef)
+            return;
+        // Setup ARIA relationship
+        if (this.tooltipRef && this.tooltipId) {
+            this.triggerRef.setAttribute('aria-describedby', this.tooltipId);
+        }
+        // Remove old listeners
+        this.removeTriggerListeners();
+        // Add new listeners
+        this.setupTriggerListeners();
+    };
     removeTriggerListeners() {
         if (!this.triggerRef)
             return;
@@ -352,6 +292,53 @@ const BcmTooltip$1 = /*@__PURE__*/ proxyCustomElement(class BcmTooltip extends H
         this.triggerRef.removeEventListener('mousemove', this.handleMouseMove);
         this.triggerRef.removeEventListener('click', this.handleClick);
     }
+    handleMouseEnter = () => {
+        if (!this.disabled) {
+            this.show();
+        }
+    };
+    handleMouseLeave = () => {
+        this.hide();
+    };
+    handleMouseMove = (e) => {
+        this.mouseX = e.clientX;
+        this.mouseY = e.clientY;
+    };
+    handleClick = () => {
+        if (!this.disabled) {
+            this.toggle();
+        }
+    };
+    handleOutsideClick = (e) => {
+        const target = e.target;
+        if (!this.host.contains(target) && !this.tooltipRef?.contains(target)) {
+            this.hide();
+        }
+    };
+    handleKeyDown = (e) => {
+        if (e.key === 'Escape' && this.isOpen) {
+            // Only close if this tooltip's popover element is the topmost
+            const topmostPopover = document.querySelector('[popover]:popover-open:last-of-type');
+            if (topmostPopover === this.tooltipRef) {
+                e.stopPropagation(); // Prevent event from reaching parent popovers
+                this.hide();
+                // Return focus to trigger element
+                if (this.triggerRef && 'focus' in this.triggerRef) {
+                    this.triggerRef.focus();
+                }
+            }
+        }
+    };
+    handleToggle = (e) => {
+        const toggleEvent = e;
+        // Sync our internal state with popover state
+        if (toggleEvent.newState === 'open' && !this.isOpen) {
+            this.isOpen = true;
+        }
+        else if (toggleEvent.newState === 'closed' && this.isOpen) {
+            this.isOpen = false;
+        }
+    };
     setupOutsideClickListener() {
         // Remove existing listener first
         document.removeEventListener('click', this.handleOutsideClick);
@@ -383,6 +370,31 @@ const BcmTooltip$1 = /*@__PURE__*/ proxyCustomElement(class BcmTooltip extends H
             this.tooltipRef.removeEventListener('toggle', this.handleToggle);
         }
     }
+    tooltipClass = tv({
+        slots: {
+            tooltip: 'bcm-ui-element fixed m-0 bg-color-default-dark text-color-base rounded-md shadow-3 font-medium z-[9999]',
+            arrow: 'absolute w-2 h-2 bg-color-default-dark rotate-45',
+            content: '',
+        },
+        variants: {
+            size: {
+                small: {
+                    tooltip: 'text-size-3 py-1 px-2',
+                },
+                medium: {
+                    tooltip: 'text-size-4 py-1.5 px-3',
+                },
+                large: {
+                    tooltip: 'text-size-5 py-2 px-4',
+                },
+            },
+            follow: {
+                true: {
+                    tooltip: 'pointer-events-none',
+                },
+            },
+        },
+    });
     render() {
         const { tooltip, arrow: arrowClass } = this.tooltipClass({
             size: this.size,
@@ -392,7 +404,6 @@ const BcmTooltip$1 = /*@__PURE__*/ proxyCustomElement(class BcmTooltip extends H
             // @ts-ignore - popover is a valid attribute
             popover: "manual", role: "tooltip" }, this.arrow && !this.follow && h("div", { key: '7170aba70efdf413f4823cf2eff5618271b2fa70', ref: el => (this.arrowRef = el), part: "arrow", class: arrowClass() }), h("div", { key: '4fd9b56ce036663caaf1a75874e95ea566e214ef', part: "content" }, h("slot", { key: 'd5ab1ab3ef54e1c827ed1d009e226258a099378b', name: "content" }, this.message)))));
     }
-    get host() { return this; }
     static get watchers() { return {
         "disabled": ["handleDisabledChange"],
         "trigger": ["handleTriggerChange"],

package/dist/components/bcm-tooltip.js.map

@@ -1 +1 @@
-{"file":"bcm-tooltip.js","mappings":"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","names":["BcmTooltip","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}
+{"file":"bcm-tooltip.js","mappings":"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","names":["BcmTooltip","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}