@brightspot/ui 1.6.0 → 1.7.0

package/dist/components/dropdown/DropdownItem.d.ts

@@ -0,0 +1,108 @@
+import { LitElement } from 'lit';
+import '../icon/Icon.js';
+export interface DropdownItemProps {
+    label?: string;
+    type?: 'default' | 'divider' | 'subhead';
+    iconSymbol?: string;
+    shortcut?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    favorited?: boolean;
+}
+declare const DropdownItem_base: (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
+/**
+ * A menu item component for use inside `btu-dropdown-menu`.
+ *
+ * Renders as a menu item, divider, or subhead depending on the `type` property.
+ * Supports checkbox mode (inherited from parent menu), icons, keyboard shortcuts,
+ * and favorite toggles.
+ *
+ * @element btu-dropdown-item
+ *
+ * @fires {CustomEvent} btu-dropdown-item-ready - Fired after first render
+ * @fires {CustomEvent<{label: string, selected: boolean}>} btu-dropdown-item-select - Fired when item is activated
+ * @fires {CustomEvent<{label: string, favorited: boolean}>} btu-dropdown-item-favorite - Fired when favorite is toggled
+ *
+ * @example
+ * ```html
+ * <!-- Basic item -->
+ * <btu-dropdown-item label="Edit"></btu-dropdown-item>
+ *
+ * <!-- Item with icon and shortcut -->
+ * <btu-dropdown-item label="Save" icon-symbol="save" shortcut="Ctrl+S"></btu-dropdown-item>
+ * ```
+ */
+export default class DropdownItem extends DropdownItem_base {
+    /**
+     * Display text for the item.
+     * @attr
+     */
+    label: string;
+    /**
+     * Item type: 'default', 'divider', or 'subhead'.
+     * @attr
+     */
+    type: 'default' | 'divider' | 'subhead';
+    /**
+     * Lucide icon symbol.
+     * @attr icon-symbol
+     */
+    iconSymbol: string;
+    /**
+     * Keyboard shortcut display text.
+     * @attr
+     */
+    shortcut: string;
+    /**
+     * Whether the item is disabled.
+     * @attr
+     */
+    disabled: boolean;
+    /**
+     * Whether the item is selected/checked.
+     * @attr
+     */
+    selected: boolean;
+    /**
+     * Whether the item is favorited.
+     * @attr
+     */
+    favorited: boolean;
+    /** @internal */
+    private _generatedId;
+    /** @internal */
+    private _checkboxMode;
+    /** @internal */
+    private _showIcon;
+    /** @internal */
+    private _showFavorites;
+    /** @internal */
+    private _showShortcuts;
+    /** @internal */
+    private _parentMenuIconSymbol;
+    createRenderRoot(): this;
+    /** @internal Called by DropdownMenu to configure inherited settings */
+    _configure(opts: {
+        checkbox: boolean;
+        icon: boolean;
+        iconSymbol: string;
+        favorites: boolean;
+        shortcuts: boolean;
+    }): void;
+    /** @internal Whether this item is focusable (not a divider or subhead) */
+    get focusable(): boolean;
+    firstUpdated(): void;
+    /** @internal Activate this item (Enter/click) */
+    activate(): void;
+    /** Toggle favorite state */
+    private _toggleFavorite;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-dropdown-item': DropdownItem;
+    }
+}
+export {};
+//# sourceMappingURL=DropdownItem.d.ts.map

package/dist/components/dropdown/DropdownItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAA;AAI/C,OAAO,iBAAiB,CAAA;AAExB,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,iBAAyC;IACjF;;;OAGG;IAEH,KAAK,EAAE,MAAM,CAAK;IAElB;;;OAGG;IAEH,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAY;IAEnD;;;OAGG;IAEH,UAAU,EAAE,MAAM,CAAK;IAEvB;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAK;IAErB;;;OAGG;IAEH,QAAQ,EAAE,OAAO,CAAQ;IAEzB;;;OAGG;IAEH,QAAQ,EAAE,OAAO,CAAQ;IAEzB;;;OAGG;IAEH,SAAS,EAAE,OAAO,CAAQ;IAE1B,gBAAgB;IAChB,OAAO,CAAC,YAAY,CAA4D;IAEhF,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAQ;IAE7B,gBAAgB;IAChB,OAAO,CAAC,SAAS,CAAQ;IAEzB,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAQ;IAE9B,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAQ;IAE9B,gBAAgB;IAChB,OAAO,CAAC,qBAAqB,CAAK;IAElC,gBAAgB;IAIhB,uEAAuE;IACvE,UAAU,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE;IASjH,0EAA0E;IAC1E,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,YAAY,IAAI,IAAI;IAIpB,iDAAiD;IACjD,QAAQ,IAAI,IAAI;IAahB,4BAA4B;IAC5B,OAAO,CAAC,eAAe;IASvB,MAAM;IA8DN,OAAO,CAAC,YAAY;CAGrB;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAA;KAClC;CACF"}

