@masterteam/task-schedule 0.0.1 → 0.0.3

package/fesm2022/masterteam-task-schedule.mjs

@@ -74,6 +74,30 @@ function normalizeTaskScheduleModelType(modelType) {
 
 const TASK_SCHEDULE_DATA_ADAPTER = new InjectionToken('TASK_SCHEDULE_DATA_ADAPTER');
 const DEFAULT_CUSTOM_PROPERTIES = [];
+const SCHEDULE_NATIVE_KEYS = new Set([
+    'name',
+    'status',
+    'plannedStart',
+    'plannedFinish',
+    'actualStart',
+    'actualFinish',
+    'baselineStart',
+    'baselineFinish',
+    'duration',
+    'progress',
+    'predecessor',
+    'predecessors',
+    'assignedTo',
+    'resources',
+    'order',
+    'parentId',
+    'phaseGate',
+    'criticalPath',
+    'type',
+    'details',
+    'id',
+    'levelDataId',
+]);
 class TaskScheduleBackendAdapter {
     http = inject(HttpClient, { optional: true });
     load(modelType, context) {
@@ -81,21 +105,11 @@ class TaskScheduleBackendAdapter {
             return this.backendError('TaskScheduleBackendAdapter requires HttpClient. Configure provideHttpClient() in the host app.');
         }
         const normalizedModel = normalizeTaskScheduleModelType(modelType);
-        const treeRouteTemplate = this.resolveTreeRouteTemplate(context, normalizedModel);
         const levelId = this.readId(context.levelId);
         if (!levelId) {
             return this.backendError('TaskSchedule context requires levelId for backend calls.');
         }
-        const treeRouteParams = this.buildTreeRouteParams(context, treeRouteTemplate);
-        if (!treeRouteParams) {
-            return this.backendError('TaskSchedule context is missing required identifiers for the selected schedule endpoint.');
-        }
-        const treeUrl = this.resolveApiUrl(context, treeRouteTemplate, treeRouteParams);
-        return this.http
-            .get(treeUrl, {
-            headers: this.readHeaders(context),
-        })
-            .pipe(map((response) => this.unwrapResponse(response, 'Failed to load schedule tree.')), map((payload) => ({
+        return this.resolveReadPayload(context, normalizedModel).pipe(map((payload) => ({
             payload,
             rows: this.extractTaskArray(payload),
         })), map(({ payload, rows }) => ({
@@ -153,16 +167,231 @@ class TaskScheduleBackendAdapter {
             }));
         }));
     }
+    resolveReadPayload(context, modelType) {
+        if (modelType === 'phaseGate') {
+            return this.loadLegacyPhaseGatePayload(context);
+        }
+        if (modelType === 'resources') {
+            return this.loadScheduleUtilityPayload(context, 'levels/{levelId}/{levelDataId}/schedule/by-resource', 'Failed to load schedule resources.');
+        }
+        if (modelType === 'unscheduled') {
+            return this.loadScheduleUtilityPayload(context, 'levels/{levelId}/{levelDataId}/schedule/unscheduled', 'Failed to load unscheduled schedule items.');
+        }
+        if (modelType === 'baseline') {
+            return this.loadScheduleUtilityPayload(context, 'levels/{levelId}/{levelDataId}/schedule/baselines/latest', 'Failed to load schedule baseline.');
+        }
+        return this.loadScheduleQueryPayload(context);
+    }
+    loadScheduleQueryPayload(context) {
+        if (!this.http) {
+            return this.backendError('Task schedule query loading requires HttpClient.');
+        }
+        const levelId = this.readId(context.levelId);
+        const levelDataId = this.readId(context.levelDataId);
+        if (!levelId || !levelDataId) {
+            return this.backendError('TaskSchedule context requires levelId and levelDataId for schedule reads.');
+        }
+        const endpoint = this.resolveApiUrl(context, 'levels/{levelId}/{levelDataId}/schedule/query', {
+            levelId,
+            levelDataId,
+        });
+        return this.http
+            .post(endpoint, {
+            projection: 'Tree',
+        }, {
+            headers: this.readHeaders(context),
+        })
+            .pipe(map((response) => this.unwrapResponse(response, 'Failed to load schedule records.')), map((data) => this.composeFetchPayload(data)));
+    }
+    loadScheduleUtilityPayload(context, template, fallbackMessage) {
+        if (!this.http) {
+            return this.backendError(fallbackMessage);
+        }
+        const levelId = this.readId(context.levelId);
+        const levelDataId = this.readId(context.levelDataId);
+        if (!levelId || !levelDataId) {
+            return this.backendError('TaskSchedule context requires levelId and levelDataId for schedule utility reads.');
+        }
+        const url = this.resolveApiUrl(context, template, {
+            levelId,
+            levelDataId,
+        });
+        return this.http
+            .get(url, {
+            headers: this.readHeaders(context),
+        })
+            .pipe(map((response) => this.unwrapResponse(response, fallbackMessage)));
+    }
+    loadLegacyPhaseGatePayload(context) {
+        if (!this.http) {
+            return this.backendError('Failed to load phase gate schedule tree.');
+        }
+        const treeRouteTemplate = this.resolveTreeRouteTemplate(context, 'phaseGate');
+        const treeRouteParams = this.buildTreeRouteParams(context, treeRouteTemplate);
+        if (!treeRouteParams) {
+            return this.backendError('TaskSchedule context is missing required identifiers for phase gate mode.');
+        }
+        const treeUrl = this.resolveApiUrl(context, treeRouteTemplate, treeRouteParams);
+        return this.http
+            .get(treeUrl, {
+            headers: this.readHeaders(context),
+        })
+            .pipe(map((response) => this.unwrapResponse(response, 'Failed to load phase gate schedule tree.')));
+    }
+    composeFetchPayload(data) {
+        const schemaMap = this.toFetchSchemaMap(data.schemas ?? []);
+        const tasks = this.mapFetchRecords(this.resolveFetchRootRecords(data.records ?? [], data.projectionMeta?.rootIds ?? []), schemaMap);
+        const customProperties = this.mergeFetchCustomProperties(this.mapFetchCustomProperties(data.catalog?.properties ?? []));
+        return {
+            tasks,
+            customProperties,
+        };
+    }
+    resolveFetchRootRecords(records, rootIds) {
+        if (!rootIds.length) {
+            return records;
+        }
+        const byId = new Map(records.map((record) => [String(record.id), record]));
+        return rootIds
+            .map((id) => byId.get(String(id)))
+            .filter((record) => record != null);
+    }
+    toFetchSchemaMap(schemas) {
+        return new Map(schemas
+            .filter((schema) => this.readId(schema.id) != null)
+            .map((schema) => [String(schema.id), schema]));
+    }
+    mapFetchRecords(records, schemaMap) {
+        return records.map((record, index) => this.mapFetchRecord(record, index + 1, schemaMap));
+    }
+    mapFetchRecord(record, fallbackOrder, schemaMap) {
+        const values = record.values ?? {};
+        const schema = this.readId(record.schemaId)
+            ? schemaMap.get(String(record.schemaId))
+            : undefined;
+        const type = this.readFetchCellDisplay(values['type']) ??
+            this.toNullableString(this.readFetchCellValue(values['type'])) ??
+            this.toNullableString(schema?.key) ??
+            'Task';
+        const subtasks = (record.children ?? []).map((child, index) => this.mapFetchRecord(child, index + 1, schemaMap));
+        return {
+            id: record.id,
+            title: record.name ??
+                this.readFetchCellDisplay(values['name']) ??
+                `Task ${String(record.id)}`,
+            name: record.name ??
+                this.readFetchCellDisplay(values['name']) ??
+                `Task ${String(record.id)}`,
+            startDate: this.readFetchCellValue(values['plannedStart']),
+            finishDate: this.readFetchCellValue(values['plannedFinish']),
+            baselineStartDate: this.readFetchCellValue(values['baselineStart']),
+            baselineEndDate: this.readFetchCellValue(values['baselineFinish']),
+            actualStartDate: this.readFetchCellValue(values['actualStart']),
+            actualFinishDate: this.readFetchCellValue(values['actualFinish']),
+            predecessor: this.readFetchCellDisplay(values['predecessor']) ??
+                this.readFetchCellDisplay(values['predecessors']) ??
+                this.toNullableString(this.readFetchCellValue(values['predecessor'])) ??
+                this.toNullableString(this.readFetchCellValue(values['predecessors'])),
+            duration: this.readFetchCellValue(values['duration']),
+            progress: this.readFetchCellValue(values['progress']),
+            details: this.readFetchCellDisplay(values['details']) ??
+                this.toNullableString(this.readFetchCellValue(values['details'])),
+            status: this.readFetchCellValue(values['status']),
+            type,
+            typeLabel: this.toNullableString(schema?.name) ?? type,
+            typeLable: this.toNullableString(schema?.name) ?? type,
+            assignedTo: this.readFetchCellValue(values['assignedTo']),
+            resources: this.readFetchCellValue(values['resources']),
+            phaseGate: this.readFetchCellDisplay(values['phaseGate']) ??
+                this.toNullableString(this.readFetchCellValue(values['phaseGate'])),
+            criticalPath: Boolean(this.readFetchCellValue(values['criticalPath'])),
+            order: this.readFetchOrder(values['order']) ?? fallbackOrder,
+            props: this.readFetchCustomProps(values),
+            subtasks,
+        };
+    }
+    readFetchCustomProps(values) {
+        return Object.entries(values)
+            .filter(([key]) => !SCHEDULE_NATIVE_KEYS.has(key))
+            .map(([key, cell]) => ({
+            id: 0,
+            key,
+            rawValue: this.readFetchCellRaw(cell),
+            value: this.readFetchCellValue(cell),
+        }));
+    }
+    mapFetchCustomProperties(properties) {
+        return properties
+            .filter((property) => !SCHEDULE_NATIVE_KEYS.has(property.normalizedKey))
+            .sort((left, right) => (left.order ?? 0) - (right.order ?? 0))
+            .map((property) => ({
+            id: property.id,
+            key: property.normalizedKey,
+            name: property.label,
+            viewType: property.viewType,
+            normalizedKey: property.normalizedKey,
+            isRequired: !!property.isRequired,
+            isCalculated: !!property.isCalculated,
+            configuration: property.configuration ?? null,
+        }));
+    }
+    mergeFetchCustomProperties(properties) {
+        const byKey = new Map();
+        properties.forEach((property) => {
+            if (!byKey.has(property.key)) {
+                byKey.set(property.key, property);
+            }
+        });
+        return Array.from(byKey.values());
+    }
+    readFetchCellRaw(cell) {
+        if (!cell || typeof cell !== 'object') {
+            return cell;
+        }
+        const row = cell;
+        if ('raw' in row || 'value' in row || 'display' in row) {
+            return row['raw'] ?? row['value'] ?? row['display'] ?? null;
+        }
+        return cell;
+    }
+    readFetchCellValue(cell) {
+        if (!cell || typeof cell !== 'object') {
+            return cell;
+        }
+        const row = cell;
+        if ('raw' in row || 'value' in row || 'display' in row) {
+            return row['value'] ?? row['raw'] ?? row['display'] ?? null;
+        }
+        return cell;
+    }
+    readFetchCellDisplay(cell) {
+        if (!cell || typeof cell !== 'object') {
+            return this.toNullableString(cell);
+        }
+        const row = cell;
+        if ('display' in row || 'value' in row || 'raw' in row) {
+            return (this.toNullableString(row['display']) ??
+                this.toNullableString(row['value']) ??
+                this.toNullableString(row['raw']));
+        }
+        return this.toNullableString(cell);
+    }
+    readFetchOrder(cell) {
+        return this.toNullableNumber(this.readFetchCellValue(cell));
+    }
     createTask(context, payload) {
         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 +400,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 +417,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 +431,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 +448,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 +462,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 +479,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 +504,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 +528,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 +562,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 +591,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 +609,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 +697,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
@@ -398,38 +716,16 @@ class TaskScheduleBackendAdapter {
                 null);
         }))), map((view) => this.mapScheduleColumns(view?.columns ?? [], context.langCode ?? 'en')));
     }
