wuic-framework-lib 1.5.0 → 1.7.1

package/fesm2022/wuic-framework-lib-timeline-list.component-cZbPgNh1.mjs

@@ -0,0 +1,805 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewChild, Output, Input, ViewEncapsulation, Component } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i4 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i8 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import Gantt from 'frappe-gantt';
+import { u as TimelineOptions, g as MetadatiColonna, W as WtoolboxService, T as TranslationManagerService } from './wuic-framework-lib-wuic-framework-lib-BZZwta8b.mjs';
+import * as i1 from '@angular/router';
+
+/**
+ * Archetype business `timeline` (alias `gantt`) — pianificazione operativa su
+ * asse temporale (plan.timeline-gantt.md). Rendering via frappe-gantt (SVG);
+ * config metadata-driven da `md_props_bag.archetypes.timeline`
+ * (vedi TimelineOptions). Persistenza drag/resize su syncData del datasource
+ * (pristine → __changes, stesso seam anti-concorrenza del kanban), con
+ * modalita' immediate (default, rollback su errore) o batch (Save/Discard).
+ *
+ * Limiti v1 (documentati): dipendenze rese come frecce standard (FS; SS
+ * accettata nel dato ma resa uguale); groupByField ordina e prefissa il
+ * titolo (frappe-gantt non ha corsie per gruppo); milestone = barra 1 giorno
+ * con classe dedicata (diamante via CSS).
+ */
+class TimelineListComponent {
+    router;
+    trslSrv;
+    cdr;
+    ngZone;
+    hardcodedRoute;
+    parentRecord;
+    parentMetaInfo;
+    datasource;
+    hardcodedDatasource;
+    hideToolbar = false;
+    onTimelineDataBound = new EventEmitter();
+    onTimelineTaskChange = new EventEmitter();
+    onTimelineTaskClick = new EventEmitter();
+    onTimelineBatchSave = new EventEmitter();
+    onTimelineBatchCancel = new EventEmitter();
+    ganttHost;
+    metaInfo;
+    timelineOptions = new TimelineOptions();
+    tasks = [];
+    warningMessage = '';
+    savingBatch = false;
+    viewMode = 'week';
+    gantt = null;
+    datasourceReadySubscription;
+    fetchInfoSubscription;
+    langChangeSubscription;
+    pendingChanges = new Map();
+    taskById = new Map();
+    constructor(router, trslSrv, cdr, ngZone) {
+        this.router = router;
+        this.trslSrv = trslSrv;
+        this.cdr = cdr;
+        this.ngZone = ngZone;
+    }
+    t(key, fallback) {
+        const translated = this.trslSrv?.instant?.(key);
+        return translated && translated !== key ? translated : fallback;
+    }
+    ngOnInit() {
+        // L'header del gantt (mesi/settimane) e' disegnato da frappe-gantt alla
+        // costruzione leggendo `language`: al cambio lingua va ricostruito, altrimenti
+        // resta sulla lingua "fotografata" al primo render.
+        this.langChangeSubscription = this.trslSrv?.onLangChange$?.subscribe(() => {
+            this.ngZone.run(() => {
+                this.rebuildTimeline();
+                this.cdr.detectChanges();
+            });
+        });
+        if (this.hardcodedDatasource) {
+            this.datasource = new BehaviorSubject(this.hardcodedDatasource);
+            this.subscribeToDatasource();
+            return;
+        }
+        if (this.datasource?.value) {
+            this.subscribeToDatasource();
+            return;
+        }
+        this.datasourceReadySubscription?.unsubscribe();
+        this.datasourceReadySubscription = this.datasource?.subscribe((ds) => {
+            if (ds) {
+                this.datasourceReadySubscription?.unsubscribe();
+                this.datasourceReadySubscription = undefined;
+                this.subscribeToDatasource();
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.datasourceReadySubscription?.unsubscribe();
+        this.fetchInfoSubscription?.unsubscribe();
+        this.langChangeSubscription?.unsubscribe();
+        this.destroyGantt();
+    }
+    get hasPendingChanges() {
+        return this.pendingChanges.size > 0;
+    }
+    get pendingCount() {
+        return this.pendingChanges.size;
+    }
+    get isBatchMode() {
+        return this.timelineOptions?.persistMode === 'batch';
+    }
+    // ─── Datasource wiring (stesso pattern zone/CD del kanban) ───────────────
+    subscribeToDatasource() {
+        this.fetchInfoSubscription?.unsubscribe();
+        this.fetchInfoSubscription = this.datasource.value.fetchInfo$.subscribe((info) => {
+            const dataSourceRoute = this.datasource?.value?.route?.value || this.hardcodedRoute;
+            if (!info?.metaInfo || (dataSourceRoute && info.metaInfo?.tableMetadata?.md_route_name && dataSourceRoute !== info.metaInfo.tableMetadata.md_route_name)) {
+                return;
+            }
+            this.metaInfo = info.metaInfo;
+            this.timelineOptions = this.resolveTimelineOptions();
+            this.viewMode = (['day', 'week', 'month'].includes(this.timelineOptions.timeScale) ? this.timelineOptions.timeScale : 'week');
+            // Differito al prossimo microtask + ngZone.run: vedi i fix documentati in
+            // kanban-list.subscribeToDatasource (navigation vs refresh, CD fuori zona).
+            Promise.resolve().then(() => {
+                this.ngZone.run(() => {
+                    this.rebuildTimeline();
+                    this.cdr.detectChanges();
+                });
+            });
+        });
+    }
+    subscribeToDS() {
+        this.subscribeToDatasource();
+    }
+    resolveTimelineOptions() {
+        const options = Object.assign(new TimelineOptions(), this.metaInfo?.tableMetadata?.extraProps?.archetypes?.timeline || {});
+        options.startDateField = String(options.startDateField || '').trim();
+        options.endDateField = String(options.endDateField || '').trim();
+        options.titleField = String(options.titleField || '').trim() || this.pickDefaultTitleField();
+        options.progressField = String(options.progressField || '').trim();
+        options.dependencyField = String(options.dependencyField || '').trim();
+        options.milestoneField = String(options.milestoneField || '').trim();
+        options.groupByField = String(options.groupByField || '').trim();
+        options.persistMode = String(options.persistMode || 'immediate').trim().toLowerCase() === 'batch' ? 'batch' : 'immediate';
+        const scaleRaw = String(options.timeScale || 'week').trim().toLowerCase();
+        options.timeScale = ['day', 'week', 'month'].includes(scaleRaw) ? scaleRaw : 'week';
+        options.showTodayLine = options.showTodayLine !== false;
+        const clickRaw = String(options.clickAction || 'none').trim().toLowerCase();
+        options.clickAction = ['detail', 'edit'].includes(clickRaw) ? clickRaw : 'none';
+        return options;
+    }
+    pickDefaultTitleField() {
+        const cols = this.metaInfo?.columnMetadata || [];
+        const preferred = cols.find((c) => /name|title|descri/i.test(c.mc_nome_colonna) && c.mc_ui_column_type !== 'button');
+        return preferred?.mc_nome_colonna || cols.find((c) => c.mc_ui_column_type !== 'button')?.mc_nome_colonna || '';
+    }
+    // ─── Mapping record → task ───────────────────────────────────────────────
+    unwrap(value) {
+        return (value && typeof value === 'object' && 'value' in value && typeof value.subscribe === 'function') ? value.value : value;
+    }
+    /**
+     * Formatta una Date nel giorno LOCALE (YYYY-MM-DD). Mai toISOString qui:
+     * converte in UTC e per i fusi positivi (Italia +1/+2) una mezzanotte
+     * locale scivola al giorno precedente.
+     */
+    formatLocalDay(d) {
+        const pad = (n) => String(n).padStart(2, '0');
+        return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+    }
+    toIsoDay(value) {
+        const raw = this.unwrap(value);
+        if (raw === null || raw === undefined || raw === '') {
+            return null;
+        }
+        const d = raw instanceof Date ? raw : new Date(raw);
+        return Number.isNaN(d.getTime()) ? null : this.formatLocalDay(d);
+    }
+    /**
+     * Etichetta di gruppo del task.
+     *
+     * `groupByField` puo' puntare a una colonna testo oppure a un `lookupByID`
+     * (es. progetto su tabella dedicata): in quest'ultimo caso il valore grezzo
+     * e' l'id, e mostrarlo darebbe "[3] Titolo". Deleghiamo a
+     * `MetadatiColonna.formatGridViewValue`, il risolutore usato dalla grid, che
+     * conosce sia l'alias denormalizzato del server
+     * (`<route>___<textField>__<colonna>`) sia il fallback su `__lookup_obj`
+     * quando il record non ha ancora fatto round-trip.
+     */
+    resolveGroupLabel(row) {
+        const field = String(this.timelineOptions?.groupByField || '').trim();
+        if (!field) {
+            return '';
+        }
+        const col = this.metaInfo?.columnMetadata?.find((c) => c.mc_nome_colonna === field);
+        if (col) {
+            try {
+                const formatted = MetadatiColonna.formatGridViewValue(col, row);
+                if (formatted !== null && formatted !== undefined && String(formatted).trim() !== '') {
+                    return String(formatted);
+                }
+            }
+            catch { /* fallback al valore grezzo */ }
+        }
+        return String(this.unwrap(row?.[field]) ?? '');
+    }
+    primaryKeyField() {
+        return this.metaInfo?.columnMetadata?.find((c) => c.mc_is_primary_key)?.mc_nome_colonna || 'id';
+    }
+    /**
+     * Estrae l'id di un predecessore da un elemento di `dependencyField`.
+     *
+     * Il campo puo' essere alimentato in due modi:
+     *  - colonna testo con csv di id → elementi scalari;
+     *  - colonna `multiple_check` (multiselect del framework) → il record raw
+     *    porta un ARRAY DI OGGETTI del correlato (vedi
+     *    metadati_colonna_helpers: la grid rende `x[mc_ui_grid_display_field]`),
+     *    quindi l'id va estratto dal campo dichiarato in
+     *    `mc_ui_grid_related_id_field`, con fallback sulla pk della route.
+     */
+    dependencyIdOf(item) {
+        const value = this.unwrap(item);
+        if (value === null || value === undefined) {
+            return '';
+        }
+        if (typeof value !== 'object') {
+            return String(value).trim();
+        }
+        const depCol = this.metaInfo?.columnMetadata?.find((c) => c.mc_nome_colonna === this.timelineOptions?.dependencyField);
+        const idField = String(depCol?.mc_ui_grid_related_id_field || '').trim() || this.primaryKeyField();
+        const raw = this.unwrap(value[idField]);
+        return raw === null || raw === undefined ? '' : String(raw).trim();
+    }
+    /**
+     * Costruisce i TimelineTask dai record della route. Regole v1:
+     * - record senza start valido → skippato (conteggiato nel warning);
+     * - end mancante → milestone implicita (end = start);
+     * - end < start → clamp a start + warning;
+     * - dependencies: csv/array di id predecessori normalizzata in csv.
+     */
+    buildTasks(rows) {
+        const o = this.timelineOptions;
+        const pk = this.primaryKeyField();
+        const warnings = [];
+        let skipped = 0;
+        const tasks = [];
+        for (const row of rows || []) {
+            const id = String(this.unwrap(row?.[pk]) ?? '');
+            const start = this.toIsoDay(row?.[o.startDateField]);
+            if (!id || !start) {
+                skipped++;
+                continue;
+            }
+            let end = this.toIsoDay(row?.[o.endDateField]);
+            const milestoneFlag = o.milestoneField ? !!this.unwrap(row?.[o.milestoneField]) : false;
+            const isMilestone = milestoneFlag || !end;
+            if (!end) {
+                end = start;
+            }
+            if (end < start) {
+                warnings.push(this.t('timeline.warning.end_before_start', 'End date before start date on task') + ` ${id}`);
+                end = start;
+            }
+            const progressRaw = o.progressField ? Number(this.unwrap(row?.[o.progressField])) : 0;
+            const progress = Number.isFinite(progressRaw) ? Math.min(100, Math.max(0, progressRaw)) : 0;
+            let dependencies = '';
+            if (o.dependencyField) {
+                const depRaw = this.unwrap(row?.[o.dependencyField]);
+                if (Array.isArray(depRaw)) {
+                    dependencies = depRaw.map((x) => this.dependencyIdOf(x)).filter(Boolean).join(', ');
+                }
+                else if (depRaw !== null && depRaw !== undefined && depRaw !== '') {
+                    dependencies = String(depRaw).split(/[,;]/).map((x) => x.trim()).filter(Boolean).join(', ');
+                }
+            }
+            const group = this.resolveGroupLabel(row);
+            const title = String(this.unwrap(row?.[o.titleField]) ?? id);
+            tasks.push({
+                id,
+                name: group ? `[${group}] ${title}` : title,
+                start,
+                end,
+                progress,
+                dependencies,
+                custom_class: isMilestone ? 'wuic-timeline-milestone' : undefined,
+                record: row,
+                isMilestone,
+                group
+            });
+        }
+        // Validazione dipendenze: figlio che inizia prima della fine del predecessore.
+        const byId = new Map(tasks.map((t2) => [t2.id, t2]));
+        for (const task of tasks) {
+            for (const depId of task.dependencies.split(',').map((x) => x.trim()).filter(Boolean)) {
+                const pred = byId.get(depId);
+                if (pred && task.start < pred.end && !task.isMilestone) {
+                    warnings.push(this.t('timeline.warning.dependency_conflict', 'Task starts before its predecessor ends') + ` (${depId} → ${task.id})`);
+                }
+            }
+        }
+        // groupByField: frappe-gantt non ha corsie → ordina per gruppo poi start.
+        if (o.groupByField) {
+            tasks.sort((a, b) => (a.group || '').localeCompare(b.group || '') || a.start.localeCompare(b.start));
+        }
+        return { tasks, skipped, warnings };
+    }
+    // ─── Rendering frappe-gantt ──────────────────────────────────────────────
+    rebuildTimeline() {
+        const o = this.timelineOptions;
+        if (!o.startDateField) {
+            this.warningMessage = this.t('timeline.warning.missing_config', 'Timeline non configurata: impostare startDateField (e endDateField) in md_props_bag.archetypes.timeline.');
+            this.destroyGantt();
+            this.tasks = [];
+            return;
+        }
+        const rows = Array.isArray(this.datasource?.value?.resultInfo?.dato) ? this.datasource.value.resultInfo.dato : [];
+        const { tasks, skipped, warnings } = this.buildTasks(rows);
+        this.tasks = tasks;
+        this.taskById.clear();
+        tasks.forEach((task) => this.taskById.set(task.id, task));
+        const parts = [...warnings.slice(0, 3)];
+        if (skipped > 0) {
+            parts.unshift(`${this.t('timeline.warning.skipped_rows', 'Righe senza data di inizio valida (escluse)')}: ${skipped}`);
+        }
+        this.warningMessage = parts.join(' | ');
+        this.destroyGantt();
+        if (!tasks.length) {
+            this.onTimelineDataBound.emit({ metaInfo: this.metaInfo, tasks, skipped });
+            return;
+        }
+        // frappe-gantt muta l'array: passa una copia shallow senza i campi extra.
+        const ganttTasks = tasks.map((task) => ({
+            id: task.id,
+            name: task.name,
+            start: task.start,
+            end: task.end,
+            progress: task.progress,
+            dependencies: task.dependencies,
+            custom_class: task.custom_class
+        }));
+        // Fuori zona: frappe-gantt attacca listener globali (mousemove) che non
+        // devono triggerare CD continua.
+        this.ngZone.runOutsideAngular(() => {
+            this.gantt = new Gantt(this.ganttHost.nativeElement, ganttTasks, {
+                view_mode: this.frappeViewMode(),
+                language: this.currentLanguageCode(),
+                today_button: o.showTodayLine,
+                view_mode_select: false,
+                readonly_progress: true,
+                popup: (ctx) => this.renderPopup(ctx),
+                on_click: (task) => this.ngZone.run(() => this.handleTaskClick(task)),
+                on_date_change: (task, start, end) => this.ngZone.run(() => { void this.handleDateChange(task, start, end); })
+            });
+        });
+        this.onTimelineDataBound.emit({ metaInfo: this.metaInfo, tasks, skipped });
+    }
+    /** Parser boolean-like per i flag metadata (`true/1/'yes'` → true). */
+    metaFlag(raw) {
+        if (raw === undefined || raw === null || String(raw).trim() === '') {
+            return false;
+        }
+        return !['false', '0', 'no', 'n', 'off'].includes(String(raw).trim().toLowerCase());
+    }
+    /** La route consente l'edit dei record (metadata `md_editable`). */
+    get canEditRecords() {
+        return this.metaFlag(this.metaInfo?.tableMetadata?.md_editable);
+    }
+    /** La route consente l'inserimento (metadata `md_insertable`). */
+    get canInsertRecords() {
+        return this.metaFlag(this.metaInfo?.tableMetadata?.md_insertable);
+    }
+    /** La route consente la cancellazione (metadata `md_deletable`). */
+    get canDeleteRecords() {
+        return this.metaFlag(this.metaInfo?.tableMetadata?.md_deletable);
+    }
+    /**
+     * Un task e' "foglia" quando NESSUN altro task lo elenca fra i propri
+     * predecessori. Cancellare un task da cui altri dipendono lascerebbe le
+     * dipendenze orfane (frecce verso un id inesistente), quindi l'azione di
+     * delete viene offerta solo sulle foglie.
+     */
+    isLeafTask(task) {
+        if (!task) {
+            return false;
+        }
+        const id = String(task.id);
+        return !this.tasks.some((other) => other.id !== task.id
+            && other.dependencies.split(',').map((x) => x.trim()).includes(id));
+    }
+    /**
+     * Popup della barra (frappe `popup`): replica il contenuto di default
+     * (titolo, intervallo, avanzamento) e, se la route e' editabile, aggiunge
+     * l'azione che apre il record nel parametric-dialog — stesso flusso
+     * dell'edit da list-grid (`data-action-button.edit`).
+     *
+     * `add_action(label, handler)` e' l'API di frappe-gantt per i bottoni del
+     * popup: crea un `button.action-btn` dentro `.actions` e ne lega l'onclick.
+     */
+    renderPopup(ctx) {
+        const task = this.taskById.get(String(ctx?.task?.id));
+        if (!task) {
+            return;
+        }
+        ctx.set_title?.(task.name);
+        ctx.set_subtitle?.(task.isMilestone ? task.start : `${task.start} → ${task.end}`);
+        ctx.set_details?.(`${this.t('timeline.popup.progress', 'Avanzamento')}: ${task.progress}%`);
+        if (this.canEditRecords) {
+            ctx.add_action?.(this.t('timeline.popup.edit', 'Modifica'), () => this.ngZone.run(() => { void this.openEditDialog(task); }));
+        }
+        if (this.canInsertRecords) {
+            ctx.add_action?.(this.t('timeline.popup.add', 'Nuovo'), () => this.ngZone.run(() => { void this.openAddDialog(task); }));
+        }
+        // Delete solo sulle foglie: vedi isLeafTask.
+        if (this.canDeleteRecords && this.isLeafTask(task)) {
+            ctx.add_action?.(this.t('timeline.popup.delete', 'Elimina'), () => this.ngZone.run(() => { void this.deleteTask(task); }));
+        }
+    }
+    /**
+     * Apre il record del task nel parametric-dialog in modalita' edit.
+     *
+     * L'import e' DINAMICO di proposito: `ParametricDialogComponent` tira dentro
+     * tutti i field editor e vanificherebbe il lazy-loading di questo chunk
+     * (che gia' porta frappe-gantt). Viene caricato solo al primo click.
+     */
+    async openEditDialog(task) {
+        const ds = this.datasource?.value;
+        if (!ds) {
+            return;
+        }
+        try {
+            ds.setCurrent(task.record);
+            const { ParametricDialogComponent } = await import('./wuic-framework-lib-wuic-framework-lib-BZZwta8b.mjs').then(function (n) { return n.c9; });
+            const header = `${this.t('timeline.popup.edit', 'Modifica')} ${this.metaInfo?.tableMetadata?.md_display_string || ''}`.trim();
+            const ref = WtoolboxService.dialogService.open(ParametricDialogComponent, {
+                data: {
+                    datasource: this.datasource,
+                    isEditForm: true
+                },
+                header,
+                styleClass: 'edit-form-content',
+                position: 'center',
+                closable: true,
+                // stacking sopra eventuali dialog gia' aperti (stesso flag della grid)
+                duplicate: true
+            });
+            ref?.onClose?.subscribe((result) => {
+                if (result) {
+                    // Ricarica: fetchData ripubblica su fetchInfo$ e il gantt si ridisegna
+                    // con le date/avanzamenti aggiornati.
+                    void ds.fetchData();
+                }
+            });
+        }
+        catch (err) {
+            WtoolboxService.errorHandler.handleError(err);
+        }
+    }
+    /**
+     * Apre il dialog di inserimento con il task cliccato gia' PRESELEZIONATO fra
+     * i predecessori del nuovo task.
+     *
+     * La preselezione richiede due observable coerenti (stesso contratto che il
+     * `lookup-editor` produce quando l'utente sceglie a mano, vedi
+     * lookup-editor.component `___added`):
+     *  - `<campo>` → array di id selezionati;
+     *  - `<campo>__lookup_obj` → array di oggetti correlati, ognuno marcato
+     *    `___added: true` perche' `syncData` invia proprio questo array come
+     *    payload m2m e il backend inserisce nella tabella ponte solo le voci
+     *    marcate come aggiunte.
+     * Con `dependencyField` su colonna testo (csv) si valorizza direttamente l'id.
+     */
+    async openAddDialog(task) {
+        const ds = this.datasource?.value;
+        if (!ds) {
+            return;
+        }
+        try {
+            // Il preset va passato ad addNewRecord (che fa Object.assign sul record
+            // PLAIN prima di setCurrent): e' setCurrent→getObservable a derivare gli
+            // observable corretti. Scrivere a mano `<campo>` e `<campo>__lookup_obj`
+            // dopo la creazione non regge il round-trip
+            // getModelFromObservable→setCurrent→getObservable e il valore torna null
+            // al salvataggio (il chip resta visibile, ma il payload parte vuoto).
+            const record = ds.addNewRecord(this.buildPredecessorPreset(task));
+            const { ParametricDialogComponent } = await import('./wuic-framework-lib-wuic-framework-lib-BZZwta8b.mjs').then(function (n) { return n.c9; });
+            const header = `${this.t('timeline.popup.add', 'Nuovo')} ${this.metaInfo?.tableMetadata?.md_display_string || ''}`.trim();
+            const ref = WtoolboxService.dialogService.open(ParametricDialogComponent, {
+                data: {
+                    record,
+                    pristine: ds.pristine,
+                    metaInfo: this.metaInfo,
+                    datasource: this.datasource,
+                    isEditForm: true
+                },
+                header,
+                styleClass: 'edit-form-content',
+                position: 'center',
+                closable: true,
+                duplicate: true
+            });
+            ref?.onClose?.subscribe((added) => {
+                if (added) {
+                    void ds.fetchData();
+                }
+            });
+        }
+        catch (err) {
+            WtoolboxService.errorHandler.handleError(err);
+        }
+    }
+    /**
+     * Costruisce il preset PLAIN da passare ad `addNewRecord`, col task di
+     * partenza gia' fra i predecessori.
+     *
+     * Formato per la multiselect: array di record correlati con i tre flag che
+     * il backend stesso emette in lettura (`AttachManyToManyOptionsBatch` →
+     * `___selected` / `___added` / `___deleted`). `___added: true` e' cio' che
+     * fa scrivere la riga nella tabella ponte in fase di insert; da questo array
+     * `getObservable` deriva sia gli id sia `<campo>__lookup_obj`.
+     * Con `dependencyField` su colonna testo il preset e' il semplice id.
+     */
+    buildPredecessorPreset(task) {
+        const field = String(this.timelineOptions?.dependencyField || '').trim();
+        if (!field) {
+            return undefined;
+        }
+        const depCol = this.metaInfo?.columnMetadata?.find((c) => c.mc_nome_colonna === field);
+        if (depCol?.mc_ui_column_type !== 'multiple_check') {
+            return { [field]: task.id };
+        }
+        const idField = String(depCol?.mc_ui_grid_related_id_field || '').trim() || this.primaryKeyField();
+        const displayField = String(depCol?.mc_ui_grid_display_field || '').trim()
+            || String(this.timelineOptions?.titleField || '').trim();
+        const selected = {
+            [idField]: task.id,
+            ___selected: true,
+            ___added: true,
+            ___deleted: false
+        };
+        if (displayField) {
+            // Titolo dal record, senza il prefisso di gruppo aggiunto al rendering.
+            selected[displayField] = this.unwrap(task.record?.[displayField]) ?? task.name;
+        }
+        return { [field]: [selected] };
+    }
+    /**
+     * Elimina il task (solo foglie, vedi `isLeafTask`) previa conferma, con lo
+     * stesso seam della grid: `syncData(record, record, true)`.
+     */
+    async deleteTask(task) {
+        const ds = this.datasource?.value;
+        if (!ds || !this.isLeafTask(task)) {
+            return;
+        }
+        try {
+            const confirmed = await WtoolboxService.confirm({
+                message: this.t('data_action.confirm_delete_message', 'Confermi l\'eliminazione?'),
+                header: this.t('confirmation', 'Conferma')
+            });
+            if (!confirmed) {
+                return;
+            }
+            const result = await ds.syncData(task.record, task.record, true);
+            if (result) {
+                void ds.fetchData();
+            }
+        }
+        catch (err) {
+            WtoolboxService.errorHandler.handleError(err);
+        }
+    }
+    /**
+     * Codice lingua per l'header del gantt. frappe-gantt non ha dizionari
+     * propri: passa questo valore a `Intl.DateTimeFormat`, quindi accetta sia
+     * `it` sia `it-IT`. Fallback `en` se la lingua non e' ancora risolta.
+     */
+    currentLanguageCode() {
+        const lang = String(this.trslSrv?.getCurrentLang?.() || '').trim();
+        return lang || 'en';
+    }
+    frappeViewMode() {
+        switch (this.viewMode) {
+            case 'day': return 'Day';
+            case 'month': return 'Month';
+            default: return 'Week';
+        }
+    }
+    destroyGantt() {
+        if (this.ganttHost?.nativeElement) {
+            this.ganttHost.nativeElement.innerHTML = '';
+        }
+        this.gantt = null;
+    }
+    setViewMode(mode) {
+        this.viewMode = mode;
+        if (this.gantt) {
+            this.ngZone.runOutsideAngular(() => this.gantt.change_view_mode(this.frappeViewMode()));
+        }
+    }
+    scrollToToday() {
+        try {
+            this.ngZone.runOutsideAngular(() => this.gantt?.scroll_current?.());
+        }
+        catch { /* best-effort */ }
+    }
+    refresh() {
+        void this.datasource?.value?.fetchData();
+    }
+    /**
+     * Sopprime il context menu nativo sull'area del gantt. Niente
+     * `stopPropagation`: fermiamo solo l'azione di default del browser, senza
+     * impedire ad handler applicativi a monte di reagire all'evento.
+     */
+    onGanttContextMenu(event) {
+        event?.preventDefault?.();
+    }
+    // ─── Interazioni ─────────────────────────────────────────────────────────
+    handleTaskClick(ganttTask) {
+        const task = this.taskById.get(String(ganttTask?.id));
+        if (!task) {
+            return;
+        }
+        this.onTimelineTaskClick.emit({ task });
+        const action = this.timelineOptions.clickAction;
+        if (action === 'none') {
+            return;
+        }
+        const route = this.datasource?.value?.route?.value || this.hardcodedRoute || this.metaInfo?.tableMetadata?.md_route_name;
+        if (route) {
+            void this.router.navigateByUrl(`/${route}/${action}/${encodeURIComponent(task.id)}`);
+        }
+    }
+    /** Drag/resize da frappe-gantt: valida, poi persist (immediate) o accoda (batch). */
+    async handleDateChange(ganttTask, start, end) {
+        const task = this.taskById.get(String(ganttTask?.id));
+        if (!task) {
+            return;
+        }
+        const newStart = this.formatLocalDay(start);
+        const newEnd = this.formatLocalDay(end);
+        if (newEnd < newStart) {
+            this.warningMessage = this.t('timeline.warning.end_before_start', 'End date before start date on task') + ` ${task.id}`;
+            this.rebuildTimeline();
+            return;
+        }
+        const o = this.timelineOptions;
+        const prevStart = this.unwrap(task.record?.[o.startDateField]);
+        const prevEnd = this.unwrap(task.record?.[o.endDateField]);
+        if (this.isBatchMode) {
+            this.registerPendingChange(task, prevStart, prevEnd, newStart, newEnd);
+            this.applyDatesToRecord(task, newStart, newEnd);
+            task.start = newStart;
+            task.end = newEnd;
+            this.onTimelineTaskChange.emit({ task, start: newStart, end: newEnd, mode: 'batch' });
+            this.cdr.detectChanges();
+            return;
+        }
+        const ok = await this.persistDateChange(task, prevStart, prevEnd, newStart, newEnd);
+        if (ok) {
+            this.applyDatesToRecord(task, newStart, newEnd);
+            task.start = newStart;
+            task.end = newEnd;
+            this.onTimelineTaskChange.emit({ task, start: newStart, end: newEnd, mode: 'immediate' });
+        }
+        else {
+            // Rollback UI: ridisegna dalle date originali del record.
+            this.rebuildTimeline();
+        }
+        this.cdr.detectChanges();
+    }
+    applyDatesToRecord(task, newStart, newEnd) {
+        const o = this.timelineOptions;
+        if (o.startDateField) {
+            task.record[o.startDateField] = newStart;
+        }
+        if (o.endDateField && !task.isMilestone) {
+            task.record[o.endDateField] = newEnd;
+        }
+    }
+    registerPendingChange(task, fromStart, fromEnd, toStart, toEnd) {
+        const existing = this.pendingChanges.get(task.id);
+        if (existing) {
+            existing.toStart = toStart;
+            existing.toEnd = toEnd;
+            return;
+        }
+        this.pendingChanges.set(task.id, { taskId: task.id, record: task.record, fromStart, fromEnd, toStart, toEnd });
+    }
+    // ─── Persistenza (seam syncData + pristine, come kanban) ─────────────────
+    async persistDateChange(task, prevStart, prevEnd, newStart, newEnd) {
+        const ds = this.datasource?.value;
+        const o = this.timelineOptions;
+        if (!ds || !o.startDateField) {
+            return true;
+        }
+        try {
+            // Current-record flow: changeTracking produce il payload __changes.
+            ds.setCurrent(task.record);
+            const observable = ds.resultInfo?.current || ds.getObservable(task.record);
+            const pristine = ds.pristine ? { ...ds.pristine } : this.buildPristineRow(task.record);
+            pristine[o.startDateField] = prevStart;
+            if (o.endDateField) {
+                pristine[o.endDateField] = prevEnd;
+            }
+            if (observable?.[o.startDateField]) {
+                observable[o.startDateField].next(newStart);
+            }
+            if (o.endDateField && !task.isMilestone && observable?.[o.endDateField]) {
+                observable[o.endDateField].next(newEnd);
+            }
+            const result = await ds.syncData(observable, pristine, false);
+            if (!result) {
+                throw new Error(this.t('timeline.error.sync_data_null', 'syncData returned null'));
+            }
+            return true;
+        }
+        catch (err) {
+            WtoolboxService.errorHandler.handleError(err);
+            return false;
+        }
+    }
+    buildPristineRow(record) {
+        const out = {};
+        (this.metaInfo?.columnMetadata || []).forEach((col) => {
+            out[col.mc_nome_colonna] = record?.[col.mc_nome_colonna];
+        });
+        return out;
+    }
+    // ─── Batch save/discard ──────────────────────────────────────────────────
+    async saveBatchChanges() {
+        if (!this.pendingChanges.size || this.savingBatch) {
+            return;
+        }
+        this.savingBatch = true;
+        let saved = 0;
+        try {
+            for (const change of [...this.pendingChanges.values()]) {
+                const task = this.taskById.get(change.taskId);
+                if (!task) {
+                    this.pendingChanges.delete(change.taskId);
+                    continue;
+                }
+                const ok = await this.persistDateChange(task, change.fromStart, change.fromEnd, change.toStart, change.toEnd);
+                if (!ok) {
+                    // Stop al primo errore: i rimanenti restano pending (ritentabili).
+                    break;
+                }
+                this.pendingChanges.delete(change.taskId);
+                saved++;
+            }
+        }
+        finally {
+            this.savingBatch = false;
+            this.onTimelineBatchSave.emit({ savedCount: saved });
+            this.cdr.detectChanges();
+        }
+    }
+    cancelBatchChanges() {
+        let reverted = 0;
+        for (const change of [...this.pendingChanges.values()]) {
+            const task = this.taskById.get(change.taskId);
+            if (task) {
+                const o = this.timelineOptions;
+                task.record[o.startDateField] = change.fromStart;
+                if (o.endDateField) {
+                    task.record[o.endDateField] = change.fromEnd;
+                }
+                reverted++;
+            }
+        }
+        this.pendingChanges.clear();
+        this.rebuildTimeline();
+        this.onTimelineBatchCancel.emit({ revertedCount: reverted });
+        this.cdr.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TimelineListComponent, deps: [{ token: i1.Router }, { token: TranslationManagerService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TimelineListComponent, isStandalone: true, selector: "wuic-timeline-list", inputs: { hardcodedRoute: "hardcodedRoute", parentRecord: "parentRecord", parentMetaInfo: "parentMetaInfo", datasource: "datasource", hardcodedDatasource: "hardcodedDatasource", hideToolbar: "hideToolbar" }, outputs: { onTimelineDataBound: "onTimelineDataBound", onTimelineTaskChange: "onTimelineTaskChange", onTimelineTaskClick: "onTimelineTaskClick", onTimelineBatchSave: "onTimelineBatchSave", onTimelineBatchCancel: "onTimelineBatchCancel" }, viewQueries: [{ propertyName: "ganttHost", first: true, predicate: ["ganttHost"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"wuic-timeline-wrapper\">\n  @if (!hideToolbar) {\n    <div class=\"wuic-timeline-toolbar\">\n      <div class=\"wuic-timeline-toolbar-left\">\n        <p-button [text]=\"true\" size=\"small\" icon=\"pi pi-calendar\" [label]=\"'timeline.toolbar.day' | translate\"\n                  [styleClass]=\"viewMode === 'day' ? 'wuic-timeline-mode-active' : ''\"\n                  (onClick)=\"setViewMode('day')\" />\n        <p-button [text]=\"true\" size=\"small\" icon=\"pi pi-calendar\" [label]=\"'timeline.toolbar.week' | translate\"\n                  [styleClass]=\"viewMode === 'week' ? 'wuic-timeline-mode-active' : ''\"\n                  (onClick)=\"setViewMode('week')\" />\n        <p-button [text]=\"true\" size=\"small\" icon=\"pi pi-calendar\" [label]=\"'timeline.toolbar.month' | translate\"\n                  [styleClass]=\"viewMode === 'month' ? 'wuic-timeline-mode-active' : ''\"\n                  (onClick)=\"setViewMode('month')\" />\n        <p-button [text]=\"true\" size=\"small\" icon=\"pi pi-map-marker\" [label]=\"'timeline.toolbar.today' | translate\"\n                  (onClick)=\"scrollToToday()\" />\n        <p-button [text]=\"true\" size=\"small\" icon=\"pi pi-refresh\" (onClick)=\"refresh()\" />\n      </div>\n      @if (isBatchMode) {\n        <div class=\"wuic-timeline-toolbar-right\">\n          <p-button size=\"small\" icon=\"pi pi-check\" [label]=\"'timeline.toolbar.save' | translate\"\n                    [disabled]=\"!hasPendingChanges || savingBatch\" [loading]=\"savingBatch\"\n                    (onClick)=\"saveBatchChanges()\" />\n          <p-button size=\"small\" severity=\"secondary\" icon=\"pi pi-times\" [label]=\"'timeline.toolbar.discard' | translate\"\n                    [disabled]=\"!hasPendingChanges || savingBatch\"\n                    (onClick)=\"cancelBatchChanges()\" />\n          @if (hasPendingChanges) {\n            <span class=\"wuic-timeline-pending-badge\">{{ pendingCount }}</span>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  @if (warningMessage) {\n    <div class=\"wuic-timeline-warning\">\n      <i class=\"pi pi-exclamation-triangle\"></i>\n      <span>{{ warningMessage }}</span>\n    </div>\n  }\n\n  <!-- Il context menu del browser sull'area di disegno interferisce con\n       drag/resize delle barre (un right-click accidentale durante il drag lo\n       apre): sopprimiamo l'evento sull'host, non sulla toolbar. -->\n  <div class=\"wuic-timeline-gantt-host\" #ganttHost (contextmenu)=\"onGanttContextMenu($event)\"></div>\n\n  @if (!tasks.length && !warningMessage) {\n    <div class=\"wuic-timeline-empty\">{{ 'timeline.empty' | translate }}</div>\n  }\n</div>\n", styles: [":root{--g-arrow-color: #1f2937;--g-bar-color: #fff;--g-bar-border: #fff;--g-tick-color-thick: #ededed;--g-tick-color: #f3f3f3;--g-actions-background: #f3f3f3;--g-border-color: #ebeff2;--g-text-muted: #7c7c7c;--g-text-light: #fff;--g-text-dark: #171717;--g-progress-color: #dbdbdb;--g-handle-color: #37352f;--g-weekend-label-color: #dcdce4;--g-expected-progress: #c4c4e9;--g-header-background: #fff;--g-row-color: #fdfdfd;--g-row-border-color: #c7c7c7;--g-today-highlight: #37352f;--g-popup-actions: #ebeff2;--g-weekend-highlight-color: #f7f7f7}html[data-theme=dark]{--g-arrow-color: #e5e5e5;--g-bar-color: #2a2a2a;--g-bar-border: #3a3a3a;--g-tick-color-thick: #1a1a1a;--g-tick-color: #0a0a0a;--g-actions-background: #1a1a1a;--g-border-color: #2a2a2a;--g-text-muted: #999999;--g-text-light: #ffffff;--g-text-dark: #f5f5f5;--g-progress-color: #4a4a4a;--g-handle-color: #d0d0d0;--g-weekend-label-color: #3a3a3a;--g-expected-progress: #5a5a5a;--g-header-background: #0a0a0a;--g-row-color: #141414;--g-row-border-color: #2a2a2a;--g-today-highlight: #999999;--g-popup-actions: #1a1a1a;--g-weekend-highlight-color: #0f0f0f}.gantt-container{line-height:14.5px;position:relative;overflow:auto;font-size:12px;height:var(--gv-grid-height);width:100%;border-radius:8px;isolation:isolate}.gantt-container .popup-wrapper{position:absolute;top:0;left:0;background:var(--g-header-background);box-shadow:0 10px 24px -3px #0003;padding:10px;border-radius:5px;width:max-content;z-index:1000}.gantt-container .popup-wrapper .title{margin-bottom:2px;color:var(--g-text-dark);font-size:.85rem;font-weight:650;line-height:15px}.gantt-container .popup-wrapper .subtitle{color:var(--g-text-dark);font-size:.8rem;margin-bottom:5px}.gantt-container .popup-wrapper .details{color:var(--g-text-muted);font-size:.7rem}.gantt-container .popup-wrapper .actions{margin-top:10px;margin-left:3px}.gantt-container .popup-wrapper .action-btn{border:none;padding:5px 8px;background-color:var(--g-popup-actions);border-right:1px solid var(--g-border-color)}.gantt-container .popup-wrapper .action-btn:hover{filter:brightness(97%)}.gantt-container .popup-wrapper .action-btn:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.gantt-container .popup-wrapper .action-btn:last-child{border-right:none;border-top-right-radius:4px;border-bottom-right-radius:4px}.gantt-container .grid-header{height:calc(var(--gv-lower-header-height) + var(--gv-upper-header-height) + 10px);background-color:var(--g-header-background);position:sticky;top:0;left:0;border-bottom:1px solid var(--g-row-border-color);z-index:1000}.gantt-container .lower-text,.gantt-container .upper-text{text-anchor:middle}.gantt-container .upper-header{height:var(--gv-upper-header-height)}.gantt-container .lower-header{height:var(--gv-lower-header-height)}.gantt-container .lower-text{font-size:12px;position:absolute;width:calc(var(--gv-column-width) * .8);height:calc(var(--gv-lower-header-height) * .8);margin:0 calc(var(--gv-column-width) * .1);align-content:center;text-align:center;color:var(--g-text-muted)}.gantt-container .upper-text{position:absolute;width:fit-content;font-weight:500;font-size:14px;color:var(--g-text-dark);height:calc(var(--gv-lower-header-height) * .66)}.gantt-container .current-upper{position:sticky;left:0!important;padding-left:17px;background:var(--g-header-background)}.gantt-container .side-header{position:sticky;top:0;right:0;float:right;z-index:1000;line-height:20px;font-weight:400;width:max-content;margin-left:auto;padding-right:10px;padding-top:10px;background:var(--g-header-background);display:flex}.gantt-container .side-header *{transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:var(--g-actions-background);border-radius:.5rem;border:none;padding:5px 8px;color:var(--g-text-dark);font-size:14px;letter-spacing:.02em;font-weight:420;box-sizing:content-box;margin-right:5px}.gantt-container .side-header *:last-child{margin-right:0}.gantt-container .side-header *:hover{filter:brightness(97.5%)}.gantt-container .side-header select{width:60px;padding-top:2px;padding-bottom:2px}.gantt-container .side-header select:focus{outline:none}.gantt-container .date-range-highlight{background-color:var(--g-progress-color);border-radius:12px;height:calc(var(--gv-lower-header-height) - 6px);top:calc(var(--gv-upper-header-height) + 5px);position:absolute}.gantt-container .current-highlight{position:absolute;background:var(--g-today-highlight);width:1px;z-index:999}.gantt-container .current-ball-highlight{position:absolute;background:var(--g-today-highlight);z-index:1001;border-radius:50%}.gantt-container .current-date-highlight{background:var(--g-today-highlight);color:var(--g-text-light);border-radius:5px}.gantt-container .holiday-label{position:absolute;top:0;left:0;opacity:0;z-index:1000;background:var(--g-weekend-label-color);border-radius:5px;padding:2px 5px}.gantt-container .holiday-label.show{opacity:100}.gantt-container .extras{position:sticky;left:0}.gantt-container .extras .adjust{position:absolute;left:8px;top:calc(var(--gv-grid-height) - 60px);background-color:var(--g-actions-background);color:var(--g-text-light);border:none;padding:8px;border-radius:3px}.gantt-container .hide{display:none}.gantt{user-select:none;-webkit-user-select:none;position:absolute}.gantt .grid-background{fill:none}.gantt .grid-row{fill:var(--g-row-color)}.gantt .row-line{stroke:var(--g-border-color)}.gantt .tick{stroke:var(--g-tick-color);stroke-width:.4}.gantt .tick.thick{stroke:var(--g-tick-color-thick);stroke-width:.7}.gantt .arrow{fill:none;stroke:var(--g-arrow-color);stroke-width:1.5}.gantt .bar-wrapper .bar{fill:var(--g-bar-color);stroke:var(--g-bar-border);stroke-width:0;transition:stroke-width .3s ease}.gantt .bar-progress{fill:var(--g-progress-color);border-radius:4px}.gantt .bar-expected-progress{fill:var(--g-expected-progress)}.gantt .bar-invalid{fill:transparent;stroke:var(--g-bar-border);stroke-width:1;stroke-dasharray:5}:is(.gantt .bar-invalid)~.bar-label{fill:var(--g-text-light)}.gantt .bar-label{fill:var(--g-text-dark);dominant-baseline:central;font-family:Helvetica;font-size:13px;font-weight:400}.gantt .bar-label.big{fill:var(--g-text-dark);text-anchor:start}.gantt .handle{fill:var(--g-handle-color);opacity:0;transition:opacity .3s ease}.gantt .handle.active,.gantt .handle.visible{cursor:ew-resize;opacity:1}.gantt .handle.progress{fill:var(--g-text-muted)}.gantt .bar-wrapper{cursor:pointer}.gantt .bar-wrapper .bar{outline:1px solid var(--g-row-border-color);border-radius:3px}.gantt .bar-wrapper:hover .bar{transition:transform .3s ease}.gantt .bar-wrapper:hover .date-range-highlight{display:block}.gantt .grid-column{fill:transparent;pointer-events:all}.gantt .grid-column:hover{fill:var(--g-weekend-highlight-color);transition:fill .1s ease}wuic-timeline-list{display:flex;flex:1 1 auto;width:100%;height:100%;min-height:0}wuic-timeline-list .wuic-timeline-wrapper{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-height:0}wuic-timeline-list .wuic-timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .5rem;flex:0 0 auto}wuic-timeline-list .wuic-timeline-toolbar-left,wuic-timeline-list .wuic-timeline-toolbar-right{display:flex;align-items:center;gap:.25rem}wuic-timeline-list .wuic-timeline-mode-active{font-weight:700;text-decoration:underline}wuic-timeline-list .wuic-timeline-pending-badge{background:var(--p-primary-color, #3b82f6);color:var(--p-primary-contrast-color, #fff);border-radius:999px;font-size:.75rem;padding:.1rem .5rem}wuic-timeline-list .wuic-timeline-warning{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;color:#92400e;background:#fef3c7;border-radius:4px;margin:0 .5rem .25rem;font-size:.85rem;flex:0 0 auto}wuic-timeline-list .wuic-timeline-gantt-host{flex:1 1 auto;min-height:0;overflow:auto}wuic-timeline-list .wuic-timeline-empty{padding:1.5rem;text-align:center;opacity:.7}wuic-timeline-list .gantt .bar-wrapper.wuic-timeline-milestone .bar{fill:#7c3aed;transform-box:fill-box;transform-origin:center;transform:rotate(45deg) scale(.72)}wuic-timeline-list .gantt .bar-wrapper.wuic-timeline-milestone .bar-progress{display:none}wuic-timeline-list .gantt .bar-wrapper.wuic-timeline-milestone .handle{display:none}\n"], dependencies: [{ 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: "pipe", type: i8.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TimelineListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wuic-timeline-list', standalone: true, imports: [ButtonModule, TranslateModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"wuic-timeline-wrapper\">\n  @if (!hideToolbar) {\n    <div class=\"wuic-timeline-toolbar\">\n      <div class=\"wuic-timeline-toolbar-left\">\n        <p-button [text]=\"true\" size=\"small\" icon=\"pi pi-calendar\" [label]=\"'timeline.toolbar.day' | translate\"\n                  [styleClass]=\"viewMode === 'day' ? 'wuic-timeline-mode-active' : ''\"\n                  (onClick)=\"setViewMode('day')\" />\n        <p-button [text]=\"true\" size=\"small\" icon=\"pi pi-calendar\" [label]=\"'timeline.toolbar.week' | translate\"\n                  [styleClass]=\"viewMode === 'week' ? 'wuic-timeline-mode-active' : ''\"\n                  (onClick)=\"setViewMode('week')\" />\n        <p-button [text]=\"true\" size=\"small\" icon=\"pi pi-calendar\" [label]=\"'timeline.toolbar.month' | translate\"\n                  [styleClass]=\"viewMode === 'month' ? 'wuic-timeline-mode-active' : ''\"\n                  (onClick)=\"setViewMode('month')\" />\n        <p-button [text]=\"true\" size=\"small\" icon=\"pi pi-map-marker\" [label]=\"'timeline.toolbar.today' | translate\"\n                  (onClick)=\"scrollToToday()\" />\n        <p-button [text]=\"true\" size=\"small\" icon=\"pi pi-refresh\" (onClick)=\"refresh()\" />\n      </div>\n      @if (isBatchMode) {\n        <div class=\"wuic-timeline-toolbar-right\">\n          <p-button size=\"small\" icon=\"pi pi-check\" [label]=\"'timeline.toolbar.save' | translate\"\n                    [disabled]=\"!hasPendingChanges || savingBatch\" [loading]=\"savingBatch\"\n                    (onClick)=\"saveBatchChanges()\" />\n          <p-button size=\"small\" severity=\"secondary\" icon=\"pi pi-times\" [label]=\"'timeline.toolbar.discard' | translate\"\n                    [disabled]=\"!hasPendingChanges || savingBatch\"\n                    (onClick)=\"cancelBatchChanges()\" />\n          @if (hasPendingChanges) {\n            <span class=\"wuic-timeline-pending-badge\">{{ pendingCount }}</span>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  @if (warningMessage) {\n    <div class=\"wuic-timeline-warning\">\n      <i class=\"pi pi-exclamation-triangle\"></i>\n      <span>{{ warningMessage }}</span>\n    </div>\n  }\n\n  <!-- Il context menu del browser sull'area di disegno interferisce con\n       drag/resize delle barre (un right-click accidentale durante il drag lo\n       apre): sopprimiamo l'evento sull'host, non sulla toolbar. -->\n  <div class=\"wuic-timeline-gantt-host\" #ganttHost (contextmenu)=\"onGanttContextMenu($event)\"></div>\n\n  @if (!tasks.length && !warningMessage) {\n    <div class=\"wuic-timeline-empty\">{{ 'timeline.empty' | translate }}</div>\n  }\n</div>\n", styles: [":root{--g-arrow-color: #1f2937;--g-bar-color: #fff;--g-bar-border: #fff;--g-tick-color-thick: #ededed;--g-tick-color: #f3f3f3;--g-actions-background: #f3f3f3;--g-border-color: #ebeff2;--g-text-muted: #7c7c7c;--g-text-light: #fff;--g-text-dark: #171717;--g-progress-color: #dbdbdb;--g-handle-color: #37352f;--g-weekend-label-color: #dcdce4;--g-expected-progress: #c4c4e9;--g-header-background: #fff;--g-row-color: #fdfdfd;--g-row-border-color: #c7c7c7;--g-today-highlight: #37352f;--g-popup-actions: #ebeff2;--g-weekend-highlight-color: #f7f7f7}html[data-theme=dark]{--g-arrow-color: #e5e5e5;--g-bar-color: #2a2a2a;--g-bar-border: #3a3a3a;--g-tick-color-thick: #1a1a1a;--g-tick-color: #0a0a0a;--g-actions-background: #1a1a1a;--g-border-color: #2a2a2a;--g-text-muted: #999999;--g-text-light: #ffffff;--g-text-dark: #f5f5f5;--g-progress-color: #4a4a4a;--g-handle-color: #d0d0d0;--g-weekend-label-color: #3a3a3a;--g-expected-progress: #5a5a5a;--g-header-background: #0a0a0a;--g-row-color: #141414;--g-row-border-color: #2a2a2a;--g-today-highlight: #999999;--g-popup-actions: #1a1a1a;--g-weekend-highlight-color: #0f0f0f}.gantt-container{line-height:14.5px;position:relative;overflow:auto;font-size:12px;height:var(--gv-grid-height);width:100%;border-radius:8px;isolation:isolate}.gantt-container .popup-wrapper{position:absolute;top:0;left:0;background:var(--g-header-background);box-shadow:0 10px 24px -3px #0003;padding:10px;border-radius:5px;width:max-content;z-index:1000}.gantt-container .popup-wrapper .title{margin-bottom:2px;color:var(--g-text-dark);font-size:.85rem;font-weight:650;line-height:15px}.gantt-container .popup-wrapper .subtitle{color:var(--g-text-dark);font-size:.8rem;margin-bottom:5px}.gantt-container .popup-wrapper .details{color:var(--g-text-muted);font-size:.7rem}.gantt-container .popup-wrapper .actions{margin-top:10px;margin-left:3px}.gantt-container .popup-wrapper .action-btn{border:none;padding:5px 8px;background-color:var(--g-popup-actions);border-right:1px solid var(--g-border-color)}.gantt-container .popup-wrapper .action-btn:hover{filter:brightness(97%)}.gantt-container .popup-wrapper .action-btn:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.gantt-container .popup-wrapper .action-btn:last-child{border-right:none;border-top-right-radius:4px;border-bottom-right-radius:4px}.gantt-container .grid-header{height:calc(var(--gv-lower-header-height) + var(--gv-upper-header-height) + 10px);background-color:var(--g-header-background);position:sticky;top:0;left:0;border-bottom:1px solid var(--g-row-border-color);z-index:1000}.gantt-container .lower-text,.gantt-container .upper-text{text-anchor:middle}.gantt-container .upper-header{height:var(--gv-upper-header-height)}.gantt-container .lower-header{height:var(--gv-lower-header-height)}.gantt-container .lower-text{font-size:12px;position:absolute;width:calc(var(--gv-column-width) * .8);height:calc(var(--gv-lower-header-height) * .8);margin:0 calc(var(--gv-column-width) * .1);align-content:center;text-align:center;color:var(--g-text-muted)}.gantt-container .upper-text{position:absolute;width:fit-content;font-weight:500;font-size:14px;color:var(--g-text-dark);height:calc(var(--gv-lower-header-height) * .66)}.gantt-container .current-upper{position:sticky;left:0!important;padding-left:17px;background:var(--g-header-background)}.gantt-container .side-header{position:sticky;top:0;right:0;float:right;z-index:1000;line-height:20px;font-weight:400;width:max-content;margin-left:auto;padding-right:10px;padding-top:10px;background:var(--g-header-background);display:flex}.gantt-container .side-header *{transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:var(--g-actions-background);border-radius:.5rem;border:none;padding:5px 8px;color:var(--g-text-dark);font-size:14px;letter-spacing:.02em;font-weight:420;box-sizing:content-box;margin-right:5px}.gantt-container .side-header *:last-child{margin-right:0}.gantt-container .side-header *:hover{filter:brightness(97.5%)}.gantt-container .side-header select{width:60px;padding-top:2px;padding-bottom:2px}.gantt-container .side-header select:focus{outline:none}.gantt-container .date-range-highlight{background-color:var(--g-progress-color);border-radius:12px;height:calc(var(--gv-lower-header-height) - 6px);top:calc(var(--gv-upper-header-height) + 5px);position:absolute}.gantt-container .current-highlight{position:absolute;background:var(--g-today-highlight);width:1px;z-index:999}.gantt-container .current-ball-highlight{position:absolute;background:var(--g-today-highlight);z-index:1001;border-radius:50%}.gantt-container .current-date-highlight{background:var(--g-today-highlight);color:var(--g-text-light);border-radius:5px}.gantt-container .holiday-label{position:absolute;top:0;left:0;opacity:0;z-index:1000;background:var(--g-weekend-label-color);border-radius:5px;padding:2px 5px}.gantt-container .holiday-label.show{opacity:100}.gantt-container .extras{position:sticky;left:0}.gantt-container .extras .adjust{position:absolute;left:8px;top:calc(var(--gv-grid-height) - 60px);background-color:var(--g-actions-background);color:var(--g-text-light);border:none;padding:8px;border-radius:3px}.gantt-container .hide{display:none}.gantt{user-select:none;-webkit-user-select:none;position:absolute}.gantt .grid-background{fill:none}.gantt .grid-row{fill:var(--g-row-color)}.gantt .row-line{stroke:var(--g-border-color)}.gantt .tick{stroke:var(--g-tick-color);stroke-width:.4}.gantt .tick.thick{stroke:var(--g-tick-color-thick);stroke-width:.7}.gantt .arrow{fill:none;stroke:var(--g-arrow-color);stroke-width:1.5}.gantt .bar-wrapper .bar{fill:var(--g-bar-color);stroke:var(--g-bar-border);stroke-width:0;transition:stroke-width .3s ease}.gantt .bar-progress{fill:var(--g-progress-color);border-radius:4px}.gantt .bar-expected-progress{fill:var(--g-expected-progress)}.gantt .bar-invalid{fill:transparent;stroke:var(--g-bar-border);stroke-width:1;stroke-dasharray:5}:is(.gantt .bar-invalid)~.bar-label{fill:var(--g-text-light)}.gantt .bar-label{fill:var(--g-text-dark);dominant-baseline:central;font-family:Helvetica;font-size:13px;font-weight:400}.gantt .bar-label.big{fill:var(--g-text-dark);text-anchor:start}.gantt .handle{fill:var(--g-handle-color);opacity:0;transition:opacity .3s ease}.gantt .handle.active,.gantt .handle.visible{cursor:ew-resize;opacity:1}.gantt .handle.progress{fill:var(--g-text-muted)}.gantt .bar-wrapper{cursor:pointer}.gantt .bar-wrapper .bar{outline:1px solid var(--g-row-border-color);border-radius:3px}.gantt .bar-wrapper:hover .bar{transition:transform .3s ease}.gantt .bar-wrapper:hover .date-range-highlight{display:block}.gantt .grid-column{fill:transparent;pointer-events:all}.gantt .grid-column:hover{fill:var(--g-weekend-highlight-color);transition:fill .1s ease}wuic-timeline-list{display:flex;flex:1 1 auto;width:100%;height:100%;min-height:0}wuic-timeline-list .wuic-timeline-wrapper{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-height:0}wuic-timeline-list .wuic-timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .5rem;flex:0 0 auto}wuic-timeline-list .wuic-timeline-toolbar-left,wuic-timeline-list .wuic-timeline-toolbar-right{display:flex;align-items:center;gap:.25rem}wuic-timeline-list .wuic-timeline-mode-active{font-weight:700;text-decoration:underline}wuic-timeline-list .wuic-timeline-pending-badge{background:var(--p-primary-color, #3b82f6);color:var(--p-primary-contrast-color, #fff);border-radius:999px;font-size:.75rem;padding:.1rem .5rem}wuic-timeline-list .wuic-timeline-warning{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;color:#92400e;background:#fef3c7;border-radius:4px;margin:0 .5rem .25rem;font-size:.85rem;flex:0 0 auto}wuic-timeline-list .wuic-timeline-gantt-host{flex:1 1 auto;min-height:0;overflow:auto}wuic-timeline-list .wuic-timeline-empty{padding:1.5rem;text-align:center;opacity:.7}wuic-timeline-list .gantt .bar-wrapper.wuic-timeline-milestone .bar{fill:#7c3aed;transform-box:fill-box;transform-origin:center;transform:rotate(45deg) scale(.72)}wuic-timeline-list .gantt .bar-wrapper.wuic-timeline-milestone .bar-progress{display:none}wuic-timeline-list .gantt .bar-wrapper.wuic-timeline-milestone .handle{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: TranslationManagerService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { hardcodedRoute: [{
+                type: Input
+            }], parentRecord: [{
+                type: Input
+            }], parentMetaInfo: [{
+                type: Input
+            }], datasource: [{
+                type: Input
+            }], hardcodedDatasource: [{
+                type: Input
+            }], hideToolbar: [{
+                type: Input
+            }], onTimelineDataBound: [{
+                type: Output
+            }], onTimelineTaskChange: [{
+                type: Output
+            }], onTimelineTaskClick: [{
+                type: Output
+            }], onTimelineBatchSave: [{
+                type: Output
+            }], onTimelineBatchCancel: [{
+                type: Output
+            }], ganttHost: [{
+                type: ViewChild,
+                args: ['ganttHost', { static: true }]
+            }] } });
+
+export { TimelineListComponent };
+//# sourceMappingURL=wuic-framework-lib-timeline-list.component-cZbPgNh1.mjs.map