@alaarab/ogrid-angular 2.1.2 → 2.1.4

package/dist/esm/components/base-inline-cell-editor.component.js

@@ -1,253 +0,0 @@
-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 { Input, Output, EventEmitter, signal, computed, ViewChild } from '@angular/core';
-/**
- * Abstract base class for Angular inline cell editors.
- * Contains all shared signals, lifecycle hooks, keyboard handlers,
- * dropdown positioning, and display logic.
- *
- * Subclasses only need a @Component decorator with selector + template.
- */
-export class BaseInlineCellEditorComponent {
-    constructor() {
-        this.commit = new EventEmitter();
-        this.cancel = new EventEmitter();
-        this.localValue = signal('');
-        this.highlightedIndex = signal(0);
-        this.selectOptions = signal([]);
-        this.searchText = signal('');
-        this.filteredOptions = computed(() => {
-            const options = this.selectOptions();
-            const search = this.searchText().trim().toLowerCase();
-            if (!search)
-                return options;
-            return options.filter((v) => this.getDisplayText(v).toLowerCase().includes(search));
-        });
-        this._initialized = false;
-    }
-    ngOnInit() {
-        this._initialized = true;
-        this.syncFromInputs();
-    }
-    ngOnChanges() {
-        if (this._initialized) {
-            this.syncFromInputs();
-        }
-    }
-    syncFromInputs() {
-        const v = this.value;
-        this.localValue.set(v != null ? String(v) : '');
-        const col = this.column;
-        if (col?.cellEditorParams?.values) {
-            const vals = col.cellEditorParams.values;
-            this.selectOptions.set(vals);
-            const initialIdx = vals.findIndex((opt) => String(opt) === String(v));
-            this.highlightedIndex.set(Math.max(initialIdx, 0));
-        }
-    }
-    ngAfterViewInit() {
-        setTimeout(() => {
-            const richSelectInput = this.richSelectInput?.nativeElement;
-            if (richSelectInput) {
-                richSelectInput.focus();
-                richSelectInput.select();
-                this.positionFixedDropdown(this.richSelectWrapper, this.richSelectDropdown);
-                return;
-            }
-            const selectWrap = this.selectWrapper?.nativeElement;
-            if (selectWrap) {
-                selectWrap.focus();
-                this.positionFixedDropdown(this.selectWrapper, this.selectDropdown);
-                return;
-            }
-            const el = this.inputEl?.nativeElement;
-            if (el) {
-                el.focus();
-                if (el instanceof HTMLInputElement && el.type === 'text') {
-                    el.select();
-                }
-            }
-        });
-    }
-    commitValue(value) {
-        this.commit.emit(value);
-    }
-    onTextKeyDown(e) {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            this.commitValue(this.localValue());
-        }
-        else if (e.key === 'Escape') {
-            e.preventDefault();
-            this.cancel.emit();
-        }
-        else if (e.key === 'Tab') {
-            e.preventDefault();
-            this.commitValue(this.localValue());
-        }
-    }
-    getDisplayText(value) {
-        const formatValue = this.column?.cellEditorParams?.formatValue;
-        if (formatValue)
-            return formatValue(value);
-        return value != null ? String(value) : '';
-    }
-    onCustomSelectKeyDown(e) {
-        const options = this.selectOptions();
-        switch (e.key) {
-            case 'ArrowDown':
-                e.preventDefault();
-                this.highlightedIndex.set(Math.min(this.highlightedIndex() + 1, options.length - 1));
-                this.scrollOptionIntoView(this.selectDropdown);
-                break;
-            case 'ArrowUp':
-                e.preventDefault();
-                this.highlightedIndex.set(Math.max(this.highlightedIndex() - 1, 0));
-                this.scrollOptionIntoView(this.selectDropdown);
-                break;
-            case 'Enter':
-                e.preventDefault();
-                e.stopPropagation();
-                if (options.length > 0 && this.highlightedIndex() < options.length) {
-                    this.commitValue(options[this.highlightedIndex()]);
-                }
-                break;
-            case 'Tab':
-                e.preventDefault();
-                if (options.length > 0 && this.highlightedIndex() < options.length) {
-                    this.commitValue(options[this.highlightedIndex()]);
-                }
-                break;
-            case 'Escape':
-                e.preventDefault();
-                e.stopPropagation();
-                this.cancel.emit();
-                break;
-        }
-    }
-    onRichSelectSearch(text) {
-        this.searchText.set(text);
-        this.highlightedIndex.set(0);
-    }
-    onRichSelectKeyDown(e) {
-        const options = this.filteredOptions();
-        switch (e.key) {
-            case 'ArrowDown':
-                e.preventDefault();
-                this.highlightedIndex.set(Math.min(this.highlightedIndex() + 1, options.length - 1));
-                this.scrollOptionIntoView(this.richSelectDropdown);
-                break;
-            case 'ArrowUp':
-                e.preventDefault();
-                this.highlightedIndex.set(Math.max(this.highlightedIndex() - 1, 0));
-                this.scrollOptionIntoView(this.richSelectDropdown);
-                break;
-            case 'Enter':
-                e.preventDefault();
-                e.stopPropagation();
-                if (options.length > 0 && this.highlightedIndex() < options.length) {
-                    this.commitValue(options[this.highlightedIndex()]);
-                }
-                break;
-            case 'Escape':
-                e.preventDefault();
-                e.stopPropagation();
-                this.cancel.emit();
-                break;
-        }
-    }
-    onCheckboxKeyDown(e) {
-        if (e.key === 'Escape') {
-            e.preventDefault();
-            this.cancel.emit();
-        }
-    }
-    onTextBlur() {
-        this.commitValue(this.localValue());
-    }
-    getInputStyle() {
-        const baseStyle = 'width:100%;box-sizing:border-box;padding:6px 10px;border:none;outline:none;font:inherit;background:transparent;color:inherit;';
-        const col = this.column;
-        if (col.type === 'numeric') {
-            return baseStyle + 'text-align:right;';
-        }
-        return baseStyle;
-    }
-    /** Position a dropdown using fixed positioning to escape overflow clipping. */
-    positionFixedDropdown(wrapperRef, dropdownRef) {
-        const wrapper = wrapperRef?.nativeElement;
-        const dropdown = dropdownRef?.nativeElement;
-        if (!wrapper || !dropdown)
-            return;
-        const rect = wrapper.getBoundingClientRect();
-        const maxH = 200;
-        const spaceBelow = window.innerHeight - rect.bottom;
-        const flipUp = spaceBelow < maxH && rect.top > spaceBelow;
-        dropdown.style.position = 'fixed';
-        dropdown.style.left = `${rect.left}px`;
-        dropdown.style.width = `${rect.width}px`;
-        dropdown.style.maxHeight = `${maxH}px`;
-        dropdown.style.zIndex = '9999';
-        dropdown.style.right = 'auto';
-        if (flipUp) {
-            dropdown.style.top = 'auto';
-            dropdown.style.bottom = `${window.innerHeight - rect.top}px`;
-        }
-        else {
-            dropdown.style.top = `${rect.bottom}px`;
-        }
-    }
-    /** Scroll the highlighted option into view within a dropdown element. */
-    scrollOptionIntoView(dropdownRef) {
-        setTimeout(() => {
-            const dropdown = dropdownRef?.nativeElement;
-            if (!dropdown)
-                return;
-            const highlighted = dropdown.children[this.highlightedIndex()];
-            highlighted?.scrollIntoView({ block: 'nearest' });
-        });
-    }
-}
-__decorate([
-    Input({ required: true })
-], BaseInlineCellEditorComponent.prototype, "value", void 0);
-__decorate([
-    Input({ required: true })
-], BaseInlineCellEditorComponent.prototype, "item", void 0);
-__decorate([
-    Input({ required: true })
-], BaseInlineCellEditorComponent.prototype, "column", void 0);
-__decorate([
-    Input({ required: true })
-], BaseInlineCellEditorComponent.prototype, "rowIndex", void 0);
-__decorate([
-    Input({ required: true })
-], BaseInlineCellEditorComponent.prototype, "editorType", void 0);
-__decorate([
-    Output()
-], BaseInlineCellEditorComponent.prototype, "commit", void 0);
-__decorate([
-    Output()
-], BaseInlineCellEditorComponent.prototype, "cancel", void 0);
-__decorate([
-    ViewChild('inputEl')
-], BaseInlineCellEditorComponent.prototype, "inputEl", void 0);
-__decorate([
-    ViewChild('selectWrapper')
-], BaseInlineCellEditorComponent.prototype, "selectWrapper", void 0);
-__decorate([
-    ViewChild('selectDropdown')
-], BaseInlineCellEditorComponent.prototype, "selectDropdown", void 0);
-__decorate([
-    ViewChild('richSelectWrapper')
-], BaseInlineCellEditorComponent.prototype, "richSelectWrapper", void 0);
-__decorate([
-    ViewChild('richSelectInput')
-], BaseInlineCellEditorComponent.prototype, "richSelectInput", void 0);
-__decorate([
-    ViewChild('richSelectDropdown')
-], BaseInlineCellEditorComponent.prototype, "richSelectDropdown", void 0);

