wuic-framework-lib 1.0.20 → 1.2.0

package/fesm2022/{wuic-framework-lib-spreadsheet-list-sf.component-DXyRX0YK.mjs → wuic-framework-lib-spreadsheet-list-sf.component-D9P9WbDl.mjs}

@@ -7,7 +7,7 @@ import * as i8 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i7 from '@syncfusion/ej2-angular-spreadsheet';
 import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet';
-import { W as WtoolboxService, M as MetadataProviderService, U as UserInfoService, b as DataSourceComponent, I as ImportExportButtonComponent } from './wuic-framework-lib-wuic-framework-lib-CGCZvtKK.mjs';
+import { W as WtoolboxService, M as MetadataProviderService, U as UserInfoService, b as DataSourceComponent, I as ImportExportButtonComponent } from './wuic-framework-lib-wuic-framework-lib-BSyGhpM1.mjs';
 import { registerLicense } from '@syncfusion/ej2-base';
 import * as i1 from '@angular/platform-browser';
 import * as i1$1 from '@angular/router';
@@ -360,6 +360,78 @@ class SpreadsheetListSfComponent {
     datasource;
     hardcodedDatasource;
     hideToolbar = false;
+    // ============================================================
+    // Lock-awareness API (opt-in, additive — non rompe API legacy)
+    // ------------------------------------------------------------
+    // GENERIC + METADATA-DRIVEN (no app-specific naming hardcoded).
+    //
+    // Configurazione PER ROUTE in `_metadati__tabelle.md_props_bag`:
+    //   {
+    //     "archetypes": {
+    //       "spreadsheet": {
+    //         "lock": {
+    //           "endpointBase":         "/api/spreadsheet",
+    //           "primaryScopeField":    "program_id",        // field usato come URL path segment
+    //           "requiredScopeFields":  ["program_id"],      // field obbligatori per acquire-lock
+    //           "autoEnableOnScope":    true,                // se tutti i required presenti → auto-acquire
+    //           "heartbeatIntervalSec": 60                   // override (default 60)
+    //         },
+    //         "formulas": { ... }
+    //       }
+    //     }
+    //   }
+    //
+    // Lo `lockScope` e' un dictionary generico chiave→valore (es. `{program_id:1, year:2026}`),
+    // tipicamente popolato dalla lazy-wrapper leggendo i query param della URL.
+    // Il component:
+    //   - In ngAfterViewInit (o post-dataBound se config in mdpropsbag) chiama
+    //     POST {endpointBase}/lock-range/{lockScope[primaryScopeField]} con body = scope.
+    //   - Avvia heartbeat timer (default 60s) verso {endpointBase}/heartbeat.
+    //   - Espone metodi pubblici saveCellsBatch() + releaseLock() + acquireLock().
+    //   - In ngOnDestroy chiama POST {endpointBase}/release-lock con lockToken.
+    //
+    // Vedi `SpreadsheetController.cs` di una app concreta (es. CostCnh) per il
+    // contratto endpoint. La forma della request: path /:primaryScope, body = scope.
+    // ============================================================
+    /**
+     * Forza attivazione lock-awareness ANCHE se `mdpropsbag.archetypes.spreadsheet.lock.autoEnableOnScope`
+     * e' false o assente. Default: false (la decisione viene presa dalla mdpropsbag).
+     * Util per scenari programmatici dove un parent override-a la config.
+     */
+    enableLockAwareness = false;
+    /**
+     * Scope di lock generico (record key→value). Tipicamente popolato dalla
+     * lazy-wrapper a partire dai query param della URL (es. `?program_id=1&year=2026`),
+     * oppure passato esplicitamente da un parent. La mdpropsbag dichiara quale
+     * field e' il "primary" (usato come path segment) e quali sono required.
+     */
+    lockScope = {};
+    /**
+     * Override `heartbeatIntervalSec` se settato (>0). Altrimenti viene letto da
+     * `mdpropsbag.archetypes.spreadsheet.lock.heartbeatIntervalSec` (default 60).
+     */
+    heartbeatIntervalSec;
+    // ============================================================
+    // Formula / Ribbon UX (additive, default-off per backward compat)
+    // ------------------------------------------------------------
+    // Syncfusion EJ2 Spreadsheet supporta 350+ funzioni (SUM, AVG, IF, VLOOKUP,
+    // INDEX/MATCH, dates, math, financial, logical, lookup) e references inter-cell
+    // (=A1+B1, =SUM(C5:C10)). Per attivarle:
+    //   - [enableCalculation]="true"  → engine formula attivo (default era già true Syncfusion)
+    //   - [showFormulaBar]="true"     → barra formula visibile (modifica formula da UI)
+    //   - [showRibbon]="true"         → ribbon completo (funzioni, format, charts)
+    //
+    // Quando user inserisce '=A1+B1' in una cella:
+    //   - Syncfusion CALCOLA il valore numerico per display
+    //   - cellSave event riceve { value: computed, formula: '=A1+B1' }
+    //   - Component invia entrambi al backend via saveCellsBatch (campo formulaText opzionale)
+    //   - Backend persiste value in cp.facts.<field> + formula_text in cp.facts_formula (1:1)
+    //   - Su reload, snapshot re-injection formula in cell → user vede formula in formula bar
+    // ============================================================
+    /** Mostra formula bar Syncfusion (default false per backward compat). NB: Syncfusion engine formule sempre attivo. */
+    showFormulaBar = false;
+    /** Mostra ribbon Syncfusion completo (default false). */
+    showRibbon = false;
     /**
      * Provider letto da `<wuic-import-export-button>` al click su Export XLS.
      * Arrow function per preservare il binding di `this` quando passata come Input.
@@ -378,6 +450,14 @@ class SpreadsheetListSfComponent {
     onSpreadsheetRowInserted = new EventEmitter();
     onSpreadsheetRowsDeleted = new EventEmitter();
     onSpreadsheetBatchSaved = new EventEmitter();
+    /** Emesso dopo successful acquire/refresh lock (vedi SpreadsheetController.lock-range). */
+    onLockAcquired = new EventEmitter();
+    /** Emesso se acquire-lock ritorna outcome='conflict' (altro utente sta editando). */
+    onLockConflict = new EventEmitter();
+    /** Emesso al successful release (ngOnDestroy o release esplicito). */
+    onLockReleased = new EventEmitter();
+    /** Emesso quando heartbeat fallisce (lock scaduto o released da altro). */
+    onLockExpired = new EventEmitter();
     // ============================================================
     // Public state (API PUBBLICA COMPATIBILE COL VECCHIO)
     // ============================================================
@@ -485,6 +565,14 @@ class SpreadsheetListSfComponent {
      * enableVirtualization: true è il default Syncfusion, lasciato per performance.
      */
     sfScrollSettings = { isFinite: true, enableVirtualization: true };
+    // ─── Lock-awareness state (Sprint 9.4 framework integration) ─────────────
+    /** Token UUID lock corrente. Settato da acquireLock(), letto da save/heartbeat/release. */
+    lockToken;
+    /** Lock id (numerico) per audit join con cp.spreadsheet_change_log. */
+    lockId;
+    /** Lock expiry UTC. UI puo' mostrare countdown. */
+    lockExpiresUtc;
+    heartbeatTimer;
     // ============================================================
     // Constructor
     // ============================================================
@@ -533,6 +621,13 @@ class SpreadsheetListSfComponent {
                 }
             });
         }
