@masterteam/task-schedule 0.0.15 → 0.0.17

package/fesm2022/masterteam-task-schedule.mjs

@@ -3,7 +3,8 @@ import * as i0 from '@angular/core';
 import { inject, Injectable, viewChild, input, signal, computed, effect, Component, linkedSignal, Injector, output, ViewChild } from '@angular/core';
 import * as i1$1 from '@syncfusion/ej2-angular-gantt';
 import { GanttModule, DayMarkersService, EditService, ExcelExportService, FilterService, CriticalPathService, PdfExportService, RowDDService, SelectionService, SortService, ToolbarService, ContextMenuService, ResizeService } from '@syncfusion/ej2-angular-gantt';
-import { switchMap, of, map, catchError, throwError, finalize, Subject, Subscription } from 'rxjs';
+import { switchMap, of, map, timeout, catchError, throwError, finalize, Subject, Subscription } from 'rxjs';
+import { MT_DATE_FORMATS, toAngularDateFormat, MTDateFormatPipe } from '@masterteam/components';
 import { ModalService } from '@masterteam/components/modal';
 import { HttpClient } from '@angular/common/http';
 import { L10n, setCulture } from '@syncfusion/ej2-base';
@@ -20,7 +21,6 @@ import { CheckboxField } from '@masterteam/components/checkbox-field';
 import { DateField } from '@masterteam/components/date-field';
 import { EntityPreview } from '@masterteam/components/entities';
 import { NumberField } from '@masterteam/components/number-field';
