@alaarab/ogrid-angular 2.1.3 → 2.1.5

package/dist/esm/components/sidebar.component.js

@@ -1,274 +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, ChangeDetectionStrategy } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-const PANEL_LABELS = { columns: 'Columns', filters: 'Filters' };
-let SideBarComponent = class SideBarComponent {
-    constructor() {
-        this.sideBarProps = null;
-        this.panelLabels = PANEL_LABELS;
-    }
-    onTabClick(panel) {
-        const props = this.sideBarProps;
-        if (props)
-            props.onPanelChange(props.activePanel === panel ? null : panel);
-    }
-    allVisible() {
-        const props = this.sideBarProps;
-        if (!props)
-            return false;
-        return props.columns.every((c) => props.visibleColumns.has(c.columnId));
-    }
-    onSelectAll() {
-        const props = this.sideBarProps;
-        if (!props)
-            return;
-        const next = new Set(props.visibleColumns);
-        props.columns.forEach((c) => next.add(c.columnId));
-        props.onSetVisibleColumns(next);
-    }
-    onClearAll() {
-        const props = this.sideBarProps;
-        if (!props)
-            return;
-        const next = new Set();
-        props.columns.forEach((c) => {
-            if (c.required && props.visibleColumns.has(c.columnId))
-                next.add(c.columnId);
-        });
-        props.onSetVisibleColumns(next);
-    }
-    onVisibilityChange(columnKey, visible) {
-        this.sideBarProps?.onVisibilityChange(columnKey, visible);
-    }
-    getTextFilterValue(filterField) {
-        const filters = this.sideBarProps?.filters;
-        const fv = filters?.[filterField];
-        return fv?.type === 'text' ? fv.value : '';
-    }
-    onTextFilterChange(filterField, value) {
-        this.sideBarProps?.onFilterChange(filterField, value ? { type: 'text', value } : undefined);
-    }
-    getDateFrom(filterField) {
-        const fv = this.sideBarProps?.filters?.[filterField];
-        return fv?.type === 'date' ? (fv.value.from ?? '') : '';
-    }
-    getDateTo(filterField) {
-        const fv = this.sideBarProps?.filters?.[filterField];
-        return fv?.type === 'date' ? (fv.value.to ?? '') : '';
-    }
-    onDateFromChange(filterField, value) {
-        const fv = this.sideBarProps?.filters?.[filterField];
-        const existing = fv?.type === 'date' ? fv.value : {};
-        const from = value || undefined;
-        const to = existing.to;
-        this.sideBarProps?.onFilterChange(filterField, from || to ? { type: 'date', value: { from, to } } : undefined);
-    }
-    onDateToChange(filterField, value) {
-        const fv = this.sideBarProps?.filters?.[filterField];
-        const existing = fv?.type === 'date' ? fv.value : {};
-        const to = value || undefined;
-        const from = existing.from;
-        this.sideBarProps?.onFilterChange(filterField, from || to ? { type: 'date', value: { from, to } } : undefined);
-    }
-    getFilterOptions(filterField) {
-        return this.sideBarProps?.filterOptions?.[filterField] ?? [];
-    }
-    isMultiSelectChecked(filterField, opt) {
-        const fv = this.sideBarProps?.filters?.[filterField];
-        return fv?.type === 'multiSelect' ? fv.value.includes(opt) : false;
-    }
-    onMultiSelectChange(filterField, opt, checked) {
-        const fv = this.sideBarProps?.filters?.[filterField];
-        const current = fv?.type === 'multiSelect' ? fv.value : [];
-        const next = checked ? [...current, opt] : current.filter((v) => v !== opt);
-        this.sideBarProps?.onFilterChange(filterField, next.length > 0 ? { type: 'multiSelect', value: next } : undefined);
-    }
-};
-__decorate([
-    Input()
-], SideBarComponent.prototype, "sideBarProps", void 0);
-SideBarComponent = __decorate([
-    Component({
-        selector: 'ogrid-sidebar',
-        standalone: true,
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        imports: [NgTemplateOutlet],
-        styles: [`
-    .ogrid-sidebar-root { display: flex; flex-direction: row; flex-shrink: 0; }
-    .ogrid-sidebar-tab-strip {
-      display: flex; flex-direction: column;
-      width: var(--ogrid-sidebar-tab-size, 36px);
-      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));
-    }
-    .ogrid-sidebar-tab-strip--left { border-right: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); }
-    .ogrid-sidebar-tab-strip--right { border-left: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); }
-    .ogrid-sidebar-tab {
-      width: var(--ogrid-sidebar-tab-size, 36px);
-      height: var(--ogrid-sidebar-tab-size, 36px);
-      border: none; cursor: pointer;
-      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87)); font-size: 14px;
-      display: flex; align-items: center; justify-content: center;
-      background: transparent; font-weight: normal;
-    }
-    .ogrid-sidebar-tab--active { background: var(--ogrid-bg, #ffffff); font-weight: bold; }
-    .ogrid-sidebar-panel {
-      width: var(--ogrid-sidebar-panel-width, 240px);
-      display: flex; flex-direction: column; overflow: hidden;
-      background: var(--ogrid-bg, #ffffff); color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-    }
-    .ogrid-sidebar-panel--left { border-right: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); }
-    .ogrid-sidebar-panel--right { border-left: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); }
-    .ogrid-sidebar-panel-header {
-      display: flex; justify-content: space-between; align-items: center;
-      padding: 8px 12px; border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); font-weight: 600;
-    }
-    .ogrid-sidebar-panel-close {
-      border: none; background: transparent; cursor: pointer;
-      font-size: 16px; color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-    }
-    .ogrid-sidebar-panel-body { flex: 1; overflow-y: auto; padding: 8px 12px; }
-    .ogrid-sidebar-actions { display: flex; gap: 8px; margin-bottom: 8px; }
-    .ogrid-sidebar-action-btn {
-      flex: 1; cursor: pointer;
-      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-      border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); border-radius: 4px; padding: 4px 8px;
-    }
-    .ogrid-sidebar-col-label { display: flex; align-items: center; gap: 6px; padding: 2px 0; cursor: pointer; }
-    .ogrid-sidebar-empty { color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5)); font-style: italic; }
-    .ogrid-sidebar-filter-group { margin-bottom: 12px; }
-    .ogrid-sidebar-filter-label { font-weight: 500; margin-bottom: 4px; font-size: 13px; }
-    .ogrid-sidebar-text-input {
-      width: 100%; box-sizing: border-box; padding: 4px 6px;
-      background: var(--ogrid-bg, #ffffff); color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-      border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); border-radius: 4px;
-    }
-    .ogrid-sidebar-date-row { display: flex; flex-direction: column; gap: 4px; }
-    .ogrid-sidebar-date-label { display: flex; align-items: center; gap: 4px; font-size: 12px; }
-    .ogrid-sidebar-date-input {
-      flex: 1; padding: 2px 4px;
-      background: var(--ogrid-bg, #ffffff); color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-      border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); border-radius: 4px;
-    }
-    .ogrid-sidebar-multiselect-list { max-height: 120px; overflow-y: auto; }
-    .ogrid-sidebar-multiselect-item {
-      display: flex; align-items: center; gap: 4px;
-      padding: 1px 0; cursor: pointer; font-size: 13px;
-    }
-  `],
-        template: `
-    <div class="ogrid-sidebar-root" role="complementary" aria-label="Side bar">
-      @if (sideBarProps?.position === 'left') {
-        <ng-container *ngTemplateOutlet="tabStripTpl"></ng-container>
-        <ng-container *ngTemplateOutlet="panelContentTpl"></ng-container>
-      }
-      @if (sideBarProps?.position === 'right') {
-        <ng-container *ngTemplateOutlet="panelContentTpl"></ng-container>
-        <ng-container *ngTemplateOutlet="tabStripTpl"></ng-container>
-      }
-    </div>
-
-    <ng-template #tabStripTpl>
-      <div
-        class="ogrid-sidebar-tab-strip"
-        [class.ogrid-sidebar-tab-strip--left]="sideBarProps?.position === 'left'"
-        [class.ogrid-sidebar-tab-strip--right]="sideBarProps?.position === 'right'"
-        role="tablist"
-        aria-label="Side bar tabs"
-      >
-        @for (panel of sideBarProps?.panels ?? []; track panel) {
-          <button
-            role="tab"
-            class="ogrid-sidebar-tab"
-            [class.ogrid-sidebar-tab--active]="sideBarProps?.activePanel === panel"
-            [attr.aria-selected]="sideBarProps?.activePanel === panel"
-            [attr.aria-label]="panelLabels[panel]"
-            (click)="onTabClick(panel)"
-            [title]="panelLabels[panel]"
-          >
-            {{ panel === 'columns' ? '\u2261' : '\u2A65' }}
-          </button>
-        }
-      </div>
-    </ng-template>
-
-    <ng-template #panelContentTpl>
-      @if (sideBarProps?.activePanel) {
-        <div
-          role="tabpanel"
-          class="ogrid-sidebar-panel"
-          [class.ogrid-sidebar-panel--left]="sideBarProps?.position === 'left'"
-          [class.ogrid-sidebar-panel--right]="sideBarProps?.position === 'right'"
-          [attr.aria-label]="panelLabels[sideBarProps!.activePanel!]"
-        >
-          <div class="ogrid-sidebar-panel-header">
-            <span>{{ panelLabels[sideBarProps!.activePanel!] }}</span>
-            <button (click)="sideBarProps?.onPanelChange(null)" class="ogrid-sidebar-panel-close" aria-label="Close panel">&times;</button>
-          </div>
-          <div class="ogrid-sidebar-panel-body">
-            @if (sideBarProps?.activePanel === 'columns') {
-              <div class="ogrid-sidebar-actions">
-                <button (click)="onSelectAll()" [disabled]="allVisible()" class="ogrid-sidebar-action-btn">Select All</button>
-                <button (click)="onClearAll()" class="ogrid-sidebar-action-btn">Clear All</button>
-              </div>
-              @for (col of sideBarProps?.columns ?? []; track col.columnId) {
-                <label class="ogrid-sidebar-col-label">
-                  <input type="checkbox" [checked]="sideBarProps?.visibleColumns?.has(col.columnId)" (change)="onVisibilityChange(col.columnId, $any($event.target).checked)" [disabled]="col.required" />
-                  <span>{{ col.name }}</span>
-                </label>
-              }
-            }
-            @if (sideBarProps?.activePanel === 'filters') {
-              @if ((sideBarProps?.filterableColumns ?? []).length === 0) {
-                <div class="ogrid-sidebar-empty">No filterable columns</div>
-              }
-              @for (col of sideBarProps?.filterableColumns ?? []; track col.columnId) {
-                <div class="ogrid-sidebar-filter-group">
-                  <div class="ogrid-sidebar-filter-label">{{ col.name }}</div>
-                  @if (col.filterType === 'text') {
-                    <input
-                      type="text"
-                      class="ogrid-sidebar-text-input"
-                      [value]="getTextFilterValue(col.filterField)"
-                      (input)="onTextFilterChange(col.filterField, $any($event.target).value)"
-                      [placeholder]="'Filter ' + col.name + '...'"
-                      [attr.aria-label]="'Filter ' + col.name"
-                    />
-                  }
-                  @if (col.filterType === 'date') {
-                    <div class="ogrid-sidebar-date-row">
-                      <label class="ogrid-sidebar-date-label">
-                        From:
-                        <input type="date" class="ogrid-sidebar-date-input" [value]="getDateFrom(col.filterField)" (change)="onDateFromChange(col.filterField, $any($event.target).value)" [attr.aria-label]="col.name + ' from date'" />
-                      </label>
-                      <label class="ogrid-sidebar-date-label">
-                        To:
-                        <input type="date" class="ogrid-sidebar-date-input" [value]="getDateTo(col.filterField)" (change)="onDateToChange(col.filterField, $any($event.target).value)" [attr.aria-label]="col.name + ' to date'" />
-                      </label>
-                    </div>
-                  }
-                  @if (col.filterType === 'multiSelect') {
-                    <div class="ogrid-sidebar-multiselect-list" role="group" [attr.aria-label]="col.name + ' options'">
-                      @for (opt of getFilterOptions(col.filterField); track opt) {
-                        <label class="ogrid-sidebar-multiselect-item">
-                          <input type="checkbox" [checked]="isMultiSelectChecked(col.filterField, opt)" (change)="onMultiSelectChange(col.filterField, opt, $any($event.target).checked)" />
-                          <span>{{ opt }}</span>
-                        </label>
-                      }
-                    </div>
-                  }
-                </div>
-              }
-            }
-          </div>
-        </div>
-      }
-    </ng-template>
-  `,
-    })
-], SideBarComponent);
-export { SideBarComponent };