-    resolveTreeRouteTemplate(context, modelType) {
-        const modeEndpointKeyByModel = {
-            default: 'scheduleTreeDefault',
-            edit: 'scheduleTreeEdit',
-            baseline: 'scheduleTreeBaseline',
-            criticalPath: 'scheduleTreeCriticalPath',
-            resources: 'scheduleTreeResources',
-            unscheduled: 'scheduleTreeUnscheduled',
-            phaseGate: 'scheduleTreePhaseGate',
-            custom: 'scheduleTreeCustom',
-        };
-        const modeSpecificRoute = this.readEndpoint(context.endpoints, modeEndpointKeyByModel[modelType]);
-        if (modeSpecificRoute) {
-            return modeSpecificRoute;
+    resolveTreeRouteTemplate(context, _modelType) {
+        const phaseGateRoute = this.readEndpoint(context.endpoints, 'scheduleTreePhaseGate');
+        if (phaseGateRoute) {
+            return phaseGateRoute;
         }
         const customTreeRoute = this.readEndpoint(context.endpoints, 'scheduleTree');
         if (customTreeRoute) {
             return customTreeRoute;
         }
-        if (this.readId(context.schemaId)) {
-            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';
-        }
-        return 'levels/{levelId}/{levelDataId}/schedule/tree';
+        return 'levels/{levelId}/{levelDataId}/schedule/tree?renderMode=PhaseGate';
     }
     buildTreeRouteParams(context, treeRouteTemplate) {
         const levelId = this.readId(context.levelId);
@@ -453,19 +749,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 +791,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 +856,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 +877,7 @@ class TaskScheduleBackendAdapter {
     }
     extractTaskArray(payload) {
         if (Array.isArray(payload)) {
-            return payload;
+            return this.normalizeTaskRows(payload);
         }
         if (!payload || typeof payload !== 'object') {
             return [];
@@ -571,7 +893,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 +901,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 +1049,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 +1117,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 +1288,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 +1310,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 +1384,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 +1407,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 +1500,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 +2355,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: [] };
@@ -1907,14 +2390,7 @@ class TaskSchedule {
     operationSub = new Subscription();
     contextAddTask = signal('', ...(ngDevMode ? [{ debugName: "contextAddTask" }] : []));
     customProperties = signal([], ...(ngDevMode ? [{ debugName: "customProperties" }] : []));
-    modelType = input('default', ...(ngDevMode ? [{ debugName: "modelType" }] : []));
     context = input(null, ...(ngDevMode ? [{ debugName: "context" }] : []));
-    dateFormat = input('dd/MM/yyyy', ...(ngDevMode ? [{ debugName: "dateFormat" }] : []));
-    height = input('760px', ...(ngDevMode ? [{ debugName: "height" }] : []));
-    langCode = input(null, ...(ngDevMode ? [{ debugName: "langCode" }] : []));
-    pdfFontData = input(null, ...(ngDevMode ? [{ debugName: "pdfFontData" }] : []));
-    pdfRtlFontData = input(null, ...(ngDevMode ? [{ debugName: "pdfRtlFontData" }] : []));
-    pdfFontSize = input(11, ...(ngDevMode ? [{ debugName: "pdfFontSize" }] : []));
     toolbarAction = output();
     actionBegin = output();
     actionCompleted = output();
@@ -1925,8 +2401,11 @@ class TaskSchedule {
     dataSource = signal([], ...(ngDevMode ? [{ debugName: "dataSource" }] : []));
     ganttConfig = signal(createGanttConfig('default', EMPTY_RESULT, 'dd/MM/yyyy', 'en'), ...(ngDevMode ? [{ debugName: "ganttConfig" }] : []));
     ganttId = `mtTaskScheduleGantt-${Math.random().toString(36).slice(2, 10)}`;
-    resolvedModelType = computed(() => normalizeTaskScheduleModelType(this.modelType()), ...(ngDevMode ? [{ debugName: "resolvedModelType" }] : []));
-    resolvedLangCode = computed(() => resolveTaskScheduleLanguage(this.langCode(), this.context()?.langCode), ...(ngDevMode ? [{ debugName: "resolvedLangCode" }] : []));
+    resolvedModelTypeInput = computed(() => this.context()?.modelType ?? 'default', ...(ngDevMode ? [{ debugName: "resolvedModelTypeInput" }] : []));
+    resolvedDateFormat = computed(() => this.context()?.dateFormat ?? 'dd/MM/yyyy', ...(ngDevMode ? [{ debugName: "resolvedDateFormat" }] : []));
+    resolvedHeight = computed(() => this.context()?.height ?? '760px', ...(ngDevMode ? [{ debugName: "resolvedHeight" }] : []));
+    resolvedModelType = computed(() => normalizeTaskScheduleModelType(this.resolvedModelTypeInput()), ...(ngDevMode ? [{ debugName: "resolvedModelType" }] : []));
+    resolvedLangCode = computed(() => resolveTaskScheduleLanguage(this.context()?.langCode), ...(ngDevMode ? [{ debugName: "resolvedLangCode" }] : []));
     isEditMode = computed(() => this.resolvedModelType() === 'edit', ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
     editTaskTypes = computed(() => resolveEditTaskTypes(this.resolvedLangCode()), ...(ngDevMode ? [{ debugName: "editTaskTypes" }] : []));
     enableRtl = computed(() => this.resolvedLangCode() === 'ar' ||
@@ -1954,7 +2433,7 @@ class TaskSchedule {
                 return;
             }
             const langCode = this.resolvedLangCode();
-            this.loadSchedule(this.modelType(), context, this.dateFormat(), langCode);
+            this.loadSchedule(this.resolvedModelTypeInput(), context, this.resolvedDateFormat(), langCode);
         }, { ...(ngDevMode ? { debugName: "loadEffect" } : {}), injector: this.injector });
         const refreshSub = this.queueService.refreshTasks$.subscribe(() => {
             this.reloadSchedule();
@@ -2038,7 +2517,7 @@ class TaskSchedule {
     onActionComplete(args) {
         const context = this.context();
         if (context) {
-            this.queueService.reorderColumn(args, this.modelType(), context);
+            this.queueService.reorderColumn(args, this.resolvedModelTypeInput(), context);
         }
         if (this.isEditMode()) {
             if (args?.requestType === 'openEditDialog' ||
@@ -2142,7 +2621,7 @@ class TaskSchedule {
                 dependsOn: property.dependsOn,
             };
             if (property.viewType === 'Date') {
-                column['format'] = { type: 'date', format: this.dateFormat() };
+                column['format'] = { type: 'date', format: this.resolvedDateFormat() };
                 column['type'] = 'date';
             }
             if (property.viewType === 'Lookup') {
@@ -2413,7 +2892,7 @@ class TaskSchedule {
         if (!context) {
             return;
         }
-        this.loadSchedule(this.modelType(), context, this.dateFormat(), this.resolvedLangCode());
+        this.loadSchedule(this.resolvedModelTypeInput(), context, this.resolvedDateFormat(), this.resolvedLangCode());
     }
     normalizeTasks(tasks, customProps) {
         return [...tasks]
@@ -2740,15 +3219,10 @@ class TaskSchedule {
     resolvePdfExportFont() {
         const contextFonts = this.context()?.pdfFonts;
         const fontData = (this.enableRtl()
-            ? this.pdfRtlFontData() ??
-                contextFonts?.arabic ??
-                this.pdfFontData() ??
-                contextFonts?.regular
-            : this.pdfFontData() ??
-                contextFonts?.regular ??
-                this.pdfRtlFontData() ??
-                contextFonts?.arabic) ?? TASK_SCHEDULE_DEFAULT_PDF_FONT;
-        return this.createEmbeddedPdfFont(fontData, contextFonts?.size ?? this.pdfFontSize());
+            ? contextFonts?.arabic ?? contextFonts?.regular
+            : contextFonts?.regular ?? contextFonts?.arabic) ??
+            TASK_SCHEDULE_DEFAULT_PDF_FONT;
+        return this.createEmbeddedPdfFont(fontData, contextFonts?.size ?? 11);
     }
     createEmbeddedPdfFont(base64FontData, size) {
         try {
@@ -2885,7 +3359,7 @@ class TaskSchedule {
         }).format(date);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TaskSchedule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TaskSchedule, isStandalone: true, selector: "mt-task-schedule", inputs: { modelType: { classPropertyName: "modelType", publicName: "modelType", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", 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 }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, pdfFontData: { classPropertyName: "pdfFontData", publicName: "pdfFontData", isSignal: true, isRequired: false, transformFunction: null }, pdfRtlFontData: { classPropertyName: "pdfRtlFontData", publicName: "pdfRtlFontData", isSignal: true, isRequired: false, transformFunction: null }, pdfFontSize: { classPropertyName: "pdfFontSize", publicName: "pdfFontSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toolbarAction: "toolbarAction", actionBegin: "actionBegin", actionCompleted: "actionCompleted", loaded: "loaded", loadError: "loadError" }, host: { classAttribute: "block" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TaskSchedule, isStandalone: true, selector: "mt-task-schedule", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toolbarAction: "toolbarAction", actionBegin: "actionBegin", actionCompleted: "actionCompleted", loaded: "loaded", loadError: "loadError" }, host: { classAttribute: "block" }, providers: [
             DayMarkersService,
             EditService,
             ExcelExportService,
@@ -2897,7 +3371,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\"\n    [allowResizing]=\"true\"\n    [enableRtl]=\"enableRtl()\"\n    [locale]=\"locale()\"\n    [height]=\"resolvedHeight()\"\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]=\"resolvedDateFormat()\"\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,18 +3387,17 @@ 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\"\n    [allowResizing]=\"true\"\n    [enableRtl]=\"enableRtl()\"\n    [locale]=\"locale()\"\n    [height]=\"resolvedHeight()\"\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]=\"resolvedDateFormat()\"\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']
-            }], modelType: [{ type: i0.Input, args: [{ isSignal: true, alias: "modelType", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], langCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "langCode", required: false }] }], pdfFontData: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdfFontData", required: false }] }], pdfRtlFontData: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdfRtlFontData", required: false }] }], pdfFontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdfFontSize", required: false }] }], toolbarAction: [{ type: i0.Output, args: ["toolbarAction"] }], actionBegin: [{ type: i0.Output, args: ["actionBegin"] }], actionCompleted: [{ type: i0.Output, args: ["actionCompleted"] }], loaded: [{ type: i0.Output, args: ["loaded"] }], loadError: [{ type: i0.Output, args: ["loadError"] }] } });
+            }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], toolbarAction: [{ type: i0.Output, args: ["toolbarAction"] }], actionBegin: [{ type: i0.Output, args: ["actionBegin"] }], actionCompleted: [{ type: i0.Output, args: ["actionCompleted"] }], loaded: [{ type: i0.Output, args: ["loaded"] }], loadError: [{ type: i0.Output, args: ["loadError"] }] } });
 
 class TaskScheduleImportModal {
     adapter = inject(TASK_SCHEDULE_DATA_ADAPTER, { optional: true }) ??
         inject(TaskScheduleBackendAdapter);
     visible = input(true, ...(ngDevMode ? [{ debugName: "visible" }] : []));
     context = input(null, ...(ngDevMode ? [{ debugName: "context" }] : []));
-    langCode = input(null, ...(ngDevMode ? [{ debugName: "langCode" }] : []));
     title = input(null, ...(ngDevMode ? [{ debugName: "title" }] : []));
     maxRows = input(400, ...(ngDevMode ? [{ debugName: "maxRows" }] : []));
     closed = output();
@@ -2936,7 +3409,7 @@ class TaskScheduleImportModal {
     loadingApply = signal(false, ...(ngDevMode ? [{ debugName: "loadingApply" }] : []));
     importResult = signal(null, ...(ngDevMode ? [{ debugName: "importResult" }] : []));
     selectedTaskKeys = signal(new Set(), ...(ngDevMode ? [{ debugName: "selectedTaskKeys" }] : []));
-    resolvedLangCode = computed(() => resolveTaskScheduleLanguage(this.langCode(), this.context()?.langCode), ...(ngDevMode ? [{ debugName: "resolvedLangCode" }] : []));
+    resolvedLangCode = computed(() => resolveTaskScheduleLanguage(this.context()?.langCode), ...(ngDevMode ? [{ debugName: "resolvedLangCode" }] : []));
     isRtl = computed(() => this.resolvedLangCode() === 'ar', ...(ngDevMode ? [{ debugName: "isRtl" }] : []));
     labels = computed(() => this.resolvedLangCode() === 'ar'
         ? {
@@ -3501,12 +3974,12 @@ 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 }, 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"] }]
-        }], 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"] }] } });
+            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 }] }], 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 = [
     { value: 'default' },
@@ -3522,16 +3995,6 @@ class TaskScheduleShell {
         inject(TaskScheduleBackendAdapter);
     queueService = inject(TaskScheduleQueueService);
     context = input(null, ...(ngDevMode ? [{ debugName: "context" }] : []));
-    langCode = input(null, ...(ngDevMode ? [{ debugName: "langCode" }] : []));
-    dateFormat = input('dd/MM/yyyy', ...(ngDevMode ? [{ debugName: "dateFormat" }] : []));
-    height = input('760px', ...(ngDevMode ? [{ debugName: "height" }] : []));
-    modelType = input('default', ...(ngDevMode ? [{ debugName: "modelType" }] : []));
-    modeOptions = input(null, ...(ngDevMode ? [{ debugName: "modeOptions" }] : []));
-    allowEditMode = input(true, ...(ngDevMode ? [{ debugName: "allowEditMode" }] : []));
-    allowImport = input(true, ...(ngDevMode ? [{ debugName: "allowImport" }] : []));
-    allowSetBaseline = input(true, ...(ngDevMode ? [{ debugName: "allowSetBaseline" }] : []));
-    hasTasks = input(true, ...(ngDevMode ? [{ debugName: "hasTasks" }] : []));
-    baselinePending = input(false, ...(ngDevMode ? [{ debugName: "baselinePending" }] : []));
     modeChanged = output();
     baselineSet = output();
     tasksExported = output();
@@ -3540,7 +4003,17 @@ class TaskScheduleShell {
     showImportModal = signal(false, ...(ngDevMode ? [{ debugName: "showImportModal" }] : []));
     settingBaseline = signal(false, ...(ngDevMode ? [{ debugName: "settingBaseline" }] : []));
     exportingTasks = signal(false, ...(ngDevMode ? [{ debugName: "exportingTasks" }] : []));
-    resolvedLangCode = computed(() => resolveTaskScheduleLanguage(this.langCode(), this.context()?.langCode), ...(ngDevMode ? [{ debugName: "resolvedLangCode" }] : []));
+    resolvedLangCode = computed(() => resolveTaskScheduleLanguage(this.context()?.langCode), ...(ngDevMode ? [{ debugName: "resolvedLangCode" }] : []));
+    resolvedContext = computed(() => {
+        const context = this.context();
+        if (!context) {
+            return null;
+        }
+        return {
+            ...context,
+            modelType: this.currentModelType(),
+        };
+    }, ...(ngDevMode ? [{ debugName: "resolvedContext" }] : []));
     labels = computed(() => this.resolvedLangCode() === 'ar'
         ? {
             mode: 'الوضع',
@@ -3568,29 +4041,30 @@ class TaskScheduleShell {
         }, ...(ngDevMode ? [{ debugName: "labels" }] : []));
     currentModelKey = computed(() => normalizeTaskScheduleModelType(this.currentModelType()), ...(ngDevMode ? [{ debugName: "currentModelKey" }] : []));
     resolvedModes = computed(() => {
-        const modes = this.modeOptions();
+        const modes = this.context()?.modeOptions;
         const source = modes?.length ? modes : DEFAULT_MODES;
         return source
-            .filter((item) => this.allowEditMode() || normalizeTaskScheduleModelType(item.value) !== 'edit')
+            .filter((item) => (this.context()?.allowEditMode ?? true) ||
+            normalizeTaskScheduleModelType(item.value) !== 'edit')
             .map((item) => ({
             value: item.value,
             label: item.label || this.resolveModeLabel(item.value),
         }));
     }, ...(ngDevMode ? [{ debugName: "resolvedModes" }] : []));
-    showSetBaselineAction = computed(() => this.allowSetBaseline() &&
+    showSetBaselineAction = computed(() => (this.context()?.allowSetBaseline ?? true) &&
         (this.currentModelKey() === 'default' || this.currentModelKey() === 'edit'), ...(ngDevMode ? [{ debugName: "showSetBaselineAction" }] : []));
     canSetBaselineAction = computed(() => this.showSetBaselineAction() &&
         !!this.context() &&
         !!this.adapter.setBaseline &&
         !this.settingBaseline() &&
-        !this.baselinePending() &&
-        this.hasTasks(), ...(ngDevMode ? [{ debugName: "canSetBaselineAction" }] : []));
-    showImportAction = computed(() => this.allowImport() && this.currentModelKey() === 'edit', ...(ngDevMode ? [{ debugName: "showImportAction" }] : []));
+        !(this.context()?.baselinePending ?? false) &&
+        (this.context()?.hasTasks ?? true), ...(ngDevMode ? [{ debugName: "canSetBaselineAction" }] : []));
+    showImportAction = computed(() => (this.context()?.allowImport ?? true) && this.currentModelKey() === 'edit', ...(ngDevMode ? [{ debugName: "showImportAction" }] : []));
     canOpenImport = computed(() => this.showImportAction() && !!this.context(), ...(ngDevMode ? [{ debugName: "canOpenImport" }] : []));
     canExportTasks = computed(() => !!this.context() && !!this.adapter.exportTasks && !this.exportingTasks(), ...(ngDevMode ? [{ debugName: "canExportTasks" }] : []));
     constructor() {
         effect(() => {
-            this.currentModelType.set(this.modelType());
+            this.currentModelType.set(this.context()?.modelType ?? 'default');
         });
     }
     onModeChange(nextValue) {
@@ -3717,12 +4191,12 @@ 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 } }, 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\n    [context]=\"resolvedContext()\"\n    (loadError)=\"onActionError($event)\"\n  />\n\n  @if (showImportModal()) {\n    <mt-task-schedule-import-modal\n      [visible]=\"showImportModal()\"\n      [context]=\"resolvedContext()\"\n      (closed)=\"closeImportModal()\"\n      (failed)=\"onActionError($event)\"\n      (applied)=\"onImportedTasksApplied()\"\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: ["context"], outputs: ["toolbarAction", "actionBegin", "actionCompleted", "loaded", "loadError"] }, { kind: "component", type: TaskScheduleImportModal, selector: "mt-task-schedule-import-modal", inputs: ["visible", "context", "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"] }]
-        }], 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"] }] } });
+            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\n    [context]=\"resolvedContext()\"\n    (loadError)=\"onActionError($event)\"\n  />\n\n  @if (showImportModal()) {\n    <mt-task-schedule-import-modal\n      [visible]=\"showImportModal()\"\n      [context]=\"resolvedContext()\"\n      (closed)=\"closeImportModal()\"\n      (failed)=\"onActionError($event)\"\n      (applied)=\"onImportedTasksApplied()\"\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 }] }], modeChanged: [{ type: i0.Output, args: ["modeChanged"] }], baselineSet: [{ type: i0.Output, args: ["baselineSet"] }], tasksExported: [{ type: i0.Output, args: ["tasksExported"] }], actionError: [{ type: i0.Output, args: ["actionError"] }] } });
 
 /**
  * Generated bundle index. Do not edit.