@ixfx/components 0.2.2 → 0.2.4

package/dist/menu/menu-container.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;
+};
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { popupSurfaceStyles } from '../styles/popup.js';
+import { TickledController, tickledStyles } from '../interaction/index.js';
+let MenuContainer = class MenuContainer extends LitElement {
+    constructor() {
+        super(...arguments);
+        // TickledController manages input mode and tickled state
+        this.tickled = new TickledController(this, {
+            getItems: () => {
+                const items = this._getMenuItems();
+                return items.map((item, i) => ({
+                    id: i,
+                    enabled: !item.hasAttribute('disabled')
+                }));
+            },
+            onTickle: (index) => {
+                // When an item is tickled (hovered/keyboard focused), handle submenu opening
+                const items = this._getMenuItems();
+                if (index !== undefined) {
+                    const item = items[index];
+                    // Ensure the item is focusable and focus it
+                    item.tabIndex = 0;
+                    item.focus({ preventScroll: true });
+                }
+            },
+            onStateChange: () => {
+                // Sync DOM attributes for slotted content
+                this._syncTickledClasses();
+            }
+        });
+        this._handleMouseOver = (e) => {
+            const items = this._getMenuItems();
+            // composedPath crosses shadow boundaries to find the hovered menu item
+            const path = e.composedPath();
+            const hoveredIndex = items.findIndex(item => path.includes(item));
+            if (hoveredIndex !== -1) {
+                const item = items[hoveredIndex];
+                // If IXFX-MENU-CONTAINER appears before this item in the composed path, the
+                // event originated from inside a nested submenu. Skip the focus override so the
+                // inner container keeps ownership of focus. stopPropagation() alone is not
+                // sufficient because it does not reliably cross shadow-root boundaries with
+                // popovers in the stack — both this handler and the inner one will fire.
+                const itemPathIndex = path.indexOf(item);
+                const isFromInsideSubmenu = path.slice(0, itemPathIndex).some(node => node instanceof Element && node.tagName === `IXFX-MENU-CONTAINER`);
+                if (!isFromInsideSubmenu) {
+                    // Use TickledController to handle mouse hover
+                    this.tickled.handlePointerEnter(hoveredIndex);
+                }
+                // Stop propagation so ancestor MenuContainers don't override this focus
+                // with their own mouseover handler (e.g. outer menu focusing the sub-trigger).
+                e.stopPropagation();
+            }
+        };
+        this._handleKeydown = (e) => {
+            const items = this._getMenuItems();
+            if (items.length === 0) {
+                return;
+            }
+            switch (e.key) {
+                case `ArrowDown`:
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this._focusNext(items, 1);
+                    break;
+                case `ArrowUp`:
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this._focusNext(items, -1);
+                    break;
+                case `Home`:
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this._focusItem(items, 0);
+                    break;
+                case `End`:
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this._focusItem(items, items.length - 1);
+                    break;
+                case `Enter`:
+                case ` `:
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this._activateFocusedItem(items);
+                    break;
+            }
+        };
+    }
+    static { this.styles = [popupSurfaceStyles, tickledStyles, css `
+    :host {
+      display: block;
+    }
+
+    .popover {
+      padding: var(--space-xs) 0;
+      min-width: 160px;
+    }
+
+    :host {
+      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 :host {
+      opacity: 0;
+      transform: translateY(-4px) scale(0.97);
+    }
+
+    ::slotted(menu-separator) {
+      display: block;
+      margin: var(--space-xs) 0;
+    }
+  `]; }
+    _updateIconSections() {
+        const slot = this.shadowRoot?.querySelector(`slot`);
+        if (!slot)
+            return;
+        const assigned = slot.assignedElements({ flatten: true });
+        // Group direct children into sections delimited by separators and headers
+        const sections = [];
+        let section = [];
+        for (const el of assigned) {
+            if (el.tagName === `IXFX-MENU-SEPARATOR` || el.tagName === `IXFX-MENU-HEADER`) {
+                if (section.length > 0) {
+                    sections.push(section);
+                    section = [];
+                }
+            }
+            else {
+                section.push(el);
+            }
+        }
+        if (section.length > 0)
+            sections.push(section);
+        this._propagateContext();
+        for (const sec of sections) {
+            const hasIcon = sec.some((el) => {
+                if (el.tagName === `IXFX-MENU-RADIO-GROUP`) {
+                    return [...el.children].some(ri => ri.hasAttribute(`icon-name`));
+                }
+                return el.hasAttribute(`icon-name`);
+            });
+            for (const el of sec) {
+                if (el.tagName === `IXFX-MENU-RADIO-GROUP`) {
+                    for (const ri of el.children) {
+                        if (hasIcon)
+                            ri.setAttribute(`data-icon-section`, ``);
+                        else
+                            ri.removeAttribute(`data-icon-section`);
+                    }
+                }
+                else {
+                    if (hasIcon)
+                        el.setAttribute(`data-icon-section`, ``);
+                    else
+                        el.removeAttribute(`data-icon-section`);
+                }
+            }
+        }
+        this.performUpdate();
+    }
+    _propagateContext() {
+        const slot = this.shadowRoot?.querySelector(`slot`);
+        if (!slot)
+            return;
+        for (const el of slot.assignedElements({ flatten: true })) {
+            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();
+        }
+    }
+    /**
+     * Sync data-input-mode to :host so CSS variables cascade to slotted items
+     */
+    willUpdate(changed) {
+        super.willUpdate(changed);
+        // Set data-input-mode on :host so tickledStyles CSS variables cascade
+        // through shadow DOM to slotted menu items
+        this.setAttribute('data-input-mode', this.tickled.inputMode);
+    }
+    render() {
+        return html `
+      <div
+        class="popover popup-surface"
+        role="menu"
+        @keydown=${this._handleKeydown}
+        @mouseover=${this._handleMouseOver}
+      >
+        <slot @slotchange=${this._updateIconSections}></slot>
+      </div>
+    `;
+    }
+    _getMenuItems() {
+        const slot = this.shadowRoot?.querySelector(`slot`);
+        if (!slot)
+            return [];
+        const skipTags = [`IXFX-MENU-SEPARATOR`, `IXFX-MENU-HEADER`];
+        const result = [];
+        for (const el of slot.assignedElements({ flatten: true })) {
+            if (skipTags.includes(el.tagName))
+                continue;
+            if (el.hasAttribute(`disabled`))
+                continue;
+            const role = el.getAttribute(`role`);
+            if (role === `none` || role === `presentation`)
+                continue;
+            if (el.tagName === `IXFX-MENU-RADIO-GROUP`) {
+                const groupSlot = el.shadowRoot?.querySelector(`slot`);
+                for (const radioItem of groupSlot?.assignedElements({ flatten: true }) ?? []) {
+                    if (!radioItem.hasAttribute(`disabled`)) {
+                        result.push(radioItem);
+                    }
+                }
+            }
+            else {
+                result.push(el);
+            }
+        }
+        return result;
+    }
+    /**
+     * Sync .tickled class on slotted items to match controller state
+     * This is called via onStateChange whenever the tickled state changes
+     */
+    _syncTickledClasses() {
+        const items = this._getMenuItems();
+        items.forEach((item, i) => {
+            if (this.tickled.isTickled(i)) {
+                item.classList.add(`tickled`);
+                item.tabIndex = 0;
+                // Set inline styles to ensure visibility across shadow DOM boundaries
+                const innerItem = item.shadowRoot?.querySelector(`.item`);
+                if (innerItem) {
+                    innerItem.style.background = `rgba(0, 0, 0, 0.06)`;
+                    innerItem.style.borderColor = `var(--accent)`;
+                    innerItem.style.color = `inherit`;
+                }
+            }
+            else {
+                item.classList.remove(`tickled`);
+                item.tabIndex = -1;
+                // Clear inline styles
+                const innerItem = item.shadowRoot?.querySelector(`.item`);
+                if (innerItem) {
+                    innerItem.style.background = ``;
+                    innerItem.style.borderColor = ``;
+                    innerItem.style.color = ``;
+                }
+            }
+        });
+        // Focus the tickled item if in keyboard mode
+        if (this.tickled.inputMode === 'keyboard' && this.tickled.tickledId !== undefined) {
+            const tickledItem = items[this.tickled.tickledId];
+            tickledItem?.focus();
+        }
+    }
+    focusFirst() {
+        this.tickled.handleKeyboardNavigation('first');
+    }
+    _focusNext(items, direction) {
+        if (items.length === 0) {
+            return;
+        }
+        this.tickled.handleKeyboardNavigation(direction > 0 ? 'next' : 'previous');
+    }
+    _focusItem(items, index) {
+        if (items.length === 0) {
+            return;
+        }
+        // Clamp index to valid range
+        const clampedIndex = Math.max(0, Math.min(index, items.length - 1));
+        this.tickled.handleKeyboardNavigation(clampedIndex);
+    }
+    _activateFocusedItem(items) {
+        const tickledIndex = this.tickled.tickledId;
+        if (tickledIndex === undefined) {
+            return;
+        }
+        const item = items[tickledIndex];
+        if (!item) {
+            return;
+        }
+        const tagName = item.tagName;
+        if (tagName === `IXFX-MENU-SUB-TRIGGER`) {
+            // Native menu behavior handles submenu navigation automatically
+            return;
+        }
+        if (tagName === `IXFX-MENU-CHECK-ITEM`) {
+            const checkItem = item;
+            checkItem.checked = !checkItem.checked;
+            checkItem.dispatchEvent(new CustomEvent(`command`, {
+                detail: { command: checkItem.command, checked: checkItem.checked },
+                bubbles: true,
+                composed: true,
+            }));
+            return;
+        }
+        if (tagName === `IXFX-MENU-RADIO-ITEM`) {
+            item.dispatchEvent(new CustomEvent(`radio-select`, {
+                detail: { value: item.value },
+                bubbles: true,
+                composed: true,
+            }));
+            return;
+        }
+        if (tagName === `IXFX-MENU-ITEM`) {
+            const command = item.command;
+            if (command) {
+                item.dispatchEvent(new CustomEvent(`command`, {
+                    detail: { command },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+            return;
+        }
+        item.click();
+    }
+};
+__decorate([
+    property({ type: String, attribute: `anchor` })
+], MenuContainer.prototype, "anchor", void 0);
+__decorate([
+    property({ attribute: false })
+], MenuContainer.prototype, "registry", void 0);
+__decorate([
+    property({ attribute: false })
+], MenuContainer.prototype, "keyboardManager", void 0);
+__decorate([
+    query(`.popover`)
+], MenuContainer.prototype, "_popover", void 0);
+MenuContainer = __decorate([
+    customElement(`ixfx-menu-container`)
+], MenuContainer);
+export { MenuContainer };
+//# sourceMappingURL=menu-container.js.map

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

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

package/dist/menu/menu-from-tree.d.ts

@@ -0,0 +1,17 @@
+import type { CommandRegistry, KeyboardManager } from '@clinth/ui-commands';
+import type { TemplateResult } from 'lit';
+import type { TreeNode } from '../tree/types.js';
+import type { MenuTriggerCommandDetail } from './menu-trigger.js';
+import './menu-container.js';
+import './menu-item.js';
+import './menu-sub-trigger.js';
+import './menu-separator.js';
+import './menu-header.js';
+export type MenuFromTreeOptions = {
+    onCommand?: (detail: MenuTriggerCommandDetail) => void;
+    registry?: CommandRegistry<unknown>;
+    keyboardManager?: KeyboardManager;
+};
+export declare function menuFromTree(nodes: TreeNode[], options?: MenuFromTreeOptions): TemplateResult;
+export declare function menuFromTreeToElements(nodes: TreeNode[], options?: MenuFromTreeOptions): HTMLElement[];
+//# sourceMappingURL=menu-from-tree.d.ts.map

package/dist/menu/menu-from-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-from-tree.d.ts","sourceRoot":"","sources":["../../src/menu/menu-from-tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC;AAMF,wBAAgB,YAAY,CAC1B,KAAK,EAAE,QAAQ,EAAE,EACjB,OAAO,GAAE,mBAAwB,GAChC,cAAc,CAoChB;AA2DD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,QAAQ,EAAE,EACjB,OAAO,GAAE,mBAAwB,GAChC,WAAW,EAAE,CAkBf"}

package/dist/menu/menu-from-tree.js

@@ -0,0 +1,103 @@
+import { html, nothing } from 'lit';
+import './menu-container.js';
+import './menu-item.js';
+import './menu-sub-trigger.js';
+import './menu-separator.js';
+import './menu-header.js';
+function isLeaf(node) {
+    return node.children === undefined || node.children.length === 0;
+}
+export function menuFromTree(nodes, options = {}) {
+    const { onCommand, registry, keyboardManager } = options;
+    return html `${nodes.map(node => {
+        const label = node.item.label;
+        if (label === '-') {
+            return html `<ixfx-menu-separator></ixfx-menu-separator>`;
+        }
+        if (label.startsWith('# ')) {
+            return html `<ixfx-menu-header label="${label.slice(2)}"></ixfx-menu-header>`;
+        }
+        if (!isLeaf(node)) {
+            const submenu = menuFromTree(node.children, options);
+            return html `
+        <ixfx-menu-sub-trigger label="${label}">
+          <ixfx-menu-container
+            slot="submenu"
+            .registry=${registry ?? nothing}
+            .keyboardManager=${keyboardManager ?? nothing}
+          >${submenu}</ixfx-menu-container>
+        </ixfx-menu-sub-trigger>
+      `;
+        }
+        return html `
+      <ixfx-menu-item
+        command="${node.item.key}"
+        label="${label}"
+        icon-name="${node.item.icon ?? nothing}"
+        @command=${onCommand ? (e) => onCommand(e.detail) : nothing}
+      ></ixfx-menu-item>
+    `;
+    })}`;
+}
+function buildMenuItemEl(node, options) {
+    const { onCommand, registry } = options;
+    const label = node.item.label;
+    const el = document.createElement('ixfx-menu-item');
+    el.setAttribute('command', node.item.key);
+    el.setAttribute('label', label);
+    if (node.item.icon) {
+        el.setAttribute('icon-name', node.item.icon);
+    }
+    if (onCommand) {
+        el.addEventListener('command', (e) => onCommand(e.detail));
+    }
+    if (registry) {
+        el.registry = registry;
+    }
+    return el;
+}
+function buildMenuSeparatorEl() {
+    return document.createElement('ixfx-menu-separator');
+}
+function buildMenuHeaderEl(label) {
+    const el = document.createElement('ixfx-menu-header');
+    el.setAttribute('label', label);
+    return el;
+}
+function buildMenuSubTriggerEl(node, options) {
+    const { onCommand, registry, keyboardManager } = options;
+    const el = document.createElement('ixfx-menu-sub-trigger');
+    el.setAttribute('label', node.item.label);
+    if (registry)
+        el.registry = registry;
+    if (keyboardManager)
+        el.keyboardManager = keyboardManager;
+    const container = document.createElement('ixfx-menu-container');
+    container.setAttribute('slot', 'submenu');
+    if (registry)
+        container.registry = registry;
+    if (keyboardManager)
+        container.keyboardManager = keyboardManager;
+    const childEls = menuFromTreeToElements(node.children, options);
+    for (const child of childEls) {
+        container.appendChild(child);
+    }
+    el.appendChild(container);
+    return el;
+}
+export function menuFromTreeToElements(nodes, options = {}) {
+    return nodes.map(node => {
+        const label = node.item.label;
+        if (label === '-') {
+            return buildMenuSeparatorEl();
+        }
+        if (label.startsWith('# ')) {
+            return buildMenuHeaderEl(label.slice(2));
+        }
+        if (!isLeaf(node)) {
+            return buildMenuSubTriggerEl(node, options);
+        }
+        return buildMenuItemEl(node, options);
+    });
+}
+//# sourceMappingURL=menu-from-tree.js.map

package/dist/menu/menu-from-tree.js.map

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

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

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class MenuHeader extends LitElement {
+    label: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ixfx-menu-header': MenuHeader;
+    }
+}
+//# sourceMappingURL=menu-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-header.d.ts","sourceRoot":"","sources":["../../src/menu/menu-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,qBACa,UAAW,SAAQ,UAAU;IACZ,KAAK,SAAM;IAEvC,MAAM,CAAC,MAAM,0BAUX;IAEF,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,UAAU,CAAC;KAChC;CACF"}

package/dist/menu/menu-header.js

@@ -0,0 +1,36 @@
+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 { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let MenuHeader = class MenuHeader extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = ``;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      padding: 6px var(--space-m) var(--space-xs);
+      font-size: var(--text-s);
+      font-weight: var(--font-weight-bold);
+      text-transform: uppercase;
+      color: var(--surface-muted-text);
+      letter-spacing: 0.5px;
+    }
+  `; }
+    render() {
+        return html `<div>${this.label}</div>`;
+    }
+};
+__decorate([
+    property({ type: String })
+], MenuHeader.prototype, "label", void 0);
+MenuHeader = __decorate([
+    customElement(`ixfx-menu-header`)
+], MenuHeader);
+export { MenuHeader };
+//# sourceMappingURL=menu-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-header.js","sourceRoot":"","sources":["../../src/menu/menu-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QACuB,UAAK,GAAG,EAAE,CAAC;IAiBzC,CAAC;aAfQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,AAVY,CAUX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA,QAAQ,IAAI,CAAC,KAAK,QAAQ,CAAC;IACxC,CAAC;;AAhB2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAY;AAD5B,UAAU;IADtB,aAAa,CAAC,kBAAkB,CAAC;GACrB,UAAU,CAkBtB"}

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

@@ -0,0 +1,41 @@
+import type { CommandRegistry, KeyboardManager } from '@clinth/ui-commands';
+import { LitElement } from 'lit';
+import '../icons/icon.js';
+export type MenuItemCommandDetail = {
+    readonly command: string;
+    readonly args: string;
+};
+export type MenuItemCommandEvent = CustomEvent<MenuItemCommandDetail>;
+export declare class MenuItem extends LitElement {
+    command: string;
+    commandArgs: string;
+    label: string;
+    disabled: boolean;
+    iconName: string;
+    registry?: CommandRegistry<unknown>;
+    keyboardManager?: KeyboardManager;
+    submenuPopover?: HTMLElement;
+    private _hasChildren;
+    private _slot;
+    private _hoverTimeout;
+    disconnectedCallback(): void;
+    private _handleSlotChange;
+    private _handleMouseEnter;
+    private _handleMouseLeave;
+    private _showSubmenu;
+    private _hideSubmenu;
+    private handleClick;
+    private _resolvedLabel;
+    private _resolvedIcon;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _getShortcut;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ixfx-menu-item': MenuItem;
+    }
+}
+//# sourceMappingURL=menu-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../src/menu/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;AAEtE,qBACa,QAAS,SAAQ,UAAU;IACV,OAAO,SAAM;IACc,WAAW,SAAM;IAC5C,KAAK,SAAM;IACV,QAAQ,UAAS;IACM,QAAQ,SAAM;IAClC,QAAQ,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,cAAc,CAAC,EAAE,WAAW,CAAC;IAEpD,OAAO,CAAC,YAAY,CAAS;IACvB,OAAO,CAAC,KAAK,CAAmB;IAE/C,OAAO,CAAC,aAAa,CAAuB;IAE5C,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,aAAa;IASrB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAUzD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAItD,OAAO,CAAC,YAAY;IAapB,OAAgB,MAAM,4BAgEnB;IAEH,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,QAAQ,CAAC;KAC5B;CACF"}