package/dist/esm/components/status-bar.component.js

@@ -1,71 +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, ChangeDetectionStrategy } from '@angular/core';
-import { getStatusBarParts } from '@alaarab/ogrid-core';
-let StatusBarComponent = class StatusBarComponent {
-    constructor() {
-        this.filteredCount = undefined;
-        this.selectedCount = undefined;
-        this.selectedCellCount = undefined;
-        this.aggregation = undefined;
-        this.suppressRowCount = undefined;
-        this.classNames = undefined;
-        this.cachedParts = [];
-    }
-    ngOnChanges() {
-        this.cachedParts = getStatusBarParts({
-            totalCount: this.totalCount,
-            filteredCount: this.filteredCount,
-            selectedCount: this.selectedCount,
-            selectedCellCount: this.selectedCellCount,
-            aggregation: this.aggregation ?? undefined,
-            suppressRowCount: this.suppressRowCount,
-        });
-    }
-    getParts() {
-        return this.cachedParts;
-    }
-};
-__decorate([
-    Input({ required: true })
-], StatusBarComponent.prototype, "totalCount", void 0);
-__decorate([
-    Input()
-], StatusBarComponent.prototype, "filteredCount", void 0);
-__decorate([
-    Input()
-], StatusBarComponent.prototype, "selectedCount", void 0);
-__decorate([
-    Input()
-], StatusBarComponent.prototype, "selectedCellCount", void 0);
-__decorate([
-    Input()
-], StatusBarComponent.prototype, "aggregation", void 0);
-__decorate([
-    Input()
-], StatusBarComponent.prototype, "suppressRowCount", void 0);
-__decorate([
-    Input()
-], StatusBarComponent.prototype, "classNames", void 0);
-StatusBarComponent = __decorate([
-    Component({
-        selector: 'ogrid-status-bar',
-        standalone: true,
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        template: `
-    <div [class]="classNames?.statusBar ?? ''" role="status" aria-live="polite">
-      @for (part of getParts(); track part.key) {
-        <span [class]="classNames?.statusBarItem ?? ''">
-          <span [class]="classNames?.statusBarLabel ?? ''">{{ part.label }}</span>
-          <span [class]="classNames?.statusBarValue ?? ''">{{ part.value.toLocaleString() }}</span>
-        </span>
-      }
-    </div>
-  `,
-    })
-], StatusBarComponent);
-export { StatusBarComponent };

