@ixfx/components 0.2.2 → 0.2.4

package/dist/menu/menu-trigger.js

@@ -0,0 +1,351 @@
+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;
+};
+var MenuTrigger_1;
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { popupSurfaceStyles } from '../styles/popup.js';
+import './menu-container.js';
+let MenuTrigger = class MenuTrigger extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.mode = `trigger`;
+        this.label = `⋮`;
+        this.placement = `bottom-start`;
+        this._isOpen = false;
+        this._hasMenu = false;
+        this._hasTriggerSlot = false;
+        this._anchorName = `--mt-${MenuTrigger_1._count++}`;
+        this._clickListener = this._handleClickOutside.bind(this);
+        this._handlePopoverToggle = (e) => {
+            if (e.newState === `closed`) {
+                this._isOpen = false;
+                document.removeEventListener(`click`, this._clickListener);
+                this.dispatchEvent(new CustomEvent(`menu-trigger-close`, { bubbles: true, composed: true }));
+            }
+        };
+        this._handleKeydown = (e) => {
+            if (!this._isOpen)
+                return;
+            if (e.key === `Escape`) {
+                e.preventDefault();
+                e.stopPropagation();
+                this._closeMenu();
+                this._triggerBtn?.focus();
+            }
+            else if (e.key === `Tab`) {
+                this._closeMenu();
+                this._triggerBtn?.focus();
+            }
+        };
+    }
+    static { MenuTrigger_1 = this; }
+    static { this._count = 0; }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener(`keydown`, this._handleKeydown);
+        this.addEventListener(`command`, this._handleCommand);
+        this.addEventListener(`radio-change`, this._handleRadioChange);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener(`keydown`, this._handleKeydown);
+        this.removeEventListener(`command`, this._handleCommand);
+        this.removeEventListener(`radio-change`, this._handleRadioChange);
+        document.removeEventListener(`click`, this._clickListener);
+    }
+    firstUpdated() {
+        this.style.setProperty(`--anchor-name`, this._anchorName);
+        this._popup.addEventListener(`toggle`, this._handlePopoverToggle);
+        this.updateComplete.then(() => {
+            const slot = this.shadowRoot?.querySelector(`slot[name="menu"]`);
+            if (slot) {
+                const assigned = slot.assignedElements({ flatten: true });
+                if (assigned.length > 0) {
+                    this._hasMenu = true;
+                    this._propagateContext();
+                }
+            }
+            this._updatePosition();
+        });
+    }
+    updated(changedProperties) {
+        if (changedProperties.has(`registry`) || changedProperties.has(`keyboardManager`)) {
+            this._propagateContext();
+        }
+    }
+    _updatePosition() {
+        const placements = {
+            'bottom-start': { top: `anchor(bottom)`, left: `anchor(left)` },
+            'bottom-end': { top: `anchor(bottom)`, left: `anchor(right)` },
+            'right-start': { top: `anchor(top)`, left: `anchor(right)` },
+        };
+        const pos = placements[this.placement];
+        this._popup.style.top = pos.top;
+        this._popup.style.left = pos.left;
+        this._popup.style.positionAnchor = this._anchorName;
+    }
+    _propagateContext() {
+        const slot = this.shadowRoot?.querySelector(`slot[name="menu"]`);
+        const items = slot?.assignedElements({ flatten: true }) ?? [];
+        for (const el of items) {
+            if (`registry` in el)
+                el.registry = this.registry;
+            if (`keyboardManager` in el)
+                el.keyboardManager = this.keyboardManager;
+        }
+    }
+    _handleSlotChange(e) {
+        const slot = e.target;
+        const assigned = slot.assignedElements({ flatten: true });
+        this._hasMenu = assigned.length > 0;
+        this._propagateContext();
+    }
+    _handleTriggerSlotChange(e) {
+        const slot = e.target;
+        this._hasTriggerSlot = slot.assignedElements({ flatten: true }).length > 0;
+    }
+    get isOpen() {
+        return this._isOpen;
+    }
+    openMenu() {
+        this._openMenu();
+    }
+    closeMenu() {
+        this._closeMenu();
+    }
+    focusTrigger() {
+        this._triggerBtn?.focus();
+    }
+    _openMenu() {
+        if (this._isOpen || !this._popup?.popover)
+            return;
+        try {
+            this._popup.showPopover({ source: this });
+            this._isOpen = true;
+            document.addEventListener(`click`, this._clickListener);
+            this.dispatchEvent(new CustomEvent(`menu-trigger-open`, { bubbles: true, composed: true }));
+            requestAnimationFrame(() => {
+                this._getMenuContainer()?.focusFirst();
+            });
+        }
+        catch (err) {
+            console.warn(`showPopover failed:`, err);
+        }
+    }
+    _closeMenu() {
+        if (!this._isOpen)
+            return;
+        if (this._popup?.popover) {
+            try {
+                this._popup.hidePopover();
+            }
+            catch { /* ignore */ }
+        }
+        this._isOpen = false;
+        document.removeEventListener(`click`, this._clickListener);
+    }
+    _handleTriggerClick(e) {
+        e.stopPropagation();
+        if (this._isOpen) {
+            this._closeMenu();
+            this._triggerBtn?.focus();
+        }
+        else {
+            this._openMenu();
+        }
+    }
+    _handleClickOutside(e) {
+        if (!this.contains(e.target)) {
+            if (this._popup?.popover && this._popup.hasAttribute(`open`)) {
+                try {
+                    this._popup.hidePopover();
+                }
+                catch {
+                    // ignore
+                }
+            }
+        }
+    }
+    _getMenuContainer() {
+        const slot = this.shadowRoot?.querySelector(`slot[name="menu"]`);
+        const assigned = slot?.assignedElements({ flatten: true }) ?? [];
+        const container = assigned.find(el => el.tagName === `IXFX-MENU-CONTAINER`);
+        return container ?? null;
+    }
+    _handleCommand(e) {
+        if (this._popup?.popover) {
+            try {
+                this._popup.hidePopover();
+            }
+            catch {
+                // ignore
+            }
+        }
+        this.dispatchEvent(new CustomEvent(`menu-command`, {
+            detail: e.detail,
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleRadioChange(e) {
+        if (this._popup?.popover) {
+            try {
+                this._popup.hidePopover();
+            }
+            catch {
+                // ignore
+            }
+        }
+        this.dispatchEvent(new CustomEvent(`menu-command`, {
+            detail: {
+                command: e.detail.name,
+                value: e.detail.value,
+            },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleContextMenu(e) {
+        if (this.mode !== `context`)
+            return;
+        e.preventDefault();
+        this._popup.style.top = `${e.clientY}px`;
+        this._popup.style.left = `${e.clientX}px`;
+        this._popup.style.position = `fixed`;
+        this._popup.style.positionAnchor = `none`;
+        if (this._popup?.popover) {
+            try {
+                this._popup.showPopover();
+            }
+            catch {
+                // ignore
+            }
+        }
+    }
+    static { this.styles = [
+        popupSurfaceStyles,
+        css `
+    :host {
+      display: inline-block;
+      position: relative;
+    }
+
+    .trigger-area {
+      anchor-name: var(--anchor-name);
+      display: inline-flex;
+      align-items: stretch;
+    }
+
+    .trigger-btn {
+      background: none;
+      border: none;
+      color: var(--surface-3-text);
+      cursor: pointer;
+      padding: var(--space-s) var(--space-m);
+      font-size: var(--text-m);
+      font-weight: 600;
+      border-radius: var(--radius-s);
+      opacity: 0.6;
+      transition: opacity var(--transition), background var(--transition);
+    }
+
+    .trigger-btn:hover {
+      background: var(--_trigger-hover-bg, var(--surface-4));
+      color: var(--surface-3-text);
+      opacity: var(--_trigger-hover-opacity, 1);
+    }
+
+    .trigger-btn:focus-visible {
+      background: var(--surface-4);
+      color: var(--surface-3-text);
+      outline: none;
+      opacity: 1;
+    }
+
+    .popup {
+      position: fixed;
+      position-anchor: var(--anchor-name);
+      inset: auto;
+      margin: 0;
+      padding: 0;
+      border: none;
+      background: transparent;
+      z-index: 100;
+      position-try-fallbacks: flip-inline, flip-block, flip-block flip-inline;
+    }
+
+    .popup[popover] {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+      transition: opacity 0.12s ease-out, transform 0.12s ease-out,
+                  display 0.12s allow-discrete, overlay 0.12s allow-discrete;
+    }
+
+    @starting-style .popup {
+      opacity: 0;
+      transform: translateY(-4px) scale(0.97);
+    }
+  `,
+    ]; }
+    render() {
+        const showButton = this.mode !== `dropdown` && this._hasMenu && !this._hasTriggerSlot;
+        return html `
+      <div
+        class="trigger-area"
+        @click=${this._handleTriggerClick}
+        @contextmenu=${this._handleContextMenu}
+      >
+        ${showButton
+            ? html `<button class="trigger-btn" part="base">${this.label}</button>`
+            : null}
+        <slot name="trigger" @slotchange=${this._handleTriggerSlotChange}></slot>
+      </div>
+      <div
+        class="popup popup-surface"
+        popover="auto"
+        @click=${(e) => e.stopPropagation()}
+      >
+          <slot name="menu" @slotchange=${this._handleSlotChange}></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], MenuTrigger.prototype, "mode", void 0);
+__decorate([
+    property({ type: String })
+], MenuTrigger.prototype, "label", void 0);
+__decorate([
+    property({ attribute: false })
+], MenuTrigger.prototype, "registry", void 0);
+__decorate([
+    property({ attribute: false })
+], MenuTrigger.prototype, "keyboardManager", void 0);
+__decorate([
+    property({ type: String })
+], MenuTrigger.prototype, "placement", void 0);
+__decorate([
+    state()
+], MenuTrigger.prototype, "_isOpen", void 0);
+__decorate([
+    state()
+], MenuTrigger.prototype, "_hasMenu", void 0);
+__decorate([
+    state()
+], MenuTrigger.prototype, "_hasTriggerSlot", void 0);
+__decorate([
+    query(`.trigger-btn`)
+], MenuTrigger.prototype, "_triggerBtn", void 0);
+__decorate([
+    query(`.popup`)
+], MenuTrigger.prototype, "_popup", void 0);
+MenuTrigger = MenuTrigger_1 = __decorate([
+    customElement(`ixfx-menu-trigger`)
+], MenuTrigger);
+export { MenuTrigger };
+//# sourceMappingURL=menu-trigger.js.map

package/dist/menu/menu-trigger.js.map

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

package/dist/miller/index.d.ts

@@ -0,0 +1,5 @@
+export * from './miller-base.js';
+export * from './miller-list.js';
+export * from './miller-tree-controller.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/miller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/miller/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,YAAY,CAAC"}

package/dist/miller/index.js

@@ -0,0 +1,5 @@
+export * from './miller-base.js';
+export * from './miller-list.js';
+export * from './miller-tree-controller.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/dist/miller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/miller/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,YAAY,CAAC"}

package/dist/miller/miller-base.d.ts

@@ -0,0 +1,184 @@
+import type { PropertyValues, TemplateResult } from 'lit';
+import type { MillerConfig, MillerHeaderClickDetail, MillerHeaderRightClickDetail, MillerItemDblClickDetail, MillerItemRightClickDetail, MillerItemState, MillerNode, MillerSelectionMode } from './types.js';
+import type { TreeComponent, TreeSearchHost } from '../common/tree-component.js';
+import type { LoadChildrenCallback, TreeExclusivity, TreeFilterPredicate, TreeSelectionFilter } from '../common/types.js';
+import { TreeDataModel } from '../common/tree-data-model.js';
+import { LitElement, nothing } from 'lit';
+import { TickledController } from '../interaction/tickled-controller.js';
+/**
+ * Base class for Miller column components. Handles column lifecycle,
+ * column resizing, keyboard navigation, and selection modes.
+ *
+ * Subclasses must override `renderColumnContent`.
+ *
+ * ## Interaction modes (`interactionMode`)
+ *
+ * Controls how clicks map to selection changes. Default: `'standard'`.
+ *
+ * - `implicit`: Selection follows the cursor path (navigation mode).
+ * - `standard`: Single click selects; Shift+click range-selects within a column;
+ *   Cmd/Ctrl+click toggles individual items.
+ * - `manual`: Component never modifies selection. Use `selectedKeys` / `setSelected`
+ *   / `clearSelection` to drive state externally.
+ * - `checked`: Checkboxes on every item (rendered by subclass via `_isChecked` /
+ *   `_handleCheckboxClick`). Clicking the item navigates/expands; clicking the
+ *   checkbox toggles selection of the node and all loaded descendants.
+ *
+ * ## Events
+ * - `expand`: FYI event fired after a column opens. Detail: `{ node, depth }`
+ * - `collapse`: FYI event fired when a column closes. Detail: `{ node, depth }`
+ * - `header-click`: fired when a column header is clicked (requires `headers` attr).
+ *   Detail: `{ depth, label, path: MillerNode[] }`
+ * - `activate`: fired when Enter is pressed on an item. Detail: `{ node, depth }`
+ * - `select`: fired when the selection set changes. Detail: `{ selected, previous }`
+ * - `item-click`: fired on any item click. Detail: `{ node, depth }`
+ * - `tickle`: fired when an item is hovered or keyboard cursor moves to it. Detail: `{ node, depth }`
+ *
+ * ## CSS variables
+ * - `--column-bg`: var(--surface-3)
+ * - `--column-header-bg`: var(--surface-2)
+ * - `--column-header-text`: var(--surface-muted-text)
+ * - `--column-separator`: var(--surface-5)
+ * - `--column-resize-handle`: var(--surface-5)
+ * - `--column-resize-handle-hover`: var(--accent)
+ * - `--column-resize-width`: 4px
+ * - `--item-hover-bg`: var(--item-bg-tickled)
+ * - `--item-selected-bg`: var(--item-bg-selected)
+ * - `--item-selected-text`: var(--item-text-selected)
+ */
+export declare class MillerBaseElement extends LitElement implements TreeComponent, TreeSearchHost {
+    #private;
+    root: MillerNode | undefined;
+    model: TreeDataModel | undefined;
+    headers: boolean;
+    /**
+     * Controls the column-level interaction pattern (how clicks map to column changes).
+     * This is distinct from `selectionFilter` (which restricts which node kinds are selectable).
+     * Default: `'standard'`.
+     */
+    interactionMode: MillerSelectionMode;
+    selectionFilter: TreeSelectionFilter;
+    exclusivity: TreeExclusivity;
+    /**
+     * Callback to load children for a lazy node.
+     * Superseded by `model` when both are set.
+     * If not set and `model` is not set, clicking a lazy node opens an empty column.
+     */
+    loadChildren: LoadChildrenCallback | undefined;
+    filterPredicate: TreeFilterPredicate | undefined;
+    protected _columns: MillerNode[][];
+    protected _loadingDepth: number | undefined;
+    protected _selectedByDepth: Map<number, MillerNode>;
+    protected _selectedKeys: Set<string>;
+    protected _selectedNodes: Set<MillerNode>;
+    tickled: TickledController<string>;
+    updated(changedProps: PropertyValues): void;
+    disconnectedCallback(): void;
+    getConfig(): MillerConfig;
+    setConfig(config: MillerConfig): void;
+    /** Read current selection as an immutable set of item keys. */
+    get selectedKeys(): ReadonlySet<string>;
+    /** Replace entire selection and trigger a re-render. */
+    set selectedKeys(keys: Iterable<string>);
+    /** The most recently selected node. */
+    get selectedNode(): MillerNode | undefined;
+    set selectedNode(node: MillerNode | undefined);
+    /** Full selection set (implements TreeComponent interface). */
+    get selectedNodes(): ReadonlySet<MillerNode>;
+    /** Add `node` to the selection (respects selectionFilter). Dispatches `select` event. */
+    select(node: MillerNode): void;
+    /** Remove `node` from the selection. Dispatches `select` event. */
+    deselect(node: MillerNode): void;
+    /**
+     * Clear all selection and trigger a re-render.
+     */
+    clearSelection(): void;
+    /**
+     * Select or deselect a single node by key.
+     * In `checked` interactionMode this also recursively selects/deselects all loaded descendants.
+     */
+    setSelected(node: MillerNode, selected: boolean): void;
+    /**
+     * Return all MillerNodes whose key is in `_selectedKeys`, searching only
+     * the currently visible columns.
+     */
+    getSelected(): MillerNode[];
+    /**
+     * Programmatically navigate to a node by key path.
+     */
+    navigateTo(keys: readonly string[]): boolean;
+    /**
+     * Programmatically navigate to the first node (breadth-first) matching a predicate.
+     */
+    navigateToNode(predicate: (node: MillerNode) => boolean): boolean;
+    getNodes(): ReadonlyArray<{
+        node: MillerNode;
+        depth: number;
+    }>;
+    protected renderColumnContent(nodes: MillerNode[], depth: number): TemplateResult | typeof nothing;
+    protected _handleItemClick(node: MillerNode, depth: number, event?: MouseEvent): void;
+    /**
+     * Called by subclasses (in `checked` interactionMode) when a checkbox is clicked.
+     */
+    protected _handleCheckboxClick(event: MouseEvent, node: MillerNode, _depth: number): void;
+    /**
+     * Called by subclasses when an item is double-clicked.
+     */
+    protected _handleItemDblClick(node: MillerNode, depth: number, _event: MouseEvent): void;
+    /**
+     * Called by subclasses when an item is right-clicked.
+     */
+    protected _handleItemRightClick(node: MillerNode, depth: number, event: MouseEvent): void;
+    /**
+     * Called by subclasses when a column header is right-clicked.
+     */
+    protected _handleHeaderRightClick(event: MouseEvent, depth: number): void;
+    protected _isSelected(node: MillerNode, depth: number): boolean;
+    protected _isOpen(node: MillerNode, depth: number): boolean;
+    /**
+     * Return the display state for an item identified by key at a given depth.
+     */
+    getItemState(key: string, depth: number): MillerItemState | undefined;
+    /**
+     * Override to provide a custom loading indicator.
+     */
+    protected renderLoadingIndicator(): TemplateResult | typeof nothing;
+    protected render(): TemplateResult<1>;
+    protected _getFocusedIndex(depth: number): number;
+    protected _isFocused(node: MillerNode, depth: number): boolean;
+    /**
+     * Called by subclasses when pointer enters an item.
+     * Fires tickle event and switches to mouse mode.
+     */
+    protected _handleItemPointerEnter(node: MillerNode, depth: number): void;
+    /**
+     * Called by subclasses when pointer leaves the column container.
+     */
+    protected _handleColumnPointerLeave(): void;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ixfx-miller-base': MillerBaseElement;
+    }
+}
+import type { TreeActivateEvent, TreeCollapseEvent, TreeComponentEventMap, TreeExpandEvent, TreeItemClickEvent, TreeSelectEvent, TreeTickleEvent } from '../common/tree-component.js';
+export interface MillerBaseElementEventMap extends TreeComponentEventMap {
+    'item-click': TreeItemClickEvent;
+    'expand': TreeExpandEvent;
+    'collapse': TreeCollapseEvent;
+    'select': TreeSelectEvent;
+    'tickle': TreeTickleEvent;
+    'activate': TreeActivateEvent;
+    'item-dblclick': CustomEvent<MillerItemDblClickDetail>;
+    'item-rightclick': CustomEvent<MillerItemRightClickDetail>;
+    'header-click': CustomEvent<MillerHeaderClickDetail>;
+    'header-rightclick': CustomEvent<MillerHeaderRightClickDetail>;
+}
+export interface MillerBaseElement {
+    addEventListener<K extends keyof MillerBaseElementEventMap>(type: K, listener: (this: MillerBaseElement, event: MillerBaseElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof MillerBaseElementEventMap>(type: K, listener: (this: MillerBaseElement, event: MillerBaseElementEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
+//# sourceMappingURL=miller-base.d.ts.map

package/dist/miller/miller-base.d.ts.map

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