@acorex/modules 21.0.0-next.88 → 21.0.0-next.90

package/fesm2022/acorex-modules-task-management-start-task-flow.command-HYdQOWDe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-task-management-start-task-flow.command-HYdQOWDe.mjs","sources":["../../../../libs/modules/task-management/src/lib/features/task/commands/start-task-flow.command.ts"],"sourcesContent":["//#region ---- Imports ----\n\nimport { AXToastService } from '@acorex/components/toast';\nimport type { AXPEntityReference } from '@acorex/platform/contracts';\nimport { AXPExecuteCommandResult } from '@acorex/platform/contracts';\nimport { AXPEntityService } from '@acorex/platform/layout/entity';\nimport { AXPCommand } from '@acorex/platform/runtime';\nimport { AXPWorkflowManager } from '@acorex/platform/workflow';\nimport { defaultTo, get, isEmpty, merge } from 'lodash-es';\nimport { inject, Injectable } from '@angular/core';\nimport { AXPTaskManagementCommandKeys } from '../../../contracts/commands.keys';\nimport { RootConfig } from '../../../contracts';\nimport type { AXMTaskManagementTaskTypeEntityModel } from '../../../entities/task-type/task-type.types';\n\n//#endregion\n\n//#region ---- Types ----\n\nexport interface StartTaskFlowInput {\n  __context__?: {\n    options?: StartTaskFlowOptions;\n  };\n  workflowId?: string;\n  taskTypeId?: string;\n  subjectRef?: AXPEntityReference;\n  projectTypeId?: string;\n  input?: Record<string, unknown>;\n}\n\nexport interface StartTaskFlowOptions {\n  workflowId: string;\n  input: {\n    taskTypeId: string;\n    subjectRef: AXPEntityReference;\n    projectTypeId?: string;\n    taskTypeTitle?: string;\n  } & Record<string, unknown>;\n}\n\n//#endregion\n\n/**\n * Starts a workflow for a {@link TaskManagement.Task} when the task type defines {@link workflowConfig}.\n */\n@Injectable({ providedIn: 'root' })\nexport class StartTaskFlowCommand implements AXPCommand<StartTaskFlowInput, void> {\n  //#region ---- Services & Dependencies ----\n\n  private readonly toastService = inject(AXToastService);\n  private readonly entityService = inject(AXPEntityService);\n  private readonly workflowManager = inject(AXPWorkflowManager);\n\n  //#endregion\n\n  //#region ---- Command Implementation ----\n\n  async execute(input: StartTaskFlowInput): Promise<AXPExecuteCommandResult<void>> {\n    const options = (input?.__context__?.options ?? input) as StartTaskFlowOptions;\n    const flowInput = defaultTo(options?.input, {} as StartTaskFlowOptions['input']);\n    const workflowId = (options?.workflowId ?? input?.workflowId)?.trim();\n    const taskTypeId = flowInput?.taskTypeId?.trim();\n    const subjectRef = flowInput?.subjectRef ?? input?.subjectRef;\n    const projectTypeId = flowInput?.projectTypeId?.trim() ?? input?.projectTypeId?.trim();\n\n    if (!workflowId || !taskTypeId || !subjectRef?.id || !subjectRef?.type) {\n      return { success: false, message: { text: 'Missing workflow, task type, or subject reference.' } };\n    }\n\n    try {\n      const taskType = await this.loadTaskType(taskTypeId);\n      if (!taskType) {\n        return { success: false, message: { text: 'Task type not found.' } };\n      }\n\n      if (projectTypeId) {\n        const allowed = await this.isTaskTypeAllowedForProjectType(projectTypeId, taskTypeId);\n        if (!allowed) {\n          return { success: false, message: { text: 'Task type is not allowed for this project type.' } };\n        }\n      }\n\n      const defaultInput = defaultTo(get(taskType, 'workflowConfig.defaultInput'), {});\n      const startResult = await this.workflowManager.start(workflowId, merge(\n        defaultInput,\n        {\n          taskTypeId,\n          taskTypeTitle: flowInput.taskTypeTitle ?? taskType.title,\n          subjectRef,\n          ...(projectTypeId ? { projectTypeId } : {}),\n          refId: subjectRef.id,\n          refType: subjectRef.type,\n          correlationId: this.buildCorrelationId(subjectRef.id, taskTypeId, workflowId),\n        },\n        flowInput,\n      ));\n\n      if (!startResult.success) {\n        this.toastService.show({\n          color: 'danger',\n          title: 'Workflow Execution Failed',\n          content: startResult.error ?? 'Unknown error',\n          closeButton: true,\n          timeOut: 5000,\n        });\n        return { success: false, message: { text: startResult.error ?? 'Unknown error' } };\n      }\n\n      return { success: true };\n    } catch (error: unknown) {\n      const message = error instanceof Error ? error.message : 'Unknown error';\n      console.error('[StartTaskFlowCommand]', error);\n      this.toastService.show({\n        color: 'danger',\n        title: 'Workflow Execution Error',\n        content: message,\n        closeButton: true,\n        timeOut: 5000,\n      });\n      return { success: false, message: { text: message } };\n    }\n  }\n\n  //#endregion\n\n  //#region ---- Helpers ----\n\n  private async loadTaskType(taskTypeId: string): Promise<AXMTaskManagementTaskTypeEntityModel | null> {\n    const row = await this.entityService\n      .withEntity(RootConfig.module.name, RootConfig.entities.taskType.name)\n      .data()\n      .byKey(taskTypeId);\n    return (row ?? null) as AXMTaskManagementTaskTypeEntityModel | null;\n  }\n\n  private async isTaskTypeAllowedForProjectType(projectTypeId: string, taskTypeId: string): Promise<boolean> {\n    const projectType = (await this.entityService\n      .withEntity('ProjectManagement', 'ProjectType')\n      .data()\n      .byKey(projectTypeId)) as {\n      allowedTaskTypeIds?: string[];\n      allowedTaskTypes?: Array<{ id: string }>;\n    } | null;\n\n    if (!projectType) {\n      return false;\n    }\n\n    const allowedIds = projectType.allowedTaskTypes?.map((row) => row.id).filter(Boolean) ?? [];\n    if (!isEmpty(allowedIds)) {\n      return allowedIds.includes(taskTypeId);\n    }\n\n    return defaultTo(projectType.allowedTaskTypeIds, []).includes(taskTypeId);\n  }\n\n  private buildCorrelationId(subjectId: string, taskTypeId: string, workflowId: string): string {\n    return `${subjectId}:${taskTypeId}:${workflowId}`;\n  }\n\n  //#endregion\n}\n\nexport const START_TASK_FLOW_COMMAND_KEY = AXPTaskManagementCommandKeys.Task.StartFlow;\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-modules-task-management-task-board.page-FFhsAyHF.mjs → acorex-modules-task-management-task-board.page-BMTjJlry.mjs}

