@acorex/modules 21.0.0-next.42 → 21.0.0-next.44

package/fesm2022/{acorex-modules-task-management-acorex-modules-task-management-it-Lf0L_.mjs → acorex-modules-task-management-acorex-modules-task-management-DDUq9FpA.mjs}

@@ -5,7 +5,7 @@ import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { output, inject, viewChild, computed, signal, effect, ChangeDetectionStrategy, Component, NgModule, InjectionToken, DestroyRef, Injectable, Injector } from '@angular/core';
 import { AXP_HOME_PAGES, AXPSearchCommandProvider, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER, createAllQueryView, AXPEntityCommandScope } from '@acorex/platform/common';
-import { AXPAuthGuard, AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
+import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
 import { ROUTES, RouterLink } from '@angular/router';
 import { AXButtonComponent } from '@acorex/components/button';
 import { AXChipsComponent } from '@acorex/components/chips';
@@ -22,6 +22,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Subject } from 'rxjs';
 import { AXP_APPEARANCE_PROPERTY_GROUP, AXP_DATA_PATH_PROPERTY } from '@acorex/platform/layout/widgets';
 import { AXDataSource } from '@acorex/cdk/common';
+import { AXMUsersEntityService } from '@acorex/modules/security-management';
 import { AXPWidgetsList } from '@acorex/modules/common';
 
 const config = {
@@ -328,7 +329,7 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, deps: null, 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" }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <!-- Header with Priority Filter Chips -->\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-4\">\n    @for (badge of priorityBadges(); track badge.name) {\n      <ng-container>\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          >\n          </ax-chips>\n        }\n      </ng-container>\n    }\n  </div>\n\n  <!-- Task Board -->\n  <div class=\"ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    <div class=\"ax-space-y-2\">\n      @for (task of filteredTasks(); track task.id) {\n        <ng-container\n          [ngTemplateOutlet]=\"taskItemTemplateRef\"\n          [ngTemplateOutletContext]=\"{ $implicit: task }\"\n        ></ng-container>\n      } @empty {\n        <!-- Empty State -->\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        >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div class=\"ax-flex ax-gap-3 ax-items-center ax-p-3 task-item priority-{{ task.priority }}\">\n    <!-- Task Details -->\n    <div class=\"ax-overflow-hidden ax-grow ax-text-start\" (click)=\"onTaskClick(task)\">\n      <!-- Title and Priority -->\n      <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-2\">\n        <ax-title class=\"ax-font-medium ax-truncate ax-pb-1 ax-grow min-w-0\" [title]=\"task.title\">\n          {{ task.title }}\n        </ax-title>\n        <!-- More Options Button -->\n        <ax-button look=\"link\" class=\"ax-sm\" (onClick)=\"onMoreOptionsClick(task, $event)\">\n          <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n        </ax-button>\n      </div>\n\n      <!-- Metadata -->\n      @if (task.endDate || task.assignee) {\n        <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-pt-2 ax-text-xs\">\n          @if (task.endDate) {\n            <span class=\"ax-flex ax-items-center ax-gap-1 due-date\">\n              <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n              <ax-subtitle>{{ task.endDate | format: 'datetime' : { format: 'datetime' } | async }}</ax-subtitle>\n            </span>\n          }\n          @if (task.assignee) {\n            <span class=\"ax-flex ax-items-center ax-gap-1\">\n              @if (task.assignee.avatarUrl) {\n                <img [src]=\"task.assignee.avatarUrl\" class=\"ax-w-4 ax-h-4 ax-rounded-full\" />\n              } @else {\n                <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n              }\n              <ax-subtitle>{{ task.assignee.fullName }}</ax-subtitle>\n            </span>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ax-context-menu\n  #contextMenu\n  [closeOn]=\"'leave'\"\n  [orientation]=\"'vertical'\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n", styles: [":host{display:block;height:100%;width:100%}.task-item{transition:all .2s ease-in-out;border-left:3px solid transparent}.task-item:hover{background-color:rgba(var(--ax-sys-color-on-surface),.1);transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.task-item.priority-highest{border-left-color:rgb(var(--ax-sys-color-danger-500))}.task-item.priority-high{border-left-color:rgb(var(--ax-sys-color-danger-400))}.task-item.priority-medium{border-left-color:rgb(var(--ax-sys-color-warning-500))}.task-item.priority-low{border-left-color:rgb(var(--ax-sys-color-success-500))}.task-item.priority-lowest{border-left-color:rgb(var(--ax-sys-color-success-300))}.task-item:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ax-space-y-2>*{animation:slideInRight .3s ease forwards;opacity:0}.ax-space-y-2>*:nth-child(1){animation-delay:.05s}.ax-space-y-2>*:nth-child(2){animation-delay:.1s}.ax-space-y-2>*:nth-child(3){animation-delay:.15s}.ax-space-y-2>*:nth-child(4){animation-delay:.2s}.ax-space-y-2>*:nth-child(5){animation-delay:.25s}.ax-space-y-2>*:nth-child(6){animation-delay:.3s}.ax-space-y-2>*:nth-child(7){animation-delay:.35s}.ax-space-y-2>*:nth-child(8){animation-delay:.4s}.ax-space-y-2>*:nth-child(9){animation-delay:.45s}.ax-space-y-2>*:nth-child(10){animation-delay:.5s}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "text", "look", "size"], outputs: ["textChange", "lookChange", "sizeChange"] }, { 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: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], 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" }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <!-- Header with Priority Filter Chips -->\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-4\">\n    @for (badge of priorityBadges(); track badge.name) {\n      <ng-container>\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          >\n          </ax-chips>\n        }\n      </ng-container>\n    }\n  </div>\n\n  <!-- Task Board -->\n  <div class=\"ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    <div class=\"ax-space-y-2\">\n      @for (task of filteredTasks(); track task.id) {\n        <ng-container\n          [ngTemplateOutlet]=\"taskItemTemplateRef\"\n          [ngTemplateOutletContext]=\"{ $implicit: task }\"\n        ></ng-container>\n      } @empty {\n        <!-- Empty State -->\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        >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div class=\"ax-flex ax-gap-3 ax-items-center ax-p-3 task-item priority-{{ task.priority }}\">\n    <!-- Task Details -->\n    <div class=\"ax-overflow-hidden ax-grow ax-text-start\" (click)=\"onTaskClick(task)\">\n      <!-- Title and Priority -->\n      <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-2\">\n        <ax-title class=\"ax-font-medium ax-truncate ax-pb-1 ax-grow min-w-0\" [title]=\"task.title\">\n          {{ task.title }}\n        </ax-title>\n        <!-- More Options Button -->\n        <ax-button look=\"link\" class=\"ax-sm\" (onClick)=\"onMoreOptionsClick(task, $event)\">\n          <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n        </ax-button>\n      </div>\n\n      <!-- Metadata -->\n      @if (task.endDate || task.assignee) {\n        <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-pt-2 ax-text-xs\">\n          @if (task.endDate) {\n            <span class=\"ax-flex ax-items-center ax-gap-1 due-date\">\n              <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n              <ax-subtitle>{{ task.endDate | format: 'datetime' : { format: 'datetime' } | async }}</ax-subtitle>\n            </span>\n          }\n          @if (task.assignee) {\n            <span class=\"ax-flex ax-items-center ax-gap-1\">\n              @if (task.assignee.avatarUrl) {\n                <img [src]=\"task.assignee.avatarUrl\" class=\"ax-w-4 ax-h-4 ax-rounded-full\" />\n              } @else {\n                <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n              }\n              <ax-subtitle>{{ task.assignee.fullName }}</ax-subtitle>\n            </span>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ax-context-menu\n  #contextMenu\n  [closeOn]=\"'leave'\"\n  [orientation]=\"'vertical'\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n", styles: [":host{display:block;height:100%;width:100%}.task-item{transition:all .2s ease-in-out;border-left:3px solid transparent}.task-item:hover{background-color:rgba(var(--ax-sys-color-on-surface),.1);transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.task-item.priority-highest{border-left-color:rgb(var(--ax-sys-color-danger-500))}.task-item.priority-high{border-left-color:rgb(var(--ax-sys-color-danger-400))}.task-item.priority-medium{border-left-color:rgb(var(--ax-sys-color-warning-500))}.task-item.priority-low{border-left-color:rgb(var(--ax-sys-color-success-500))}.task-item.priority-lowest{border-left-color:rgb(var(--ax-sys-color-success-300))}.task-item:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ax-space-y-2>*{animation:slideInRight .3s ease forwards;opacity:0}.ax-space-y-2>*:nth-child(1){animation-delay:.05s}.ax-space-y-2>*:nth-child(2){animation-delay:.1s}.ax-space-y-2>*:nth-child(3){animation-delay:.15s}.ax-space-y-2>*:nth-child(4){animation-delay:.2s}.ax-space-y-2>*:nth-child(5){animation-delay:.25s}.ax-space-y-2>*:nth-child(6){animation-delay:.3s}.ax-space-y-2>*:nth-child(7){animation-delay:.35s}.ax-space-y-2>*:nth-child(8){animation-delay:.4s}.ax-space-y-2>*:nth-child(9){animation-delay:.45s}.ax-space-y-2>*:nth-child(10){animation-delay:.5s}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "text", "look", "size"], outputs: ["textChange", "lookChange", "sizeChange"] }, { 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: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, decorators: [{
             type: Component,
@@ -492,7 +493,7 @@ const AXPTaskBoardWidget = {
                         multiple: true,
                         valueField: 'id',
                         allowSearch: true,
-                        dataSource: 'users',
+                        dataSource: 'task-board-assignees',
                         textField: 'displayName',
                     },
                 },
@@ -626,6 +627,144 @@ class AXPTaskTypeDataSourceDefinition {
     }
 }
 
