wuic-framework-lib 1.5.0 → 1.7.1

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

@@ -3,11 +3,11 @@ import { ViewEncapsulation, Component, EventEmitter, HostListener, Output, Input
 import { BehaviorSubject } from 'rxjs';
 import * as i4 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import * as i2 from '@ngx-translate/core';
+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-3TZ-j-yL.mjs';
+import { W as WtoolboxService, M as MetadataProviderService, U as UserInfoService, b as DataSourceComponent, I as ImportExportButtonComponent } from './wuic-framework-lib-wuic-framework-lib-BZZwta8b.mjs';
 import { registerLicense } from '@syncfusion/ej2-base';
 import * as i1 from '@angular/platform-browser';
 import * as i1$1 from '@angular/router';
@@ -605,7 +605,7 @@ class SpreadsheetListSfComponent {
             this.datasource = new BehaviorSubject(this.hardcodedDatasource);
             this.subscribeToDS();
         }
-        else if (this.datasource && this.datasource.value) {
+        else if (this.datasource?.value) {
             this.subscribeToDS();
         }
         else if (this.datasource) {
@@ -692,11 +692,15 @@ class SpreadsheetListSfComponent {
                 const datasourcePageSize = Number(this.datasource?.value?.pageSize);
                 const metadataPageSize = Number(this.metaInfo?.tableMetadata?.md_pagesize);
                 const fallbackPageSize = Number(this.pageSize || 10);
-                this.pageSize = Number.isFinite(datasourcePageSize) && datasourcePageSize > 0
-                    ? Math.trunc(datasourcePageSize)
-                    : (Number.isFinite(metadataPageSize) && metadataPageSize > 0
-                        ? Math.trunc(metadataPageSize)
-                        : Math.max(1, Math.trunc(fallbackPageSize || 10)));
+                if (Number.isFinite(datasourcePageSize) && datasourcePageSize > 0) {
+                    this.pageSize = Math.trunc(datasourcePageSize);
+                }
+                else if (Number.isFinite(metadataPageSize) && metadataPageSize > 0) {
+                    this.pageSize = Math.trunc(metadataPageSize);
+                }
+                else {
+                    this.pageSize = Math.max(1, Math.trunc(fallbackPageSize || 10));
+                }
                 this.pageIndex = Number(this.datasource?.value?.currentPage || this.pageIndex || 1);
                 if (this.datasource?.value) {
                     this.datasource.value.pageSize = Math.max(0, Math.trunc(this.pageSize || 0));
@@ -723,15 +727,14 @@ class SpreadsheetListSfComponent {
     parseData(raw, metaInfo) {
         if (!Array.isArray(raw))
             return [];
-        const ds = this.datasource?.value;
         return raw.map(row => {
             const plain = {};
             for (const col of metaInfo.columnMetadata || []) {
                 const name = col.mc_nome_colonna;
                 const value = row?.[name];
-                if (value != null && typeof value === 'object' && 'value' in value && typeof value.subscribe === 'function') {
+                if (value != null && typeof value === 'object' && 'value' in value && typeof (value).subscribe === 'function') {
                     // BehaviorSubject — prendi il .value corrente
-                    plain[name] = value.value;
+                    plain[name] = (value).value;
                 }
                 else {
                     plain[name] = value ?? null;
@@ -742,7 +745,7 @@ class SpreadsheetListSfComponent {
                     const aliasValue = row?.[aliasField];
                     if (aliasValue != null) {
                         plain[aliasField] = typeof aliasValue === 'object' && 'value' in aliasValue
-                            ? aliasValue.value
+                            ? (aliasValue).value
                             : aliasValue;
                     }
                 }
@@ -799,24 +802,33 @@ class SpreadsheetListSfComponent {
         if (typeof d === 'boolean')
             return d;
         if (typeof d === 'object' && 'value' in d)
-            return !!d.value;
+            return !!(d).value;
         return !!d;
     }
     markRecordDeleted(record) {
         if (!record)
             return;
         const cur = record.__deleted;
-        if (cur && typeof cur === 'object' && typeof cur.next === 'function') {
-            cur.next(true);
+        if (cur && typeof cur === 'object' && typeof (cur).next === 'function') {
+            (cur).next(true);
         }
         else {
             record.__deleted = new BehaviorSubject(true);
         }
     }
+    /**
+     * Colonne metadata visibili nella lista: esclude le colonne con
+     * `mc_hide_in_list` (parità col vecchio spreadsheet-list). Tutti i
+     * mapping indice-sheet ↔ metadata devono usare questo predicato,
+     * altrimenti l'index math celle ↔ colonne diverge.
+     */
+    getVisibleMetaCols() {
+        return (this.metaInfo?.columnMetadata || []).filter(c => !c.mc_hide_in_list);
+    }
     rebuildSheetWithData() {
         if (!this.metaInfo)
             return;
-        const visibleMetaCols = (this.metaInfo.columnMetadata || []).filter(c => !c.mc_hide_in_edit);
+        const visibleMetaCols = this.getVisibleMetaCols();
         const sfColumns = visibleMetaCols.map((col) => this.mapColumnWidth(col));
         // Page slicing su effectiveRecords (filtered se filter attivo)
         const source = this.effectiveRecords;
@@ -902,8 +914,8 @@ class SpreadsheetListSfComponent {
         if (value == null)
             return '';
         // Unwrap BehaviorSubject se residuo
-        if (typeof value === 'object' && 'value' in value && typeof value.subscribe === 'function') {
-            value = value.value;
+        if (typeof value === 'object' && 'value' in value && typeof (value).subscribe === 'function') {
+            value = (value).value;
         }
         const type = col.mc_ui_column_type;
         const locale = this.resolveLocale();
@@ -1005,14 +1017,14 @@ class SpreadsheetListSfComponent {
         if (!value)
             return null;
         if (value instanceof Date)
-            return isNaN(value.getTime()) ? null : value;
+            return Number.isNaN(Number(value.getTime())) ? null : value;
         const str = String(value);
         // ISO / anything Date() can parse
         const d = new Date(str);
-        if (!isNaN(d.getTime()))
+        if (!Number.isNaN(Number(d.getTime())))
             return d;
         // Italian format dd/mm/yyyy
-        const m = str.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})(?:\s+(\d{1,2}):(\d{2})(?::(\d{2}))?)?$/);
+        const m = /^(\d{1,2})\/(\d{1,2})\/(\d{4})(?:\s+(\d{1,2}):(\d{2})(?::(\d{2}))?)?$/.exec(str);
         if (m) {
             return new Date(Number(m[3]), Number(m[2]) - 1, Number(m[1]), Number(m[4] || 0), Number(m[5] || 0), Number(m[6] || 0));
         }
@@ -1068,14 +1080,14 @@ class SpreadsheetListSfComponent {
         if (raw == null)
             return fallback;
         const str = String(raw).trim();
-        const pxMatch = str.match(/^(\d+(?:\.\d+)?)px$/i);
+        const pxMatch = /^(\d+(?:\.\d+)?)px$/i.exec(str);
         if (pxMatch)
-            return Math.max(60, Math.round(parseFloat(pxMatch[1])));
-        const percentMatch = str.match(/^(\d+(?:\.\d+)?)%$/);
+            return Math.max(60, Math.round(Number.parseFloat(pxMatch[1])));
+        const percentMatch = /^(\d+(?:\.\d+)?)%$/.exec(str);
         if (percentMatch) {
             const hostWidth = this.spreadsheet?.nativeElement?.clientWidth || 0;
             if (hostWidth > 0) {
-                return Math.max(60, Math.round((parseFloat(percentMatch[1]) / 100) * hostWidth));
+                return Math.max(60, Math.round((Number.parseFloat(percentMatch[1]) / 100) * hostWidth));
             }
         }
         const numeric = Number(str);
@@ -1192,9 +1204,8 @@ class SpreadsheetListSfComponent {
             plainRecord['__new'] = record['__new'] || new BehaviorSubject(true);
             plainRecord['__guid'] = record['__guid'] || new BehaviorSubject(WtoolboxService.uuidv4());
             const baseIndex = Number(targetRow);
-            const targetIndex = Number.isFinite(baseIndex)
-                ? (insertBefore ? Math.max(0, Math.trunc(baseIndex)) : Math.max(0, Math.trunc(baseIndex) + 1))
-                : this.records.length;
+            const insertPosition = insertBefore ? Math.max(0, Math.trunc(baseIndex)) : Math.max(0, Math.trunc(baseIndex) + 1);
+            const targetIndex = Number.isFinite(baseIndex) ? insertPosition : this.records.length;
             const insertIndex = Math.min(Math.max(targetIndex, 0), this.records.length);
             // Aggiungi ai records in memoria
             this.records.splice(insertIndex, 0, plainRecord);
@@ -1248,7 +1259,7 @@ class SpreadsheetListSfComponent {
                     continue;
                 }
                 const isNew = record?.__new === true
-                    || (record?.__new && typeof record.__new === 'object' && record.__new.value === true);
+                    || (record?.__new && typeof record.__new === 'object' && (record.__new).value === true);
                 if (!record[this.metaInfo?.pKey?.mc_nome_colonna] || isNew) {
                     // Riga nuova non ancora salvata sul server → rimozione solo locale,
                     // niente payload batch.
@@ -1469,7 +1480,7 @@ class SpreadsheetListSfComponent {
             return null;
         const pKey = this.metaInfo?.pKey?.mc_nome_colonna;
         const unwrap = (v) => (v != null && typeof v === 'object' && 'value' in v && typeof v.subscribe === 'function')
-            ? v.value
+            ? (v).value
             : v;
         // DELETE batch: payload minimale con solo la chiave primaria e flag
         // `_destroy: true` riconosciuto da `MetaService.batchRecord`. Serializzare
@@ -1524,10 +1535,10 @@ class SpreadsheetListSfComponent {
                 // Esempio "A1:D5" → righe 1-5 in sheet index (1-based, nessun header
                 // intermedio — l'header è il column-letter row nativo Syncfusion).
                 // data index 0-based = sheetRow - 1.
-                const match = selectedRange.match(/^[A-Z]+(\d+):[A-Z]+(\d+)$/i);
+                const match = /^[A-Z]+(\d+):[A-Z]+(\d+)$/i.exec(selectedRange);
                 if (match) {
-                    const startSheetRow = parseInt(match[1], 10);
-                    const endSheetRow = parseInt(match[2], 10);
+                    const startSheetRow = Number.parseInt(match[1], 10);
+                    const endSheetRow = Number.parseInt(match[2], 10);
                     const startDataIdx = Math.max(0, startSheetRow - 1);
                     const endDataIdx = Math.max(0, endSheetRow - 1);
                     const pageOffset = this.isServerSide ? 0 : (this.pageIndex - 1) * this.pageSize;
@@ -1615,7 +1626,7 @@ class SpreadsheetListSfComponent {
         if (!this.metaInfo || !this.spreadsheet?.nativeElement)
             return;
         try {
-            const visibleMetaCols = (this.metaInfo.columnMetadata || []).filter(c => !c.mc_hide_in_edit);
+            const visibleMetaCols = this.getVisibleMetaCols();
             const headerCells = this.spreadsheet.nativeElement.querySelectorAll('.e-column-header .e-header-cell:not(.e-select-all-cell)');
             headerCells.forEach((cell, idx) => {
                 const col = visibleMetaCols[idx];
@@ -1648,7 +1659,9 @@ class SpreadsheetListSfComponent {
      * (nascosto, che sta nella prima cella dati) così si apre il popup distinct.
      */
     ensureHeaderFilterButton(headerCell, colIdx, col) {
-        const allowed = col?.mc_allow_filter !== false && col?.mc_show_in_filters !== false;
+        // Parità col vecchio spreadsheet-list: funnel solo se mc_show_in_filters
+        // è truthy (false/0/null/undefined → colonna esclusa dal pannello filtri).
+        const allowed = col?.mc_allow_filter !== false && !!col?.mc_show_in_filters;
         const existing = headerCell.querySelector('.wuic-sf-header-filter-btn');
         if (!allowed) {
             // Colonna senza filter → rimuovi eventuale button
@@ -1964,7 +1977,12 @@ class SpreadsheetListSfComponent {
             let data = resp;
             if (resp && typeof resp === 'object' && 'd' in resp) {
                 const d = resp.d;
-                data = typeof d === 'string' ? (d ? JSON.parse(d) : null) : d;
+                if (typeof d === 'string') {
+                    data = d ? JSON.parse(d) : null;
+                }
+                else {
+                    data = d;
+                }
             }
             const results = data?.results || data?.Results || [];
             const distinctMap = new Map();
@@ -2002,7 +2020,7 @@ class SpreadsheetListSfComponent {
         return Array.from(distinctMap.values()).sort((a, b) => {
             const na = Number(a.display);
             const nb = Number(b.display);
-            if (!isNaN(na) && !isNaN(nb) && a.display !== '' && b.display !== '')
+            if (!Number.isNaN(Number(na)) && !Number.isNaN(Number(nb)) && a.display !== '' && b.display !== '')
                 return na - nb;
             return a.display.localeCompare(b.display, this.resolveLocale(), { numeric: true, sensitivity: 'base' });
         });
@@ -2128,11 +2146,11 @@ class SpreadsheetListSfComponent {
         if (s == null)
             return '';
         return String(s)
-            .replace(/&/g, '&')
-            .replace(/</g, '&lt;')
-            .replace(/>/g, '&gt;')
-            .replace(/"/g, '&quot;')
-            .replace(/'/g, '&#39;');
+            .replaceAll('&', '&amp;')
+            .replaceAll('<', '&lt;')
+            .replaceAll('>', '&gt;')
+            .replaceAll('"', '&quot;')
+            .replaceAll('\'', '&#39;');
     }
     /** Observer per ri-sincronizzare i nomi colonna quando Syncfusion redraws l'header. */
     colHeaderObserver;
@@ -2165,7 +2183,7 @@ class SpreadsheetListSfComponent {
         let i = Math.max(0, Math.trunc(index));
         let s = '';
         while (true) {
-            s = String.fromCharCode(65 + (i % 26)) + s;
+            s = String.fromCodePoint(65 + (i % 26)) + s;
             if (i < 26)
                 return s;
             i = Math.floor(i / 26) - 1;
@@ -2192,11 +2210,11 @@ class SpreadsheetListSfComponent {
         const newValue = args.value;
         if (!addr)
             return;
-        const cellMatch = addr.match(/!([A-Z]+)(\d+)$/i) || addr.match(/^([A-Z]+)(\d+)$/i);
+        const cellMatch = /!([A-Z]+)(\d+)$/i.exec(addr) || /^([A-Z]+)(\d+)$/i.exec(addr);
         if (!cellMatch)
             return;
         const colLetter = cellMatch[1].toUpperCase();
-        const sheetRow = parseInt(cellMatch[2], 10);
+        const sheetRow = Number.parseInt(cellMatch[2], 10);
         const colIndex = this.columnLetterToIndex(colLetter);
         // Syncfusion usa 1-based sheet rows; il column-letter header è row 0
         // del modello ma non è editabile/indirizzabile come cella. La prima
@@ -2206,10 +2224,17 @@ class SpreadsheetListSfComponent {
             return;
         const pageOffset = this.isServerSide ? 0 : (this.pageIndex - 1) * this.pageSize;
         const absoluteRowIndex = pageOffset + dataRowIndex;
-        const visibleMetaCols = (this.metaInfo?.columnMetadata || []).filter(c => !c.mc_hide_in_edit);
+        const visibleMetaCols = this.getVisibleMetaCols();
         const col = visibleMetaCols[colIndex];
         if (!col)
             return;
+        // mc_hide_in_edit: campo non modificabile. cellEdit è già bloccato, ma
+        // paste/fill Syncfusion arrivano qui senza passare da cellEdit → scarta
+        // il valore e ripristina la cella dal record.
+        if (col.mc_hide_in_edit) {
+            this.rebuildSheetWithData();
+            return;
+        }
         const record = this.records[absoluteRowIndex];
         if (!record)
             return;
@@ -2311,7 +2336,7 @@ class SpreadsheetListSfComponent {
                         li.addEventListener('click', handler, true);
                     }
                     if (anchor) {
-                        ul.insertBefore(li, anchor);
+                        anchor.before(li);
                     }
                     else {
                         ul.appendChild(li);
@@ -2434,7 +2459,7 @@ class SpreadsheetListSfComponent {
             const colIdx = args.colIndex;
             // Allineamento per tipo colonna: number / date / datetime / time → right,
             // altrimenti left. Applicato a tutte le celle dati.
-            const visibleMetaCols = (this.metaInfo.columnMetadata || []).filter(c => !c.mc_hide_in_edit);
+            const visibleMetaCols = this.getVisibleMetaCols();
             const col = visibleMetaCols[colIdx];
             if (col) {
                 const t = col.mc_ui_column_type;
@@ -2607,15 +2632,21 @@ class SpreadsheetListSfComponent {
         const addr = args.address;
         if (!addr)
             return;
-        const match = addr.match(/!([A-Z]+)(\d+)$/i) || addr.match(/^([A-Z]+)(\d+)$/i);
+        const match = /!([A-Z]+)(\d+)$/i.exec(addr) || /^([A-Z]+)(\d+)$/i.exec(addr);
         if (!match)
             return;
         const colIdx = this.columnLetterToIndex(match[1]);
-        const sheetRow = parseInt(match[2], 10);
-        const visibleMetaCols = (this.metaInfo.columnMetadata || []).filter(c => !c.mc_hide_in_edit);
+        const sheetRow = Number.parseInt(match[2], 10);
+        const visibleMetaCols = this.getVisibleMetaCols();
         const col = visibleMetaCols[colIdx];
         if (!col)
             return;
+        // mc_hide_in_edit: colonna visibile in lista ma campo escluso dalla
+        // modifica (parità col form di edit) → blocca l'apertura dell'editor.
+        if (col.mc_hide_in_edit) {
+            args.cancel = true;
+            return;
+        }
         this.currentField = col;
         // Editor custom per tipi non-testo:
         // - date / datetime → input HTML5 date/datetime-local (picker nativo)
@@ -2641,7 +2672,6 @@ class SpreadsheetListSfComponent {
         if (type === 'lookupByID' && col.mc_ui_lookup_entity_name && col.mc_ui_lookup_dataTextField) {
             args.cancel = true;
             setTimeout(() => this.openCustomLookupEditor(col, sheetRow, colIdx), 0);
-            return;
         }
     }
     // ============================================================
@@ -2730,15 +2760,26 @@ class SpreadsheetListSfComponent {
                 const select = document.createElement('select');
                 select.className = 'wuic-sf-cell-editor wuic-sf-cell-editor--boolean';
                 const locale = this.resolveLocale();
-                const yesLabel = locale.startsWith('it') ? 'Sì'
-                    : locale.startsWith('es') ? 'Sí'
-                        : locale.startsWith('fr') ? 'Oui'
-                            : locale.startsWith('de') ? 'Ja'
-                                : 'Yes';
-                const noLabel = locale.startsWith('it') ? 'No'
-                    : locale.startsWith('fr') ? 'Non'
-                        : locale.startsWith('de') ? 'Nein'
-                            : 'No';
+                let yesLabel = 'Yes';
+                if (locale.startsWith('it')) {
+                    yesLabel = 'Sì';
+                }
+                else if (locale.startsWith('es')) {
+                    yesLabel = 'Sí';
+                }
+                else if (locale.startsWith('fr')) {
+                    yesLabel = 'Oui';
+                }
+                else if (locale.startsWith('de')) {
+                    yesLabel = 'Ja';
+                }
+                let noLabel = 'No';
+                if (locale.startsWith('fr')) {
+                    noLabel = 'Non';
+                }
+                else if (locale.startsWith('de')) {
+                    noLabel = 'Nein';
+                }
                 // Blank option per permettere null (nullable boolean)
                 const blankOpt = document.createElement('option');
                 blankOpt.value = '';
@@ -2754,7 +2795,8 @@ class SpreadsheetListSfComponent {
                 select.appendChild(noOpt);
                 const truthy = rawValue === true || rawValue === 1 || rawValue === '1' || rawValue === 'true' || rawValue === 'True';
                 const falsy = rawValue === false || rawValue === 0 || rawValue === '0' || rawValue === 'false' || rawValue === 'False';
-                select.value = truthy ? '1' : (falsy ? '0' : '');
+                const uncheckedValue = falsy ? '0' : '';
+                select.value = truthy ? '1' : uncheckedValue;
                 inputEl = select;
                 getValue = () => {
                     const v = select.value;
@@ -2941,7 +2983,7 @@ class SpreadsheetListSfComponent {
         try {
             const sf = this.sfSpreadsheet;
             const editModule = sf?.editModule;
-            if (editModule && editModule.isEdit) {
+            if (editModule?.isEdit) {
                 if (typeof editModule.syncEditModelFromEditor === 'function') {
                     editModule.syncEditModelFromEditor();
                 }
@@ -3210,9 +3252,11 @@ class SpreadsheetListSfComponent {
         children.forEach((li, i) => {
             const active = i === this.cellLookupSelectedIndex;
             li.classList.toggle('selected', active);
-            li.style.background = active
-                ? (this.isDarkThemeActive() ? '#374151' : '#e0e7ff')
-                : 'transparent';
+            let background = 'transparent';
+            if (active) {
+                background = this.isDarkThemeActive() ? '#374151' : '#e0e7ff';
+            }
+            li.style.background = background;
         });
         const active = children[this.cellLookupSelectedIndex];
         if (active) {
@@ -3284,16 +3328,16 @@ class SpreadsheetListSfComponent {
         if (!record || !this.metaInfo?.columnMetadata)
             return record;
         const wrapped = {
-            __new: new BehaviorSubject(record.__new === true || record.__new?.value === true),
+            __new: new BehaviorSubject(record.__new === true || (record.__new)?.value === true),
             __guid: new BehaviorSubject((record.__guid && typeof record.__guid === 'object' && 'value' in record.__guid)
-                ? record.__guid.value
+                ? (record.__guid).value
                 : (record.__guid ?? null))
         };
         for (const col of this.metaInfo.columnMetadata) {
             const name = col.mc_nome_colonna;
             const raw = record[name];
-            const unwrapped = (raw && typeof raw === 'object' && 'value' in raw && typeof raw.subscribe === 'function')
-                ? raw.value
+            const unwrapped = (raw && typeof raw === 'object' && 'value' in raw && typeof (raw).subscribe === 'function')
+                ? (raw).value
                 : raw;
             wrapped[name] = new BehaviorSubject(unwrapped ?? null);
             // Se è una colonna lookup a multiple_check, replica anche `__lookup_obj`
@@ -3301,7 +3345,7 @@ class SpreadsheetListSfComponent {
                 const lookupKey = name + '__lookup_obj';
                 const rawLookup = record[lookupKey];
                 const unwrappedLookup = (rawLookup && typeof rawLookup === 'object' && 'value' in rawLookup)
-                    ? rawLookup.value
+                    ? (rawLookup).value
                     : (rawLookup ?? []);
                 wrapped[lookupKey] = new BehaviorSubject(unwrappedLookup);
             }
@@ -3416,10 +3460,10 @@ class SpreadsheetListSfComponent {
         for (const key of Object.keys(source)) {
             const newVal = source[key];
             const target = dsRec[key];
-            if (target && typeof target === 'object' && 'next' in target && typeof target.next === 'function') {
+            if (target && typeof target === 'object' && 'next' in target && typeof (target).next === 'function') {
                 // BehaviorSubject → usa .next() (emette ai subscribers del form flow).
                 try {
-                    target.next(newVal);
+                    (target).next(newVal);
                 }
                 catch { /* ignore */ }
             }
@@ -3463,8 +3507,8 @@ class SpreadsheetListSfComponent {
         const out = {};
         for (const key of Object.keys(entity)) {
             const v = entity[key];
-            if (v && typeof v === 'object' && 'value' in v && typeof v.subscribe === 'function') {
-                out[key] = v.value;
+            if (v && typeof v === 'object' && 'value' in v && typeof (v).subscribe === 'function') {
+                out[key] = (v).value;
             }
             else {
                 out[key] = v;
@@ -3530,12 +3574,12 @@ class SpreadsheetListSfComponent {
         const out = {};
         for (const key of Object.keys(record)) {
             const v = record[key];
-            if (v && typeof v === 'object' && 'value' in v && typeof v.next === 'function') {
+            if (v && typeof v === 'object' && 'value' in v && typeof (v).next === 'function') {
                 // BehaviorSubject-like: capture current value
-                out[key] = v.value;
+                out[key] = (v).value;
             }
             else if (v instanceof Date) {
-                out[key] = new Date(v.getTime());
+                out[key] = new Date(v);
             }
             else if (Array.isArray(v)) {
                 out[key] = v.slice();
@@ -3586,7 +3630,7 @@ class SpreadsheetListSfComponent {
             // parseFloat(280) = 280. Number("280px") invece ritorna NaN → bug
             // storico che faceva finire "NaNpx" nei metadata e perdeva il resize
             // al primo paging/refresh.
-            const newWidth = parseFloat(String(args.eventArgs.width));
+            const newWidth = Number.parseFloat(String(args.eventArgs.width));
             if (Number.isFinite(newWidth) && newWidth > 0) {
                 this.persistColumnWidth(colIdx, newWidth);
             }
@@ -3620,19 +3664,19 @@ class SpreadsheetListSfComponent {
             const nested = args?.args?.eventArgs || args?.args || args?.eventArgs || {};
             const sortOptions = nested?.sortOptions || args?.args?.sortOptions || {};
             const sortDescriptor = sortOptions?.sortDescriptors || {};
-            const field = sortDescriptor?.field;
-            const order = sortDescriptor?.order || 'Ascending';
+            const field = (sortDescriptor)?.field;
+            const order = (sortDescriptor)?.order || 'Ascending';
             const range = nested?.range || args?.args?.range;
             let resolvedField = field;
             if (!resolvedField && typeof range === 'string') {
-                const m = range.match(/^([A-Z]+)\d+/i);
+                const m = /^([A-Z]+)\d+/i.exec(range);
                 if (m)
                     resolvedField = m[1];
             }
             // Marca range come "contiene header" per sopprimere l'alert "expand range"
             // di Syncfusion (che tenta di aprire un dialog che crasha).
             if (sortOptions)
-                sortOptions.containsHeader = true;
+                (sortOptions).containsHeader = true;
             // Memorizza la richiesta di sort — verrà ri-applicata sui records
             // INTERI dopo che Syncfusion ha completato il suo sort (che tocca
             // solo i 10 visibili, ma non è un problema perché noi riscriviamo
@@ -3710,14 +3754,13 @@ class SpreadsheetListSfComponent {
             return;
         // Mappa lettera colonna sheet → MetadatiColonna visibile
         const sheetColIdx = this.columnLetterToIndex(sheetColLetter);
-        const visibleMetaCols = (this.metaInfo.columnMetadata || []).filter(c => !c.mc_hide_in_edit);
+        const visibleMetaCols = this.getVisibleMetaCols();
         const col = visibleMetaCols[sheetColIdx];
         if (!col)
             return;
         const fieldName = col.mc_nome_colonna;
-        const dir = order === 'Ascending' ? 'asc'
-            : order === 'Descending' ? 'desc'
-                : 'none';
+        const descOrNone = order === 'Descending' ? 'desc' : 'none';
+        const dir = order === 'Ascending' ? 'asc' : descOrNone;
         if (this.isServerSide) {
             // Delega al datasource: il WUIC backend legge `ds.sortInfo: SortInfo[]`
             // e applica ORDER BY nel SELECT generato da BuildDynamicSelectQuery.
@@ -3747,8 +3790,8 @@ class SpreadsheetListSfComponent {
             const av = a?.[fieldName];
             const bv = b?.[fieldName];
             // Unwrap BehaviorSubject
-            const aUnwrapped = (av && typeof av === 'object' && 'value' in av) ? av.value : av;
-            const bUnwrapped = (bv && typeof bv === 'object' && 'value' in bv) ? bv.value : bv;
+            const aUnwrapped = (av && typeof av === 'object' && 'value' in av) ? (av).value : av;
+            const bUnwrapped = (bv && typeof bv === 'object' && 'value' in bv) ? (bv).value : bv;
             // null/undefined vanno in fondo
             if (aUnwrapped == null && bUnwrapped == null)
                 return 0;
@@ -3760,7 +3803,7 @@ class SpreadsheetListSfComponent {
             const aNum = Number(aUnwrapped);
             const bNum = Number(bUnwrapped);
             let cmp = 0;
-            if (!isNaN(aNum) && !isNaN(bNum) && `${aUnwrapped}`.trim() !== '' && `${bUnwrapped}`.trim() !== '') {
+            if (!Number.isNaN(Number(aNum)) && !Number.isNaN(Number(bNum)) && `${aUnwrapped}`.trim() !== '' && `${bUnwrapped}`.trim() !== '') {
                 cmp = aNum - bNum;
             }
             else {
@@ -3779,7 +3822,7 @@ class SpreadsheetListSfComponent {
     persistColumnWidth(sfColIdx, newWidth) {
         if (!this.metaInfo?.columnMetadata)
             return;
-        const visibleMetaCols = this.metaInfo.columnMetadata.filter(c => !c.mc_hide_in_edit);
+        const visibleMetaCols = this.getVisibleMetaCols();
         const col = visibleMetaCols[sfColIdx];
         if (!col)
             return;
@@ -3858,7 +3901,7 @@ class SpreadsheetListSfComponent {
             const colIdx = args?.filterIndex?.colIndex ?? args?.colIndex;
             if (colIdx == null)
                 return;
-            const visibleMetaCols = this.metaInfo.columnMetadata.filter(c => !c.mc_hide_in_edit);
+            const visibleMetaCols = this.getVisibleMetaCols();
             const col = visibleMetaCols[colIdx];
             if (!col || col.mc_ui_column_type !== 'lookupByID')
                 return;
@@ -3906,7 +3949,7 @@ class SpreadsheetListSfComponent {
         let idx = 0;
         const upper = letter.toUpperCase();
         for (let i = 0; i < upper.length; i++) {
-            idx = idx * 26 + (upper.charCodeAt(i) - 64);
+            idx = idx * 26 + (upper.codePointAt(i) - 64);
         }
         return idx - 1;
     }
@@ -3957,7 +4000,7 @@ class SpreadsheetListSfComponent {
     }
     scheduleLayoutPass() {
         this.clearPendingLayoutPassTimeouts();
-        const handle = window.setTimeout(() => {
+        const handle = globalThis.setTimeout(() => {
             try {
                 this.sfSpreadsheet?.resize?.();
             }
@@ -3968,7 +4011,7 @@ class SpreadsheetListSfComponent {
         this.pendingLayoutPassTimeouts.push(handle);
     }
     clearPendingLayoutPassTimeouts() {
-        this.pendingLayoutPassTimeouts.forEach(id => window.clearTimeout(id));
+        this.pendingLayoutPassTimeouts.forEach(id => globalThis.clearTimeout(id));
         this.pendingLayoutPassTimeouts = [];
     }
     onWindowResize() {
@@ -3999,18 +4042,14 @@ class SpreadsheetListSfComponent {
      * 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 || '');
+        return this.getVisibleMetaCols().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;
+            s = String.fromCodePoint(65 + (n % 26)) + s;
             n = Math.floor(n / 26) - 1;
         }
         return s;
@@ -4058,7 +4097,7 @@ class SpreadsheetListSfComponent {
             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 resolved = (formulaTemplate).replaceAll(/\{([a-zA-Z_]\w*)\}/g, (_m, colName) => {
                     const letter = colIndex[colName];
                     if (!letter) {
                         console.warn(`[wuic-spreadsheet] formula token {${colName}} → column not visible, leaving as-is`);
@@ -4095,6 +4134,10 @@ class SpreadsheetListSfComponent {
             || this.metaInfo?.tableMetadata?.mdpropsbag
             || {};
         const arch = pb?.archetypes?.spreadsheet?.lock || {};
+        const fallbackScopeFields = arch.primaryScopeField ? [arch.primaryScopeField] : [];
+        const archHeartbeatSec = typeof arch.heartbeatIntervalSec === 'number' && arch.heartbeatIntervalSec > 0
+            ? arch.heartbeatIntervalSec
+            : 60;
         return {
             endpointBase: typeof arch.endpointBase === 'string' && arch.endpointBase.length > 0
                 ? arch.endpointBase
@@ -4104,13 +4147,11 @@ class SpreadsheetListSfComponent {
                 : null,
             requiredScopeFields: Array.isArray(arch.requiredScopeFields)
                 ? arch.requiredScopeFields.filter((s) => typeof s === 'string')
-                : (arch.primaryScopeField ? [arch.primaryScopeField] : []),
+                : fallbackScopeFields,
             autoEnableOnScope: arch.autoEnableOnScope === true,
             heartbeatIntervalSec: typeof this.heartbeatIntervalSec === 'number' && this.heartbeatIntervalSec > 0
                 ? this.heartbeatIntervalSec
-                : (typeof arch.heartbeatIntervalSec === 'number' && arch.heartbeatIntervalSec > 0
-                    ? arch.heartbeatIntervalSec
-                    : 60),
+                : archHeartbeatSec,
         };
     }
     /**
@@ -4287,7 +4328,7 @@ class SpreadsheetListSfComponent {
         }
     }
     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", 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: i2.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,
@@ -4353,4 +4394,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }] } });
 
 export { SpreadsheetListSfComponent };
-//# sourceMappingURL=wuic-framework-lib-spreadsheet-list-sf.component-CrS6fOGj.mjs.map
+//# sourceMappingURL=wuic-framework-lib-spreadsheet-list-sf.component-C1U7JPiq.mjs.map