@furystack/shades-common-components 11.0.0 → 12.0.1

package/esm/components/context-menu/context-menu-manager.js

@@ -0,0 +1,128 @@
+import { EventHub, ObservableValue } from '@furystack/utils';
+/**
+ * Manages context menu state including open/close, items, focus, positioning, and keyboard navigation
+ */
+export class ContextMenuManager extends EventHub {
+    isOpened = new ObservableValue(false);
+    items = new ObservableValue([]);
+    focusedIndex = new ObservableValue(-1);
+    position = new ObservableValue({ x: 0, y: 0 });
+    /**
+     * Returns the indices of items that are navigable (non-separator, non-disabled)
+     */
+    getNavigableIndices() {
+        return this.items
+            .getValue()
+            .map((item, index) => ({ item, index }))
+            .filter(({ item }) => item.type === 'item' && !item.disabled)
+            .map(({ index }) => index);
+    }
+    /**
+     * Opens the context menu, optionally setting items and position
+     * @param options - Items and/or position to set
+     */
+    open(options = {}) {
+        if (options.items) {
+            this.items.setValue(options.items);
+        }
+        if (options.position) {
+            this.position.setValue(options.position);
+        }
+        const navigableIndices = this.getNavigableIndices();
+        this.focusedIndex.setValue(navigableIndices.length > 0 ? navigableIndices[0] : -1);
+        this.isOpened.setValue(true);
+    }
+    /**
+     * Closes the context menu and resets focus
+     */
+    close() {
+        this.isOpened.setValue(false);
+        this.focusedIndex.setValue(-1);
+    }
+    /**
+     * Selects a menu item by index, emits the selection event, and closes the menu
+     * @param index - The index of the item to select (defaults to focused item)
+     */
+    selectItem(index) {
+        const idx = index ?? this.focusedIndex.getValue();
+        const item = this.items.getValue()[idx];
+        if (item?.type === 'item' && !item.disabled && item.data !== undefined) {
+            this.emit('onSelectItem', item.data);
+            this.close();
+        }
+    }
+    /**
+     * Handles keyboard events for menu navigation
+     * @param ev - The keyboard event
+     */
+    handleKeyDown(ev) {
+        if (!this.isOpened.getValue())
+            return;
+        const navigableIndices = this.getNavigableIndices();
+        switch (ev.key) {
+            case 'ArrowDown': {
+                ev.preventDefault();
+                if (navigableIndices.length === 0)
+                    break;
+                const currentNavPosition = navigableIndices.indexOf(this.focusedIndex.getValue());
+                if (currentNavPosition < 0 || currentNavPosition >= navigableIndices.length - 1) {
+                    this.focusedIndex.setValue(navigableIndices[0]);
+                }
+                else {
+                    this.focusedIndex.setValue(navigableIndices[currentNavPosition + 1]);
+                }
+                break;
+            }
+            case 'ArrowUp': {
+                ev.preventDefault();
+                if (navigableIndices.length === 0)
+                    break;
+                const currentNavPosition = navigableIndices.indexOf(this.focusedIndex.getValue());
+                if (currentNavPosition <= 0) {
+                    this.focusedIndex.setValue(navigableIndices[navigableIndices.length - 1]);
+                }
+                else {
+                    this.focusedIndex.setValue(navigableIndices[currentNavPosition - 1]);
+                }
+                break;
+            }
+            case 'Home': {
+                ev.preventDefault();
+                if (navigableIndices.length > 0) {
+                    this.focusedIndex.setValue(navigableIndices[0]);
+                }
+                break;
+            }
+            case 'End': {
+                ev.preventDefault();
+                if (navigableIndices.length > 0) {
+                    this.focusedIndex.setValue(navigableIndices[navigableIndices.length - 1]);
+                }
+                break;
+            }
+            case 'Enter': {
+                ev.preventDefault();
+                const focusedIdx = this.focusedIndex.getValue();
+                if (focusedIdx >= 0) {
+                    this.selectItem(focusedIdx);
+                }
+                break;
+            }
+            case 'Escape': {
+                ev.preventDefault();
+                this.close();
+                break;
+            }
+            default:
+                break;
+        }
+    }
+    [Symbol.dispose]() {
+        this.isOpened[Symbol.dispose]();
+        this.items[Symbol.dispose]();
+        this.focusedIndex[Symbol.dispose]();
+        this.position[Symbol.dispose]();
+        super[Symbol.dispose]();
+    }
+}
+//# sourceMappingURL=context-menu-manager.js.map

package/esm/components/context-menu/context-menu-manager.js.map

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