+const AXMPermissionsKeys = {
+    TaskManagement: {
+        Management: 'TaskManagement:Permission:Management',
+        Task: {
+            Management: 'TaskManagement:Permission:Task.Management',
+            ViewAll: 'TaskManagement:Permission:Task.ViewAll',
+        },
+    },
+};
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Permission Helpers   ----
+/** Permission to view and filter tasks across all assignees on the task board. */
+const AXM_TASK_VIEW_ALL_PERMISSION = AXMPermissionsKeys.TaskManagement.Task.ViewAll;
+/**
+ * Returns whether the current session may filter tasks by any assignee.
+ */
+function canViewAllTaskAssignees(sessionService) {
+    return sessionService.authorize(AXM_TASK_VIEW_ALL_PERMISSION);
+}
+/**
+ * Restricts assignee filter ids to the current user when {@link canViewAllTaskAssignees} is false.
+ */
+function normalizeTaskBoardAssigneeIds(sessionService, assigneeIds) {
+    if (canViewAllTaskAssignees(sessionService)) {
+        return assigneeIds;
+    }
+    const currentUserId = sessionService.user?.id;
+    return currentUserId != null ? [currentUserId] : [];
+}
+//#endregion
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Data Source   ----
+/** Task-board assignee picker: all users when permitted, otherwise only the signed-in user. */
+class AXMTaskBoardAssigneeDataSourceDefinition {
+    constructor() {
+        this.userService = inject(AXMUsersEntityService);
+        this.sessionService = inject(AXPSessionService);
+    }
+    items() {
+        return Promise.resolve([
+            {
+                name: 'task-board-assignees',
+                title: 'Task Board Assignees',
+                source: () => {
+                    return new AXDataSource({
+                        key: 'id',
+                        load: async () => {
+                            const currentUser = this.sessionService.user;
+                            if (!canViewAllTaskAssignees(this.sessionService)) {
+                                if (!currentUser?.id) {
+                                    return { items: [], total: 0 };
+                                }
+                                const selfItem = {
+                                    id: currentUser.id,
+                                    displayName: currentUser.title || currentUser.name,
+                                    username: currentUser.name,
+                                };
+                                return { items: [selfItem], total: 1 };
+                            }
+                            const res = await this.userService.query();
+                            const items = res.items.map((item) => ({
+                                ...item,
+                                displayName: item.displayName,
+                            }));
+                            return { items, total: res.total };
+                        },
+                        byKey: async (key) => {
+                            const userId = key;
+                            if (!canViewAllTaskAssignees(this.sessionService)) {
+                                const currentUser = this.sessionService.user;
+                                if (!currentUser?.id || currentUser.id !== userId) {
+                                    return null;
+                                }
+                                return {
+                                    id: currentUser.id,
+                                    displayName: currentUser.title || currentUser.name,
+                                    username: currentUser.name,
+                                };
+                            }
+                            return await this.userService.getOne(userId);
+                        },
+                        pageSize: 100,
+                    });
+                },
+                columns: [
+                    {
+                        name: 'id',
+                        title: 'ID',
+                        datatype: 'uuid',
+                        type: AXPWidgetsCatalog.text,
+                    },
+                    {
+                        name: 'displayName',
+                        title: 'Display Name',
+                        datatype: 'string',
+                        type: AXPWidgetsCatalog.text,
+                    },
+                    {
+                        name: 'username',
+                        title: 'Username',
+                        datatype: 'string',
+                        type: AXPWidgetsCatalog.text,
+                    },
+                ],
+                filters: [
+                    {
+                        field: 'username',
+                        title: 'Username',
+                        operator: {
+                            type: 'equal',
+                        },
+                        widget: {
+                            type: AXPWidgetsCatalog.text,
+                        },
+                        filterType: {
+                            advance: true,
+                            inline: true,
+                        },
+                    },
+                ],
+                textField: {
+                    name: 'displayName',
+                    title: 'Display Name',
+                },
+                valueField: {
+                    name: 'id',
+                    title: 'ID',
+                },
+            },
+        ]);
+    }
+}
+//#endregion
+
 function createAppRoute() {
     const config = inject(AXP_ENTITY_CONFIG_TOKEN);
     return {
@@ -637,7 +776,7 @@ function createAppRoute() {
         children: [
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-task-management-task-board.page-DF4XWz_0.mjs').then((c) => c.AXMTaskBoardPage),
+                loadComponent: () => import('./acorex-modules-task-management-task-board.page-C6j-_aSD.mjs').then((c) => c.AXMTaskBoardPage),
             },
         ],
     };
@@ -671,6 +810,11 @@ class AXPTaskBoardModule {
                 useClass: AXPTaskTypeDataSourceDefinition,
                 multi: true,
             },
+            {
+                provide: AXP_DATASOURCE_DEFINITION_PROVIDER,
+                useClass: AXMTaskBoardAssigneeDataSourceDefinition,
+                multi: true,
+            },
         ] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardModule, decorators: [{
@@ -699,6 +843,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             useClass: AXPTaskTypeDataSourceDefinition,
                             multi: true,
                         },
+                        {
+                            provide: AXP_DATASOURCE_DEFINITION_PROVIDER,
+                            useClass: AXMTaskBoardAssigneeDataSourceDefinition,
+                            multi: true,
+                        },
                     ],
                 }]
         }] });
