@ixfx/components 0.2.2 → 0.2.4

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

@@ -0,0 +1,302 @@
+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 MenuSubTrigger_1;
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { tickledItemStyles } from '../interaction/index.js';
+import '../icons/icon.js';
+let MenuSubTrigger = class MenuSubTrigger extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.command = ``;
+        this.commandArgs = ``;
+        this.label = ``;
+        this.disabled = false;
+        this.iconName = ``;
+        this._hasSubmenu = false;
+        this._anchorName = `--mst-${MenuSubTrigger_1._count++}`;
+        this._hoverTimeout = null;
+        this._hideTimeout = null;
+    }
+    static { MenuSubTrigger_1 = this; }
+    static { this._count = 0; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener(`keydown`, this._handleKeydown);
+    }
+    firstUpdated() {
+        this.style.setProperty(`--anchor-name`, this._anchorName);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener(`keydown`, this._handleKeydown);
+        if (this._hoverTimeout) {
+            clearTimeout(this._hoverTimeout);
+        }
+        if (this._hideTimeout) {
+            clearTimeout(this._hideTimeout);
+        }
+    }
+    _propagateContext() {
+        const items = this._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;
+        }
+    }
+    updated(changedProperties) {
+        if (changedProperties.has(`registry`) || changedProperties.has(`keyboardManager`)) {
+            this._propagateContext();
+        }
+    }
+    willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        const resolvedIcon = this._resolvedIcon();
+        if (resolvedIcon && !this.iconName) {
+            this.setAttribute(`data-icon-section`, ``);
+        }
+        else if (!resolvedIcon && !this.iconName) {
+            this.removeAttribute(`data-icon-section`);
+        }
+    }
+    _resolvedIcon() {
+        if (this.iconName)
+            return this.iconName;
+        if (this.registry && this.command) {
+            return this.registry.get(this.command)?.icon ?? null;
+        }
+        return null;
+    }
+    _handleSlotChange() {
+        this._hasSubmenu = this._slot?.assignedElements().length > 0;
+        this._propagateContext();
+    }
+    _showSubmenu() {
+        if (!this._submenuPopover?.popover)
+            return;
+        try {
+            this._submenuPopover.showPopover();
+        }
+        catch (_) { /* ignore */ }
+    }
+    _hideSubmenu() {
+        if (!this._submenuPopover?.popover)
+            return;
+        try {
+            this._submenuPopover.hidePopover();
+        }
+        catch (_) { /* ignore */ }
+    }
+    _cancelHide() {
+        if (this._hideTimeout) {
+            clearTimeout(this._hideTimeout);
+            this._hideTimeout = null;
+        }
+    }
+    _scheduleHide() {
+        this._cancelHide();
+        this._hideTimeout = window.setTimeout(() => {
+            this._hideSubmenu();
+            this._hideTimeout = null;
+        }, 100);
+    }
+    _handleMouseEnter() {
+        if (this.disabled || !this._hasSubmenu)
+            return;
+        this._cancelHide();
+        if (this._hoverTimeout) {
+            clearTimeout(this._hoverTimeout);
+        }
+        this._hoverTimeout = window.setTimeout(() => {
+            this._showSubmenu();
+        }, 150);
+    }
+    _handleMouseLeave() {
+        if (this._hoverTimeout) {
+            clearTimeout(this._hoverTimeout);
+            this._hoverTimeout = null;
+        }
+        this._scheduleHide();
+    }
+    _handleSubmenuMouseEnter() {
+        this._cancelHide();
+    }
+    _handleSubmenuMouseLeave() {
+        this._scheduleHide();
+    }
+    _handleClick() {
+        if (this.disabled || !this.command)
+            return;
+        this.dispatchEvent(new CustomEvent(`command`, {
+            detail: { command: this.command, args: this.commandArgs },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleKeydown(e) {
+        if (this.disabled)
+            return;
+        switch (e.key) {
+            case `ArrowRight`:
+            case `Enter`:
+            case ` `:
+                e.preventDefault();
+                e.stopPropagation();
+                if (this._hasSubmenu) {
+                    this._showSubmenu();
+                    requestAnimationFrame(() => {
+                        const container = this._slot?.assignedElements({ flatten: true })
+                            .find(el => el.tagName === `IXFX-MENU-CONTAINER`);
+                        container?.focusFirst();
+                    });
+                }
+                break;
+            case `ArrowLeft`:
+                e.preventDefault();
+                e.stopPropagation();
+                this._hideSubmenu();
+                this._itemEl?.focus();
+                break;
+            case `Escape`:
+                e.preventDefault();
+                e.stopPropagation();
+                this._hideSubmenu();
+                break;
+        }
+    }
+    static { this.styles = [tickledItemStyles, css `
+    :host {
+      display: block;
+    }
+
+    .item {
+      anchor-name: var(--anchor-name);
+      display: flex;
+      padding: 6px var(--space-m);
+      font-size: var(--text-m);
+    }
+
+    .submenu-popover {
+      position: fixed;
+      position-anchor: var(--anchor-name);
+      inset: auto;
+      top: anchor(top);
+      left: anchor(right);
+      margin: 0;
+      padding: 0;
+      border: none;
+      background: transparent;
+      /* UA stylesheet sets overflow:auto on [popover], which clips the box-shadow
+         of the inner ixfx-menu-container child. Override to let the shadow render. */
+      overflow: visible;
+      position-try-fallbacks: flip-inline, flip-block, flip-block flip-inline;
+    }
+
+    :host(:focus) {
+      outline: none;
+    }
+
+    .item.disabled {
+      opacity: var(--disabled-opacity);
+      cursor: default;
+    }
+
+    .item.disabled:hover {
+      background: transparent;
+    }
+
+    .icon-slot {
+      width: 0;
+      overflow: hidden;
+      flex-shrink: 0;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    :host([icon-name]) .icon-slot,
+    :host([data-icon-section]) .icon-slot {
+      width: 1em;
+      height: 1em;
+      margin-right: var(--space-s);
+    }
+
+    .label {
+      flex: 1;
+    }
+
+    .arrow {
+      color: var(--surface-muted-text);
+      margin-left: var(--space-m);
+    }
+  `]; }
+    render() {
+        const resolvedIcon = this._resolvedIcon();
+        return html `
+      <div
+        class="item ${this.disabled ? `disabled` : ``}"
+        @click=${this._handleClick}
+        @mouseenter=${this._handleMouseEnter}
+        @mouseleave=${this._handleMouseLeave}
+        tabindex="${this.disabled ? -1 : 0}"
+        role="menuitem"
+        aria-haspopup="true"
+        aria-expanded="false"
+      >
+        <span class="icon-slot">${resolvedIcon ? html `<ixfx-icon name="${resolvedIcon}"></ixfx-icon>` : null}</span>
+        <span class="label"><slot></slot>${this.label}</span>
+        <span class="arrow">${this._hasSubmenu ? html `<ixfx-icon name="chevron-right"></ixfx-icon>` : nothing}</span>
+      </div>
+      <div class="submenu-popover" popover="auto"
+        @mouseenter=${this._handleSubmenuMouseEnter}
+        @mouseleave=${this._handleSubmenuMouseLeave}
+      >
+        <slot name="submenu" @slotchange=${this._handleSlotChange}></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], MenuSubTrigger.prototype, "command", void 0);
+__decorate([
+    property({ type: String, attribute: `command-args` })
+], MenuSubTrigger.prototype, "commandArgs", void 0);
+__decorate([
+    property({ type: String })
+], MenuSubTrigger.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], MenuSubTrigger.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, attribute: `icon-name` })
+], MenuSubTrigger.prototype, "iconName", void 0);
+__decorate([
+    property({ attribute: false })
+], MenuSubTrigger.prototype, "registry", void 0);
+__decorate([
+    property({ attribute: false })
+], MenuSubTrigger.prototype, "keyboardManager", void 0);
+__decorate([
+    state()
+], MenuSubTrigger.prototype, "_hasSubmenu", void 0);
+__decorate([
+    query(`slot[name="submenu"]`)
+], MenuSubTrigger.prototype, "_slot", void 0);
+__decorate([
+    query(`.submenu-popover`)
+], MenuSubTrigger.prototype, "_submenuPopover", void 0);
+__decorate([
+    query(`.item`)
+], MenuSubTrigger.prototype, "_itemEl", void 0);
+MenuSubTrigger = MenuSubTrigger_1 = __decorate([
+    customElement(`ixfx-menu-sub-trigger`)
+], MenuSubTrigger);
+export { MenuSubTrigger };
+//# sourceMappingURL=menu-sub-trigger.js.map

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

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

package/dist/menu/menu-trigger.d.ts

@@ -0,0 +1,57 @@
+import type { CommandRegistry, KeyboardManager } from '@clinth/ui-commands';
+import { LitElement } from 'lit';
+import './menu-container.js';
+type MenuMode = `trigger` | `dropdown` | `context`;
+type Placement = `bottom-start` | `bottom-end` | `right-start`;
+export type MenuTriggerCommandDetail = {
+    readonly command?: string;
+    readonly value?: string;
+    readonly checked?: boolean;
+};
+export type MenuTriggerCommandEvent = CustomEvent<MenuTriggerCommandDetail>;
+export declare class MenuTrigger extends LitElement {
+    mode: MenuMode;
+    label: string;
+    registry?: CommandRegistry<unknown>;
+    keyboardManager?: KeyboardManager;
+    placement: Placement;
+    private _isOpen;
+    private _hasMenu;
+    private _hasTriggerSlot;
+    private _triggerBtn;
+    private _popup;
+    private static _count;
+    private _anchorName;
+    private _clickListener;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _updatePosition;
+    private _propagateContext;
+    private _handleSlotChange;
+    private _handleTriggerSlotChange;
+    get isOpen(): boolean;
+    openMenu(): void;
+    closeMenu(): void;
+    focusTrigger(): void;
+    private _openMenu;
+    private _handlePopoverToggle;
+    private _closeMenu;
+    private _handleTriggerClick;
+    private _handleClickOutside;
+    private _getMenuContainer;
+    private _handleKeydown;
+    private _handleCommand;
+    private _handleRadioChange;
+    private _handleContextMenu;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ixfx-menu-trigger': MenuTrigger;
+    }
+}
+export {};
+//# sourceMappingURL=menu-trigger.d.ts.map

package/dist/menu/menu-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-trigger.d.ts","sourceRoot":"","sources":["../../src/menu/menu-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,qBAAqB,CAAC;AAE7B,KAAK,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AACnD,KAAK,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,CAAC;AAE/D,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC,wBAAwB,CAAC,CAAC;AAE5E,qBACa,WAAY,SAAQ,UAAU;IACb,IAAI,EAAE,QAAQ,CAAa;IAC3B,KAAK,SAAO;IACR,QAAQ,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;IACtC,SAAS,EAAE,SAAS,CAAkB;IAEzD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,eAAe,CAAS;IAElB,OAAO,CAAC,WAAW,CAAqB;IAC9C,OAAO,CAAC,MAAM,CAAe;IAE9C,OAAO,CAAC,MAAM,CAAC,MAAM,CAAK;IAE1B,OAAO,CAAC,WAAW,CAAkC;IACrD,OAAO,CAAC,cAAc,CAAuC;IAE7D,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAQ5B,YAAY,IAAI,IAAI;IAkBpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMtD,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,wBAAwB;IAKhC,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,QAAQ,IAAI,IAAI;IAIhB,SAAS,IAAI,IAAI;IAIjB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,SAAS;IAgBjB,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,cAAc,CAapB;IAEF,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,kBAAkB;IAiB1B,MAAM,CAAC,MAAM,4BAgEX;IAEF,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,WAAW,CAAC;KAClC;CACF"}