package/dist/esm/components/base-ogrid.component.js

@@ -1,36 +0,0 @@
-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;
-};
-/**
- * Base class for OGrid top-level components (Material, Radix).
- * Contains all shared TypeScript logic. Subclasses provide a @Component
- * decorator with their own selector, template, and imports.
- */
-import { Input, signal, effect, inject } from '@angular/core';
-import { OGridService } from '../services/ogrid.service';
-export class BaseOGridComponent {
-    set props(value) {
-        this.propsSignal.set(value);
-    }
-    constructor() {
-        this.propsSignal = signal(undefined);
-        this.ogridService = inject(OGridService);
-        effect(() => {
-            const p = this.propsSignal();
-            if (p)
-                this.ogridService.configure(p);
-        });
-    }
-    get showToolbar() {
-        return this.ogridService.columnChooserPlacement() === 'toolbar' || this.ogridService.toolbar() != null || this.ogridService.fullScreen();
-    }
-    onPageSizeChange(size) {
-        this.ogridService.pagination().setPageSize(size);
-    }
-}
-__decorate([
-    Input({ required: true })
-], BaseOGridComponent.prototype, "props", null);

package/dist/esm/components/base-pagination-controls.component.js

@@ -1,72 +0,0 @@
-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 { signal, computed, Input, Output, EventEmitter } from '@angular/core';
-import { getPaginationViewModel } from '@alaarab/ogrid-core';
-/**
- * Abstract base class containing all shared TypeScript logic for PaginationControls components.
- * Framework-specific UI packages extend this with their templates and style overrides.
- *
- * Subclasses must:
- * 1. Provide a @Component decorator with template and styles
- *
- * Uses @Input setter + signal pattern so computed() can track dependencies.
- * (Plain @Input properties are NOT tracked by computed() — only signals are.)
- */
-export class BasePaginationControlsComponent {
-    constructor() {
-        this._currentPage = signal(1);
-        this._pageSize = signal(25);
-        this._totalCount = signal(0);
-        this._pageSizeOptions = signal(undefined);
-        this._entityLabelPlural = signal('items');
-        this.pageChange = new EventEmitter();
-        this.pageSizeChange = new EventEmitter();
-        this.labelPlural = computed(() => this._entityLabelPlural() ?? 'items');
-        this.vm = computed(() => {
-            const opts = this._pageSizeOptions();
-            return getPaginationViewModel(this._currentPage(), this._pageSize(), this._totalCount(), opts ? { pageSizeOptions: opts } : undefined);
-        });
-    }
-    set currentPage(v) { this._currentPage.set(v); }
-    get currentPage() { return this._currentPage(); }
-    set pageSize(v) { this._pageSize.set(v); }
-    get pageSize() { return this._pageSize(); }
-    set totalCount(v) { this._totalCount.set(v); }
-    get totalCount() { return this._totalCount(); }
-    set pageSizeOptions(v) { this._pageSizeOptions.set(v); }
-    get pageSizeOptions() { return this._pageSizeOptions(); }
-    set entityLabelPlural(v) { this._entityLabelPlural.set(v); }
-    get entityLabelPlural() { return this._entityLabelPlural(); }
-    onPageSizeSelect(event) {
-        const value = Number(event.target.value);
-        this.pageSizeChange.emit(value);
-    }
-    onPageSizeChange(value) {
-        this.pageSizeChange.emit(Number(value));
-    }
-}
-__decorate([
-    Input({ required: true })
-], BasePaginationControlsComponent.prototype, "currentPage", null);
-__decorate([
-    Input({ required: true })
-], BasePaginationControlsComponent.prototype, "pageSize", null);
-__decorate([
-    Input({ required: true })
-], BasePaginationControlsComponent.prototype, "totalCount", null);
-__decorate([
-    Input()
-], BasePaginationControlsComponent.prototype, "pageSizeOptions", null);
-__decorate([
-    Input()
-], BasePaginationControlsComponent.prototype, "entityLabelPlural", null);
-__decorate([
-    Output()
-], BasePaginationControlsComponent.prototype, "pageChange", void 0);
-__decorate([
-    Output()
-], BasePaginationControlsComponent.prototype, "pageSizeChange", void 0);