+        // Sprint 9.4 — auto-acquire lock se opt-in @Input.
+        // Quando l'opt-in viene da `mdpropsbag.archetypes.spreadsheet.lock.autoEnableOnScope`,
+        // l'acquire viene rinviato a `tryAutoAcquireLockFromMetadata()` chiamato post-dataBound
+        // (quando metaInfo e' loaded dal datasource).
+        if (this.enableLockAwareness) {
+            void this.acquireLock();
+        }
     }
     ngOnDestroy() {
         this.datasourceReadySubscription?.unsubscribe();
@@ -540,6 +635,15 @@ class SpreadsheetListSfComponent {
         this.themeObserver?.disconnect();
         this.stopColHeaderObserver();
         this.clearPendingLayoutPassTimeouts();
+        // Sprint 9.4 — cleanup lock
+        if (this.heartbeatTimer) {
+            clearInterval(this.heartbeatTimer);
+            this.heartbeatTimer = undefined;
+        }
+        if (this.lockToken) {
+            // best-effort release (fire-and-forget — non bloccare destroy)
+            void this.releaseLock().catch(() => { });
+        }
         try {
             this.sfSpreadsheet?.destroy?.();
         }
@@ -1487,6 +1591,11 @@ class SpreadsheetListSfComponent {
         for (const d of delays) {
             setTimeout(() => this.syncColumnHeadersWithMetadata(), d);
         }
+        // Apply metadata-driven formulas (from mdpropsbag.archetypes.spreadsheet.formulas)
+        this.applyMetadataFormulas();
+        // Auto-acquire lock se mdpropsbag.archetypes.spreadsheet.lock.autoEnableOnScope=true
+        // e tutti i requiredScopeFields sono presenti in lockScope. Idempotente.
+        this.tryAutoAcquireLockFromMetadata();
     }
     /**
      * Sostituisce il testo delle celle nell'header column-letter nativo di
@@ -1605,10 +1714,13 @@ class SpreadsheetListSfComponent {
         const distinctList = await this.computeDistinctValuesForPopup(col, fieldName);
         // Selezione corrente: se esiste un filtro sulla colonna, quei valori
         // sono pre-checked; altrimenti tutti checked.
+        // selectedSet contiene `d.value` (raw FK ID per lookupByID, raw value altrimenti)
+        // — NON `d.display` — cosi' il filter server-side puo' usarli direttamente
+        // come predicati `WHERE col = <id>` (cross-DBMS safe).
         const currentFilter = this.columnFilters.get(fieldName) || null;
         const selectedSet = currentFilter
             ? new Set(currentFilter)
-            : new Set(distinctList.map(d => d.display));
+            : new Set(distinctList.map(d => d.value));
         // ==== Costruisci DOM popup ====
         const popup = document.createElement('div');
         popup.className = 'wuic-sf-filter-popup';
@@ -1670,16 +1782,20 @@ class SpreadsheetListSfComponent {
                     return;
                 const label = document.createElement('label');
                 label.className = 'wuic-sf-filter-popup-item';
-                label.setAttribute('data-value', d.display);
+                // data-value contiene il VALUE (FK ID per lookup) per leggibilita' DOM/testing.
+                label.setAttribute('data-value', d.value);
                 const cb = document.createElement('input');
                 cb.type = 'checkbox';
                 cb.className = 'wuic-sf-filter-popup-cb';
-                cb.checked = selectedSet.has(d.display);
+                // Memorizziamo `d.value` (raw FK ID) nel selectedSet, ma renderizziamo
+                // `d.display` (descrittivo) nello span — cosi' UI = descrittivo e
+                // filter value emesso al server = raw ID (cross-DBMS safe).
+                cb.checked = selectedSet.has(d.value);
                 cb.addEventListener('change', () => {
                     if (cb.checked)
-                        selectedSet.add(d.display);
+                        selectedSet.add(d.value);
                     else
-                        selectedSet.delete(d.display);
+                        selectedSet.delete(d.value);
                     updateSelectAllState();
                 });
                 const span = document.createElement('span');
@@ -1698,7 +1814,7 @@ class SpreadsheetListSfComponent {
         };
         selectAllCb.addEventListener('change', () => {
             if (selectAllCb.checked) {
-                distinctList.forEach(d => selectedSet.add(d.display));
+                distinctList.forEach(d => selectedSet.add(d.value));
             }
             else {
                 selectedSet.clear();
@@ -1798,23 +1914,33 @@ class SpreadsheetListSfComponent {
             return this.fetchDistinctValuesFromServer(col, fieldName);
         }
         const baseRecords = this.records.filter(rec => this.recordMatchesColumnFilters(rec, fieldName));
+        // Per colonne lookupByID il `value` deve essere il FK ID raw (rec[fieldName]),
+        // mentre il `display` è il descrittivo risolto via lookup alias. Senza questa
+        // separazione il filter server-side invierebbe descrittivi (stringa) contro
+        // colonna FK numerica → 42601 PG / ORA-00904 Oracle.
         const distinctMap = new Map();
         for (const rec of baseRecords) {
             const raw = rec?.[fieldName];
             const display = this.formatValueForDisplay(raw, col, rec);
-            const key = display == null ? '' : String(display);
-            const entry = distinctMap.get(key);
+            const displayKey = display == null ? '' : String(display);
+            const valueKey = raw == null ? '' : String(raw);
+            const entry = distinctMap.get(valueKey);
             if (entry)
                 entry.count++;
             else
-                distinctMap.set(key, { display: key, count: 1 });
+                distinctMap.set(valueKey, { display: displayKey, value: valueKey, count: 1 });
         }
         return this.sortDistinctList(distinctMap);
     }
     /**
      * Chiama `MetaService.getDistinctValues(column_id, text, filter_type,
      * max_results, user_id)` (endpoint AsmxProxy) e trasforma `rawPagedResult`
-     * in `Array<{display, count}>` compatibile col popup.
+     * in `Array<{display, value, count}>` compatibile col popup.
+     *
+     * Per lookupByID il server (PG provider — vedi metaQueryPostgreSql.cs distinct
+     * branch) emette ANCHE l'alias `<entity>___<dataTextField>__<colName>` con il
+     * descrittivo. `formatValueForDisplay` lo legge da `row` e ritorna la stringa
+     * human-readable. Il filter usa invece il FK ID raw (`row[fieldName]`).
      *
      * In caso di errore ritorna array vuoto (il popup mostrerà nessuna opzione
      * — un notification error è comunque inviata).
@@ -1847,13 +1973,16 @@ class SpreadsheetListSfComponent {
                 // FastExpando conserva il case originale.
                 const raw = row?.[fieldName] ?? row?.[fieldName?.toLowerCase?.()]
                     ?? row?.[fieldName?.toUpperCase?.()] ?? Object.values(row || {})[0];
+                // display: descrittivo se lookup (via alias in row), altrimenti formatted raw.
                 const display = this.formatValueForDisplay(raw, col, row);
-                const key = display == null ? '' : String(display);
-                const entry = distinctMap.get(key);
+                const displayKey = display == null ? '' : String(display);
+                // value: FK ID raw (sempre, anche per lookup). Usato come filter value.
+                const valueKey = raw == null ? '' : String(raw);
+                const entry = distinctMap.get(valueKey);
                 if (entry)
                     entry.count++;
                 else
-                    distinctMap.set(key, { display: key, count: 1 });
+                    distinctMap.set(valueKey, { display: displayKey, value: valueKey, count: 1 });
             }
             return this.sortDistinctList(distinctMap);
         }
@@ -1867,7 +1996,8 @@ class SpreadsheetListSfComponent {
             return [];
         }
     }
-    /** Ordinamento comune della lista distinct (numerico se possibile, poi locale). */
+    /** Ordinamento comune della lista distinct (numerico se possibile, poi locale).
+     *  Ordina per `display` (descrittivo) cosi' il popup e' navigabile dall'utente. */
     sortDistinctList(distinctMap) {
         return Array.from(distinctMap.values()).sort((a, b) => {
             const na = Number(a.display);
@@ -1897,15 +2027,14 @@ class SpreadsheetListSfComponent {
     recordMatchesColumnFilters(rec, excludeField) {
         if (this.columnFilters.size === 0)
             return true;
-        const cols = this.metaInfo?.columnMetadata || [];
         for (const [field, selSet] of this.columnFilters.entries()) {
             if (excludeField && field === excludeField)
                 continue;
-            const metaCol = cols.find(c => c.mc_nome_colonna === field);
-            if (!metaCol)
-                continue;
-            const display = this.formatValueForDisplay(rec?.[field], metaCol, rec);
-            const key = display == null ? '' : String(display);
+            // selSet contiene raw values (FK ID per lookupByID, raw altrimenti) — vedi
+            // computeDistinctValuesForPopup. Match contro raw rec[field], NON contro
+            // display formattato (per parity con server-side WHERE col = <raw>).
+            const raw = rec?.[field];
+            const key = raw == null ? '' : String(raw);
             if (!selSet.has(key))
                 return false;
         }
@@ -3845,8 +3974,320 @@ class SpreadsheetListSfComponent {
     onWindowResize() {
         this.scheduleLayoutPass();
     }
+    // ============================================================
+    // Metadata-driven formulas (Sprint 9.4)
+    // ------------------------------------------------------------
+    // Le formule sono definite dichiarativamente in metadata route:
+    //   _metadati__tabelle.mdpropsbag → archetypes.spreadsheet.formulas
+    // Shape:
+    //   {
+    //     "<target_column_name>": "=<expression with {col_name} tokens>",
+    //     "balance": "={planned}-{actual}",
+    //     "variance_pct": "=IF({planned}=0,0,({actual}/{planned})*100)",
+    //     "remaining": "={planned}-{actual}-{committed}"
+    //   }
+    // Pattern:
+    //   - {col_name} viene sostituito a runtime con l'indirizzo cella Syncfusion
+    //     della colonna corrispondente sulla riga corrente (es. row 2 → C2, D2)
+    //   - L'engine Syncfusion (enableCalculation=true) ricalcola i valori automaticamente
+    //   - Quando user modifica una cella source, le celle dipendenti si aggiornano
+    //   - On save (cellSave event), il VALUE COMPUTED viene persistito su DB,
+    //     la formula non viene memorizzata (resta nei metadati, ri-applicata al refresh)
+    // ============================================================
+    /**
+     * Risolve la lista colonne visibili (idx → col name) dal metaInfo corrente.
+     * Indice 0-based; il caller mappa a column letter A/B/C tramite indexToColumnLetter().
+     */
+    getVisibleColumnNames() {
+        if (!this.metaInfo?.columnMetadata)
+            return [];
+        return this.metaInfo.columnMetadata
+            .filter(c => !c.mc_hide_in_edit)
+            .map(c => c.mc_nome_colonna || '');
+    }
+    /** Converte indice 0-based in letter A1-notation (0 → 'A', 25 → 'Z', 26 → 'AA'). */
+    indexToColumnLetter(idx) {
+        let s = '';
+        let n = idx;
+        while (n >= 0) {
+            s = String.fromCharCode(65 + (n % 26)) + s;
+            n = Math.floor(n / 26) - 1;
+        }
+        return s;
+    }
+    /**
+     * Risolve il blocco formulas da `metaInfo.tableMetadata.md_props_bag.archetypes.spreadsheet.formulas`.
+     * Ritorna `{}` se non configurato.
+     */
+    getMetadataFormulas() {
+        const tm = this.metaInfo?.tableMetadata;
+        if (!tm)
+            return {};
+        const pb = tm.md_props_bag || tm.mdpropsbag || tm.extraProps?.md_props_bag;
+        const arch = pb?.archetypes?.spreadsheet;
+        const formulas = arch?.formulas;
+        if (!formulas || typeof formulas !== 'object')
+            return {};
+        return formulas;
+    }
+    /**
+     * Applica le formule metadata-driven a tutte le righe correntemente caricate.
+     * Chiamato post-dataBound. Usa Syncfusion `updateCell({formula: '=...'}, address)`.
+     * Idempotente: ri-chiamabile (sovrascrive la formula con la stessa).
+     */
+    applyMetadataFormulas() {
+        const formulas = this.getMetadataFormulas();
+        if (!formulas || Object.keys(formulas).length === 0)
+            return;
+        if (!this.sfSpreadsheet)
+            return;
+        const visibleCols = this.getVisibleColumnNames();
+        if (visibleCols.length === 0)
+            return;
+        // Map column name → A1 letter
+        const colIndex = {};
+        visibleCols.forEach((name, idx) => { colIndex[name] = this.indexToColumnLetter(idx); });
+        const rowOffset = 2; // Syncfusion riga 1 = header (showFieldAsHeader), dati partono da riga 2
+        const rowCount = (this.pagedRecords?.length || this.records?.length || 0);
+        for (const [targetCol, formulaTemplate] of Object.entries(formulas)) {
+            const targetLetter = colIndex[targetCol];
+            if (!targetLetter) {
+                console.warn(`[wuic-spreadsheet] formula target column '${targetCol}' not visible — skipped`);
+                continue;
+            }
+            for (let r = 0; r < rowCount; r++) {
+                const sheetRow = rowOffset + r;
+                // Sostituisci tutti i token {colName} con <colLetter><rowNumber>
+                const resolved = formulaTemplate.replace(/\{([a-zA-Z_][a-zA-Z0-9_]*)\}/g, (_m, colName) => {
+                    const letter = colIndex[colName];
+                    if (!letter) {
+                        console.warn(`[wuic-spreadsheet] formula token {${colName}} → column not visible, leaving as-is`);
+                        return `{${colName}}`;
+                    }
+                    return `${letter}${sheetRow}`;
+                });
+                const address = `${targetLetter}${sheetRow}`;
+                try {
+                    this.sfSpreadsheet.updateCell?.({ formula: resolved }, address);
+                }
+                catch (e) {
+                    console.warn(`[wuic-spreadsheet] updateCell failed at ${address}:`, e);
+                }
+            }
+        }
+    }
+    // ============================================================
+    // Lock-awareness public API (Sprint 9.4 — generic, metadata-driven)
+    // ------------------------------------------------------------
+    // Tutta la config (endpoint base, primaryScopeField, required fields,
+    // heartbeat interval, auto-enable) viene letta da
+    // `metaInfo.tableMetadata.md_props_bag.archetypes.spreadsheet.lock`.
+    // L'@Input `lockScope` (Record<string,any>) e' il dictionary generico
+    // dei valori di lock (es. `{program_id:1, year:2026, scenario_id:7}`),
+    // passato dalla lazy-wrapper a partire dai query param della URL.
+    // ============================================================
+    /**
+     * Estrae la config lock da `mdpropsbag.archetypes.spreadsheet.lock`.
+     * Defaults conservativi se la config manca.
+     */
+    getLockConfig() {
+        const pb = this.metaInfo?.tableMetadata?.md_props_bag
+            || this.metaInfo?.tableMetadata?.mdpropsbag
+            || {};
+        const arch = pb?.archetypes?.spreadsheet?.lock || {};
+        return {
+            endpointBase: typeof arch.endpointBase === 'string' && arch.endpointBase.length > 0
+                ? arch.endpointBase
+                : '/api/spreadsheet',
+            primaryScopeField: typeof arch.primaryScopeField === 'string' && arch.primaryScopeField.length > 0
+                ? arch.primaryScopeField
+                : null,
+            requiredScopeFields: Array.isArray(arch.requiredScopeFields)
+                ? arch.requiredScopeFields.filter((s) => typeof s === 'string')
+                : (arch.primaryScopeField ? [arch.primaryScopeField] : []),
+            autoEnableOnScope: arch.autoEnableOnScope === true,
+            heartbeatIntervalSec: typeof this.heartbeatIntervalSec === 'number' && this.heartbeatIntervalSec > 0
+                ? this.heartbeatIntervalSec
+                : (typeof arch.heartbeatIntervalSec === 'number' && arch.heartbeatIntervalSec > 0
+                    ? arch.heartbeatIntervalSec
+                    : 60),
+        };
+    }
+    /**
+     * Valida che lo scope contenga tutti i required fields.
+     * Ritorna lista dei missing (vuota = scope valido).
+     */
+    validateLockScope(cfg) {
+        return cfg.requiredScopeFields.filter((f) => this.lockScope?.[f] == null);
+    }
+    /**
+     * Trigger auto-acquire post-dataBound (quando metaInfo e' loaded). Idempotente:
+     * non riacquista se gia' c'e' un lockToken attivo. Chiamabile manualmente.
+     * Condizioni per auto-acquire:
+     *   - lockToken non gia' attivo
+     *   - mdpropsbag.archetypes.spreadsheet.lock.autoEnableOnScope === true
+     *   - tutti i requiredScopeFields presenti in lockScope
+     */
+    tryAutoAcquireLockFromMetadata() {
+        if (this.lockToken)
+            return;
+        const cfg = this.getLockConfig();
+        if (!cfg.autoEnableOnScope)
+            return;
+        const missing = this.validateLockScope(cfg);
+        if (missing.length > 0) {
+            console.info(`[wuic-spreadsheet] auto-acquire skipped — missing scope: ${missing.join(', ')}`);
+            return;
+        }
+        this.enableLockAwareness = true;
+        void this.acquireLock();
+    }
+    /**
+     * Acquisisce lock pessimistic su `lockScope`. Endpoint:
+     *   POST {endpointBase}/lock-range/{lockScope[primaryScopeField]}  body = lockScope
+     * Emette onLockAcquired (acquired|refreshed) o onLockConflict.
+     * Auto-avvia heartbeat timer se outcome=acquired|refreshed.
+     */
+    async acquireLock() {
+        const cfg = this.getLockConfig();
+        if (!cfg.primaryScopeField) {
+            console.warn('[wuic-spreadsheet] acquireLock skipped: primaryScopeField non configurato in mdpropsbag.archetypes.spreadsheet.lock');
+            return { outcome: 'skipped' };
+        }
+        const primaryVal = this.lockScope?.[cfg.primaryScopeField];
+        if (primaryVal == null) {
+            console.warn(`[wuic-spreadsheet] acquireLock skipped: lockScope[${cfg.primaryScopeField}] non valorizzato`);
+            return { outcome: 'skipped' };
+        }
+        const missing = this.validateLockScope(cfg);
+        if (missing.length > 0) {
+            console.warn(`[wuic-spreadsheet] acquireLock skipped: missing required scope fields: ${missing.join(', ')}`);
+            return { outcome: 'skipped' };
+        }
+        const url = `${cfg.endpointBase}/lock-range/${encodeURIComponent(String(primaryVal))}`;
+        // Body = lockScope MENO il primaryScopeField (gia' in URL path)
+        const body = {};
+        for (const [k, v] of Object.entries(this.lockScope || {})) {
+            if (k === cfg.primaryScopeField)
+                continue;
+            if (v == null)
+                continue;
+            body[k] = v;
+        }
+        try {
+            const resp = await this.http.post(url, body, { withCredentials: true }).toPromise();
+            if (!resp?.ok) {
+                if (resp?.outcome === 'conflict') {
+                    this.onLockConflict.emit({
+                        conflictUserId: resp.conflictUserId ?? null,
+                        lockExpiresUtc: resp.lockExpiresUtc ? new Date(resp.lockExpiresUtc) : null,
+                    });
+                    return { outcome: 'conflict', conflictUserId: resp.conflictUserId };
+                }
+                return { outcome: resp?.outcome ?? 'failed' };
+            }
+            this.lockToken = resp.lockToken;
+            this.lockId = resp.lockId;
+            this.lockExpiresUtc = new Date(resp.lockExpiresUtc);
+            this.onLockAcquired.emit({
+                lockToken: resp.lockToken,
+                lockId: resp.lockId,
+                lockExpiresUtc: this.lockExpiresUtc,
+                outcome: resp.outcome,
+            });
+            this.startHeartbeat(cfg.heartbeatIntervalSec);
+            return { outcome: resp.outcome, lockToken: resp.lockToken };
+        }
+        catch (e) {
+            console.error('[wuic-spreadsheet] acquireLock failed', e);
+            return { outcome: 'error' };
+        }
+    }
+    /**
+     * Single heartbeat (extends TTL). Auto-called dal timer ogni heartbeatIntervalSec.
+     * Emette onLockExpired se backend ritorna 410 Gone.
+     */
+    async heartbeat() {
+        if (!this.lockToken)
+            return false;
+        const cfg = this.getLockConfig();
+        try {
+            const resp = await this.http.post(`${cfg.endpointBase}/heartbeat`, { lockToken: this.lockToken }, { withCredentials: true }).toPromise();
+            if (resp?.ok) {
+                this.lockExpiresUtc = new Date(resp.lockExpiresUtc);
+                return true;
+            }
+            this.onLockExpired.emit();
+            this.stopHeartbeat();
+            return false;
+        }
+        catch (e) {
+            if (e?.status === 410) {
+                this.onLockExpired.emit();
+                this.stopHeartbeat();
+            }
+            console.warn('[wuic-spreadsheet] heartbeat failed', e?.status ?? e);
+            return false;
+        }
+    }
+    /**
+     * Batch save delle modifiche (alternativa al CRUD-per-row standard).
+     * Useful per applicare copy/paste range o bulk edit con singolo round-trip.
+     * @param changes array di { factsId, field, newValue }
+     */
+    async saveCellsBatch(changes) {
+        if (!this.lockToken) {
+            console.warn('[wuic-spreadsheet] saveCellsBatch: nessun lockToken — call acquireLock() first');
+            return null;
+        }
+        if (!changes || changes.length === 0)
+            return { applied: 0, failed: 0 };
+        const cfg = this.getLockConfig();
+        try {
+            const resp = await this.http.post(`${cfg.endpointBase}/save-cells`, { lockToken: this.lockToken, changes }, { withCredentials: true }).toPromise();
+            return { applied: resp?.applied ?? 0, failed: resp?.failed ?? 0 };
+        }
+        catch (e) {
+            console.error('[wuic-spreadsheet] saveCellsBatch failed', e);
+            return null;
+        }
+    }
+    /**
+     * Rilascia lock esplicitamente. Idempotente. Stop heartbeat timer.
+     * Auto-chiamato in ngOnDestroy.
+     */
+    async releaseLock() {
+        if (!this.lockToken)
+            return 0;
+        this.stopHeartbeat();
+        const tok = this.lockToken;
+        this.lockToken = undefined;
+        this.lockExpiresUtc = undefined;
+        const cfg = this.getLockConfig();
+        try {
+            const resp = await this.http.post(`${cfg.endpointBase}/release-lock`, { lockToken: tok }, { withCredentials: true }).toPromise();
+            const released = resp?.released ?? 0;
+            this.onLockReleased.emit({ released });
+            return released;
+        }
+        catch (e) {
+            console.warn('[wuic-spreadsheet] releaseLock failed', e);
+            return 0;
+        }
+    }
+    startHeartbeat(intervalSec = 60) {
+        this.stopHeartbeat();
+        const intervalMs = Math.max(15, intervalSec) * 1000;
+        this.heartbeatTimer = setInterval(() => { void this.heartbeat(); }, intervalMs);
+    }
+    stopHeartbeat() {
+        if (this.heartbeatTimer) {
+            clearInterval(this.heartbeatTimer);
+            this.heartbeatTimer = undefined;
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SpreadsheetListSfComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Title }, { token: i1$1.ActivatedRoute }, { token: i1$2.HttpClient }, { token: WtoolboxService }, { token: MetadataProviderService }, { token: UserInfoService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SpreadsheetListSfComponent, isStandalone: true, selector: "wuic-spreadsheet-list-sf", inputs: { hardcodedRoute: "hardcodedRoute", parentRecord: "parentRecord", parentMetaInfo: "parentMetaInfo", datasource: "datasource", hardcodedDatasource: "hardcodedDatasource", hideToolbar: "hideToolbar" }, outputs: { onSpreadsheetDataBound: "onSpreadsheetDataBound", onSpreadsheetBeforePageChange: "onSpreadsheetBeforePageChange", onSpreadsheetPageChange: "onSpreadsheetPageChange", onSpreadsheetRowInserted: "onSpreadsheetRowInserted", onSpreadsheetRowsDeleted: "onSpreadsheetRowsDeleted", onSpreadsheetBatchSaved: "onSpreadsheetBatchSaved" }, host: { listeners: { "window:resize": "onWindowResize()" } }, viewQueries: [{ propertyName: "sfSpreadsheet", first: true, predicate: ["sfSpreadsheet"], descendants: true }, { propertyName: "lookupSource", first: true, predicate: ["lookupSource"], descendants: true }], ngImport: i0, template: "<!--\n  Layout root wrapper:\n  1. Toolbar WUIC custom (insert / save batch / export / refresh)\n  2. Syncfusion Spreadsheet host\n  3. Pagination custom (Syncfusion non ha pagination built-in, quindi la\n     rendiamo sotto il foglio con nav + page-size dropdown)\n  4. Lookup datasource (invisibile, pattern identico al vecchio componente)\n-->\n\n<!-- Bootstrap CSS Syncfusion (~500 KiB): si monta solo quando questo\n     componente lazy \u00E8 istanziato \u2192 CSS NON nel bundle iniziale globale,\n     risparmia ~500 KiB su tutte le pagine che non aprono spreadsheet. -->\n<wuic-syncfusion-styles-bootstrap></wuic-syncfusion-styles-bootstrap>\n\n<div class=\"wuic-sf-spreadsheet-wrapper\">\n\n  @if (!hideToolbar && metaInfo) {\n    <!-- Stile allineato a <wuic-list-grid>: stessa caption-bar, stessi p-button\n         PrimeNG con icona + label, stesso componente import/export. -->\n    <div class=\"grid-caption-bar wuic-sf-caption-bar\" role=\"toolbar\" aria-label=\"Spreadsheet toolbar\">\n      <div class=\"grid-caption-left\">\n        @if (!metaInfo.tableMetadata.md_hide_refresh) {\n          <p-button icon=\"pi pi-refresh\" label=\"{{'refresh_grid' | translate}}\"\n                    (onClick)=\"onToolbarRefresh()\" />\n        }\n        @if (canInsertRows()) {\n          <p-button icon=\"pi pi-plus\" label=\"{{'add_grid' | translate}}\"\n                    (onClick)=\"onToolbarInsert()\" />\n        }\n        @if (!metaInfo.tableMetadata.md_hide_export_xls) {\n          <!-- Include dialog con progress bar + bottoni \"Stoppa e salva\n               parziale\" / \"Stoppa\" / \"Continua in background\". -->\n          <wuic-import-export-button\n            [routeName]=\"metaInfo.tableMetadata.md_route_name\"\n            [tableMetadata]=\"metaInfo.tableMetadata\"\n            [filterInfoProvider]=\"getCurrentFilterInfoForExport\"></wuic-import-export-button>\n        }\n        @if (isBatchSaveEnabled()) {\n          <p-button icon=\"pi pi-save\" label=\"{{'list_grid.save_changes' | translate}}\"\n                    (onClick)=\"onToolbarSaveBatch()\" />\n        }\n      </div>\n    </div>\n  }\n\n  <div class=\"wuic-sf-spreadsheet-host\">\n    @if (metaInfo && sfSheets.length > 0) {\n      <ejs-spreadsheet #sfSpreadsheet\n        [sheets]=\"sfSheets\"\n        [height]=\"sfHeight\"\n        [width]=\"sfWidth\"\n        [scrollSettings]=\"sfScrollSettings\"\n        [showRibbon]=\"false\"\n        [showFormulaBar]=\"false\"\n        [showSheetTabs]=\"false\"\n        [allowEditing]=\"true\"\n        [allowSorting]=\"true\"\n        [allowFiltering]=\"false\"\n        [allowResizing]=\"true\"\n        [allowInsert]=\"canInsertRows()\"\n        [allowDelete]=\"canDeleteRows()\"\n        [enableContextMenu]=\"true\"\n        [enableKeyboardNavigation]=\"true\"\n        [enableClipboard]=\"true\"\n        (created)=\"onSyncfusionCreated()\"\n        (dataBound)=\"onSyncfusionDataBound()\"\n        (cellSave)=\"onSyncfusionCellSave($event)\"\n        (beforeCellSave)=\"onSyncfusionBeforeCellSave($event)\"\n        (beforeCellRender)=\"onSyncfusionBeforeCellRender($event)\"\n        (cellEdit)=\"onSyncfusionCellEdit($event)\"\n        (contextMenuBeforeOpen)=\"onSyncfusionContextMenuBeforeOpen($event)\"\n        (contextMenuItemSelect)=\"onSyncfusionContextMenuItemSelect($event)\"\n        (actionBegin)=\"onSyncfusionActionBegin($event)\"\n        (actionComplete)=\"onSyncfusionActionComplete($event)\"\n        (dialogBeforeOpen)=\"onSyncfusionDialogBeforeOpen($event)\">\n      </ejs-spreadsheet>\n    }\n  </div>\n\n  @if (totalPages > 1 || totalRecords > pageSize) {\n    <div class=\"wuic-sf-pagination\" role=\"navigation\" aria-label=\"Paginazione\">\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex <= 1\"\n              (click)=\"isServerSide ? handleServerPageChange(1, pageSize) : setClientPage(1)\"\n              title=\"Prima pagina\">\n        <i class=\"pi pi-angle-double-left\"></i>\n      </button>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex <= 1\"\n              (click)=\"isServerSide ? handleServerPageChange(pageIndex - 1, pageSize) : setClientPage(pageIndex - 1)\"\n              title=\"Pagina precedente\">\n        <i class=\"pi pi-angle-left\"></i>\n      </button>\n      <span class=\"wuic-sf-page-info\">\n        Pagina <strong>{{ pageIndex }}</strong> di <strong>{{ totalPages }}</strong>\n        <span class=\"wuic-sf-page-total\">({{ totalRecords }} record)</span>\n      </span>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex >= totalPages\"\n              (click)=\"isServerSide ? handleServerPageChange(pageIndex + 1, pageSize) : setClientPage(pageIndex + 1)\"\n              title=\"Pagina successiva\">\n        <i class=\"pi pi-angle-right\"></i>\n      </button>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex >= totalPages\"\n              (click)=\"isServerSide ? handleServerPageChange(totalPages, pageSize) : setClientPage(totalPages)\"\n              title=\"Ultima pagina\">\n        <i class=\"pi pi-angle-double-right\"></i>\n      </button>\n      <select class=\"wuic-sf-page-size\" [value]=\"pageSize\"\n              (change)=\"setPageSize($any($event.target).value)\"\n              title=\"Record per pagina\">\n        <option [value]=\"10\">10</option>\n        <option [value]=\"25\">25</option>\n        <option [value]=\"50\">50</option>\n        <option [value]=\"100\">100</option>\n      </select>\n    </div>\n  }\n\n</div>\n\n@if (!hardcodedRoute) {\n  <wuic-data-source #lookupSource [autoload]=\"true\" [routeFromRouting]=\"false\"\n    [route]=\"currentRoute\" [parentRecord]=\"currentRecord\"\n    [parentMetaInfo]=\"metaInfo\"></wuic-data-source>\n}\n", styles: [":host{display:block;width:100%;height:100%;min-height:0}.wuic-sf-spreadsheet-wrapper{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.wuic-sf-caption-bar{flex:0 0 auto;padding:5px}.grid-caption-left{display:flex;align-items:stretch;gap:.5rem;flex-wrap:nowrap;min-height:2.25rem;height:2.25rem}.wuic-sf-spreadsheet-host{flex:1 1 auto;min-height:0;width:100%;position:relative;overflow:visible}::ng-deep .e-dialog.e-popup-open,::ng-deep .e-excelfilter,::ng-deep .e-filter-popup{z-index:10010!important;min-width:240px}::ng-deep .e-excelfilter .e-footer-content,::ng-deep .e-filter-popup .e-footer-content{display:flex!important;justify-content:flex-end;gap:6px;padding:8px 12px!important}.wuic-sf-spreadsheet-host ejs-spreadsheet{display:block;width:100%;height:100%}:host ::ng-deep .e-spreadsheet .e-column-header .e-header-cell.wuic-sf-colname-header .e-header-cell-div{font-weight:700!important;text-align:left!important;padding-left:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wuic-sf-pagination{display:flex;gap:6px;align-items:center;justify-content:flex-end;padding:6px 10px;background-color:var(--wuic-surface-a, #ffffff);border-top:1px solid var(--wuic-surface-border, #e5e7eb);flex:0 0 auto;font-size:13px}.wuic-sf-page-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--wuic-surface-border, #e5e7eb);border-radius:4px;background:transparent;cursor:pointer;color:var(--wuic-text-color, #1f2937);transition:background-color .12s ease,border-color .12s ease}.wuic-sf-page-btn:hover:not(:disabled){background-color:var(--wuic-hover-bg, #f3f4f6);border-color:var(--wuic-primary-color, #6366f1)}.wuic-sf-page-btn:disabled{opacity:.35;cursor:not-allowed}.wuic-sf-page-info{margin:0 8px;white-space:nowrap;color:var(--wuic-text-muted, #6b7280)}.wuic-sf-page-info strong{color:var(--wuic-text-color, #1f2937)}.wuic-sf-page-total{margin-left:6px;font-size:12px;color:var(--wuic-text-muted, #6b7280)}.wuic-sf-page-size{margin-left:8px;height:30px;padding:0 8px;border:1px solid var(--wuic-surface-border, #e5e7eb);border-radius:4px;background:transparent;color:var(--wuic-text-color, #1f2937);cursor:pointer}:host-context(.theme-dark) .wuic-sf-pagination,:host-context([data-theme=\"dark\"]) .wuic-sf-pagination{background-color:var(--wuic-surface-a-dark, #1f2937);border-color:var(--wuic-surface-border-dark, #374151)}:host-context(.theme-dark) .wuic-sf-page-btn,:host-context([data-theme=\"dark\"]) .wuic-sf-page-btn,:host-context(.theme-dark) .wuic-sf-page-size,:host-context([data-theme=\"dark\"]) .wuic-sf-page-size{color:#f3f4f6;border-color:var(--wuic-surface-border-dark, #374151)}:host-context(.theme-dark) .wuic-sf-page-btn:hover:not(:disabled),:host-context([data-theme=\"dark\"]) .wuic-sf-page-btn:hover:not(:disabled){background-color:#374151}:host-context(.theme-dark) .wuic-sf-page-info,:host-context([data-theme=\"dark\"]) .wuic-sf-page-info{color:#9ca3af}:host-context(.theme-dark) .wuic-sf-page-info strong,:host-context([data-theme=\"dark\"]) .wuic-sf-page-info strong{color:#f3f4f6}:host-context(.theme-dark) .wuic-sf-page-total,:host-context([data-theme=\"dark\"]) .wuic-sf-page-total{color:#9ca3af}:host ::ng-deep .e-spreadsheet{font-family:var(--wuic-font-family, inherit)}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .e-header-cell.wuic-sf-colname-header{background-color:#111827!important;color:#e5e7eb!important}:host ::ng-deep .e-spreadsheet .e-sheet-content .e-filter-btn{opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;min-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important;position:absolute!important;right:0;top:0}:host ::ng-deep .e-spreadsheet .e-column-header .e-header-cell.wuic-sf-colname-header{position:relative!important}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:3px;cursor:pointer;color:#475569;flex-shrink:0;transition:background-color .12s,color .12s;z-index:2}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn:hover{background-color:#e2e8f0;color:#1f2937}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn svg{display:block;pointer-events:none}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn svg *{pointer-events:none!important}:host ::ng-deep .e-spreadsheet svg,:host ::ng-deep .e-spreadsheet svg *{pointer-events:none!important}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn.wuic-filtered{color:#2563eb}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-colname-header .e-header-cell-div{padding-right:22px!important}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn{color:#cbd5e1}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn:hover{background-color:#334155;color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn.wuic-filtered{color:#60a5fa}:host ::ng-deep .e-spreadsheet .e-sheet-panel{background-color:var(--wuic-surface-a, #ffffff)}:host-context(.theme-dark) ::ng-deep .e-spreadsheet,:host-context([data-theme=\"dark\"]) ::ng-deep .e-spreadsheet,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark{background-color:var(--wuic-surface-a-dark, #1f2937);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-sheet-panel,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-main-panel{background-color:var(--wuic-surface-a-dark, #1f2937);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-cell,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-header-cell{background-color:var(--wuic-surface-a-dark, #1f2937);border-color:var(--wuic-surface-border-dark, #374151);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-header-row .e-header-cell,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-row-header .e-header-cell{background-color:#111827!important;color:#e5e7eb!important}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-cell.row-danger{background-color:#7f1d1d!important;color:#fecaca!important}:host ::ng-deep .e-cell.row-danger{background-color:#fee2e2!important}:host ::ng-deep .e-cell.row-warning{background-color:#fef3c7!important}:host ::ng-deep .e-cell.row-success{background-color:#d1fae5!important}::ng-deep .wuic-sf-filter-popup{position:fixed;z-index:99999;min-width:260px;max-width:340px;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 8px 24px #0000002e;font-family:inherit;font-size:13px;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}::ng-deep .wuic-sf-filter-popup-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-weight:600}::ng-deep .wuic-sf-filter-popup-title{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .wuic-sf-filter-popup-close{background:transparent;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;color:#6b7280}::ng-deep .wuic-sf-filter-popup-close:hover{color:#111827}::ng-deep .wuic-sf-filter-popup-sort{display:flex;flex-direction:column;border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-sort-btn{background:transparent;border:none;text-align:left;padding:6px 12px;cursor:pointer;font-size:13px;color:#111827;display:flex;align-items:center;gap:6px}::ng-deep .wuic-sf-filter-popup-sort-btn:hover{background:#f3f4f6}::ng-deep .wuic-sf-filter-popup-sort-icon{font-size:10px;color:#6b7280}::ng-deep .wuic-sf-filter-popup-clear{border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-clear-btn{width:100%;background:transparent;border:none;text-align:left;padding:6px 12px;cursor:pointer;font-size:13px;color:#2563eb}::ng-deep .wuic-sf-filter-popup-clear-btn:hover:not(:disabled){background:#eff6ff}::ng-deep .wuic-sf-filter-popup-clear-btn:disabled{color:#9ca3af;cursor:not-allowed}::ng-deep .wuic-sf-filter-popup-search{padding:8px 12px;border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-search-input{width:100%;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;box-sizing:border-box}::ng-deep .wuic-sf-filter-popup-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}::ng-deep .wuic-sf-filter-popup-list-wrap{display:flex;flex-direction:column;max-height:260px;overflow:hidden}::ng-deep .wuic-sf-filter-popup-selectall{padding:4px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-weight:500}::ng-deep .wuic-sf-filter-popup-list{flex:1 1 auto;overflow-y:auto;max-height:220px}::ng-deep .wuic-sf-filter-popup-item{display:flex;align-items:center;gap:6px;padding:4px 12px;cursor:pointer}::ng-deep .wuic-sf-filter-popup-item:hover{background:#f3f4f6}::ng-deep .wuic-sf-filter-popup-item input[type=checkbox]{margin:0;flex:0 0 auto}::ng-deep .wuic-sf-filter-popup-item span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .wuic-sf-filter-popup-footer{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid #e5e7eb;background:#f9fafb}::ng-deep .wuic-sf-filter-popup-ok,::ng-deep .wuic-sf-filter-popup-cancel{padding:4px 14px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}::ng-deep .wuic-sf-filter-popup-ok{background:#2563eb;color:#fff;border-color:#2563eb}::ng-deep .wuic-sf-filter-popup-ok:hover{background:#1d4ed8}::ng-deep .wuic-sf-filter-popup-cancel:hover{background:#f3f4f6}:host ::ng-deep .wuic-sf-header-filter-btn.wuic-sf-header-filter-btn--active{color:#2563eb}:host ::ng-deep .wuic-sf-header-filter-btn.wuic-sf-header-filter-btn--active svg{fill:#2563eb}::ng-deep .wuic-sf-filter-popup.wuic-sf-filter-popup--dark{background:#1f2937;color:#f3f4f6;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-header,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-footer,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-selectall{background:#111827;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-clear,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-search{border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort-btn,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel{color:#f3f4f6;background:transparent;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel{background:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort-btn:hover,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-item:hover,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel:hover{background:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-search-input{background:#111827;color:#f3f4f6;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-close{color:#9ca3af}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-close:hover{color:#f3f4f6}::ng-deep .wuic-sf-cell-editor{box-sizing:border-box;padding:2px 6px;border:2px solid #2563eb;background:#fff;color:#111827;font-family:inherit;font-size:13px;outline:none;box-shadow:0 2px 8px #00000026;border-radius:2px}::ng-deep .wuic-sf-cell-editor:focus{border-color:#1d4ed8;box-shadow:0 0 0 2px #2563eb40}::ng-deep select.wuic-sf-cell-editor{cursor:pointer}::ng-deep .wuic-sf-cell-editor.wuic-sf-cell-editor--dark{background:#1f2937;color:#f3f4f6;border-color:#2563eb}::ng-deep .wuic-sf-cell-editor.wuic-sf-cell-editor--dark option{background:#1f2937;color:#f3f4f6}\n"], dependencies: [{ kind: "component", type: DataSourceComponent, selector: "wuic-data-source", inputs: ["route", "routeFromRouting", "hardcodedRoute", "autoload", "loading", "changeTracking", "parentRecord", "parentMetaInfo", "parentDatasource", "useComboEndpoint", "comboFormulaLookup", "comboMcId", "comboField", "comboExtraFields", "comboCurrentRecord", "componentRef"] }, { kind: "ngmodule", type: SpreadsheetModule }, { kind: "component", type: i7.SpreadsheetComponent, selector: "ejs-spreadsheet", inputs: ["activeSheetIndex", "allowAutoFill", "allowCellFormatting", "allowChart", "allowConditionalFormat", "allowDataValidation", "allowDelete", "allowEditing", "allowFiltering", "allowFindAndReplace", "allowFreezePane", "allowHyperlink", "allowImage", "allowInsert", "allowMerge", "allowNumberFormatting", "allowOpen", "allowPrint", "allowResizing", "allowSave", "allowScrolling", "allowSorting", "allowUndoRedo", "allowWrap", "author", "autoFillSettings", "calculationMode", "cellStyle", "cssClass", "currencyCode", "definedNames", "enableClipboard", "enableContextMenu", "enableKeyboardNavigation", "enableKeyboardShortcut", "enableNotes", "enablePersistence", "enableRtl", "height", "isProtected", "listSeparator", "locale", "openSettings", "openUrl", "password", "saveUrl", "scrollSettings", "selectionSettings", "sheets", "showAggregate", "showCommentsPane", "showFormulaBar", "showRibbon", "showSheetTabs", "width"], outputs: ["actionBegin", "actionComplete", "afterHyperlinkClick", "afterHyperlinkCreate", "beforeCellFormat", "beforeCellRender", "beforeCellSave", "beforeCellUpdate", "beforeConditionalFormat", "beforeDataBound", "beforeHyperlinkClick", "beforeHyperlinkCreate", "beforeOpen", "beforeSave", "beforeSelect", "beforeSort", "cellEdit", "cellEdited", "cellEditing", "cellSave", "contextMenuBeforeClose", "contextMenuBeforeOpen", "contextMenuItemSelect", "created", "dataBound", "dataSourceChanged", "dialogBeforeOpen", "fileMenuBeforeClose", "fileMenuBeforeOpen", "fileMenuItemSelect", "openComplete", "openFailure", "queryCellInfo", "saveComplete", "select", "sortComplete"] }, { kind: "component", type: ImportExportButtonComponent, selector: "wuic-import-export-button", inputs: ["routeName", "tableMetadata", "filterInfoProvider"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: SyncfusionStylesBootstrapComponent, selector: "wuic-syncfusion-styles-bootstrap" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SpreadsheetListSfComponent, isStandalone: true, selector: "wuic-spreadsheet-list-sf", inputs: { hardcodedRoute: "hardcodedRoute", parentRecord: "parentRecord", parentMetaInfo: "parentMetaInfo", datasource: "datasource", hardcodedDatasource: "hardcodedDatasource", hideToolbar: "hideToolbar", enableLockAwareness: "enableLockAwareness", lockScope: "lockScope", heartbeatIntervalSec: "heartbeatIntervalSec", showFormulaBar: "showFormulaBar", showRibbon: "showRibbon" }, outputs: { onSpreadsheetDataBound: "onSpreadsheetDataBound", onSpreadsheetBeforePageChange: "onSpreadsheetBeforePageChange", onSpreadsheetPageChange: "onSpreadsheetPageChange", onSpreadsheetRowInserted: "onSpreadsheetRowInserted", onSpreadsheetRowsDeleted: "onSpreadsheetRowsDeleted", onSpreadsheetBatchSaved: "onSpreadsheetBatchSaved", onLockAcquired: "onLockAcquired", onLockConflict: "onLockConflict", onLockReleased: "onLockReleased", onLockExpired: "onLockExpired" }, host: { listeners: { "window:resize": "onWindowResize()" } }, viewQueries: [{ propertyName: "sfSpreadsheet", first: true, predicate: ["sfSpreadsheet"], descendants: true }, { propertyName: "lookupSource", first: true, predicate: ["lookupSource"], descendants: true }], ngImport: i0, template: "<!--\n  Layout root wrapper:\n  1. Toolbar WUIC custom (insert / save batch / export / refresh)\n  2. Syncfusion Spreadsheet host\n  3. Pagination custom (Syncfusion non ha pagination built-in, quindi la\n     rendiamo sotto il foglio con nav + page-size dropdown)\n  4. Lookup datasource (invisibile, pattern identico al vecchio componente)\n-->\n\n<!-- Bootstrap CSS Syncfusion (~500 KiB): si monta solo quando questo\n     componente lazy \u00E8 istanziato \u2192 CSS NON nel bundle iniziale globale,\n     risparmia ~500 KiB su tutte le pagine che non aprono spreadsheet. -->\n<wuic-syncfusion-styles-bootstrap></wuic-syncfusion-styles-bootstrap>\n\n<div class=\"wuic-sf-spreadsheet-wrapper\">\n\n  @if (!hideToolbar && metaInfo) {\n    <!-- Stile allineato a <wuic-list-grid>: stessa caption-bar, stessi p-button\n         PrimeNG con icona + label, stesso componente import/export. -->\n    <div class=\"grid-caption-bar wuic-sf-caption-bar\" role=\"toolbar\" aria-label=\"Spreadsheet toolbar\">\n      <div class=\"grid-caption-left\">\n        @if (!metaInfo.tableMetadata.md_hide_refresh) {\n          <p-button icon=\"pi pi-refresh\" label=\"{{'refresh_grid' | translate}}\"\n                    (onClick)=\"onToolbarRefresh()\" />\n        }\n        @if (canInsertRows()) {\n          <p-button icon=\"pi pi-plus\" label=\"{{'add_grid' | translate}}\"\n                    (onClick)=\"onToolbarInsert()\" />\n        }\n        @if (!metaInfo.tableMetadata.md_hide_export_xls) {\n          <!-- Include dialog con progress bar + bottoni \"Stoppa e salva\n               parziale\" / \"Stoppa\" / \"Continua in background\". -->\n          <wuic-import-export-button\n            [routeName]=\"metaInfo.tableMetadata.md_route_name\"\n            [tableMetadata]=\"metaInfo.tableMetadata\"\n            [filterInfoProvider]=\"getCurrentFilterInfoForExport\"></wuic-import-export-button>\n        }\n        @if (isBatchSaveEnabled()) {\n          <p-button icon=\"pi pi-save\" label=\"{{'list_grid.save_changes' | translate}}\"\n                    (onClick)=\"onToolbarSaveBatch()\" />\n        }\n      </div>\n    </div>\n  }\n\n  <div class=\"wuic-sf-spreadsheet-host\">\n    @if (metaInfo && sfSheets.length > 0) {\n      <ejs-spreadsheet #sfSpreadsheet\n        [sheets]=\"sfSheets\"\n        [height]=\"sfHeight\"\n        [width]=\"sfWidth\"\n        [scrollSettings]=\"sfScrollSettings\"\n        [showRibbon]=\"showRibbon\"\n        [showFormulaBar]=\"showFormulaBar\"\n        [showSheetTabs]=\"false\"\n        [allowEditing]=\"true\"\n        [allowSorting]=\"true\"\n        [allowFiltering]=\"false\"\n        [allowResizing]=\"true\"\n        [allowInsert]=\"canInsertRows()\"\n        [allowDelete]=\"canDeleteRows()\"\n        [enableContextMenu]=\"true\"\n        [enableKeyboardNavigation]=\"true\"\n        [enableClipboard]=\"true\"\n        (created)=\"onSyncfusionCreated()\"\n        (dataBound)=\"onSyncfusionDataBound()\"\n        (cellSave)=\"onSyncfusionCellSave($event)\"\n        (beforeCellSave)=\"onSyncfusionBeforeCellSave($event)\"\n        (beforeCellRender)=\"onSyncfusionBeforeCellRender($event)\"\n        (cellEdit)=\"onSyncfusionCellEdit($event)\"\n        (contextMenuBeforeOpen)=\"onSyncfusionContextMenuBeforeOpen($event)\"\n        (contextMenuItemSelect)=\"onSyncfusionContextMenuItemSelect($event)\"\n        (actionBegin)=\"onSyncfusionActionBegin($event)\"\n        (actionComplete)=\"onSyncfusionActionComplete($event)\"\n        (dialogBeforeOpen)=\"onSyncfusionDialogBeforeOpen($event)\">\n      </ejs-spreadsheet>\n    }\n  </div>\n\n  @if (totalPages > 1 || totalRecords > pageSize) {\n    <div class=\"wuic-sf-pagination\" role=\"navigation\" aria-label=\"Paginazione\">\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex <= 1\"\n              (click)=\"isServerSide ? handleServerPageChange(1, pageSize) : setClientPage(1)\"\n              title=\"Prima pagina\">\n        <i class=\"pi pi-angle-double-left\"></i>\n      </button>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex <= 1\"\n              (click)=\"isServerSide ? handleServerPageChange(pageIndex - 1, pageSize) : setClientPage(pageIndex - 1)\"\n              title=\"Pagina precedente\">\n        <i class=\"pi pi-angle-left\"></i>\n      </button>\n      <span class=\"wuic-sf-page-info\">\n        Pagina <strong>{{ pageIndex }}</strong> di <strong>{{ totalPages }}</strong>\n        <span class=\"wuic-sf-page-total\">({{ totalRecords }} record)</span>\n      </span>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex >= totalPages\"\n              (click)=\"isServerSide ? handleServerPageChange(pageIndex + 1, pageSize) : setClientPage(pageIndex + 1)\"\n              title=\"Pagina successiva\">\n        <i class=\"pi pi-angle-right\"></i>\n      </button>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex >= totalPages\"\n              (click)=\"isServerSide ? handleServerPageChange(totalPages, pageSize) : setClientPage(totalPages)\"\n              title=\"Ultima pagina\">\n        <i class=\"pi pi-angle-double-right\"></i>\n      </button>\n      <select class=\"wuic-sf-page-size\" [value]=\"pageSize\"\n              (change)=\"setPageSize($any($event.target).value)\"\n              title=\"Record per pagina\">\n        <option [value]=\"10\">10</option>\n        <option [value]=\"25\">25</option>\n        <option [value]=\"50\">50</option>\n        <option [value]=\"100\">100</option>\n      </select>\n    </div>\n  }\n\n</div>\n\n@if (!hardcodedRoute) {\n  <wuic-data-source #lookupSource [autoload]=\"true\" [routeFromRouting]=\"false\"\n    [route]=\"currentRoute\" [parentRecord]=\"currentRecord\"\n    [parentMetaInfo]=\"metaInfo\"></wuic-data-source>\n}\n", styles: [":host{display:block;width:100%;height:100%;min-height:0}.wuic-sf-spreadsheet-wrapper{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.wuic-sf-caption-bar{flex:0 0 auto;padding:5px}.grid-caption-left{display:flex;align-items:stretch;gap:.5rem;flex-wrap:nowrap;min-height:2.25rem;height:2.25rem}.wuic-sf-spreadsheet-host{flex:1 1 auto;min-height:0;width:100%;position:relative;overflow:visible}::ng-deep .e-dialog.e-popup-open,::ng-deep .e-excelfilter,::ng-deep .e-filter-popup{z-index:10010!important;min-width:240px}::ng-deep .e-excelfilter .e-footer-content,::ng-deep .e-filter-popup .e-footer-content{display:flex!important;justify-content:flex-end;gap:6px;padding:8px 12px!important}.wuic-sf-spreadsheet-host ejs-spreadsheet{display:block;width:100%;height:100%}:host ::ng-deep .e-spreadsheet .e-column-header .e-header-cell.wuic-sf-colname-header .e-header-cell-div{font-weight:700!important;text-align:left!important;padding-left:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wuic-sf-pagination{display:flex;gap:6px;align-items:center;justify-content:flex-end;padding:6px 10px;background-color:var(--wuic-surface-a, #ffffff);border-top:1px solid var(--wuic-surface-border, #e5e7eb);flex:0 0 auto;font-size:13px}.wuic-sf-page-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--wuic-surface-border, #e5e7eb);border-radius:4px;background:transparent;cursor:pointer;color:var(--wuic-text-color, #1f2937);transition:background-color .12s ease,border-color .12s ease}.wuic-sf-page-btn:hover:not(:disabled){background-color:var(--wuic-hover-bg, #f3f4f6);border-color:var(--wuic-primary-color, #6366f1)}.wuic-sf-page-btn:disabled{opacity:.35;cursor:not-allowed}.wuic-sf-page-info{margin:0 8px;white-space:nowrap;color:var(--wuic-text-muted, #6b7280)}.wuic-sf-page-info strong{color:var(--wuic-text-color, #1f2937)}.wuic-sf-page-total{margin-left:6px;font-size:12px;color:var(--wuic-text-muted, #6b7280)}.wuic-sf-page-size{margin-left:8px;height:30px;padding:0 8px;border:1px solid var(--wuic-surface-border, #e5e7eb);border-radius:4px;background:transparent;color:var(--wuic-text-color, #1f2937);cursor:pointer}:host-context(.theme-dark) .wuic-sf-pagination,:host-context([data-theme=\"dark\"]) .wuic-sf-pagination{background-color:var(--wuic-surface-a-dark, #1f2937);border-color:var(--wuic-surface-border-dark, #374151)}:host-context(.theme-dark) .wuic-sf-page-btn,:host-context([data-theme=\"dark\"]) .wuic-sf-page-btn,:host-context(.theme-dark) .wuic-sf-page-size,:host-context([data-theme=\"dark\"]) .wuic-sf-page-size{color:#f3f4f6;border-color:var(--wuic-surface-border-dark, #374151)}:host-context(.theme-dark) .wuic-sf-page-btn:hover:not(:disabled),:host-context([data-theme=\"dark\"]) .wuic-sf-page-btn:hover:not(:disabled){background-color:#374151}:host-context(.theme-dark) .wuic-sf-page-info,:host-context([data-theme=\"dark\"]) .wuic-sf-page-info{color:#9ca3af}:host-context(.theme-dark) .wuic-sf-page-info strong,:host-context([data-theme=\"dark\"]) .wuic-sf-page-info strong{color:#f3f4f6}:host-context(.theme-dark) .wuic-sf-page-total,:host-context([data-theme=\"dark\"]) .wuic-sf-page-total{color:#9ca3af}:host ::ng-deep .e-spreadsheet{font-family:var(--wuic-font-family, inherit)}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .e-header-cell.wuic-sf-colname-header{background-color:#111827!important;color:#e5e7eb!important}:host ::ng-deep .e-spreadsheet .e-sheet-content .e-filter-btn{opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;min-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important;position:absolute!important;right:0;top:0}:host ::ng-deep .e-spreadsheet .e-column-header .e-header-cell.wuic-sf-colname-header{position:relative!important}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:3px;cursor:pointer;color:#475569;flex-shrink:0;transition:background-color .12s,color .12s;z-index:2}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn:hover{background-color:#e2e8f0;color:#1f2937}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn svg{display:block;pointer-events:none}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn svg *{pointer-events:none!important}:host ::ng-deep .e-spreadsheet svg,:host ::ng-deep .e-spreadsheet svg *{pointer-events:none!important}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn.wuic-filtered{color:#2563eb}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-colname-header .e-header-cell-div{padding-right:22px!important}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn{color:#cbd5e1}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn:hover{background-color:#334155;color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn.wuic-filtered{color:#60a5fa}:host ::ng-deep .e-spreadsheet .e-sheet-panel{background-color:var(--wuic-surface-a, #ffffff)}:host-context(.theme-dark) ::ng-deep .e-spreadsheet,:host-context([data-theme=\"dark\"]) ::ng-deep .e-spreadsheet,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark{background-color:var(--wuic-surface-a-dark, #1f2937);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-sheet-panel,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-main-panel{background-color:var(--wuic-surface-a-dark, #1f2937);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-cell,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-header-cell{background-color:var(--wuic-surface-a-dark, #1f2937);border-color:var(--wuic-surface-border-dark, #374151);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-header-row .e-header-cell,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-row-header .e-header-cell{background-color:#111827!important;color:#e5e7eb!important}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-cell.row-danger{background-color:#7f1d1d!important;color:#fecaca!important}:host ::ng-deep .e-cell.row-danger{background-color:#fee2e2!important}:host ::ng-deep .e-cell.row-warning{background-color:#fef3c7!important}:host ::ng-deep .e-cell.row-success{background-color:#d1fae5!important}::ng-deep .wuic-sf-filter-popup{position:fixed;z-index:99999;min-width:260px;max-width:340px;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 8px 24px #0000002e;font-family:inherit;font-size:13px;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}::ng-deep .wuic-sf-filter-popup-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-weight:600}::ng-deep .wuic-sf-filter-popup-title{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .wuic-sf-filter-popup-close{background:transparent;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;color:#6b7280}::ng-deep .wuic-sf-filter-popup-close:hover{color:#111827}::ng-deep .wuic-sf-filter-popup-sort{display:flex;flex-direction:column;border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-sort-btn{background:transparent;border:none;text-align:left;padding:6px 12px;cursor:pointer;font-size:13px;color:#111827;display:flex;align-items:center;gap:6px}::ng-deep .wuic-sf-filter-popup-sort-btn:hover{background:#f3f4f6}::ng-deep .wuic-sf-filter-popup-sort-icon{font-size:10px;color:#6b7280}::ng-deep .wuic-sf-filter-popup-clear{border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-clear-btn{width:100%;background:transparent;border:none;text-align:left;padding:6px 12px;cursor:pointer;font-size:13px;color:#2563eb}::ng-deep .wuic-sf-filter-popup-clear-btn:hover:not(:disabled){background:#eff6ff}::ng-deep .wuic-sf-filter-popup-clear-btn:disabled{color:#9ca3af;cursor:not-allowed}::ng-deep .wuic-sf-filter-popup-search{padding:8px 12px;border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-search-input{width:100%;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;box-sizing:border-box}::ng-deep .wuic-sf-filter-popup-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}::ng-deep .wuic-sf-filter-popup-list-wrap{display:flex;flex-direction:column;max-height:260px;overflow:hidden}::ng-deep .wuic-sf-filter-popup-selectall{padding:4px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-weight:500}::ng-deep .wuic-sf-filter-popup-list{flex:1 1 auto;overflow-y:auto;max-height:220px}::ng-deep .wuic-sf-filter-popup-item{display:flex;align-items:center;gap:6px;padding:4px 12px;cursor:pointer}::ng-deep .wuic-sf-filter-popup-item:hover{background:#f3f4f6}::ng-deep .wuic-sf-filter-popup-item input[type=checkbox]{margin:0;flex:0 0 auto}::ng-deep .wuic-sf-filter-popup-item span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .wuic-sf-filter-popup-footer{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid #e5e7eb;background:#f9fafb}::ng-deep .wuic-sf-filter-popup-ok,::ng-deep .wuic-sf-filter-popup-cancel{padding:4px 14px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}::ng-deep .wuic-sf-filter-popup-ok{background:#2563eb;color:#fff;border-color:#2563eb}::ng-deep .wuic-sf-filter-popup-ok:hover{background:#1d4ed8}::ng-deep .wuic-sf-filter-popup-cancel:hover{background:#f3f4f6}:host ::ng-deep .wuic-sf-header-filter-btn.wuic-sf-header-filter-btn--active{color:#2563eb}:host ::ng-deep .wuic-sf-header-filter-btn.wuic-sf-header-filter-btn--active svg{fill:#2563eb}::ng-deep .wuic-sf-filter-popup.wuic-sf-filter-popup--dark{background:#1f2937;color:#f3f4f6;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-header,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-footer,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-selectall{background:#111827;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-clear,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-search{border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort-btn,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel{color:#f3f4f6;background:transparent;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel{background:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort-btn:hover,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-item:hover,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel:hover{background:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-search-input{background:#111827;color:#f3f4f6;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-close{color:#9ca3af}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-close:hover{color:#f3f4f6}::ng-deep .wuic-sf-cell-editor{box-sizing:border-box;padding:2px 6px;border:2px solid #2563eb;background:#fff;color:#111827;font-family:inherit;font-size:13px;outline:none;box-shadow:0 2px 8px #00000026;border-radius:2px}::ng-deep .wuic-sf-cell-editor:focus{border-color:#1d4ed8;box-shadow:0 0 0 2px #2563eb40}::ng-deep select.wuic-sf-cell-editor{cursor:pointer}::ng-deep .wuic-sf-cell-editor.wuic-sf-cell-editor--dark{background:#1f2937;color:#f3f4f6;border-color:#2563eb}::ng-deep .wuic-sf-cell-editor.wuic-sf-cell-editor--dark option{background:#1f2937;color:#f3f4f6}\n"], dependencies: [{ kind: "component", type: DataSourceComponent, selector: "wuic-data-source", inputs: ["route", "routeFromRouting", "hardcodedRoute", "autoload", "loading", "changeTracking", "parentRecord", "parentMetaInfo", "parentDatasource", "useComboEndpoint", "comboFormulaLookup", "comboMcId", "comboField", "comboExtraFields", "comboCurrentRecord", "componentRef"] }, { kind: "ngmodule", type: SpreadsheetModule }, { kind: "component", type: i7.SpreadsheetComponent, selector: "ejs-spreadsheet", inputs: ["activeSheetIndex", "allowAutoFill", "allowCellFormatting", "allowChart", "allowConditionalFormat", "allowDataValidation", "allowDelete", "allowEditing", "allowFiltering", "allowFindAndReplace", "allowFreezePane", "allowHyperlink", "allowImage", "allowInsert", "allowMerge", "allowNumberFormatting", "allowOpen", "allowPrint", "allowResizing", "allowSave", "allowScrolling", "allowSorting", "allowUndoRedo", "allowWrap", "author", "autoFillSettings", "calculationMode", "cellStyle", "cssClass", "currencyCode", "definedNames", "enableClipboard", "enableContextMenu", "enableKeyboardNavigation", "enableKeyboardShortcut", "enableNotes", "enablePersistence", "enableRtl", "height", "isProtected", "listSeparator", "locale", "openSettings", "openUrl", "password", "saveUrl", "scrollSettings", "selectionSettings", "sheets", "showAggregate", "showCommentsPane", "showFormulaBar", "showRibbon", "showSheetTabs", "width"], outputs: ["actionBegin", "actionComplete", "afterHyperlinkClick", "afterHyperlinkCreate", "beforeCellFormat", "beforeCellRender", "beforeCellSave", "beforeCellUpdate", "beforeConditionalFormat", "beforeDataBound", "beforeHyperlinkClick", "beforeHyperlinkCreate", "beforeOpen", "beforeSave", "beforeSelect", "beforeSort", "cellEdit", "cellEdited", "cellEditing", "cellSave", "contextMenuBeforeClose", "contextMenuBeforeOpen", "contextMenuItemSelect", "created", "dataBound", "dataSourceChanged", "dialogBeforeOpen", "fileMenuBeforeClose", "fileMenuBeforeOpen", "fileMenuItemSelect", "openComplete", "openFailure", "queryCellInfo", "saveComplete", "select", "sortComplete"] }, { kind: "component", type: ImportExportButtonComponent, selector: "wuic-import-export-button", inputs: ["routeName", "tableMetadata", "filterInfoProvider"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: SyncfusionStylesBootstrapComponent, selector: "wuic-syncfusion-styles-bootstrap" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SpreadsheetListSfComponent, decorators: [{
             type: Component,
@@ -3857,7 +4298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         ButtonModule,
                         TranslateModule,
                         SyncfusionStylesBootstrapComponent
-                    ], template: "<!--\n  Layout root wrapper:\n  1. Toolbar WUIC custom (insert / save batch / export / refresh)\n  2. Syncfusion Spreadsheet host\n  3. Pagination custom (Syncfusion non ha pagination built-in, quindi la\n     rendiamo sotto il foglio con nav + page-size dropdown)\n  4. Lookup datasource (invisibile, pattern identico al vecchio componente)\n-->\n\n<!-- Bootstrap CSS Syncfusion (~500 KiB): si monta solo quando questo\n     componente lazy \u00E8 istanziato \u2192 CSS NON nel bundle iniziale globale,\n     risparmia ~500 KiB su tutte le pagine che non aprono spreadsheet. -->\n<wuic-syncfusion-styles-bootstrap></wuic-syncfusion-styles-bootstrap>\n\n<div class=\"wuic-sf-spreadsheet-wrapper\">\n\n  @if (!hideToolbar && metaInfo) {\n    <!-- Stile allineato a <wuic-list-grid>: stessa caption-bar, stessi p-button\n         PrimeNG con icona + label, stesso componente import/export. -->\n    <div class=\"grid-caption-bar wuic-sf-caption-bar\" role=\"toolbar\" aria-label=\"Spreadsheet toolbar\">\n      <div class=\"grid-caption-left\">\n        @if (!metaInfo.tableMetadata.md_hide_refresh) {\n          <p-button icon=\"pi pi-refresh\" label=\"{{'refresh_grid' | translate}}\"\n                    (onClick)=\"onToolbarRefresh()\" />\n        }\n        @if (canInsertRows()) {\n          <p-button icon=\"pi pi-plus\" label=\"{{'add_grid' | translate}}\"\n                    (onClick)=\"onToolbarInsert()\" />\n        }\n        @if (!metaInfo.tableMetadata.md_hide_export_xls) {\n          <!-- Include dialog con progress bar + bottoni \"Stoppa e salva\n               parziale\" / \"Stoppa\" / \"Continua in background\". -->\n          <wuic-import-export-button\n            [routeName]=\"metaInfo.tableMetadata.md_route_name\"\n            [tableMetadata]=\"metaInfo.tableMetadata\"\n            [filterInfoProvider]=\"getCurrentFilterInfoForExport\"></wuic-import-export-button>\n        }\n        @if (isBatchSaveEnabled()) {\n          <p-button icon=\"pi pi-save\" label=\"{{'list_grid.save_changes' | translate}}\"\n                    (onClick)=\"onToolbarSaveBatch()\" />\n        }\n      </div>\n    </div>\n  }\n\n  <div class=\"wuic-sf-spreadsheet-host\">\n    @if (metaInfo && sfSheets.length > 0) {\n      <ejs-spreadsheet #sfSpreadsheet\n        [sheets]=\"sfSheets\"\n        [height]=\"sfHeight\"\n        [width]=\"sfWidth\"\n        [scrollSettings]=\"sfScrollSettings\"\n        [showRibbon]=\"false\"\n        [showFormulaBar]=\"false\"\n        [showSheetTabs]=\"false\"\n        [allowEditing]=\"true\"\n        [allowSorting]=\"true\"\n        [allowFiltering]=\"false\"\n        [allowResizing]=\"true\"\n        [allowInsert]=\"canInsertRows()\"\n        [allowDelete]=\"canDeleteRows()\"\n        [enableContextMenu]=\"true\"\n        [enableKeyboardNavigation]=\"true\"\n        [enableClipboard]=\"true\"\n        (created)=\"onSyncfusionCreated()\"\n        (dataBound)=\"onSyncfusionDataBound()\"\n        (cellSave)=\"onSyncfusionCellSave($event)\"\n        (beforeCellSave)=\"onSyncfusionBeforeCellSave($event)\"\n        (beforeCellRender)=\"onSyncfusionBeforeCellRender($event)\"\n        (cellEdit)=\"onSyncfusionCellEdit($event)\"\n        (contextMenuBeforeOpen)=\"onSyncfusionContextMenuBeforeOpen($event)\"\n        (contextMenuItemSelect)=\"onSyncfusionContextMenuItemSelect($event)\"\n        (actionBegin)=\"onSyncfusionActionBegin($event)\"\n        (actionComplete)=\"onSyncfusionActionComplete($event)\"\n        (dialogBeforeOpen)=\"onSyncfusionDialogBeforeOpen($event)\">\n      </ejs-spreadsheet>\n    }\n  </div>\n\n  @if (totalPages > 1 || totalRecords > pageSize) {\n    <div class=\"wuic-sf-pagination\" role=\"navigation\" aria-label=\"Paginazione\">\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex <= 1\"\n              (click)=\"isServerSide ? handleServerPageChange(1, pageSize) : setClientPage(1)\"\n              title=\"Prima pagina\">\n        <i class=\"pi pi-angle-double-left\"></i>\n      </button>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex <= 1\"\n              (click)=\"isServerSide ? handleServerPageChange(pageIndex - 1, pageSize) : setClientPage(pageIndex - 1)\"\n              title=\"Pagina precedente\">\n        <i class=\"pi pi-angle-left\"></i>\n      </button>\n      <span class=\"wuic-sf-page-info\">\n        Pagina <strong>{{ pageIndex }}</strong> di <strong>{{ totalPages }}</strong>\n        <span class=\"wuic-sf-page-total\">({{ totalRecords }} record)</span>\n      </span>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex >= totalPages\"\n              (click)=\"isServerSide ? handleServerPageChange(pageIndex + 1, pageSize) : setClientPage(pageIndex + 1)\"\n              title=\"Pagina successiva\">\n        <i class=\"pi pi-angle-right\"></i>\n      </button>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex >= totalPages\"\n              (click)=\"isServerSide ? handleServerPageChange(totalPages, pageSize) : setClientPage(totalPages)\"\n              title=\"Ultima pagina\">\n        <i class=\"pi pi-angle-double-right\"></i>\n      </button>\n      <select class=\"wuic-sf-page-size\" [value]=\"pageSize\"\n              (change)=\"setPageSize($any($event.target).value)\"\n              title=\"Record per pagina\">\n        <option [value]=\"10\">10</option>\n        <option [value]=\"25\">25</option>\n        <option [value]=\"50\">50</option>\n        <option [value]=\"100\">100</option>\n      </select>\n    </div>\n  }\n\n</div>\n\n@if (!hardcodedRoute) {\n  <wuic-data-source #lookupSource [autoload]=\"true\" [routeFromRouting]=\"false\"\n    [route]=\"currentRoute\" [parentRecord]=\"currentRecord\"\n    [parentMetaInfo]=\"metaInfo\"></wuic-data-source>\n}\n", styles: [":host{display:block;width:100%;height:100%;min-height:0}.wuic-sf-spreadsheet-wrapper{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.wuic-sf-caption-bar{flex:0 0 auto;padding:5px}.grid-caption-left{display:flex;align-items:stretch;gap:.5rem;flex-wrap:nowrap;min-height:2.25rem;height:2.25rem}.wuic-sf-spreadsheet-host{flex:1 1 auto;min-height:0;width:100%;position:relative;overflow:visible}::ng-deep .e-dialog.e-popup-open,::ng-deep .e-excelfilter,::ng-deep .e-filter-popup{z-index:10010!important;min-width:240px}::ng-deep .e-excelfilter .e-footer-content,::ng-deep .e-filter-popup .e-footer-content{display:flex!important;justify-content:flex-end;gap:6px;padding:8px 12px!important}.wuic-sf-spreadsheet-host ejs-spreadsheet{display:block;width:100%;height:100%}:host ::ng-deep .e-spreadsheet .e-column-header .e-header-cell.wuic-sf-colname-header .e-header-cell-div{font-weight:700!important;text-align:left!important;padding-left:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wuic-sf-pagination{display:flex;gap:6px;align-items:center;justify-content:flex-end;padding:6px 10px;background-color:var(--wuic-surface-a, #ffffff);border-top:1px solid var(--wuic-surface-border, #e5e7eb);flex:0 0 auto;font-size:13px}.wuic-sf-page-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--wuic-surface-border, #e5e7eb);border-radius:4px;background:transparent;cursor:pointer;color:var(--wuic-text-color, #1f2937);transition:background-color .12s ease,border-color .12s ease}.wuic-sf-page-btn:hover:not(:disabled){background-color:var(--wuic-hover-bg, #f3f4f6);border-color:var(--wuic-primary-color, #6366f1)}.wuic-sf-page-btn:disabled{opacity:.35;cursor:not-allowed}.wuic-sf-page-info{margin:0 8px;white-space:nowrap;color:var(--wuic-text-muted, #6b7280)}.wuic-sf-page-info strong{color:var(--wuic-text-color, #1f2937)}.wuic-sf-page-total{margin-left:6px;font-size:12px;color:var(--wuic-text-muted, #6b7280)}.wuic-sf-page-size{margin-left:8px;height:30px;padding:0 8px;border:1px solid var(--wuic-surface-border, #e5e7eb);border-radius:4px;background:transparent;color:var(--wuic-text-color, #1f2937);cursor:pointer}:host-context(.theme-dark) .wuic-sf-pagination,:host-context([data-theme=\"dark\"]) .wuic-sf-pagination{background-color:var(--wuic-surface-a-dark, #1f2937);border-color:var(--wuic-surface-border-dark, #374151)}:host-context(.theme-dark) .wuic-sf-page-btn,:host-context([data-theme=\"dark\"]) .wuic-sf-page-btn,:host-context(.theme-dark) .wuic-sf-page-size,:host-context([data-theme=\"dark\"]) .wuic-sf-page-size{color:#f3f4f6;border-color:var(--wuic-surface-border-dark, #374151)}:host-context(.theme-dark) .wuic-sf-page-btn:hover:not(:disabled),:host-context([data-theme=\"dark\"]) .wuic-sf-page-btn:hover:not(:disabled){background-color:#374151}:host-context(.theme-dark) .wuic-sf-page-info,:host-context([data-theme=\"dark\"]) .wuic-sf-page-info{color:#9ca3af}:host-context(.theme-dark) .wuic-sf-page-info strong,:host-context([data-theme=\"dark\"]) .wuic-sf-page-info strong{color:#f3f4f6}:host-context(.theme-dark) .wuic-sf-page-total,:host-context([data-theme=\"dark\"]) .wuic-sf-page-total{color:#9ca3af}:host ::ng-deep .e-spreadsheet{font-family:var(--wuic-font-family, inherit)}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .e-header-cell.wuic-sf-colname-header{background-color:#111827!important;color:#e5e7eb!important}:host ::ng-deep .e-spreadsheet .e-sheet-content .e-filter-btn{opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;min-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important;position:absolute!important;right:0;top:0}:host ::ng-deep .e-spreadsheet .e-column-header .e-header-cell.wuic-sf-colname-header{position:relative!important}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:3px;cursor:pointer;color:#475569;flex-shrink:0;transition:background-color .12s,color .12s;z-index:2}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn:hover{background-color:#e2e8f0;color:#1f2937}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn svg{display:block;pointer-events:none}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn svg *{pointer-events:none!important}:host ::ng-deep .e-spreadsheet svg,:host ::ng-deep .e-spreadsheet svg *{pointer-events:none!important}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn.wuic-filtered{color:#2563eb}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-colname-header .e-header-cell-div{padding-right:22px!important}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn{color:#cbd5e1}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn:hover{background-color:#334155;color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn.wuic-filtered{color:#60a5fa}:host ::ng-deep .e-spreadsheet .e-sheet-panel{background-color:var(--wuic-surface-a, #ffffff)}:host-context(.theme-dark) ::ng-deep .e-spreadsheet,:host-context([data-theme=\"dark\"]) ::ng-deep .e-spreadsheet,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark{background-color:var(--wuic-surface-a-dark, #1f2937);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-sheet-panel,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-main-panel{background-color:var(--wuic-surface-a-dark, #1f2937);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-cell,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-header-cell{background-color:var(--wuic-surface-a-dark, #1f2937);border-color:var(--wuic-surface-border-dark, #374151);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-header-row .e-header-cell,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-row-header .e-header-cell{background-color:#111827!important;color:#e5e7eb!important}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-cell.row-danger{background-color:#7f1d1d!important;color:#fecaca!important}:host ::ng-deep .e-cell.row-danger{background-color:#fee2e2!important}:host ::ng-deep .e-cell.row-warning{background-color:#fef3c7!important}:host ::ng-deep .e-cell.row-success{background-color:#d1fae5!important}::ng-deep .wuic-sf-filter-popup{position:fixed;z-index:99999;min-width:260px;max-width:340px;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 8px 24px #0000002e;font-family:inherit;font-size:13px;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}::ng-deep .wuic-sf-filter-popup-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-weight:600}::ng-deep .wuic-sf-filter-popup-title{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .wuic-sf-filter-popup-close{background:transparent;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;color:#6b7280}::ng-deep .wuic-sf-filter-popup-close:hover{color:#111827}::ng-deep .wuic-sf-filter-popup-sort{display:flex;flex-direction:column;border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-sort-btn{background:transparent;border:none;text-align:left;padding:6px 12px;cursor:pointer;font-size:13px;color:#111827;display:flex;align-items:center;gap:6px}::ng-deep .wuic-sf-filter-popup-sort-btn:hover{background:#f3f4f6}::ng-deep .wuic-sf-filter-popup-sort-icon{font-size:10px;color:#6b7280}::ng-deep .wuic-sf-filter-popup-clear{border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-clear-btn{width:100%;background:transparent;border:none;text-align:left;padding:6px 12px;cursor:pointer;font-size:13px;color:#2563eb}::ng-deep .wuic-sf-filter-popup-clear-btn:hover:not(:disabled){background:#eff6ff}::ng-deep .wuic-sf-filter-popup-clear-btn:disabled{color:#9ca3af;cursor:not-allowed}::ng-deep .wuic-sf-filter-popup-search{padding:8px 12px;border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-search-input{width:100%;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;box-sizing:border-box}::ng-deep .wuic-sf-filter-popup-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}::ng-deep .wuic-sf-filter-popup-list-wrap{display:flex;flex-direction:column;max-height:260px;overflow:hidden}::ng-deep .wuic-sf-filter-popup-selectall{padding:4px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-weight:500}::ng-deep .wuic-sf-filter-popup-list{flex:1 1 auto;overflow-y:auto;max-height:220px}::ng-deep .wuic-sf-filter-popup-item{display:flex;align-items:center;gap:6px;padding:4px 12px;cursor:pointer}::ng-deep .wuic-sf-filter-popup-item:hover{background:#f3f4f6}::ng-deep .wuic-sf-filter-popup-item input[type=checkbox]{margin:0;flex:0 0 auto}::ng-deep .wuic-sf-filter-popup-item span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .wuic-sf-filter-popup-footer{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid #e5e7eb;background:#f9fafb}::ng-deep .wuic-sf-filter-popup-ok,::ng-deep .wuic-sf-filter-popup-cancel{padding:4px 14px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}::ng-deep .wuic-sf-filter-popup-ok{background:#2563eb;color:#fff;border-color:#2563eb}::ng-deep .wuic-sf-filter-popup-ok:hover{background:#1d4ed8}::ng-deep .wuic-sf-filter-popup-cancel:hover{background:#f3f4f6}:host ::ng-deep .wuic-sf-header-filter-btn.wuic-sf-header-filter-btn--active{color:#2563eb}:host ::ng-deep .wuic-sf-header-filter-btn.wuic-sf-header-filter-btn--active svg{fill:#2563eb}::ng-deep .wuic-sf-filter-popup.wuic-sf-filter-popup--dark{background:#1f2937;color:#f3f4f6;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-header,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-footer,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-selectall{background:#111827;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-clear,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-search{border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort-btn,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel{color:#f3f4f6;background:transparent;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel{background:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort-btn:hover,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-item:hover,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel:hover{background:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-search-input{background:#111827;color:#f3f4f6;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-close{color:#9ca3af}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-close:hover{color:#f3f4f6}::ng-deep .wuic-sf-cell-editor{box-sizing:border-box;padding:2px 6px;border:2px solid #2563eb;background:#fff;color:#111827;font-family:inherit;font-size:13px;outline:none;box-shadow:0 2px 8px #00000026;border-radius:2px}::ng-deep .wuic-sf-cell-editor:focus{border-color:#1d4ed8;box-shadow:0 0 0 2px #2563eb40}::ng-deep select.wuic-sf-cell-editor{cursor:pointer}::ng-deep .wuic-sf-cell-editor.wuic-sf-cell-editor--dark{background:#1f2937;color:#f3f4f6;border-color:#2563eb}::ng-deep .wuic-sf-cell-editor.wuic-sf-cell-editor--dark option{background:#1f2937;color:#f3f4f6}\n"] }]
+                    ], template: "<!--\n  Layout root wrapper:\n  1. Toolbar WUIC custom (insert / save batch / export / refresh)\n  2. Syncfusion Spreadsheet host\n  3. Pagination custom (Syncfusion non ha pagination built-in, quindi la\n     rendiamo sotto il foglio con nav + page-size dropdown)\n  4. Lookup datasource (invisibile, pattern identico al vecchio componente)\n-->\n\n<!-- Bootstrap CSS Syncfusion (~500 KiB): si monta solo quando questo\n     componente lazy \u00E8 istanziato \u2192 CSS NON nel bundle iniziale globale,\n     risparmia ~500 KiB su tutte le pagine che non aprono spreadsheet. -->\n<wuic-syncfusion-styles-bootstrap></wuic-syncfusion-styles-bootstrap>\n\n<div class=\"wuic-sf-spreadsheet-wrapper\">\n\n  @if (!hideToolbar && metaInfo) {\n    <!-- Stile allineato a <wuic-list-grid>: stessa caption-bar, stessi p-button\n         PrimeNG con icona + label, stesso componente import/export. -->\n    <div class=\"grid-caption-bar wuic-sf-caption-bar\" role=\"toolbar\" aria-label=\"Spreadsheet toolbar\">\n      <div class=\"grid-caption-left\">\n        @if (!metaInfo.tableMetadata.md_hide_refresh) {\n          <p-button icon=\"pi pi-refresh\" label=\"{{'refresh_grid' | translate}}\"\n                    (onClick)=\"onToolbarRefresh()\" />\n        }\n        @if (canInsertRows()) {\n          <p-button icon=\"pi pi-plus\" label=\"{{'add_grid' | translate}}\"\n                    (onClick)=\"onToolbarInsert()\" />\n        }\n        @if (!metaInfo.tableMetadata.md_hide_export_xls) {\n          <!-- Include dialog con progress bar + bottoni \"Stoppa e salva\n               parziale\" / \"Stoppa\" / \"Continua in background\". -->\n          <wuic-import-export-button\n            [routeName]=\"metaInfo.tableMetadata.md_route_name\"\n            [tableMetadata]=\"metaInfo.tableMetadata\"\n            [filterInfoProvider]=\"getCurrentFilterInfoForExport\"></wuic-import-export-button>\n        }\n        @if (isBatchSaveEnabled()) {\n          <p-button icon=\"pi pi-save\" label=\"{{'list_grid.save_changes' | translate}}\"\n                    (onClick)=\"onToolbarSaveBatch()\" />\n        }\n      </div>\n    </div>\n  }\n\n  <div class=\"wuic-sf-spreadsheet-host\">\n    @if (metaInfo && sfSheets.length > 0) {\n      <ejs-spreadsheet #sfSpreadsheet\n        [sheets]=\"sfSheets\"\n        [height]=\"sfHeight\"\n        [width]=\"sfWidth\"\n        [scrollSettings]=\"sfScrollSettings\"\n        [showRibbon]=\"showRibbon\"\n        [showFormulaBar]=\"showFormulaBar\"\n        [showSheetTabs]=\"false\"\n        [allowEditing]=\"true\"\n        [allowSorting]=\"true\"\n        [allowFiltering]=\"false\"\n        [allowResizing]=\"true\"\n        [allowInsert]=\"canInsertRows()\"\n        [allowDelete]=\"canDeleteRows()\"\n        [enableContextMenu]=\"true\"\n        [enableKeyboardNavigation]=\"true\"\n        [enableClipboard]=\"true\"\n        (created)=\"onSyncfusionCreated()\"\n        (dataBound)=\"onSyncfusionDataBound()\"\n        (cellSave)=\"onSyncfusionCellSave($event)\"\n        (beforeCellSave)=\"onSyncfusionBeforeCellSave($event)\"\n        (beforeCellRender)=\"onSyncfusionBeforeCellRender($event)\"\n        (cellEdit)=\"onSyncfusionCellEdit($event)\"\n        (contextMenuBeforeOpen)=\"onSyncfusionContextMenuBeforeOpen($event)\"\n        (contextMenuItemSelect)=\"onSyncfusionContextMenuItemSelect($event)\"\n        (actionBegin)=\"onSyncfusionActionBegin($event)\"\n        (actionComplete)=\"onSyncfusionActionComplete($event)\"\n        (dialogBeforeOpen)=\"onSyncfusionDialogBeforeOpen($event)\">\n      </ejs-spreadsheet>\n    }\n  </div>\n\n  @if (totalPages > 1 || totalRecords > pageSize) {\n    <div class=\"wuic-sf-pagination\" role=\"navigation\" aria-label=\"Paginazione\">\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex <= 1\"\n              (click)=\"isServerSide ? handleServerPageChange(1, pageSize) : setClientPage(1)\"\n              title=\"Prima pagina\">\n        <i class=\"pi pi-angle-double-left\"></i>\n      </button>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex <= 1\"\n              (click)=\"isServerSide ? handleServerPageChange(pageIndex - 1, pageSize) : setClientPage(pageIndex - 1)\"\n              title=\"Pagina precedente\">\n        <i class=\"pi pi-angle-left\"></i>\n      </button>\n      <span class=\"wuic-sf-page-info\">\n        Pagina <strong>{{ pageIndex }}</strong> di <strong>{{ totalPages }}</strong>\n        <span class=\"wuic-sf-page-total\">({{ totalRecords }} record)</span>\n      </span>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex >= totalPages\"\n              (click)=\"isServerSide ? handleServerPageChange(pageIndex + 1, pageSize) : setClientPage(pageIndex + 1)\"\n              title=\"Pagina successiva\">\n        <i class=\"pi pi-angle-right\"></i>\n      </button>\n      <button type=\"button\" class=\"wuic-sf-page-btn\"\n              [disabled]=\"pageIndex >= totalPages\"\n              (click)=\"isServerSide ? handleServerPageChange(totalPages, pageSize) : setClientPage(totalPages)\"\n              title=\"Ultima pagina\">\n        <i class=\"pi pi-angle-double-right\"></i>\n      </button>\n      <select class=\"wuic-sf-page-size\" [value]=\"pageSize\"\n              (change)=\"setPageSize($any($event.target).value)\"\n              title=\"Record per pagina\">\n        <option [value]=\"10\">10</option>\n        <option [value]=\"25\">25</option>\n        <option [value]=\"50\">50</option>\n        <option [value]=\"100\">100</option>\n      </select>\n    </div>\n  }\n\n</div>\n\n@if (!hardcodedRoute) {\n  <wuic-data-source #lookupSource [autoload]=\"true\" [routeFromRouting]=\"false\"\n    [route]=\"currentRoute\" [parentRecord]=\"currentRecord\"\n    [parentMetaInfo]=\"metaInfo\"></wuic-data-source>\n}\n", styles: [":host{display:block;width:100%;height:100%;min-height:0}.wuic-sf-spreadsheet-wrapper{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.wuic-sf-caption-bar{flex:0 0 auto;padding:5px}.grid-caption-left{display:flex;align-items:stretch;gap:.5rem;flex-wrap:nowrap;min-height:2.25rem;height:2.25rem}.wuic-sf-spreadsheet-host{flex:1 1 auto;min-height:0;width:100%;position:relative;overflow:visible}::ng-deep .e-dialog.e-popup-open,::ng-deep .e-excelfilter,::ng-deep .e-filter-popup{z-index:10010!important;min-width:240px}::ng-deep .e-excelfilter .e-footer-content,::ng-deep .e-filter-popup .e-footer-content{display:flex!important;justify-content:flex-end;gap:6px;padding:8px 12px!important}.wuic-sf-spreadsheet-host ejs-spreadsheet{display:block;width:100%;height:100%}:host ::ng-deep .e-spreadsheet .e-column-header .e-header-cell.wuic-sf-colname-header .e-header-cell-div{font-weight:700!important;text-align:left!important;padding-left:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wuic-sf-pagination{display:flex;gap:6px;align-items:center;justify-content:flex-end;padding:6px 10px;background-color:var(--wuic-surface-a, #ffffff);border-top:1px solid var(--wuic-surface-border, #e5e7eb);flex:0 0 auto;font-size:13px}.wuic-sf-page-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--wuic-surface-border, #e5e7eb);border-radius:4px;background:transparent;cursor:pointer;color:var(--wuic-text-color, #1f2937);transition:background-color .12s ease,border-color .12s ease}.wuic-sf-page-btn:hover:not(:disabled){background-color:var(--wuic-hover-bg, #f3f4f6);border-color:var(--wuic-primary-color, #6366f1)}.wuic-sf-page-btn:disabled{opacity:.35;cursor:not-allowed}.wuic-sf-page-info{margin:0 8px;white-space:nowrap;color:var(--wuic-text-muted, #6b7280)}.wuic-sf-page-info strong{color:var(--wuic-text-color, #1f2937)}.wuic-sf-page-total{margin-left:6px;font-size:12px;color:var(--wuic-text-muted, #6b7280)}.wuic-sf-page-size{margin-left:8px;height:30px;padding:0 8px;border:1px solid var(--wuic-surface-border, #e5e7eb);border-radius:4px;background:transparent;color:var(--wuic-text-color, #1f2937);cursor:pointer}:host-context(.theme-dark) .wuic-sf-pagination,:host-context([data-theme=\"dark\"]) .wuic-sf-pagination{background-color:var(--wuic-surface-a-dark, #1f2937);border-color:var(--wuic-surface-border-dark, #374151)}:host-context(.theme-dark) .wuic-sf-page-btn,:host-context([data-theme=\"dark\"]) .wuic-sf-page-btn,:host-context(.theme-dark) .wuic-sf-page-size,:host-context([data-theme=\"dark\"]) .wuic-sf-page-size{color:#f3f4f6;border-color:var(--wuic-surface-border-dark, #374151)}:host-context(.theme-dark) .wuic-sf-page-btn:hover:not(:disabled),:host-context([data-theme=\"dark\"]) .wuic-sf-page-btn:hover:not(:disabled){background-color:#374151}:host-context(.theme-dark) .wuic-sf-page-info,:host-context([data-theme=\"dark\"]) .wuic-sf-page-info{color:#9ca3af}:host-context(.theme-dark) .wuic-sf-page-info strong,:host-context([data-theme=\"dark\"]) .wuic-sf-page-info strong{color:#f3f4f6}:host-context(.theme-dark) .wuic-sf-page-total,:host-context([data-theme=\"dark\"]) .wuic-sf-page-total{color:#9ca3af}:host ::ng-deep .e-spreadsheet{font-family:var(--wuic-font-family, inherit)}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .e-header-cell.wuic-sf-colname-header{background-color:#111827!important;color:#e5e7eb!important}:host ::ng-deep .e-spreadsheet .e-sheet-content .e-filter-btn{opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;min-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important;position:absolute!important;right:0;top:0}:host ::ng-deep .e-spreadsheet .e-column-header .e-header-cell.wuic-sf-colname-header{position:relative!important}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:3px;cursor:pointer;color:#475569;flex-shrink:0;transition:background-color .12s,color .12s;z-index:2}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn:hover{background-color:#e2e8f0;color:#1f2937}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn svg{display:block;pointer-events:none}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn svg *{pointer-events:none!important}:host ::ng-deep .e-spreadsheet svg,:host ::ng-deep .e-spreadsheet svg *{pointer-events:none!important}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-header-filter-btn.wuic-filtered{color:#2563eb}:host ::ng-deep .e-spreadsheet .e-column-header .wuic-sf-colname-header .e-header-cell-div{padding-right:22px!important}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn{color:#cbd5e1}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn:hover{background-color:#334155;color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-column-header .wuic-sf-header-filter-btn.wuic-filtered{color:#60a5fa}:host ::ng-deep .e-spreadsheet .e-sheet-panel{background-color:var(--wuic-surface-a, #ffffff)}:host-context(.theme-dark) ::ng-deep .e-spreadsheet,:host-context([data-theme=\"dark\"]) ::ng-deep .e-spreadsheet,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark{background-color:var(--wuic-surface-a-dark, #1f2937);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-sheet-panel,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-main-panel{background-color:var(--wuic-surface-a-dark, #1f2937);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-cell,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-header-cell{background-color:var(--wuic-surface-a-dark, #1f2937);border-color:var(--wuic-surface-border-dark, #374151);color:#f3f4f6}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-header-row .e-header-cell,:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-row-header .e-header-cell{background-color:#111827!important;color:#e5e7eb!important}:host ::ng-deep ejs-spreadsheet.wuic-sf-dark .e-cell.row-danger{background-color:#7f1d1d!important;color:#fecaca!important}:host ::ng-deep .e-cell.row-danger{background-color:#fee2e2!important}:host ::ng-deep .e-cell.row-warning{background-color:#fef3c7!important}:host ::ng-deep .e-cell.row-success{background-color:#d1fae5!important}::ng-deep .wuic-sf-filter-popup{position:fixed;z-index:99999;min-width:260px;max-width:340px;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 8px 24px #0000002e;font-family:inherit;font-size:13px;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}::ng-deep .wuic-sf-filter-popup-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-weight:600}::ng-deep .wuic-sf-filter-popup-title{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .wuic-sf-filter-popup-close{background:transparent;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;color:#6b7280}::ng-deep .wuic-sf-filter-popup-close:hover{color:#111827}::ng-deep .wuic-sf-filter-popup-sort{display:flex;flex-direction:column;border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-sort-btn{background:transparent;border:none;text-align:left;padding:6px 12px;cursor:pointer;font-size:13px;color:#111827;display:flex;align-items:center;gap:6px}::ng-deep .wuic-sf-filter-popup-sort-btn:hover{background:#f3f4f6}::ng-deep .wuic-sf-filter-popup-sort-icon{font-size:10px;color:#6b7280}::ng-deep .wuic-sf-filter-popup-clear{border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-clear-btn{width:100%;background:transparent;border:none;text-align:left;padding:6px 12px;cursor:pointer;font-size:13px;color:#2563eb}::ng-deep .wuic-sf-filter-popup-clear-btn:hover:not(:disabled){background:#eff6ff}::ng-deep .wuic-sf-filter-popup-clear-btn:disabled{color:#9ca3af;cursor:not-allowed}::ng-deep .wuic-sf-filter-popup-search{padding:8px 12px;border-bottom:1px solid #e5e7eb}::ng-deep .wuic-sf-filter-popup-search-input{width:100%;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;box-sizing:border-box}::ng-deep .wuic-sf-filter-popup-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}::ng-deep .wuic-sf-filter-popup-list-wrap{display:flex;flex-direction:column;max-height:260px;overflow:hidden}::ng-deep .wuic-sf-filter-popup-selectall{padding:4px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-weight:500}::ng-deep .wuic-sf-filter-popup-list{flex:1 1 auto;overflow-y:auto;max-height:220px}::ng-deep .wuic-sf-filter-popup-item{display:flex;align-items:center;gap:6px;padding:4px 12px;cursor:pointer}::ng-deep .wuic-sf-filter-popup-item:hover{background:#f3f4f6}::ng-deep .wuic-sf-filter-popup-item input[type=checkbox]{margin:0;flex:0 0 auto}::ng-deep .wuic-sf-filter-popup-item span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .wuic-sf-filter-popup-footer{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid #e5e7eb;background:#f9fafb}::ng-deep .wuic-sf-filter-popup-ok,::ng-deep .wuic-sf-filter-popup-cancel{padding:4px 14px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}::ng-deep .wuic-sf-filter-popup-ok{background:#2563eb;color:#fff;border-color:#2563eb}::ng-deep .wuic-sf-filter-popup-ok:hover{background:#1d4ed8}::ng-deep .wuic-sf-filter-popup-cancel:hover{background:#f3f4f6}:host ::ng-deep .wuic-sf-header-filter-btn.wuic-sf-header-filter-btn--active{color:#2563eb}:host ::ng-deep .wuic-sf-header-filter-btn.wuic-sf-header-filter-btn--active svg{fill:#2563eb}::ng-deep .wuic-sf-filter-popup.wuic-sf-filter-popup--dark{background:#1f2937;color:#f3f4f6;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-header,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-footer,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-selectall{background:#111827;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-clear,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-search{border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort-btn,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel{color:#f3f4f6;background:transparent;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel{background:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-sort-btn:hover,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-item:hover,::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-cancel:hover{background:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-search-input{background:#111827;color:#f3f4f6;border-color:#374151}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-close{color:#9ca3af}::ng-deep .wuic-sf-filter-popup--dark .wuic-sf-filter-popup-close:hover{color:#f3f4f6}::ng-deep .wuic-sf-cell-editor{box-sizing:border-box;padding:2px 6px;border:2px solid #2563eb;background:#fff;color:#111827;font-family:inherit;font-size:13px;outline:none;box-shadow:0 2px 8px #00000026;border-radius:2px}::ng-deep .wuic-sf-cell-editor:focus{border-color:#1d4ed8;box-shadow:0 0 0 2px #2563eb40}::ng-deep select.wuic-sf-cell-editor{cursor:pointer}::ng-deep .wuic-sf-cell-editor.wuic-sf-cell-editor--dark{background:#1f2937;color:#f3f4f6;border-color:#2563eb}::ng-deep .wuic-sf-cell-editor.wuic-sf-cell-editor--dark option{background:#1f2937;color:#f3f4f6}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.Title }, { type: i1$1.ActivatedRoute }, { type: i1$2.HttpClient }, { type: WtoolboxService }, { type: MetadataProviderService }, { type: UserInfoService }], propDecorators: { sfSpreadsheet: [{
                 type: ViewChild,
                 args: ['sfSpreadsheet']
@@ -3876,6 +4317,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Input
             }], hideToolbar: [{
                 type: Input
+            }], enableLockAwareness: [{
+                type: Input
+            }], lockScope: [{
+                type: Input
+            }], heartbeatIntervalSec: [{
+                type: Input
+            }], showFormulaBar: [{
+                type: Input
+            }], showRibbon: [{
+                type: Input
             }], onSpreadsheetDataBound: [{
                 type: Output
             }], onSpreadsheetBeforePageChange: [{
@@ -3888,10 +4339,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Output
             }], onSpreadsheetBatchSaved: [{
                 type: Output
+            }], onLockAcquired: [{
+                type: Output
+            }], onLockConflict: [{
+                type: Output
+            }], onLockReleased: [{
+                type: Output
+            }], onLockExpired: [{
+                type: Output
             }], onWindowResize: [{
                 type: HostListener,
                 args: ['window:resize']
             }] } });
 
 export { SpreadsheetListSfComponent };
-//# sourceMappingURL=wuic-framework-lib-spreadsheet-list-sf.component-DXyRX0YK.mjs.map
+//# sourceMappingURL=wuic-framework-lib-spreadsheet-list-sf.component-D9P9WbDl.mjs.map