@@ -377,6 +377,7 @@ function normalizeTaskBoardPriorityFilterKeys(values) {
 const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() => ({
     daysCount: 7,
     taskTypes: [],
+    taskTypeOptions: [],
     isLoading: true,
     detailPanel: false,
     selectedTask: null,
@@ -453,15 +454,20 @@ const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() =
         }
     };
     return {
-        async reloadTaskTypes() {
-            const taskTypes = await taskBoardService.getTaskTypes();
-            patchState(store, { taskTypes });
+        async reloadTaskTypes(options) {
+            taskBoardService.clearProviderCache();
+            const taskTypes = await taskBoardService.getTaskTypes(options);
+            patchState(store, {
+                taskTypes,
+                taskTypeOptions: taskBoardService.getTaskTypeOptions(),
+            });
         },
         async initialize() {
             patchState(store, { isLoading: true });
             try {
                 const taskTypes = await taskBoardService.getTaskTypes();
-                patchState(store, { taskTypes });
+                const taskTypeOptions = taskBoardService.getTaskTypeOptions();
+                patchState(store, { taskTypes, taskTypeOptions });
                 const [savedDaysCount, savedDateString, savedDetailPanel, savedViewMode, savedVisibleCalendar, savedVisibleTimeline, savedVisibleTable, savedVisibleKanban, savedCalendarLayout, savedTimelineLayout, savedTableLayout, savedTaskTypeNames, savedAssigneeIds, savedReporterIds, savedPriorities, savedDueStatusKeys, savedColorBy, savedCalendarEventIds,] = await Promise.all([
                     userScopedSettings().get(AXMTaskBoardSettings.DaysCount),
                     userScopedSettings().get(AXMTaskBoardSettings.CurrentDate),
@@ -517,7 +523,7 @@ const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() =
                         .set(AXMTaskBoardSettings.ViewMode, effectiveViewMode)
                         .catch((error) => console.error('Error aligning task board view mode with visible views:', error));
                 }
-                let selectedTaskTypeNames = normalizeTaskTypeFilterNames(savedTaskTypeNames ?? [], taskTypes);
+                let selectedTaskTypeNames = normalizeTaskTypeFilterNames(savedTaskTypeNames ?? [], taskTypeOptions);
                 if (selectedTaskTypeNames.length === 0 &&
                     taskTypes.length > 0 &&
                     (effectiveViewMode === 'kanban' || effectiveViewMode === 'status-grouped-grid')) {
@@ -571,6 +577,7 @@ const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() =
                     selectedReporterIds: [],
                     selectedCalendarEventTypeIds: [],
                     taskTypes: store.taskTypes(),
+                    taskTypeOptions: store.taskTypeOptions(),
                     isLoading: false,
                 });
             }
@@ -807,7 +814,7 @@ class AXMTaskBoardDetailPanel {
         return String(text).charAt(0).toUpperCase() + String(text).slice(1);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardDetailPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardDetailPanel, isStandalone: true, selector: "axm-task-board-detail-panel", ngImport: i0, template: "@if (vm.isTaskSelected()) {\n  @let nodeInfo = vm.selectedTask();\n  <div class=\"__header\">\n    <div class=\"__title\">\n      <span>{{ nodeInfo?.title }}</span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"__content\">\n    <div class=\"__section\">\n      <div class=\"__title\">\n        <span>{{ '@task-management:task-board.detail-panel.title' | translate | async }}</span>\n      </div>\n      <div class=\"__content\">\n        @if (nodeInfo?.description) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>\n                {{ '@task-management:task-board.detail-panel.description' | translate | async }}\n              </span>\n            </div>\n            <div class=\"__content\">{{ nodeInfo?.description }}</div>\n          </div>\n        }\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>\n              {{ '@task-management:task-board.detail-panel.start-date' | translate | async }}\n            </span>\n          </div>\n          <div class=\"__content\">\n            {{\n              nodeInfo?.startDate\n                | format: 'datetime' : { format: 'short', calendar: localeService.activeProfile().calendar.system }\n                | async\n            }}\n          </div>\n        </div>\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>{{ '@task-management:task-board.detail-panel.end-date' | translate | async }}</span>\n          </div>\n          <div class=\"__content\">\n            {{\n              nodeInfo?.endDate\n                | format: 'datetime' : { format: 'short', calendar: localeService.activeProfile().calendar.system }\n                | async\n            }}\n          </div>\n        </div>\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>{{ '@task-management:task-board.detail-panel.reporter' | translate | async }}</span>\n          </div>\n          <div class=\"__content\">\n            {{ nodeInfo?.reporter?.fullName }}\n          </div>\n        </div>\n        @if (nodeInfo?.assignee) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>{{ '@task-management:task-board.detail-panel.assignee' | translate | async }}</span>\n            </div>\n            <div class=\"__content\">{{ nodeInfo?.assignee?.fullName }}</div>\n          </div>\n        }\n        @if (statusName()) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>{{ '@task-management:task-board.detail-panel.status' | translate | async }}</span>\n            </div>\n            <div class=\"__content\">{{ statusName() }}</div>\n          </div>\n        }\n        @if (nodeInfo?.priority) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>\n                {{ '@task-management:task-board.detail-panel.priority' | translate | async }}\n              </span>\n            </div>\n            <div class=\"__content\">{{ capitalizeFirstLetter(nodeInfo?.priority ?? '') }}</div>\n          </div>\n        }\n        @if (extraFields() && extraFields().length) {\n          <div class=\"__row\">\n            <axp-widgets-container [context]=\"nodeInfo\">\n              @for (extraField of extraFields(); track extraField) {\n                <div class=\"__title\">\n                  <span>\n                    {{ extraField.title | translate | async }}\n                  </span>\n                </div>\n                <div class=\"__content\">\n                  <ng-container axp-widget-renderer [node]=\"extraField.widget\" [mode]=\"'view'\"> </ng-container>\n                </div>\n              }\n            </axp-widgets-container>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div class=\"__header\">\n    <div class=\"__title\">\n      <span>\n        {{ '@task-management:task-board.detail-panel.title' | translate | async }}\n      </span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"__content ax-flex ax-items-center ax-justify-center\">\n    <axp-state-message\n      icon=\"fa-light fa-clipboard-list-check\"\n      [title]=\"'@task-management:task-board.detail-panel.no-task-selected.title'\"\n      [description]=\"'@task-management:task-board.detail-panel.no-task-selected.description'\"\n    >\n    </axp-state-message>\n  </div>\n}\n", styles: ["axm-task-board-detail-panel{display:flex;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media(min-width:1024px){axm-task-board-detail-panel{width:24rem}}axm-task-board-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1rem}@media(min-width:1024px){axm-task-board-detail-panel>.__header{width:20rem}}axm-task-board-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:.5rem}axm-task-board-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-weight:600;line-height:1.625}axm-task-board-detail-panel>.__content{display:flex;flex-direction:column}axm-task-board-detail-panel>.__content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axm-task-board-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:1rem}axm-task-board-detail-panel>.__content>.__section>.__title{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}axm-task-board-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:1rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:.25rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:.875rem;line-height:1.25rem;font-weight:600;opacity:.9}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:.5rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:.7}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardDetailPanel, isStandalone: true, selector: "axm-task-board-detail-panel", ngImport: i0, template: "@if (vm.isTaskSelected()) {\n  @let nodeInfo = vm.selectedTask();\n  <div class=\"__header\">\n    <div class=\"__title\">\n      <span>{{ nodeInfo?.title }}</span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"__content\">\n    <div class=\"__section\">\n      <div class=\"__title\">\n        <span>{{ '@task-management:task-board.detail-panel.title' | translate | async }}</span>\n      </div>\n      <div class=\"__content\">\n        @if (nodeInfo?.description) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>\n                {{ '@task-management:task-board.detail-panel.description' | translate | async }}\n              </span>\n            </div>\n            <div class=\"__content\">{{ nodeInfo?.description }}</div>\n          </div>\n        }\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>\n              {{ '@task-management:task-board.detail-panel.start-date' | translate | async }}\n            </span>\n          </div>\n          <div class=\"__content\">\n            {{\n              nodeInfo?.startDate\n                | format: 'datetime' : { format: 'short', calendar: localeService.activeProfile().calendar.system }\n                | async\n            }}\n          </div>\n        </div>\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>{{ '@task-management:task-board.detail-panel.end-date' | translate | async }}</span>\n          </div>\n          <div class=\"__content\">\n            {{\n              nodeInfo?.endDate\n                | format: 'datetime' : { format: 'short', calendar: localeService.activeProfile().calendar.system }\n                | async\n            }}\n          </div>\n        </div>\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>{{ '@task-management:task-board.detail-panel.reporter' | translate | async }}</span>\n          </div>\n          <div class=\"__content\">\n            {{ nodeInfo?.reporter?.fullName }}\n          </div>\n        </div>\n        @if (nodeInfo?.assignee) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>{{ '@task-management:task-board.detail-panel.assignee' | translate | async }}</span>\n            </div>\n            <div class=\"__content\">{{ nodeInfo?.assignee?.fullName }}</div>\n          </div>\n        }\n        @if (statusName()) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>{{ '@task-management:task-board.detail-panel.status' | translate | async }}</span>\n            </div>\n            <div class=\"__content\">{{ statusName() }}</div>\n          </div>\n        }\n        @if (nodeInfo?.priority) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>\n                {{ '@task-management:task-board.detail-panel.priority' | translate | async }}\n              </span>\n            </div>\n            <div class=\"__content\">{{ capitalizeFirstLetter(nodeInfo?.priority ?? '') }}</div>\n          </div>\n        }\n        @if (extraFields() && extraFields().length) {\n          <div class=\"__row\">\n            <axp-widgets-container [context]=\"nodeInfo\">\n              @for (extraField of extraFields(); track extraField) {\n                <div class=\"__title\">\n                  <span>\n                    {{ extraField.title | translate | async }}\n                  </span>\n                </div>\n                <div class=\"__content\">\n                  <ng-container axp-widget-renderer [node]=\"extraField.widget\" [mode]=\"'view'\"> </ng-container>\n                </div>\n              }\n            </axp-widgets-container>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div class=\"__header\">\n    <div class=\"__title\">\n      <span>\n        {{ '@task-management:task-board.detail-panel.title' | translate | async }}\n      </span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"__content ax-flex ax-items-center ax-justify-center\">\n    <axp-state-message\n      icon=\"fa-light fa-clipboard-list-check\"\n      [title]=\"'@task-management:task-board.detail-panel.no-task-selected.title'\"\n      [description]=\"'@task-management:task-board.detail-panel.no-task-selected.description'\"\n    >\n    </axp-state-message>\n  </div>\n}\n", styles: ["axm-task-board-detail-panel{display:flex;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media(min-width:1024px){axm-task-board-detail-panel{width:24rem}}axm-task-board-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1rem}@media(min-width:1024px){axm-task-board-detail-panel>.__header{width:20rem}}axm-task-board-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:.5rem}axm-task-board-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-weight:600;line-height:1.625}axm-task-board-detail-panel>.__content{display:flex;flex-direction:column}axm-task-board-detail-panel>.__content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axm-task-board-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:1rem}axm-task-board-detail-panel>.__content>.__section>.__title{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}axm-task-board-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:1rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:.25rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:.875rem;line-height:1.25rem;font-weight:600;opacity:.9}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:.5rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:.7}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardDetailPanel, decorators: [{
             type: Component,
@@ -1168,23 +1175,26 @@ class AXMTaskBoardGridViewComponent {
                     const result = await parentDataSource({ skip: e.skip, take: e.take });
                     this.fetchedTasks.set(result.items);
                     const unassignedLabel = await this.translationService.translateAsync('@task-management:task-board.filter.unassigned');
-                    const mappedItems = result.items.map((task) => ({
-                        id: task.id,
-                        data: task.data,
-                        title: task.title,
-                        priority: task.priority,
-                        description: task.description,
-                        statusTitle: task.status.title,
-                        reporter: task.reporter.fullName ?? '-',
-                        assignee: task.assignee?.fullName ?? unassignedLabel,
-                        type: this.taskBoardService.getProvider(task.provider)?.title,
-                        endDate: this.calendarService.format(task.endDate, 'DD/MM/YYYY HH:mm', {
-                            locale: this.localeService.activeProfile().calendar.system,
-                        }),
-                        startDate: this.calendarService.format(task.startDate, 'DD/MM/YYYY HH:mm', {
-                            locale: this.localeService.activeProfile().calendar.system,
-                        }),
-                        _originalTask: task,
+                    const mappedItems = await Promise.all(result.items.map(async (task) => {
+                        const provider = this.taskBoardService.getProvider(task.provider);
+                        return {
+                            id: task.id,
+                            data: task.data,
+                            title: task.title,
+                            priority: task.priority,
+                            description: task.description,
+                            statusTitle: task.status.title,
+                            reporter: task.reporter.fullName ?? '-',
+                            assignee: task.assignee?.fullName ?? unassignedLabel,
+                            type: provider ? await provider.getTitle() : undefined,
+                            endDate: this.calendarService.format(task.endDate, 'DD/MM/YYYY HH:mm', {
+                                locale: this.localeService.activeProfile().calendar.system,
+                            }),
+                            startDate: this.calendarService.format(task.startDate, 'DD/MM/YYYY HH:mm', {
+                                locale: this.localeService.activeProfile().calendar.system,
+                            }),
+                            _originalTask: task,
+                        };
                     }));
                     return { items: mappedItems, total: result.total };
                 },
@@ -1273,7 +1283,7 @@ class AXMTaskBoardGridViewComponent {
         }, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardGridViewComponent, isStandalone: true, selector: "axm-task-board-grid-view", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, refreshNonce: { classPropertyName: "refreshNonce", publicName: "refreshNonce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (remountKey of gridRemountKeys(); track remountKey) {\n  <ax-data-table\n    #grid\n    [fetchDataMode]=\"'manual'\"\n    [dataSource]=\"tasksDataSource()\"\n    (onRowClick)=\"handleRowClick($event)\"\n    [loading]=\"{ enabled: true, animation: true }\"\n  >\n    <ax-text-column\n      dataField=\"title\"\n      [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n      [width]=\"'350px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"description\"\n      [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n      [width]=\"'500px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"assignee\"\n      [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"startDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"endDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"priority\"\n      [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      [allowResizing]=\"true\"\n      dataField=\"reporter\"\n      [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"statusTitle\"\n      [caption]=\"('@task-management:task-board.grid-headers.status' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"type\"\n      [caption]=\"('@task-management:task-board.grid-headers.type' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n\n    @if (columns().length) {\n      <ng-container>\n        @for (column of columns(); track column) {\n          <axp-widget-column-renderer\n            [node]=\"column.widget\"\n            [caption]=\"(column.title | translate | async)!\"\n          ></axp-widget-column-renderer>\n        }\n      </ng-container>\n    }\n\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"taskRowCommandWidth\"\n      [items]=\"taskRowCommandItems\"\n      (onItemClick)=\"handleTaskCommandClick($event)\"\n    ></ax-command-column>\n  </ax-data-table>\n}\n", dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$2.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "hasTitle", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$2.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "sortEnabled", "headerSortDirection", "headerSortPriority", "columnFixed", "cellTemplate", "headerTemplate"], outputs: ["sortToggle"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardGridViewComponent, isStandalone: true, selector: "axm-task-board-grid-view", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, refreshNonce: { classPropertyName: "refreshNonce", publicName: "refreshNonce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (remountKey of gridRemountKeys(); track remountKey) {\n  <ax-data-table\n    #grid\n    [fetchDataMode]=\"'manual'\"\n    [dataSource]=\"tasksDataSource()\"\n    (onRowClick)=\"handleRowClick($event)\"\n    [loading]=\"{ enabled: true, animation: true }\"\n  >\n    <ax-text-column\n      dataField=\"title\"\n      [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n      [width]=\"'350px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"description\"\n      [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n      [width]=\"'500px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"assignee\"\n      [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"startDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"endDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"priority\"\n      [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      [allowResizing]=\"true\"\n      dataField=\"reporter\"\n      [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"statusTitle\"\n      [caption]=\"('@task-management:task-board.grid-headers.status' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"type\"\n      [caption]=\"('@task-management:task-board.grid-headers.type' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n\n    @if (columns().length) {\n      <ng-container>\n        @for (column of columns(); track column) {\n          <axp-widget-column-renderer\n            [node]=\"column.widget\"\n            [caption]=\"(column.title | translate | async)!\"\n          ></axp-widget-column-renderer>\n        }\n      </ng-container>\n    }\n\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"taskRowCommandWidth\"\n      [items]=\"taskRowCommandItems\"\n      (onItemClick)=\"handleTaskCommandClick($event)\"\n    ></ax-command-column>\n  </ax-data-table>\n}\n", dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "rowCssClass", "cellCssClass", "highlightText", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$2.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "hasTitle", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$2.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "sortEnabled", "headerSortDirection", "headerSortPriority", "columnFixed", "cellTemplate", "headerTemplate"], outputs: ["sortToggle"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardGridViewComponent, decorators: [{
             type: Component,
@@ -1754,7 +1764,7 @@ class AXMTaskBoardStatusGroupedGridViewComponent {
         }, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardStatusGroupedGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardStatusGroupedGridViewComponent, isStandalone: true, selector: "axm-task-board-status-grouped-grid-view", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, refreshNonce: { classPropertyName: "refreshNonce", publicName: "refreshNonce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick" }, viewQueries: [{ propertyName: "grids", predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (remountKey of groupedViewRemountKeys(); track remountKey) {\n  @for (group of groupedTasks(); track trackStatusGroup($index, group)) {\n    <h1 class=\"ax-text-xl ax-font-bold\">{{ group.statusInfo.title }}</h1>\n    <ax-data-table\n      #grid\n      class=\"ax-h-[300px]\"\n      [fetchDataMode]=\"'manual'\"\n      [dataSource]=\"group.tasks\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      (onRowClick)=\"handleRowClick($event)\"\n    >\n      <ax-text-column\n        dataField=\"title\"\n        [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n        [width]=\"'350px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"description\"\n        [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n        [width]=\"'500px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"startDate\"\n        [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n        [width]=\"'150px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"endDate\"\n        [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n        [width]=\"'150px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"priority\"\n        [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"reporter\"\n        [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"assignee\"\n        [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n\n      <ax-command-column\n        fixed=\"end\"\n        [width]=\"taskRowCommandWidth\"\n        [items]=\"taskRowCommandItems\"\n        (onItemClick)=\"handleTaskCommandClick($event)\"\n      ></ax-command-column>\n    </ax-data-table>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$2.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "hasTitle", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$2.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardStatusGroupedGridViewComponent, isStandalone: true, selector: "axm-task-board-status-grouped-grid-view", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, refreshNonce: { classPropertyName: "refreshNonce", publicName: "refreshNonce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick" }, viewQueries: [{ propertyName: "grids", predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (remountKey of groupedViewRemountKeys(); track remountKey) {\n  @for (group of groupedTasks(); track trackStatusGroup($index, group)) {\n    <h1 class=\"ax-text-xl ax-font-bold\">{{ group.statusInfo.title }}</h1>\n    <ax-data-table\n      #grid\n      class=\"ax-h-[300px]\"\n      [fetchDataMode]=\"'manual'\"\n      [dataSource]=\"group.tasks\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      (onRowClick)=\"handleRowClick($event)\"\n    >\n      <ax-text-column\n        dataField=\"title\"\n        [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n        [width]=\"'350px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"description\"\n        [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n        [width]=\"'500px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"startDate\"\n        [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n        [width]=\"'150px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"endDate\"\n        [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n        [width]=\"'150px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"priority\"\n        [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"reporter\"\n        [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"assignee\"\n        [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n\n      <ax-command-column\n        fixed=\"end\"\n        [width]=\"taskRowCommandWidth\"\n        [items]=\"taskRowCommandItems\"\n        (onItemClick)=\"handleTaskCommandClick($event)\"\n      ></ax-command-column>\n    </ax-data-table>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "rowCssClass", "cellCssClass", "highlightText", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$2.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "hasTitle", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$2.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardStatusGroupedGridViewComponent, decorators: [{
             type: Component,
@@ -2167,13 +2177,12 @@ class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
                 return;
             }
             untracked(() => {
-                const taskTypes = this.vm.taskTypes();
-                const normalizedTypes = normalizeTaskTypeFilterNames(this.vm.selectedTaskTypeNames(), taskTypes);
+                const taskTypeOptions = this.vm.taskTypeOptions();
+                const normalizedTypes = normalizeTaskTypeFilterNames(this.vm.selectedTaskTypeNames(), taskTypeOptions);
                 if (!isEqual(sortBy(normalizedTypes), sortBy(this.vm.selectedTaskTypeNames()))) {
                     this.vm.setSelectedTaskTypeNames(normalizedTypes);
                 }
-                void this.vm.reloadTaskTypes().then(() => {
-                    this.taskBoardService.clearProviderCache();
+                void this.vm.reloadTaskTypes({ force: true }).then(() => {
                     void this.syncPanelInitialFilters();
                     this.refreshNonce.update((value) => value + 1);
                     this.schedulerComponent()?.refresh();
@@ -2712,7 +2721,7 @@ class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
     }
     syncTaskTypesToViewModel(value) {
         const raw = this.normalizeStringArrayFilterValue(value);
-        const newNames = normalizeTaskTypeFilterNames(raw, this.vm.taskTypes());
+        const newNames = normalizeTaskTypeFilterNames(raw, this.vm.taskTypeOptions());
         const currentNames = this.vm.selectedTaskTypeNames();
         if (!isEqual(sortBy(currentNames), sortBy(newNames))) {
             this.vm.setSelectedTaskTypeNames(newNames, this.isQueryParam());
@@ -3325,7 +3334,7 @@ class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
         const dueStatus = snapshot.getAll('dueStatus');
         if (type.length || assignee.length || priority.length || reporter.length || dueStatus.length) {
             this.isQueryParam.set(true);
-            this.vm.setSelectedTaskTypeNames(normalizeTaskTypeFilterNames(type, this.vm.taskTypes()), true);
+            this.vm.setSelectedTaskTypeNames(normalizeTaskTypeFilterNames(type, this.vm.taskTypeOptions()), true);
             this.vm.setSelectedAssigneeIds(assignee, true);
             this.vm.setSelectedReporterIds(reporter, true);
             this.vm.setSelectedPriorities(normalizeTaskBoardPriorityFilterKeys(priority), true);
@@ -3428,4 +3437,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }] } });
 
 export { AXMTaskBoardPage };
-//# sourceMappingURL=acorex-modules-task-management-task-board.page-FFhsAyHF.mjs.map
+//# sourceMappingURL=acorex-modules-task-management-task-board.page-BMTjJlry.mjs.map