@masterteam/task-schedule 0.0.16 → 0.0.17

package/fesm2022/masterteam-task-schedule.mjs

@@ -4,6 +4,7 @@ import { inject, Injectable, viewChild, input, signal, computed, effect, Compone
 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';
@@ -2609,7 +2610,7 @@ class TaskScheduleDialog {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleDialog, isStandalone: true, selector: "mt-task-schedule-dialog", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: false, transformFunction: null }, typeOptions: { classPropertyName: "typeOptions", publicName: "typeOptions", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, parentGuid: { classPropertyName: "parentGuid", publicName: "parentGuid", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div [class]=\"'p-4 overflow-y-auto ' + (modal.contentClass || '')\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <mt-select-field\r\n      [options]=\"typeSelectOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [label]=\"'task-schedule.dialog.type' | transloco\"\r\n      [placeholder]=\"'task-schedule.dialog.typePlaceholder' | transloco\"\r\n      [ngModel]=\"selectedType() ?? undefined\"\r\n      (onChange)=\"onTypeChange($event)\"\r\n    />\r\n\r\n    @if (selectedType()) {\r\n      <mt-client-form\r\n        #clientForm\r\n        [moduleKey]=\"'ModuleData'\"\r\n        [moduleId]=\"selectedModuleId() ?? undefined\"\r\n        [operationKey]=\"mode() === 'edit' ? 'Update' : 'Create'\"\r\n        [formMode]=\"mode()\"\r\n        [levelId]=\"context()?.levelId ?? undefined\"\r\n        [levelDataId]=\"context()?.levelDataId ?? undefined\"\r\n        [moduleDataId]=\"selectedModuleDataId() ?? undefined\"\r\n        [lang]=\"langCode()\"\r\n        [autoLoad]=\"true\"\r\n        [ignoredFieldKeys]=\"ignoredFieldKeys()\"\r\n        [submitRequestMapper]=\"submitRequestMapper\"\r\n        (submitted)=\"onClientFormSubmitted($event)\"\r\n      />\r\n    } @else {\r\n      <div\r\n        class=\"rounded-xl border border-surface bg-content px-4 py-4 text-sm text-muted-color\"\r\n      >\r\n        {{ \"task-schedule.dialog.typeFirst\" | transloco }}\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <div class=\"flex items-center justify-end gap-3\">\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.cancel' | transloco\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.save' | transloco\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"save()\"\r\n    />\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "statuses", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleDialog, isStandalone: true, selector: "mt-task-schedule-dialog", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: false, transformFunction: null }, typeOptions: { classPropertyName: "typeOptions", publicName: "typeOptions", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, parentGuid: { classPropertyName: "parentGuid", publicName: "parentGuid", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div [class]=\"'p-4 overflow-y-auto ' + (modal.contentClass || '')\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <mt-select-field\r\n      [options]=\"typeSelectOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [label]=\"'task-schedule.dialog.type' | transloco\"\r\n      [placeholder]=\"'task-schedule.dialog.typePlaceholder' | transloco\"\r\n      [ngModel]=\"selectedType() ?? undefined\"\r\n      (onChange)=\"onTypeChange($event)\"\r\n    />\r\n\r\n    @if (selectedType()) {\r\n      <mt-client-form\r\n        #clientForm\r\n        [moduleKey]=\"'ModuleData'\"\r\n        [moduleId]=\"selectedModuleId() ?? undefined\"\r\n        [operationKey]=\"mode() === 'edit' ? 'Update' : 'Create'\"\r\n        [formMode]=\"mode()\"\r\n        [levelId]=\"context()?.levelId ?? undefined\"\r\n        [levelDataId]=\"context()?.levelDataId ?? undefined\"\r\n        [moduleDataId]=\"selectedModuleDataId() ?? undefined\"\r\n        [lang]=\"langCode()\"\r\n        [autoLoad]=\"true\"\r\n        [ignoredFieldKeys]=\"ignoredFieldKeys()\"\r\n        [submitRequestMapper]=\"submitRequestMapper\"\r\n        (submitted)=\"onClientFormSubmitted($event)\"\r\n      />\r\n    } @else {\r\n      <div\r\n        class=\"rounded-xl border border-surface bg-content px-4 py-4 text-sm text-muted-color\"\r\n      >\r\n        {{ \"task-schedule.dialog.typeFirst\" | transloco }}\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <div class=\"flex items-center justify-end gap-3\">\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.cancel' | transloco\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.save' | transloco\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"save()\"\r\n    />\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleDialog, decorators: [{
             type: Component,
@@ -3475,6 +3476,7 @@ class TaskSchedule {
     fetchService = inject(TaskScheduleFetchService);
     actionService = inject(TaskScheduleActionService);
     modal = inject(ModalService);
+    dateFormats = inject(MT_DATE_FORMATS);
     queueService = inject(TaskScheduleQueueService);
     injector = inject(Injector);
     loadEffect;
@@ -3504,7 +3506,7 @@ class TaskSchedule {
     }, ...(ngDevMode ? [{ debugName: "treeColumnIndex" }] : /* istanbul ignore next */ []));
     ganttId = `mtTaskScheduleGantt-${Math.random().toString(36).slice(2, 10)}`;
     resolvedModelTypeInput = computed(() => this.context()?.modelType ?? 'default', ...(ngDevMode ? [{ debugName: "resolvedModelTypeInput" }] : /* istanbul ignore next */ []));
-    resolvedDateFormat = computed(() => this.context()?.dateFormat ?? 'dd/MM/yyyy', ...(ngDevMode ? [{ debugName: "resolvedDateFormat" }] : /* istanbul ignore next */ []));
+    resolvedDateFormat = computed(() => toAngularDateFormat(this.context()?.dateFormat ?? this.dateFormats.date), ...(ngDevMode ? [{ debugName: "resolvedDateFormat" }] : /* istanbul ignore next */ []));
     resolvedHeight = computed(() => this.context()?.height ?? '760px', ...(ngDevMode ? [{ debugName: "resolvedHeight" }] : /* istanbul ignore next */ []));
     resolvedModelType = computed(() => normalizeTaskScheduleModelType(this.resolvedModelTypeInput()), ...(ngDevMode ? [{ debugName: "resolvedModelType" }] : /* istanbul ignore next */ []));
     resolvedLangCode = computed(() => this.context()?.langCode === 'ar' ? 'ar' : 'en', ...(ngDevMode ? [{ debugName: "resolvedLangCode" }] : /* istanbul ignore next */ []));
@@ -4096,11 +4098,16 @@ class TaskSchedule {
             ToolbarService,
             ContextMenuService,
             ResizeService,
-        ], viewQueries: [{ propertyName: "ganttObj", first: true, predicate: ["ganttObj"], descendants: true }], ngImport: i0, template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ?? \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{ data?.finishDate ?? \"-\" }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{ data?.baselineStartDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{ data?.baselineEndDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: GanttModule }, { kind: "component", type: i1$1.GanttComponent, selector: "ejs-gantt", inputs: ["addDialogFields", "allowExcelExport", "allowFiltering", "allowKeyboard", "allowParentDependency", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTaskbarDragAndDrop", "allowTaskbarOverlap", "allowUnscheduledTasks", "autoCalculateDateScheduling", "autoFocusTasks", "baselineColor", "calendarSettings", "collapseAllParentTasks", "columnMenuItems", "columns", "connectorLineBackground", "connectorLineWidth", "contextMenuItems", "dataSource", "dateFormat", "dayWorkingTime", "disableHtmlEncode", "durationUnit", "editDialogFields", "editSettings", "emptyRecordTemplate", "enableAdaptiveUI", "enableAutoWbsUpdate", "enableContextMenu", "enableCriticalPath", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableMultiTaskbar", "enablePersistence", "enablePredecessorValidation", "enableRtl", "enableTimelineVirtualization", "enableUndoRedo", "enableVirtualMaskRow", "enableVirtualization", "enableWBS", "eventMarkers", "filterSettings", "frozenColumns", "gridLines", "height", "highlightWeekends", "holidays", "includeWeekend", "labelSettings", "loadChildOnDemand", "loadingIndicator", "locale", "milestoneTemplate", "parentTaskbarTemplate", "projectEndDate", "projectStartDate", "query", "readOnly", "renderBaseline", "resourceFields", "resourceIDMapping", "resourceNameMapping", "resources", "rowHeight", "searchSettings", "segmentData", "selectedRowIndex", "selectionSettings", "showColumnMenu", "showInlineNotes", "showOverAllocation", "sortSettings", "splitterSettings", "taskFields", "taskMode", "taskType", "taskbarHeight", "taskbarTemplate", "timelineSettings", "timelineTemplate", "timezone", "toolbar", "tooltipSettings", "treeColumnIndex", "undoRedoActions", "undoRedoStepsCount", "updateOffsetOnTaskbarEdit", "validateManualTasksOnLinking", "viewType", "weekWorkingTime", "width", "workUnit", "workWeek", "zoomingLevels"], outputs: ["actionBegin", "actionComplete", "actionFailure", "beforeDataBound", "beforeExcelExport", "beforePdfExport", "beforeTooltipRender", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSelected", "cellSelecting", "collapsed", "collapsing", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataStateChange", "destroyed", "endEdit", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "expanded", "expanding", "headerCellInfo", "load", "onMouseMove", "onTaskbarClick", "pdfColumnHeaderQueryCellInfo", "pdfExportComplete", "pdfQueryCellInfo", "pdfQueryTaskbarInfo", "pdfQueryTimelineCellInfo", "queryCellInfo", "queryTaskbarInfo", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "splitterResizeStart", "splitterResized", "splitterResizing", "taskbarEdited", "taskbarEditing", "toolbarClick", "dataSourceChange"] }, { kind: "component", type: TaskScheduleTaskbarTemplate, selector: "mt-task-schedule-taskbar-template", inputs: ["data", "langCode"] }] });
+        ], viewQueries: [{ propertyName: "ganttObj", first: true, predicate: ["ganttObj"], descendants: true }], ngImport: i0, template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ? (data.startDate | mtDateFormat: \"date\") : \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{\r\n            data?.finishDate ? (data.finishDate | mtDateFormat: \"date\") : \"-\"\r\n          }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{\r\n              data?.baselineStartDate\r\n                ? (data.baselineStartDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{\r\n              data?.baselineEndDate\r\n                ? (data.baselineEndDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: GanttModule }, { kind: "component", type: i1$1.GanttComponent, selector: "ejs-gantt", inputs: ["addDialogFields", "allowExcelExport", "allowFiltering", "allowKeyboard", "allowParentDependency", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTaskbarDragAndDrop", "allowTaskbarOverlap", "allowUnscheduledTasks", "autoCalculateDateScheduling", "autoFocusTasks", "baselineColor", "calendarSettings", "collapseAllParentTasks", "columnMenuItems", "columns", "connectorLineBackground", "connectorLineWidth", "contextMenuItems", "dataSource", "dateFormat", "dayWorkingTime", "disableHtmlEncode", "durationUnit", "editDialogFields", "editSettings", "emptyRecordTemplate", "enableAdaptiveUI", "enableAutoWbsUpdate", "enableContextMenu", "enableCriticalPath", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableMultiTaskbar", "enablePersistence", "enablePredecessorValidation", "enableRtl", "enableTimelineVirtualization", "enableUndoRedo", "enableVirtualMaskRow", "enableVirtualization", "enableWBS", "eventMarkers", "filterSettings", "frozenColumns", "gridLines", "height", "highlightWeekends", "holidays", "includeWeekend", "labelSettings", "loadChildOnDemand", "loadingIndicator", "locale", "milestoneTemplate", "parentTaskbarTemplate", "projectEndDate", "projectStartDate", "query", "readOnly", "renderBaseline", "resourceFields", "resourceIDMapping", "resourceNameMapping", "resources", "rowHeight", "searchSettings", "segmentData", "selectedRowIndex", "selectionSettings", "showColumnMenu", "showInlineNotes", "showOverAllocation", "sortSettings", "splitterSettings", "taskFields", "taskMode", "taskType", "taskbarHeight", "taskbarTemplate", "timelineSettings", "timelineTemplate", "timezone", "toolbar", "tooltipSettings", "treeColumnIndex", "undoRedoActions", "undoRedoStepsCount", "updateOffsetOnTaskbarEdit", "validateManualTasksOnLinking", "viewType", "weekWorkingTime", "width", "workUnit", "workWeek", "zoomingLevels"], outputs: ["actionBegin", "actionComplete", "actionFailure", "beforeDataBound", "beforeExcelExport", "beforePdfExport", "beforeTooltipRender", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSelected", "cellSelecting", "collapsed", "collapsing", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataStateChange", "destroyed", "endEdit", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "expanded", "expanding", "headerCellInfo", "load", "onMouseMove", "onTaskbarClick", "pdfColumnHeaderQueryCellInfo", "pdfExportComplete", "pdfQueryCellInfo", "pdfQueryTaskbarInfo", "pdfQueryTimelineCellInfo", "queryCellInfo", "queryTaskbarInfo", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "splitterResizeStart", "splitterResized", "splitterResizing", "taskbarEdited", "taskbarEditing", "toolbarClick", "dataSourceChange"] }, { kind: "component", type: TaskScheduleTaskbarTemplate, selector: "mt-task-schedule-taskbar-template", inputs: ["data", "langCode"] }, { kind: "pipe", type: MTDateFormatPipe, name: "mtDateFormat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskSchedule, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-task-schedule', standalone: true, imports: [CommonModule, GanttModule, TaskScheduleTaskbarTemplate], host: { class: 'block' }, providers: [
+            args: [{ selector: 'mt-task-schedule', standalone: true, imports: [
+                        CommonModule,
+                        GanttModule,
+                        MTDateFormatPipe,
+                        TaskScheduleTaskbarTemplate,
+                    ], host: { class: 'block' }, providers: [
                         DayMarkersService,
                         EditService,
                         ExcelExportService,
@@ -4113,7 +4120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         ToolbarService,
                         ContextMenuService,
                         ResizeService,
-                    ], template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ?? \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{ data?.finishDate ?? \"-\" }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{ data?.baselineStartDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{ data?.baselineEndDate ?? \"-\" }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"] }]
+                    ], template: "@if (!loading()) {\r\n  <ejs-gantt\r\n    #ganttObj\r\n    [id]=\"ganttId\"\r\n    [enableVirtualization]=\"true\"\r\n    [enableTimelineVirtualization]=\"true\"\r\n    [enableVirtualMaskRow]=\"false\"\r\n    [allowResizing]=\"true\"\r\n    [enableRtl]=\"enableRtl()\"\r\n    [locale]=\"locale()\"\r\n    [height]=\"resolvedHeight()\"\r\n    [dataSource]=\"dataSource()\"\r\n    [taskFields]=\"ganttConfig().taskFields\"\r\n    [columns]=\"ganttConfig().columns\"\r\n    [renderBaseline]=\"ganttConfig().renderBaseline\"\r\n    [enableCriticalPath]=\"ganttConfig().enableCriticalPath\"\r\n    [allowSelection]=\"true\"\r\n    [labelSettings]=\"ganttConfig().labelSettings\"\r\n    [treeColumnIndex]=\"treeColumnIndex()\"\r\n    [workWeek]=\"ganttConfig().workWeek\"\r\n    [highlightWeekends]=\"true\"\r\n    [enablePredecessorValidation]=\"true\"\r\n    [splitterSettings]=\"ganttConfig().splitterSettings\"\r\n    [gridLines]=\"ganttConfig().gridLines\"\r\n    [toolbar]=\"ganttConfig().toolbar\"\r\n    [allowExcelExport]=\"ganttConfig().allowExcelExport\"\r\n    [allowPdfExport]=\"ganttConfig().allowPdfExport\"\r\n    [enableContextMenu]=\"ganttConfig().enableContextMenu\"\r\n    [contextMenuItems]=\"ganttConfig().contextMenuItems\"\r\n    [timelineSettings]=\"ganttConfig().timelineSettings\"\r\n    [editSettings]=\"ganttConfig().editSettings\"\r\n    [allowRowDragAndDrop]=\"ganttConfig().allowRowDragAndDrop\"\r\n    [addDialogFields]=\"ganttConfig().addDialogFields\"\r\n    [editDialogFields]=\"ganttConfig().editDialogFields\"\r\n    [resourceFields]=\"ganttConfig().resourceFields\"\r\n    [resources]=\"ganttConfig().resources\"\r\n    [viewType]=\"ganttConfig().viewType\"\r\n    [showOverAllocation]=\"ganttConfig().showOverAllocation\"\r\n    [allowUnscheduledTasks]=\"ganttConfig().allowUnscheduledTasks\"\r\n    [eventMarkers]=\"ganttConfig().eventMarkers\"\r\n    [projectStartDate]=\"ganttConfig().projectStartDate\"\r\n    [projectEndDate]=\"ganttConfig().projectEndDate\"\r\n    [autoCalculateDateScheduling]=\"false\"\r\n    [dateFormat]=\"resolvedDateFormat()\"\r\n    [allowSorting]=\"true\"\r\n    [holidays]=\"ganttConfig().holidays\"\r\n    [enableWBS]=\"true\"\r\n    [enableAutoWbsUpdate]=\"true\"\r\n    [allowReordering]=\"true\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    (contextMenuOpen)=\"onContextMenuOpen($event)\"\r\n    (contextMenuClick)=\"onContextMenuClick($event)\"\r\n    (actionBegin)=\"onActionBegin($event)\"\r\n    (actionComplete)=\"onActionComplete($event)\"\r\n    (cellEdit)=\"onCellEdit($event)\"\r\n    (queryTaskbarInfo)=\"onQueryTaskbarInfo($event)\"\r\n    (dataBound)=\"onDataBound()\"\r\n  >\r\n    <ng-template #tooltipSettingsTaskbar let-data>\r\n      <div class=\"px-2 py-1 text-xs\">\r\n        <div class=\"font-medium\">{{ data?.title ?? \"-\" }}</div>\r\n        <div>\r\n          {{ tooltipTranslations().startsOn }}:\r\n          {{ data?.startDate ? (data.startDate | mtDateFormat: \"date\") : \"-\" }}\r\n        </div>\r\n        <div>\r\n          {{ tooltipTranslations().endsOn }}:\r\n          {{\r\n            data?.finishDate ? (data.finishDate | mtDateFormat: \"date\") : \"-\"\r\n          }}\r\n        </div>\r\n        @if (data?.baselineStartDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedStart }}:\r\n            {{\r\n              data?.baselineStartDate\r\n                ? (data.baselineStartDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        @if (data?.baselineEndDate) {\r\n          <div>\r\n            {{ tooltipTranslations().plannedEnd }}:\r\n            {{\r\n              data?.baselineEndDate\r\n                ? (data.baselineEndDate | mtDateFormat: \"date\")\r\n                : \"-\"\r\n            }}\r\n          </div>\r\n        }\r\n        <div>\r\n          {{ tooltipTranslations().progress }}: {{ data?.progress ?? 0 }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #taskbarTemplate let-data>\r\n      <mt-task-schedule-taskbar-template\r\n        [data]=\"data\"\r\n        [langCode]=\"resolvedLangCode()\"\r\n      />\r\n    </ng-template>\r\n  </ejs-gantt>\r\n} @else {\r\n  <div class=\"task-schedule-loader\">\r\n    <div class=\"task-schedule-loader__spinner\" aria-label=\"Loading\"></div>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}:host ::ng-deep .e-headercell .e-headercelldiv{height:auto;display:flex!important}:host ::ng-deep .e-custom-holiday{background-color:#0a0f32}:host ::ng-deep .e-gantt .e-gantt-chart .e-baseline-bar{height:7px!important;border-radius:3px}:host ::ng-deep .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div{height:17px!important}:host ::ng-deep .e-row{cursor:pointer!important}.task-schedule-loader{display:grid;place-items:center;min-height:18rem}.task-schedule-loader__spinner{width:2.25rem;height:2.25rem;border-radius:9999px;border:3px solid rgba(148,163,184,.3);border-top-color:#334155;animation:task-schedule-spin .8s linear infinite}@keyframes task-schedule-spin{to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { ganttObj: [{
                 type: ViewChild,
                 args: ['ganttObj']