@alaarab/ogrid-angular 2.1.3 → 2.1.5

package/dist/esm/services/ogrid.service.js

@@ -1,746 +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 { Injectable, signal, computed, effect, DestroyRef, inject } from '@angular/core';
-import { mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, flattenColumns, processClientSideData, computeNextSortState, validateColumns, validateRowIds, } from '@alaarab/ogrid-core';
-const DEFAULT_PAGE_SIZE = 25;
-const EMPTY_LOADING_OPTIONS = {};
-const DEFAULT_PANELS = ['columns', 'filters'];
-/**
- * Top-level orchestration service for OGrid: manages pagination, sorting, filtering,
- * column visibility, sidebar, and server-side data fetching via Angular signals.
- *
- * Port of React's useOGrid hook.
- */
-let OGridService = class OGridService {
-    constructor() {
-        this.destroyRef = inject(DestroyRef);
-        // --- Input signals (set by the component consuming this service) ---
-        this.columnsProp = signal([]);
-        this.getRowId = signal((item) => item['id']);
-        this.data = signal(undefined);
-        this.dataSource = signal(undefined);
-        this.controlledPage = signal(undefined);
-        this.controlledPageSize = signal(undefined);
-        this.controlledSort = signal(undefined);
-        this.controlledFilters = signal(undefined);
-        this.controlledVisibleColumns = signal(undefined);
-        this.controlledLoading = signal(undefined);
-        this.onPageChange = signal(undefined);
-        this.onPageSizeChange = signal(undefined);
-        this.onSortChange = signal(undefined);
-        this.onFiltersChange = signal(undefined);
-        this.onVisibleColumnsChange = signal(undefined);
-        this.columnOrder = signal(undefined);
-        this.onColumnOrderChange = signal(undefined);
-        this.onColumnResized = signal(undefined);
-        this.onAutosizeColumn = signal(undefined);
-        this.onColumnPinned = signal(undefined);
-        this.defaultPageSize = signal(DEFAULT_PAGE_SIZE);
-        this.defaultSortBy = signal(undefined);
-        this.defaultSortDirection = signal('asc');
-        this.toolbar = signal(undefined);
-        this.toolbarBelow = signal(undefined);
-        this.emptyState = signal(undefined);
-        this.entityLabelPlural = signal('items');
-        this.className = signal(undefined);
-        this.layoutMode = signal('fill');
-        this.suppressHorizontalScroll = signal(undefined);
-        this.stickyHeader = signal(true);
-        this.fullScreen = signal(false);
-        this.editable = signal(undefined);
-        this.cellSelection = signal(undefined);
-        this.density = signal('normal');
-        this.rowHeight = signal(undefined);
-        this.onCellValueChanged = signal(undefined);
-        this.onUndo = signal(undefined);
-        this.onRedo = signal(undefined);
-        this.canUndo = signal(undefined);
-        this.canRedo = signal(undefined);
-        this.rowSelection = signal('none');
-        this.selectedRows = signal(undefined);
-        this.onSelectionChange = signal(undefined);
-        this.statusBar = signal(undefined);
-        this.pageSizeOptions = signal(undefined);
-        this.sideBarConfig = signal(undefined);
-        this.onFirstDataRendered = signal(undefined);
-        this.onError = signal(undefined);
-        this.columnChooserProp = signal(undefined);
-        this.columnReorder = signal(undefined);
-        this.virtualScroll = signal(undefined);
-        this.ariaLabel = signal(undefined);
-        this.ariaLabelledBy = signal(undefined);
-        // --- Internal state signals ---
-        this.internalData = signal([]);
-        this.internalLoading = signal(false);
-        this.internalPage = signal(1);
-        this.internalPageSizeOverride = signal(null);
-        this.internalSortOverride = signal(null);
-        this.internalFilters = signal({});
-        this.internalVisibleColumnsOverride = signal(null);
-        this.internalSelectedRows = signal(new Set());
-        this.columnWidthOverrides = signal({});
-        this.pinnedOverrides = signal({});
-        // Server-side state
-        this.serverItems = signal([]);
-        this.serverTotalCount = signal(0);
-        this.serverLoading = signal(true);
-        this.fetchAbortController = null;
-        this.filterAbortController = null;
-        this.refreshCounter = signal(0);
-        this.firstDataRendered = signal(false);
-        // Side bar state
-        this.sideBarActivePanel = signal(null);
-        // Filter options state
-        this.serverFilterOptions = signal({});
-        this.loadingFilterOptions = signal({});
-        // --- Derived computed signals ---
-        this.columns = computed(() => flattenColumns(this.columnsProp()));
-        this.isServerSide = computed(() => this.dataSource() != null);
-        this.isClientSide = computed(() => !this.isServerSide());
-        this.displayData = computed(() => this.data() ?? this.internalData());
-        this.displayLoading = computed(() => this.controlledLoading() ?? this.internalLoading());
-        this.defaultSortField = computed(() => this.defaultSortBy() ?? this.columns()[0]?.columnId ?? '');
-        this.page = computed(() => this.controlledPage() ?? this.internalPage());
-        this.pageSize = computed(() => this.controlledPageSize() ?? this.internalPageSizeOverride() ?? this.defaultPageSize());
-        this.sort = computed(() => this.controlledSort() ?? this.internalSortOverride() ?? {
-            field: this.defaultSortField(),
-            direction: this.defaultSortDirection(),
-        });
-        this.filters = computed(() => this.controlledFilters() ?? this.internalFilters());
-        this.visibleColumns = computed(() => {
-            const controlled = this.controlledVisibleColumns();
-            if (controlled)
-                return controlled;
-            const override = this.internalVisibleColumnsOverride();
-            if (override)
-                return override;
-            const cols = this.columns();
-            if (cols.length === 0)
-                return new Set();
-            const visible = cols.filter((c) => c.defaultVisible !== false).map((c) => c.columnId);
-            return new Set(visible.length > 0 ? visible : cols.map((c) => c.columnId));
-        });
-        this.effectiveSelectedRows = computed(() => this.selectedRows() ?? this.internalSelectedRows());
-        this.columnChooserPlacement = computed(() => {
-            const prop = this.columnChooserProp();
-            return prop === false ? 'none' : prop === 'sidebar' ? 'sidebar' : 'toolbar';
-        });
-        this.multiSelectFilterFields = computed(() => getMultiSelectFilterFields(this.columns()));
-        this.hasServerFilterOptions = computed(() => this.dataSource()?.fetchFilterOptions != null);
-        this.clientFilterOptions = computed(() => {
-            if (this.hasServerFilterOptions())
-                return this.serverFilterOptions();
-            return deriveFilterOptionsFromData(this.displayData(), this.columns());
-        });
-        this.clientItemsAndTotal = computed(() => {
-            if (!this.isClientSide())
-                return null;
-            const rows = processClientSideData(this.displayData(), this.columns(), this.filters(), this.sort().field, this.sort().direction);
-            const total = rows.length;
-            const start = (this.page() - 1) * this.pageSize();
-            const paged = rows.slice(start, start + this.pageSize());
-            return { items: paged, totalCount: total };
-        });
-        this.displayItems = computed(() => {
-            const cit = this.clientItemsAndTotal();
-            return this.isClientSide() && cit ? cit.items : this.serverItems();
-        });
-        this.displayTotalCount = computed(() => {
-            const cit = this.clientItemsAndTotal();
-            return this.isClientSide() && cit ? cit.totalCount : this.serverTotalCount();
-        });
-        this.hasActiveFilters = computed(() => {
-            return Object.values(this.filters()).some((v) => v !== undefined);
-        });
-        this.columnChooserColumns = computed(() => this.columns().map((c) => ({
-            columnId: c.columnId,
-            name: c.name,
-            required: c.required === true,
-        })));
-        this.statusBarConfig = computed(() => {
-            const sb = this.statusBar();
-            if (!sb)
-                return undefined;
-            if (typeof sb === 'object')
-                return sb;
-            const totalData = this.isClientSide() ? (this.data()?.length ?? 0) : this.serverTotalCount();
-            const filteredData = this.displayTotalCount();
-            return {
-                totalCount: totalData,
-                filteredCount: this.hasActiveFilters() ? filteredData : undefined,
-                selectedCount: this.effectiveSelectedRows().size,
-                suppressRowCount: true,
-            };
-        });
-        this.isLoadingResolved = computed(() => {
-            return (this.isServerSide() && this.serverLoading()) || this.displayLoading();
-        });
-        // Side bar
-        this.sideBarEnabled = computed(() => {
-            const config = this.sideBarConfig();
-            return config != null && config !== false;
-        });
-        this.sideBarParsed = computed(() => {
-            const config = this.sideBarConfig();
-            if (!this.sideBarEnabled() || config === true) {
-                return { panels: DEFAULT_PANELS, position: 'right', defaultPanel: null };
-            }
-            const def = config;
-            return {
-                panels: def.panels ?? DEFAULT_PANELS,
-                position: def.position ?? 'right',
-                defaultPanel: def.defaultPanel ?? null,
-            };
-        });
-        this.filterableColumns = computed(() => this.columns()
-            .filter((c) => c.filterable && c.filterable.type)
-            .map((c) => ({
-            columnId: c.columnId,
-            name: c.name,
-            filterField: c.filterable?.filterField ?? c.columnId,
-            filterType: c.filterable?.type,
-        })));
-        this.sideBarState = computed(() => ({
-            isEnabled: this.sideBarEnabled(),
-            activePanel: this.sideBarActivePanel(),
-            setActivePanel: (panel) => this.sideBarActivePanel.set(panel),
-            panels: this.sideBarParsed().panels,
-            position: this.sideBarParsed().position,
-            isOpen: this.sideBarActivePanel() !== null,
-            toggle: (panel) => this.sideBarActivePanel.update((p) => p === panel ? null : panel),
-            close: () => this.sideBarActivePanel.set(null),
-        }));
-        // --- Pre-computed stable callback references for dataGridProps ---
-        // These avoid recreating arrow functions on every dataGridProps recomputation.
-        this.handleSortFn = (columnKey, direction) => this.handleSort(columnKey, direction);
-        this.handleColumnResizedFn = (columnId, width) => this.handleColumnResized(columnId, width);
-        this.handleColumnPinnedFn = (columnId, pinned) => this.handleColumnPinned(columnId, pinned);
-        this.handleSelectionChangeFn = (event) => this.handleSelectionChange(event);
-        this.handleFilterChangeFn = (key, value) => this.handleFilterChange(key, value);
-        this.clearAllFiltersFn = () => this.setFilters({});
-        this.setPageFn = (p) => this.setPage(p);
-        this.setPageSizeFn = (size) => this.setPageSize(size);
-        this.handleVisibilityChangeFn = (columnKey, isVisible) => this.handleVisibilityChange(columnKey, isVisible);
-        // --- Data grid props computed ---
-        this.dataGridProps = computed(() => ({
-            items: this.displayItems(),
-            columns: this.columnsProp(),
-            getRowId: this.getRowId(),
-            sortBy: this.sort().field,
-            sortDirection: this.sort().direction,
-            onColumnSort: this.handleSortFn,
-            visibleColumns: this.visibleColumns(),
-            columnOrder: this.columnOrder(),
-            onColumnOrderChange: this.onColumnOrderChange(),
-            onColumnResized: this.handleColumnResizedFn,
-            onAutosizeColumn: this.onAutosizeColumn(),
-            onColumnPinned: this.handleColumnPinnedFn,
-            pinnedColumns: this.pinnedOverrides(),
-            initialColumnWidths: this.columnWidthOverrides(),
-            editable: this.editable(),
-            cellSelection: this.cellSelection(),
-            density: this.density(),
-            rowHeight: this.rowHeight(),
-            onCellValueChanged: this.onCellValueChanged(),
-            onUndo: this.onUndo(),
-            onRedo: this.onRedo(),
-            canUndo: this.canUndo(),
-            canRedo: this.canRedo(),
-            rowSelection: this.rowSelection(),
-            selectedRows: this.effectiveSelectedRows(),
-            onSelectionChange: this.handleSelectionChangeFn,
-            statusBar: this.statusBarConfig(),
-            isLoading: this.isLoadingResolved(),
-            filters: this.filters(),
-            onFilterChange: this.handleFilterChangeFn,
-            filterOptions: this.clientFilterOptions(),
-            loadingFilterOptions: this.dataSource()?.fetchFilterOptions ? this.loadingFilterOptions() : EMPTY_LOADING_OPTIONS,
-            peopleSearch: this.dataSource()?.searchPeople?.bind(this.dataSource()),
-            getUserByEmail: this.dataSource()?.getUserByEmail?.bind(this.dataSource()),
-            layoutMode: this.layoutMode(),
-            suppressHorizontalScroll: this.suppressHorizontalScroll(),
-            stickyHeader: this.stickyHeader(),
-            columnReorder: this.columnReorder(),
-            virtualScroll: this.virtualScroll(),
-            'aria-label': this.ariaLabel(),
-            'aria-labelledby': this.ariaLabelledBy(),
-            emptyState: {
-                hasActiveFilters: this.hasActiveFilters(),
-                onClearAll: this.clearAllFiltersFn,
-                message: this.emptyState()?.message,
-                render: this.emptyState()?.render,
-            },
-        }));
-        this.pagination = computed(() => ({
-            page: this.page(),
-            pageSize: this.pageSize(),
-            displayTotalCount: this.displayTotalCount(),
-            setPage: this.setPageFn,
-            setPageSize: this.setPageSizeFn,
-            pageSizeOptions: this.pageSizeOptions(),
-            entityLabelPlural: this.entityLabelPlural(),
-        }));
-        this.columnChooser = computed(() => ({
-            columns: this.columnChooserColumns(),
-            visibleColumns: this.visibleColumns(),
-            onVisibilityChange: this.handleVisibilityChangeFn,
-            placement: this.columnChooserPlacement(),
-        }));
-        this.filtersResult = computed(() => ({
-            hasActiveFilters: this.hasActiveFilters(),
-            setFilters: (f) => this.setFilters(f),
-        }));
-        this.sideBarProps = computed(() => {
-            const state = this.sideBarState();
-            if (!state.isEnabled)
-                return null;
-            return {
-                activePanel: state.activePanel,
-                onPanelChange: state.setActivePanel,
-                panels: state.panels,
-                position: state.position,
-                columns: this.columnChooserColumns(),
-                visibleColumns: this.visibleColumns(),
-                onVisibilityChange: (columnKey, visible) => this.handleVisibilityChange(columnKey, visible),
-                onSetVisibleColumns: (cols) => this.setVisibleColumns(cols),
-                filterableColumns: this.filterableColumns(),
-                filters: this.filters(),
-                onFilterChange: (key, value) => this.handleFilterChange(key, value),
-                filterOptions: this.clientFilterOptions(),
-            };
-        });
-        // Validate columns once (on first non-empty columns signal)
-        let columnsValidated = false;
-        effect(() => {
-            const cols = this.columns();
-            if (!columnsValidated && cols.length > 0) {
-                columnsValidated = true;
-                validateColumns(cols);
-            }
-        });
-        // Server-side data fetching effect
-        effect((onCleanup) => {
-            const ds = this.dataSource();
-            if (!this.isServerSide() || !ds) {
-                if (!this.isServerSide())
-                    this.serverLoading.set(false);
-                return;
-            }
-            const page = this.page();
-            const pageSize = this.pageSize();
-            const sort = this.sort();
-            const filters = this.filters();
-            // Read refreshCounter to trigger re-fetches
-            this.refreshCounter();
-            const controller = new AbortController();
-            this.fetchAbortController = controller;
-            this.serverLoading.set(true);
-            ds.fetchPage({ page, pageSize, sort: { field: sort.field, direction: sort.direction }, filters })
-                .then((res) => {
-                if (controller.signal.aborted)
-                    return;
-                this.serverItems.set(res.items);
-                this.serverTotalCount.set(res.totalCount);
-            })
-                .catch((err) => {
-                if (controller.signal.aborted)
-                    return;
-                this.onError()?.(err);
-                this.serverItems.set([]);
-                this.serverTotalCount.set(0);
-            })
-                .finally(() => {
-                if (!controller.signal.aborted)
-                    this.serverLoading.set(false);
-            });
-            onCleanup(() => {
-                controller.abort();
-            });
-        });
-        // Fire onFirstDataRendered once; also validate row IDs on first data
-        let rowIdsValidated = false;
-        effect(() => {
-            const items = this.displayItems();
-            if (!this.firstDataRendered() && items.length > 0) {
-                this.firstDataRendered.set(true);
-                this.onFirstDataRendered()?.();
-            }
-            if (!rowIdsValidated && items.length > 0) {
-                rowIdsValidated = true;
-                validateRowIds(items, this.getRowId());
-            }
-        });
-        // Load server filter options
-        effect((onCleanup) => {
-            const ds = this.dataSource();
-            const fields = this.multiSelectFilterFields();
-            const fetcher = ds && 'fetchFilterOptions' in ds && typeof ds.fetchFilterOptions === 'function'
-                ? ds.fetchFilterOptions.bind(ds)
-                : undefined;
-            if (!fetcher || fields.length === 0) {
-                this.serverFilterOptions.set({});
-                this.loadingFilterOptions.set({});
-                return;
-            }
-            const controller = new AbortController();
-            this.filterAbortController = controller;
-            const loading = {};
-            fields.forEach((f) => { loading[f] = true; });
-            this.loadingFilterOptions.set(loading);
-            const results = {};
-            Promise.all(fields.map(async (field) => {
-                try {
-                    results[field] = await fetcher(field);
-                }
-                catch {
-                    results[field] = [];
-                }
-            })).then(() => {
-                if (controller.signal.aborted)
-                    return;
-                this.serverFilterOptions.set(results);
-                this.loadingFilterOptions.set({});
-            });
-            onCleanup(() => {
-                controller.abort();
-            });
-        });
-        // Initialize sidebar default panel
-        effect(() => {
-            const parsed = this.sideBarParsed();
-            if (parsed.defaultPanel) {
-                this.sideBarActivePanel.set(parsed.defaultPanel);
-            }
-        });
-        // Cleanup on destroy — abort in-flight requests and reset callback signals
-        this.destroyRef.onDestroy(() => {
-            this.fetchAbortController?.abort();
-            this.filterAbortController?.abort();
-            this.fetchAbortController = null;
-            this.filterAbortController = null;
-            this.onPageChange.set(undefined);
-            this.onPageSizeChange.set(undefined);
-            this.onSortChange.set(undefined);
-            this.onFiltersChange.set(undefined);
-            this.onVisibleColumnsChange.set(undefined);
-            this.onColumnOrderChange.set(undefined);
-            this.onColumnResized.set(undefined);
-            this.onAutosizeColumn.set(undefined);
-            this.onColumnPinned.set(undefined);
-            this.onCellValueChanged.set(undefined);
-            this.onSelectionChange.set(undefined);
-            this.onFirstDataRendered.set(undefined);
-            this.onError.set(undefined);
-            this.onUndo.set(undefined);
-            this.onRedo.set(undefined);
-        });
-    }
-    // --- Setters ---
-    setPage(p) {
-        if (this.controlledPage() === undefined)
-            this.internalPage.set(p);
-        this.onPageChange()?.(p);
-    }
-    setPageSize(size) {
-        if (this.controlledPageSize() === undefined)
-            this.internalPageSizeOverride.set(size);
-        this.onPageSizeChange()?.(size);
-        this.setPage(1);
-    }
-    setSort(s) {
-        if (this.controlledSort() === undefined)
-            this.internalSortOverride.set(s);
-        this.onSortChange()?.(s);
-        this.setPage(1);
-    }
-    setFilters(f) {
-        if (this.controlledFilters() === undefined)
-            this.internalFilters.set(f);
-        this.onFiltersChange()?.(f);
-        this.setPage(1);
-    }
-    setVisibleColumns(cols) {
-        if (this.controlledVisibleColumns() === undefined)
-            this.internalVisibleColumnsOverride.set(cols);
-        this.onVisibleColumnsChange()?.(cols);
-    }
-    handleSort(columnKey, direction) {
-        this.setSort(computeNextSortState(this.sort(), columnKey, direction));
-    }
-    handleFilterChange(key, value) {
-        this.setFilters(mergeFilter(this.filters(), key, value));
-    }
-    handleVisibilityChange(columnKey, isVisible) {
-        const next = new Set(this.visibleColumns());
-        if (isVisible)
-            next.add(columnKey);
-        else
-            next.delete(columnKey);
-        this.setVisibleColumns(next);
-    }
-    handleSelectionChange(event) {
-        if (this.selectedRows() === undefined) {
-            this.internalSelectedRows.set(new Set(event.selectedRowIds));
-        }
-        this.onSelectionChange()?.(event);
-    }
-    handleColumnResized(columnId, width) {
-        this.columnWidthOverrides.update((prev) => ({ ...prev, [columnId]: width }));
-        this.onColumnResized()?.(columnId, width);
-    }
-    handleColumnPinned(columnId, pinned) {
-        this.pinnedOverrides.update((prev) => {
-            if (pinned === null) {
-                const { [columnId]: _removed, ...rest } = prev;
-                return rest;
-            }
-            return { ...prev, [columnId]: pinned };
-        });
-        this.onColumnPinned()?.(columnId, pinned);
-    }
-    // --- Configure from props ---
-    configure(props) {
-        this.columnsProp.set(props.columns);
-        this.getRowId.set(props.getRowId);
-        if ('data' in props && props.data !== undefined)
-            this.data.set(props.data);
-        if ('dataSource' in props && props.dataSource !== undefined)
-            this.dataSource.set(props.dataSource);
-        if (props.page !== undefined)
-            this.controlledPage.set(props.page);
-        if (props.pageSize !== undefined)
-            this.controlledPageSize.set(props.pageSize);
-        if (props.sort !== undefined)
-            this.controlledSort.set(props.sort);
-        if (props.filters !== undefined)
-            this.controlledFilters.set(props.filters);
-        if (props.visibleColumns !== undefined)
-            this.controlledVisibleColumns.set(props.visibleColumns);
-        if (props.isLoading !== undefined)
-            this.controlledLoading.set(props.isLoading);
-        if (props.onPageChange)
-            this.onPageChange.set(props.onPageChange);
-        if (props.onPageSizeChange)
-            this.onPageSizeChange.set(props.onPageSizeChange);
-        if (props.onSortChange)
-            this.onSortChange.set(props.onSortChange);
-        if (props.onFiltersChange)
-            this.onFiltersChange.set(props.onFiltersChange);
-        if (props.onVisibleColumnsChange)
-            this.onVisibleColumnsChange.set(props.onVisibleColumnsChange);
-        if (props.columnOrder !== undefined)
-            this.columnOrder.set(props.columnOrder);
-        if (props.onColumnOrderChange)
-            this.onColumnOrderChange.set(props.onColumnOrderChange);
-        if (props.onColumnResized)
-            this.onColumnResized.set(props.onColumnResized);
-        if (props.onAutosizeColumn)
-            this.onAutosizeColumn.set(props.onAutosizeColumn);
-        if (props.onColumnPinned)
-            this.onColumnPinned.set(props.onColumnPinned);
-        if (props.defaultPageSize !== undefined)
-            this.defaultPageSize.set(props.defaultPageSize);
-        if (props.defaultSortBy !== undefined)
-            this.defaultSortBy.set(props.defaultSortBy);
-        if (props.defaultSortDirection !== undefined)
-            this.defaultSortDirection.set(props.defaultSortDirection);
-        if (props.editable !== undefined)
-            this.editable.set(props.editable);
-        if (props.cellSelection !== undefined)
-            this.cellSelection.set(props.cellSelection);
-        if (props.density !== undefined)
-            this.density.set(props.density);
-        if (props.rowHeight !== undefined)
-            this.rowHeight.set(props.rowHeight);
-        if (props.onCellValueChanged)
-            this.onCellValueChanged.set(props.onCellValueChanged);
-        if (props.onUndo)
-            this.onUndo.set(props.onUndo);
-        if (props.onRedo)
-            this.onRedo.set(props.onRedo);
-        if (props.canUndo !== undefined)
-            this.canUndo.set(props.canUndo);
-        if (props.canRedo !== undefined)
-            this.canRedo.set(props.canRedo);
-        if (props.rowSelection !== undefined)
-            this.rowSelection.set(props.rowSelection);
-        if (props.selectedRows !== undefined)
-            this.selectedRows.set(props.selectedRows);
-        if (props.onSelectionChange)
-            this.onSelectionChange.set(props.onSelectionChange);
-        if (props.statusBar !== undefined)
-            this.statusBar.set(props.statusBar);
-        if (props.pageSizeOptions !== undefined)
-            this.pageSizeOptions.set(props.pageSizeOptions);
-        if (props.sideBar !== undefined)
-            this.sideBarConfig.set(props.sideBar);
-        if (props.onFirstDataRendered)
-            this.onFirstDataRendered.set(props.onFirstDataRendered);
-        if (props.onError)
-            this.onError.set(props.onError);
-        if (props.columnChooser !== undefined)
-            this.columnChooserProp.set(props.columnChooser);
-        if (props.columnReorder !== undefined)
-            this.columnReorder.set(props.columnReorder);
-        if (props.virtualScroll !== undefined)
-            this.virtualScroll.set(props.virtualScroll);
-        if (props.entityLabelPlural !== undefined)
-            this.entityLabelPlural.set(props.entityLabelPlural);
-        if (props.className !== undefined)
-            this.className.set(props.className);
-        if (props.layoutMode !== undefined)
-            this.layoutMode.set(props.layoutMode);
-        if (props.suppressHorizontalScroll !== undefined)
-            this.suppressHorizontalScroll.set(props.suppressHorizontalScroll);
-        if (props.stickyHeader !== undefined)
-            this.stickyHeader.set(props.stickyHeader);
-        if (props.fullScreen !== undefined)
-            this.fullScreen.set(props.fullScreen);
-        if (props['aria-label'] !== undefined)
-            this.ariaLabel.set(props['aria-label']);
-        if (props['aria-labelledby'] !== undefined)
-            this.ariaLabelledBy.set(props['aria-labelledby']);
-    }
-    // --- API ---
-    // --- Column Pinning Methods ---
-    /**
-     * Pin a column to the left or right edge.
-     */
-    pinColumn(columnId, side) {
-        this.pinnedOverrides.update((prev) => ({ ...prev, [columnId]: side }));
-        this.onColumnPinned()?.(columnId, side);
-    }
-    /**
-     * Unpin a column (remove sticky positioning).
-     */
-    unpinColumn(columnId) {
-        this.pinnedOverrides.update((prev) => {
-            const { [columnId]: _, ...next } = prev;
-            return next;
-        });
-        this.onColumnPinned()?.(columnId, null);
-    }
-    /**
-     * Check if a column is pinned and which side.
-     */
-    isPinned(columnId) {
-        return this.pinnedOverrides()[columnId];
-    }
-    /**
-     * Compute sticky left offsets for left-pinned columns.
-     * Returns a map of columnId -> left offset in pixels.
-     */
-    computeLeftOffsets(visibleCols, columnWidths, defaultWidth, hasCheckboxColumn, checkboxColumnWidth) {
-        const offsets = {};
-        const pinned = this.pinnedOverrides();
-        let left = hasCheckboxColumn ? checkboxColumnWidth : 0;
-        for (const col of visibleCols) {
-            if (pinned[col.columnId] === 'left') {
-                offsets[col.columnId] = left;
-                left += columnWidths[col.columnId] ?? defaultWidth;
-            }
-        }
-        return offsets;
-    }
-    /**
-     * Compute sticky right offsets for right-pinned columns.
-     * Returns a map of columnId -> right offset in pixels.
-     */
-    computeRightOffsets(visibleCols, columnWidths, defaultWidth) {
-        const offsets = {};
-        const pinned = this.pinnedOverrides();
-        let right = 0;
-        for (let i = visibleCols.length - 1; i >= 0; i--) {
-            const col = visibleCols[i];
-            if (pinned[col.columnId] === 'right') {
-                offsets[col.columnId] = right;
-                right += columnWidths[col.columnId] ?? defaultWidth;
-            }
-        }
-        return offsets;
-    }
-    getApi() {
-        return {
-            setRowData: (d) => {
-                if (!this.isServerSide())
-                    this.internalData.set(d);
-            },
-            setLoading: (loading) => this.internalLoading.set(loading),
-            getColumnState: () => ({
-                visibleColumns: Array.from(this.visibleColumns()),
-                sort: this.sort(),
-                columnOrder: this.columnOrder() ?? undefined,
-                columnWidths: Object.keys(this.columnWidthOverrides()).length > 0 ? this.columnWidthOverrides() : undefined,
-                filters: Object.keys(this.filters()).length > 0 ? this.filters() : undefined,
-                pinnedColumns: Object.keys(this.pinnedOverrides()).length > 0 ? this.pinnedOverrides() : undefined,
-            }),
-            applyColumnState: (state) => {
-                if (state.visibleColumns)
-                    this.setVisibleColumns(new Set(state.visibleColumns));
-                if (state.sort)
-                    this.setSort(state.sort);
-                if (state.columnOrder)
-                    this.onColumnOrderChange()?.(state.columnOrder);
-                if (state.columnWidths)
-                    this.columnWidthOverrides.set(state.columnWidths);
-                if (state.filters)
-                    this.setFilters(state.filters);
-                if (state.pinnedColumns)
-                    this.pinnedOverrides.set(state.pinnedColumns);
-            },
-            setFilterModel: (filters) => this.setFilters(filters),
-            getSelectedRows: () => Array.from(this.effectiveSelectedRows()),
-            setSelectedRows: (rowIds) => {
-                if (this.selectedRows() === undefined)
-                    this.internalSelectedRows.set(new Set(rowIds));
-            },
-            selectAll: () => {
-                const allIds = new Set(this.displayItems().map((item) => this.getRowId()(item)));
-                if (this.selectedRows() === undefined)
-                    this.internalSelectedRows.set(allIds);
-                this.onSelectionChange()?.({
-                    selectedRowIds: Array.from(allIds),
-                    selectedItems: this.displayItems(),
-                });
-            },
-            deselectAll: () => {
-                if (this.selectedRows() === undefined)
-                    this.internalSelectedRows.set(new Set());
-                this.onSelectionChange()?.({ selectedRowIds: [], selectedItems: [] });
-            },
-            clearFilters: () => this.setFilters({}),
-            clearSort: () => this.setSort({ field: this.defaultSortField(), direction: this.defaultSortDirection() }),
-            resetGridState: (options) => {
-                this.setFilters({});
-                this.setSort({ field: this.defaultSortField(), direction: this.defaultSortDirection() });
-                if (!options?.keepSelection) {
-                    if (this.selectedRows() === undefined)
-                        this.internalSelectedRows.set(new Set());
-                    this.onSelectionChange()?.({ selectedRowIds: [], selectedItems: [] });
-                }
-            },
-            getDisplayedRows: () => this.displayItems(),
-            refreshData: () => {
-                if (this.isServerSide()) {
-                    this.refreshCounter.update((c) => c + 1);
-                }
-            },
-            getColumnOrder: () => this.columnOrder() ?? this.columns().map((c) => c.columnId),
-            setColumnOrder: (order) => {
-                this.onColumnOrderChange()?.(order);
-            },
-            scrollToRow: (_index, _options) => {
-                // Scrolling is handled by VirtualScrollService at the UI layer.
-                // The UI component should wire this to VirtualScrollService.scrollToRow().
-            },
-        };
-    }
-};
-OGridService = __decorate([
-    Injectable()
-], OGridService);
-export { OGridService };