package/dist/components/dropdown/DropdownItem.js

@@ -0,0 +1,210 @@
+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, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+import '../icon/Icon.js';
+/**
+ * A menu item component for use inside `btu-dropdown-menu`.
+ *
+ * Renders as a menu item, divider, or subhead depending on the `type` property.
+ * Supports checkbox mode (inherited from parent menu), icons, keyboard shortcuts,
+ * and favorite toggles.
+ *
+ * @element btu-dropdown-item
+ *
+ * @fires {CustomEvent} btu-dropdown-item-ready - Fired after first render
+ * @fires {CustomEvent<{label: string, selected: boolean}>} btu-dropdown-item-select - Fired when item is activated
+ * @fires {CustomEvent<{label: string, favorited: boolean}>} btu-dropdown-item-favorite - Fired when favorite is toggled
+ *
+ * @example
+ * ```html
+ * <!-- Basic item -->
+ * <btu-dropdown-item label="Edit"></btu-dropdown-item>
+ *
+ * <!-- Item with icon and shortcut -->
+ * <btu-dropdown-item label="Save" icon-symbol="save" shortcut="Ctrl+S"></btu-dropdown-item>
+ * ```
+ */
+export default class DropdownItem extends EventEmitterMixin(ReadyMixin(LitElement)) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Display text for the item.
+         * @attr
+         */
+        this.label = '';
+        /**
+         * Item type: 'default', 'divider', or 'subhead'.
+         * @attr
+         */
+        this.type = 'default';
+        /**
+         * Lucide icon symbol.
+         * @attr icon-symbol
+         */
+        this.iconSymbol = '';
+        /**
+         * Keyboard shortcut display text.
+         * @attr
+         */
+        this.shortcut = '';
+        /**
+         * Whether the item is disabled.
+         * @attr
+         */
+        this.disabled = false;
+        /**
+         * Whether the item is selected/checked.
+         * @attr
+         */
+        this.selected = false;
+        /**
+         * Whether the item is favorited.
+         * @attr
+         */
+        this.favorited = false;
+        /** @internal */
+        this._generatedId = `btu-dropdown-subhead-${crypto.randomUUID().slice(0, 8)}`;
+        /** @internal */
+        this._checkboxMode = false;
+        /** @internal */
+        this._showIcon = false;
+        /** @internal */
+        this._showFavorites = false;
+        /** @internal */
+        this._showShortcuts = false;
+        /** @internal */
+        this._parentMenuIconSymbol = '';
+    }
+    createRenderRoot() {
+        return this;
+    }
+    /** @internal Called by DropdownMenu to configure inherited settings */
+    _configure(opts) {
+        this._checkboxMode = opts.checkbox;
+        this._showIcon = opts.icon || !!this.iconSymbol;
+        this._parentMenuIconSymbol = opts.iconSymbol;
+        this._showFavorites = opts.favorites;
+        this._showShortcuts = opts.shortcuts;
+        this.requestUpdate();
+    }
+    /** @internal Whether this item is focusable (not a divider or subhead) */
+    get focusable() {
+        return this.type === 'default';
+    }
+    firstUpdated() {
+        this.emit('btu-dropdown-item-ready');
+    }
+    /** @internal Activate this item (Enter/click) */
+    activate() {
+        if (this.disabled)
+            return;
+        if (this._checkboxMode) {
+            this.selected = !this.selected;
+        }
+        this.emit('btu-dropdown-item-select', {
+            label: this.label,
+            selected: this.selected,
+        });
+    }
+    /** Toggle favorite state */
+    _toggleFavorite(e) {
+        e.stopPropagation();
+        this.favorited = !this.favorited;
+        this.emit('btu-dropdown-item-favorite', {
+            label: this.label,
+            favorited: this.favorited,
+        });
+    }
+    render() {
+        if (this.type === 'divider') {
+            return html `<hr class="btu-dropdown-divider" role="separator" />`;
+        }
+        if (this.type === 'subhead') {
+            return html `<div class="btu-dropdown-subhead" role="presentation" id="${this._generatedId}">${this.label}</div>`;
+        }
+        const role = this._checkboxMode ? 'menuitemcheckbox' : 'menuitem';
+        const classes = [
+            'btu-dropdown-item',
+            this.selected ? 'btu-dropdown-item-selected' : '',
+            this.disabled ? 'btu-dropdown-item-disabled' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+        const resolvedIconSymbol = this.iconSymbol || this._parentMenuIconSymbol;
+        return html `<div
+      class="${classes}"
+      role="${role}"
+      tabindex="-1"
+      aria-disabled="${this.disabled}"
+      .ariaChecked="${this._checkboxMode ? String(this.selected) : null}"
+      @click="${this._handleClick}"
+    >
+      ${this._checkboxMode
+            ? html `<span class="btu-dropdown-checkbox ${this.selected ? 'btu-dropdown-checkbox-checked' : ''}">
+            ${this.selected ? html `<btu-icon symbol="check" size="xs"></btu-icon>` : nothing}
+          </span>`
+            : nothing}
+      ${!this._checkboxMode && this.selected
+            ? html `<span class="btu-dropdown-check"><btu-icon symbol="check" size="sm"></btu-icon></span>`
+            : nothing}
+      ${this._showIcon && resolvedIconSymbol
+            ? html `<span class="btu-dropdown-item-icon"
+            ><btu-icon symbol="${resolvedIconSymbol}" size="sm"></btu-icon
+          ></span>`
+            : nothing}
+      <span class="btu-dropdown-item-label">${this.label}</span>
+      ${this._showShortcuts && this.shortcut
+            ? html `<span class="btu-dropdown-shortcut">${this.shortcut}</span>`
+            : nothing}
+      ${this._showFavorites
+            ? html `<button
+            type="button"
+            class="btu-button btu-button-text-hidden btu-button-container-none btu-button-gray btu-button-sm btu-dropdown-favorite ${this
+                .favorited
+                ? 'btu-dropdown-favorite-active'
+                : ''}"
+            @click="${this._toggleFavorite}"
+            aria-label="${this.favorited ? 'Remove from favorites' : 'Add to favorites'}"
+            aria-pressed="${this.favorited}"
+          >
+            <btu-icon symbol="star" size="sm"></btu-icon>
+          </button>`
+            : nothing}
+    </div>`;
+    }
+    _handleClick() {
+        this.activate();
+    }
+}
+__decorate([
+    property({ type: String })
+], DropdownItem.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], DropdownItem.prototype, "type", void 0);
+__decorate([
+    property({ type: String, attribute: 'icon-symbol' })
+], DropdownItem.prototype, "iconSymbol", void 0);
+__decorate([
+    property({ type: String })
+], DropdownItem.prototype, "shortcut", void 0);
+__decorate([
+    property({ type: Boolean })
+], DropdownItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DropdownItem.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], DropdownItem.prototype, "favorited", void 0);
+if (!customElements.get('btu-dropdown-item')) {
+    customElements.define('btu-dropdown-item', DropdownItem);
+}
+//# sourceMappingURL=DropdownItem.js.map