@@ -972,6 +1121,7 @@ class AXPTaskBoardShortcutViewComponent extends AXPLayoutBaseWidgetComponent {
     constructor() {
         super(...arguments);
         this.taskBoardService = inject(AXPTaskBoardService);
+        this.sessionService = inject(AXPSessionService);
         this.tasksCount = signal(0, ...(ngDevMode ? [{ debugName: "tasksCount" }] : /* istanbul ignore next */ []));
         this.assignee = computed(() => this.options()?.['assignee'] ?? [], ...(ngDevMode ? [{ debugName: "assignee" }] : /* istanbul ignore next */ []));
         this.priority = computed(() => this.options()?.['priority'] ?? [], ...(ngDevMode ? [{ debugName: "priority" }] : /* istanbul ignore next */ []));
@@ -985,7 +1135,7 @@ class AXPTaskBoardShortcutViewComponent extends AXPLayoutBaseWidgetComponent {
         }, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
         this.queryParams = computed(() => {
             const dateRange = this.dateRange().name;
-            const assignee = this.assignee().map((a) => a.id);
+            const assignee = normalizeTaskBoardAssigneeIds(this.sessionService, this.assignee().map((a) => a.id)).map(String);
             const priority = this.priority().map((p) => p.name);
             const type = this.selectedTaskTypes().map((t) => t.name);
             return { type, priority, assignee, dateRange };
@@ -1085,7 +1235,7 @@ const AXPTaskBoardShortcut = {
                         multiple: true,
                         valueField: 'id',
                         allowSearch: true,
-                        dataSource: 'users',
+                        dataSource: 'task-board-assignees',
                         textField: 'displayName',
                     },
                 },
@@ -1183,17 +1333,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Injectable
         }] });
 
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Permission Definition Provider   ----
 class AXMPermissionDefinitionProvider {
+    constructor() {
+        this.translationService = inject(AXTranslationService);
+    }
     async define(context) {
-        // context.addPermissions([
-        //   {
-        //     name: 'view_templates',
-        //     title: 'Permission to view templates',
-        //     isArchived: false,
-        //   },
-        // ]);
+        const keys = AXMPermissionsKeys.TaskManagement;
+        const moduleTitle = await this.translationService.translateAsync('@task-management:module.title');
+        const taskTrans = (action) => this.translationService.translateAsync(`@task-management:task.permissions.task.${action}.title`);
+        const taskDescTrans = (action) => this.translationService.translateAsync(`@task-management:task.permissions.task.${action}.description`);
+        context
+            .addGroup(RootConfig.module.name, moduleTitle)
+            .addPermission(keys.Task.Management, await taskTrans('manage'))
+            .addChild(keys.Task.ViewAll, await taskTrans('view-all'), await taskDescTrans('view-all'))
+            .endPermission()
+            .endGroup();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPermissionDefinitionProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPermissionDefinitionProvider }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPermissionDefinitionProvider, decorators: [{
+            type: Injectable
+        }] });
 
 const AXPTaskManagementMenuKeys = {
     Root: 'task-management:menu',
@@ -1398,34 +1562,31 @@ function normalizePart(raw, partIds) {
 //#region ---- Imports ----
 //#endregion
 //#region ---- Settings Provider ----
+const I18N = `@${RootConfig.config.i18n}:settings`;
 class AXMSettingProvider {
-    constructor() {
-        this.translationService = inject(AXTranslationService);
-    }
     async provide(context) {
-        const trans = async (key) => await this.translationService.translateAsync(`@${RootConfig.config.i18n}:settings.${key}`);
-        const calendarModeDataSource = await Promise.all(AXM_TASK_BOARD_CALENDAR_VIEW_MODE_IDS.map(async (id) => ({
+        const calendarModeDataSource = AXM_TASK_BOARD_CALENDAR_VIEW_MODE_IDS.map((id) => ({
             value: id,
-            text: await trans(`task-management.taskboard.parts.calendar.mode-options.${id}`),
-        })));
-        const timelineModeDataSource = await Promise.all(AXM_TASK_BOARD_TIMELINE_VIEW_MODE_IDS.map(async (id) => ({
+            text: `${I18N}.task-management.taskboard.parts.calendar.mode-options.${id}`,
+        }));
+        const timelineModeDataSource = AXM_TASK_BOARD_TIMELINE_VIEW_MODE_IDS.map((id) => ({
             value: id,
-            text: await trans(`task-management.taskboard.parts.timeline.mode-options.${id}`),
-        })));
-        const tableModeDataSource = await Promise.all(AXM_TASK_BOARD_TABLE_VIEW_MODE_IDS.map(async (id) => ({
+            text: `${I18N}.task-management.taskboard.parts.timeline.mode-options.${id}`,
+        }));
+        const tableModeDataSource = AXM_TASK_BOARD_TABLE_VIEW_MODE_IDS.map((id) => ({
             value: id,
-            text: await trans(`task-management.taskboard.parts.table.mode-options.${id}`),
-        })));
-        const kanbanModeDataSource = await Promise.all(AXM_TASK_BOARD_KANBAN_VIEW_MODE_IDS.map(async (id) => ({
+            text: `${I18N}.task-management.taskboard.parts.table.mode-options.${id}`,
+        }));
+        const kanbanModeDataSource = AXM_TASK_BOARD_KANBAN_VIEW_MODE_IDS.map((id) => ({
             value: id,
-            text: await trans(`task-management.taskboard.parts.kanban.mode-options.${id}`),
-        })));
+            text: `${I18N}.task-management.taskboard.parts.kanban.mode-options.${id}`,
+        }));
         context
-            .addGroup('task-management', await trans('task-management.group.title'), await trans('task-management.group.description'), RootConfig.module.icon)
-            .addSection('taskboard', await trans('task-management.taskboard.section.title'), await trans('task-management.taskboard.section.description'))
+            .addGroup('task-management', `${I18N}.task-management.group.nav-title`, `${I18N}.task-management.group.description`, RootConfig.module.icon, `${I18N}.task-management.group.title`)
+            .addSection('taskboard', `${I18N}.task-management.taskboard.section.title`, `${I18N}.task-management.taskboard.section.description`)
             .addSetting({
             key: AXMTaskBoardSettings.VisibleCalendarModes,
-            title: await trans('task-management.taskboard.parts.calendar.title'),
+            title: `${I18N}.task-management.taskboard.parts.calendar.title`,
             scope: 'U',
             isInherited: true,
             defaultValue: [...AXM_TASK_BOARD_CALENDAR_VIEW_MODE_IDS],
@@ -1438,11 +1599,11 @@ class AXMSettingProvider {
                     dataSource: calendarModeDataSource,
                 },
             },
-            description: await trans('task-management.taskboard.parts.calendar.description'),
+            description: `${I18N}.task-management.taskboard.parts.calendar.description`,
         })
             .addSetting({
             key: AXMTaskBoardSettings.VisibleTimelineModes,
-            title: await trans('task-management.taskboard.parts.timeline.title'),
+            title: `${I18N}.task-management.taskboard.parts.timeline.title`,
             scope: 'U',
             isInherited: true,
             defaultValue: [...AXM_TASK_BOARD_TIMELINE_VIEW_MODE_IDS],
@@ -1455,11 +1616,11 @@ class AXMSettingProvider {
                     dataSource: timelineModeDataSource,
                 },
             },
-            description: await trans('task-management.taskboard.parts.timeline.description'),
+            description: `${I18N}.task-management.taskboard.parts.timeline.description`,
         })
             .addSetting({
             key: AXMTaskBoardSettings.VisibleTableModes,
-            title: await trans('task-management.taskboard.parts.table.title'),
+            title: `${I18N}.task-management.taskboard.parts.table.title`,
             scope: 'U',
             isInherited: true,
             defaultValue: [...AXM_TASK_BOARD_TABLE_VIEW_MODE_IDS],
@@ -1472,11 +1633,11 @@ class AXMSettingProvider {
                     dataSource: tableModeDataSource,
                 },
             },
-            description: await trans('task-management.taskboard.parts.table.description'),
+            description: `${I18N}.task-management.taskboard.parts.table.description`,
         })
             .addSetting({
             key: AXMTaskBoardSettings.VisibleKanbanModes,
-            title: await trans('task-management.taskboard.parts.kanban.title'),
+            title: `${I18N}.task-management.taskboard.parts.kanban.title`,
             scope: 'U',
             isInherited: true,
             defaultValue: [...AXM_TASK_BOARD_KANBAN_VIEW_MODE_IDS],
@@ -1489,7 +1650,7 @@ class AXMSettingProvider {
                     dataSource: kanbanModeDataSource,
                 },
             },
-            description: await trans('task-management.taskboard.parts.kanban.description'),
+            description: `${I18N}.task-management.taskboard.parts.kanban.description`,
         })
             .endSection()
             .endGroup();
