@masterteam/task-schedule 0.0.1 → 0.0.2

package/fesm2022/masterteam-task-schedule.mjs

@@ -157,12 +157,15 @@ class TaskScheduleBackendAdapter {
         if (!this.http) {
             return this.backendError('Task create requires HttpClient.');
         }
-        const endpoint = this.resolveTaskMutationEndpoint(context, 'createTask', 'tasks/{levelId}/create', 'tasks/{schemaId}/{levelId}/create');
+        const endpoint = this.resolveTaskMutationEndpoint(context, 'createTask', 'levels/{levelId}/{levelDataId}/schedule', 'tasks/{levelId}/create', 'tasks/{schemaId}/{levelId}/create');
         if (!endpoint) {
             return this.backendError('Task create endpoint requires a valid levelId.');
         }
+        const requestBody = endpoint.mode === 'runtime'
+            ? this.mapRuntimeMutationPayload(payload)
+            : payload;
         return this.http
-            .post(endpoint, payload, {
+            .post(endpoint.url, requestBody, {
             headers: this.readHeaders(context, 'task-create'),
         })
             .pipe(map((response) => this.unwrapResponse(response, 'Failed to create task.')));
@@ -171,12 +174,15 @@ class TaskScheduleBackendAdapter {
         if (!this.http) {
             return this.backendError('Task update requires HttpClient.');
         }
-        const endpoint = this.resolveTaskMutationEndpoint(context, 'updateTask', 'tasks/{levelId}/update/{taskId}', 'tasks/{schemaId}/{levelId}/update/{taskId}', { taskId: this.readId(taskId) ?? '' });
+        const endpoint = this.resolveTaskMutationEndpoint(context, 'updateTask', 'levels/{levelId}/{levelDataId}/schedule/{taskId}', 'tasks/{levelId}/update/{taskId}', 'tasks/{schemaId}/{levelId}/update/{taskId}', { taskId: this.readId(taskId) ?? '' });
         if (!endpoint) {
             return this.backendError('Task update endpoint requires a valid levelId.');
         }
+        const requestBody = endpoint.mode === 'runtime'
+            ? this.mapRuntimeMutationPayload(payload)
+            : payload;
         return this.http
-            .put(endpoint, payload, {
+            .put(endpoint.url, requestBody, {
             headers: this.readHeaders(context, 'task-update'),
         })
             .pipe(map((response) => this.unwrapResponse(response, 'Failed to update task.')));
@@ -185,12 +191,12 @@ class TaskScheduleBackendAdapter {
         if (!this.http) {
             return this.backendError('Task delete requires HttpClient.');
         }
-        const endpoint = this.resolveTaskMutationEndpoint(context, 'deleteTask', 'tasks/{levelId}/delete/{taskId}', 'tasks/{schemaId}/{levelId}/delete/{taskId}', { taskId: this.readId(taskId) ?? '' });
+        const endpoint = this.resolveTaskMutationEndpoint(context, 'deleteTask', 'levels/{levelId}/{levelDataId}/schedule/{taskId}', 'tasks/{levelId}/delete/{taskId}', 'tasks/{schemaId}/{levelId}/delete/{taskId}', { taskId: this.readId(taskId) ?? '' });
         if (!endpoint) {
             return this.backendError('Task delete endpoint requires a valid levelId.');
         }
         return this.http
-            .delete(endpoint, {
+            .delete(endpoint.url, {
             headers: this.readHeaders(context, 'task-delete'),
         })
             .pipe(map((response) => this.unwrapResponse(response, 'Failed to delete task.')));
@@ -199,12 +205,15 @@ class TaskScheduleBackendAdapter {
         if (!this.http) {
             return this.backendError('Task bulk update requires HttpClient.');
         }
-        const endpoint = this.resolveTaskMutationEndpoint(context, 'updateBulkTasks', 'tasks/{levelId}/bulkUpdate', 'tasks/{schemaId}/{levelId}/bulkUpdate');
+        const endpoint = this.resolveTaskMutationEndpoint(context, 'updateBulkTasks', 'levels/{levelId}/{levelDataId}/schedule/bulk-update', 'tasks/{levelId}/bulkUpdate', 'tasks/{schemaId}/{levelId}/bulkUpdate');
         if (!endpoint) {
             return this.backendError('Task bulk update endpoint requires a valid levelId.');
         }
+        const requestBody = endpoint.mode === 'runtime'
+            ? this.mapRuntimeBulkUpdatePayload(payload)
+            : { data: payload };
         return this.http
-            .put(endpoint, { data: payload }, {
+            .put(endpoint.url, requestBody, {
             headers: this.readHeaders(context, 'task-bulk-update'),
         })
             .pipe(map((response) => this.unwrapResponse(response, 'Failed to update linked tasks.')));
@@ -213,12 +222,12 @@ class TaskScheduleBackendAdapter {
         if (!this.http) {
             return this.backendError('Task parent update requires HttpClient.');
         }
-        const endpoint = this.resolveTaskMutationEndpoint(context, 'updateParent', 'tasks/{levelId}/updateParent/{taskId}', 'tasks/{schemaId}/{levelId}/updateParent/{taskId}', { taskId: this.readId(taskId) ?? '' });
+        const endpoint = this.resolveTaskMutationEndpoint(context, 'updateParent', 'levels/{levelId}/{levelDataId}/schedule/{taskId}', 'tasks/{levelId}/updateParent/{taskId}', 'tasks/{schemaId}/{levelId}/updateParent/{taskId}', { taskId: this.readId(taskId) ?? '' });
         if (!endpoint) {
             return this.backendError('Task parent update endpoint requires a valid levelId.');
         }
         return this.http
-            .put(endpoint, { parentId }, {
+            .put(endpoint.url, { parentId }, {
             headers: this.readHeaders(context, 'task-update-parent'),
         })
             .pipe(map((response) => this.unwrapResponse(response, 'Failed to update task parent.')));
@@ -227,12 +236,15 @@ class TaskScheduleBackendAdapter {
         if (!this.http) {
             return this.backendError('Task reorder requires HttpClient.');
         }
-        const endpoint = this.resolveTaskMutationEndpoint(context, 'updateOrder', 'tasks/{levelId}/reorder', 'tasks/{schemaId}/{levelId}/reorder');
+        const endpoint = this.resolveTaskMutationEndpoint(context, 'updateOrder', 'levels/{levelId}/{levelDataId}/schedule/reorder', 'tasks/{levelId}/reorder', 'tasks/{schemaId}/{levelId}/reorder');
         if (!endpoint) {
             return this.backendError('Task reorder endpoint requires a valid levelId.');
         }
+        const requestBody = endpoint.mode === 'runtime'
+            ? this.mapRuntimeOrderUpdatePayload(payload)
+            : { data: payload };
         return this.http
-            .put(endpoint, { data: payload }, {
+            .put(endpoint.url, requestBody, {
             headers: this.readHeaders(context, 'task-update-order'),
         })
             .pipe(map((response) => this.unwrapResponse(response, 'Failed to update task order.')));
@@ -241,16 +253,19 @@ class TaskScheduleBackendAdapter {
         if (!this.http) {
             return this.backendError('Task progress update requires HttpClient.');
         }
-        const endpoint = this.resolveTaskMutationEndpoint(context, 'updateProgress', 'tasks/{levelId}/updatePlanningModuleProgress', 'tasks/{schemaId}/{levelId}/updatePlanningModuleProgress');
+        const endpoint = this.resolveTaskMutationEndpoint(context, 'updateProgress', 'levels/{levelId}/{levelDataId}/schedule/{taskId}/progress', 'tasks/{levelId}/updatePlanningModuleProgress', 'tasks/{schemaId}/{levelId}/updatePlanningModuleProgress', { taskId: this.readId(taskId) ?? '' });
         if (!endpoint) {
             return this.backendError('Task progress update endpoint requires a valid levelId.');
         }
+        const requestBody = endpoint.mode === 'runtime'
+            ? { progress: this.toNullableNumber(payload.progress) ?? 0 }
+            : {
+                ...payload,
+                id: taskId,
+                ModuleType: payload.type ?? 'Task',
+            };
         return this.http
-            .put(endpoint, {
-            ...payload,
-            id: taskId,
-            ModuleType: payload.type ?? 'Task',
-        }, {
+            .put(endpoint.url, requestBody, {
             headers: this.readHeaders(context, 'task-update-progress'),
         })
             .pipe(map((response) => this.unwrapResponse(response, 'Failed to update task progress.')));
@@ -263,14 +278,21 @@ class TaskScheduleBackendAdapter {
         if (!levelId) {
             return this.backendError('Task import endpoint requires a valid levelId.');
         }
+        const levelDataId = this.readId(context.levelDataId);
         const schemaId = this.readId(context.schemaId);
-        const endpoint = this.resolveApiUrl(context, this.readEndpoint(context.endpoints, 'importTasks') ?? 'tasks/mmp/import', {
+        const customTemplate = this.readEndpoint(context.endpoints, 'importTasks');
+        const template = customTemplate ?? 'tasks/mmp/import';
+        const endpoint = this.resolveApiUrl(context, template, {
             levelId,
+            ...(levelDataId ? { levelDataId } : {}),
             ...(schemaId ? { schemaId } : {}),
         });
         const formData = new FormData();
         formData.append('file', file, file.name);
         formData.append('levelId', levelId);
+        if (levelDataId) {
+            formData.append('levelDataId', levelDataId);
+        }
         return this.http
             .post(endpoint, formData, {
             headers: this.readHeaders(context, 'task-import'),
@@ -280,7 +302,9 @@ class TaskScheduleBackendAdapter {
             const tasks = rows
                 .map((item, index) => this.mapRuntimeTask(item, index + 1))
                 .filter((item) => !!item);
-            const payload = raw && typeof raw === 'object' ? raw : {};
+            const payload = raw && typeof raw === 'object'
+                ? raw
+                : {};
             return {
                 fileName: this.toNullableString(payload['fileName']) ??
                     this.toNullableString(payload['name']) ??
@@ -312,13 +336,19 @@ class TaskScheduleBackendAdapter {
         if (!levelId) {
             return this.backendError('Set baseline endpoint requires a valid levelId.');
         }
+        const levelDataId = this.readId(context.levelDataId);
         const schemaId = this.readId(context.schemaId);
-        const template = this.readEndpoint(context.endpoints, 'setBaseline') ??
-            (schemaId
-                ? 'levels/{schemaId}/{levelId}/tasks/setBaseline'
-                : 'levels/{levelId}/tasks/setBaseline');
+        const customTemplate = this.readEndpoint(context.endpoints, 'setBaseline');
+        const template = customTemplate
+            ? customTemplate
+            : levelDataId
+                ? 'levels/{levelId}/{levelDataId}/schedule/baselines'
+                : schemaId
+                    ? 'levels/{schemaId}/{levelId}/tasks/setBaseline'
+                    : 'levels/{levelId}/tasks/setBaseline';
         const endpoint = this.resolveApiUrl(context, template, {
             levelId,
+            ...(levelDataId ? { levelDataId } : {}),
             ...(schemaId ? { schemaId } : {}),
         });
         return this.http
@@ -335,10 +365,17 @@ class TaskScheduleBackendAdapter {
         if (!levelId) {
             return this.backendError('Task export endpoint requires a valid levelId.');
         }
+        const levelDataId = this.readId(context.levelDataId);
         const schemaId = this.readId(context.schemaId);
-        const endpoint = this.resolveApiUrl(context, this.readEndpoint(context.endpoints, 'exportTasks') ??
-            'tasks/levels/{levelId}/export', {
+        const customTemplate = this.readEndpoint(context.endpoints, 'exportTasks');
+        const template = customTemplate
+            ? customTemplate
+            : levelDataId
+                ? 'levels/{levelId}/{levelDataId}/schedule/mpp'
+                : 'tasks/levels/{levelId}/export';
+        const endpoint = this.resolveApiUrl(context, template, {
             levelId,
+            ...(levelDataId ? { levelDataId } : {}),
             ...(schemaId ? { schemaId } : {}),
         });
         return this.http.get(endpoint, {
@@ -346,6 +383,60 @@ class TaskScheduleBackendAdapter {
             responseType: 'blob',
         });
     }
+    mapRuntimeMutationPayload(payload) {
+        const mapped = { ...payload };
+        if (payload.startDate !== undefined) {
+            mapped['plannedStart'] = payload.startDate;
+        }
+        if (payload.finishDate !== undefined) {
+            mapped['plannedFinish'] = payload.finishDate;
+        }
+        return mapped;
+    }
+    mapRuntimeBulkUpdatePayload(payload) {
+        const items = payload.map((item) => {
+            const mapped = this.mapRuntimeMutationPayload(item);
+            const id = this.toTaskId(item['id']);
+            if (id !== null) {
+                mapped['id'] = id;
+            }
+            return mapped;
+        });
+        const type = this.resolveRuntimeScheduleItemType(payload[0]?.['type']);
+        return {
+            ...(type === null ? {} : { type }),
+            items,
+        };
+    }
+    mapRuntimeOrderUpdatePayload(payload) {
+        return {
+            items: payload.map((item) => ({
+                id: item.taskId,
+                order: item.order,
+            })),
+        };
+    }
+    resolveRuntimeScheduleItemType(value) {
+        if (typeof value === 'number' && Number.isFinite(value)) {
+            return value;
+        }
+        const normalized = String(value ?? '')
+            .trim()
+            .toLowerCase();
+        if (!normalized) {
+            return null;
+        }
+        if (normalized === 'task') {
+            return 0;
+        }
+        if (normalized === 'milestone') {
+            return 1;
+        }
+        if (normalized === 'deliverable') {
+            return 2;
+        }
+        return null;
+    }
     loadCustomColumns(context) {
         if (Array.isArray(context.customColumns)) {
             return of(context.customColumns);
@@ -380,7 +471,8 @@ class TaskScheduleBackendAdapter {
         })
             .pipe(map((response) => this.unwrapResponse(response, 'Failed to load schedule views.')));
         if (scheduleViewKey) {
-            return views$.pipe(map((views) => views.find((view) => String(view.key ?? '').toLowerCase() === scheduleViewKey.toLowerCase())), map((view) => this.mapScheduleColumns(view?.columns ?? [], context.langCode ?? 'en')));
+            return views$.pipe(map((views) => views.find((view) => String(view.key ?? '').toLowerCase() ===
+                scheduleViewKey.toLowerCase())), map((view) => this.mapScheduleColumns(view?.columns ?? [], context.langCode ?? 'en')));
         }
         const settingsEndpoint = this.resolveScheduleManagerEndpoint(context, 'scheduleSettingsByLevel', '{scheduleManagerBase}/{levelId}/settings', { levelId });
         return this.http
@@ -417,6 +509,19 @@ class TaskScheduleBackendAdapter {
         if (customTreeRoute) {
             return customTreeRoute;
         }
+        const levelDataId = this.readId(context.levelDataId);
+        if (levelDataId) {
+            if (modelType === 'unscheduled') {
+                return 'levels/{levelId}/{levelDataId}/schedule/unscheduled';
+            }
+            if (modelType === 'phaseGate') {
+                return 'levels/{levelId}/{levelDataId}/schedule/tree?renderMode=PhaseGate';
+            }
+            if (modelType === 'resources') {
+                return 'levels/{levelId}/{levelDataId}/schedule/by-resource';
+            }
+            return 'levels/{levelId}/{levelDataId}/schedule/tree';
+        }
         if (this.readId(context.schemaId)) {
             if (modelType === 'baseline') {
                 return 'tasks/{levelId}/GetAllBaseLine';
@@ -429,7 +534,16 @@ class TaskScheduleBackendAdapter {
             }
             return 'tasks/{levelId}/GetAll';
         }
-        return 'levels/{levelId}/{levelDataId}/schedule/tree';
+        if (modelType === 'baseline') {
+            return 'tasks/{levelId}/GetAllBaseLine';
+        }
+        if (modelType === 'unscheduled') {
+            return 'tasks/{levelId}/unscheduled';
+        }
+        if (modelType === 'phaseGate') {
+            return 'tasks/{levelId}/GetAll?RenderMode=PhaseGate';
+        }
+        return 'tasks/{levelId}/GetAll';
     }
     buildTreeRouteParams(context, treeRouteTemplate) {
         const levelId = this.readId(context.levelId);
@@ -453,19 +567,40 @@ class TaskScheduleBackendAdapter {
         }
         return params;
     }
-    resolveTaskMutationEndpoint(context, endpointKey, fallbackTemplate, legacyTemplateWithSchema, extraParams) {
+    resolveTaskMutationEndpoint(context, endpointKey, runtimeTemplate, legacyTemplate, legacyTemplateWithSchema, extraParams) {
         const levelId = this.readId(context.levelId);
         if (!levelId) {
             return null;
         }
+        const levelDataId = this.readId(context.levelDataId);
         const schemaId = this.readId(context.schemaId);
-        const template = this.readEndpoint(context.endpoints, endpointKey) ??
-            (schemaId ? legacyTemplateWithSchema : fallbackTemplate);
-        return this.resolveApiUrl(context, template, {
+        const customTemplate = this.readEndpoint(context.endpoints, endpointKey);
+        const params = {
             levelId,
+            ...(levelDataId ? { levelDataId } : {}),
             ...(schemaId ? { schemaId } : {}),
             ...extraParams,
-        });
+        };
+        if (customTemplate) {
+            const normalizedTemplate = customTemplate.replace(/\\/g, '/');
+            const isRuntimeTemplate = customTemplate.includes('{levelDataId}') ||
+                (levelDataId !== null &&
+                    /levels\/\{levelId\}\/.+\/(schedule|tasks|milestones|deliverables)/i.test(normalizedTemplate));
+            return {
+                url: this.resolveApiUrl(context, customTemplate, params),
+                mode: isRuntimeTemplate ? 'runtime' : 'legacy',
+            };
+        }
+        if (levelDataId) {
+            return {
+                url: this.resolveApiUrl(context, runtimeTemplate, params),
+                mode: 'runtime',
+            };
+        }
+        return {
+            url: this.resolveApiUrl(context, schemaId ? legacyTemplateWithSchema : legacyTemplate, params),
+            mode: 'legacy',
+        };
     }
     resolveApplyImportedTasksEndpoint(context) {
         const levelId = this.readId(context.levelId);
@@ -474,14 +609,18 @@ class TaskScheduleBackendAdapter {
         }
         const custom = this.readEndpoint(context.endpoints, 'applyImportedTasks');
         if (custom) {
+            const levelDataId = this.readId(context.levelDataId);
             const schemaId = this.readId(context.schemaId);
             return this.resolveApiUrl(context, custom, {
                 levelId,
+                ...(levelDataId ? { levelDataId } : {}),
                 ...(schemaId ? { schemaId } : {}),
             });
         }
         const schemaId = this.readId(context.schemaId);
-        const template = schemaId ? 'tasks/{schemaId}/{levelId}' : 'tasks/{levelId}/import';
+        const template = schemaId
+            ? 'tasks/{schemaId}/{levelId}'
+            : 'tasks/{levelId}/import';
         return this.resolveApiUrl(context, template, {
             levelId,
             ...(schemaId ? { schemaId } : {}),
@@ -535,7 +674,8 @@ class TaskScheduleBackendAdapter {
         return headers;
     }
     buildIdempotencyKey(seed) {
-        if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+        if (typeof crypto !== 'undefined' &&
+            typeof crypto.randomUUID === 'function') {
             return `${seed}-${crypto.randomUUID()}`;
         }
         return `${seed}-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
@@ -555,7 +695,7 @@ class TaskScheduleBackendAdapter {
     }
     extractTaskArray(payload) {
         if (Array.isArray(payload)) {
-            return payload;
+            return this.normalizeTaskRows(payload);
         }
         if (!payload || typeof payload !== 'object') {
             return [];
@@ -571,7 +711,7 @@ class TaskScheduleBackendAdapter {
         ];
         for (const candidate of candidates) {
             if (Array.isArray(candidate)) {
-                return candidate;
+                return this.normalizeTaskRows(candidate);
             }
         }
         if (source['id'] !== undefined || source['Id'] !== undefined) {
@@ -579,6 +719,145 @@ class TaskScheduleBackendAdapter {
         }
         return [];
     }
+    normalizeTaskRows(rows) {
+        const resourceRows = this.flattenResourceGroups(rows);
+        return resourceRows ?? rows;
+    }
+    flattenResourceGroups(rows) {
+        const mergedById = new Map();
+        const unmatchedRows = [];
+        let hasResourceGroups = false;
+        rows.forEach((row) => {
+            if (!row || typeof row !== 'object') {
+                return;
+            }
+            const group = row;
+            const groupItems = this.firstDefined(group, ['items', 'Items']);
+            if (!Array.isArray(groupItems)) {
+                return;
+            }
+            const isResourceGroup = group['userId'] !== undefined ||
+                group['UserId'] !== undefined ||
+                group['displayName'] !== undefined ||
+                group['DisplayName'] !== undefined;
+            if (!isResourceGroup) {
+                return;
+            }
+            hasResourceGroups = true;
+            const groupUserId = this.toTaskId(this.firstDefined(group, ['userId', 'UserId']));
+            const groupDisplayName = this.toNullableString(this.firstDefined(group, [
+                'displayName',
+                'DisplayName',
+                'name',
+                'Name',
+            ]));
+            groupItems.forEach((item) => {
+                if (!item || typeof item !== 'object') {
+                    return;
+                }
+                const taskRow = { ...item };
+                this.attachGroupResource(taskRow, groupUserId, groupDisplayName);
+                const id = this.toTaskId(this.firstDefined(taskRow, ['id', 'Id', 'taskId', 'TaskId']));
+                if (id === null) {
+                    unmatchedRows.push(taskRow);
+                    return;
+                }
+                const key = String(id);
+                const existing = mergedById.get(key);
+                if (!existing) {
+                    mergedById.set(key, taskRow);
+                    return;
+                }
+                this.mergeTaskResources(existing, taskRow);
+                if (existing['assignedTo'] === undefined &&
+                    taskRow['assignedTo'] !== undefined) {
+                    existing['assignedTo'] = taskRow['assignedTo'];
+                }
+                if (existing['AssignedTo'] === undefined &&
+                    taskRow['AssignedTo'] !== undefined) {
+                    existing['AssignedTo'] = taskRow['AssignedTo'];
+                }
+            });
+        });
+        if (!hasResourceGroups) {
+            return null;
+        }
+        return [...mergedById.values(), ...unmatchedRows];
+    }
+    attachGroupResource(taskRow, groupUserId, groupDisplayName) {
+        if (groupUserId === null) {
+            return;
+        }
+        const existingResourcesCandidate = this.firstDefined(taskRow, [
+            'resources',
+            'Resources',
+        ]);
+        const existingResources = Array.isArray(existingResourcesCandidate)
+            ? [...existingResourcesCandidate]
+            : [];
+        const hasResource = existingResources.some((resource) => this.resolveResourceIdentity(resource) === String(groupUserId));
+        if (!hasResource) {
+            existingResources.push({
+                resourceId: groupUserId,
+                resourceName: groupDisplayName ?? String(groupUserId),
+            });
+        }
+        taskRow['resources'] = existingResources;
+        if (taskRow['assignedTo'] === undefined &&
+            taskRow['AssignedTo'] === undefined) {
+            taskRow['assignedTo'] = groupUserId;
+        }
+    }
+    mergeTaskResources(target, source) {
+        const targetResourcesCandidate = this.firstDefined(target, [
+            'resources',
+            'Resources',
+        ]);
+        const sourceResourcesCandidate = this.firstDefined(source, [
+            'resources',
+            'Resources',
+        ]);
+        const targetResources = Array.isArray(targetResourcesCandidate)
+            ? [...targetResourcesCandidate]
+            : [];
+        const sourceResources = Array.isArray(sourceResourcesCandidate)
+            ? sourceResourcesCandidate
+            : [];
+        sourceResources.forEach((resource) => {
+            const sourceId = this.resolveResourceIdentity(resource);
+            if (!sourceId) {
+                return;
+            }
+            const exists = targetResources.some((targetResource) => this.resolveResourceIdentity(targetResource) === sourceId);
+            if (!exists) {
+                targetResources.push(resource);
+            }
+        });
+        if (targetResources.length) {
+            target['resources'] = targetResources;
+        }
+    }
+    resolveResourceIdentity(resource) {
+        if (resource === null || resource === undefined) {
+            return null;
+        }
+        if (typeof resource === 'string' || typeof resource === 'number') {
+            return String(resource);
+        }
+        if (typeof resource !== 'object') {
+            return null;
+        }
+        const row = resource;
+        const id = this.toTaskId(this.firstDefined(row, [
+            'resourceId',
+            'ResourceId',
+            'userId',
+            'UserId',
+            'id',
+            'Id',
+        ]));
+        return id === null ? null : String(id);
+    }
     mapRuntimeTask(payload, fallbackOrder) {
         if (!payload || typeof payload !== 'object') {
             return null;
@@ -588,9 +867,20 @@ class TaskScheduleBackendAdapter {
         if (id === null) {
             return null;
         }
-        const type = String(this.firstDefined(source, ['type', 'Type', 'typeLable', 'TypeLable', 'typeLabel', 'TypeLabel']) ??
-            'Task');
-        const assignee = this.extractAssignee(this.firstDefined(source, ['assignedTo', 'AssignedTo', 'createdBy', 'CreatedBy']));
+        const type = String(this.firstDefined(source, [
+            'type',
+            'Type',
+            'typeLable',
+            'TypeLable',
+            'typeLabel',
+            'TypeLabel',
+        ]) ?? 'Task');
+        const assignee = this.extractAssignee(this.firstDefined(source, [
+            'assignedTo',
+            'AssignedTo',
+            'createdBy',
+            'CreatedBy',
+        ]));
         const resources = this.extractTaskResources(this.firstDefined(source, ['resources', 'Resources']), assignee);
         const subtasksRaw = this.firstDefined(source, [
             'subtasks',
@@ -645,9 +935,24 @@ class TaskScheduleBackendAdapter {
                 'baselineFinish',
                 'BaselineFinish',
             ])),
-            actualStartDate: this.extractDate(this.firstDefined(source, ['actualStartDate', 'ActualStartDate', 'actualStart', 'ActualStart'])),
-            actualFinishDate: this.extractDate(this.firstDefined(source, ['actualFinishDate', 'ActualFinishDate', 'actualFinish', 'ActualFinish'])),
-            predecessor: this.toNullableString(this.firstDefined(source, ['predecessor', 'Predecessor', 'predecessors', 'Predecessors'])),
+            actualStartDate: this.extractDate(this.firstDefined(source, [
+                'actualStartDate',
+                'ActualStartDate',
+                'actualStart',
+                'ActualStart',
+            ])),
+            actualFinishDate: this.extractDate(this.firstDefined(source, [
+                'actualFinishDate',
+                'ActualFinishDate',
+                'actualFinish',
+                'ActualFinish',
+            ])),
+            predecessor: this.toNullableString(this.firstDefined(source, [
+                'predecessor',
+                'Predecessor',
+                'predecessors',
+                'Predecessors',
+            ])),
             duration: this.toNullableNumber(this.firstDefined(source, ['duration', 'Duration'])),
             progress: this.extractProgress(this.firstDefined(source, ['progress', 'Progress'])),
             details: this.toNullableString(this.firstDefined(source, ['details', 'Details', 'description'])),
@@ -801,8 +1106,7 @@ class TaskScheduleBackendAdapter {
             id: typeof id === 'number' || typeof id === 'string' ? id : String(id),
             key,
             name: this.toNullableString(row['name'] ?? row['displayName'] ?? row['Name']) ?? key,
-            viewType: this.toNullableString(row['viewType'] ?? row['type'] ?? row['ViewType']) ??
-                'Text',
+            viewType: this.toNullableString(row['viewType'] ?? row['type'] ?? row['ViewType']) ?? 'Text',
             normalizedKey: this.toNullableString(row['normalizedKey'] ?? row['NormalizedKey']) ??
                 undefined,
             isRequired: Boolean(row['isRequired'] ?? row['required']),
@@ -824,11 +1128,7 @@ class TaskScheduleBackendAdapter {
                 return;
             }
             const row = item;
-            const optionValue = row['value'] ??
-                row['id'] ??
-                row['key'] ??
-                row['name'] ??
-                row['text'];
+            const optionValue = row['value'] ?? row['id'] ?? row['key'] ?? row['name'] ?? row['text'];
             const optionText = this.toNullableString(row['text'] ?? row['name'] ?? row['displayName'] ?? row['label']);
             if (optionValue === undefined || optionValue === null || !optionText) {
                 return;
@@ -902,7 +1202,10 @@ class TaskScheduleBackendAdapter {
             }
             if (value && typeof value === 'object') {
                 const row = value;
-                return this.toNullableString(row['displayName'] ?? row['resourceName'] ?? row['userName'] ?? row['name']);
+                return this.toNullableString(row['displayName'] ??
+                    row['resourceName'] ??
+                    row['userName'] ??
+                    row['name']);
             }
             return null;
         };
@@ -922,10 +1225,7 @@ class TaskScheduleBackendAdapter {
                             return;
                         }
                         const obj = resource;
-                        const id = obj['resourceId'] ??
-                            obj['id'] ??
-                            obj['userId'] ??
-                            obj['value'];
+                        const id = obj['resourceId'] ?? obj['id'] ?? obj['userId'] ?? obj['value'];
                         if (id === undefined || id === null) {
                             return;
                         }
@@ -1018,7 +1318,8 @@ class TaskScheduleBackendAdapter {
             }
             return {
                 resourceId,
-                unit: this.toNullableNumber(row['unit'] ?? row['resourceUnit']) ?? undefined,
+                unit: this.toNullableNumber(row['unit'] ?? row['resourceUnit']) ??
+                    undefined,
             };
         })
             .filter((item) => item !== null);
@@ -1872,11 +2173,11 @@ class TaskScheduleTaskbarTemplate {
     data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
     langCode = input('en', ...(ngDevMode ? [{ debugName: "langCode" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TaskScheduleTaskbarTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TaskScheduleTaskbarTemplate, isStandalone: true, selector: "mt-task-schedule-taskbar-template", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div>\n  <div\n    class=\"e-gantt-child-taskbar-inner-div e-gantt-child-taskbar gantt-child-taskbar\"\n    [style.width.px]=\"data().ganttProperties?.width\"\n    tabindex=\"-1\"\n  >\n    <div\n      class=\"e-gantt-child-progressbar-inner-div e-gantt-child-progressbar gantt-child-progressbar\"\n      [style.width.px]=\"data().ganttProperties?.progressWidth\"\n    >\n      <span class=\"e-task-label gantt-task-label\"></span>\n    </div>\n  </div>\n\n  @if (data().taskData?.type === 'Milestone') {\n    <div\n      class=\"e-gantt-milestone gantt-milestone\"\n      [class.diamond-left]=\"langCode() === 'en'\"\n      [class.diamond-right]=\"langCode() === 'ar'\"\n      tabindex=\"-1\"\n    ></div>\n  }\n</div>", styles: [".gantt-child-taskbar{height:22px!important;margin-top:-1px!important}.gantt-child-progressbar{border-style:solid!important;height:100%!important;border-top-right-radius:0;border-bottom-right-radius:0}.gantt-task-label{line-height:21px!important;text-align:left;display:inline-block;width:122px!important;height:22px!important}.gantt-milestone{width:16px!important;height:16px!important;position:absolute!important;transform:rotate(45deg)}.diamond-left{left:calc(100% + .5rem)}.diamond-right{right:calc(100% + .5rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TaskScheduleTaskbarTemplate, isStandalone: true, selector: "mt-task-schedule-taskbar-template", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div>\r\n  <div\r\n    class=\"e-gantt-child-taskbar-inner-div e-gantt-child-taskbar gantt-child-taskbar\"\r\n    [style.width.px]=\"data().ganttProperties?.width\"\r\n    tabindex=\"-1\"\r\n  >\r\n    <div\r\n      class=\"e-gantt-child-progressbar-inner-div e-gantt-child-progressbar gantt-child-progressbar\"\r\n      [style.width.px]=\"data().ganttProperties?.progressWidth\"\r\n    >\r\n      <span class=\"e-task-label gantt-task-label\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  @if (data().taskData?.type === 'Milestone') {\r\n    <div\r\n      class=\"e-gantt-milestone gantt-milestone\"\r\n      [class.diamond-left]=\"langCode() === 'en'\"\r\n      [class.diamond-right]=\"langCode() === 'ar'\"\r\n      tabindex=\"-1\"\r\n    ></div>\r\n  }\r\n</div>", styles: [".gantt-child-taskbar{height:22px!important;margin-top:-1px!important}.gantt-child-progressbar{border-style:solid!important;height:100%!important;border-top-right-radius:0;border-bottom-right-radius:0}.gantt-task-label{line-height:21px!important;text-align:left;display:inline-block;width:122px!important;height:22px!important}.gantt-milestone{width:16px!important;height:16px!important;position:absolute!important;transform:rotate(45deg)}.diamond-left{left:calc(100% + .5rem)}.diamond-right{right:calc(100% + .5rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TaskScheduleTaskbarTemplate, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-task-schedule-taskbar-template', standalone: true, imports: [CommonModule], template: "<div>\n  <div\n    class=\"e-gantt-child-taskbar-inner-div e-gantt-child-taskbar gantt-child-taskbar\"\n    [style.width.px]=\"data().ganttProperties?.width\"\n    tabindex=\"-1\"\n  >\n    <div\n      class=\"e-gantt-child-progressbar-inner-div e-gantt-child-progressbar gantt-child-progressbar\"\n      [style.width.px]=\"data().ganttProperties?.progressWidth\"\n    >\n      <span class=\"e-task-label gantt-task-label\"></span>\n    </div>\n  </div>\n\n  @if (data().taskData?.type === 'Milestone') {\n    <div\n      class=\"e-gantt-milestone gantt-milestone\"\n      [class.diamond-left]=\"langCode() === 'en'\"\n      [class.diamond-right]=\"langCode() === 'ar'\"\n      tabindex=\"-1\"\n    ></div>\n  }\n</div>", styles: [".gantt-child-taskbar{height:22px!important;margin-top:-1px!important}.gantt-child-progressbar{border-style:solid!important;height:100%!important;border-top-right-radius:0;border-bottom-right-radius:0}.gantt-task-label{line-height:21px!important;text-align:left;display:inline-block;width:122px!important;height:22px!important}.gantt-milestone{width:16px!important;height:16px!important;position:absolute!important;transform:rotate(45deg)}.diamond-left{left:calc(100% + .5rem)}.diamond-right{right:calc(100% + .5rem)}\n"] }]
+            args: [{ selector: 'mt-task-schedule-taskbar-template', standalone: true, imports: [CommonModule], template: "<div>\r\n  <div\r\n    class=\"e-gantt-child-taskbar-inner-div e-gantt-child-taskbar gantt-child-taskbar\"\r\n    [style.width.px]=\"data().ganttProperties?.width\"\r\n    tabindex=\"-1\"\r\n  >\r\n    <div\r\n      class=\"e-gantt-child-progressbar-inner-div e-gantt-child-progressbar gantt-child-progressbar\"\r\n      [style.width.px]=\"data().ganttProperties?.progressWidth\"\r\n    >\r\n      <span class=\"e-task-label gantt-task-label\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  @if (data().taskData?.type === 'Milestone') {\r\n    <div\r\n      class=\"e-gantt-milestone gantt-milestone\"\r\n      [class.diamond-left]=\"langCode() === 'en'\"\r\n      [class.diamond-right]=\"langCode() === 'ar'\"\r\n      tabindex=\"-1\"\r\n    ></div>\r\n  }\r\n</div>", styles: [".gantt-child-taskbar{height:22px!important;margin-top:-1px!important}.gantt-child-progressbar{border-style:solid!important;height:100%!important;border-top-right-radius:0;border-bottom-right-radius:0}.gantt-task-label{line-height:21px!important;text-align:left;display:inline-block;width:122px!important;height:22px!important}.gantt-milestone{width:16px!important;height:16px!important;position:absolute!important;transform:rotate(45deg)}.diamond-left{left:calc(100% + .5rem)}.diamond-right{right:calc(100% + .5rem)}\n"] }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], langCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "langCode", required: false }] }] } });
 
 const EMPTY_RESULT = { tasks: [] };
@@ -2897,7 +3198,7 @@ class TaskSchedule {
             ToolbarService,
             ContextMenuService,
             ResizeService,
-        ], viewQueries: [{ propertyName: "ganttObj", first: true, predicate: ["ganttObj"], descendants: true }], ngImport: i0, template: "@if (!loading()) {\n  <ejs-gantt\n    #ganttObj\n    [id]=\"ganttId\"\n    [enableVirtualization]=\"true\"\n    [enableTimelineVirtualization]=\"true\"\n    [enableVirtualMaskRow]=\"false\"\n    [allowResizing]=\"true\"\n    [enableRtl]=\"enableRtl()\"\n    [locale]=\"locale()\"\n    [height]=\"height()\"\n    [dataSource]=\"dataSource()\"\n    [taskFields]=\"ganttConfig().taskFields\"\n    [columns]=\"ganttConfig().columns\"\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\n    [allowSelection]=\"true\"\n    [labelSettings]=\"ganttConfig().labelSettings\"\n    [treeColumnIndex]=\"1\"\n    [workWeek]=\"ganttConfig().workWeek\"\n    [highlightWeekends]=\"true\"\n    [enablePredecessorValidation]=\"true\"\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\n    [gridLines]=\"ganttConfig().gridLines\"\n    [toolbar]=\"ganttConfig().toolbar\"\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\n    [editSettings]=\"ganttConfig().editSettings\"\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\n    [resourceFields]=\"ganttConfig().resourceFields\"\n    [resources]=\"ganttConfig().resources\"\n    [viewType]=\"ganttConfig().viewType\"\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\n    [autoCalculateDateScheduling]=\"false\"\n    [dateFormat]=\"dateFormat()\"\n    [allowSorting]=\"true\"\n    [holidays]=\"ganttConfig().holidays\"\n    [enableWBS]=\"true\"\n    [enableAutoWbsUpdate]=\"true\"\n    [allowReordering]=\"true\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\n    (contextMenuClick)=\"onContextMenuClick($event)\"\n    (actionBegin)=\"onActionBegin($event)\"\n    (actionComplete)=\"onActionComplete($event)\"\n    (cellEdit)=\"onCellEdit($event)\"\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\n    (dataBound)=\"onDataBound()\"\n  >\n    <ng-template #tooltipSettingsTaskbar let-data>\n      <div class=\"px-2 py-1 text-xs\">\n        <div class=\"font-medium\">{{ data?.title ?? '-' }}</div>\n        <div>\n          {{ tooltipTranslations().startsOn }}:\n          {{ formatDateValue(data?.startDate) }}\n        </div>\n        <div>\n          {{ tooltipTranslations().endsOn }}:\n          {{ formatDateValue(data?.finishDate) }}\n        </div>\n        @if (data?.baselineStartDate) {\n          <div>\n            {{ tooltipTranslations().plannedStart }}:\n            {{ formatDateValue(data?.baselineStartDate) }}\n          </div>\n        }\n        @if (data?.baselineEndDate) {\n          <div>\n            {{ tooltipTranslations().plannedEnd }}:\n            {{ formatDateValue(data?.baselineEndDate) }}\n          </div>\n        }\n        <div>{{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}</div>\n      </div>\n    </ng-template>\n\n    <ng-template #taskbarTemplate let-data>\n      <mt-task-schedule-taskbar-template [data]=\"data\" [langCode]=\"resolvedLangCode()\" />\n    </ng-template>\n  </ejs-gantt>\n} @else {\n  <div class=\"task-schedule-loader\">\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\n  </div>\n}\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.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]=\"height()\"\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]=\"1\"\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    [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]=\"dateFormat()\"\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          {{ formatDateValue(data?.startDate) }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{ formatDateValue(data?.finishDate) }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{ formatDateValue(data?.baselineStartDate) }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{ formatDateValue(data?.baselineEndDate) }}\r\n          </div>\r\n        }\r\n        <div>{{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}</div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template [data]=\"data\" [langCode]=\"resolvedLangCode()\" />\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.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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TaskSchedule, decorators: [{
             type: Component,
@@ -2913,7 +3214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                         ToolbarService,
                         ContextMenuService,
                         ResizeService,
-                    ], template: "@if (!loading()) {\n  <ejs-gantt\n    #ganttObj\n    [id]=\"ganttId\"\n    [enableVirtualization]=\"true\"\n    [enableTimelineVirtualization]=\"true\"\n    [enableVirtualMaskRow]=\"false\"\n    [allowResizing]=\"true\"\n    [enableRtl]=\"enableRtl()\"\n    [locale]=\"locale()\"\n    [height]=\"height()\"\n    [dataSource]=\"dataSource()\"\n    [taskFields]=\"ganttConfig().taskFields\"\n    [columns]=\"ganttConfig().columns\"\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\n    [allowSelection]=\"true\"\n    [labelSettings]=\"ganttConfig().labelSettings\"\n    [treeColumnIndex]=\"1\"\n    [workWeek]=\"ganttConfig().workWeek\"\n    [highlightWeekends]=\"true\"\n    [enablePredecessorValidation]=\"true\"\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\n    [gridLines]=\"ganttConfig().gridLines\"\n    [toolbar]=\"ganttConfig().toolbar\"\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\n    [editSettings]=\"ganttConfig().editSettings\"\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\n    [resourceFields]=\"ganttConfig().resourceFields\"\n    [resources]=\"ganttConfig().resources\"\n    [viewType]=\"ganttConfig().viewType\"\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\n    [autoCalculateDateScheduling]=\"false\"\n    [dateFormat]=\"dateFormat()\"\n    [allowSorting]=\"true\"\n    [holidays]=\"ganttConfig().holidays\"\n    [enableWBS]=\"true\"\n    [enableAutoWbsUpdate]=\"true\"\n    [allowReordering]=\"true\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\n    (contextMenuClick)=\"onContextMenuClick($event)\"\n    (actionBegin)=\"onActionBegin($event)\"\n    (actionComplete)=\"onActionComplete($event)\"\n    (cellEdit)=\"onCellEdit($event)\"\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\n    (dataBound)=\"onDataBound()\"\n  >\n    <ng-template #tooltipSettingsTaskbar let-data>\n      <div class=\"px-2 py-1 text-xs\">\n        <div class=\"font-medium\">{{ data?.title ?? '-' }}</div>\n        <div>\n          {{ tooltipTranslations().startsOn }}:\n          {{ formatDateValue(data?.startDate) }}\n        </div>\n        <div>\n          {{ tooltipTranslations().endsOn }}:\n          {{ formatDateValue(data?.finishDate) }}\n        </div>\n        @if (data?.baselineStartDate) {\n          <div>\n            {{ tooltipTranslations().plannedStart }}:\n            {{ formatDateValue(data?.baselineStartDate) }}\n          </div>\n        }\n        @if (data?.baselineEndDate) {\n          <div>\n            {{ tooltipTranslations().plannedEnd }}:\n            {{ formatDateValue(data?.baselineEndDate) }}\n          </div>\n        }\n        <div>{{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}</div>\n      </div>\n    </ng-template>\n\n    <ng-template #taskbarTemplate let-data>\n      <mt-task-schedule-taskbar-template [data]=\"data\" [langCode]=\"resolvedLangCode()\" />\n    </ng-template>\n  </ejs-gantt>\n} @else {\n  <div class=\"task-schedule-loader\">\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\n  </div>\n}\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]=\"height()\"\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]=\"1\"\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    [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]=\"dateFormat()\"\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          {{ formatDateValue(data?.startDate) }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{ formatDateValue(data?.finishDate) }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{ formatDateValue(data?.baselineStartDate) }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{ formatDateValue(data?.baselineEndDate) }}\r\n          </div>\r\n        }\r\n        <div>{{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}</div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template [data]=\"data\" [langCode]=\"resolvedLangCode()\" />\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']
@@ -3501,11 +3802,11 @@ class TaskScheduleImportModal {
         this.failed.emit(message);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TaskScheduleImportModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TaskScheduleImportModal, isStandalone: true, selector: "mt-task-schedule-import-modal", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", imported: "imported", applied: "applied", failed: "failed" }, ngImport: i0, template: "@if (visible()) {\n  <div class=\"fixed inset-0 z-[1000] grid place-items-center bg-slate-900/40 p-4\">\n    <section\n      class=\"w-full max-w-6xl overflow-hidden rounded-2xl bg-white shadow-2xl ring-1 ring-slate-200\"\n      [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\n    >\n      <header class=\"flex items-center justify-between border-b border-slate-200 px-5 py-4\">\n        <h2 class=\"text-base font-semibold text-slate-900\">\n          {{ title() || labels().title }}\n        </h2>\n\n        <mt-button\n          [label]=\"labels().cancel\"\n          severity=\"secondary\"\n          [text]=\"true\"\n          (onClick)=\"close()\"\n        />\n      </header>\n\n      <div class=\"space-y-4 p-5\">\n        <div class=\"rounded-xl border border-slate-200 bg-slate-50 p-4\">\n          <div class=\"flex flex-wrap items-center gap-3\">\n            <label\n              class=\"inline-flex cursor-pointer items-center rounded-lg border border-dashed border-slate-300 bg-white px-4 py-2 text-sm text-slate-700 hover:border-slate-400\"\n            >\n              <span>{{ labels().selectFile }}</span>\n              <input\n                class=\"hidden\"\n                type=\"file\"\n                accept=\".mpp,.xer\"\n                (change)=\"onFileChanged($event)\"\n              />\n            </label>\n\n            <span class=\"max-w-[22rem] truncate text-sm text-slate-500\">\n              {{ selectedFile()?.name || '-' }}\n            </span>\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 (importResult(); as result) {\n          @if (!previewRows().length) {\n            <div class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\">\n              {{ labels().noTasks }}\n            </div>\n          } @else {\n            <div class=\"overflow-hidden rounded-xl border border-slate-200\">\n              <div class=\"grid min-w-[1180px] grid-cols-[40px_minmax(220px,2fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(190px,1.1fr)_minmax(120px,0.8fr)] border-b border-slate-200 bg-slate-100 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-slate-600\">\n                <label class=\"inline-flex items-center justify-center\">\n                  <input\n                    type=\"checkbox\"\n                    [checked]=\"allSelected()\"\n                    (change)=\"selectAllRows($any($event.target).checked)\"\n                  />\n                </label>\n                <div>{{ labels().task }}</div>\n                <div>{{ labels().startDate }}</div>\n                <div>{{ labels().finishDate }}</div>\n                <div>{{ labels().actualStartDate }}</div>\n                <div>{{ labels().actualFinishDate }}</div>\n                <div>{{ labels().assignedTo }}</div>\n                <div>{{ labels().progress }}</div>\n              </div>\n\n              <div class=\"max-h-[28rem] overflow-auto\">\n                @for (row of previewRows(); track trackByRow($index, row)) {\n                  <div class=\"grid min-w-[1180px] grid-cols-[40px_minmax(220px,2fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(190px,1.1fr)_minmax(120px,0.8fr)] items-center gap-x-2 border-b border-slate-100 px-3 py-2 text-sm\">\n                    <label class=\"inline-flex items-center justify-center\">\n                      <input\n                        type=\"checkbox\"\n                        [checked]=\"selectedTaskKeys().has(row.key)\"\n                        (change)=\"toggleRowSelection(row.key, $any($event.target).checked)\"\n                      />\n                    </label>\n\n                    <div class=\"min-w-0\" [style.paddingInlineStart.px]=\"row.depth * 18\">\n                      <input\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                        type=\"text\"\n                        [value]=\"row.task.title || row.task.name || ''\"\n                        (input)=\"onTaskTitleChanged(row.key, $any($event.target).value)\"\n                      />\n                    </div>\n\n                    <div>\n                      <input\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                        type=\"date\"\n                        [value]=\"toDateInputValue(row.task.startDate)\"\n                        (change)=\"onTaskDateChanged(row.key, 'startDate', $any($event.target).value)\"\n                      />\n                    </div>\n\n                    <div>\n                      <input\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                        type=\"date\"\n                        [value]=\"toDateInputValue(row.task.finishDate)\"\n                        (change)=\"onTaskDateChanged(row.key, 'finishDate', $any($event.target).value)\"\n                      />\n                    </div>\n\n                    <div>\n                      <input\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                        type=\"date\"\n                        [value]=\"toDateInputValue(row.task.actualStartDate || row.task.actualStart)\"\n                        (change)=\"onTaskDateChanged(row.key, 'actualStartDate', $any($event.target).value)\"\n                      />\n                    </div>\n\n                    <div>\n                      <input\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                        type=\"date\"\n                        [value]=\"toDateInputValue(row.task.actualFinishDate || row.task.actualFinish)\"\n                        (change)=\"onTaskDateChanged(row.key, 'actualFinishDate', $any($event.target).value)\"\n                      />\n                    </div>\n\n                    <div class=\"min-w-0\">\n                      @if (resourceOptions().length) {\n                        <div class=\"space-y-1\">\n                          <select\n                            class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                            [value]=\"resolveAssignedValue(row.task)\"\n                            (change)=\"onTaskAssignedToChanged(row.key, $any($event.target).value)\"\n                          >\n                            <option value=\"\">-</option>\n                            @for (option of resourceOptions(); track option.id) {\n                              <option [value]=\"option.id\">{{ option.label }}</option>\n                            }\n                          </select>\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\n                    <div>\n                      <div class=\"space-y-1\">\n                        <input\n                          class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                          type=\"number\"\n                          min=\"0\"\n                          max=\"100\"\n                          [value]=\"normalizeProgress(row.task.progress)\"\n                          (input)=\"onTaskProgressChanged(row.key, $any($event.target).value)\"\n                        />\n                        <mt-entity-preview [data]=\"toProgressEntity(row.task)\" />\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n\n            @if (isTruncated()) {\n              <p class=\"text-xs text-slate-500\">{{ labels().rowsLimited }}</p>\n            }\n          }\n        }\n      </div>\n\n      <footer class=\"flex flex-wrap items-center justify-end gap-2 border-t border-slate-200 px-5 py-4\">\n        <mt-button\n          [label]=\"labels().cancel\"\n          severity=\"secondary\"\n          [outlined]=\"true\"\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      </footer>\n    </section>\n  </div>\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: EntityPreview, selector: "mt-entity-preview", inputs: ["data"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TaskScheduleImportModal, isStandalone: true, selector: "mt-task-schedule-import-modal", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", imported: "imported", applied: "applied", failed: "failed" }, ngImport: i0, template: "@if (visible()) {\r\n  <div class=\"fixed inset-0 z-[1000] grid place-items-center bg-slate-900/40 p-4\">\r\n    <section\r\n      class=\"w-full max-w-6xl overflow-hidden rounded-2xl bg-white shadow-2xl ring-1 ring-slate-200\"\r\n      [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\r\n    >\r\n      <header class=\"flex items-center justify-between border-b border-slate-200 px-5 py-4\">\r\n        <h2 class=\"text-base font-semibold text-slate-900\">\r\n          {{ title() || labels().title }}\r\n        </h2>\r\n\r\n        <mt-button\r\n          [label]=\"labels().cancel\"\r\n          severity=\"secondary\"\r\n          [text]=\"true\"\r\n          (onClick)=\"close()\"\r\n        />\r\n      </header>\r\n\r\n      <div class=\"space-y-4 p-5\">\r\n        <div class=\"rounded-xl border border-slate-200 bg-slate-50 p-4\">\r\n          <div class=\"flex flex-wrap items-center gap-3\">\r\n            <label\r\n              class=\"inline-flex cursor-pointer items-center rounded-lg border border-dashed border-slate-300 bg-white px-4 py-2 text-sm text-slate-700 hover:border-slate-400\"\r\n            >\r\n              <span>{{ labels().selectFile }}</span>\r\n              <input\r\n                class=\"hidden\"\r\n                type=\"file\"\r\n                accept=\".mpp,.xer\"\r\n                (change)=\"onFileChanged($event)\"\r\n              />\r\n            </label>\r\n\r\n            <span class=\"max-w-[22rem] truncate text-sm text-slate-500\">\r\n              {{ selectedFile()?.name || '-' }}\r\n            </span>\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 (importResult(); as result) {\r\n          @if (!previewRows().length) {\r\n            <div class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\">\r\n              {{ labels().noTasks }}\r\n            </div>\r\n          } @else {\r\n            <div class=\"overflow-hidden rounded-xl border border-slate-200\">\r\n              <div class=\"grid min-w-[1180px] grid-cols-[40px_minmax(220px,2fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(190px,1.1fr)_minmax(120px,0.8fr)] border-b border-slate-200 bg-slate-100 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-slate-600\">\r\n                <label class=\"inline-flex items-center justify-center\">\r\n                  <input\r\n                    type=\"checkbox\"\r\n                    [checked]=\"allSelected()\"\r\n                    (change)=\"selectAllRows($any($event.target).checked)\"\r\n                  />\r\n                </label>\r\n                <div>{{ labels().task }}</div>\r\n                <div>{{ labels().startDate }}</div>\r\n                <div>{{ labels().finishDate }}</div>\r\n                <div>{{ labels().actualStartDate }}</div>\r\n                <div>{{ labels().actualFinishDate }}</div>\r\n                <div>{{ labels().assignedTo }}</div>\r\n                <div>{{ labels().progress }}</div>\r\n              </div>\r\n\r\n              <div class=\"max-h-[28rem] overflow-auto\">\r\n                @for (row of previewRows(); track trackByRow($index, row)) {\r\n                  <div class=\"grid min-w-[1180px] grid-cols-[40px_minmax(220px,2fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(190px,1.1fr)_minmax(120px,0.8fr)] items-center gap-x-2 border-b border-slate-100 px-3 py-2 text-sm\">\r\n                    <label class=\"inline-flex items-center justify-center\">\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        [checked]=\"selectedTaskKeys().has(row.key)\"\r\n                        (change)=\"toggleRowSelection(row.key, $any($event.target).checked)\"\r\n                      />\r\n                    </label>\r\n\r\n                    <div class=\"min-w-0\" [style.paddingInlineStart.px]=\"row.depth * 18\">\r\n                      <input\r\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                        type=\"text\"\r\n                        [value]=\"row.task.title || row.task.name || ''\"\r\n                        (input)=\"onTaskTitleChanged(row.key, $any($event.target).value)\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div>\r\n                      <input\r\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                        type=\"date\"\r\n                        [value]=\"toDateInputValue(row.task.startDate)\"\r\n                        (change)=\"onTaskDateChanged(row.key, 'startDate', $any($event.target).value)\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div>\r\n                      <input\r\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                        type=\"date\"\r\n                        [value]=\"toDateInputValue(row.task.finishDate)\"\r\n                        (change)=\"onTaskDateChanged(row.key, 'finishDate', $any($event.target).value)\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div>\r\n                      <input\r\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                        type=\"date\"\r\n                        [value]=\"toDateInputValue(row.task.actualStartDate || row.task.actualStart)\"\r\n                        (change)=\"onTaskDateChanged(row.key, 'actualStartDate', $any($event.target).value)\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div>\r\n                      <input\r\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                        type=\"date\"\r\n                        [value]=\"toDateInputValue(row.task.actualFinishDate || row.task.actualFinish)\"\r\n                        (change)=\"onTaskDateChanged(row.key, 'actualFinishDate', $any($event.target).value)\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div class=\"min-w-0\">\r\n                      @if (resourceOptions().length) {\r\n                        <div class=\"space-y-1\">\r\n                          <select\r\n                            class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                            [value]=\"resolveAssignedValue(row.task)\"\r\n                            (change)=\"onTaskAssignedToChanged(row.key, $any($event.target).value)\"\r\n                          >\r\n                            <option value=\"\">-</option>\r\n                            @for (option of resourceOptions(); track option.id) {\r\n                              <option [value]=\"option.id\">{{ option.label }}</option>\r\n                            }\r\n                          </select>\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\r\n                    <div>\r\n                      <div class=\"space-y-1\">\r\n                        <input\r\n                          class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                          type=\"number\"\r\n                          min=\"0\"\r\n                          max=\"100\"\r\n                          [value]=\"normalizeProgress(row.task.progress)\"\r\n                          (input)=\"onTaskProgressChanged(row.key, $any($event.target).value)\"\r\n                        />\r\n                        <mt-entity-preview [data]=\"toProgressEntity(row.task)\" />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                }\r\n              </div>\r\n            </div>\r\n\r\n            @if (isTruncated()) {\r\n              <p class=\"text-xs text-slate-500\">{{ labels().rowsLimited }}</p>\r\n            }\r\n          }\r\n        }\r\n      </div>\r\n\r\n      <footer class=\"flex flex-wrap items-center justify-end gap-2 border-t border-slate-200 px-5 py-4\">\r\n        <mt-button\r\n          [label]=\"labels().cancel\"\r\n          severity=\"secondary\"\r\n          [outlined]=\"true\"\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      </footer>\r\n    </section>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: EntityPreview, selector: "mt-entity-preview", inputs: ["data"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TaskScheduleImportModal, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-task-schedule-import-modal', standalone: true, imports: [CommonModule, Button, EntityPreview], template: "@if (visible()) {\n  <div class=\"fixed inset-0 z-[1000] grid place-items-center bg-slate-900/40 p-4\">\n    <section\n      class=\"w-full max-w-6xl overflow-hidden rounded-2xl bg-white shadow-2xl ring-1 ring-slate-200\"\n      [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\n    >\n      <header class=\"flex items-center justify-between border-b border-slate-200 px-5 py-4\">\n        <h2 class=\"text-base font-semibold text-slate-900\">\n          {{ title() || labels().title }}\n        </h2>\n\n        <mt-button\n          [label]=\"labels().cancel\"\n          severity=\"secondary\"\n          [text]=\"true\"\n          (onClick)=\"close()\"\n        />\n      </header>\n\n      <div class=\"space-y-4 p-5\">\n        <div class=\"rounded-xl border border-slate-200 bg-slate-50 p-4\">\n          <div class=\"flex flex-wrap items-center gap-3\">\n            <label\n              class=\"inline-flex cursor-pointer items-center rounded-lg border border-dashed border-slate-300 bg-white px-4 py-2 text-sm text-slate-700 hover:border-slate-400\"\n            >\n              <span>{{ labels().selectFile }}</span>\n              <input\n                class=\"hidden\"\n                type=\"file\"\n                accept=\".mpp,.xer\"\n                (change)=\"onFileChanged($event)\"\n              />\n            </label>\n\n            <span class=\"max-w-[22rem] truncate text-sm text-slate-500\">\n              {{ selectedFile()?.name || '-' }}\n            </span>\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 (importResult(); as result) {\n          @if (!previewRows().length) {\n            <div class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\">\n              {{ labels().noTasks }}\n            </div>\n          } @else {\n            <div class=\"overflow-hidden rounded-xl border border-slate-200\">\n              <div class=\"grid min-w-[1180px] grid-cols-[40px_minmax(220px,2fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(190px,1.1fr)_minmax(120px,0.8fr)] border-b border-slate-200 bg-slate-100 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-slate-600\">\n                <label class=\"inline-flex items-center justify-center\">\n                  <input\n                    type=\"checkbox\"\n                    [checked]=\"allSelected()\"\n                    (change)=\"selectAllRows($any($event.target).checked)\"\n                  />\n                </label>\n                <div>{{ labels().task }}</div>\n                <div>{{ labels().startDate }}</div>\n                <div>{{ labels().finishDate }}</div>\n                <div>{{ labels().actualStartDate }}</div>\n                <div>{{ labels().actualFinishDate }}</div>\n                <div>{{ labels().assignedTo }}</div>\n                <div>{{ labels().progress }}</div>\n              </div>\n\n              <div class=\"max-h-[28rem] overflow-auto\">\n                @for (row of previewRows(); track trackByRow($index, row)) {\n                  <div class=\"grid min-w-[1180px] grid-cols-[40px_minmax(220px,2fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(190px,1.1fr)_minmax(120px,0.8fr)] items-center gap-x-2 border-b border-slate-100 px-3 py-2 text-sm\">\n                    <label class=\"inline-flex items-center justify-center\">\n                      <input\n                        type=\"checkbox\"\n                        [checked]=\"selectedTaskKeys().has(row.key)\"\n                        (change)=\"toggleRowSelection(row.key, $any($event.target).checked)\"\n                      />\n                    </label>\n\n                    <div class=\"min-w-0\" [style.paddingInlineStart.px]=\"row.depth * 18\">\n                      <input\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                        type=\"text\"\n                        [value]=\"row.task.title || row.task.name || ''\"\n                        (input)=\"onTaskTitleChanged(row.key, $any($event.target).value)\"\n                      />\n                    </div>\n\n                    <div>\n                      <input\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                        type=\"date\"\n                        [value]=\"toDateInputValue(row.task.startDate)\"\n                        (change)=\"onTaskDateChanged(row.key, 'startDate', $any($event.target).value)\"\n                      />\n                    </div>\n\n                    <div>\n                      <input\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                        type=\"date\"\n                        [value]=\"toDateInputValue(row.task.finishDate)\"\n                        (change)=\"onTaskDateChanged(row.key, 'finishDate', $any($event.target).value)\"\n                      />\n                    </div>\n\n                    <div>\n                      <input\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                        type=\"date\"\n                        [value]=\"toDateInputValue(row.task.actualStartDate || row.task.actualStart)\"\n                        (change)=\"onTaskDateChanged(row.key, 'actualStartDate', $any($event.target).value)\"\n                      />\n                    </div>\n\n                    <div>\n                      <input\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                        type=\"date\"\n                        [value]=\"toDateInputValue(row.task.actualFinishDate || row.task.actualFinish)\"\n                        (change)=\"onTaskDateChanged(row.key, 'actualFinishDate', $any($event.target).value)\"\n                      />\n                    </div>\n\n                    <div class=\"min-w-0\">\n                      @if (resourceOptions().length) {\n                        <div class=\"space-y-1\">\n                          <select\n                            class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                            [value]=\"resolveAssignedValue(row.task)\"\n                            (change)=\"onTaskAssignedToChanged(row.key, $any($event.target).value)\"\n                          >\n                            <option value=\"\">-</option>\n                            @for (option of resourceOptions(); track option.id) {\n                              <option [value]=\"option.id\">{{ option.label }}</option>\n                            }\n                          </select>\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\n                    <div>\n                      <div class=\"space-y-1\">\n                        <input\n                          class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\n                          type=\"number\"\n                          min=\"0\"\n                          max=\"100\"\n                          [value]=\"normalizeProgress(row.task.progress)\"\n                          (input)=\"onTaskProgressChanged(row.key, $any($event.target).value)\"\n                        />\n                        <mt-entity-preview [data]=\"toProgressEntity(row.task)\" />\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n\n            @if (isTruncated()) {\n              <p class=\"text-xs text-slate-500\">{{ labels().rowsLimited }}</p>\n            }\n          }\n        }\n      </div>\n\n      <footer class=\"flex flex-wrap items-center justify-end gap-2 border-t border-slate-200 px-5 py-4\">\n        <mt-button\n          [label]=\"labels().cancel\"\n          severity=\"secondary\"\n          [outlined]=\"true\"\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      </footer>\n    </section>\n  </div>\n}\r\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'mt-task-schedule-import-modal', standalone: true, imports: [CommonModule, Button, EntityPreview], template: "@if (visible()) {\r\n  <div class=\"fixed inset-0 z-[1000] grid place-items-center bg-slate-900/40 p-4\">\r\n    <section\r\n      class=\"w-full max-w-6xl overflow-hidden rounded-2xl bg-white shadow-2xl ring-1 ring-slate-200\"\r\n      [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\r\n    >\r\n      <header class=\"flex items-center justify-between border-b border-slate-200 px-5 py-4\">\r\n        <h2 class=\"text-base font-semibold text-slate-900\">\r\n          {{ title() || labels().title }}\r\n        </h2>\r\n\r\n        <mt-button\r\n          [label]=\"labels().cancel\"\r\n          severity=\"secondary\"\r\n          [text]=\"true\"\r\n          (onClick)=\"close()\"\r\n        />\r\n      </header>\r\n\r\n      <div class=\"space-y-4 p-5\">\r\n        <div class=\"rounded-xl border border-slate-200 bg-slate-50 p-4\">\r\n          <div class=\"flex flex-wrap items-center gap-3\">\r\n            <label\r\n              class=\"inline-flex cursor-pointer items-center rounded-lg border border-dashed border-slate-300 bg-white px-4 py-2 text-sm text-slate-700 hover:border-slate-400\"\r\n            >\r\n              <span>{{ labels().selectFile }}</span>\r\n              <input\r\n                class=\"hidden\"\r\n                type=\"file\"\r\n                accept=\".mpp,.xer\"\r\n                (change)=\"onFileChanged($event)\"\r\n              />\r\n            </label>\r\n\r\n            <span class=\"max-w-[22rem] truncate text-sm text-slate-500\">\r\n              {{ selectedFile()?.name || '-' }}\r\n            </span>\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 (importResult(); as result) {\r\n          @if (!previewRows().length) {\r\n            <div class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\">\r\n              {{ labels().noTasks }}\r\n            </div>\r\n          } @else {\r\n            <div class=\"overflow-hidden rounded-xl border border-slate-200\">\r\n              <div class=\"grid min-w-[1180px] grid-cols-[40px_minmax(220px,2fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(190px,1.1fr)_minmax(120px,0.8fr)] border-b border-slate-200 bg-slate-100 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-slate-600\">\r\n                <label class=\"inline-flex items-center justify-center\">\r\n                  <input\r\n                    type=\"checkbox\"\r\n                    [checked]=\"allSelected()\"\r\n                    (change)=\"selectAllRows($any($event.target).checked)\"\r\n                  />\r\n                </label>\r\n                <div>{{ labels().task }}</div>\r\n                <div>{{ labels().startDate }}</div>\r\n                <div>{{ labels().finishDate }}</div>\r\n                <div>{{ labels().actualStartDate }}</div>\r\n                <div>{{ labels().actualFinishDate }}</div>\r\n                <div>{{ labels().assignedTo }}</div>\r\n                <div>{{ labels().progress }}</div>\r\n              </div>\r\n\r\n              <div class=\"max-h-[28rem] overflow-auto\">\r\n                @for (row of previewRows(); track trackByRow($index, row)) {\r\n                  <div class=\"grid min-w-[1180px] grid-cols-[40px_minmax(220px,2fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(130px,1fr)_minmax(190px,1.1fr)_minmax(120px,0.8fr)] items-center gap-x-2 border-b border-slate-100 px-3 py-2 text-sm\">\r\n                    <label class=\"inline-flex items-center justify-center\">\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        [checked]=\"selectedTaskKeys().has(row.key)\"\r\n                        (change)=\"toggleRowSelection(row.key, $any($event.target).checked)\"\r\n                      />\r\n                    </label>\r\n\r\n                    <div class=\"min-w-0\" [style.paddingInlineStart.px]=\"row.depth * 18\">\r\n                      <input\r\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                        type=\"text\"\r\n                        [value]=\"row.task.title || row.task.name || ''\"\r\n                        (input)=\"onTaskTitleChanged(row.key, $any($event.target).value)\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div>\r\n                      <input\r\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                        type=\"date\"\r\n                        [value]=\"toDateInputValue(row.task.startDate)\"\r\n                        (change)=\"onTaskDateChanged(row.key, 'startDate', $any($event.target).value)\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div>\r\n                      <input\r\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                        type=\"date\"\r\n                        [value]=\"toDateInputValue(row.task.finishDate)\"\r\n                        (change)=\"onTaskDateChanged(row.key, 'finishDate', $any($event.target).value)\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div>\r\n                      <input\r\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                        type=\"date\"\r\n                        [value]=\"toDateInputValue(row.task.actualStartDate || row.task.actualStart)\"\r\n                        (change)=\"onTaskDateChanged(row.key, 'actualStartDate', $any($event.target).value)\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div>\r\n                      <input\r\n                        class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                        type=\"date\"\r\n                        [value]=\"toDateInputValue(row.task.actualFinishDate || row.task.actualFinish)\"\r\n                        (change)=\"onTaskDateChanged(row.key, 'actualFinishDate', $any($event.target).value)\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div class=\"min-w-0\">\r\n                      @if (resourceOptions().length) {\r\n                        <div class=\"space-y-1\">\r\n                          <select\r\n                            class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                            [value]=\"resolveAssignedValue(row.task)\"\r\n                            (change)=\"onTaskAssignedToChanged(row.key, $any($event.target).value)\"\r\n                          >\r\n                            <option value=\"\">-</option>\r\n                            @for (option of resourceOptions(); track option.id) {\r\n                              <option [value]=\"option.id\">{{ option.label }}</option>\r\n                            }\r\n                          </select>\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\r\n                    <div>\r\n                      <div class=\"space-y-1\">\r\n                        <input\r\n                          class=\"w-full rounded-md border border-slate-300 px-2 py-1 text-sm text-slate-700 outline-none focus:border-slate-400\"\r\n                          type=\"number\"\r\n                          min=\"0\"\r\n                          max=\"100\"\r\n                          [value]=\"normalizeProgress(row.task.progress)\"\r\n                          (input)=\"onTaskProgressChanged(row.key, $any($event.target).value)\"\r\n                        />\r\n                        <mt-entity-preview [data]=\"toProgressEntity(row.task)\" />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                }\r\n              </div>\r\n            </div>\r\n\r\n            @if (isTruncated()) {\r\n              <p class=\"text-xs text-slate-500\">{{ labels().rowsLimited }}</p>\r\n            }\r\n          }\r\n        }\r\n      </div>\r\n\r\n      <footer class=\"flex flex-wrap items-center justify-end gap-2 border-t border-slate-200 px-5 py-4\">\r\n        <mt-button\r\n          [label]=\"labels().cancel\"\r\n          severity=\"secondary\"\r\n          [outlined]=\"true\"\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      </footer>\r\n    </section>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], langCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "langCode", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], imported: [{ type: i0.Output, args: ["imported"] }], applied: [{ type: i0.Output, args: ["applied"] }], failed: [{ type: i0.Output, args: ["failed"] }] } });
 
 const DEFAULT_MODES = [
@@ -3717,11 +4018,11 @@ class TaskScheduleShell {
         this.actionError.emit(message);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TaskScheduleShell, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TaskScheduleShell, isStandalone: true, selector: "mt-task-schedule-shell", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, modelType: { classPropertyName: "modelType", publicName: "modelType", isSignal: true, isRequired: false, transformFunction: null }, modeOptions: { classPropertyName: "modeOptions", publicName: "modeOptions", isSignal: true, isRequired: false, transformFunction: null }, allowEditMode: { classPropertyName: "allowEditMode", publicName: "allowEditMode", isSignal: true, isRequired: false, transformFunction: null }, allowImport: { classPropertyName: "allowImport", publicName: "allowImport", isSignal: true, isRequired: false, transformFunction: null }, allowSetBaseline: { classPropertyName: "allowSetBaseline", publicName: "allowSetBaseline", isSignal: true, isRequired: false, transformFunction: null }, hasTasks: { classPropertyName: "hasTasks", publicName: "hasTasks", isSignal: true, isRequired: false, transformFunction: null }, baselinePending: { classPropertyName: "baselinePending", publicName: "baselinePending", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modeChanged: "modeChanged", baselineSet: "baselineSet", tasksExported: "tasksExported", actionError: "actionError" }, ngImport: i0, template: "<div class=\"task-schedule-shell\" [attr.dir]=\"resolvedLangCode() === 'ar' ? 'rtl' : 'ltr'\">\n  <header class=\"task-schedule-shell__header\">\n    <div class=\"task-schedule-shell__mode\">\n      <label class=\"task-schedule-shell__label\">{{ labels().mode }}</label>\n      <select\n        class=\"task-schedule-shell__select\"\n        [value]=\"currentModelType()\"\n        (change)=\"onModeChange($any($event.target).value)\"\n      >\n        @for (mode of resolvedModes(); track mode.value) {\n          <option [value]=\"mode.value\">{{ mode.label }}</option>\n        }\n      </select>\n    </div>\n\n    <div class=\"task-schedule-shell__actions\">\n      @if (showSetBaselineAction()) {\n        <button\n          type=\"button\"\n          class=\"task-schedule-shell__btn\"\n          [disabled]=\"!canSetBaselineAction()\"\n          (click)=\"setBaseline()\"\n        >\n          {{ baselinePending() ? labels().pending : labels().setBaseline }}\n        </button>\n      }\n\n      @if (showImportAction()) {\n        <button\n          type=\"button\"\n          class=\"task-schedule-shell__btn\"\n          [disabled]=\"!canOpenImport()\"\n          (click)=\"openImportModal()\"\n        >\n          {{ labels().import }}\n        </button>\n      }\n\n      <button\n        type=\"button\"\n        class=\"task-schedule-shell__btn\"\n        [disabled]=\"!canExportTasks()\"\n        (click)=\"exportTasks()\"\n      >\n        {{ labels().export }}\n      </button>\n    </div>\n  </header>\n\n  <mt-task-schedule\n    [modelType]=\"currentModelType()\"\n    [context]=\"context()\"\n    [langCode]=\"resolvedLangCode()\"\n    [dateFormat]=\"dateFormat()\"\n    [height]=\"height()\"\n    (loadError)=\"onActionError($event)\"\n  />\n\n  @if (showImportModal()) {\n    <mt-task-schedule-import-modal\n      [visible]=\"showImportModal()\"\n      [context]=\"context()\"\n      [langCode]=\"resolvedLangCode()\"\n      (closed)=\"closeImportModal()\"\n      (failed)=\"onActionError($event)\"\n      (applied)=\"onImportedTasksApplied()\"\n    />\n  }\n</div>\n", styles: [":host{display:block}.task-schedule-shell{display:flex;flex-direction:column;gap:12px}.task-schedule-shell__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.task-schedule-shell__mode{display:flex;align-items:center;gap:8px}.task-schedule-shell__label{color:#334155;font-size:13px;font-weight:600}.task-schedule-shell__select{border:1px solid #cbd5e1;border-radius:8px;height:36px;padding:0 10px;min-width:180px;background-color:#fff}.task-schedule-shell__actions{display:flex;flex-wrap:wrap;gap:8px}.task-schedule-shell__btn{border:1px solid #14b8a6;background:#14b8a6;color:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}.task-schedule-shell__btn:disabled{opacity:.55;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TaskSchedule, selector: "mt-task-schedule", inputs: ["modelType", "context", "dateFormat", "height", "langCode", "pdfFontData", "pdfRtlFontData", "pdfFontSize"], outputs: ["toolbarAction", "actionBegin", "actionCompleted", "loaded", "loadError"] }, { kind: "component", type: TaskScheduleImportModal, selector: "mt-task-schedule-import-modal", inputs: ["visible", "context", "langCode", "title", "maxRows"], outputs: ["closed", "imported", "applied", "failed"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TaskScheduleShell, isStandalone: true, selector: "mt-task-schedule-shell", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, modelType: { classPropertyName: "modelType", publicName: "modelType", isSignal: true, isRequired: false, transformFunction: null }, modeOptions: { classPropertyName: "modeOptions", publicName: "modeOptions", isSignal: true, isRequired: false, transformFunction: null }, allowEditMode: { classPropertyName: "allowEditMode", publicName: "allowEditMode", isSignal: true, isRequired: false, transformFunction: null }, allowImport: { classPropertyName: "allowImport", publicName: "allowImport", isSignal: true, isRequired: false, transformFunction: null }, allowSetBaseline: { classPropertyName: "allowSetBaseline", publicName: "allowSetBaseline", isSignal: true, isRequired: false, transformFunction: null }, hasTasks: { classPropertyName: "hasTasks", publicName: "hasTasks", isSignal: true, isRequired: false, transformFunction: null }, baselinePending: { classPropertyName: "baselinePending", publicName: "baselinePending", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modeChanged: "modeChanged", baselineSet: "baselineSet", tasksExported: "tasksExported", actionError: "actionError" }, ngImport: i0, template: "<div class=\"task-schedule-shell\" [attr.dir]=\"resolvedLangCode() === 'ar' ? 'rtl' : 'ltr'\">\r\n  <header class=\"task-schedule-shell__header\">\r\n    <div class=\"task-schedule-shell__mode\">\r\n      <label class=\"task-schedule-shell__label\">{{ labels().mode }}</label>\r\n      <select\r\n        class=\"task-schedule-shell__select\"\r\n        [value]=\"currentModelType()\"\r\n        (change)=\"onModeChange($any($event.target).value)\"\r\n      >\r\n        @for (mode of resolvedModes(); track mode.value) {\r\n          <option [value]=\"mode.value\">{{ mode.label }}</option>\r\n        }\r\n      </select>\r\n    </div>\r\n\r\n    <div class=\"task-schedule-shell__actions\">\r\n      @if (showSetBaselineAction()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"task-schedule-shell__btn\"\r\n          [disabled]=\"!canSetBaselineAction()\"\r\n          (click)=\"setBaseline()\"\r\n        >\r\n          {{ baselinePending() ? labels().pending : labels().setBaseline }}\r\n        </button>\r\n      }\r\n\r\n      @if (showImportAction()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"task-schedule-shell__btn\"\r\n          [disabled]=\"!canOpenImport()\"\r\n          (click)=\"openImportModal()\"\r\n        >\r\n          {{ labels().import }}\r\n        </button>\r\n      }\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"task-schedule-shell__btn\"\r\n        [disabled]=\"!canExportTasks()\"\r\n        (click)=\"exportTasks()\"\r\n      >\r\n        {{ labels().export }}\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  <mt-task-schedule\r\n    [modelType]=\"currentModelType()\"\r\n    [context]=\"context()\"\r\n    [langCode]=\"resolvedLangCode()\"\r\n    [dateFormat]=\"dateFormat()\"\r\n    [height]=\"height()\"\r\n    (loadError)=\"onActionError($event)\"\r\n  />\r\n\r\n  @if (showImportModal()) {\r\n    <mt-task-schedule-import-modal\r\n      [visible]=\"showImportModal()\"\r\n      [context]=\"context()\"\r\n      [langCode]=\"resolvedLangCode()\"\r\n      (closed)=\"closeImportModal()\"\r\n      (failed)=\"onActionError($event)\"\r\n      (applied)=\"onImportedTasksApplied()\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.task-schedule-shell{display:flex;flex-direction:column;gap:12px}.task-schedule-shell__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.task-schedule-shell__mode{display:flex;align-items:center;gap:8px}.task-schedule-shell__label{color:#334155;font-size:13px;font-weight:600}.task-schedule-shell__select{border:1px solid #cbd5e1;border-radius:8px;height:36px;padding:0 10px;min-width:180px;background-color:#fff}.task-schedule-shell__actions{display:flex;flex-wrap:wrap;gap:8px}.task-schedule-shell__btn{border:1px solid #14b8a6;background:#14b8a6;color:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}.task-schedule-shell__btn:disabled{opacity:.55;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TaskSchedule, selector: "mt-task-schedule", inputs: ["modelType", "context", "dateFormat", "height", "langCode", "pdfFontData", "pdfRtlFontData", "pdfFontSize"], outputs: ["toolbarAction", "actionBegin", "actionCompleted", "loaded", "loadError"] }, { kind: "component", type: TaskScheduleImportModal, selector: "mt-task-schedule-import-modal", inputs: ["visible", "context", "langCode", "title", "maxRows"], outputs: ["closed", "imported", "applied", "failed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TaskScheduleShell, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-task-schedule-shell', standalone: true, imports: [CommonModule, TaskSchedule, TaskScheduleImportModal], template: "<div class=\"task-schedule-shell\" [attr.dir]=\"resolvedLangCode() === 'ar' ? 'rtl' : 'ltr'\">\n  <header class=\"task-schedule-shell__header\">\n    <div class=\"task-schedule-shell__mode\">\n      <label class=\"task-schedule-shell__label\">{{ labels().mode }}</label>\n      <select\n        class=\"task-schedule-shell__select\"\n        [value]=\"currentModelType()\"\n        (change)=\"onModeChange($any($event.target).value)\"\n      >\n        @for (mode of resolvedModes(); track mode.value) {\n          <option [value]=\"mode.value\">{{ mode.label }}</option>\n        }\n      </select>\n    </div>\n\n    <div class=\"task-schedule-shell__actions\">\n      @if (showSetBaselineAction()) {\n        <button\n          type=\"button\"\n          class=\"task-schedule-shell__btn\"\n          [disabled]=\"!canSetBaselineAction()\"\n          (click)=\"setBaseline()\"\n        >\n          {{ baselinePending() ? labels().pending : labels().setBaseline }}\n        </button>\n      }\n\n      @if (showImportAction()) {\n        <button\n          type=\"button\"\n          class=\"task-schedule-shell__btn\"\n          [disabled]=\"!canOpenImport()\"\n          (click)=\"openImportModal()\"\n        >\n          {{ labels().import }}\n        </button>\n      }\n\n      <button\n        type=\"button\"\n        class=\"task-schedule-shell__btn\"\n        [disabled]=\"!canExportTasks()\"\n        (click)=\"exportTasks()\"\n      >\n        {{ labels().export }}\n      </button>\n    </div>\n  </header>\n\n  <mt-task-schedule\n    [modelType]=\"currentModelType()\"\n    [context]=\"context()\"\n    [langCode]=\"resolvedLangCode()\"\n    [dateFormat]=\"dateFormat()\"\n    [height]=\"height()\"\n    (loadError)=\"onActionError($event)\"\n  />\n\n  @if (showImportModal()) {\n    <mt-task-schedule-import-modal\n      [visible]=\"showImportModal()\"\n      [context]=\"context()\"\n      [langCode]=\"resolvedLangCode()\"\n      (closed)=\"closeImportModal()\"\n      (failed)=\"onActionError($event)\"\n      (applied)=\"onImportedTasksApplied()\"\n    />\n  }\n</div>\n", styles: [":host{display:block}.task-schedule-shell{display:flex;flex-direction:column;gap:12px}.task-schedule-shell__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.task-schedule-shell__mode{display:flex;align-items:center;gap:8px}.task-schedule-shell__label{color:#334155;font-size:13px;font-weight:600}.task-schedule-shell__select{border:1px solid #cbd5e1;border-radius:8px;height:36px;padding:0 10px;min-width:180px;background-color:#fff}.task-schedule-shell__actions{display:flex;flex-wrap:wrap;gap:8px}.task-schedule-shell__btn{border:1px solid #14b8a6;background:#14b8a6;color:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}.task-schedule-shell__btn:disabled{opacity:.55;cursor:not-allowed}\n"] }]
+            args: [{ selector: 'mt-task-schedule-shell', standalone: true, imports: [CommonModule, TaskSchedule, TaskScheduleImportModal], template: "<div class=\"task-schedule-shell\" [attr.dir]=\"resolvedLangCode() === 'ar' ? 'rtl' : 'ltr'\">\r\n  <header class=\"task-schedule-shell__header\">\r\n    <div class=\"task-schedule-shell__mode\">\r\n      <label class=\"task-schedule-shell__label\">{{ labels().mode }}</label>\r\n      <select\r\n        class=\"task-schedule-shell__select\"\r\n        [value]=\"currentModelType()\"\r\n        (change)=\"onModeChange($any($event.target).value)\"\r\n      >\r\n        @for (mode of resolvedModes(); track mode.value) {\r\n          <option [value]=\"mode.value\">{{ mode.label }}</option>\r\n        }\r\n      </select>\r\n    </div>\r\n\r\n    <div class=\"task-schedule-shell__actions\">\r\n      @if (showSetBaselineAction()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"task-schedule-shell__btn\"\r\n          [disabled]=\"!canSetBaselineAction()\"\r\n          (click)=\"setBaseline()\"\r\n        >\r\n          {{ baselinePending() ? labels().pending : labels().setBaseline }}\r\n        </button>\r\n      }\r\n\r\n      @if (showImportAction()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"task-schedule-shell__btn\"\r\n          [disabled]=\"!canOpenImport()\"\r\n          (click)=\"openImportModal()\"\r\n        >\r\n          {{ labels().import }}\r\n        </button>\r\n      }\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"task-schedule-shell__btn\"\r\n        [disabled]=\"!canExportTasks()\"\r\n        (click)=\"exportTasks()\"\r\n      >\r\n        {{ labels().export }}\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  <mt-task-schedule\r\n    [modelType]=\"currentModelType()\"\r\n    [context]=\"context()\"\r\n    [langCode]=\"resolvedLangCode()\"\r\n    [dateFormat]=\"dateFormat()\"\r\n    [height]=\"height()\"\r\n    (loadError)=\"onActionError($event)\"\r\n  />\r\n\r\n  @if (showImportModal()) {\r\n    <mt-task-schedule-import-modal\r\n      [visible]=\"showImportModal()\"\r\n      [context]=\"context()\"\r\n      [langCode]=\"resolvedLangCode()\"\r\n      (closed)=\"closeImportModal()\"\r\n      (failed)=\"onActionError($event)\"\r\n      (applied)=\"onImportedTasksApplied()\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.task-schedule-shell{display:flex;flex-direction:column;gap:12px}.task-schedule-shell__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.task-schedule-shell__mode{display:flex;align-items:center;gap:8px}.task-schedule-shell__label{color:#334155;font-size:13px;font-weight:600}.task-schedule-shell__select{border:1px solid #cbd5e1;border-radius:8px;height:36px;padding:0 10px;min-width:180px;background-color:#fff}.task-schedule-shell__actions{display:flex;flex-wrap:wrap;gap:8px}.task-schedule-shell__btn{border:1px solid #14b8a6;background:#14b8a6;color:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}.task-schedule-shell__btn:disabled{opacity:.55;cursor:not-allowed}\n"] }]
         }], ctorParameters: () => [], propDecorators: { context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], langCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "langCode", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], modelType: [{ type: i0.Input, args: [{ isSignal: true, alias: "modelType", required: false }] }], modeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "modeOptions", required: false }] }], allowEditMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowEditMode", required: false }] }], allowImport: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowImport", required: false }] }], allowSetBaseline: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowSetBaseline", required: false }] }], hasTasks: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTasks", required: false }] }], baselinePending: [{ type: i0.Input, args: [{ isSignal: true, alias: "baselinePending", required: false }] }], modeChanged: [{ type: i0.Output, args: ["modeChanged"] }], baselineSet: [{ type: i0.Output, args: ["baselineSet"] }], tasksExported: [{ type: i0.Output, args: ["tasksExported"] }], actionError: [{ type: i0.Output, args: ["actionError"] }] } });
 
 /**