package/dist/components/dropdown/DropdownItem.js.map

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

package/dist/components/dropdown/DropdownMenu.d.ts

@@ -0,0 +1,117 @@
+import { LitElement } from 'lit';
+import type DropdownItem from './DropdownItem.js';
+export interface DropdownMenuProps {
+    name?: string;
+    header?: boolean;
+    checkbox?: boolean;
+    icon?: boolean;
+    iconSymbol?: string;
+    favorites?: boolean;
+    shortcuts?: boolean;
+    emptyMessage?: string;
+}
+declare const DropdownMenu_base: (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
+/**
+ * A menu container component that provides keyboard navigation and ARIA menu semantics.
+ *
+ * Contains `btu-dropdown-item` children and manages roving tabindex, typeahead search,
+ * and keyboard navigation following the WAI-ARIA Menu Button Pattern.
+ *
+ * @element btu-dropdown-menu
+ *
+ * @fires {CustomEvent} btu-dropdown-menu-ready - Fired after first render
+ *
+ * @slot - Menu items (`btu-dropdown-item` elements)
+ *
+ * @cssprop --dropdown-empty-color - Empty state text color (default: gray-400)
+ *
+ * @example
+ * ```html
+ * <btu-dropdown-menu name="Sort By" header checkbox>
+ *   <btu-dropdown-item label="Name" selected></btu-dropdown-item>
+ *   <btu-dropdown-item label="Date"></btu-dropdown-item>
+ *   <btu-dropdown-item label="Size"></btu-dropdown-item>
+ * </btu-dropdown-menu>
+ * ```
+ */
+export default class DropdownMenu extends DropdownMenu_base {
+    /**
+     * Accessible name for the menu, displayed in header when header is true.
+     * @attr
+     */
+    name: string;
+    /**
+     * Show header bar with menu name.
+     * @attr
+     */
+    header: boolean;
+    /**
+     * Enable checkbox mode for items (menuitemcheckbox role).
+     * @attr
+     */
+    checkbox: boolean;
+    /**
+     * Show icons before each item.
+     * @attr
+     */
+    icon: boolean;
+    /**
+     * Fallback Lucide icon symbol for items without their own.
+     * @attr icon-symbol
+     */
+    iconSymbol: string;
+    /**
+     * Show favorite toggle on each item.
+     * @attr
+     */
+    favorites: boolean;
+    /**
+     * Show keyboard shortcut text on each item.
+     * @attr
+     */
+    shortcuts: boolean;
+    /**
+     * Message displayed when the menu has no focusable items.
+     * @attr empty-message
+     */
+    emptyMessage: string;
+    /** @internal */
+    private _typeaheadBuffer;
+    /** @internal */
+    private _typeaheadTimeout;
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(): void;
+    /** Configure all child items with menu-level settings */
+    private _configureItems;
+    /** Get all btu-dropdown-item children */
+    private _getAllItems;
+    /** Get only focusable items (default type, skip dividers/subheads) */
+    private _getFocusableItems;
+    /** @internal Focus a specific item by updating tabindex */
+    focusItem(item: DropdownItem): void;
+    /** @internal Focus the first non-disabled focusable item (or first checked in checkbox mode) */
+    focusFirst(): void;
+    /** @internal Focus the last non-disabled focusable item */
+    focusLast(): void;
+    /** @internal */
+    private _handleKeydown;
+    /** Find the current focused item index */
+    private _getCurrentFocusIndex;
+    /** Find next index wrapping around, moving in direction (+1 or -1) */
+    private _findNextIndex;
+    /** Typeahead character matching with 500ms accumulation */
+    private _handleTypeahead;
+    /** Check whether the menu has zero focusable items */
+    private get _isEmpty();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-dropdown-menu': DropdownMenu;
+    }
+}
+export {};
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/components/dropdown/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAA;AAI/C,OAAO,KAAK,YAAY,MAAM,mBAAmB,CAAA;AAEjD,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,iBAAyC;IACjF;;;OAGG;IAEH,IAAI,EAAE,MAAM,CAAK;IAEjB;;;OAGG;IAEH,MAAM,EAAE,OAAO,CAAQ;IAEvB;;;OAGG;IAEH,QAAQ,EAAE,OAAO,CAAQ;IAEzB;;;OAGG;IAEH,IAAI,EAAE,OAAO,CAAQ;IAErB;;;OAGG;IAEH,UAAU,EAAE,MAAM,CAAK;IAEvB;;;OAGG;IAEH,SAAS,EAAE,OAAO,CAAQ;IAE1B;;;OAGG;IAEH,SAAS,EAAE,OAAO,CAAQ;IAE1B;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAAuB;IAE3C,gBAAgB;IAChB,OAAO,CAAC,gBAAgB,CAAK;IAE7B,gBAAgB;IAChB,OAAO,CAAC,iBAAiB,CAA6C;IAEtE,gBAAgB;IAKhB,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAQ5B,YAAY,IAAI,IAAI;IAKpB,OAAO,IAAI,IAAI;IASf,yDAAyD;IACzD,OAAO,CAAC,eAAe;IAavB,yCAAyC;IACzC,OAAO,CAAC,YAAY;IAIpB,sEAAsE;IACtE,OAAO,CAAC,kBAAkB;IAI1B,2DAA2D;IAC3D,SAAS,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAanC,gGAAgG;IAChG,UAAU,IAAI,IAAI;IAalB,2DAA2D;IAC3D,SAAS,IAAI,IAAI;IAMjB,gBAAgB;IAChB,OAAO,CAAC,cAAc,CA2DrB;IAED,0CAA0C;IAC1C,OAAO,CAAC,qBAAqB;IAK7B,sEAAsE;IACtE,OAAO,CAAC,cAAc;IAOtB,2DAA2D;IAC3D,OAAO,CAAC,gBAAgB;IAgBxB,sDAAsD;IACtD,OAAO,KAAK,QAAQ,GAEnB;IAED,MAAM;CAMP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAA;KAClC;CACF"}