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

package/fesm2022/acorex-modules-task-management.mjs

@@ -802,11 +802,14 @@ class AXPTaskBoardService {
         this.eventService = inject(AXPBroadcastEventService);
         /** Cached resolved providers; set after first call to resolveProviders(). */
         this.resolvedProviders = null;
+        /** Cached resolved provider metadata; set together with {@link resolvedProviders}. */
+        this.resolvedTaskTypeOptions = null;
         this.refresh$ = new Subject();
         this.close$ = new Subject();
         this.openTask$ = new Subject();
         this.refresh$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.resolvedProviders = null;
+            this.resolvedTaskTypeOptions = null;
         });
         //
         this.eventService
@@ -857,20 +860,23 @@ class AXPTaskBoardService {
     /** Clears cached workflow task providers so the next resolve re-reads DI registrations. */
     clearProviderCache() {
         this.resolvedProviders = null;
+        this.resolvedTaskTypeOptions = null;
     }
     /**
      * Resolves workflow task providers. Uses the optional workflow resolver when registered so discovery
      * can be re-run after workflow definitions become available (first app load before mock seed).
      */
-    async resolveProviders() {
-        if (this.resolvedProviders !== null && this.resolvedProviders.length > 0) {
+    async resolveProviders(options) {
+        if (!options?.force &&
+            this.resolvedProviders !== null &&
+            this.resolvedProviders.length > 0) {
             return this.resolvedProviders;
         }
         let providers = [];
         if (this.providerResolver) {
-            providers = await this.providerResolver();
+            providers = await this.providerResolver(options);
             if (providers.length === 0) {
-                providers = await this.providerResolver({ force: true });
+                providers = await this.providerResolver({ ...options, force: true });
             }
         }
         else {
@@ -878,9 +884,21 @@ class AXPTaskBoardService {
         }
         if (providers.length > 0) {
             this.resolvedProviders = providers;
+            this.resolvedTaskTypeOptions = await this.resolveTaskTypeOptions(providers);
+        }
+        else {
+            this.resolvedProviders = null;
+            this.resolvedTaskTypeOptions = null;
         }
         return providers;
     }
+    async resolveTaskTypeOptions(providers) {
+        return Promise.all(providers.map(async (provider) => ({
+            name: provider.name,
+            title: await provider.getTitle(),
+            icon: await provider.getIcon(),
+        })));
+    }
     getInjectedProviderEntries() {
         const injected = this.injector.get(AXP_WORKFLOW_TASK_PROVIDER, null, { optional: true });
         if (injected == null) {
@@ -893,8 +911,21 @@ class AXPTaskBoardService {
         const flattened = resolved.flatMap((entry) => (Array.isArray(entry) ? entry : [entry]));
         return flattened.filter((provider) => provider != null && typeof provider.getTasks === 'function');
     }
-    async getTaskTypes() {
-        return this.resolveProviders();
+    async getTaskTypes(options) {
+        return this.resolveProviders(options);
+    }
+    /**
+     * Resolved provider metadata for UI filters and datasources.
+     * Call {@link resolveProviders} or {@link getTaskTypes} first.
+     */
+    getTaskTypeOptions() {
+        return this.resolvedTaskTypeOptions ?? [];
+    }
+    getTaskTypeOption(name) {
+        if (!name) {
+            return null;
+        }
+        return this.resolvedTaskTypeOptions?.find((option) => option.name === name) ?? null;
     }
     async getTasks(options) {
         const providers = await this.resolveProviders();
@@ -1999,13 +2030,13 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
         if (!task.provider) {
             return null;
         }
-        return this.taskBoardService.getProvider(task.provider)?.title ?? null;
+        return this.taskBoardService.getTaskTypeOption(task.provider)?.title ?? null;
     }
     getProviderIcon(task) {
         if (!task.provider) {
             return 'fa-light fa-layer-group';
         }
-        return this.taskBoardService.getProvider(task.provider)?.icon ?? 'fa-light fa-layer-group';
+        return this.taskBoardService.getTaskTypeOption(task.provider)?.icon ?? 'fa-light fa-layer-group';
     }
     getTypeFilteredTasks() {
         const tasks = this.allTasks();
@@ -2082,7 +2113,7 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTaskBoardWidgetViewComponent, isStandalone: true, selector: "ng-component", outputs: { taskClick: "taskClick" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-2\">\n    @for (badge of priorityBadges(); track badge.name) {\n      @if (badge.count > 0) {\n        <ax-chips\n          [size]=\"'ax-sm'\"\n          [color]=\"badge.color\"\n          class=\"ax-cursor-pointer filter-badge\"\n          [text]=\"`${badge.label} (${badge.count})`\"\n          (click)=\"onPriorityFilterChange(badge.name)\"\n          [look]=\"selectedPriorities().has(badge.name) ? 'solid' : 'outline'\"\n        ></ax-chips>\n      }\n    }\n  </div>\n\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-4\">\n    @for (badge of dueStatusBadges(); track badge.name) {\n      <ax-chips\n        [size]=\"'ax-sm'\"\n        [color]=\"badge.color\"\n        class=\"ax-cursor-pointer filter-badge\"\n        [text]=\"(badge.label | translate | async)! + ' (' + badge.count + ')'\"\n        (click)=\"onDueStatusFilterChange(badge.name)\"\n        [look]=\"selectedDueStatuses().has(badge.name) ? 'solid' : 'outline'\"\n      ></ax-chips>\n    }\n  </div>\n\n  <div class=\"ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    <div class=\"__list\">\n      @for (task of filteredTasks(); track task.id) {\n        <div class=\"__item\" (click)=\"onTaskClick(task, $event)\">\n          <div class=\"__accent\" [class]=\"getAccentClass(task)\" aria-hidden=\"true\"></div>\n\n          <div class=\"__content\">\n            <div class=\"__header\">\n              <p class=\"__title\" [title]=\"task.title\">{{ task.title }}</p>\n\n              @if (task.status.title) {\n                <ax-chips\n                  class=\"__status-chip\"\n                  [size]=\"'ax-sm'\"\n                  [look]=\"'twotone'\"\n                  [color]=\"getStatusColor(task)\"\n                  [text]=\"(task.status.title | translate | async)!\"\n                ></ax-chips>\n              }\n            </div>\n\n            <div class=\"__meta\">\n              @if (getProviderTitle(task); as providerTitle) {\n                <span class=\"__meta-item\" [title]=\"'@task-management:task-board.grid-headers.type' | translate | async\">\n                  <i [class]=\"getProviderIcon(task)\" aria-hidden=\"true\"></i>\n                  <span>{{ providerTitle | translate | async }}</span>\n                </span>\n              }\n\n              @if (hasExplicitDueDate(task) && task.endDate) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.due-date' | translate | async\"\n                >\n                  <i class=\"fa-light fa-calendar\" aria-hidden=\"true\"></i>\n                  <span>{{ task.endDate | format: 'datetime' : { format: 'datetime' } | async }}</span>\n                </span>\n              } @else if (task.createdAt) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.received' | translate | async\"\n                >\n                  <i class=\"fa-light fa-inbox\" aria-hidden=\"true\"></i>\n                  <span>{{ task.createdAt | format: 'datetime' : { format: 'datetime' } | async }}</span>\n                </span>\n              }\n\n              @if (task.reporter.fullName) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.reporter' | translate | async\"\n                >\n                  <i class=\"fa-light fa-user-pen\" aria-hidden=\"true\"></i>\n                  <span>{{ task.reporter.fullName }}</span>\n                </span>\n              } @else if (task.assignee; as assignee) {\n                @if (assignee.fullName) {\n                  <span\n                    class=\"__meta-item\"\n                    [title]=\"'@task-management:task-board.grid-headers.assignee' | translate | async\"\n                  >\n                    <i class=\"fa-light fa-user\" aria-hidden=\"true\"></i>\n                    <span>{{ assignee.fullName }}</span>\n                  </span>\n                }\n              }\n            </div>\n          </div>\n        </div>\n      } @empty {\n        <axp-state-message\n          icon=\"fa-light fa-clipboard-list-check\"\n          [title]=\"'@dashboard:task-board.no-tasks-found.title'\"\n          [description]=\"'@dashboard:task-board.no-tasks-found.description'\"\n        ></axp-state-message>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".__accent.axm-task-board-accent--primary{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--secondary{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-secondary-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--success{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-success-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--warning{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-warning-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--danger{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent1{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent1-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent2{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent2-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent3{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent3-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--neutral,.__accent.axm-task-board-accent--ghost{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host{display:block;width:100%;height:100%}.__list{display:flex;flex-direction:column;gap:.5rem}.__item{display:flex;cursor:pointer;align-items:stretch;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));text-align:start;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));transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.__item:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface));box-shadow:0 1px 4px rgba(var(--ax-sys-color-on-surface),.06)}.__item:active{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}.__item .__accent{width:3px;flex-shrink:0;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}.__item .__content{min-width:0px;flex:1 1 0%;padding:.625rem .75rem}.__item .__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.__item .__title{margin:0;min-width:0px;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1.375}.__item .__status-chip{max-width:45%;flex-shrink:0;pointer-events:none}.__item .__meta{margin-top:.375rem;display:flex;flex-wrap:wrap;align-items:center;column-gap:.75rem;row-gap:.375rem;font-size:.75rem;line-height:1rem;line-height:1.25;opacity:.8}.__item .__meta-item{display:inline-flex;min-width:0px;max-width:100%;align-items:center;gap:.25rem}.__item .__meta-item i{flex-shrink:0;font-size:.75rem;line-height:1rem;opacity:.85}.__item .__meta-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-badge{transition:transform .15s ease}.filter-badge:hover{transform:translateY(-1px)}.__list>.__item{animation:slideIn .25s ease forwards;opacity:0}.__list>.__item:nth-child(1){animation-delay:.04s}.__list>.__item:nth-child(2){animation-delay:.08s}.__list>.__item:nth-child(3){animation-delay:.12s}.__list>.__item:nth-child(4){animation-delay:.16s}.__list>.__item:nth-child(5){animation-delay:.2s}.__list>.__item:nth-child(6){animation-delay:.24s}.__list>.__item:nth-child(7){animation-delay:.28s}.__list>.__item:nth-child(8){animation-delay:.32s}.__list>.__item:nth-child(9){animation-delay:.36s}.__list>.__item:nth-child(10){animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "text", "look", "size"], outputs: ["textChange", "lookChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTaskBoardWidgetViewComponent, isStandalone: true, selector: "ng-component", outputs: { taskClick: "taskClick" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-2\">\n    @for (badge of priorityBadges(); track badge.name) {\n      @if (badge.count > 0) {\n        <ax-chips\n          [size]=\"'ax-sm'\"\n          [color]=\"badge.color\"\n          class=\"ax-cursor-pointer filter-badge\"\n          [text]=\"`${badge.label} (${badge.count})`\"\n          (click)=\"onPriorityFilterChange(badge.name)\"\n          [look]=\"selectedPriorities().has(badge.name) ? 'solid' : 'outline'\"\n        ></ax-chips>\n      }\n    }\n  </div>\n\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-4\">\n    @for (badge of dueStatusBadges(); track badge.name) {\n      <ax-chips\n        [size]=\"'ax-sm'\"\n        [color]=\"badge.color\"\n        class=\"ax-cursor-pointer filter-badge\"\n        [text]=\"(badge.label | translate | async)! + ' (' + badge.count + ')'\"\n        (click)=\"onDueStatusFilterChange(badge.name)\"\n        [look]=\"selectedDueStatuses().has(badge.name) ? 'solid' : 'outline'\"\n      ></ax-chips>\n    }\n  </div>\n\n  <div class=\"ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    <div class=\"__list\">\n      @for (task of filteredTasks(); track task.id) {\n        <div class=\"__item\" (click)=\"onTaskClick(task, $event)\">\n          <div class=\"__accent\" [class]=\"getAccentClass(task)\" aria-hidden=\"true\"></div>\n\n          <div class=\"__content\">\n            <div class=\"__header\">\n              <p class=\"__title\" [title]=\"task.title\">{{ task.title }}</p>\n\n              @if (task.status.title) {\n                <ax-chips\n                  class=\"__status-chip\"\n                  [size]=\"'ax-sm'\"\n                  [look]=\"'twotone'\"\n                  [color]=\"getStatusColor(task)\"\n                  [text]=\"(task.status.title | translate | async)!\"\n                ></ax-chips>\n              }\n            </div>\n\n            <div class=\"__meta\">\n              @if (getProviderTitle(task); as providerTitle) {\n                <span class=\"__meta-item\" [title]=\"'@task-management:task-board.grid-headers.type' | translate | async\">\n                  <i [class]=\"getProviderIcon(task)\" aria-hidden=\"true\"></i>\n                  <span>{{ providerTitle | translate | async }}</span>\n                </span>\n              }\n\n              @if (hasExplicitDueDate(task) && task.endDate) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.due-date' | translate | async\"\n                >\n                  <i class=\"fa-light fa-calendar\" aria-hidden=\"true\"></i>\n                  <span>{{ task.endDate | format: 'datetime' : { format: 'datetime' } | async }}</span>\n                </span>\n              } @else if (task.createdAt) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.received' | translate | async\"\n                >\n                  <i class=\"fa-light fa-inbox\" aria-hidden=\"true\"></i>\n                  <span>{{ task.createdAt | format: 'datetime' : { format: 'datetime' } | async }}</span>\n                </span>\n              }\n\n              @if (task.reporter.fullName) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.reporter' | translate | async\"\n                >\n                  <i class=\"fa-light fa-user-pen\" aria-hidden=\"true\"></i>\n                  <span>{{ task.reporter.fullName }}</span>\n                </span>\n              } @else if (task.assignee; as assignee) {\n                @if (assignee.fullName) {\n                  <span\n                    class=\"__meta-item\"\n                    [title]=\"'@task-management:task-board.grid-headers.assignee' | translate | async\"\n                  >\n                    <i class=\"fa-light fa-user\" aria-hidden=\"true\"></i>\n                    <span>{{ assignee.fullName }}</span>\n                  </span>\n                }\n              }\n            </div>\n          </div>\n        </div>\n      } @empty {\n        <axp-state-message\n          icon=\"fa-light fa-clipboard-list-check\"\n          [title]=\"'@dashboard:task-board.no-tasks-found.title'\"\n          [description]=\"'@dashboard:task-board.no-tasks-found.description'\"\n        ></axp-state-message>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".__accent.axm-task-board-accent--primary{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--secondary{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-secondary-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--success{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-success-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--warning{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-warning-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--danger{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent1{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent1-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent2{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent2-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent3{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent3-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--neutral,.__accent.axm-task-board-accent--ghost{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host{display:block;width:100%;height:100%}.__list{display:flex;flex-direction:column;gap:.5rem}.__item{display:flex;cursor:pointer;align-items:stretch;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));text-align:start;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));transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.__item:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface));box-shadow:0 1px 4px rgba(var(--ax-sys-color-on-surface),.06)}.__item:active{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}.__item .__accent{width:3px;flex-shrink:0;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}.__item .__content{min-width:0px;flex:1 1 0%;padding:.625rem .75rem}.__item .__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.__item .__title{margin:0;min-width:0px;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1.375}.__item .__status-chip{max-width:45%;flex-shrink:0;pointer-events:none}.__item .__meta{margin-top:.375rem;display:flex;flex-wrap:wrap;align-items:center;column-gap:.75rem;row-gap:.375rem;font-size:.75rem;line-height:1rem;line-height:1.25;opacity:.8}.__item .__meta-item{display:inline-flex;min-width:0px;max-width:100%;align-items:center;gap:.25rem}.__item .__meta-item i{flex-shrink:0;font-size:.75rem;line-height:1rem;opacity:.85}.__item .__meta-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-badge{transition:transform .15s ease}.filter-badge:hover{transform:translateY(-1px)}.__list>.__item{animation:slideIn .25s ease forwards;opacity:0}.__list>.__item:nth-child(1){animation-delay:.04s}.__list>.__item:nth-child(2){animation-delay:.08s}.__list>.__item:nth-child(3){animation-delay:.12s}.__list>.__item:nth-child(4){animation-delay:.16s}.__list>.__item:nth-child(5){animation-delay:.2s}.__list>.__item:nth-child(6){animation-delay:.24s}.__list>.__item:nth-child(7){animation-delay:.28s}.__list>.__item:nth-child(8){animation-delay:.32s}.__list>.__item:nth-child(9){animation-delay:.36s}.__list>.__item:nth-child(10){animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "text", "look", "size"], outputs: ["textChange", "lookChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, decorators: [{
             type: Component,
@@ -2317,14 +2348,14 @@ class AXPTaskTypeDataSourceDefinition {
                         load: async (_) => {
                             try {
                                 const providers = await this.taskBoardService.getTaskTypes();
-                                const plainObjects = providers.map((provider) => ({
+                                const items = await Promise.all(providers.map(async (provider) => ({
                                     name: provider.name,
-                                    title: provider.title,
-                                    icon: provider.icon,
-                                }));
+                                    title: await provider.getTitle(),
+                                    icon: await provider.getIcon(),
+                                })));
                                 return {
-                                    items: plainObjects,
-                                    total: plainObjects.length,
+                                    items,
+                                    total: items.length,
                                 };
                             }
                             catch (e) {
@@ -2335,14 +2366,14 @@ class AXPTaskTypeDataSourceDefinition {
                         byKey: async (key) => {
                             const providers = await this.taskBoardService.getTaskTypes();
                             const provider = providers.find((item) => item.name === key);
-                            if (provider) {
-                                return {
-                                    name: provider.name,
-                                    title: provider.title,
-                                    icon: provider.icon,
-                                };
+                            if (!provider) {
+                                return undefined;
                             }
-                            return undefined;
+                            return {
+                                name: provider.name,
+                                title: await provider.getTitle(),
+                                icon: await provider.getIcon(),
+                            };
                         },
                         pageSize: 100,
                     });
@@ -2520,7 +2551,7 @@ function createAppRoute() {
         children: [
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-task-management-task-board.page-FFhsAyHF.mjs').then((c) => c.AXMTaskBoardPage),
+                loadComponent: () => import('./acorex-modules-task-management-task-board.page-DTWxd_vG.mjs').then((c) => c.AXMTaskBoardPage),
             },
         ],
     };
@@ -2847,6 +2878,7 @@ class AXMTaskManagementMenuProvider {
         context.addItems([
             {
                 name: AXPTaskManagementMenuKeys.TaskBoard,
+                priority: 0,
                 text: '@task-management:task-board.page-title',
                 type: 'menu',
                 icon: 'fa-light fa-list-check',