@masterteam/task-schedule 0.0.16 → 0.0.18

package/fesm2022/masterteam-task-schedule.mjs

@@ -1,9 +1,10 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Injectable, viewChild, input, signal, computed, effect, Component, linkedSignal, Injector, output, ViewChild } from '@angular/core';
+import { inject, Injectable, viewChild, input, signal, computed, effect, Component, Injector, output, ViewChild } from '@angular/core';
 import * as i1$1 from '@syncfusion/ej2-angular-gantt';
 import { GanttModule, DayMarkersService, EditService, ExcelExportService, FilterService, CriticalPathService, PdfExportService, RowDDService, SelectionService, SortService, ToolbarService, ContextMenuService, ResizeService } from '@syncfusion/ej2-angular-gantt';
 import { switchMap, of, map, timeout, catchError, throwError, finalize, Subject, Subscription } from 'rxjs';
+import { MT_DATE_FORMATS, toAngularDateFormat, MTDateFormatPipe } from '@masterteam/components';
 import { ModalService } from '@masterteam/components/modal';
 import { HttpClient } from '@angular/common/http';
 import { L10n, setCulture } from '@syncfusion/ej2-base';
@@ -17,10 +18,8 @@ import { SelectField } from '@masterteam/components/select-field';
 import { ClientForm } from '@masterteam/forms/client-form';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { CheckboxField } from '@masterteam/components/checkbox-field';
-import { DateField } from '@masterteam/components/date-field';
-import { EntityPreview } from '@masterteam/components/entities';
-import { NumberField } from '@masterteam/components/number-field';
 import { TextField } from '@masterteam/components/text-field';