-import { Table } from '@masterteam/components/table';
 import { TextField } from '@masterteam/components/text-field';
 
 function normalizeTaskScheduleModelType(modelType) {
@@ -109,6 +109,7 @@ const NATIVE_PROPERTY_KEYS = new Set([
     'predecessor',
     'order',
     'externalId',
+    'externalParentId',
     'parentId',
     'phaseGate',
     'phaseGateId',
@@ -117,6 +118,21 @@ const NATIVE_PROPERTY_KEYS = new Set([
     'isSummary',
 ]);
 const NATIVE_PROPERTY_LOOKUP_KEYS = new Set(Array.from(NATIVE_PROPERTY_KEYS).map((key) => normalizeLookupKey(key)));
+const NATIVE_PROPERTY_ALIAS_TARGETS = {
+    startdate: 'plannedStart',
+    plannedstartdate: 'plannedStart',
+    enddate: 'plannedFinish',
+    finishdate: 'plannedFinish',
+    plannedfinishdate: 'plannedFinish',
+    actualstartdate: 'actualStart',
+    actualfinishdate: 'actualFinish',
+    baselinestartdate: 'baselineStart',
+    baselinefinishdate: 'baselineFinish',
+    baselineenddate: 'baselineFinish',
+    taskname: 'name',
+};
+const DEFAULT_MPP_REQUEST_TIMEOUT_MS$1 = 300_000;
+const DEFAULT_MPP_PREVIEW_MAX_ROWS = 400;
 class TaskScheduleFetchService {
     http = inject(HttpClient);
     load(modelType, context) {
@@ -140,12 +156,21 @@ class TaskScheduleFetchService {
             'levels/{levelId}/{levelDataId}/schedule/mpp', { levelId, levelDataId });
         const formData = new FormData();
         formData.append('file', file, file.name);
-        return this.readData(this.http.post(endpoint, formData)).pipe(map((payload) => ({
+        return this.readData(this.http
+            .post(endpoint, formData)
+            .pipe(timeout(this.resolveMppRequestTimeoutMs(context)))).pipe(map((payload) => ({
             fileName: this.toNullableString(this.readObjectValue(payload, ['fileName', 'name'])) ?? file.name,
-            tasks: this.mapLooseTasks(this.extractTaskRows(payload), [], context.langCode === 'ar' ? 'ar' : 'en'),
-            raw: payload,
+            tasks: this.mapLooseTasks(this.extractTaskRows(payload), [], context.langCode === 'ar' ? 'ar' : 'en', new Map(), this.resolveMppPreviewMaxRows(context)),
+            raw: context.mppKeepRawPayload ? payload : undefined,
         })));
     }
+    exportTasks(context) {
+        const endpoint = this.levelEndpoint(context, this.readEndpoint(context, 'exportTasks') ??
+            'levels/{levelId}/{levelDataId}/schedule/mpp', 'Export tasks requires levelId and levelDataId.');
+        return this.http
+            .get(endpoint, { responseType: 'blob' })
+            .pipe(timeout(this.resolveMppRequestTimeoutMs(context)));
+    }
     loadBaselineSnapshot(context, version = 'latest') {
         const endpoint = this.levelEndpoint(context, version === 'latest'
             ? 'levels/{levelId}/{levelDataId}/schedule/baselines/latest'
@@ -167,11 +192,12 @@ class TaskScheduleFetchService {
                 modelType === 'custom'
                 ? this.mapCustomProperties(payload.catalog?.properties ?? [])
                 : [];
+            const propertyAliases = this.mapPropertyAliases(payload.catalog?.properties ?? []);
             const tasks = modelType === 'resources'
-                ? this.mapGroupedTasks(payload.data?.groups ?? [], customProperties, langCode)
+                ? this.mapGroupedTasks(payload.data?.groups ?? [], customProperties, propertyAliases, langCode)
                 : modelType === 'unscheduled'
-                    ? this.mapLooseTasks(payload.data?.items ?? [], customProperties, langCode)
-                    : this.mapQueryTasks(payload.data?.records ?? [], payload.schemas ?? [], customProperties, langCode);
+                    ? this.mapLooseTasks(payload.data?.items ?? [], customProperties, langCode, propertyAliases)
+                    : this.mapQueryTasks(payload.data?.records ?? [], payload.schemas ?? [], customProperties, propertyAliases, langCode);
             return this.resolveResources(context, modelType, tasks).pipe(map((resources) => ({
                 tasks,
                 resources,
@@ -229,20 +255,20 @@ class TaskScheduleFetchService {
             'levels/{levelId}/{levelDataId}/schedule/read', fallbackMessage);
         return this.readData(this.http.post(endpoint, body));
     }
-    mapQueryTasks(records, schemas, customProperties, langCode) {
+    mapQueryTasks(records, schemas, customProperties, propertyAliases, langCode) {
         const schemaMap = new Map((schemas ?? [])
             .filter((schema) => schema.id !== null && schema.id !== undefined)
             .map((schema) => [String(schema.id), schema]));
         return sortTasksByOrder((records ?? [])
-            .map((record, index) => this.mapTaskSource(record, index + 1, customProperties, langCode, schemaMap.get(String(record.schemaId ?? '')) ?? null, record.children ?? []))
+            .map((record, index) => this.mapTaskSource(record, index + 1, customProperties, langCode, propertyAliases, schemaMap.get(String(record.schemaId ?? '')) ?? null, record.children ?? []))
             .filter((task) => task !== null));
     }
-    mapGroupedTasks(groups, customProperties, langCode) {
+    mapGroupedTasks(groups, customProperties, propertyAliases, langCode) {
         const byId = new Map();
         for (const group of groups ?? []) {
             const items = Array.isArray(group?.items) ? group.items : [];
             for (let index = 0; index < items.length; index += 1) {
-                const task = this.mapTaskSource(items[index], index + 1, customProperties, langCode, null, []);
+                const task = this.mapTaskSource(items[index], index + 1, customProperties, langCode, propertyAliases, null, []);
                 if (!task) {
                     continue;
                 }
@@ -258,26 +284,46 @@ class TaskScheduleFetchService {
         }
         return sortTasksByOrder(Array.from(byId.values()));
     }
-    mapLooseTasks(rows, customProperties, langCode) {
-        return sortTasksByOrder((rows ?? [])
-            .filter((row) => this.isObject(row))
-            .map((row, index) => this.mapTaskSource(row, index + 1, customProperties, langCode))
-            .filter((task) => task !== null));
+    mapLooseTasks(rows, customProperties, langCode, propertyAliases = new Map(), maxTasks = Number.POSITIVE_INFINITY) {
+        const budget = Number.isFinite(maxTasks)
+            ? { remaining: Math.max(0, Math.floor(maxTasks)) }
+            : undefined;
+        const tasks = [];
+        for (let index = 0; index < (rows ?? []).length; index += 1) {
+            if (budget && budget.remaining <= 0) {
+                break;
+            }
+            const row = rows[index];
+            if (!this.isObject(row)) {
+                continue;
+            }
+            const task = this.mapTaskSource(row, index + 1, customProperties, langCode, propertyAliases, null, undefined, budget);
+            if (task) {
+                tasks.push(task);
+            }
+        }
+        return sortTasksByOrder(tasks);
     }
-    mapTaskSource(source, fallbackOrder, customProperties, langCode, schema = null, explicitChildren) {
+    mapTaskSource(source, fallbackOrder, customProperties, langCode, propertyAliases = new Map(), schema = null, explicitChildren, budget) {
+        if (budget && budget.remaining <= 0) {
+            return null;
+        }
         const id = this.toTaskId(source['id'] ?? source['taskId'] ?? source['Id']);
         if (id === null) {
             return null;
         }
-        const rawType = this.toNullableString(this.readSourceValue(source, 'type')) ??
+        if (budget) {
+            budget.remaining -= 1;
+        }
+        const rawType = this.toNullableString(this.readNativeValue(source, 'type', propertyAliases)) ??
             this.toNullableString(schema?.key) ??
             'Task';
         const type = this.normalizeTaskType(rawType);
         const title = this.toNullableString(source['title'] ??
             source['name'] ??
             source['Name'] ??
-            this.readNestedValue(source, 'name')) ?? `Task ${String(id)}`;
-        const resources = this.normalizeResources(this.readSourceValue(source, 'resources'), this.readSourceValue(source, 'assignedTo'));
+            this.readNativeValue(source, 'name', propertyAliases)) ?? `Task ${String(id)}`;
+        const resources = this.normalizeResources(this.readNativeValue(source, 'resources', propertyAliases), this.readNativeValue(source, 'assignedTo', propertyAliases));
         const customValues = this.mapCustomValues(source, customProperties);
         const childRows = explicitChildren ??
             (Array.isArray(source['children'])
@@ -285,6 +331,7 @@ class TaskScheduleFetchService {
                 : Array.isArray(source['subtasks'])
                     ? source['subtasks']
                     : []);
+        const subtasks = this.mapTaskChildren(childRows, customProperties, langCode, propertyAliases, budget);
         const task = {
             ...source,
             id,
@@ -294,52 +341,56 @@ class TaskScheduleFetchService {
             title,
             name: title,
             guid: this.toNullableString(this.readNestedValue(source, 'externalId') ??
+                this.readNativeValue(source, 'externalId', propertyAliases) ??
                 this.readNestedValue(source, 'guid') ??
                 source['externalId'] ??
                 source['guid'] ??
                 source['Guid']) ?? `task-${String(id)}`,
             parentGuid: this.toNullableString(this.readNestedValue(source, 'parentId') ??
                 this.readNestedValue(source, 'externalParentId') ??
+                this.readNativeValue(source, 'parentId', propertyAliases) ??
+                this.readNativeValue(source, 'externalParentId', propertyAliases) ??
                 source['parentGuid'] ??
                 source['ParentGuid'] ??
                 source['externalParentId']),
-            parentId: this.toTaskId(source['parentId'] ?? source['ParentId']),
-            startDate: this.toDate(this.readSourceValue(source, 'plannedStart') ??
-                this.readSourceValue(source, 'Planned_Start') ??
-                this.readSourceValue(source, 'startDate')),
-            finishDate: this.toDate(this.readSourceValue(source, 'plannedFinish') ??
-                this.readSourceValue(source, 'Planned_Finish') ??
-                this.readSourceValue(source, 'finishDate') ??
-                this.readSourceValue(source, 'endDate')),
-            baselineStartDate: this.toDate(this.readSourceValue(source, 'baselineStart')),
-            baselineEndDate: this.toDate(this.readSourceValue(source, 'baselineFinish')),
-            actualStartDate: this.toDate(this.readSourceValue(source, 'actualStart')),
-            actualFinishDate: this.toDate(this.readSourceValue(source, 'actualFinish')),
-            predecessor: this.toNullableString(this.readSourceValue(source, 'predecessor')),
-            duration: this.normalizeDuration(this.readSourceValue(source, 'duration'), type),
-            progress: this.normalizeProgress(this.readSourceValue(source, 'progress')),
-            details: this.toNullableString(this.readSourceValue(source, 'details') ??
-                this.readSourceValue(source, 'description')),
-            status: this.readNamedString(this.readSourceValue(source, 'status')),
+            parentId: this.toTaskId(source['parentId'] ??
+                source['ParentId'] ??
+                this.readNativeValue(source, 'parentId', propertyAliases)),
+            startDate: this.toDate(this.readNativeRawValue(source, 'plannedStart', propertyAliases) ??
+                this.readNativeRawValue(source, 'startDate', propertyAliases)),
+            finishDate: this.toDate(this.readNativeRawValue(source, 'plannedFinish', propertyAliases) ??
+                this.readNativeRawValue(source, 'finishDate', propertyAliases) ??
+                this.readNativeRawValue(source, 'endDate', propertyAliases)),
+            baselineStartDate: this.toDate(this.readNativeRawValue(source, 'baselineStart', propertyAliases)),
+            baselineEndDate: this.toDate(this.readNativeRawValue(source, 'baselineFinish', propertyAliases)),
+            actualStart: this.toDate(this.readNativeRawValue(source, 'actualStart', propertyAliases)),
+            actualFinish: this.toDate(this.readNativeRawValue(source, 'actualFinish', propertyAliases)),
+            baselineStart: this.toDate(this.readNativeRawValue(source, 'baselineStart', propertyAliases)),
+            baselineFinish: this.toDate(this.readNativeRawValue(source, 'baselineFinish', propertyAliases)),
+            actualStartDate: this.toDate(this.readNativeRawValue(source, 'actualStart', propertyAliases)),
+            actualFinishDate: this.toDate(this.readNativeRawValue(source, 'actualFinish', propertyAliases)),
+            predecessor: this.toNullableString(this.readNativeValue(source, 'predecessor', propertyAliases)),
+            duration: this.normalizeDuration(this.readNativeValue(source, 'duration', propertyAliases), type),
+            progress: this.normalizeProgress(this.readNativeValue(source, 'progress', propertyAliases)),
+            details: this.toNullableString(this.readNativeValue(source, 'details', propertyAliases) ??
+                this.readNativeValue(source, 'description', propertyAliases)),
+            status: this.readNamedString(this.readNativeValue(source, 'status', propertyAliases)),
             type,
-            typeLabel: this.toNullableString(this.readSourceValue(source, 'typeLabel') ??
-                this.readSourceValue(source, 'typeLable') ??
+            typeLabel: this.toNullableString(this.readNativeValue(source, 'typeLabel', propertyAliases) ??
+                this.readNativeValue(source, 'typeLable', propertyAliases) ??
                 schema?.name) ?? this.localizeTaskType(type, langCode),
-            typeLable: this.toNullableString(this.readSourceValue(source, 'typeLable') ??
-                this.readSourceValue(source, 'typeLabel') ??
+            typeLable: this.toNullableString(this.readNativeValue(source, 'typeLable', propertyAliases) ??
+                this.readNativeValue(source, 'typeLabel', propertyAliases) ??
                 schema?.name) ?? this.localizeTaskType(type, langCode),
-            assignedTo: this.resolveAssignedTo(resources, this.readSourceValue(source, 'assignedTo')),
+            assignedTo: this.resolveAssignedTo(resources, this.readNativeValue(source, 'assignedTo', propertyAliases)),
             resources,
-            phaseGate: this.toNullableString(this.readSourceValue(source, 'phaseGate')),
-            phaseGateId: this.toTaskId(this.readSourceValue(source, 'phaseGateId')),
-            criticalPath: Boolean(this.readSourceValue(source, 'criticalPath')),
+            phaseGate: this.toNullableString(this.readNativeValue(source, 'phaseGate', propertyAliases)),
+            phaseGateId: this.toTaskId(this.readNativeValue(source, 'phaseGateId', propertyAliases)),
+            criticalPath: Boolean(this.readNativeValue(source, 'criticalPath', propertyAliases)),
             isMilestone: type === 'Milestone',
-            order: this.toNullableNumber(this.readSourceValue(source, 'order')) ??
-                fallbackOrder,
-            subtasks: childRows
-                .filter((row) => this.isObject(row))
-                .map((row, index) => this.mapTaskSource(row, index + 1, customProperties, langCode))
-                .filter((row) => row !== null),
+            order: this.toNullableNumber(this.readNativeValue(source, 'order', propertyAliases)) ?? fallbackOrder,
+            subtasks,
+            children: subtasks,
             props: customValues.props,
         };
         for (const [key, value] of Object.entries(customValues.values)) {
@@ -347,6 +398,23 @@ class TaskScheduleFetchService {
         }
         return task;
     }
+    mapTaskChildren(rows, customProperties, langCode, propertyAliases, budget) {
+        const tasks = [];
+        for (let index = 0; index < (rows ?? []).length; index += 1) {
+            if (budget && budget.remaining <= 0) {
+                break;
+            }
+            const row = rows[index];
+            if (!this.isObject(row)) {
+                continue;
+            }
+            const task = this.mapTaskSource(row, index + 1, customProperties, langCode, propertyAliases, null, undefined, budget);
+            if (task) {
+                tasks.push(task);
+            }
+        }
+        return sortTasksByOrder(tasks);
+    }
     mapCustomProperties(properties) {
         return [...(properties ?? [])]
             .filter((property) => {
@@ -363,6 +431,7 @@ class TaskScheduleFetchService {
             id: property.id,
             key: property.normalizedKey ?? property.key,
             normalizedKey: property.normalizedKey ?? property.key,
+            sourceKey: property.key,
             name: property.label ?? property.key,
             viewType: property.viewType ?? 'Text',
             configuration: property.configuration,
@@ -370,17 +439,59 @@ class TaskScheduleFetchService {
             isCalculated: !!property.isCalculated,
         }));
     }
+    mapPropertyAliases(properties) {
+        const aliases = new Map();
+        for (const property of properties ?? []) {
+            const canonicalKey = this.resolveNativePropertyKey(property.normalizedKey ?? property.key);
+            if (!canonicalKey) {
+                continue;
+            }
+            this.addPropertyAlias(aliases, canonicalKey, property.key);
+            this.addPropertyAlias(aliases, canonicalKey, property.normalizedKey);
+        }
+        return aliases;
+    }
+    resolveNativePropertyKey(value) {
+        const lookupKey = normalizeLookupKey(String(value ?? ''));
+        if (!lookupKey) {
+            return null;
+        }
+        const aliasTarget = NATIVE_PROPERTY_ALIAS_TARGETS[lookupKey];
+        if (aliasTarget) {
+            return aliasTarget;
+        }
+        for (const nativeKey of NATIVE_PROPERTY_KEYS) {
+            const nativeLookupKey = normalizeLookupKey(nativeKey);
+            if (lookupKey === nativeLookupKey ||
+                (nativeLookupKey.length >= 5 && lookupKey.endsWith(nativeLookupKey))) {
+                return nativeKey;
+            }
+        }
+        return null;
+    }
+    addPropertyAlias(aliases, canonicalKey, alias) {
+        const resolvedAlias = String(alias ?? '').trim();
+        if (!resolvedAlias || resolvedAlias === canonicalKey) {
+            return;
+        }
+        const currentAliases = aliases.get(canonicalKey) ?? [];
+        if (!currentAliases.includes(resolvedAlias)) {
+            aliases.set(canonicalKey, [...currentAliases, resolvedAlias]);
+        }
+    }
     mapCustomValues(source, customProperties) {
         const values = {};
         const props = [];
         for (const property of customProperties) {
-            const raw = this.readSourceRawValue(source, property.key);
+            const raw = this.readSourceRawValue(source, property.key) ??
+                this.readSourceRawValue(source, property.sourceKey ?? '');
             if (raw === undefined) {
                 continue;
             }
             const value = String(property.viewType ?? '').toLowerCase() === 'date'
                 ? this.toDate(raw)
-                : this.readSourceValue(source, property.key);
+                : (this.readSourceValue(source, property.key) ??
+                    this.readSourceValue(source, property.sourceKey ?? ''));
             values[property.key] = value;
             props.push({
                 id: 0,
@@ -617,6 +728,18 @@ class TaskScheduleFetchService {
         }
         return resolved;
     }
+    resolveMppRequestTimeoutMs(context) {
+        const value = Number(context.mppRequestTimeoutMs);
+        return Number.isFinite(value) && value > 0
+            ? value
+            : DEFAULT_MPP_REQUEST_TIMEOUT_MS$1;
+    }
+    resolveMppPreviewMaxRows(context) {
+        const value = Number(context.mppPreviewMaxRows);
+        return Number.isFinite(value) && value > 0
+            ? Math.floor(value) + 1
+            : DEFAULT_MPP_PREVIEW_MAX_ROWS + 1;
+    }
     readEndpoint(context, key) {
         const value = context.endpoints?.[key];
         return typeof value === 'string' && value.trim() ? value.trim() : null;
@@ -698,6 +821,32 @@ class TaskScheduleFetchService {
         }
         return undefined;
     }
+    readNativeValue(source, key, aliases) {
+        const direct = this.readSourceValue(source, key);
+        if (direct !== undefined) {
+            return direct;
+        }
+        for (const alias of aliases.get(key) ?? []) {
+            const value = this.readSourceValue(source, alias);
+            if (value !== undefined) {
+                return value;
+            }
+        }
+        return undefined;
+    }
+    readNativeRawValue(source, key, aliases) {
+        const direct = this.readSourceRawValue(source, key);
+        if (direct !== undefined) {
+            return direct;
+        }
+        for (const alias of aliases.get(key) ?? []) {
+            const value = this.readSourceRawValue(source, alias);
+            if (value !== undefined) {
+                return value;
+            }
+        }
+        return undefined;
+    }
     readSourceValue(source, key) {
         const direct = this.readObjectValueByKey(source, key);
         if (direct !== undefined) {
@@ -953,22 +1102,53 @@ class TaskScheduleFetchService {
         if (value === null || value === undefined || value === '') {
             return null;
         }
-        if (value instanceof Date || typeof value === 'string') {
-            return value;
+        if (value instanceof Date) {
+            return Number.isNaN(value.getTime()) ? null : this.toLocalDate(value);
+        }
+        if (typeof value === 'string') {
+            const raw = value.trim();
+            if (!raw) {
+                return null;
+            }
+            const dateOnly = this.parseDateOnly(raw);
+            if (dateOnly) {
+                return dateOnly;
+            }
+            const date = new Date(raw);
+            return Number.isNaN(date.getTime()) ? value : this.toLocalDate(date);
         }
         if (typeof value === 'number') {
             const date = new Date(value);
-            return Number.isNaN(date.getTime()) ? null : date;
+            return Number.isNaN(date.getTime()) ? null : this.toLocalDate(date);
         }
         if (!this.isObject(value)) {
             return String(value);
         }
         const row = value;
-        return (row['value'] ??
-            row['raw'] ??
-            row['actualValue'] ??
-            row['displayValue'] ??
-            null);
+        for (const key of ['raw', 'actualValue', 'value', 'displayValue']) {
+            if (!(key in row)) {
+                continue;
+            }
+            const date = this.toDate(row[key]);
+            if (date !== null) {
+                return date;
+            }
+        }
+        return null;
+    }
+    parseDateOnly(value) {
+        const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+        if (!match) {
+            return null;
+        }
+        const year = Number(match[1]);
+        const month = Number(match[2]);
+        const day = Number(match[3]);
+        const date = new Date(year, month - 1, day);
+        return Number.isNaN(date.getTime()) ? null : date;
+    }
+    toLocalDate(value) {
+        return new Date(value.getFullYear(), value.getMonth(), value.getDate());
     }
     readLegacyHolidays() {
         if (typeof localStorage === 'undefined') {
@@ -1060,6 +1240,7 @@ function normalizeLookupKey(value) {
 }
 
 const DEFAULT_TASK_MODULE_ID = 3;
+const DEFAULT_MPP_REQUEST_TIMEOUT_MS = 300_000;
 class TaskScheduleActionService {
     http = inject(HttpClient);
     buildTaskMutation(task, options = {}) {
@@ -1289,7 +1470,9 @@ class TaskScheduleActionService {
             'tasks/{levelId}/import', {
             levelId: this.requireId(context.levelId, 'Apply import requires levelId.'),
         });
-        return this.readData(this.http.patch(endpoint, payload));
+        return this.readData(this.http
+            .patch(endpoint, payload)
+            .pipe(timeout(this.resolveMppRequestTimeoutMs(context))));
     }
     setBaseline(context, _payload = {}) {
         const request = {
@@ -1617,6 +1800,12 @@ class TaskScheduleActionService {
         }
         return resolved;
     }
+    resolveMppRequestTimeoutMs(context) {
+        const value = Number(context.mppRequestTimeoutMs);
+        return Number.isFinite(value) && value > 0
+            ? value
+            : DEFAULT_MPP_REQUEST_TIMEOUT_MS;
+    }
     requireProcessId(value) {
         const resolved = this.toTaskId(value);
         if (resolved === null) {
@@ -2421,7 +2610,7 @@ class TaskScheduleDialog {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleDialog, isStandalone: true, selector: "mt-task-schedule-dialog", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: false, transformFunction: null }, typeOptions: { classPropertyName: "typeOptions", publicName: "typeOptions", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, parentGuid: { classPropertyName: "parentGuid", publicName: "parentGuid", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div [class]=\"'p-4 overflow-y-auto ' + (modal.contentClass || '')\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <mt-select-field\r\n      [options]=\"typeSelectOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [label]=\"'task-schedule.dialog.type' | transloco\"\r\n      [placeholder]=\"'task-schedule.dialog.typePlaceholder' | transloco\"\r\n      [ngModel]=\"selectedType() ?? undefined\"\r\n      (onChange)=\"onTypeChange($event)\"\r\n    />\r\n\r\n    @if (selectedType()) {\r\n      <mt-client-form\r\n        #clientForm\r\n        [moduleKey]=\"'ModuleData'\"\r\n        [moduleId]=\"selectedModuleId() ?? undefined\"\r\n        [operationKey]=\"mode() === 'edit' ? 'Update' : 'Create'\"\r\n        [formMode]=\"mode()\"\r\n        [levelId]=\"context()?.levelId ?? undefined\"\r\n        [levelDataId]=\"context()?.levelDataId ?? undefined\"\r\n        [moduleDataId]=\"selectedModuleDataId() ?? undefined\"\r\n        [lang]=\"langCode()\"\r\n        [autoLoad]=\"true\"\r\n        [ignoredFieldKeys]=\"ignoredFieldKeys()\"\r\n        [submitRequestMapper]=\"submitRequestMapper\"\r\n        (submitted)=\"onClientFormSubmitted($event)\"\r\n      />\r\n    } @else {\r\n      <div\r\n        class=\"rounded-xl border border-surface bg-content px-4 py-4 text-sm text-muted-color\"\r\n      >\r\n        {{ \"task-schedule.dialog.typeFirst\" | transloco }}\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <div class=\"flex items-center justify-end gap-3\">\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.cancel' | transloco\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.save' | transloco\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"save()\"\r\n    />\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "statuses", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleDialog, isStandalone: true, selector: "mt-task-schedule-dialog", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: false, transformFunction: null }, typeOptions: { classPropertyName: "typeOptions", publicName: "typeOptions", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, parentGuid: { classPropertyName: "parentGuid", publicName: "parentGuid", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div [class]=\"'p-4 overflow-y-auto ' + (modal.contentClass || '')\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <mt-select-field\r\n      [options]=\"typeSelectOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [label]=\"'task-schedule.dialog.type' | transloco\"\r\n      [placeholder]=\"'task-schedule.dialog.typePlaceholder' | transloco\"\r\n      [ngModel]=\"selectedType() ?? undefined\"\r\n      (onChange)=\"onTypeChange($event)\"\r\n    />\r\n\r\n    @if (selectedType()) {\r\n      <mt-client-form\r\n        #clientForm\r\n        [moduleKey]=\"'ModuleData'\"\r\n        [moduleId]=\"selectedModuleId() ?? undefined\"\r\n        [operationKey]=\"mode() === 'edit' ? 'Update' : 'Create'\"\r\n        [formMode]=\"mode()\"\r\n        [levelId]=\"context()?.levelId ?? undefined\"\r\n        [levelDataId]=\"context()?.levelDataId ?? undefined\"\r\n        [moduleDataId]=\"selectedModuleDataId() ?? undefined\"\r\n        [lang]=\"langCode()\"\r\n        [autoLoad]=\"true\"\r\n        [ignoredFieldKeys]=\"ignoredFieldKeys()\"\r\n        [submitRequestMapper]=\"submitRequestMapper\"\r\n        (submitted)=\"onClientFormSubmitted($event)\"\r\n      />\r\n    } @else {\r\n      <div\r\n        class=\"rounded-xl border border-surface bg-content px-4 py-4 text-sm text-muted-color\"\r\n      >\r\n        {{ \"task-schedule.dialog.typeFirst\" | transloco }}\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <div class=\"flex items-center justify-end gap-3\">\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.cancel' | transloco\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.save' | transloco\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"save()\"\r\n    />\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleDialog, decorators: [{
             type: Component,
@@ -2539,7 +2728,8 @@ class TaskScheduleImportDialog {
         return output;
     }, ...(ngDevMode ? [{ debugName: "resourceOptions" }] : /* istanbul ignore next */ []));
     isTruncated = computed(() => {
-        const loadedCount = this.countTasks(this.importResult()?.tasks ?? []);
+        const maxRows = Math.max(1, this.maxRows());
+        const loadedCount = this.countTasks(this.importResult()?.tasks ?? [], maxRows + 1);
         return loadedCount > this.previewRows().length;
     }, ...(ngDevMode ? [{ debugName: "isTruncated" }] : /* istanbul ignore next */ []));
     allSelected = computed(() => {
@@ -2551,8 +2741,11 @@ class TaskScheduleImportDialog {
         return rows.every((row) => selected.has(row.key));
     }, ...(ngDevMode ? [{ debugName: "allSelected" }] : /* istanbul ignore next */ []));
     hasSelection = computed(() => this.selectedTaskKeys().size > 0, ...(ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []));
-    canImport = computed(() => !!this.selectedFile() && !this.loadingImport(), ...(ngDevMode ? [{ debugName: "canImport" }] : /* istanbul ignore next */ []));
-    canApply = computed(() => !!this.importResult() && this.hasSelection() && !this.loadingApply(), ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
+    canImport = computed(() => !!this.selectedFile() && !this.loadingImport() && !this.loadingApply(), ...(ngDevMode ? [{ debugName: "canImport" }] : /* istanbul ignore next */ []));
+    canApply = computed(() => !!this.importResult() &&
+        this.hasSelection() &&
+        !this.loadingApply() &&
+        !this.loadingImport(), ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
     previewPageSize = computed(() => Math.min(Math.max(this.previewRows().length, 1), 50), ...(ngDevMode ? [{ debugName: "previewPageSize" }] : /* istanbul ignore next */ []));
     previewColumns = linkedSignal(() => [
         {
@@ -2613,6 +2806,9 @@ class TaskScheduleImportDialog {
         this.errorMessage.set(null);
     }
     importFile() {
+        if (this.loadingImport() || this.loadingApply()) {
+            return;
+        }
         const context = this.context();
         const file = this.selectedFile();
         if (!context) {
@@ -2629,8 +2825,12 @@ class TaskScheduleImportDialog {
         }
         this.errorMessage.set(null);
         this.loadingImport.set(true);
+        const importContext = {
+            ...context,
+            mppPreviewMaxRows: Math.max(1, this.maxRows()),
+        };
         this.fetchService
-            .importTasks(context, file)
+            .importTasks(importContext, file)
             .pipe(finalize(() => this.loadingImport.set(false)))
             .subscribe({
             next: (result) => {
@@ -2655,13 +2855,16 @@ class TaskScheduleImportDialog {
     selectAllRows(checked) {
         const next = new Set();
         if (checked) {
-            this.collectTaskKeys(this.importResult()?.tasks ?? []).forEach((key) => {
+            this.previewRows().forEach(({ key }) => {
                 next.add(key);
             });
         }
         this.selectedTaskKeys.set(next);
     }
     applyImport(overrideCurrent) {
+        if (this.loadingImport() || this.loadingApply()) {
+            return;
+        }
         const context = this.context();
         const importResult = this.importResult();
         if (!context || !importResult) {
@@ -2674,7 +2877,7 @@ class TaskScheduleImportDialog {
         }
         const payload = {
             overrideCurrent,
-            data: this.buildApplyPayloadData(importResult.tasks),
+            data: this.buildApplyPayloadData(),
         };
         this.errorMessage.set(null);
         this.loadingApply.set(true);
@@ -2806,6 +3009,9 @@ class TaskScheduleImportDialog {
         if (!path) {
             return null;
         }
+        return this.findTaskByPath(path);
+    }
+    findTaskByPath(path) {
         const steps = path.split('.').filter((segment) => segment !== '');
         if (!steps.length || steps[0] !== 'root') {
             return null;
@@ -2840,42 +3046,53 @@ class TaskScheduleImportDialog {
             tasks: [...result.tasks],
         });
     }
-    buildApplyPayloadData(tasks) {
+    buildApplyPayloadData() {
         const selected = this.selectedTaskKeys();
-        const output = [];
-        const walk = (rows, parentGuid, pathPrefix) => {
-            rows.forEach((task, index) => {
-                const path = `${pathPrefix}.${index}`;
-                const key = this.resolveTaskKey(task, path);
-                const payloadTask = {
-                    ...task,
-                    name: String(task.title ?? task.name ?? ''),
-                    predecessors: task.predecessor ?? task.predecessors ?? '',
-                    parentGuid: task.parentGuid ?? parentGuid,
-                    assignedTo: this.resolveAssignedTo(task),
-                    isSelected: selected.has(key),
-                    subtasks: [],
-                    children: [],
-                };
-                payloadTask['startDate'] = this.toApiDate(task.startDate);
-                payloadTask['finishDate'] = this.toApiDate(task.finishDate);
-                payloadTask['baselineStart'] = this.toApiDate(task.baselineStartDate ?? task.baselineStart);
-                payloadTask['baselineFinish'] = this.toApiDate(task.baselineEndDate ?? task.baselineFinish);
-                payloadTask['actualStart'] = this.toApiDate(task.actualStartDate ?? task.actualStart);
-                payloadTask['actualFinish'] = this.toApiDate(task.actualFinishDate ?? task.actualFinish);
-                payloadTask['customProperties'] =
-                    task.customProperties ?? task.props ?? [];
-                payloadTask['isMilestone'] =
-                    String(task.type ?? task.typeLabel ?? task.typeLable ?? '').toLowerCase() === 'milestone';
-                output.push(payloadTask);
-                const children = this.resolveChildTasks(task);
-                if (children.length) {
-                    walk(children, task.guid ?? String(task.id ?? ''), path);
-                }
-            });
+        return this.previewRows()
+            .filter((row) => selected.has(row.key))
+            .map((row) => this.buildApplyPayloadTask(row));
+    }
+    buildApplyPayloadTask(row) {
+        const task = row.task;
+        const payloadTask = {
+            ...task,
+            name: String(task.title ?? task.name ?? ''),
+            predecessors: task.predecessor ?? task.predecessors ?? '',
+            parentGuid: task.parentGuid ?? this.resolveParentGuidForPreviewRow(row.key),
+            assignedTo: this.resolveAssignedTo(task),
+            isSelected: true,
+            subtasks: [],
+            children: [],
         };
-        walk(tasks, null, 'root');
-        return output;
+        payloadTask['startDate'] = this.toApiDate(task.startDate);
+        payloadTask['finishDate'] = this.toApiDate(task.finishDate);
+        payloadTask['baselineStart'] = this.toApiDate(task.baselineStartDate ?? task.baselineStart);
+        payloadTask['baselineFinish'] = this.toApiDate(task.baselineEndDate ?? task.baselineFinish);
+        payloadTask['actualStart'] = this.toApiDate(task.actualStartDate ?? task.actualStart);
+        payloadTask['actualFinish'] = this.toApiDate(task.actualFinishDate ?? task.actualFinish);
+        payloadTask['customProperties'] =
+            task.customProperties ?? task.props ?? [];
+        payloadTask['isMilestone'] =
+            String(task.type ?? task.typeLabel ?? task.typeLable ?? '').toLowerCase() === 'milestone';
+        return payloadTask;
+    }
+    resolveParentGuidForPreviewRow(rowKey) {
+        const path = this.readPathFromRowKey(rowKey);
+        if (!path) {
+            return null;
+        }
+        const steps = path.split('.').filter((segment) => segment !== '');
+        if (steps.length <= 2) {
+            return null;
+        }
+        const parent = this.findTaskByPath(steps.slice(0, -1).join('.'));
+        if (!parent) {
+            return null;
+        }
+        const parentGuid = parent.guid ?? parent.id ?? null;
+        return parentGuid === null || parentGuid === undefined
+            ? null
+            : String(parentGuid);
     }
     resolveChildTasks(task) {
         const subtasks = Array.isArray(task.subtasks) ? task.subtasks : [];
@@ -2889,21 +3106,6 @@ class TaskScheduleImportDialog {
         const base = task.guid ?? task.id ?? path;
         return `${String(base)}::${path}`;
     }
-    collectTaskKeys(tasks) {
-        const keys = new Set();
-        const walk = (rows, pathPrefix) => {
-            rows.forEach((task, index) => {
-                const path = `${pathPrefix}.${index}`;
-                keys.add(this.resolveTaskKey(task, path));
-                const children = this.resolveChildTasks(task);
-                if (children.length) {
-                    walk(children, path);
-                }
-            });
-        };
-        walk(tasks, 'root');
-        return keys;
-    }
     resolveAssignedTo(task) {
         const assignedTo = task.assignedTo;
         if ((typeof assignedTo === 'string' || typeof assignedTo === 'number') &&
@@ -3014,6 +3216,7 @@ class TaskScheduleImportDialog {
         if (typeof value === 'object') {
             const row = value;
             return (this.toApiDate(row['actualValue']) ??
+                this.toApiDate(row['raw']) ??
                 this.toApiDate(row['displayValue']) ??
                 this.toApiDate(row['value']) ??
                 null);
@@ -3026,16 +3229,19 @@ class TaskScheduleImportDialog {
         const day = String(date.getDate()).padStart(2, '0');
         return `${year}-${month}-${day}`;
     }
-    countTasks(tasks) {
+    countTasks(tasks, maxCount) {
         let count = 0;
         const walk = (rows) => {
-            rows.forEach((task) => {
+            for (const task of rows) {
+                if (count >= maxCount) {
+                    return;
+                }
                 count += 1;
                 const children = this.resolveChildTasks(task);
                 if (children.length) {
                     walk(children);
                 }
-            });
+            }
         };
         walk(tasks);
         return count;
@@ -3044,24 +3250,24 @@ class TaskScheduleImportDialog {
         this.errorMessage.set(message);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleImportDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleImportDialog, isStandalone: true, selector: "mt-task-schedule-import-dialog", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "selectionCellTpl", first: true, predicate: ["selectionCellTpl"], descendants: true, isSignal: true }, { propertyName: "taskCellTpl", first: true, predicate: ["taskCellTpl"], descendants: true, isSignal: true }, { propertyName: "startDateCellTpl", first: true, predicate: ["startDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "finishDateCellTpl", first: true, predicate: ["finishDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "actualStartDateCellTpl", first: true, predicate: ["actualStartDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "actualFinishDateCellTpl", first: true, predicate: ["actualFinishDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "assignedToCellTpl", first: true, predicate: ["assignedToCellTpl"], descendants: true, isSignal: true }, { propertyName: "progressCellTpl", first: true, predicate: ["progressCellTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  [class]=\"modal.contentClass\"\r\n  [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\r\n  class=\"flex h-full min-h-0 flex-col gap-4 !overflow-y-hidden p-5\"\r\n>\r\n  <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n    <div class=\"grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto_auto] lg:items-end\">\r\n      <input\r\n        #fileInput\r\n        class=\"hidden\"\r\n        type=\"file\"\r\n        accept=\".mpp,.xer\"\r\n        (change)=\"onFileChanged($event)\"\r\n      />\r\n\r\n      <mt-text-field\r\n        [ngModel]=\"selectedFile()?.name ?? ''\"\r\n        [readonly]=\"true\"\r\n        [placeholder]=\"labels().selectFile\"\r\n      />\r\n\r\n      <mt-button\r\n        [label]=\"labels().selectFile\"\r\n        severity=\"secondary\"\r\n        variant=\"outlined\"\r\n        [disabled]=\"loadingImport() || loadingApply()\"\r\n        (onClick)=\"fileInput.click()\"\r\n      />\r\n\r\n      <mt-button\r\n        [label]=\"labels().startImport\"\r\n        [disabled]=\"!canImport()\"\r\n        [loading]=\"loadingImport()\"\r\n        (onClick)=\"importFile()\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  @if (errorMessage()) {\r\n    <div\r\n      class=\"rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700\"\r\n    >\r\n      {{ errorMessage() }}\r\n    </div>\r\n  }\r\n\r\n  <div class=\"min-h-0 flex-1 overflow-y-auto\">\r\n    @if (importResult()) {\r\n      @if (!previewRows().length) {\r\n        <div\r\n          class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\"\r\n        >\r\n          {{ labels().noTasks }}\r\n        </div>\r\n      } @else {\r\n        <div class=\"rounded-lg border border-surface-200 bg-surface-0\">\r\n          <div\r\n            class=\"flex flex-wrap items-center justify-between gap-3 border-b border-surface-200 bg-surface-50 px-4 py-3\"\r\n          >\r\n            <div class=\"flex items-center gap-3\">\r\n              <mt-checkbox-field\r\n                [ngModel]=\"allSelected()\"\r\n                (ngModelChange)=\"selectAllRows(!!$event)\"\r\n              />\r\n              <span class=\"text-sm text-surface-600\">\r\n                {{ selectedTaskKeys().size }} / {{ previewRows().length }}\r\n              </span>\r\n            </div>\r\n\r\n            @if (isTruncated()) {\r\n              <p class=\"text-xs text-surface-500\">\r\n                {{ labels().rowsLimited }}\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"px-2 py-2\">\r\n            <mt-table\r\n              [data]=\"previewRows()\"\r\n              [columns]=\"previewColumns()\"\r\n              dataKey=\"key\"\r\n              storageKey=\"task-schedule-import-preview-table\"\r\n              size=\"small\"\r\n              [stripedRows]=\"true\"\r\n              [showGridlines]=\"true\"\r\n              [pageSize]=\"previewPageSize()\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <mt-button\r\n    [label]=\"labels().cancel\"\r\n    variant=\"outlined\"\r\n    [disabled]=\"loadingImport() || loadingApply()\"\r\n    (onClick)=\"close()\"\r\n  />\r\n\r\n  <mt-button\r\n    [label]=\"labels().replace\"\r\n    [disabled]=\"!canApply()\"\r\n    [loading]=\"loadingApply()\"\r\n    (onClick)=\"applyImport(true)\"\r\n  />\r\n\r\n  <mt-button\r\n    [label]=\"labels().append\"\r\n    severity=\"secondary\"\r\n    [disabled]=\"!canApply()\"\r\n    [loading]=\"loadingApply()\"\r\n    (onClick)=\"applyImport(false)\"\r\n  />\r\n</div>\r\n\r\n<ng-template #selectionCellTpl let-row>\r\n  <div class=\"flex items-center justify-center\">\r\n    <mt-checkbox-field\r\n      [ngModel]=\"selectedTaskKeys().has(row.key)\"\r\n      (ngModelChange)=\"toggleRowSelection(row.key, !!$event)\"\r\n    />\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #taskCellTpl let-row>\r\n  <div class=\"min-w-0\" [style.paddingInlineStart.px]=\"row.depth * 18\">\r\n    <mt-text-field\r\n      [ngModel]=\"row.task.title || row.task.name || ''\"\r\n      (ngModelChange)=\"onTaskTitleChanged(row.key, $event)\"\r\n    />\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #startDateCellTpl let-row>\r\n  <mt-date-field\r\n    [ngModel]=\"toDateFieldValue(row.task.startDate)\"\r\n    [showClear]=\"true\"\r\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'startDate', $event)\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #finishDateCellTpl let-row>\r\n  <mt-date-field\r\n    [ngModel]=\"toDateFieldValue(row.task.finishDate)\"\r\n    [showClear]=\"true\"\r\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'finishDate', $event)\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #actualStartDateCellTpl let-row>\r\n  <mt-date-field\r\n    [ngModel]=\"\r\n      toDateFieldValue(row.task.actualStartDate || row.task.actualStart)\r\n    \"\r\n    [showClear]=\"true\"\r\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualStartDate', $event)\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #actualFinishDateCellTpl let-row>\r\n  <mt-date-field\r\n    [ngModel]=\"\r\n      toDateFieldValue(row.task.actualFinishDate || row.task.actualFinish)\r\n    \"\r\n    [showClear]=\"true\"\r\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualFinishDate', $event)\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #assignedToCellTpl let-row>\r\n  <div class=\"min-w-0\">\r\n    @if (resourceOptions().length) {\r\n      <div class=\"space-y-2\">\r\n        <mt-select-field\r\n          [ngModel]=\"resolveAssignedValue(row.task)\"\r\n          [options]=\"resourceOptions()\"\r\n          optionLabel=\"label\"\r\n          optionValue=\"id\"\r\n          [showClear]=\"true\"\r\n          [hasPlaceholderPrefix]=\"false\"\r\n          [placeholder]=\"labels().assignedTo\"\r\n          (ngModelChange)=\"onTaskAssignedToChanged(row.key, $event)\"\r\n        />\r\n        @if (row.task.assignedTo) {\r\n          <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\r\n        }\r\n      </div>\r\n    } @else if (row.task.assignedTo) {\r\n      <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\r\n    } @else {\r\n      <span class=\"text-slate-400\">-</span>\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #progressCellTpl let-row>\r\n  <div class=\"space-y-2\">\r\n    <mt-number-field\r\n      [ngModel]=\"normalizeProgress(row.task.progress)\"\r\n      [min]=\"0\"\r\n      [max]=\"100\"\r\n      [useGrouping]=\"false\"\r\n      [maxFractionDigits]=\"0\"\r\n      (ngModelChange)=\"onTaskProgressChanged(row.key, $event)\"\r\n    />\r\n    <mt-entity-preview [data]=\"toProgressEntity(row.task)\" />\r\n  </div>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: CheckboxField, selector: "mt-checkbox-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: DateField, selector: "mt-date-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "showIcon", "showClear", "showTime", "pInputs", "required"] }, { kind: "component", type: EntityPreview, selector: "mt-entity-preview", inputs: ["data", "attachmentShape"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "pInputs", "format", "useGrouping", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "exportable", "printable", "groupable", "cellClickFilter", "freezeActions", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "maxLength", "icon", "iconPosition"] }, { kind: "ngmodule", type: TranslocoModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleImportDialog, isStandalone: true, selector: "mt-task-schedule-import-dialog", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "selectionCellTpl", first: true, predicate: ["selectionCellTpl"], descendants: true, isSignal: true }, { propertyName: "taskCellTpl", first: true, predicate: ["taskCellTpl"], descendants: true, isSignal: true }, { propertyName: "startDateCellTpl", first: true, predicate: ["startDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "finishDateCellTpl", first: true, predicate: ["finishDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "actualStartDateCellTpl", first: true, predicate: ["actualStartDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "actualFinishDateCellTpl", first: true, predicate: ["actualFinishDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "assignedToCellTpl", first: true, predicate: ["assignedToCellTpl"], descendants: true, isSignal: true }, { propertyName: "progressCellTpl", first: true, predicate: ["progressCellTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  [class]=\"modal.contentClass\"\n  [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\n  class=\"flex h-full min-h-0 flex-col gap-4 !overflow-y-hidden p-5\"\n>\n  <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\n    <div class=\"grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto_auto] lg:items-end\">\n      <input\n        #fileInput\n        class=\"hidden\"\n        type=\"file\"\n        accept=\".mpp,.xer\"\n        (change)=\"onFileChanged($event)\"\n      />\n\n      <mt-text-field\n        [ngModel]=\"selectedFile()?.name ?? ''\"\n        [readonly]=\"true\"\n        [placeholder]=\"labels().selectFile\"\n      />\n\n      <mt-button\n        [label]=\"labels().selectFile\"\n        severity=\"secondary\"\n        variant=\"outlined\"\n        [disabled]=\"loadingImport() || loadingApply()\"\n        (onClick)=\"fileInput.click()\"\n      />\n\n      <mt-button\n        [label]=\"labels().startImport\"\n        [disabled]=\"!canImport()\"\n        [loading]=\"loadingImport()\"\n        (onClick)=\"importFile()\"\n      />\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div\n      class=\"rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700\"\n    >\n      {{ errorMessage() }}\n    </div>\n  }\n\n  <div class=\"min-h-0 flex-1 overflow-y-auto\">\n    @if (importResult()) {\n      @if (!previewRows().length) {\n        <div\n          class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\"\n        >\n          {{ labels().noTasks }}\n        </div>\n      } @else {\n        <div class=\"rounded-lg border border-surface-200 bg-surface-0\">\n          <div\n            class=\"flex flex-wrap items-center justify-between gap-3 border-b border-surface-200 bg-surface-50 px-4 py-3\"\n          >\n            <div class=\"flex items-center gap-3\">\n              <mt-checkbox-field\n                [ngModel]=\"allSelected()\"\n                (ngModelChange)=\"selectAllRows(!!$event)\"\n              />\n              <span class=\"text-sm text-surface-600\">\n                {{ selectedTaskKeys().size }} / {{ previewRows().length }}\n              </span>\n            </div>\n\n            @if (isTruncated()) {\n              <p class=\"text-xs text-surface-500\">\n                {{ labels().rowsLimited }}\n              </p>\n            }\n          </div>\n\n          <div class=\"px-2 py-2\">\n            @defer (on idle) {\n              <mt-table\n                [data]=\"previewRows()\"\n                [columns]=\"previewColumns()\"\n                dataKey=\"key\"\n                storageKey=\"task-schedule-import-preview-table\"\n                size=\"small\"\n                [stripedRows]=\"true\"\n                [showGridlines]=\"true\"\n                [pageSize]=\"previewPageSize()\"\n              />\n            } @placeholder {\n              <div class=\"space-y-2 p-2\">\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n  </div>\n</div>\n\n<div [class]=\"modal.footerClass\">\n  <mt-button\n    [label]=\"labels().cancel\"\n    variant=\"outlined\"\n    [disabled]=\"loadingImport() || loadingApply()\"\n    (onClick)=\"close()\"\n  />\n\n  <mt-button\n    [label]=\"labels().replace\"\n    [disabled]=\"!canApply()\"\n    [loading]=\"loadingApply()\"\n    (onClick)=\"applyImport(true)\"\n  />\n\n  <mt-button\n    [label]=\"labels().append\"\n    severity=\"secondary\"\n    [disabled]=\"!canApply()\"\n    [loading]=\"loadingApply()\"\n    (onClick)=\"applyImport(false)\"\n  />\n</div>\n\n<ng-template #selectionCellTpl let-row>\n  <div class=\"flex items-center justify-center\">\n    <mt-checkbox-field\n      [ngModel]=\"selectedTaskKeys().has(row.key)\"\n      (ngModelChange)=\"toggleRowSelection(row.key, !!$event)\"\n    />\n  </div>\n</ng-template>\n\n<ng-template #taskCellTpl let-row>\n  <div class=\"min-w-0\" [style.paddingInlineStart.px]=\"row.depth * 18\">\n    <mt-text-field\n      [ngModel]=\"row.task.title || row.task.name || ''\"\n      (ngModelChange)=\"onTaskTitleChanged(row.key, $event)\"\n    />\n  </div>\n</ng-template>\n\n<ng-template #startDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"toDateFieldValue(row.task.startDate)\"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'startDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #finishDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"toDateFieldValue(row.task.finishDate)\"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'finishDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #actualStartDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"\n      toDateFieldValue(row.task.actualStartDate || row.task.actualStart)\n    \"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualStartDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #actualFinishDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"\n      toDateFieldValue(row.task.actualFinishDate || row.task.actualFinish)\n    \"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualFinishDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #assignedToCellTpl let-row>\n  <div class=\"min-w-0\">\n    @if (resourceOptions().length) {\n      <div class=\"space-y-2\">\n        <mt-select-field\n          [ngModel]=\"resolveAssignedValue(row.task)\"\n          [options]=\"resourceOptions()\"\n          optionLabel=\"label\"\n          optionValue=\"id\"\n          [showClear]=\"true\"\n          [hasPlaceholderPrefix]=\"false\"\n          [placeholder]=\"labels().assignedTo\"\n          (ngModelChange)=\"onTaskAssignedToChanged(row.key, $event)\"\n        />\n        @if (row.task.assignedTo) {\n          <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\n        }\n      </div>\n    } @else if (row.task.assignedTo) {\n      <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\n    } @else {\n      <span class=\"text-slate-400\">-</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #progressCellTpl let-row>\n  <div class=\"space-y-2\">\n    <mt-number-field\n      [ngModel]=\"normalizeProgress(row.task.progress)\"\n      [min]=\"0\"\n      [max]=\"100\"\n      [useGrouping]=\"false\"\n      [maxFractionDigits]=\"0\"\n      (ngModelChange)=\"onTaskProgressChanged(row.key, $event)\"\n    />\n    <mt-entity-preview [data]=\"toProgressEntity(row.task)\" />\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: CheckboxField, selector: "mt-checkbox-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: DateField, selector: "mt-date-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "showIcon", "showClear", "showTime", "pInputs", "required"] }, { kind: "component", type: EntityPreview, selector: "mt-entity-preview", inputs: ["data", "attachmentShape"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "pInputs", "format", "useGrouping", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "maxLength", "icon", "iconPosition"] }, { kind: "ngmodule", type: TranslocoModule }], deferBlockDependencies: [() => [import('@masterteam/components/table').then(m => m.Table)]] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleImportDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'mt-task-schedule-import-dialog', standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        Button,
-                        CheckboxField,
-                        DateField,
-                        EntityPreview,
-                        NumberField,
-                        SelectField,
-                        Table,
-                        TextField,
-                        TranslocoModule,
-                    ], template: "<div\r\n  [class]=\"modal.contentClass\"\r\n  [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\r\n  class=\"flex h-full min-h-0 flex-col gap-4 !overflow-y-hidden p-5\"\r\n>\r\n  <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n    <div class=\"grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto_auto] lg:items-end\">\r\n      <input\r\n        #fileInput\r\n        class=\"hidden\"\r\n        type=\"file\"\r\n        accept=\".mpp,.xer\"\r\n        (change)=\"onFileChanged($event)\"\r\n      />\r\n\r\n      <mt-text-field\r\n        [ngModel]=\"selectedFile()?.name ?? ''\"\r\n        [readonly]=\"true\"\r\n        [placeholder]=\"labels().selectFile\"\r\n      />\r\n\r\n      <mt-button\r\n        [label]=\"labels().selectFile\"\r\n        severity=\"secondary\"\r\n        variant=\"outlined\"\r\n        [disabled]=\"loadingImport() || loadingApply()\"\r\n        (onClick)=\"fileInput.click()\"\r\n      />\r\n\r\n      <mt-button\r\n        [label]=\"labels().startImport\"\r\n        [disabled]=\"!canImport()\"\r\n        [loading]=\"loadingImport()\"\r\n        (onClick)=\"importFile()\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  @if (errorMessage()) {\r\n    <div\r\n      class=\"rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700\"\r\n    >\r\n      {{ errorMessage() }}\r\n    </div>\r\n  }\r\n\r\n  <div class=\"min-h-0 flex-1 overflow-y-auto\">\r\n    @if (importResult()) {\r\n      @if (!previewRows().length) {\r\n        <div\r\n          class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\"\r\n        >\r\n          {{ labels().noTasks }}\r\n        </div>\r\n      } @else {\r\n        <div class=\"rounded-lg border border-surface-200 bg-surface-0\">\r\n          <div\r\n            class=\"flex flex-wrap items-center justify-between gap-3 border-b border-surface-200 bg-surface-50 px-4 py-3\"\r\n          >\r\n            <div class=\"flex items-center gap-3\">\r\n              <mt-checkbox-field\r\n                [ngModel]=\"allSelected()\"\r\n                (ngModelChange)=\"selectAllRows(!!$event)\"\r\n              />\r\n              <span class=\"text-sm text-surface-600\">\r\n                {{ selectedTaskKeys().size }} / {{ previewRows().length }}\r\n              </span>\r\n            </div>\r\n\r\n            @if (isTruncated()) {\r\n              <p class=\"text-xs text-surface-500\">\r\n                {{ labels().rowsLimited }}\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"px-2 py-2\">\r\n            <mt-table\r\n              [data]=\"previewRows()\"\r\n              [columns]=\"previewColumns()\"\r\n              dataKey=\"key\"\r\n              storageKey=\"task-schedule-import-preview-table\"\r\n              size=\"small\"\r\n              [stripedRows]=\"true\"\r\n              [showGridlines]=\"true\"\r\n              [pageSize]=\"previewPageSize()\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <mt-button\r\n    [label]=\"labels().cancel\"\r\n    variant=\"outlined\"\r\n    [disabled]=\"loadingImport() || loadingApply()\"\r\n    (onClick)=\"close()\"\r\n  />\r\n\r\n  <mt-button\r\n    [label]=\"labels().replace\"\r\n    [disabled]=\"!canApply()\"\r\n    [loading]=\"loadingApply()\"\r\n    (onClick)=\"applyImport(true)\"\r\n  />\r\n\r\n  <mt-button\r\n    [label]=\"labels().append\"\r\n    severity=\"secondary\"\r\n    [disabled]=\"!canApply()\"\r\n    [loading]=\"loadingApply()\"\r\n    (onClick)=\"applyImport(false)\"\r\n  />\r\n</div>\r\n\r\n<ng-template #selectionCellTpl let-row>\r\n  <div class=\"flex items-center justify-center\">\r\n    <mt-checkbox-field\r\n      [ngModel]=\"selectedTaskKeys().has(row.key)\"\r\n      (ngModelChange)=\"toggleRowSelection(row.key, !!$event)\"\r\n    />\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #taskCellTpl let-row>\r\n  <div class=\"min-w-0\" [style.paddingInlineStart.px]=\"row.depth * 18\">\r\n    <mt-text-field\r\n      [ngModel]=\"row.task.title || row.task.name || ''\"\r\n      (ngModelChange)=\"onTaskTitleChanged(row.key, $event)\"\r\n    />\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #startDateCellTpl let-row>\r\n  <mt-date-field\r\n    [ngModel]=\"toDateFieldValue(row.task.startDate)\"\r\n    [showClear]=\"true\"\r\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'startDate', $event)\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #finishDateCellTpl let-row>\r\n  <mt-date-field\r\n    [ngModel]=\"toDateFieldValue(row.task.finishDate)\"\r\n    [showClear]=\"true\"\r\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'finishDate', $event)\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #actualStartDateCellTpl let-row>\r\n  <mt-date-field\r\n    [ngModel]=\"\r\n      toDateFieldValue(row.task.actualStartDate || row.task.actualStart)\r\n    \"\r\n    [showClear]=\"true\"\r\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualStartDate', $event)\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #actualFinishDateCellTpl let-row>\r\n  <mt-date-field\r\n    [ngModel]=\"\r\n      toDateFieldValue(row.task.actualFinishDate || row.task.actualFinish)\r\n    \"\r\n    [showClear]=\"true\"\r\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualFinishDate', $event)\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #assignedToCellTpl let-row>\r\n  <div class=\"min-w-0\">\r\n    @if (resourceOptions().length) {\r\n      <div class=\"space-y-2\">\r\n        <mt-select-field\r\n          [ngModel]=\"resolveAssignedValue(row.task)\"\r\n          [options]=\"resourceOptions()\"\r\n          optionLabel=\"label\"\r\n          optionValue=\"id\"\r\n          [showClear]=\"true\"\r\n          [hasPlaceholderPrefix]=\"false\"\r\n          [placeholder]=\"labels().assignedTo\"\r\n          (ngModelChange)=\"onTaskAssignedToChanged(row.key, $event)\"\r\n        />\r\n        @if (row.task.assignedTo) {\r\n          <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\r\n        }\r\n      </div>\r\n    } @else if (row.task.assignedTo) {\r\n      <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\r\n    } @else {\r\n      <span class=\"text-slate-400\">-</span>\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #progressCellTpl let-row>\r\n  <div class=\"space-y-2\">\r\n    <mt-number-field\r\n      [ngModel]=\"normalizeProgress(row.task.progress)\"\r\n      [min]=\"0\"\r\n      [max]=\"100\"\r\n      [useGrouping]=\"false\"\r\n      [maxFractionDigits]=\"0\"\r\n      (ngModelChange)=\"onTaskProgressChanged(row.key, $event)\"\r\n    />\r\n    <mt-entity-preview [data]=\"toProgressEntity(row.task)\" />\r\n  </div>\r\n</ng-template>\r\n" }]
-        }], propDecorators: { selectionCellTpl: [{ type: i0.ViewChild, args: ['selectionCellTpl', { isSignal: true }] }], taskCellTpl: [{ type: i0.ViewChild, args: ['taskCellTpl', { isSignal: true }] }], startDateCellTpl: [{ type: i0.ViewChild, args: ['startDateCellTpl', { isSignal: true }] }], finishDateCellTpl: [{ type: i0.ViewChild, args: ['finishDateCellTpl', { isSignal: true }] }], actualStartDateCellTpl: [{ type: i0.ViewChild, args: ['actualStartDateCellTpl', { isSignal: true }] }], actualFinishDateCellTpl: [{ type: i0.ViewChild, args: ['actualFinishDateCellTpl', { isSignal: true }] }], assignedToCellTpl: [{ type: i0.ViewChild, args: ['assignedToCellTpl', { isSignal: true }] }], progressCellTpl: [{ type: i0.ViewChild, args: ['progressCellTpl', { isSignal: true }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }] } });
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleImportDialog, resolveDeferredDeps: () => [import('@masterteam/components/table').then(m => m.Table)], resolveMetadata: Table => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'mt-task-schedule-import-dialog', standalone: true, imports: [
+                            CommonModule,
+                            FormsModule,
+                            Button,
+                            CheckboxField,
+                            DateField,
+                            EntityPreview,
+                            NumberField,
+                            SelectField,
+                            Table,
+                            TextField,
+                            TranslocoModule,
+                        ], template: "<div\n  [class]=\"modal.contentClass\"\n  [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\n  class=\"flex h-full min-h-0 flex-col gap-4 !overflow-y-hidden p-5\"\n>\n  <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\n    <div class=\"grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto_auto] lg:items-end\">\n      <input\n        #fileInput\n        class=\"hidden\"\n        type=\"file\"\n        accept=\".mpp,.xer\"\n        (change)=\"onFileChanged($event)\"\n      />\n\n      <mt-text-field\n        [ngModel]=\"selectedFile()?.name ?? ''\"\n        [readonly]=\"true\"\n        [placeholder]=\"labels().selectFile\"\n      />\n\n      <mt-button\n        [label]=\"labels().selectFile\"\n        severity=\"secondary\"\n        variant=\"outlined\"\n        [disabled]=\"loadingImport() || loadingApply()\"\n        (onClick)=\"fileInput.click()\"\n      />\n\n      <mt-button\n        [label]=\"labels().startImport\"\n        [disabled]=\"!canImport()\"\n        [loading]=\"loadingImport()\"\n        (onClick)=\"importFile()\"\n      />\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div\n      class=\"rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700\"\n    >\n      {{ errorMessage() }}\n    </div>\n  }\n\n  <div class=\"min-h-0 flex-1 overflow-y-auto\">\n    @if (importResult()) {\n      @if (!previewRows().length) {\n        <div\n          class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\"\n        >\n          {{ labels().noTasks }}\n        </div>\n      } @else {\n        <div class=\"rounded-lg border border-surface-200 bg-surface-0\">\n          <div\n            class=\"flex flex-wrap items-center justify-between gap-3 border-b border-surface-200 bg-surface-50 px-4 py-3\"\n          >\n            <div class=\"flex items-center gap-3\">\n              <mt-checkbox-field\n                [ngModel]=\"allSelected()\"\n                (ngModelChange)=\"selectAllRows(!!$event)\"\n              />\n              <span class=\"text-sm text-surface-600\">\n                {{ selectedTaskKeys().size }} / {{ previewRows().length }}\n              </span>\n            </div>\n\n            @if (isTruncated()) {\n              <p class=\"text-xs text-surface-500\">\n                {{ labels().rowsLimited }}\n              </p>\n            }\n          </div>\n\n          <div class=\"px-2 py-2\">\n            @defer (on idle) {\n              <mt-table\n                [data]=\"previewRows()\"\n                [columns]=\"previewColumns()\"\n                dataKey=\"key\"\n                storageKey=\"task-schedule-import-preview-table\"\n                size=\"small\"\n                [stripedRows]=\"true\"\n                [showGridlines]=\"true\"\n                [pageSize]=\"previewPageSize()\"\n              />\n            } @placeholder {\n              <div class=\"space-y-2 p-2\">\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n  </div>\n</div>\n\n<div [class]=\"modal.footerClass\">\n  <mt-button\n    [label]=\"labels().cancel\"\n    variant=\"outlined\"\n    [disabled]=\"loadingImport() || loadingApply()\"\n    (onClick)=\"close()\"\n  />\n\n  <mt-button\n    [label]=\"labels().replace\"\n    [disabled]=\"!canApply()\"\n    [loading]=\"loadingApply()\"\n    (onClick)=\"applyImport(true)\"\n  />\n\n  <mt-button\n    [label]=\"labels().append\"\n    severity=\"secondary\"\n    [disabled]=\"!canApply()\"\n    [loading]=\"loadingApply()\"\n    (onClick)=\"applyImport(false)\"\n  />\n</div>\n\n<ng-template #selectionCellTpl let-row>\n  <div class=\"flex items-center justify-center\">\n    <mt-checkbox-field\n      [ngModel]=\"selectedTaskKeys().has(row.key)\"\n      (ngModelChange)=\"toggleRowSelection(row.key, !!$event)\"\n    />\n  </div>\n</ng-template>\n\n<ng-template #taskCellTpl let-row>\n  <div class=\"min-w-0\" [style.paddingInlineStart.px]=\"row.depth * 18\">\n    <mt-text-field\n      [ngModel]=\"row.task.title || row.task.name || ''\"\n      (ngModelChange)=\"onTaskTitleChanged(row.key, $event)\"\n    />\n  </div>\n</ng-template>\n\n<ng-template #startDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"toDateFieldValue(row.task.startDate)\"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'startDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #finishDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"toDateFieldValue(row.task.finishDate)\"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'finishDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #actualStartDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"\n      toDateFieldValue(row.task.actualStartDate || row.task.actualStart)\n    \"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualStartDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #actualFinishDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"\n      toDateFieldValue(row.task.actualFinishDate || row.task.actualFinish)\n    \"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualFinishDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #assignedToCellTpl let-row>\n  <div class=\"min-w-0\">\n    @if (resourceOptions().length) {\n      <div class=\"space-y-2\">\n        <mt-select-field\n          [ngModel]=\"resolveAssignedValue(row.task)\"\n          [options]=\"resourceOptions()\"\n          optionLabel=\"label\"\n          optionValue=\"id\"\n          [showClear]=\"true\"\n          [hasPlaceholderPrefix]=\"false\"\n          [placeholder]=\"labels().assignedTo\"\n          (ngModelChange)=\"onTaskAssignedToChanged(row.key, $event)\"\n        />\n        @if (row.task.assignedTo) {\n          <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\n        }\n      </div>\n    } @else if (row.task.assignedTo) {\n      <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\n    } @else {\n      <span class=\"text-slate-400\">-</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #progressCellTpl let-row>\n  <div class=\"space-y-2\">\n    <mt-number-field\n      [ngModel]=\"normalizeProgress(row.task.progress)\"\n      [min]=\"0\"\n      [max]=\"100\"\n      [useGrouping]=\"false\"\n      [maxFractionDigits]=\"0\"\n      (ngModelChange)=\"onTaskProgressChanged(row.key, $event)\"\n    />\n    <mt-entity-preview [data]=\"toProgressEntity(row.task)\" />\n  </div>\n</ng-template>\n" }]
+            }], ctorParameters: null, propDecorators: { selectionCellTpl: [{ type: i0.ViewChild, args: ['selectionCellTpl', { isSignal: true }] }], taskCellTpl: [{ type: i0.ViewChild, args: ['taskCellTpl', { isSignal: true }] }], startDateCellTpl: [{ type: i0.ViewChild, args: ['startDateCellTpl', { isSignal: true }] }], finishDateCellTpl: [{ type: i0.ViewChild, args: ['finishDateCellTpl', { isSignal: true }] }], actualStartDateCellTpl: [{ type: i0.ViewChild, args: ['actualStartDateCellTpl', { isSignal: true }] }], actualFinishDateCellTpl: [{ type: i0.ViewChild, args: ['actualFinishDateCellTpl', { isSignal: true }] }], assignedToCellTpl: [{ type: i0.ViewChild, args: ['assignedToCellTpl', { isSignal: true }] }], progressCellTpl: [{ type: i0.ViewChild, args: ['progressCellTpl', { isSignal: true }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }] } }) });
 
 class TaskScheduleQueueService {
     basicOrderColumns = new Map();
@@ -3270,6 +3476,7 @@ class TaskSchedule {
     fetchService = inject(TaskScheduleFetchService);
     actionService = inject(TaskScheduleActionService);
     modal = inject(ModalService);
+    dateFormats = inject(MT_DATE_FORMATS);
     queueService = inject(TaskScheduleQueueService);
     injector = inject(Injector);
     loadEffect;
@@ -3299,7 +3506,7 @@ class TaskSchedule {
     }, ...(ngDevMode ? [{ debugName: "treeColumnIndex" }] : /* istanbul ignore next */ []));
     ganttId = `mtTaskScheduleGantt-${Math.random().toString(36).slice(2, 10)}`;
     resolvedModelTypeInput = computed(() => this.context()?.modelType ?? 'default', ...(ngDevMode ? [{ debugName: "resolvedModelTypeInput" }] : /* istanbul ignore next */ []));
-    resolvedDateFormat = computed(() => this.context()?.dateFormat ?? 'dd/MM/yyyy', ...(ngDevMode ? [{ debugName: "resolvedDateFormat" }] : /* istanbul ignore next */ []));
+    resolvedDateFormat = computed(() => toAngularDateFormat(this.context()?.dateFormat ?? this.dateFormats.date), ...(ngDevMode ? [{ debugName: "resolvedDateFormat" }] : /* istanbul ignore next */ []));
     resolvedHeight = computed(() => this.context()?.height ?? '760px', ...(ngDevMode ? [{ debugName: "resolvedHeight" }] : /* istanbul ignore next */ []));
     resolvedModelType = computed(() => normalizeTaskScheduleModelType(this.resolvedModelTypeInput()), ...(ngDevMode ? [{ debugName: "resolvedModelType" }] : /* istanbul ignore next */ []));
     resolvedLangCode = computed(() => this.context()?.langCode === 'ar' ? 'ar' : 'en', ...(ngDevMode ? [{ debugName: "resolvedLangCode" }] : /* istanbul ignore next */ []));
@@ -3891,11 +4098,16 @@ class TaskSchedule {
             ToolbarService,
             ContextMenuService,
             ResizeService,
-        ], viewQueries: [{ propertyName: "ganttObj", first: true, predicate: ["ganttObj"], descendants: true }], ngImport: i0, template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ?? \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{ data?.finishDate ?? \"-\" }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{ data?.baselineStartDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{ data?.baselineEndDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: GanttModule }, { kind: "component", type: i1$1.GanttComponent, selector: "ejs-gantt", inputs: ["addDialogFields", "allowExcelExport", "allowFiltering", "allowKeyboard", "allowParentDependency", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTaskbarDragAndDrop", "allowTaskbarOverlap", "allowUnscheduledTasks", "autoCalculateDateScheduling", "autoFocusTasks", "baselineColor", "calendarSettings", "collapseAllParentTasks", "columnMenuItems", "columns", "connectorLineBackground", "connectorLineWidth", "contextMenuItems", "dataSource", "dateFormat", "dayWorkingTime", "disableHtmlEncode", "durationUnit", "editDialogFields", "editSettings", "emptyRecordTemplate", "enableAdaptiveUI", "enableAutoWbsUpdate", "enableContextMenu", "enableCriticalPath", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableMultiTaskbar", "enablePersistence", "enablePredecessorValidation", "enableRtl", "enableTimelineVirtualization", "enableUndoRedo", "enableVirtualMaskRow", "enableVirtualization", "enableWBS", "eventMarkers", "filterSettings", "frozenColumns", "gridLines", "height", "highlightWeekends", "holidays", "includeWeekend", "labelSettings", "loadChildOnDemand", "loadingIndicator", "locale", "milestoneTemplate", "parentTaskbarTemplate", "projectEndDate", "projectStartDate", "query", "readOnly", "renderBaseline", "resourceFields", "resourceIDMapping", "resourceNameMapping", "resources", "rowHeight", "searchSettings", "segmentData", "selectedRowIndex", "selectionSettings", "showColumnMenu", "showInlineNotes", "showOverAllocation", "sortSettings", "splitterSettings", "taskFields", "taskMode", "taskType", "taskbarHeight", "taskbarTemplate", "timelineSettings", "timelineTemplate", "timezone", "toolbar", "tooltipSettings", "treeColumnIndex", "undoRedoActions", "undoRedoStepsCount", "updateOffsetOnTaskbarEdit", "validateManualTasksOnLinking", "viewType", "weekWorkingTime", "width", "workUnit", "workWeek", "zoomingLevels"], outputs: ["actionBegin", "actionComplete", "actionFailure", "beforeDataBound", "beforeExcelExport", "beforePdfExport", "beforeTooltipRender", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSelected", "cellSelecting", "collapsed", "collapsing", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataStateChange", "destroyed", "endEdit", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "expanded", "expanding", "headerCellInfo", "load", "onMouseMove", "onTaskbarClick", "pdfColumnHeaderQueryCellInfo", "pdfExportComplete", "pdfQueryCellInfo", "pdfQueryTaskbarInfo", "pdfQueryTimelineCellInfo", "queryCellInfo", "queryTaskbarInfo", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "splitterResizeStart", "splitterResized", "splitterResizing", "taskbarEdited", "taskbarEditing", "toolbarClick", "dataSourceChange"] }, { kind: "component", type: TaskScheduleTaskbarTemplate, selector: "mt-task-schedule-taskbar-template", inputs: ["data", "langCode"] }] });
+        ], viewQueries: [{ propertyName: "ganttObj", first: true, predicate: ["ganttObj"], descendants: true }], ngImport: i0, template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ? (data.startDate | mtDateFormat: \"date\") : \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{\r\n            data?.finishDate ? (data.finishDate | mtDateFormat: \"date\") : \"-\"\r\n          }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{\r\n              data?.baselineStartDate\r\n                ? (data.baselineStartDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{\r\n              data?.baselineEndDate\r\n                ? (data.baselineEndDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: GanttModule }, { kind: "component", type: i1$1.GanttComponent, selector: "ejs-gantt", inputs: ["addDialogFields", "allowExcelExport", "allowFiltering", "allowKeyboard", "allowParentDependency", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTaskbarDragAndDrop", "allowTaskbarOverlap", "allowUnscheduledTasks", "autoCalculateDateScheduling", "autoFocusTasks", "baselineColor", "calendarSettings", "collapseAllParentTasks", "columnMenuItems", "columns", "connectorLineBackground", "connectorLineWidth", "contextMenuItems", "dataSource", "dateFormat", "dayWorkingTime", "disableHtmlEncode", "durationUnit", "editDialogFields", "editSettings", "emptyRecordTemplate", "enableAdaptiveUI", "enableAutoWbsUpdate", "enableContextMenu", "enableCriticalPath", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableMultiTaskbar", "enablePersistence", "enablePredecessorValidation", "enableRtl", "enableTimelineVirtualization", "enableUndoRedo", "enableVirtualMaskRow", "enableVirtualization", "enableWBS", "eventMarkers", "filterSettings", "frozenColumns", "gridLines", "height", "highlightWeekends", "holidays", "includeWeekend", "labelSettings", "loadChildOnDemand", "loadingIndicator", "locale", "milestoneTemplate", "parentTaskbarTemplate", "projectEndDate", "projectStartDate", "query", "readOnly", "renderBaseline", "resourceFields", "resourceIDMapping", "resourceNameMapping", "resources", "rowHeight", "searchSettings", "segmentData", "selectedRowIndex", "selectionSettings", "showColumnMenu", "showInlineNotes", "showOverAllocation", "sortSettings", "splitterSettings", "taskFields", "taskMode", "taskType", "taskbarHeight", "taskbarTemplate", "timelineSettings", "timelineTemplate", "timezone", "toolbar", "tooltipSettings", "treeColumnIndex", "undoRedoActions", "undoRedoStepsCount", "updateOffsetOnTaskbarEdit", "validateManualTasksOnLinking", "viewType", "weekWorkingTime", "width", "workUnit", "workWeek", "zoomingLevels"], outputs: ["actionBegin", "actionComplete", "actionFailure", "beforeDataBound", "beforeExcelExport", "beforePdfExport", "beforeTooltipRender", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSelected", "cellSelecting", "collapsed", "collapsing", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataStateChange", "destroyed", "endEdit", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "expanded", "expanding", "headerCellInfo", "load", "onMouseMove", "onTaskbarClick", "pdfColumnHeaderQueryCellInfo", "pdfExportComplete", "pdfQueryCellInfo", "pdfQueryTaskbarInfo", "pdfQueryTimelineCellInfo", "queryCellInfo", "queryTaskbarInfo", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "splitterResizeStart", "splitterResized", "splitterResizing", "taskbarEdited", "taskbarEditing", "toolbarClick", "dataSourceChange"] }, { kind: "component", type: TaskScheduleTaskbarTemplate, selector: "mt-task-schedule-taskbar-template", inputs: ["data", "langCode"] }, { kind: "pipe", type: MTDateFormatPipe, name: "mtDateFormat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskSchedule, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-task-schedule', standalone: true, imports: [CommonModule, GanttModule, TaskScheduleTaskbarTemplate], host: { class: 'block' }, providers: [
+            args: [{ selector: 'mt-task-schedule', standalone: true, imports: [
+                        CommonModule,
+                        GanttModule,
+                        MTDateFormatPipe,
+                        TaskScheduleTaskbarTemplate,
+                    ], host: { class: 'block' }, providers: [
                         DayMarkersService,
                         EditService,
                         ExcelExportService,
@@ -3908,7 +4120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         ToolbarService,
                         ContextMenuService,
                         ResizeService,
-                    ], template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ?? \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{ data?.finishDate ?? \"-\" }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{ data?.baselineStartDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{ data?.baselineEndDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"] }]
+                    ], template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ? (data.startDate | mtDateFormat: \"date\") : \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{\r\n            data?.finishDate ? (data.finishDate | mtDateFormat: \"date\") : \"-\"\r\n          }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{\r\n              data?.baselineStartDate\r\n                ? (data.baselineStartDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{\r\n              data?.baselineEndDate\r\n                ? (data.baselineEndDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { ganttObj: [{
                 type: ViewChild,
                 args: ['ganttObj']