@aquera/ngx-smart-table 0.0.17-patch-0.7 → 0.0.17-patch-0.8

package/fesm2015/aquera-ngx-smart-table.mjs

@@ -1,5 +1,6 @@
 import { BehaviorSubject, Subject, isObservable, fromEvent, merge } from 'rxjs';
 import { distinctUntilChanged, map, throttleTime, takeUntil, tap, debounceTime } from 'rxjs/operators';
+import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
 import { EventEmitter, ElementRef, Component, Input, Output, ViewChild, HostListener, Injectable, ChangeDetectionStrategy, Directive, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i1 from '@angular/common';
@@ -7,7 +8,6 @@ import { CommonModule } from '@angular/common';
 import Ajv from 'ajv';
 import * as i1$1 from '@angular/forms';
 import { Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { __awaiter } from 'tslib';
 
 /**
  * Base type definitions for cell configuration model
@@ -3678,10 +3678,6 @@ class NileInputEditor {
     }
 }
 
-/**
- * Custom editor using NileSelect from @aquera/nile-elements
- * This demonstrates how to create dropdown/select editors for ngx-smart-table
- */
 /**
  * Inject global styles for nile-select dropdown height limit
  */
@@ -3814,16 +3810,137 @@ class NileSelectEditor {
         // Clear container and append select
         context.container.innerHTML = '';
         context.container.appendChild(this.select);
-        // Focus the select after render
+        // Focus after mount; open dropdown only once nile-popup exists (avoids null this.popup in nile-select)
+        const openOnEdit = this.options.openDropdownOnEdit !== false;
         setTimeout(() => {
-            var _a;
+            void this.activateSelectAfterMount(openOnEdit);
+        }, 50);
+    }
+    activateSelectAfterMount(openOnEdit) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
             try {
                 (_a = this.select) === null || _a === void 0 ? void 0 : _a.focus();
             }
-            catch (e) {
-                // Ignore errors
+            catch (_b) {
+                // ignore
             }
-        }, 50);
+            if (!openOnEdit || !this.select || this.options.disabled) {
+                return;
+            }
+            yield this.openNileSelectDropdownSafely();
+        });
+    }
+    /** Lit @query('nile-popup') / .select — must exist before handleOpenChange touches this.popup.popup */
+    isNileSelectPopupMounted(select) {
+        var _a;
+        return !!((_a = select.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nile-popup'));
+    }
+    invokeShowHandlingPromise(host) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (typeof host.show !== 'function') {
+                return;
+            }
+            try {
+                const out = host.show();
+                if (out != null && typeof out.then === 'function') {
+                    yield out.catch(() => undefined);
+                }
+            }
+            catch (_a) {
+                // sync throw from show()
+            }
+        });
+    }
+    openNileSelectDropdownSafely() {
+        var _a, _b, _c, _d;
+        return __awaiter(this, void 0, void 0, function* () {
+            const select = this.select;
+            if (!select) {
+                return;
+            }
+            try {
+                yield customElements.whenDefined('nile-select');
+            }
+            catch (_e) {
+                // ignore
+            }
+            if (this.options.enableVirtualScroll) {
+                try {
+                    yield customElements.whenDefined('nile-virtual-select');
+                }
+                catch (_f) {
+                    // ignore — not registered in all environments
+                }
+                // Same idea as nile-popup: inner host may not exist until Lit finishes a pass (or several).
+                const maxVirtualWaitPasses = 50;
+                for (let i = 0; i < maxVirtualWaitPasses; i++) {
+                    const vs = (_a = select.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nile-virtual-select');
+                    if (vs) {
+                        yield this.invokeShowHandlingPromise(vs);
+                        return;
+                    }
+                    const lit = select;
+                    if ((_b = lit.updateComplete) === null || _b === void 0 ? void 0 : _b.then) {
+                        try {
+                            yield lit.updateComplete;
+                        }
+                        catch (_g) {
+                            // ignore
+                        }
+                    }
+                    yield new Promise(resolve => requestAnimationFrame(() => resolve()));
+                }
+                return;
+            }
+            const maxWaitPasses = 50;
+            for (let i = 0; i < maxWaitPasses; i++) {
+                if (this.isNileSelectPopupMounted(select)) {
+                    break;
+                }
+                const lit = select;
+                if ((_c = lit.updateComplete) === null || _c === void 0 ? void 0 : _c.then) {
+                    try {
+                        yield lit.updateComplete;
+                    }
+                    catch (_h) {
+                        // ignore
+                    }
+                }
+                yield new Promise(resolve => requestAnimationFrame(() => resolve()));
+            }
+            if (!this.isNileSelectPopupMounted(select)) {
+                return;
+            }
+            const host = select;
+            for (let attempt = 0; attempt < 5; attempt++) {
+                if (!this.isNileSelectPopupMounted(select)) {
+                    return;
+                }
+                try {
+                    if (typeof host.show === 'function') {
+                        yield this.invokeShowHandlingPromise(host);
+                    }
+                    else {
+                        host.open = true;
+                    }
+                    return;
+                }
+                catch (_j) {
+                    // ignore
+                }
+                yield new Promise(resolve => setTimeout(resolve, 40));
+                const lit = select;
+                if ((_d = lit.updateComplete) === null || _d === void 0 ? void 0 : _d.then) {
+                    try {
+                        yield lit.updateComplete;
+                    }
+                    catch (_k) {
+                        // ignore
+                    }
+                }
+            }
+        });
     }
     /**
      * Set the initial value for the select
@@ -6333,8 +6450,14 @@ class StCellComponent {
         }
     }
     onCellClick() {
-        // Single click now only focuses, doesn't start editing
-        // Focus is handled by parent st-table component
+        // First click: parent <td> focuses this cell (bubbles after this handler).
+        // Second click while already focused: enter edit (spreadsheet-style).
+        if (this.isEditable &&
+            !this.cellLoading &&
+            !this.cell.isEditing() &&
+            this.cell.isFocused()) {
+            this.startEdit();
+        }
     }
     onCellDoubleClick() {
         // Double-click starts editing regardless of EditMode (Excel-like behavior)