package/dist/esm/components/base-popover-cell-editor.component.js

@@ -1,114 +0,0 @@
-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 { Input, ViewChild, Injector, EnvironmentInjector, inject, signal, effect, createComponent } from '@angular/core';
-/**
- * Shared popover cell editor template used by all Angular UI packages.
- */
-export const POPOVER_CELL_EDITOR_TEMPLATE = `
-    <div #anchorEl
-      class="ogrid-popover-anchor"
-      [attr.data-row-index]="rowIndex"
-      [attr.data-col-index]="globalColIndex"
-    >
-      {{ displayValue }}
-    </div>
-    @if (showEditor()) {
-      <div class="ogrid-popover-editor-overlay" (click)="handleOverlayClick()">
-        <div class="ogrid-popover-editor-content" #editorContainer></div>
-      </div>
-    }
-`;
-/**
- * Shared overlay + content styles for popover cell editors.
- * Subclasses provide their own .ogrid-popover-anchor styles.
- */
-export const POPOVER_CELL_EDITOR_OVERLAY_STYLES = `
-    :host { display: contents; }
-    .ogrid-popover-editor-overlay {
-      position: fixed; inset: 0; z-index: 1000;
-      background: rgba(0,0,0,0.3);
-      display: flex; align-items: center; justify-content: center;
-    }
-    .ogrid-popover-editor-content {
-      background: var(--ogrid-bg, #ffffff); border-radius: 4px; padding: 16px;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-      max-width: 90vw; max-height: 90vh; overflow: auto;
-      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-    }
-`;
-/**
- * Abstract base class for Angular popover cell editors.
- * Contains all shared inputs, ViewChild refs, effects, and overlay click handling.
- *
- * Subclasses only need a @Component decorator with selector, template, and
- * framework-specific .ogrid-popover-anchor CSS styles.
- */
-export class BasePopoverCellEditorComponent {
-    constructor() {
-        this.injector = inject(Injector);
-        this.envInjector = inject(EnvironmentInjector);
-        this.showEditor = signal(false);
-        // Show editor after anchor is rendered
-        effect(() => {
-            const anchor = this.anchorRef;
-            if (anchor) {
-                setTimeout(() => this.showEditor.set(true), 0);
-            }
-        });
-        // Render custom editor component when container is available.
-        // Angular's effect() ignores return values — use onCleanup() for cleanup.
-        effect((onCleanup) => {
-            const container = this.editorContainerRef;
-            const props = this.editorProps;
-            const col = this.column;
-            if (!container || !this.showEditor() || typeof col.cellEditor !== 'function')
-                return;
-            const EditorComponent = col.cellEditor;
-            const componentRef = createComponent(EditorComponent, {
-                environmentInjector: this.envInjector,
-                elementInjector: this.injector,
-            });
-            // Pass props to component instance
-            Object.assign(componentRef.instance, props);
-            componentRef.changeDetectorRef.detectChanges();
-            // Append to DOM
-            container.nativeElement.appendChild(componentRef.location.nativeElement);
-            // Cleanup when effect re-runs or component is destroyed
-            onCleanup(() => componentRef.destroy());
-        });
-    }
-    handleOverlayClick() {
-        this.onCancel();
-    }
-}
-__decorate([
-    Input({ required: true })
-], BasePopoverCellEditorComponent.prototype, "item", void 0);
-__decorate([
-    Input({ required: true })
-], BasePopoverCellEditorComponent.prototype, "column", void 0);
-__decorate([
-    Input({ required: true })
-], BasePopoverCellEditorComponent.prototype, "rowIndex", void 0);
-__decorate([
-    Input({ required: true })
-], BasePopoverCellEditorComponent.prototype, "globalColIndex", void 0);
-__decorate([
-    Input({ required: true })
-], BasePopoverCellEditorComponent.prototype, "displayValue", void 0);
-__decorate([
-    Input({ required: true })
-], BasePopoverCellEditorComponent.prototype, "editorProps", void 0);
-__decorate([
-    Input({ required: true })
-], BasePopoverCellEditorComponent.prototype, "onCancel", void 0);
-__decorate([
-    ViewChild('anchorEl')
-], BasePopoverCellEditorComponent.prototype, "anchorRef", void 0);
-__decorate([
-    ViewChild('editorContainer')
-], BasePopoverCellEditorComponent.prototype, "editorContainerRef", void 0);