package/dist/esm/services/column-reorder.service.js

@@ -1,180 +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, DestroyRef, inject } from '@angular/core';
-import { reorderColumnArray } from '@alaarab/ogrid-core';
-/** Width of the resize handle zone on the right edge of each header cell. */
-const RESIZE_HANDLE_ZONE = 8;
-/**
- * Manages column reorder drag interactions with RAF-throttled updates.
- * Angular signals-based port of React's useColumnReorder hook.
- */
-let ColumnReorderService = class ColumnReorderService {
-    constructor() {
-        this.destroyRef = inject(DestroyRef);
-        // --- Input signals (set by consuming component) ---
-        this.columns = signal([]);
-        this.columnOrder = signal(undefined);
-        this.onColumnOrderChange = signal(undefined);
-        this.enabled = signal(true);
-        this.wrapperEl = signal(null);
-        // --- Internal state ---
-        this.isDragging = signal(false);
-        this.dropIndicatorX = signal(null);
-        // Imperative drag tracking (not reactive)
-        this.rafId = 0;
-        this.cleanupFn = null;
-        // Refs for latest values (captured in closure)
-        this.latestDropTargetIndex = null;
-        this.destroyRef.onDestroy(() => {
-            if (this.cleanupFn) {
-                this.cleanupFn();
-                this.cleanupFn = null;
-            }
-            if (this.rafId) {
-                cancelAnimationFrame(this.rafId);
-                this.rafId = 0;
-            }
-        });
-    }
-    /**
-     * Call this from the header cell's mousedown handler.
-     * @param columnId - The column being dragged
-     * @param event - The native MouseEvent
-     */
-    handleHeaderMouseDown(columnId, event) {
-        if (!this.enabled())
-            return;
-        if (!this.onColumnOrderChange())
-            return;
-        // Gate on left-click only
-        if (event.button !== 0)
-            return;
-        // Skip if in resize handle zone (right 8px of the header cell)
-        const target = event.currentTarget;
-        const rect = target.getBoundingClientRect();
-        if (event.clientX > rect.right - RESIZE_HANDLE_ZONE)
-            return;
-        // Skip column groups — only reorder leaf columns
-        const cols = this.columns();
-        const colIndex = cols.findIndex((c) => c.columnId === columnId);
-        if (colIndex === -1)
-            return;
-        event.preventDefault();
-        const startX = event.clientX;
-        let hasMoved = false;
-        this.latestDropTargetIndex = null;
-        // Lock text selection during drag
-        const prevUserSelect = document.body.style.userSelect;
-        document.body.style.userSelect = 'none';
-        const onMove = (moveEvent) => {
-            // Require a small minimum drag distance before activating
-            if (!hasMoved && Math.abs(moveEvent.clientX - startX) < 5)
-                return;
-            if (!hasMoved) {
-                hasMoved = true;
-                this.isDragging.set(true);
-            }
-            if (this.rafId)
-                cancelAnimationFrame(this.rafId);
-            this.rafId = requestAnimationFrame(() => {
-                this.rafId = 0;
-                const wrapper = this.wrapperEl();
-                if (!wrapper)
-                    return;
-                const headerCells = wrapper.querySelectorAll('th[data-column-id]');
-                const rects = [];
-                for (let i = 0; i < headerCells.length; i++) {
-                    const th = headerCells[i];
-                    const id = th.getAttribute('data-column-id');
-                    if (!id)
-                        continue;
-                    const thRect = th.getBoundingClientRect();
-                    rects.push({
-                        columnId: id,
-                        left: thRect.left,
-                        right: thRect.right,
-                        centerX: thRect.left + thRect.width / 2,
-                    });
-                }
-                const result = this.calculateDrop(columnId, moveEvent.clientX, rects);
-                this.latestDropTargetIndex = result.dropIndex;
-                this.dropIndicatorX.set(result.indicatorX);
-            });
-        };
-        const cleanup = () => {
-            window.removeEventListener('mousemove', onMove, true);
-            window.removeEventListener('mouseup', onUp, true);
-            this.cleanupFn = null;
-            // Restore user-select
-            document.body.style.userSelect = prevUserSelect;
-            // Cancel pending RAF
-            if (this.rafId) {
-                cancelAnimationFrame(this.rafId);
-                this.rafId = 0;
-            }
-        };
-        const onUp = () => {
-            cleanup();
-            if (hasMoved && this.latestDropTargetIndex != null) {
-                const currentOrder = this.columnOrder() ?? this.columns().map((c) => c.columnId);
-                const newOrder = reorderColumnArray(currentOrder, columnId, this.latestDropTargetIndex);
-                this.onColumnOrderChange()?.(newOrder);
-            }
-            this.isDragging.set(false);
-            this.dropIndicatorX.set(null);
-        };
-        window.addEventListener('mousemove', onMove, true);
-        window.addEventListener('mouseup', onUp, true);
-        this.cleanupFn = cleanup;
-    }
-    /**
-     * Calculate drop target from mouse position and header cell rects.
-     * Same logic as React's useColumnReorder inline calculation.
-     */
-    calculateDrop(draggedColumnId, mouseX, rects) {
-        if (rects.length === 0) {
-            return { dropIndex: null, indicatorX: null };
-        }
-        const order = this.columnOrder() ?? this.columns().map((c) => c.columnId);
-        const currentIndex = order.indexOf(draggedColumnId);
-        // Find which column the mouse is closest to
-        let bestIndex = 0;
-        let indicatorX = null;
-        if (mouseX <= rects[0].centerX) {
-            // Before the first column
-            bestIndex = 0;
-            indicatorX = rects[0].left;
-        }
-        else if (mouseX >= rects[rects.length - 1].centerX) {
-            // After the last column
-            bestIndex = rects.length;
-            indicatorX = rects[rects.length - 1].right;
-        }
-        else {
-            for (let i = 0; i < rects.length - 1; i++) {
-                if (mouseX >= rects[i].centerX && mouseX < rects[i + 1].centerX) {
-                    bestIndex = i + 1;
-                    indicatorX = rects[i].right;
-                    break;
-                }
-            }
-        }
-        // Map visual index back to order array index
-        const targetOrderIndex = bestIndex < rects.length
-            ? order.indexOf(rects[bestIndex]?.columnId ?? '')
-            : order.length;
-        // Check if this is a no-op (dropping at same position)
-        if (currentIndex === targetOrderIndex || currentIndex + 1 === targetOrderIndex) {
-            return { dropIndex: targetOrderIndex, indicatorX: null };
-        }
-        return { dropIndex: targetOrderIndex, indicatorX };
-    }
-};
-ColumnReorderService = __decorate([
-    Injectable()
-], ColumnReorderService);
-export { ColumnReorderService };

