@brightspot/ui 1.4.0 → 1.5.0

package/README.md

@@ -99,6 +99,18 @@ An example of including a plugin:
     ...
 ```
 
+## Web Components
+
+Brightspot UI includes custom web components built with LitElement. FOUC (Flash of Unstyled Content) prevention is handled automatically when you import the components.
+
+Import components in your JavaScript/TypeScript:
+
+```ts
+import '@brightspot/ui/dist/components/widget/Widget'
+```
+
+See the Storybook documentation for detailed usage examples and API references.
+
 ## Examples
 
 We use [Storybook](https://storybook.js.org/) for interactive previewing of our ui components. Launch that in the browser by running:

package/dist/components/avatar/Avatar.d.ts

@@ -5,7 +5,7 @@ export interface AvatarProps {
     fallback?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 }
-declare const Avatar_base: (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
+declare const Avatar_base: (new (...args: any[]) => import("../../util/TooltipMixin.js").TooltipMixinInterface) & (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
 /**
  * An avatar component for displaying user profile images with fallback support.
  *

package/dist/components/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAKtC,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;CAChD;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,WAAyC;IAC3E;;;OAGG;IAEH,GAAG,SAAK;IAER;;;OAGG;IAEH,GAAG,SAAK;IAER;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;;;;;;;OASG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAO;IAErD,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,gBAAgB;IAEhB,OAAO,CAAC,WAAW,CAAQ;IAE3B,gBAAgB;IAEhB,OAAO,CAAC,UAAU,CAAQ;IAE1B,iBAAiB,IAAI,IAAI;IAQzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAWlB,YAAY,IAAI,IAAI;IAqBpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAyBlD,MAAM;CAMP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAA;KACrB;CACF"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAMtC,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;CAChD;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,WAAuD;IACzF;;;OAGG;IAEH,GAAG,SAAK;IAER;;;OAGG;IAEH,GAAG,SAAK;IAER;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;;;;;;;OASG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAO;IAErD,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,gBAAgB;IAEhB,OAAO,CAAC,WAAW,CAAQ;IAE3B,gBAAgB;IAEhB,OAAO,CAAC,UAAU,CAAQ;IAE1B,iBAAiB,IAAI,IAAI;IAQzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAWlB,YAAY,IAAI,IAAI;IAqBpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IA2BlD,MAAM;CAMP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAA;KACrB;CACF"}

package/dist/components/avatar/Avatar.js

@@ -8,6 +8,7 @@ import { LitElement, html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
 import { ReadyMixin } from '../../util/ReadyMixin.js';
+import { TooltipMixin } from '../../util/TooltipMixin.js';
 /**
  * An avatar component for displaying user profile images with fallback support.
  *
@@ -35,7 +36,7 @@ import { ReadyMixin } from '../../util/ReadyMixin.js';
  * <btu-avatar fallback="JD" size="lg"></btu-avatar>
  * ```
  */
