@aquera/ngx-smart-table 0.0.17-patch-0.1 → 0.0.17-patch-0.3

package/lib/editors/index.d.ts

@@ -6,3 +6,4 @@ export { NileSelectEditor, NileSelectEditorOptions, SelectOption } from './nile-
 export { NileAutoCompleteEditor, NileAutoCompleteEditorOptions, AutoCompleteOption } from './nile-autocomplete-editor';
 export { NileCalendarEditor, NileCalendarEditorOptions, AllowedDatesRange } from './nile-calendar-editor';
 export { NileDatePickerEditor, NileDatePickerEditorOptions, DateRange } from './nile-date-picker-editor';
+export { NileCodeEditor, NileCodeEditorOptions, CodeEditorCompletion, AutoCompleteStyle } from './nile-code-editor';

package/lib/editors/nile-code-editor.d.ts

@@ -0,0 +1,159 @@
+/**
+ * Custom editor using NileCodeEditor from @aquera/nile-elements
+ * This provides code editing capabilities with syntax highlighting for table cells
+ */
+import { CellEditor, CellEditorContext } from '../models/cell-strategies.interface';
+/**
+ * Autocompletion item configuration
+ */
+export interface CodeEditorCompletion {
+    /** The completion label shown in dropdown */
+    label: string;
+    /** The value to insert */
+    value?: string;
+    /** Optional description */
+    detail?: string;
+}
+/**
+ * Autocomplete style configuration
+ */
+export interface AutoCompleteStyle {
+    /** Width of the autocomplete dropdown */
+    width?: string;
+    /** Enable multiline content in autocomplete */
+    multiline?: boolean;
+}
+/**
+ * Options interface for NileCodeEditor
+ */
+export interface NileCodeEditorOptions {
+    /** Language mode for syntax highlighting */
+    language?: 'javascript' | 'sql' | 'json' | 'html';
+    /** Disable syntax highlighting */
+    disableSyntaxHighlighting?: boolean;
+    /** Placeholder text when empty */
+    placeholder?: string;
+    /** Show line numbers (single-line mode) */
+    lineNumbers?: boolean;
+    /** Show line numbers in multiline mode */
+    lineNumbersMultiline?: boolean;
+    /** Allow multi-line editing */
+    multiline?: boolean;
+    /** Render without border */
+    noborder?: boolean;
+    /** Use default font instead of inherit */
+    defaultFont?: boolean;
+    /** Auto focus on edit */
+    autoFocus?: boolean;
+    /** Read-only mode */
+    readonly?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Enable Tab-to-complete */
+    tabCompletion?: boolean;
+    /** Enable search keymap */
+    enableSearch?: boolean;
+    /** Show code folding gutters */
+    enableFoldGutters?: boolean;
+    /** Internal scroll container */
+    hasScroller?: boolean;
+    /** Show expand control (native nile-code-editor expand) */
+    expandable?: boolean;
+    /** Icon for expand control */
+    expandIcon?: string;
+    /** Show expand button to open full editor dialog (default: true) */
+    showExpandButton?: boolean;
+    /** Dialog title (default: 'Edit Code') */
+    dialogTitle?: string;
+    /** Dialog width (default: '600px') */
+    dialogWidth?: string;
+    /** Dialog max height (default: '80vh') */
+    dialogMaxHeight?: string;
+    /** Dialog editor min height (default: '300px') */
+    dialogEditorHeight?: string;
+    /** Minimum number of visible lines in the dialog editor (default: 20) */
+    dialogMinLines?: number;
+    /** Inline completion dataset */
+    customAutoCompletions?: Record<string, CodeEditorCompletion[]> | CodeEditorCompletion[];
+    /** Paths to fetch completion datasets from */
+    customCompletionsPaths?: string[];
+    /** Enable variables in suggestions */
+    allowVariableInCustomSuggestion?: boolean;
+    /** Show autocomplete above cursor */
+    aboveCursor?: boolean;
+    /** Style config for autocomplete dropdown */
+    autoCompleteStyle?: AutoCompleteStyle;
+    /** Debounce change events */
+    debounce?: boolean;
+    /** Debounce delay in ms */
+    debounceTimeout?: number;
+    /** Error state */
+    error?: boolean;
+    /** Error message to display */
+    errorMessage?: string;
+    /** Custom theme CSS object */
+    customThemeCSS?: Record<string, Record<string, string>>;
+    /** Validate before saving (default: true) */
+    validateOnSave?: boolean;
+}
+/**
+ * Custom editor that uses NileCodeEditor component
+ * Provides code editing with syntax highlighting for table cells
+ * @template T The value type (typically string)
+ */
+export declare class NileCodeEditor<T = string> implements CellEditor<T> {
+    private readonly options?;
+    private editor?;
+    private wrapper?;
+    private expandButton?;
+    private dialog?;
+    private dialogEditor?;
+    private eventListeners;
+    private context?;
+    private dialogOpen;
+    private expandButtonClicked;
+    private documentClickHandler?;
+    private trackedValue;
+    constructor(options?: NileCodeEditorOptions | undefined);
+    edit(context: CellEditorContext<T>): void;
+    /**
+     * Focus the editor and place cursor
+     */
+    private focusEditor;
+    /**
+     * Read the live value directly from CodeMirror's internal state,
+     * bypassing debounced nile-change events and the possibly-stale .value property.
+     */
+    private getLiveEditorValue;
+    /**
+     * Open the full editor dialog
+     */
+    private openDialog;
+    /**
+     * Close the dialog and optionally save/exit edit mode
+     */
+    private closeDialog;
+    /**
+     * Apply all configuration options to the NileCodeEditor element
+     */
+    private applyOptions;
+    /**
+     * Set up all event listeners with proper cleanup tracking
+     */
+    private setupEventListeners;
+    /**
+     * Save value with optional validation
+     */
+    private saveValue;
+    destroy(): void;
+    focus(): void;
+    getCurrentValue(): T;
+    /**
+     * Set value programmatically
+     */
+    setValue(value: T): void;
+    /**
+     * Get the CodeMirror instance (if needed for advanced usage)
+     */
+    getEditorInstance(): any;
+}