package/dist/esm/services/datagrid-editing.service.js

@@ -1,52 +0,0 @@
-import { signal } from '@angular/core';
-import { parseValue, } from '@alaarab/ogrid-core';
-/**
- * Manages cell editing state, inline/popover editor, and commit/cancel logic.
- * Extracted from DataGridStateService for modularity.
- *
- * Not @Injectable — instantiated and owned by DataGridStateService.
- */
-export class DataGridEditingHelper {
-    constructor(getVisibleCols, getItems, getWrappedOnCellValueChanged, setActiveCellFn) {
-        this.editingCellSig = signal(null);
-        this.pendingEditorValueSig = signal(undefined);
-        this.popoverAnchorElSig = signal(null);
-        this.getVisibleCols = getVisibleCols;
-        this.getItems = getItems;
-        this.getWrappedOnCellValueChanged = getWrappedOnCellValueChanged;
-        this.setActiveCellFn = setActiveCellFn;
-    }
-    setEditingCell(cell) {
-        this.editingCellSig.set(cell);
-    }
-    setPendingEditorValue(value) {
-        this.pendingEditorValueSig.set(value);
-    }
-    commitCellEdit(item, columnId, oldValue, newValue, rowIndex, globalColIndex) {
-        const col = this.getVisibleCols().find((c) => c.columnId === columnId);
-        if (col) {
-            const result = parseValue(newValue, oldValue, item, col);
-            if (!result.valid) {
-                this.editingCellSig.set(null);
-                this.popoverAnchorElSig.set(null);
-                this.pendingEditorValueSig.set(undefined);
-                return;
-            }
-            newValue = result.value;
-        }
-        const onCellValueChanged = this.getWrappedOnCellValueChanged();
-        onCellValueChanged?.({ item, columnId, oldValue, newValue, rowIndex });
-        this.editingCellSig.set(null);
-        this.popoverAnchorElSig.set(null);
-        this.pendingEditorValueSig.set(undefined);
-        const items = this.getItems();
-        if (rowIndex < items.length - 1) {
-            this.setActiveCellFn({ rowIndex: rowIndex + 1, columnIndex: globalColIndex });
-        }
-    }
-    cancelPopoverEdit() {
-        this.editingCellSig.set(null);
-        this.popoverAnchorElSig.set(null);
-        this.pendingEditorValueSig.set(undefined);
-    }
-}