package/esm/components/context-menu/context-menu-manager.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=context-menu-manager.spec.d.ts.map

package/esm/components/context-menu/context-menu-manager.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu-manager.spec.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu-manager.spec.ts"],"names":[],"mappings":""}

package/esm/components/context-menu/context-menu-manager.spec.js

@@ -0,0 +1,326 @@
+import { using } from '@furystack/utils';
+import { describe, expect, it, vi } from 'vitest';
+import { ContextMenuManager } from './context-menu-manager.js';
+describe('ContextMenuManager', () => {
+    const createTestItems = () => [
+        { type: 'item', data: { id: 1, name: 'Cut' }, label: 'Cut' },
+        { type: 'item', data: { id: 2, name: 'Copy' }, label: 'Copy' },
+        { type: 'separator' },
+        { type: 'item', data: { id: 3, name: 'Paste' }, label: 'Paste' },
+        { type: 'item', data: { id: 4, name: 'Delete' }, label: 'Delete', disabled: true },
+    ];
+    describe('getNavigableIndices', () => {
+        it('should return indices of non-separator, non-disabled items', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.items.setValue(createTestItems());
+                const indices = manager.getNavigableIndices();
+                expect(indices).toEqual([0, 1, 3]);
+            });
+        });
+        it('should return empty array when there are no navigable items', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.items.setValue([
+                    { type: 'separator' },
+                    { type: 'item', data: { id: 1, name: 'Disabled' }, label: 'Disabled', disabled: true },
+                ]);
+                const indices = manager.getNavigableIndices();
+                expect(indices).toEqual([]);
+            });
+        });
+        it('should return empty array for empty items', () => {
+            using(new ContextMenuManager(), (manager) => {
+                const indices = manager.getNavigableIndices();
+                expect(indices).toEqual([]);
+            });
+        });
+    });
+    describe('open', () => {
+        it('should set isOpened to true', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({ items: createTestItems(), position: { x: 100, y: 200 } });
+                expect(manager.isOpened.getValue()).toBe(true);
+            });
+        });
+        it('should set items when provided', () => {
+            using(new ContextMenuManager(), (manager) => {
+                const items = createTestItems();
+                manager.open({ items, position: { x: 0, y: 0 } });
+                expect(manager.items.getValue()).toEqual(items);
+            });
+        });
+        it('should set position when provided', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({ items: createTestItems(), position: { x: 150, y: 250 } });
+                expect(manager.position.getValue()).toEqual({ x: 150, y: 250 });
+            });
+        });
+        it('should focus the first navigable item', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                expect(manager.focusedIndex.getValue()).toBe(0);
+            });
+        });
+        it('should focus the first navigable item when first items are separators', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({
+                    items: [{ type: 'separator' }, { type: 'item', data: { id: 1, name: 'First' }, label: 'First' }],
+                    position: { x: 0, y: 0 },
+                });
+                expect(manager.focusedIndex.getValue()).toBe(1);
+            });
+        });
+        it('should set focusedIndex to -1 when no navigable items exist', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({
+                    items: [{ type: 'separator' }],
+                    position: { x: 0, y: 0 },
+                });
+                expect(manager.focusedIndex.getValue()).toBe(-1);
+            });
+        });
+        it('should keep existing items when items option is not provided', () => {
+            using(new ContextMenuManager(), (manager) => {
+                const items = createTestItems();
+                manager.items.setValue(items);
+                manager.open({ position: { x: 50, y: 50 } });
+                expect(manager.items.getValue()).toEqual(items);
+                expect(manager.isOpened.getValue()).toBe(true);
+            });
+        });
+        it('should keep existing position when position option is not provided', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.position.setValue({ x: 100, y: 200 });
+                manager.items.setValue(createTestItems());
+                manager.open();
+                expect(manager.position.getValue()).toEqual({ x: 100, y: 200 });
+                expect(manager.isOpened.getValue()).toBe(true);
+            });
+        });
+    });
+    describe('close', () => {
+        it('should set isOpened to false', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                manager.close();
+                expect(manager.isOpened.getValue()).toBe(false);
+            });
+        });
+        it('should reset focusedIndex to -1', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                manager.close();
+                expect(manager.focusedIndex.getValue()).toBe(-1);
+            });
+        });
+    });
+    describe('selectItem', () => {
+        it('should emit onSelectItem event with the item data', () => {
+            using(new ContextMenuManager(), (manager) => {
+                const items = createTestItems();
+                manager.open({ items, position: { x: 0, y: 0 } });
+                const onSelect = vi.fn();
+                manager.subscribe('onSelectItem', onSelect);
+                manager.selectItem(1);
+                expect(onSelect).toHaveBeenCalledWith({ id: 2, name: 'Copy' });
+            });
+        });
+        it('should close the menu after selection', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                manager.selectItem(0);
+                expect(manager.isOpened.getValue()).toBe(false);
+            });
+        });
+        it('should use the focused index when no index is provided', () => {
+            using(new ContextMenuManager(), (manager) => {
+                const items = createTestItems();
+                manager.open({ items, position: { x: 0, y: 0 } });
+                manager.focusedIndex.setValue(3);
+                const onSelect = vi.fn();
+                manager.subscribe('onSelectItem', onSelect);
+                manager.selectItem();
+                expect(onSelect).toHaveBeenCalledWith({ id: 3, name: 'Paste' });
+            });
+        });
+        it('should not emit when selecting a separator', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                const onSelect = vi.fn();
+                manager.subscribe('onSelectItem', onSelect);
+                manager.selectItem(2);
+                expect(onSelect).not.toHaveBeenCalled();
+            });
+        });
+        it('should not emit when selecting a disabled item', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                const onSelect = vi.fn();
+                manager.subscribe('onSelectItem', onSelect);
+                manager.selectItem(4);
+                expect(onSelect).not.toHaveBeenCalled();
+            });
+        });
+        it('should not emit when item has no data', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.open({
+                    items: [{ type: 'item', label: 'No data' }],
+                    position: { x: 0, y: 0 },
+                });
+                const onSelect = vi.fn();
+                manager.subscribe('onSelectItem', onSelect);
+                manager.selectItem(0);
+                expect(onSelect).not.toHaveBeenCalled();
+            });
+        });
+    });
+    describe('handleKeyDown', () => {
+        it('should not handle keyboard events when menu is closed', () => {
+            using(new ContextMenuManager(), (manager) => {
+                manager.items.setValue(createTestItems());
+                manager.focusedIndex.setValue(0);
+                manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'ArrowDown' }));
+                expect(manager.focusedIndex.getValue()).toBe(0);
+            });
+        });
+        describe('ArrowDown', () => {
+            it('should move focus to the next navigable item', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.focusedIndex.setValue(0);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'ArrowDown' }));
+                    expect(manager.focusedIndex.getValue()).toBe(1);
+                });
+            });
+            it('should skip separators', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.focusedIndex.setValue(1);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'ArrowDown' }));
+                    expect(manager.focusedIndex.getValue()).toBe(3);
+                });
+            });
+            it('should skip disabled items', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({
+                        items: [
+                            { type: 'item', data: { id: 1, name: 'A' }, label: 'A' },
+                            { type: 'item', data: { id: 2, name: 'B' }, label: 'B', disabled: true },
+                            { type: 'item', data: { id: 3, name: 'C' }, label: 'C' },
+                        ],
+                        position: { x: 0, y: 0 },
+                    });
+                    manager.focusedIndex.setValue(0);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'ArrowDown' }));
+                    expect(manager.focusedIndex.getValue()).toBe(2);
+                });
+            });
+            it('should wrap to first item when at the end', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.focusedIndex.setValue(3);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'ArrowDown' }));
+                    expect(manager.focusedIndex.getValue()).toBe(0);
+                });
+            });
+        });
+        describe('ArrowUp', () => {
+            it('should move focus to the previous navigable item', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.focusedIndex.setValue(1);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'ArrowUp' }));
+                    expect(manager.focusedIndex.getValue()).toBe(0);
+                });
+            });
+            it('should skip separators', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.focusedIndex.setValue(3);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'ArrowUp' }));
+                    expect(manager.focusedIndex.getValue()).toBe(1);
+                });
+            });
+            it('should wrap to last navigable item when at the beginning', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.focusedIndex.setValue(0);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'ArrowUp' }));
+                    expect(manager.focusedIndex.getValue()).toBe(3);
+                });
+            });
+        });
+        describe('Home', () => {
+            it('should move focus to the first navigable item', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.focusedIndex.setValue(3);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'Home' }));
+                    expect(manager.focusedIndex.getValue()).toBe(0);
+                });
+            });
+        });
+        describe('End', () => {
+            it('should move focus to the last navigable item', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.focusedIndex.setValue(0);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'End' }));
+                    expect(manager.focusedIndex.getValue()).toBe(3);
+                });
+            });
+        });
+        describe('Enter', () => {
+            it('should select the focused item', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    const onSelect = vi.fn();
+                    manager.subscribe('onSelectItem', onSelect);
+                    manager.focusedIndex.setValue(1);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'Enter' }));
+                    expect(onSelect).toHaveBeenCalledWith({ id: 2, name: 'Copy' });
+                });
+            });
+            it('should not select when no item is focused', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.focusedIndex.setValue(-1);
+                    const onSelect = vi.fn();
+                    manager.subscribe('onSelectItem', onSelect);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'Enter' }));
+                    expect(onSelect).not.toHaveBeenCalled();
+                });
+            });
+            it('should close the menu after selection', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.focusedIndex.setValue(0);
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'Enter' }));
+                    expect(manager.isOpened.getValue()).toBe(false);
+                });
+            });
+        });
+        describe('Escape', () => {
+            it('should close the menu', () => {
+                using(new ContextMenuManager(), (manager) => {
+                    manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+                    manager.handleKeyDown(new KeyboardEvent('keydown', { key: 'Escape' }));
+                    expect(manager.isOpened.getValue()).toBe(false);
+                    expect(manager.focusedIndex.getValue()).toBe(-1);
+                });
+            });
+        });
+    });
+    describe('dispose', () => {
+        it('should dispose all observables without throwing', () => {
+            const manager = new ContextMenuManager();
+            expect(() => manager[Symbol.dispose]()).not.toThrow();
+        });
+        it('should dispose after open/close cycle', () => {
+            const manager = new ContextMenuManager();
+            manager.open({ items: createTestItems(), position: { x: 0, y: 0 } });
+            manager.close();
+            expect(() => manager[Symbol.dispose]()).not.toThrow();
+        });
+    });
+});
+//# sourceMappingURL=context-menu-manager.spec.js.map

