@brightspot/ui 1.4.1 → 1.5.0

package/dist/components/widget/Widget.js

@@ -0,0 +1,434 @@
+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, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import onFind from '../../util/onFind.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+import { TooltipController } from '../../util/TooltipController.js';
+import '../icon/Icon.js';
+import './Widget.css';
+/**
+ * A widget component for displaying content with header, body, and footer sections.
+ *
+ * ## Architecture: Light DOM + Manager Pattern
+ *
+ * This component uses **Light DOM** (no Shadow Root) with the **Manager Pattern**:
+ * - User-provided children are physically moved into internal containers
+ * - Movement is based on `slot` attributes (pseudo-slots)
+ * - The `onFind` utility automatically redistributes dynamically-added content
+ *
+ * ### Node Redistribution Rules
+ * - `slot="controls"` → Moved to header actions area (before system buttons)
+ * - `slot="footer"` → Moved to footer container
+ * - *(no slot)* → Moved to body container (default)
+ *
+ * ## Features
+ *
+ * - **Collapsible**: Optional chevron toggle to hide/show body and footer
+ * - **Fullscreen**: Optional maximize button for fullscreen mode via `:state(fullscreen)` custom state
+ * - **Dynamic Content**: `onFind` handles content added after initialization
+ * - **Accessible**: Full ARIA support and keyboard navigation
+ * - **Themeable**: CSS custom properties for colors and spacing
+ *
+ * ## Accessibility
+ *
+ * - **Collapse toggle**: `aria-expanded`, `aria-controls`, `aria-label`
+ * - **Fullscreen toggle**: `aria-pressed`, `aria-label`
+ * - **Body region**: `role="region"`, `aria-labelledby` linking to heading
+ * - **Tab order**: Natural flow via physical DOM placement
+ * - **Collapsed content**: Hidden via `inert` attribute and CSS grid collapse
+ *
+ * @element btu-widget
+ *
+ * @attr heading - Title text displayed in the header
+ * @attr collapsible - Whether the widget can be collapsed/expanded
+ * @attr collapsed - Whether the widget is currently collapsed (implies collapsible)
+ * @attr fullscreenable - Whether the widget can enter fullscreen mode
+ * @attr id - When set, collapsed state is automatically persisted to LocalStorage
+ *
+ * @fires {CustomEvent} btu-widget-ready - Fired after first render and redistribution
+ * @fires {CustomEvent<{collapsed: boolean}>} btu-widget-collapse-changed - Fired when collapsed state changes
+ * @fires {CustomEvent<{fullscreen: boolean}>} btu-widget-fullscreen-changed - Fired when fullscreen state changes
+ *
+ * @cssprop --widget-background - Body and footer background color (default: --btu-theme-white)
+ * @cssprop --widget-border - Widget border and dividers (default: 1px solid gray-200)
+ * @cssprop --header-background - Header background color (default: transparent)
+ *
+ * @cssstate collapsed - Applied when the widget is collapsed, targetable via :state(collapsed)
+ * @cssstate fullscreen - Applied when the widget is in fullscreen mode, targetable via :state(fullscreen)
+ *
+ * @slot - Default pseudo-slot: elements without slot attribute are moved to body
+ * @slot controls - Pseudo-slot: buttons/actions moved to header actions area
+ * @slot footer - Pseudo-slot: content moved to footer container
+ *
+ * @example
+ * ```html
+ * <!-- Basic usage with heading property -->
+ * <btu-widget heading="My Widget">
+ *   <button slot="controls">Action</button>
+ *   <div>Main body content</div>
+ * </btu-widget>
+ * ```
+ */
+export default class Widget extends EventEmitterMixin(ReadyMixin(LitElement)) {
+    constructor() {
+        super(...arguments);
+        this._internals = this.attachInternals();
+        /**
+         * Heading text displayed in the header.
+         * @attr
+         */
+        this.heading = '';
+        /**
+         * Whether the widget can be collapsed/expanded.
+         * When true, a chevron toggle button appears in the header.
+         * @attr
+         */
+        this.collapsible = false;
+        /**
+         * Whether the widget is currently collapsed.
+         * When true, body and footer are hidden. Implies collapsible.
+         * @attr
+         */
+        this.collapsed = false;
+        /**
+         * Whether the widget can enter fullscreen mode.
+         * When true, a fullscreen toggle button appears in the header.
+         * @attr
+         */
+        this.fullscreenable = false;
+        this._isFullscreen = false;
+        this._collapseTooltip = new TooltipController(this, {
+            target: 'button[data-tooltip="collapse"]',
+            text: () => (this.collapsed ? 'Expand' : 'Collapse'),
+            position: 'bottom',
+            noArrow: true,
+            offset: 'sm',
+        });
+        this._fullscreenTooltip = new TooltipController(this, {
+            target: 'button[data-tooltip="fullscreen"]',
+            text: () => (this._isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'),
+            position: 'bottom',
+            noArrow: true,
+            offset: 'sm',
+        });
+        /** @internal */
+        this._instanceId = Widget._idCounter++;
+        /** @internal */
+        this.bodyId = `widget-body-${this._instanceId}`;
+        /** @internal */
+        this.dialogId = `widget-dialog-${this._instanceId}`;
+    }
+    static { this._idCounter = 0; }
+    createRenderRoot() {
+        return this;
+    }
+    /**
+     * Whether the widget is currently in fullscreen mode (read-only).
+     * Use `btu-widget-fullscreen-changed` event to react to changes.
+     */
+    get isFullscreen() {
+        return this._isFullscreen;
+    }
+    willUpdate(changed) {
+        super.willUpdate(changed);
+        if (changed.has('collapsed')) {
+            if (this.collapsed) {
+                this._internals.states.add('collapsed');
+            }
+            else {
+                this._internals.states.delete('collapsed');
+            }
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add('block');
+        this._restoreState();
+        // Light-dismiss: close dialog on backdrop click
+        this._lightDismissHandler = (e) => {
+            const dialog = e.target;
+            if (dialog instanceof HTMLDialogElement && dialog.id === this.dialogId) {
+                dialog.close();
+            }
+        };
+        document.addEventListener('click', this._lightDismissHandler);
+        // Set up dialog after render (works on both first connect and reconnect)
+        this.updateComplete.then(() => this._setupDialog());
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        // Clean up light-dismiss listener
+        if (this._lightDismissHandler) {
+            document.removeEventListener('click', this._lightDismissHandler);
+            this._lightDismissHandler = undefined;
+        }
+        // Clean up dialog close listener
+        if (this._dialog && this._dialogCloseHandler) {
+            this._dialog.removeEventListener('close', this._dialogCloseHandler);
+            this._dialogCloseHandler = undefined;
+        }
+    }
+    firstUpdated() {
+        const actionsContainer = this.querySelector('.btu-widget__actions');
+        const bodyContainer = this.querySelector('.btu-widget__body');
+        const footerContainer = this.querySelector('.btu-widget__footer');
+        if (actionsContainer && bodyContainer && footerContainer) {
+            // Anchor node: first system button in actions container (collapse/fullscreen buttons)
+            const systemAnchor = actionsContainer.querySelector('[data-widget-internal]');
+            onFind(this, ':scope > :not([data-widget-internal]):not([data-tooltip-internal])', el => {
+                const slot = el.getAttribute('slot');
+                if (slot === 'controls') {
+                    actionsContainer.insertBefore(el, systemAnchor);
+                }
+                else if (slot === 'footer') {
+                    footerContainer.appendChild(el);
+                }
+                else {
+                    bodyContainer.appendChild(el);
+                }
+            });
+        }
+        this.emit('btu-widget-ready');
+    }
+    /**
+     * Toggles the collapsed state of the widget.
+     * Emits 'btu-widget-collapse-changed' event with collapsed state.
+     * @internal
+     */
+    handleToggle() {
+        this.collapsed = !this.collapsed;
+        if (!this.collapsible)
+            this.collapsible = true;
+        this.emit('btu-widget-collapse-changed', { collapsed: this.collapsed });
+        this._persistState();
+    }
+    /**
+     * Toggles the fullscreen state of the widget using native dialog element.
+     * Moves the content wrapper into the dialog on fullscreen, back out on exit.
+     * Uses dialog.showModal() for proper modal behavior with backdrop.
+     * Uses View Transition API for smooth fullscreen animation.
+     * Emits 'btu-widget-fullscreen-changed' event with fullscreen state.
+     * @internal
+     */
+    handleFullscreen() {
+        if (!this._dialog) {
+            console.warn('Widget: Dialog element not found');
+            return;
+        }
+        const content = this.querySelector('.btu-widget__content');
+        if (!content)
+            return;
+        const body = content.querySelector('.btu-widget__body');
+        const updateFullscreen = () => {
+            this._isFullscreen = !this._isFullscreen;
+            if (this._isFullscreen) {
+                this._internals.states.add('fullscreen');
+                if (body) {
+                    body.classList.add('max-h-[calc(100vh-3rem-4rem)]', 'overflow-auto');
+                }
+                this._dialog.appendChild(content);
+                this._dialog.showModal();
+            }
+            else {
+                this._internals.states.delete('fullscreen');
+                if (body) {
+                    body.classList.remove('max-h-[calc(100vh-3rem-4rem)]', 'overflow-auto');
+                }
+                this._dialog.close();
+                this.insertBefore(content, this._dialog);
+            }
+            this.emit('btu-widget-fullscreen-changed', { fullscreen: this._isFullscreen });
+        };
+        // Use View Transition API if supported
+        if (document.startViewTransition) {
+            this._dialog.style.viewTransitionName = 'widget';
+            document
+                .startViewTransition(() => {
+                updateFullscreen();
+            })
+                .finished.finally(() => {
+                if (this._dialog) {
+                    this._dialog.style.viewTransitionName = '';
+                }
+            });
+        }
+        else {
+            updateFullscreen();
+        }
+    }
+    /**
+     * Sets up the dialog element and event listeners.
+     * @internal
+     */
+    _setupDialog() {
+        // Clean up existing handler (reconnection scenario)
+        if (this._dialog && this._dialogCloseHandler) {
+            this._dialog.removeEventListener('close', this._dialogCloseHandler);
+        }
+        this._dialog = this.querySelector(`#${this.dialogId}`);
+        if (!this._dialog) {
+            console.warn('Widget: Dialog element not found');
+            return;
+        }
+        // Handle ESC key and light dismiss — move content back out of dialog
+        this._dialogCloseHandler = () => {
+            if (this._isFullscreen) {
+                const content = this._dialog.querySelector('.btu-widget__content');
+                if (content) {
+                    const body = content.querySelector('.btu-widget__body');
+                    if (body) {
+                        body.classList.remove('max-h-[calc(100vh-3rem-4rem)]', 'overflow-auto');
+                    }
+                    this.insertBefore(content, this._dialog);
+                }
+                this._isFullscreen = false;
+                this._internals.states.delete('fullscreen');
+                this.emit('btu-widget-fullscreen-changed', { fullscreen: false });
+            }
+        };
+        this._dialog.addEventListener('close', this._dialogCloseHandler);
+    }
+    /**
+     * Restores widget state from LocalStorage if id is set.
+     * Only restores if no explicit collapsed attribute is present on the element.
+     *
+     * Attribute Precedence:
+     * - If collapsed attribute is explicitly present in HTML: Use that value (ignore LocalStorage)
+     * - If collapsed attribute is absent: Restore from LocalStorage
+     *
+     * @internal
+     */
+    _restoreState() {
+        if (!this.id) {
+            return;
+        }
+        // If collapsed attribute is explicitly set in HTML, respect that over LocalStorage
+        if (this.hasAttribute('collapsed')) {
+            return;
+        }
+        const storageKey = `btu-widget-state-${this.id}`;
+        try {
+            const storedState = localStorage.getItem(storageKey);
+            if (storedState) {
+                const state = JSON.parse(storedState);
+                if (typeof state.collapsed === 'boolean') {
+                    this.collapsed = state.collapsed;
+                }
+            }
+        }
+        catch (e) {
+            console.warn(`Widget: Failed to parse stored state for ${storageKey}`, e);
+        }
+    }
+    /**
+     * Persists widget state to LocalStorage if id is set.
+     *
+     * @internal
+     */
+    _persistState() {
+        if (!this.id) {
+            return;
+        }
+        const storageKey = `btu-widget-state-${this.id}`;
+        const state = { collapsed: this.collapsed };
+        try {
+            localStorage.setItem(storageKey, JSON.stringify(state));
+        }
+        catch (e) {
+            console.warn(`Widget: Failed to persist state for ${this.id}`, e);
+        }
+    }
+    render() {
+        const contentClasses = 'btu-widget__content overflow-hidden rounded-[inherit] [border:var(--widget-border,1px_solid_oklch(var(--btu-theme-gray-200)))]';
+        const headerClasses = 'btu-widget__header flex items-center justify-between gap-2 px-4 py-2 [background-color:var(--header-background,oklch(var(--btu-theme-gray-50)))] [border-bottom-width:1px] [border-bottom-style:solid] [border-bottom-color:var(--widget-border-color,oklch(var(--btu-theme-gray-200)))] transition-[border-color] duration-200';
+        const headingClasses = 'btu-widget__heading btu-heading-5 capitalize text-gray-900 flex-1';
+        const actionsClasses = 'btu-widget__actions flex items-center gap-2';
+        const buttonBaseClasses = 'btu-button btu-button-text-hidden btu-button-fill-none btu-button-gray btu-button-sm';
+        const collapseClasses = buttonBaseClasses;
+        const fullscreenClasses = buttonBaseClasses;
+        const bodyClasses = 'btu-widget__body p-4 [background:var(--widget-background,var(--btu-theme-white))]';
+        const footerClasses = 'btu-widget__footer p-4 [border-top:var(--widget-border,1px_solid_oklch(var(--btu-theme-gray-200)))] empty:hidden [background:var(--widget-background,var(--btu-theme-white))]';
+        const dialogClasses = 'btu-widget__dialog border-0 rounded-xl p-0 m-6 overflow-hidden w-[calc(100vw-3rem)] max-w-[calc(100vw-3rem)] max-h-[calc(100vh-3rem)] [background:var(--widget-background,var(--btu-theme-white))]';
+        return html `
+      <div class="${contentClasses}" data-widget-internal>
+        <div class="${headerClasses}" data-widget-internal>
+          ${this.heading
+            ? html `<span id="widget-heading-${this.bodyId}" class="${headingClasses}">${this.heading}</span>`
+            : ''}
+          <div class="${actionsClasses}" data-widget-internal>
+            ${this.collapsible || this.collapsed
+            ? html `
+                  <button
+                    class="${collapseClasses}"
+                    data-widget-internal
+                    data-tooltip="collapse"
+                    @click="${this.handleToggle}"
+                    aria-label="${this.collapsed ? 'Expand widget' : 'Collapse widget'}"
+                    aria-expanded="${!this.collapsed}"
+                    aria-controls="${this.bodyId}"
+                  >
+                    <btu-icon class="btu-widget__collapse-chevron" symbol="chevron-up" size="sm"></btu-icon>
+                  </button>
+                `
+            : ''}
+            ${this.fullscreenable
+            ? html `
+                  <button
+                    class="${fullscreenClasses}"
+                    data-widget-internal
+                    data-tooltip="fullscreen"
+                    @click="${this.handleFullscreen}"
+                    aria-label="${this._isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}"
+                    aria-pressed="${this._isFullscreen}"
+                  >
+                    <btu-icon symbol="${this._isFullscreen ? 'minimize-2' : 'maximize-2'}" size="sm"></btu-icon>
+                  </button>
+                `
+            : ''}
+          </div>
+        </div>
+        <div class="btu-widget__collapsible" ?inert="${this.collapsed}" data-widget-internal>
+          <div class="btu-widget__collapsible-inner" data-widget-internal>
+            <div
+              id="${this.bodyId}"
+              class="${bodyClasses}"
+              role="region"
+              aria-labelledby="${ifDefined(this.heading ? `widget-heading-${this.bodyId}` : undefined)}"
+              data-widget-internal
+            ></div>
+            <div class="${footerClasses}" data-widget-internal></div>
+          </div>
+        </div>
+      </div>
+      <dialog id="${this.dialogId}" class="${dialogClasses}" data-widget-internal></dialog>
+    `;
+    }
+}
+__decorate([
+    property({ type: String })
+], Widget.prototype, "heading", void 0);
+__decorate([
+    property({ type: Boolean })
+], Widget.prototype, "collapsible", void 0);
+__decorate([
+    property({ type: Boolean })
+], Widget.prototype, "collapsed", void 0);
+__decorate([
+    property({ type: Boolean })
+], Widget.prototype, "fullscreenable", void 0);
+__decorate([
+    state()
+], Widget.prototype, "_isFullscreen", void 0);
+// Register custom element with guard to prevent double registration
+// (common with yarn link, HMR, or webpack bundle duplication)
+if (!customElements.get('btu-widget')) {
+    customElements.define('btu-widget', Widget);
+}
+//# sourceMappingURL=Widget.js.map

package/dist/components/widget/Widget.js.map

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