package/dist/esm/components/empty-state.component.js

@@ -1,58 +0,0 @@
-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 { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-let EmptyStateComponent = class EmptyStateComponent {
-    constructor() {
-        this.message = undefined;
-        this.hasActiveFilters = false;
-        this.render = undefined;
-        this.clearAll = new EventEmitter();
-    }
-};
-__decorate([
-    Input()
-], EmptyStateComponent.prototype, "message", void 0);
-__decorate([
-    Input()
-], EmptyStateComponent.prototype, "hasActiveFilters", void 0);
-__decorate([
-    Input()
-], EmptyStateComponent.prototype, "render", void 0);
-__decorate([
-    Output()
-], EmptyStateComponent.prototype, "clearAll", void 0);
-EmptyStateComponent = __decorate([
-    Component({
-        selector: 'ogrid-empty-state',
-        standalone: true,
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        imports: [NgTemplateOutlet],
-        styles: [`
-    .ogrid-empty-state-clear-btn {
-      background: none; border: none; color: inherit;
-      text-decoration: underline; cursor: pointer; padding: 0; font: inherit;
-    }
-  `],
-        template: `
-    @if (render) {
-      <ng-container [ngTemplateOutlet]="render"></ng-container>
-    } @else if (message) {
-      {{ message }}
-    } @else if (hasActiveFilters) {
-      No items match your current filters. Try adjusting your search or
-      <button type="button" (click)="clearAll.emit()" class="ogrid-empty-state-clear-btn">
-        clear all filters
-      </button>
-      to see all items.
-    } @else {
-      There are no items available at this time.
-    }
-  `,
-    })
-], EmptyStateComponent);
-export { EmptyStateComponent };

package/dist/esm/components/grid-context-menu.component.js

@@ -1,153 +0,0 @@
-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 { Component, Input, Output, EventEmitter, ViewChild, DestroyRef, inject, ChangeDetectionStrategy } from '@angular/core';
-import { GRID_CONTEXT_MENU_ITEMS, formatShortcut } from '@alaarab/ogrid-core';
-let GridContextMenuComponent = class GridContextMenuComponent {
-    constructor() {
-        this.destroyRef = inject(DestroyRef);
-        this.hasSelection = false;
-        this.canUndoProp = false;
-        this.canRedoProp = false;
-        this.classNames = undefined;
-        this.copyAction = new EventEmitter();
-        this.cutAction = new EventEmitter();
-        this.pasteAction = new EventEmitter();
-        this.selectAllAction = new EventEmitter();
-        this.undoAction = new EventEmitter();
-        this.redoAction = new EventEmitter();
-        this.closeAction = new EventEmitter();
-        this.menuItems = GRID_CONTEXT_MENU_ITEMS;
-        this.formatShortcutFn = formatShortcut;
-        this.clickOutsideHandler = (e) => {
-            const el = this.menuRef?.nativeElement;
-            if (el && !el.contains(e.target))
-                this.closeAction.emit();
-        };
-        this.keyDownHandler = (e) => {
-            if (e.key === 'Escape')
-                this.closeAction.emit();
-        };
-        // Register listeners once on init (no signal dependencies needed)
-        document.addEventListener('mousedown', this.clickOutsideHandler, true);
-        document.addEventListener('keydown', this.keyDownHandler, true);
-        this.destroyRef.onDestroy(() => {
-            document.removeEventListener('mousedown', this.clickOutsideHandler, true);
-            document.removeEventListener('keydown', this.keyDownHandler, true);
-        });
-    }
-    isDisabled(item) {
-        if (item.disabledWhenNoSelection && !this.hasSelection)
-            return true;
-        if (item.id === 'undo' && !this.canUndoProp)
-            return true;
-        if (item.id === 'redo' && !this.canRedoProp)
-            return true;
-        return false;
-    }
-    onItemClick(id) {
-        switch (id) {
-            case 'copy':
-                this.copyAction.emit();
-                break;
-            case 'cut':
-                this.cutAction.emit();
-                break;
-            case 'paste':
-                this.pasteAction.emit();
-                break;
-            case 'selectAll':
-                this.selectAllAction.emit();
-                break;
-            case 'undo':
-                this.undoAction.emit();
-                break;
-            case 'redo':
-                this.redoAction.emit();
-                break;
-        }
-        this.closeAction.emit();
-    }
-};
-__decorate([
-    Input({ required: true })
-], GridContextMenuComponent.prototype, "x", void 0);
-__decorate([
-    Input({ required: true })
-], GridContextMenuComponent.prototype, "y", void 0);
-__decorate([
-    Input()
-], GridContextMenuComponent.prototype, "hasSelection", void 0);
-__decorate([
-    Input()
-], GridContextMenuComponent.prototype, "canUndoProp", void 0);
-__decorate([
-    Input()
-], GridContextMenuComponent.prototype, "canRedoProp", void 0);
-__decorate([
-    Input()
-], GridContextMenuComponent.prototype, "classNames", void 0);
-__decorate([
-    Output()
-], GridContextMenuComponent.prototype, "copyAction", void 0);
-__decorate([
-    Output()
-], GridContextMenuComponent.prototype, "cutAction", void 0);
-__decorate([
-    Output()
-], GridContextMenuComponent.prototype, "pasteAction", void 0);
-__decorate([
-    Output()
-], GridContextMenuComponent.prototype, "selectAllAction", void 0);
-__decorate([
-    Output()
-], GridContextMenuComponent.prototype, "undoAction", void 0);
-__decorate([
-    Output()
-], GridContextMenuComponent.prototype, "redoAction", void 0);
-__decorate([
-    Output()
-], GridContextMenuComponent.prototype, "closeAction", void 0);
-__decorate([
-    ViewChild('menuRef')
-], GridContextMenuComponent.prototype, "menuRef", void 0);
-GridContextMenuComponent = __decorate([
-    Component({
-        selector: 'ogrid-context-menu',
-        standalone: true,
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        template: `
-    <div
-      #menuRef
-      [class]="classNames?.contextMenu ?? ''"
-      role="menu"
-      [style.left.px]="x"
-      [style.top.px]="y"
-      aria-label="Grid context menu"
-    >
-      @for (item of menuItems; track item.id) {
-        @if (item.dividerBefore) {
-          <div [class]="classNames?.contextMenuDivider ?? ''"></div>
-        }
-        <button
-          type="button"
-          [class]="classNames?.contextMenuItem ?? ''"
-          (click)="onItemClick(item.id)"
-          [disabled]="isDisabled(item)"
-        >
-          <span [class]="classNames?.contextMenuItemLabel ?? ''">{{ item.label }}</span>
-          @if (item.shortcut) {
-            <span [class]="classNames?.contextMenuItemShortcut ?? ''">
-              {{ formatShortcutFn(item.shortcut) }}
-            </span>
-          }
-        </button>
-      }
-    </div>
-  `,
-    })
-], GridContextMenuComponent);
-export { GridContextMenuComponent };