package/esm/components/context-menu/context-menu-manager.spec.js.map

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

package/esm/components/context-menu/context-menu.d.ts

@@ -0,0 +1,8 @@
+import type { ChildrenList, PartialElement } from '@furystack/shades';
+import type { ContextMenuManager } from './context-menu-manager.js';
+export type ContextMenuProps<T> = {
+    manager: ContextMenuManager<T>;
+    onItemSelect?: (item: T) => void;
+} & PartialElement<HTMLDivElement>;
+export declare const ContextMenu: <T>(props: ContextMenuProps<T>, children: ChildrenList) => JSX.Element<any>;
+//# sourceMappingURL=context-menu.d.ts.map

package/esm/components/context-menu/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CACjC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAElC,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CAwGlG,CAAA"}

package/esm/components/context-menu/context-menu.js

@@ -0,0 +1,79 @@
+import { createComponent, Shade } from '@furystack/shades';
+import { cssVariableTheme } from '../../services/css-variable-theme.js';
+import { ContextMenuItemComponent } from './context-menu-item.js';
+export const ContextMenu = Shade({
+    shadowDomName: 'shade-context-menu',
+    css: {
+        '& .context-menu-backdrop': {
+            opacity: '0',
+            transition: `opacity ${cssVariableTheme.transitions.duration.fast} ease-out`,
+        },
+        '& .context-menu-backdrop.visible': {
+            opacity: '1',
+        },
+        '& .context-menu-container': {
+            opacity: '0',
+            transform: 'scale(0.95) translateY(-4px)',
+            transition: `opacity ${cssVariableTheme.transitions.duration.fast} ease-out, transform ${cssVariableTheme.transitions.duration.fast} ease-out`,
+            transformOrigin: 'top left',
+        },
+        '& .context-menu-container.visible': {
+            opacity: '1',
+            transform: 'scale(1) translateY(0)',
+        },
+    },
+    render: ({ props, useObservable, useDisposable, useState }) => {
+        useDisposable('keydown-handler', () => {
+            const listener = (ev) => {
+                props.manager.handleKeyDown(ev);
+            };
+            window.addEventListener('keydown', listener, true);
+            return { [Symbol.dispose]: () => window.removeEventListener('keydown', listener, true) };
+        });
+        const { manager, onItemSelect } = props;
+        useDisposable('onItemSelect', () => manager.subscribe('onSelectItem', (item) => onItemSelect?.(item)));
+        const [isOpened] = useObservable('isOpened', manager.isOpened);
+        const [items] = useObservable('items', manager.items);
+        const [position] = useObservable('position', manager.position);
+        const [isVisible, setIsVisible] = useState('isVisible', false);
+        if (!isOpened) {
+            return null;
+        }
+        requestAnimationFrame(() => {
+            requestAnimationFrame(() => setIsVisible(true));
+        });
+        return (createComponent("div", { className: `context-menu-backdrop${isVisible ? ' visible' : ''}`, style: {
+                position: 'fixed',
+                top: '0',
+                left: '0',
+                width: '100%',
+                height: '100%',
+                zIndex: '9999',
+            }, onclick: () => manager.close(), oncontextmenu: (ev) => {
+                ev.preventDefault();
+                manager.close();
+            } },
+            createComponent("div", { role: "menu", className: `context-menu-container${isVisible ? ' visible' : ''}`, style: {
+                    position: 'absolute',
+                    left: `${position.x}px`,
+                    top: `${position.y}px`,
+                    minWidth: '200px',
+                    background: cssVariableTheme.background.paper,
+                    borderRadius: cssVariableTheme.shape.borderRadius.md,
+                    boxShadow: cssVariableTheme.shadows.lg,
+                    border: `1px solid ${cssVariableTheme.divider}`,
+                    padding: '4px 0',
+                    overflow: 'hidden',
+                }, onclick: (ev) => ev.stopPropagation() }, items.map((item, index) => {
+                if (item.type === 'separator') {
+                    return (createComponent("div", { role: "separator", className: "context-menu-separator", style: {
+                            height: '1px',
+                            margin: '4px 8px',
+                            backgroundColor: cssVariableTheme.divider,
+                        } }));
+                }
+                return createComponent(ContextMenuItemComponent, { item: item, index: index, manager: manager });
+            }))));
+    },
+});
+//# sourceMappingURL=context-menu.js.map