+import { Tree } from '@masterteam/components/tree';
 
 function normalizeTaskScheduleModelType(modelType) {
     const normalized = String(modelType ?? '')
@@ -132,6 +131,7 @@ const NATIVE_PROPERTY_ALIAS_TARGETS = {
 };
 const DEFAULT_MPP_REQUEST_TIMEOUT_MS$1 = 300_000;
 const DEFAULT_MPP_PREVIEW_MAX_ROWS = 400;
+const DEFAULT_MPP_PREVIEW_MAX_RESPONSE_BYTES = 5_000_000;
 class TaskScheduleFetchService {
     http = inject(HttpClient);
     load(modelType, context) {
@@ -155,10 +155,11 @@ class TaskScheduleFetchService {
             'levels/{levelId}/{levelDataId}/schedule/mpp', { levelId, levelDataId });
         const formData = new FormData();
         formData.append('file', file, file.name);
-        return this.readData(this.http
-            .post(endpoint, formData)
-            .pipe(timeout(this.resolveMppRequestTimeoutMs(context)))).pipe(map((payload) => ({
+        return this.http.post(endpoint, formData, { responseType: 'text' }).pipe(timeout(this.resolveMppRequestTimeoutMs(context)), map((responseText) => this.parseImportResponseText(responseText, context, file.name)), map((payload) => ({
             fileName: this.toNullableString(this.readObjectValue(payload, ['fileName', 'name'])) ?? file.name,
+            applied: payload === null ||
+                payload === undefined ||
+                this.isImportAppliedMarker(payload),
             tasks: this.mapLooseTasks(this.extractTaskRows(payload), [], context.langCode === 'ar' ? 'ar' : 'en', new Map(), this.resolveMppPreviewMaxRows(context)),
             raw: context.mppKeepRawPayload ? payload : undefined,
         })));
@@ -707,7 +708,12 @@ class TaskScheduleFetchService {
             '');
     }
     readData(request$) {
-        return request$.pipe(map((response) => response.data), catchError((error) => {
+        return request$.pipe(map((response) => {
+            if (response === null || response === undefined) {
+                return response;
+            }
+            return response.data;
+        }), catchError((error) => {
             const message = error?.error?.message ??
                 error?.message ??
                 error?.statusText ??
@@ -739,6 +745,42 @@ class TaskScheduleFetchService {
             ? Math.floor(value) + 1
             : DEFAULT_MPP_PREVIEW_MAX_ROWS + 1;
     }
+    resolveMppPreviewMaxResponseBytes(context) {
+        const value = Number(context.mppPreviewMaxResponseBytes);
+        return Number.isFinite(value) && value > 0
+            ? Math.floor(value)
+            : DEFAULT_MPP_PREVIEW_MAX_RESPONSE_BYTES;
+    }
+    parseImportResponseText(responseText, context, fileName) {
+        const text = String(responseText ?? '').trim();
+        if (!text) {
+            return null;
+        }
+        if (text.length > this.resolveMppPreviewMaxResponseBytes(context)) {
+            return {
+                fileName,
+                applied: true,
+            };
+        }
+        try {
+            const parsed = JSON.parse(text);
+            if (this.isObject(parsed) &&
+                Object.prototype.hasOwnProperty.call(parsed, 'data')) {
+                return parsed['data'];
+            }
+            return parsed;
+        }
+        catch {
+            return {
+                fileName,
+                applied: true,
+            };
+        }
+    }
+    isImportAppliedMarker(payload) {
+        return (this.isObject(payload) &&
+            (payload['applied'] === true || payload['imported'] === true));
+    }
     readEndpoint(context, key) {
         const value = context.endpoints?.[key];
         return typeof value === 'string' && value.trim() ? value.trim() : null;
@@ -1761,7 +1803,12 @@ class TaskScheduleActionService {
         return assigneeId === null ? [] : [{ resourceId: assigneeId }];
     }
     readData(request$) {
-        return request$.pipe(map((response) => response.data), catchError((error) => {
+        return request$.pipe(map((response) => {
+            if (response === null || response === undefined) {
+                return response;
+            }
+            return response.data;
+        }), catchError((error) => {
             const message = error?.error?.message ??
                 error?.message ??
                 error?.statusText ??
@@ -2609,7 +2656,7 @@ class TaskScheduleDialog {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleDialog, isStandalone: true, selector: "mt-task-schedule-dialog", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: false, transformFunction: null }, typeOptions: { classPropertyName: "typeOptions", publicName: "typeOptions", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, parentGuid: { classPropertyName: "parentGuid", publicName: "parentGuid", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div [class]=\"'p-4 overflow-y-auto ' + (modal.contentClass || '')\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <mt-select-field\r\n      [options]=\"typeSelectOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [label]=\"'task-schedule.dialog.type' | transloco\"\r\n      [placeholder]=\"'task-schedule.dialog.typePlaceholder' | transloco\"\r\n      [ngModel]=\"selectedType() ?? undefined\"\r\n      (onChange)=\"onTypeChange($event)\"\r\n    />\r\n\r\n    @if (selectedType()) {\r\n      <mt-client-form\r\n        #clientForm\r\n        [moduleKey]=\"'ModuleData'\"\r\n        [moduleId]=\"selectedModuleId() ?? undefined\"\r\n        [operationKey]=\"mode() === 'edit' ? 'Update' : 'Create'\"\r\n        [formMode]=\"mode()\"\r\n        [levelId]=\"context()?.levelId ?? undefined\"\r\n        [levelDataId]=\"context()?.levelDataId ?? undefined\"\r\n        [moduleDataId]=\"selectedModuleDataId() ?? undefined\"\r\n        [lang]=\"langCode()\"\r\n        [autoLoad]=\"true\"\r\n        [ignoredFieldKeys]=\"ignoredFieldKeys()\"\r\n        [submitRequestMapper]=\"submitRequestMapper\"\r\n        (submitted)=\"onClientFormSubmitted($event)\"\r\n      />\r\n    } @else {\r\n      <div\r\n        class=\"rounded-xl border border-surface bg-content px-4 py-4 text-sm text-muted-color\"\r\n      >\r\n        {{ \"task-schedule.dialog.typeFirst\" | transloco }}\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <div class=\"flex items-center justify-end gap-3\">\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.cancel' | transloco\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.save' | transloco\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"save()\"\r\n    />\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "statuses", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleDialog, isStandalone: true, selector: "mt-task-schedule-dialog", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: false, transformFunction: null }, typeOptions: { classPropertyName: "typeOptions", publicName: "typeOptions", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, parentGuid: { classPropertyName: "parentGuid", publicName: "parentGuid", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div [class]=\"'p-4 overflow-y-auto ' + (modal.contentClass || '')\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <mt-select-field\r\n      [options]=\"typeSelectOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [label]=\"'task-schedule.dialog.type' | transloco\"\r\n      [placeholder]=\"'task-schedule.dialog.typePlaceholder' | transloco\"\r\n      [ngModel]=\"selectedType() ?? undefined\"\r\n      (onChange)=\"onTypeChange($event)\"\r\n    />\r\n\r\n    @if (selectedType()) {\r\n      <mt-client-form\r\n        #clientForm\r\n        [moduleKey]=\"'ModuleData'\"\r\n        [moduleId]=\"selectedModuleId() ?? undefined\"\r\n        [operationKey]=\"mode() === 'edit' ? 'Update' : 'Create'\"\r\n        [formMode]=\"mode()\"\r\n        [levelId]=\"context()?.levelId ?? undefined\"\r\n        [levelDataId]=\"context()?.levelDataId ?? undefined\"\r\n        [moduleDataId]=\"selectedModuleDataId() ?? undefined\"\r\n        [lang]=\"langCode()\"\r\n        [autoLoad]=\"true\"\r\n        [ignoredFieldKeys]=\"ignoredFieldKeys()\"\r\n        [submitRequestMapper]=\"submitRequestMapper\"\r\n        (submitted)=\"onClientFormSubmitted($event)\"\r\n      />\r\n    } @else {\r\n      <div\r\n        class=\"rounded-xl border border-surface bg-content px-4 py-4 text-sm text-muted-color\"\r\n      >\r\n        {{ \"task-schedule.dialog.typeFirst\" | transloco }}\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <div class=\"flex items-center justify-end gap-3\">\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.cancel' | transloco\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.save' | transloco\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"save()\"\r\n    />\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleDialog, decorators: [{
             type: Component,
@@ -2629,14 +2676,6 @@ class TaskScheduleImportDialog {
     fetchService = inject(TaskScheduleFetchService);
     actionService = inject(TaskScheduleActionService);
     transloco = inject(TranslocoService);
-    selectionCellTpl = viewChild.required('selectionCellTpl');
-    taskCellTpl = viewChild.required('taskCellTpl');
-    startDateCellTpl = viewChild.required('startDateCellTpl');
-    finishDateCellTpl = viewChild.required('finishDateCellTpl');
-    actualStartDateCellTpl = viewChild.required('actualStartDateCellTpl');
-    actualFinishDateCellTpl = viewChild.required('actualFinishDateCellTpl');
-    assignedToCellTpl = viewChild.required('assignedToCellTpl');
-    progressCellTpl = viewChild.required('progressCellTpl');
     context = input(null, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
     maxRows = input(400, ...(ngDevMode ? [{ debugName: "maxRows" }] : /* istanbul ignore next */ []));
     selectedFile = signal(null, ...(ngDevMode ? [{ debugName: "selectedFile" }] : /* istanbul ignore next */ []));
@@ -2644,6 +2683,7 @@ class TaskScheduleImportDialog {
     loadingApply = signal(false, ...(ngDevMode ? [{ debugName: "loadingApply" }] : /* istanbul ignore next */ []));
     importResult = signal(null, ...(ngDevMode ? [{ debugName: "importResult" }] : /* istanbul ignore next */ []));
     selectedTaskKeys = signal(new Set(), ...(ngDevMode ? [{ debugName: "selectedTaskKeys" }] : /* istanbul ignore next */ []));
+    treeSelection = signal([], ...(ngDevMode ? [{ debugName: "treeSelection" }] : /* istanbul ignore next */ []));
     errorMessage = signal(null, ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
     activeLang = toSignal(this.transloco.langChanges$, {
         initialValue: this.transloco.getActiveLang(),
@@ -2746,62 +2786,58 @@ class TaskScheduleImportDialog {
         !this.loadingApply() &&
         !this.loadingImport(), ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
     previewPageSize = computed(() => Math.min(Math.max(this.previewRows().length, 1), 50), ...(ngDevMode ? [{ debugName: "previewPageSize" }] : /* istanbul ignore next */ []));
-    previewColumns = linkedSignal(() => [
-        {
-            key: 'selected',
-            label: '',
-            type: 'custom',
-            customCellTpl: this.selectionCellTpl(),
-        },
-        {
-            key: 'task',
-            label: this.labels().task,
-            type: 'custom',
-            customCellTpl: this.taskCellTpl(),
-        },
-        {
-            key: 'startDate',
-            label: this.labels().startDate,
-            type: 'custom',
-            customCellTpl: this.startDateCellTpl(),
-        },
-        {
-            key: 'finishDate',
-            label: this.labels().finishDate,
-            type: 'custom',
-            customCellTpl: this.finishDateCellTpl(),
-        },
-        {
-            key: 'actualStartDate',
-            label: this.labels().actualStartDate,
-            type: 'custom',
-            customCellTpl: this.actualStartDateCellTpl(),
-        },
-        {
-            key: 'actualFinishDate',
-            label: this.labels().actualFinishDate,
-            type: 'custom',
-            customCellTpl: this.actualFinishDateCellTpl(),
-        },
-        {
-            key: 'assignedTo',
-            label: this.labels().assignedTo,
-            type: 'custom',
-            customCellTpl: this.assignedToCellTpl(),
-        },
-        {
-            key: 'progress',
-            label: this.labels().progress,
-            type: 'custom',
-            customCellTpl: this.progressCellTpl(),
-        },
-    ], ...(ngDevMode ? [{ debugName: "previewColumns" }] : /* istanbul ignore next */ []));
+    previewTreeNodes = computed(() => {
+        const maxRows = Math.max(1, this.maxRows());
+        let remaining = maxRows;
+        const mapNode = (task, depth, path) => {
+            if (remaining <= 0) {
+                return null;
+            }
+            remaining -= 1;
+            const key = this.resolveTaskKey(task, path);
+            const children = [];
+            const childTasks = this.resolveChildTasks(task);
+            for (let index = 0; index < childTasks.length; index += 1) {
+                const child = mapNode(childTasks[index], depth + 1, `${path}.${index}`);
+                if (child) {
+                    children.push(child);
+                }
+                if (remaining <= 0) {
+                    break;
+                }
+            }
+            return {
+                key,
+                label: this.toTreeNodeLabel(task),
+                icon: this.resolveTreeNodeIcon(task),
+                expanded: depth < 2,
+                data: {
+                    rowKey: key,
+                    task,
+                },
+                children,
+            };
+        };
+        const nodes = [];
+        const tasks = this.importResult()?.tasks ?? [];
+        for (let index = 0; index < tasks.length; index += 1) {
+            const node = mapNode(tasks[index], 0, `root.${index}`);
+            if (node) {
+                nodes.push(node);
+            }
+            if (remaining <= 0) {
+                break;
+            }
+        }
+        return nodes;
+    }, ...(ngDevMode ? [{ debugName: "previewTreeNodes" }] : /* istanbul ignore next */ []));
     onFileChanged(event) {
         const input = event.target;
         const file = input?.files?.item(0) ?? null;
         this.selectedFile.set(file);
         this.importResult.set(null);
         this.selectedTaskKeys.set(new Set());
+        this.treeSelection.set([]);
         this.errorMessage.set(null);
     }
     importFile() {
@@ -2833,6 +2869,10 @@ class TaskScheduleImportDialog {
             .pipe(finalize(() => this.loadingImport.set(false)))
             .subscribe({
             next: (result) => {
+                if (result.applied) {
+                    this.ref.close(true);
+                    return;
+                }
                 this.importResult.set(result);
                 this.selectAllRows(true);
             },
@@ -2853,12 +2893,33 @@ class TaskScheduleImportDialog {
     }
     selectAllRows(checked) {
         const next = new Set();
+        const nextSelection = [];
         if (checked) {
-            this.previewRows().forEach(({ key }) => {
-                next.add(key);
+            this.collectTreeNodes(this.previewTreeNodes()).forEach((node) => {
+                if (node.key) {
+                    next.add(node.key);
+                    nextSelection.push(node);
+                }
             });
         }
         this.selectedTaskKeys.set(next);
+        this.treeSelection.set(nextSelection);
+    }
+    onTreeSelectionChange(selection) {
+        const nodes = Array.isArray(selection)
+            ? selection
+            : selection
+                ? [selection]
+                : [];
+        const next = new Set();
+        nodes.forEach((node) => {
+            const rowKey = this.readRowKeyFromTreeNode(node);
+            if (rowKey) {
+                next.add(rowKey);
+            }
+        });
+        this.treeSelection.set(nodes);
+        this.selectedTaskKeys.set(next);
     }
     applyImport(overrideCurrent) {
         if (this.loadingImport() || this.loadingApply()) {
@@ -3105,6 +3166,44 @@ class TaskScheduleImportDialog {
         const base = task.guid ?? task.id ?? path;
         return `${String(base)}::${path}`;
     }
+    collectTreeNodes(nodes) {
+        const output = [];
+        const walk = (items) => {
+            items.forEach((node) => {
+                output.push(node);
+                if (node.children?.length) {
+                    walk(node.children);
+                }
+            });
+        };
+        walk(nodes);
+        return output;
+    }
+    readRowKeyFromTreeNode(node) {
+        const data = node.data;
+        return typeof data?.rowKey === 'string' && data.rowKey.trim()
+            ? data.rowKey
+            : null;
+    }
+    toTreeNodeLabel(task) {
+        const title = String(task.title ?? task.name ?? '').trim();
+        const type = String(task.type ?? task.typeLabel ?? task.typeLable ?? '').trim() ||
+            (task.isMilestone ? 'Milestone' : task['isSummary'] ? 'Summary' : 'Task');
+        return `${title || type}`;
+    }
+    resolveTreeNodeIcon(task) {
+        if (task.isMilestone) {
+            return 'map.flag-02';
+        }
+        if (task['isSummary'] || this.resolveChildTasks(task).length) {
+            return 'files.folder-01';
+        }
+        return 'custom.task';
+    }
+    formatPreviewDate(value) {
+        const normalized = this.toApiDate(value);
+        return normalized ?? '';
+    }
     resolveAssignedTo(task) {
         const assignedTo = task.assignedTo;
         if ((typeof assignedTo === 'string' || typeof assignedTo === 'number') &&
@@ -3249,24 +3348,20 @@ class TaskScheduleImportDialog {
         this.errorMessage.set(message);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleImportDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleImportDialog, isStandalone: true, selector: "mt-task-schedule-import-dialog", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "selectionCellTpl", first: true, predicate: ["selectionCellTpl"], descendants: true, isSignal: true }, { propertyName: "taskCellTpl", first: true, predicate: ["taskCellTpl"], descendants: true, isSignal: true }, { propertyName: "startDateCellTpl", first: true, predicate: ["startDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "finishDateCellTpl", first: true, predicate: ["finishDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "actualStartDateCellTpl", first: true, predicate: ["actualStartDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "actualFinishDateCellTpl", first: true, predicate: ["actualFinishDateCellTpl"], descendants: true, isSignal: true }, { propertyName: "assignedToCellTpl", first: true, predicate: ["assignedToCellTpl"], descendants: true, isSignal: true }, { propertyName: "progressCellTpl", first: true, predicate: ["progressCellTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  [class]=\"modal.contentClass\"\n  [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\n  class=\"flex h-full min-h-0 flex-col gap-4 !overflow-y-hidden p-5\"\n>\n  <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\n    <div class=\"grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto_auto] lg:items-end\">\n      <input\n        #fileInput\n        class=\"hidden\"\n        type=\"file\"\n        accept=\".mpp,.xer\"\n        (change)=\"onFileChanged($event)\"\n      />\n\n      <mt-text-field\n        [ngModel]=\"selectedFile()?.name ?? ''\"\n        [readonly]=\"true\"\n        [placeholder]=\"labels().selectFile\"\n      />\n\n      <mt-button\n        [label]=\"labels().selectFile\"\n        severity=\"secondary\"\n        variant=\"outlined\"\n        [disabled]=\"loadingImport() || loadingApply()\"\n        (onClick)=\"fileInput.click()\"\n      />\n\n      <mt-button\n        [label]=\"labels().startImport\"\n        [disabled]=\"!canImport()\"\n        [loading]=\"loadingImport()\"\n        (onClick)=\"importFile()\"\n      />\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div\n      class=\"rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700\"\n    >\n      {{ errorMessage() }}\n    </div>\n  }\n\n  <div class=\"min-h-0 flex-1 overflow-y-auto\">\n    @if (importResult()) {\n      @if (!previewRows().length) {\n        <div\n          class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\"\n        >\n          {{ labels().noTasks }}\n        </div>\n      } @else {\n        <div class=\"rounded-lg border border-surface-200 bg-surface-0\">\n          <div\n            class=\"flex flex-wrap items-center justify-between gap-3 border-b border-surface-200 bg-surface-50 px-4 py-3\"\n          >\n            <div class=\"flex items-center gap-3\">\n              <mt-checkbox-field\n                [ngModel]=\"allSelected()\"\n                (ngModelChange)=\"selectAllRows(!!$event)\"\n              />\n              <span class=\"text-sm text-surface-600\">\n                {{ selectedTaskKeys().size }} / {{ previewRows().length }}\n              </span>\n            </div>\n\n            @if (isTruncated()) {\n              <p class=\"text-xs text-surface-500\">\n                {{ labels().rowsLimited }}\n              </p>\n            }\n          </div>\n\n          <div class=\"px-2 py-2\">\n            @defer (on idle) {\n              <mt-table\n                [data]=\"previewRows()\"\n                [columns]=\"previewColumns()\"\n                dataKey=\"key\"\n                storageKey=\"task-schedule-import-preview-table\"\n                size=\"small\"\n                [stripedRows]=\"true\"\n                [showGridlines]=\"true\"\n                [pageSize]=\"previewPageSize()\"\n              />\n            } @placeholder {\n              <div class=\"space-y-2 p-2\">\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n  </div>\n</div>\n\n<div [class]=\"modal.footerClass\">\n  <mt-button\n    [label]=\"labels().cancel\"\n    variant=\"outlined\"\n    [disabled]=\"loadingImport() || loadingApply()\"\n    (onClick)=\"close()\"\n  />\n\n  <mt-button\n    [label]=\"labels().replace\"\n    [disabled]=\"!canApply()\"\n    [loading]=\"loadingApply()\"\n    (onClick)=\"applyImport(true)\"\n  />\n\n  <mt-button\n    [label]=\"labels().append\"\n    severity=\"secondary\"\n    [disabled]=\"!canApply()\"\n    [loading]=\"loadingApply()\"\n    (onClick)=\"applyImport(false)\"\n  />\n</div>\n\n<ng-template #selectionCellTpl let-row>\n  <div class=\"flex items-center justify-center\">\n    <mt-checkbox-field\n      [ngModel]=\"selectedTaskKeys().has(row.key)\"\n      (ngModelChange)=\"toggleRowSelection(row.key, !!$event)\"\n    />\n  </div>\n</ng-template>\n\n<ng-template #taskCellTpl let-row>\n  <div class=\"min-w-0\" [style.paddingInlineStart.px]=\"row.depth * 18\">\n    <mt-text-field\n      [ngModel]=\"row.task.title || row.task.name || ''\"\n      (ngModelChange)=\"onTaskTitleChanged(row.key, $event)\"\n    />\n  </div>\n</ng-template>\n\n<ng-template #startDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"toDateFieldValue(row.task.startDate)\"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'startDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #finishDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"toDateFieldValue(row.task.finishDate)\"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'finishDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #actualStartDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"\n      toDateFieldValue(row.task.actualStartDate || row.task.actualStart)\n    \"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualStartDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #actualFinishDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"\n      toDateFieldValue(row.task.actualFinishDate || row.task.actualFinish)\n    \"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualFinishDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #assignedToCellTpl let-row>\n  <div class=\"min-w-0\">\n    @if (resourceOptions().length) {\n      <div class=\"space-y-2\">\n        <mt-select-field\n          [ngModel]=\"resolveAssignedValue(row.task)\"\n          [options]=\"resourceOptions()\"\n          optionLabel=\"label\"\n          optionValue=\"id\"\n          [showClear]=\"true\"\n          [hasPlaceholderPrefix]=\"false\"\n          [placeholder]=\"labels().assignedTo\"\n          (ngModelChange)=\"onTaskAssignedToChanged(row.key, $event)\"\n        />\n        @if (row.task.assignedTo) {\n          <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\n        }\n      </div>\n    } @else if (row.task.assignedTo) {\n      <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\n    } @else {\n      <span class=\"text-slate-400\">-</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #progressCellTpl let-row>\n  <div class=\"space-y-2\">\n    <mt-number-field\n      [ngModel]=\"normalizeProgress(row.task.progress)\"\n      [min]=\"0\"\n      [max]=\"100\"\n      [useGrouping]=\"false\"\n      [maxFractionDigits]=\"0\"\n      (ngModelChange)=\"onTaskProgressChanged(row.key, $event)\"\n    />\n    <mt-entity-preview [data]=\"toProgressEntity(row.task)\" />\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: CheckboxField, selector: "mt-checkbox-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: DateField, selector: "mt-date-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "showIcon", "showClear", "showTime", "pInputs", "required"] }, { kind: "component", type: EntityPreview, selector: "mt-entity-preview", inputs: ["data", "attachmentShape"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "pInputs", "format", "useGrouping", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "maxLength", "icon", "iconPosition"] }, { kind: "ngmodule", type: TranslocoModule }], deferBlockDependencies: [() => [import('@masterteam/components/table').then(m => m.Table)]] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleImportDialog, isStandalone: true, selector: "mt-task-schedule-import-dialog", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n  [class]=\"modal.contentClass\"\r\n  [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\r\n  class=\"flex h-full min-h-0 flex-col gap-4 !overflow-y-hidden p-5\"\r\n>\r\n  <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n    <div class=\"grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto_auto] lg:items-end\">\r\n      <input\r\n        #fileInput\r\n        class=\"hidden\"\r\n        type=\"file\"\r\n        accept=\".mpp,.xer\"\r\n        (change)=\"onFileChanged($event)\"\r\n      />\r\n\r\n      <mt-text-field\r\n        [ngModel]=\"selectedFile()?.name ?? ''\"\r\n        [readonly]=\"true\"\r\n        [placeholder]=\"labels().selectFile\"\r\n      />\r\n\r\n      <mt-button\r\n        [label]=\"labels().selectFile\"\r\n        severity=\"secondary\"\r\n        variant=\"outlined\"\r\n        [disabled]=\"loadingImport() || loadingApply()\"\r\n        (onClick)=\"fileInput.click()\"\r\n      />\r\n\r\n      <mt-button\r\n        [label]=\"labels().startImport\"\r\n        [disabled]=\"!canImport()\"\r\n        [loading]=\"loadingImport()\"\r\n        (onClick)=\"importFile()\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  @if (errorMessage()) {\r\n    <div\r\n      class=\"rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700\"\r\n    >\r\n      {{ errorMessage() }}\r\n    </div>\r\n  }\r\n\r\n  <div class=\"min-h-0 flex-1 overflow-y-auto\">\r\n    @if (importResult()) {\r\n      @if (!previewRows().length) {\r\n        <div\r\n          class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\"\r\n        >\r\n          {{ labels().noTasks }}\r\n        </div>\r\n      } @else {\r\n        <div class=\"rounded-lg border border-surface-200 bg-surface-0\">\r\n          <div\r\n            class=\"flex flex-wrap items-center justify-between gap-3 border-b border-surface-200 bg-surface-50 px-4 py-3\"\r\n          >\r\n            <div class=\"flex items-center gap-3\">\r\n              <mt-checkbox-field\r\n                [ngModel]=\"allSelected()\"\r\n                (ngModelChange)=\"selectAllRows(!!$event)\"\r\n              />\r\n              <span class=\"text-sm text-surface-600\">\r\n                {{ selectedTaskKeys().size }} / {{ previewRows().length }}\r\n              </span>\r\n            </div>\r\n\r\n            @if (isTruncated()) {\r\n              <p class=\"text-xs text-surface-500\">\r\n                {{ labels().rowsLimited }}\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"px-2 py-2\">\r\n            <mt-tree\r\n              [value]=\"previewTreeNodes()\"\r\n              [selection]=\"treeSelection()\"\r\n              selectionMode=\"checkbox\"\r\n              [propagateSelectionUp]=\"false\"\r\n              [propagateSelectionDown]=\"false\"\r\n              [filter]=\"true\"\r\n              scrollHeight=\"28rem\"\r\n              styleClass=\"task-schedule-import-tree\"\r\n              (selectionChange)=\"onTreeSelectionChange($event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <mt-button\r\n    [label]=\"labels().cancel\"\r\n    variant=\"outlined\"\r\n    [disabled]=\"loadingImport() || loadingApply()\"\r\n    (onClick)=\"close()\"\r\n  />\r\n\r\n  <mt-button\r\n    [label]=\"labels().replace\"\r\n    [disabled]=\"!canApply()\"\r\n    [loading]=\"loadingApply()\"\r\n    (onClick)=\"applyImport(true)\"\r\n  />\r\n\r\n  <mt-button\r\n    [label]=\"labels().append\"\r\n    severity=\"secondary\"\r\n    [disabled]=\"!canApply()\"\r\n    [loading]=\"loadingApply()\"\r\n    (onClick)=\"applyImport(false)\"\r\n  />\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: CheckboxField, selector: "mt-checkbox-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "maxLength", "icon", "iconPosition"] }, { kind: "component", type: Tree, selector: "mt-tree", inputs: ["value", "selection", "selectionMode", "nodeIcon", "propagateSelectionUp", "propagateSelectionDown", "checkAllChildren", "loading", "emptyMessage", "checkAllLabel", "filterPlaceholder", "dataKey", "filter", "filterMode", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "styleClass", "style", "pInputs", "nodeActions", "nodeContextmenuActions", "contextMenuSelection"], outputs: ["selectionChange", "contextMenuSelectionChange", "action"] }, { kind: "ngmodule", type: TranslocoModule }] });
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleImportDialog, resolveDeferredDeps: () => [import('@masterteam/components/table').then(m => m.Table)], resolveMetadata: Table => ({ decorators: [{
-                type: Component,
-                args: [{ selector: 'mt-task-schedule-import-dialog', standalone: true, imports: [
-                            CommonModule,
-                            FormsModule,
-                            Button,
-                            CheckboxField,
-                            DateField,
-                            EntityPreview,
-                            NumberField,
-                            SelectField,
-                            Table,
-                            TextField,
-                            TranslocoModule,
-                        ], template: "<div\n  [class]=\"modal.contentClass\"\n  [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\n  class=\"flex h-full min-h-0 flex-col gap-4 !overflow-y-hidden p-5\"\n>\n  <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\n    <div class=\"grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto_auto] lg:items-end\">\n      <input\n        #fileInput\n        class=\"hidden\"\n        type=\"file\"\n        accept=\".mpp,.xer\"\n        (change)=\"onFileChanged($event)\"\n      />\n\n      <mt-text-field\n        [ngModel]=\"selectedFile()?.name ?? ''\"\n        [readonly]=\"true\"\n        [placeholder]=\"labels().selectFile\"\n      />\n\n      <mt-button\n        [label]=\"labels().selectFile\"\n        severity=\"secondary\"\n        variant=\"outlined\"\n        [disabled]=\"loadingImport() || loadingApply()\"\n        (onClick)=\"fileInput.click()\"\n      />\n\n      <mt-button\n        [label]=\"labels().startImport\"\n        [disabled]=\"!canImport()\"\n        [loading]=\"loadingImport()\"\n        (onClick)=\"importFile()\"\n      />\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div\n      class=\"rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700\"\n    >\n      {{ errorMessage() }}\n    </div>\n  }\n\n  <div class=\"min-h-0 flex-1 overflow-y-auto\">\n    @if (importResult()) {\n      @if (!previewRows().length) {\n        <div\n          class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\"\n        >\n          {{ labels().noTasks }}\n        </div>\n      } @else {\n        <div class=\"rounded-lg border border-surface-200 bg-surface-0\">\n          <div\n            class=\"flex flex-wrap items-center justify-between gap-3 border-b border-surface-200 bg-surface-50 px-4 py-3\"\n          >\n            <div class=\"flex items-center gap-3\">\n              <mt-checkbox-field\n                [ngModel]=\"allSelected()\"\n                (ngModelChange)=\"selectAllRows(!!$event)\"\n              />\n              <span class=\"text-sm text-surface-600\">\n                {{ selectedTaskKeys().size }} / {{ previewRows().length }}\n              </span>\n            </div>\n\n            @if (isTruncated()) {\n              <p class=\"text-xs text-surface-500\">\n                {{ labels().rowsLimited }}\n              </p>\n            }\n          </div>\n\n          <div class=\"px-2 py-2\">\n            @defer (on idle) {\n              <mt-table\n                [data]=\"previewRows()\"\n                [columns]=\"previewColumns()\"\n                dataKey=\"key\"\n                storageKey=\"task-schedule-import-preview-table\"\n                size=\"small\"\n                [stripedRows]=\"true\"\n                [showGridlines]=\"true\"\n                [pageSize]=\"previewPageSize()\"\n              />\n            } @placeholder {\n              <div class=\"space-y-2 p-2\">\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n                <div class=\"h-9 rounded bg-surface-100\"></div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n  </div>\n</div>\n\n<div [class]=\"modal.footerClass\">\n  <mt-button\n    [label]=\"labels().cancel\"\n    variant=\"outlined\"\n    [disabled]=\"loadingImport() || loadingApply()\"\n    (onClick)=\"close()\"\n  />\n\n  <mt-button\n    [label]=\"labels().replace\"\n    [disabled]=\"!canApply()\"\n    [loading]=\"loadingApply()\"\n    (onClick)=\"applyImport(true)\"\n  />\n\n  <mt-button\n    [label]=\"labels().append\"\n    severity=\"secondary\"\n    [disabled]=\"!canApply()\"\n    [loading]=\"loadingApply()\"\n    (onClick)=\"applyImport(false)\"\n  />\n</div>\n\n<ng-template #selectionCellTpl let-row>\n  <div class=\"flex items-center justify-center\">\n    <mt-checkbox-field\n      [ngModel]=\"selectedTaskKeys().has(row.key)\"\n      (ngModelChange)=\"toggleRowSelection(row.key, !!$event)\"\n    />\n  </div>\n</ng-template>\n\n<ng-template #taskCellTpl let-row>\n  <div class=\"min-w-0\" [style.paddingInlineStart.px]=\"row.depth * 18\">\n    <mt-text-field\n      [ngModel]=\"row.task.title || row.task.name || ''\"\n      (ngModelChange)=\"onTaskTitleChanged(row.key, $event)\"\n    />\n  </div>\n</ng-template>\n\n<ng-template #startDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"toDateFieldValue(row.task.startDate)\"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'startDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #finishDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"toDateFieldValue(row.task.finishDate)\"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'finishDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #actualStartDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"\n      toDateFieldValue(row.task.actualStartDate || row.task.actualStart)\n    \"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualStartDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #actualFinishDateCellTpl let-row>\n  <mt-date-field\n    [ngModel]=\"\n      toDateFieldValue(row.task.actualFinishDate || row.task.actualFinish)\n    \"\n    [showClear]=\"true\"\n    (ngModelChange)=\"onTaskDateChanged(row.key, 'actualFinishDate', $event)\"\n  />\n</ng-template>\n\n<ng-template #assignedToCellTpl let-row>\n  <div class=\"min-w-0\">\n    @if (resourceOptions().length) {\n      <div class=\"space-y-2\">\n        <mt-select-field\n          [ngModel]=\"resolveAssignedValue(row.task)\"\n          [options]=\"resourceOptions()\"\n          optionLabel=\"label\"\n          optionValue=\"id\"\n          [showClear]=\"true\"\n          [hasPlaceholderPrefix]=\"false\"\n          [placeholder]=\"labels().assignedTo\"\n          (ngModelChange)=\"onTaskAssignedToChanged(row.key, $event)\"\n        />\n        @if (row.task.assignedTo) {\n          <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\n        }\n      </div>\n    } @else if (row.task.assignedTo) {\n      <mt-entity-preview [data]=\"toAssignedEntity(row.task)\" />\n    } @else {\n      <span class=\"text-slate-400\">-</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #progressCellTpl let-row>\n  <div class=\"space-y-2\">\n    <mt-number-field\n      [ngModel]=\"normalizeProgress(row.task.progress)\"\n      [min]=\"0\"\n      [max]=\"100\"\n      [useGrouping]=\"false\"\n      [maxFractionDigits]=\"0\"\n      (ngModelChange)=\"onTaskProgressChanged(row.key, $event)\"\n    />\n    <mt-entity-preview [data]=\"toProgressEntity(row.task)\" />\n  </div>\n</ng-template>\n" }]
-            }], ctorParameters: null, propDecorators: { selectionCellTpl: [{ type: i0.ViewChild, args: ['selectionCellTpl', { isSignal: true }] }], taskCellTpl: [{ type: i0.ViewChild, args: ['taskCellTpl', { isSignal: true }] }], startDateCellTpl: [{ type: i0.ViewChild, args: ['startDateCellTpl', { isSignal: true }] }], finishDateCellTpl: [{ type: i0.ViewChild, args: ['finishDateCellTpl', { isSignal: true }] }], actualStartDateCellTpl: [{ type: i0.ViewChild, args: ['actualStartDateCellTpl', { isSignal: true }] }], actualFinishDateCellTpl: [{ type: i0.ViewChild, args: ['actualFinishDateCellTpl', { isSignal: true }] }], assignedToCellTpl: [{ type: i0.ViewChild, args: ['assignedToCellTpl', { isSignal: true }] }], progressCellTpl: [{ type: i0.ViewChild, args: ['progressCellTpl', { isSignal: true }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }] } }) });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleImportDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-task-schedule-import-dialog', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        Button,
+                        CheckboxField,
+                        TextField,
+                        Tree,
+                        TranslocoModule,
+                    ], template: "<div\r\n  [class]=\"modal.contentClass\"\r\n  [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\r\n  class=\"flex h-full min-h-0 flex-col gap-4 !overflow-y-hidden p-5\"\r\n>\r\n  <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n    <div class=\"grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto_auto] lg:items-end\">\r\n      <input\r\n        #fileInput\r\n        class=\"hidden\"\r\n        type=\"file\"\r\n        accept=\".mpp,.xer\"\r\n        (change)=\"onFileChanged($event)\"\r\n      />\r\n\r\n      <mt-text-field\r\n        [ngModel]=\"selectedFile()?.name ?? ''\"\r\n        [readonly]=\"true\"\r\n        [placeholder]=\"labels().selectFile\"\r\n      />\r\n\r\n      <mt-button\r\n        [label]=\"labels().selectFile\"\r\n        severity=\"secondary\"\r\n        variant=\"outlined\"\r\n        [disabled]=\"loadingImport() || loadingApply()\"\r\n        (onClick)=\"fileInput.click()\"\r\n      />\r\n\r\n      <mt-button\r\n        [label]=\"labels().startImport\"\r\n        [disabled]=\"!canImport()\"\r\n        [loading]=\"loadingImport()\"\r\n        (onClick)=\"importFile()\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  @if (errorMessage()) {\r\n    <div\r\n      class=\"rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700\"\r\n    >\r\n      {{ errorMessage() }}\r\n    </div>\r\n  }\r\n\r\n  <div class=\"min-h-0 flex-1 overflow-y-auto\">\r\n    @if (importResult()) {\r\n      @if (!previewRows().length) {\r\n        <div\r\n          class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800\"\r\n        >\r\n          {{ labels().noTasks }}\r\n        </div>\r\n      } @else {\r\n        <div class=\"rounded-lg border border-surface-200 bg-surface-0\">\r\n          <div\r\n            class=\"flex flex-wrap items-center justify-between gap-3 border-b border-surface-200 bg-surface-50 px-4 py-3\"\r\n          >\r\n            <div class=\"flex items-center gap-3\">\r\n              <mt-checkbox-field\r\n                [ngModel]=\"allSelected()\"\r\n                (ngModelChange)=\"selectAllRows(!!$event)\"\r\n              />\r\n              <span class=\"text-sm text-surface-600\">\r\n                {{ selectedTaskKeys().size }} / {{ previewRows().length }}\r\n              </span>\r\n            </div>\r\n\r\n            @if (isTruncated()) {\r\n              <p class=\"text-xs text-surface-500\">\r\n                {{ labels().rowsLimited }}\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"px-2 py-2\">\r\n            <mt-tree\r\n              [value]=\"previewTreeNodes()\"\r\n              [selection]=\"treeSelection()\"\r\n              selectionMode=\"checkbox\"\r\n              [propagateSelectionUp]=\"false\"\r\n              [propagateSelectionDown]=\"false\"\r\n              [filter]=\"true\"\r\n              scrollHeight=\"28rem\"\r\n              styleClass=\"task-schedule-import-tree\"\r\n              (selectionChange)=\"onTreeSelectionChange($event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <mt-button\r\n    [label]=\"labels().cancel\"\r\n    variant=\"outlined\"\r\n    [disabled]=\"loadingImport() || loadingApply()\"\r\n    (onClick)=\"close()\"\r\n  />\r\n\r\n  <mt-button\r\n    [label]=\"labels().replace\"\r\n    [disabled]=\"!canApply()\"\r\n    [loading]=\"loadingApply()\"\r\n    (onClick)=\"applyImport(true)\"\r\n  />\r\n\r\n  <mt-button\r\n    [label]=\"labels().append\"\r\n    severity=\"secondary\"\r\n    [disabled]=\"!canApply()\"\r\n    [loading]=\"loadingApply()\"\r\n    (onClick)=\"applyImport(false)\"\r\n  />\r\n</div>\r\n" }]
+        }], propDecorators: { context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }] } });
 
 class TaskScheduleQueueService {
     basicOrderColumns = new Map();
@@ -3475,6 +3570,7 @@ class TaskSchedule {
     fetchService = inject(TaskScheduleFetchService);
     actionService = inject(TaskScheduleActionService);
     modal = inject(ModalService);
+    dateFormats = inject(MT_DATE_FORMATS);
     queueService = inject(TaskScheduleQueueService);
     injector = inject(Injector);
     loadEffect;
@@ -3504,7 +3600,7 @@ class TaskSchedule {
     }, ...(ngDevMode ? [{ debugName: "treeColumnIndex" }] : /* istanbul ignore next */ []));
     ganttId = `mtTaskScheduleGantt-${Math.random().toString(36).slice(2, 10)}`;
     resolvedModelTypeInput = computed(() => this.context()?.modelType ?? 'default', ...(ngDevMode ? [{ debugName: "resolvedModelTypeInput" }] : /* istanbul ignore next */ []));
-    resolvedDateFormat = computed(() => this.context()?.dateFormat ?? 'dd/MM/yyyy', ...(ngDevMode ? [{ debugName: "resolvedDateFormat" }] : /* istanbul ignore next */ []));
+    resolvedDateFormat = computed(() => toAngularDateFormat(this.context()?.dateFormat ?? this.dateFormats.date), ...(ngDevMode ? [{ debugName: "resolvedDateFormat" }] : /* istanbul ignore next */ []));
     resolvedHeight = computed(() => this.context()?.height ?? '760px', ...(ngDevMode ? [{ debugName: "resolvedHeight" }] : /* istanbul ignore next */ []));
     resolvedModelType = computed(() => normalizeTaskScheduleModelType(this.resolvedModelTypeInput()), ...(ngDevMode ? [{ debugName: "resolvedModelType" }] : /* istanbul ignore next */ []));
     resolvedLangCode = computed(() => this.context()?.langCode === 'ar' ? 'ar' : 'en', ...(ngDevMode ? [{ debugName: "resolvedLangCode" }] : /* istanbul ignore next */ []));
@@ -4096,11 +4192,16 @@ class TaskSchedule {
             ToolbarService,
             ContextMenuService,
             ResizeService,
-        ], viewQueries: [{ propertyName: "ganttObj", first: true, predicate: ["ganttObj"], descendants: true }], ngImport: i0, template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ?? \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{ data?.finishDate ?? \"-\" }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{ data?.baselineStartDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{ data?.baselineEndDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: GanttModule }, { kind: "component", type: i1$1.GanttComponent, selector: "ejs-gantt", inputs: ["addDialogFields", "allowExcelExport", "allowFiltering", "allowKeyboard", "allowParentDependency", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTaskbarDragAndDrop", "allowTaskbarOverlap", "allowUnscheduledTasks", "autoCalculateDateScheduling", "autoFocusTasks", "baselineColor", "calendarSettings", "collapseAllParentTasks", "columnMenuItems", "columns", "connectorLineBackground", "connectorLineWidth", "contextMenuItems", "dataSource", "dateFormat", "dayWorkingTime", "disableHtmlEncode", "durationUnit", "editDialogFields", "editSettings", "emptyRecordTemplate", "enableAdaptiveUI", "enableAutoWbsUpdate", "enableContextMenu", "enableCriticalPath", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableMultiTaskbar", "enablePersistence", "enablePredecessorValidation", "enableRtl", "enableTimelineVirtualization", "enableUndoRedo", "enableVirtualMaskRow", "enableVirtualization", "enableWBS", "eventMarkers", "filterSettings", "frozenColumns", "gridLines", "height", "highlightWeekends", "holidays", "includeWeekend", "labelSettings", "loadChildOnDemand", "loadingIndicator", "locale", "milestoneTemplate", "parentTaskbarTemplate", "projectEndDate", "projectStartDate", "query", "readOnly", "renderBaseline", "resourceFields", "resourceIDMapping", "resourceNameMapping", "resources", "rowHeight", "searchSettings", "segmentData", "selectedRowIndex", "selectionSettings", "showColumnMenu", "showInlineNotes", "showOverAllocation", "sortSettings", "splitterSettings", "taskFields", "taskMode", "taskType", "taskbarHeight", "taskbarTemplate", "timelineSettings", "timelineTemplate", "timezone", "toolbar", "tooltipSettings", "treeColumnIndex", "undoRedoActions", "undoRedoStepsCount", "updateOffsetOnTaskbarEdit", "validateManualTasksOnLinking", "viewType", "weekWorkingTime", "width", "workUnit", "workWeek", "zoomingLevels"], outputs: ["actionBegin", "actionComplete", "actionFailure", "beforeDataBound", "beforeExcelExport", "beforePdfExport", "beforeTooltipRender", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSelected", "cellSelecting", "collapsed", "collapsing", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataStateChange", "destroyed", "endEdit", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "expanded", "expanding", "headerCellInfo", "load", "onMouseMove", "onTaskbarClick", "pdfColumnHeaderQueryCellInfo", "pdfExportComplete", "pdfQueryCellInfo", "pdfQueryTaskbarInfo", "pdfQueryTimelineCellInfo", "queryCellInfo", "queryTaskbarInfo", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "splitterResizeStart", "splitterResized", "splitterResizing", "taskbarEdited", "taskbarEditing", "toolbarClick", "dataSourceChange"] }, { kind: "component", type: TaskScheduleTaskbarTemplate, selector: "mt-task-schedule-taskbar-template", inputs: ["data", "langCode"] }] });
+        ], viewQueries: [{ propertyName: "ganttObj", first: true, predicate: ["ganttObj"], descendants: true }], ngImport: i0, template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ? (data.startDate | mtDateFormat: \"date\") : \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{\r\n            data?.finishDate ? (data.finishDate | mtDateFormat: \"date\") : \"-\"\r\n          }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{\r\n              data?.baselineStartDate\r\n                ? (data.baselineStartDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{\r\n              data?.baselineEndDate\r\n                ? (data.baselineEndDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: GanttModule }, { kind: "component", type: i1$1.GanttComponent, selector: "ejs-gantt", inputs: ["addDialogFields", "allowExcelExport", "allowFiltering", "allowKeyboard", "allowParentDependency", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTaskbarDragAndDrop", "allowTaskbarOverlap", "allowUnscheduledTasks", "autoCalculateDateScheduling", "autoFocusTasks", "baselineColor", "calendarSettings", "collapseAllParentTasks", "columnMenuItems", "columns", "connectorLineBackground", "connectorLineWidth", "contextMenuItems", "dataSource", "dateFormat", "dayWorkingTime", "disableHtmlEncode", "durationUnit", "editDialogFields", "editSettings", "emptyRecordTemplate", "enableAdaptiveUI", "enableAutoWbsUpdate", "enableContextMenu", "enableCriticalPath", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableMultiTaskbar", "enablePersistence", "enablePredecessorValidation", "enableRtl", "enableTimelineVirtualization", "enableUndoRedo", "enableVirtualMaskRow", "enableVirtualization", "enableWBS", "eventMarkers", "filterSettings", "frozenColumns", "gridLines", "height", "highlightWeekends", "holidays", "includeWeekend", "labelSettings", "loadChildOnDemand", "loadingIndicator", "locale", "milestoneTemplate", "parentTaskbarTemplate", "projectEndDate", "projectStartDate", "query", "readOnly", "renderBaseline", "resourceFields", "resourceIDMapping", "resourceNameMapping", "resources", "rowHeight", "searchSettings", "segmentData", "selectedRowIndex", "selectionSettings", "showColumnMenu", "showInlineNotes", "showOverAllocation", "sortSettings", "splitterSettings", "taskFields", "taskMode", "taskType", "taskbarHeight", "taskbarTemplate", "timelineSettings", "timelineTemplate", "timezone", "toolbar", "tooltipSettings", "treeColumnIndex", "undoRedoActions", "undoRedoStepsCount", "updateOffsetOnTaskbarEdit", "validateManualTasksOnLinking", "viewType", "weekWorkingTime", "width", "workUnit", "workWeek", "zoomingLevels"], outputs: ["actionBegin", "actionComplete", "actionFailure", "beforeDataBound", "beforeExcelExport", "beforePdfExport", "beforeTooltipRender", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSelected", "cellSelecting", "collapsed", "collapsing", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataStateChange", "destroyed", "endEdit", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "expanded", "expanding", "headerCellInfo", "load", "onMouseMove", "onTaskbarClick", "pdfColumnHeaderQueryCellInfo", "pdfExportComplete", "pdfQueryCellInfo", "pdfQueryTaskbarInfo", "pdfQueryTimelineCellInfo", "queryCellInfo", "queryTaskbarInfo", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "splitterResizeStart", "splitterResized", "splitterResizing", "taskbarEdited", "taskbarEditing", "toolbarClick", "dataSourceChange"] }, { kind: "component", type: TaskScheduleTaskbarTemplate, selector: "mt-task-schedule-taskbar-template", inputs: ["data", "langCode"] }, { kind: "pipe", type: MTDateFormatPipe, name: "mtDateFormat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskSchedule, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-task-schedule', standalone: true, imports: [CommonModule, GanttModule, TaskScheduleTaskbarTemplate], host: { class: 'block' }, providers: [
+            args: [{ selector: 'mt-task-schedule', standalone: true, imports: [
+                        CommonModule,
+                        GanttModule,
+                        MTDateFormatPipe,
+                        TaskScheduleTaskbarTemplate,
+                    ], host: { class: 'block' }, providers: [
                         DayMarkersService,
                         EditService,
                         ExcelExportService,
@@ -4113,7 +4214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         ToolbarService,
                         ContextMenuService,
                         ResizeService,
-                    ], template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ?? \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{ data?.finishDate ?? \"-\" }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{ data?.baselineStartDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{ data?.baselineEndDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"] }]
+                    ], template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ? (data.startDate | mtDateFormat: \"date\") : \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{\r\n            data?.finishDate ? (data.finishDate | mtDateFormat: \"date\") : \"-\"\r\n          }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{\r\n              data?.baselineStartDate\r\n                ? (data.baselineStartDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{\r\n              data?.baselineEndDate\r\n                ? (data.baselineEndDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { ganttObj: [{
                 type: ViewChild,
                 args: ['ganttObj']