package/lib/renderer/components/st-cell/st-cell.component.d.ts

@@ -1,10 +1,11 @@
-import { EventEmitter, OnInit, OnDestroy, ElementRef, AfterViewInit, TemplateRef } from '@angular/core';
+import { EventEmitter, OnInit, OnDestroy, ElementRef, AfterViewInit, TemplateRef, ChangeDetectorRef } from '@angular/core';
 import { Cell } from '../../models/cell.class';
 import { CellEditEvent, CellSaveEvent, CellChangeEvent, CellCancelEvent, EditMode, NavigationDirection } from '../../../models/cell-types';
 import { TableState } from '../../models/table-state.class';
 import { TableConfig } from '../../../models/table-config.interface';
 import * as i0 from "@angular/core";
 export declare class StCellComponent implements OnInit, OnDestroy, AfterViewInit {
+    private cdr;
     cell: Cell<any>;
     editMode: EditMode;
     tableState?: TableState;
@@ -19,9 +20,10 @@ export declare class StCellComponent implements OnInit, OnDestroy, AfterViewInit
         direction: NavigationDirection;
     }>;
     editorContainer?: ElementRef;
+    cellLoading: boolean;
     private editorCleanup?;
     private editingPositionSubscription?;
-    constructor();
+    constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/lib/renderer/models/cell.class.d.ts

@@ -123,10 +123,27 @@ export declare class Cell<T = any> {
      * Get row index
      */
     getRowIndex(): number | undefined;
+    private stateChangeCallback?;
     /**
-     * Set loading state
+     * When the data source refreshes, the table recreates Cell objects.
+     * This field lets the old (stale) Cell forward calls to its replacement
+     * so that async operations (e.g. setLoading from an API callback)
+     * still reach the live component.
+     */
+    private replacementCell?;
+    /**
+     * Link this cell to its replacement so future state mutations forward.
+     */
+    setReplacement(replacement: Cell<any>): void;
+    onStateChange(callback: () => void): void;
+    /**
+     * Set loading state. Forwards to replacement cell if this cell was replaced.
      */
     setLoading(isLoading: boolean): void;
+    /**
+     * Set cell value (public API, forwards to replacement if replaced).
+     */
+    setValueExternal(value: T): boolean;
     /**
      * Set disabled state
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aquera/ngx-smart-table",
-  "version": "0.0.17-patch-0.1",
+  "version": "0.0.17-patch-0.3",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": ">=13.0.0 <16.0.0",