package/esm/components/context-menu/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAA;AAQjE,MAAM,CAAC,MAAM,WAAW,GAAgF,KAAK,CAE3G;IACA,aAAa,EAAE,oBAAoB;IACnC,GAAG,EAAE;QACH,0BAA0B,EAAE;YAC1B,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE,WAAW,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,WAAW;SAC7E;QACD,kCAAkC,EAAE;YAClC,OAAO,EAAE,GAAG;SACb;QACD,2BAA2B,EAAE;YAC3B,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,8BAA8B;YACzC,UAAU,EAAE,WAAW,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,wBAAwB,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,WAAW;YAC9I,eAAe,EAAE,UAAU;SAC5B;QACD,mCAAmC,EAAE;YACnC,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,wBAAwB;SACpC;KACF;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC5D,aAAa,CAAC,iBAAiB,EAAE,GAAG,EAAE;YACpC,MAAM,QAAQ,GAAG,CAAC,EAAiB,EAAE,EAAE;gBACrC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;YACjC,CAAC,CAAA;YACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAA;YAClD,OAAO,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAA;QAC1F,CAAC,CAAC,CAAA;QAEF,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;QAEvC,aAAa,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAEtG,MAAM,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;QAC9D,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;QACrD,MAAM,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;QAE9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;QAE9D,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,IAAI,CAAA;QACb,CAAC;QAED,qBAAqB,CAAC,GAAG,EAAE;YACzB,qBAAqB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA;QACjD,CAAC,CAAC,CAAA;QAEF,OAAO,CACL,yBACE,SAAS,EAAE,wBAAwB,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAChE,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,MAAM;aACf,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAC9B,aAAa,EAAE,CAAC,EAAc,EAAE,EAAE;gBAChC,EAAE,CAAC,cAAc,EAAE,CAAA;gBACnB,OAAO,CAAC,KAAK,EAAE,CAAA;YACjB,CAAC;YAED,yBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,yBAAyB,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EACjE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI;oBACvB,GAAG,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI;oBACtB,QAAQ,EAAE,OAAO;oBACjB,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC,KAAK;oBAC7C,YAAY,EAAE,gBAAgB,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;oBACpD,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE;oBACtC,MAAM,EAAE,aAAa,gBAAgB,CAAC,OAAO,EAAE;oBAC/C,OAAO,EAAE,OAAO;oBAChB,QAAQ,EAAE,QAAQ;iBACnB,EACD,OAAO,EAAE,CAAC,EAAc,EAAE,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,IAEhD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;oBAC9B,OAAO,CACL,yBACE,IAAI,EAAC,WAAW,EAChB,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE;4BACL,MAAM,EAAE,KAAK;4BACb,MAAM,EAAE,SAAS;4BACjB,eAAe,EAAE,gBAAgB,CAAC,OAAO;yBAC1C,GACD,CACH,CAAA;gBACH,CAAC;gBACD,OAAO,gBAAC,wBAAwB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;YACjF,CAAC,CAAC,CACE,CACF,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/esm/components/context-menu/context-menu.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=context-menu.spec.d.ts.map

package/esm/components/context-menu/context-menu.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.spec.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu.spec.tsx"],"names":[],"mappings":""}