@masterteam/task-schedule 0.0.17 → 0.0.19

package/fesm2022/masterteam-task-schedule.mjs

@@ -1,6 +1,6 @@
 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';
@@ -18,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 ?? '')
@@ -133,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) {
@@ -156,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,
         })));
@@ -708,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 ??
@@ -740,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;
@@ -1762,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 ??
@@ -2630,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 */ []));
@@ -2645,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(),
@@ -2747,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() {
@@ -2834,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);
             },
@@ -2854,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()) {
@@ -3106,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') &&
@@ -3250,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();