@@ -6062,5 +6223,5 @@ var taskTemplate_entity = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXM_TASK_BOARD_ALL_VIEW_MODE_IDS as A, taskTemplateFactory as B, taskTypeFactory as C, timeLogFactory as D, RootConfig as R, AXMTaskBoardSettings as a, AXPTaskBoardService as b, AXMSearchCommandProvider as c, AXMSettingProvider as d, AXMTaskManagementEntityProvider as e, AXMTaskManagementMenuProvider as f, AXMTaskManagementModule as g, AXPTaskBoardModule as h, AXPTaskBoardShortcut as i, AXPTaskBoardShortcutViewComponent as j, AXPTaskBoardWidget as k, AXPTaskBoardWidgetViewComponent as l, AXPTaskPopoverComponent as m, normalizeVisibleTaskBoardModesByParts as n, AXPTaskTypeDataSourceDefinition as o, AXPWorkflowTaskProvider as p, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_BOARD as q, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_SHORTCUT as r, AXP_TASK_MANAGEMENT_DASHBOARD_WIDGET_CATEGORY as s, AXP_WORKFLOW_TASK_PROVIDER as t, taskAssignmentFactory as u, taskChecklistItemFactory as v, taskContextFactory as w, taskDependencyFactory as x, taskFactory as y, taskStatusFactory as z };
-//# sourceMappingURL=acorex-modules-task-management-acorex-modules-task-management-it-Lf0L_.mjs.map
+export { AXM_TASK_BOARD_ALL_VIEW_MODE_IDS as A, taskDependencyFactory as B, taskFactory as C, taskStatusFactory as D, taskTemplateFactory as E, taskTypeFactory as F, timeLogFactory as G, RootConfig as R, AXMTaskBoardSettings as a, normalizeVisibleTaskBoardModesByParts as b, canViewAllTaskAssignees as c, AXPTaskBoardService as d, AXMPermissionsKeys as e, AXMSearchCommandProvider as f, AXMSettingProvider as g, AXMTaskManagementEntityProvider as h, AXMTaskManagementMenuProvider as i, AXMTaskManagementModule as j, AXPTaskBoardModule as k, AXPTaskBoardShortcut as l, AXPTaskBoardShortcutViewComponent as m, normalizeTaskBoardAssigneeIds as n, AXPTaskBoardWidget as o, AXPTaskBoardWidgetViewComponent as p, AXPTaskPopoverComponent as q, AXPTaskTypeDataSourceDefinition as r, AXPWorkflowTaskProvider as s, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_BOARD as t, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_SHORTCUT as u, AXP_TASK_MANAGEMENT_DASHBOARD_WIDGET_CATEGORY as v, AXP_WORKFLOW_TASK_PROVIDER as w, taskAssignmentFactory as x, taskChecklistItemFactory as y, taskContextFactory as z };
+//# sourceMappingURL=acorex-modules-task-management-acorex-modules-task-management-DDUq9FpA.mjs.map