-export default class Avatar extends EventEmitterMixin(ReadyMixin(LitElement)) {
+export default class Avatar extends TooltipMixin(EventEmitterMixin(ReadyMixin(LitElement))) {
     constructor() {
         super(...arguments);
         /**
@@ -109,6 +110,7 @@ export default class Avatar extends EventEmitterMixin(ReadyMixin(LitElement)) {
         }
     }
     updated(changedProperties) {
+        super.updated(changedProperties);
         // Reset image error state when src changes
         if (changedProperties.has('src')) {
             this.imageError = false;

package/dist/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.ts"],"names":[],"mappings":"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"}

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,161 @@
+import { LitElement } from 'lit';
+export type PopoverOffset = 'sm' | 'md' | 'lg' | 'xl';
+export interface PopoverProps {
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    trigger?: 'click' | 'hover' | 'focus';
+    delay?: number;
+    offset?: PopoverOffset | null;
+    noArrow?: boolean;
+    open?: boolean;
+}
+declare const Popover_base: (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
+/**
+ * A popover component for displaying rich interactive content anchored to a trigger element.
+ *
+ * Uses the native HTML Popover API for top-layer rendering, light dismiss (click-outside
+ * and Escape for click triggers), and focus management. CSS anchor positioning handles
+ * viewport-aware placement.
+ *
+ * For click triggers (`popover="auto"`), the browser provides:
+ * - Light dismiss (Escape key and click-outside)
+ * - Top-layer rendering (no z-index needed)
+ * - Focus restoration on close
+ * - `autofocus` support — add `autofocus` to an element inside `slot="content"`
+ *   to have it receive focus when the popover opens
+ *
+ * @element btu-popover
+ *
+ * @fires {CustomEvent} btu-popover-show - Fired when the popover opens
+ * @fires {CustomEvent} btu-popover-hide - Fired when the popover closes
+ *
+ * @slot trigger - The element that activates the popover
+ * @slot content - Rich HTML content displayed inside the popover panel
+ *
+ * @example
+ * ```html
+ * <btu-popover position="bottom" trigger="click">
+ *   <button slot="trigger">Open</button>
+ *   <div slot="content">
+ *     <h3>Title</h3>
+ *     <p>Rich content here</p>
+ *   </div>
+ * </btu-popover>
+ * ```
+ */
+export default class Popover extends Popover_base {
+    /**
+     * Position relative to the trigger element.
+     * Auto-flips when constrained by the viewport.
+     * @attr
+     */
+    position: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * How the popover is activated.
+     * - 'click': Toggle on click with light dismiss
+     * - 'hover': Show on mouseenter with delay
+     * - 'focus': Show on focusin
+     * @attr
+     */
+    trigger: 'click' | 'hover' | 'focus';
+    /**
+     * Show delay in milliseconds (hover trigger only).
+     * @attr
+     */
+    delay: number;
+    /**
+     * Gap between trigger and popover (sm=4px, md=8px, lg=12px, xl=16px).
+     * @attr
+     */
+    offset: PopoverOffset | null;
+    /**
+     * Hide the arrow pseudo-element.
+     * @attr
+     */
+    noArrow: boolean;
+    /**
+     * Programmatic open/close state (reflected).
+     * @attr
+     */
+    open: boolean;
+    /**
+     * Accessible label for the popover panel (applied as aria-label on the dialog).
+     * @attr panel-label
+     */
+    panelLabel: string;
+    /** @internal */
+    private _panelEl;
+    /** @internal */
+    private _panelId;
+    /** @internal */
+    private _anchorName;
+    /** @internal */
+    private _showTimer;
+    /** @internal */
+    private _hideTimer;
+    /** @internal */
+    private _isVisible;
+    /** @internal */
+    private initialClasses;
+    /** @internal bound listeners */
+    private _onTriggerMouseEnter;
+    private _onTriggerMouseLeave;
+    private _onTriggerFocusIn;
+    private _onTriggerFocusOut;
+    private _onPanelMouseEnter;
+    private _onPanelMouseLeave;
+    private _onNativeToggle;
+    private _onKeyDown;
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(): void;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    /** @internal Creates the popover panel and moves slot="content" children into it */
+    private _setupPanel;
+    /** @internal */
+    private _buildPanelClasses;
+    /** @internal */
+    private _getTriggerEl;
+    /** @internal */
+    private _bindTriggerListeners;
+    /** @internal */
+    private _unbindTriggerListeners;
+    /** @internal */
+    private _bindPanelListeners;
+    /** @internal */
+    private _unbindPanelListeners;
+    /** @internal */
+    private _show;
+    /** @internal */
+    private _hide;
+    /** @internal Native toggle event — single source of truth for state changes */
+    private _handleNativeToggle;
+    /** @internal Escape dismisses for popover="manual" (hover/focus triggers) */
+    private _handleKeyDown;
+    /** @internal */
+    private _clearShowTimer;
+    /** @internal */
+    private _clearHideTimer;
+    /** @internal */
+    private _clearTimers;
+    /** @internal Hover trigger: show with delay */
+    private _handleTriggerMouseEnter;
+    /** @internal Hover trigger: hide with small delay for cursor travel */
+    private _handleTriggerMouseLeave;
+    /** @internal Focus trigger: show immediately */
+    private _handleTriggerFocusIn;
+    /** @internal Focus trigger: hide immediately */
+    private _handleTriggerFocusOut;
+    /** @internal Keep popover open when hovering the panel (hover trigger) */
+    private _handlePanelMouseEnter;
+    /** @internal Hide when mouse leaves the panel (hover trigger) */
+    private _handlePanelMouseLeave;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-popover': Popover;
+    }
+}
+export {};
+//# sourceMappingURL=Popover.d.ts.map

package/dist/components/popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/Popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAKhC,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAErD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;;AAiBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAyC;IAC5E;;;;OAIG;IAEH,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAW;IAExD;;;;;;OAMG;IAEH,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAU;IAE9C;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,MAAM,EAAE,aAAa,GAAG,IAAI,CAAO;IAEnC;;;OAGG;IAEH,OAAO,UAAQ;IAEf;;;OAGG;IAEH,IAAI,UAAQ;IAEZ;;;OAGG;IAEH,UAAU,SAAK;IAEf,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAA8B;IAE9C,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAuC;IAEvD,gBAAgB;IAChB,OAAO,CAAC,WAAW,CAAiD;IAEpE,gBAAgB;IAChB,OAAO,CAAC,UAAU,CAA6C;IAE/D,gBAAgB;IAChB,OAAO,CAAC,UAAU,CAA6C;IAE/D,gBAAgB;IAChB,OAAO,CAAC,UAAU,CAAQ;IAE1B,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,gCAAgC;IAChC,OAAO,CAAC,oBAAoB,CAA2C;IACvE,OAAO,CAAC,oBAAoB,CAA2C;IACvE,OAAO,CAAC,iBAAiB,CAAwC;IACjE,OAAO,CAAC,kBAAkB,CAAyC;IACnE,OAAO,CAAC,kBAAkB,CAAyC;IACnE,OAAO,CAAC,kBAAkB,CAAyC;IACnE,OAAO,CAAC,eAAe,CAAsC;IAC7D,OAAO,CAAC,UAAU,CAAiC;IAEnD,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAuB5B,UAAU,IAAI,IAAI;IAKlB,YAAY,IAAI,IAAI;IAUpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAwCxE,oFAAoF;IACpF,OAAO,CAAC,WAAW;IA8CnB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAO1B,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAIrB,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IAwB7B,gBAAgB;IAChB,OAAO,CAAC,uBAAuB;IAY/B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAM3B,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IAM7B,gBAAgB;IAChB,OAAO,CAAC,KAAK;IAYb,gBAAgB;IAChB,OAAO,CAAC,KAAK;IAYb,+EAA+E;IAC/E,OAAO,CAAC,mBAAmB;IA+B3B,6EAA6E;IAC7E,OAAO,CAAC,cAAc;IAOtB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAOvB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAOvB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAKpB,+CAA+C;IAC/C,OAAO,CAAC,wBAAwB;IAKhC,uEAAuE;IACvE,OAAO,CAAC,wBAAwB;IAKhC,gDAAgD;IAChD,OAAO,CAAC,qBAAqB;IAK7B,gDAAgD;IAChD,OAAO,CAAC,sBAAsB;IAK9B,0EAA0E;IAC1E,OAAO,CAAC,sBAAsB;IAM9B,iEAAiE;IACjE,OAAO,CAAC,sBAAsB;CAM/B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,OAAO,CAAA;KACvB;CACF"}

package/dist/components/popover/Popover.js

@@ -0,0 +1,436 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+// Tailwind content scanning requires complete class names (no template literals).
+const POSITION_CLASSES = {
+    top: 'btu-popover-top',
+    bottom: 'btu-popover-bottom',
+    left: 'btu-popover-left',
+    right: 'btu-popover-right',
+};
+const OFFSET_CLASSES = {
+    sm: 'btu-popover-offset-sm',
+    md: 'btu-popover-offset-md',
+    lg: 'btu-popover-offset-lg',
+    xl: 'btu-popover-offset-xl',
+};
+/**
+ * A popover component for displaying rich interactive content anchored to a trigger element.
+ *
+ * Uses the native HTML Popover API for top-layer rendering, light dismiss (click-outside
+ * and Escape for click triggers), and focus management. CSS anchor positioning handles
+ * viewport-aware placement.
+ *
+ * For click triggers (`popover="auto"`), the browser provides:
+ * - Light dismiss (Escape key and click-outside)
+ * - Top-layer rendering (no z-index needed)
+ * - Focus restoration on close
+ * - `autofocus` support — add `autofocus` to an element inside `slot="content"`
+ *   to have it receive focus when the popover opens
+ *
+ * @element btu-popover
+ *
+ * @fires {CustomEvent} btu-popover-show - Fired when the popover opens
+ * @fires {CustomEvent} btu-popover-hide - Fired when the popover closes
+ *
+ * @slot trigger - The element that activates the popover
+ * @slot content - Rich HTML content displayed inside the popover panel
+ *
+ * @example
+ * ```html
+ * <btu-popover position="bottom" trigger="click">
+ *   <button slot="trigger">Open</button>
+ *   <div slot="content">
+ *     <h3>Title</h3>
+ *     <p>Rich content here</p>
+ *   </div>
+ * </btu-popover>
+ * ```
+ */
+export default class Popover extends EventEmitterMixin(ReadyMixin(LitElement)) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Position relative to the trigger element.
+         * Auto-flips when constrained by the viewport.
+         * @attr
+         */
+        this.position = 'bottom';
+        /**
+         * How the popover is activated.
+         * - 'click': Toggle on click with light dismiss
+         * - 'hover': Show on mouseenter with delay
+         * - 'focus': Show on focusin
+         * @attr
+         */
+        this.trigger = 'click';
+        /**
+         * Show delay in milliseconds (hover trigger only).
+         * @attr
+         */
+        this.delay = 300;
+        /**
+         * Gap between trigger and popover (sm=4px, md=8px, lg=12px, xl=16px).
+         * @attr
+         */
+        this.offset = null;
+        /**
+         * Hide the arrow pseudo-element.
+         * @attr
+         */
+        this.noArrow = false;
+        /**
+         * Programmatic open/close state (reflected).
+         * @attr
+         */
+        this.open = false;
+        /**
+         * Accessible label for the popover panel (applied as aria-label on the dialog).
+         * @attr panel-label
+         */
+        this.panelLabel = '';
+        /** @internal */
+        this._panelEl = null;
+        /** @internal */
+        this._panelId = `btu-popover-${crypto.randomUUID()}`;
+        /** @internal */
+        this._anchorName = `--btu-popover-trigger-${crypto.randomUUID()}`;
+        /** @internal */
+        this._showTimer = null;
+        /** @internal */
+        this._hideTimer = null;
+        /** @internal */
+        this._isVisible = false;
+        /** @internal */
+        this.initialClasses = [];
+        /** @internal bound listeners */
+        this._onTriggerMouseEnter = this._handleTriggerMouseEnter.bind(this);
+        this._onTriggerMouseLeave = this._handleTriggerMouseLeave.bind(this);
+        this._onTriggerFocusIn = this._handleTriggerFocusIn.bind(this);
+        this._onTriggerFocusOut = this._handleTriggerFocusOut.bind(this);
+        this._onPanelMouseEnter = this._handlePanelMouseEnter.bind(this);
+        this._onPanelMouseLeave = this._handlePanelMouseLeave.bind(this);
+        this._onNativeToggle = this._handleNativeToggle.bind(this);
+        this._onKeyDown = this._handleKeyDown.bind(this);
+    }
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.className) {
+            this.initialClasses = this.className.split(' ').filter(c => c.trim());
+        }
+    }
+    disconnectedCallback() {
+        this._clearTimers();
+        this._unbindTriggerListeners();
+        this._unbindPanelListeners();
+        document.removeEventListener('keydown', this._onKeyDown);
+        if (this._panelEl) {
+            try {
+                this._panelEl.hidePopover();
+            }
+            catch (e) {
+                if (!(e instanceof DOMException && e.name === 'InvalidStateError')) {
+                    console.warn('[btu-popover] Failed to hide popover during disconnect:', e);
+                }
+            }
+            this._panelEl.removeEventListener('toggle', this._onNativeToggle);
+            this._panelEl.remove();
+            this._panelEl = null;
+        }
+        this._isVisible = false;
+        super.disconnectedCallback();
+    }
+    willUpdate() {
+        const classes = [...this.initialClasses];
+        this.className = classes.filter(Boolean).join(' ');
+    }
+    firstUpdated() {
+        this._setupPanel();
+        this._bindTriggerListeners();
+        // If initially open, show immediately
+        if (this.open) {
+            this._show();
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('trigger') && changedProperties.get('trigger') !== undefined) {
+            this._unbindTriggerListeners();
+            this._bindTriggerListeners();
+            // Update popover mode when trigger changes
+            if (this._panelEl) {
+                if (this._isVisible) {
+                    this._hide();
+                }
+                this._panelEl.setAttribute('popover', this.trigger === 'click' ? 'auto' : 'manual');
+            }
+        }
+        if (changedProperties.has('position') || changedProperties.has('noArrow') || changedProperties.has('offset')) {
+            if (this._panelEl) {
+                this._panelEl.className = this._buildPanelClasses();
+            }
+        }
+        if (changedProperties.has('panelLabel') && this._panelEl) {
+            if (this.panelLabel) {
+                this._panelEl.setAttribute('aria-label', this.panelLabel);
+            }
+            else {
+                this._panelEl.removeAttribute('aria-label');
+            }
+        }
+        // Sync programmatic open/close
+        if (changedProperties.has('open') && changedProperties.get('open') !== undefined) {
+            if (this.open && !this._isVisible) {
+                this._show();
+            }
+            else if (!this.open && this._isVisible) {
+                this._hide();
+            }
+        }
+    }
+    /** @internal Creates the popover panel and moves slot="content" children into it */
+    _setupPanel() {
+        const triggerEl = this.querySelector('[slot="trigger"]');
+        const contentEl = this.querySelector('[slot="content"]');
+        if (!triggerEl) {
+            console.warn('[btu-popover] Missing required slot="trigger" element.');
+            return;
+        }
+        // Set anchor name on trigger element
+        triggerEl.style.setProperty('anchor-name', this._anchorName);
+        // Create panel
+        this._panelEl = document.createElement('div');
+        this._panelEl.id = this._panelId;
+        this._panelEl.className = this._buildPanelClasses();
+        this._panelEl.setAttribute('role', 'dialog');
+        if (this.panelLabel) {
+            this._panelEl.setAttribute('aria-label', this.panelLabel);
+        }
+        this._panelEl.setAttribute('data-popover-internal', '');
+        this._panelEl.style.setProperty('position-anchor', this._anchorName);
+        // Set native popover attribute
+        this._panelEl.setAttribute('popover', this.trigger === 'click' ? 'auto' : 'manual');
+        // Listen for native toggle events — single source of truth for state
+        this._panelEl.addEventListener('toggle', this._onNativeToggle);
+        // Move content into panel
+        if (contentEl) {
+            contentEl.removeAttribute('slot');
+            contentEl.style.display = '';
+            this._panelEl.appendChild(contentEl);
+        }
+        this.appendChild(this._panelEl);
+        // Set up aria on trigger
+        triggerEl.setAttribute('aria-expanded', 'false');
+        triggerEl.setAttribute('aria-controls', this._panelId);
+        // Bind panel listeners for hover trigger
+        this._bindPanelListeners();
+    }
+    /** @internal */
+    _buildPanelClasses() {
+        const classes = ['btu-popover', POSITION_CLASSES[this.position]];
+        if (this.offset && OFFSET_CLASSES[this.offset])
+            classes.push(OFFSET_CLASSES[this.offset]);
+        if (this.noArrow)
+            classes.push('btu-popover-no-arrow');
+        return classes.join(' ');
+    }
+    /** @internal */
+    _getTriggerEl() {
+        return this.querySelector('[slot="trigger"]');
+    }
+    /** @internal */
+    _bindTriggerListeners() {
+        const triggerEl = this._getTriggerEl();
+        if (!triggerEl)
+            return;
+        if (this.trigger === 'click') {
+            triggerEl.setAttribute('popovertarget', this._panelId);
+        }
+        if (this.trigger === 'hover') {
+            triggerEl.addEventListener('mouseenter', this._onTriggerMouseEnter);
+            triggerEl.addEventListener('mouseleave', this._onTriggerMouseLeave);
+        }
+        if (this.trigger === 'focus') {
+            triggerEl.addEventListener('focusin', this._onTriggerFocusIn);
+            triggerEl.addEventListener('focusout', this._onTriggerFocusOut);
+        }
+        // popover="manual" doesn't get browser Escape handling — add it ourselves
+        if (this.trigger !== 'click') {
+            document.addEventListener('keydown', this._onKeyDown);
+        }
+    }
+    /** @internal */
+    _unbindTriggerListeners() {
+        const triggerEl = this._getTriggerEl();
+        if (!triggerEl)
+            return;
+        triggerEl.removeAttribute('popovertarget');
+        triggerEl.removeEventListener('mouseenter', this._onTriggerMouseEnter);
+        triggerEl.removeEventListener('mouseleave', this._onTriggerMouseLeave);
+        triggerEl.removeEventListener('focusin', this._onTriggerFocusIn);
+        triggerEl.removeEventListener('focusout', this._onTriggerFocusOut);
+        document.removeEventListener('keydown', this._onKeyDown);
+    }
+    /** @internal */
+    _bindPanelListeners() {
+        if (!this._panelEl)
+            return;
+        this._panelEl.addEventListener('mouseenter', this._onPanelMouseEnter);
+        this._panelEl.addEventListener('mouseleave', this._onPanelMouseLeave);
+    }
+    /** @internal */
+    _unbindPanelListeners() {
+        if (!this._panelEl)
+            return;
+        this._panelEl.removeEventListener('mouseenter', this._onPanelMouseEnter);
+        this._panelEl.removeEventListener('mouseleave', this._onPanelMouseLeave);
+    }
+    /** @internal */
+    _show() {
+        this._clearHideTimer();
+        if (this._isVisible || !this._panelEl)
+            return;
+        try {
+            this._panelEl.showPopover();
+        }
+        catch (e) {
+            if (!(e instanceof DOMException && e.name === 'InvalidStateError')) {
+                console.warn('[btu-popover] Failed to show popover:', e);
+            }
+        }
+    }
+    /** @internal */
+    _hide() {
+        this._clearTimers();
+        if (!this._isVisible || !this._panelEl)
+            return;
+        try {
+            this._panelEl.hidePopover();
+        }
+        catch (e) {
+            if (!(e instanceof DOMException && e.name === 'InvalidStateError')) {
+                console.warn('[btu-popover] Failed to hide popover:', e);
+            }
+        }
+    }
+    /** @internal Native toggle event — single source of truth for state changes */
+    _handleNativeToggle(e) {
+        const { newState } = e;
+        if (newState === 'open') {
+            this._isVisible = true;
+            this.open = true;
+            const triggerEl = this._getTriggerEl();
+            if (triggerEl) {
+                triggerEl.setAttribute('aria-expanded', 'true');
+            }
+            this.emit('btu-popover-show');
+        }
+        else {
+            this._isVisible = false;
+            this.open = false;
+            const triggerEl = this._getTriggerEl();
+            if (triggerEl) {
+                triggerEl.setAttribute('aria-expanded', 'false');
+                // Restore focus to trigger if focus was lost (e.g., programmatic close)
+                if (document.activeElement === document.body) {
+                    triggerEl.focus();
+                }
+            }
+            this.emit('btu-popover-hide');
+        }
+    }
+    /** @internal Escape dismisses for popover="manual" (hover/focus triggers) */
+    _handleKeyDown(e) {
+        if (e.key === 'Escape') {
+            this._clearTimers();
+            this._hide();
+        }
+    }
+    /** @internal */
+    _clearShowTimer() {
+        if (this._showTimer !== null) {
+            clearTimeout(this._showTimer);
+            this._showTimer = null;
+        }
+    }
+    /** @internal */
+    _clearHideTimer() {
+        if (this._hideTimer !== null) {
+            clearTimeout(this._hideTimer);
+            this._hideTimer = null;
+        }
+    }
+    /** @internal */
+    _clearTimers() {
+        this._clearShowTimer();
+        this._clearHideTimer();
+    }
+    /** @internal Hover trigger: show with delay */
+    _handleTriggerMouseEnter() {
+        this._clearTimers();
+        this._showTimer = setTimeout(() => this._show(), this.delay);
+    }
+    /** @internal Hover trigger: hide with small delay for cursor travel */
+    _handleTriggerMouseLeave() {
+        this._clearTimers();
+        this._hideTimer = setTimeout(() => this._hide(), 100);
+    }
+    /** @internal Focus trigger: show immediately */
+    _handleTriggerFocusIn() {
+        this._clearTimers();
+        this._show();
+    }
+    /** @internal Focus trigger: hide immediately */
+    _handleTriggerFocusOut() {
+        this._clearTimers();
+        this._hide();
+    }
+    /** @internal Keep popover open when hovering the panel (hover trigger) */
+    _handlePanelMouseEnter() {
+        if (this.trigger === 'hover') {
+            this._clearTimers();
+        }
+    }
+    /** @internal Hide when mouse leaves the panel (hover trigger) */
+    _handlePanelMouseLeave() {
+        if (this.trigger === 'hover') {
+            this._clearTimers();
+            this._hideTimer = setTimeout(() => this._hide(), 100);
+        }
+    }
+}
+__decorate([
+    property({ attribute: 'position' })
+], Popover.prototype, "position", void 0);
+__decorate([
+    property({ attribute: 'trigger' })
+], Popover.prototype, "trigger", void 0);
+__decorate([
+    property({ attribute: 'delay', type: Number })
+], Popover.prototype, "delay", void 0);
+__decorate([
+    property({ attribute: 'offset' })
+], Popover.prototype, "offset", void 0);
+__decorate([
+    property({ attribute: 'no-arrow', type: Boolean })
+], Popover.prototype, "noArrow", void 0);
+__decorate([
+    property({ attribute: 'open', type: Boolean, reflect: true })
+], Popover.prototype, "open", void 0);
+__decorate([
+    property({ attribute: 'panel-label' })
+], Popover.prototype, "panelLabel", void 0);
+if (!customElements.get('btu-popover')) {
+    customElements.define('btu-popover', Popover);
+}
+//# sourceMappingURL=Popover.js.map