@acorex/modules 20.2.4-next.3 → 20.2.4-next.5

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

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { inject, Injector, Injectable, output, viewChild, computed, signal, effect, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { AXPAuthGuard } from '@acorex/platform/auth';
 import { AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER } from '@acorex/platform/core';
-import { ROUTES } from '@angular/router';
+import { ROUTES, RouterLink } from '@angular/router';
 import { AXButtonComponent } from '@acorex/components/button';
 import { AXChipsComponent } from '@acorex/components/chips';
 import { AXDecoratorIconComponent, AXDecoratorGenericComponent } from '@acorex/components/decorators';
@@ -15,6 +15,7 @@ import { AXFormatPipe } from '@acorex/core/format';
 import { AXTranslatorPipe } from '@acorex/core/translation';
 import * as i1$1 from '@acorex/platform/layout/builder';
 import { AXPLayoutWidgetComponent, cloneProperty, AXPWidgetsCatalog, AXPWidgetGroupEnum, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
+import { AXCalendarService } from '@acorex/core/date-time';
 import { AXMCalendarManagementService, AXMCalendarManagementModule } from '@acorex/modules/calendar-management';
 import { AXP_WORKFLOW_TASK_PROVIDER } from '@acorex/platform/workflow';
 import { Subject } from 'rxjs';
@@ -134,7 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             type: Injectable
         }] });
 
-const VALID_PRIORITIES = ['highest', 'high', 'medium', 'low', 'lowest'];
+const VALID_PRIORITIES$1 = ['highest', 'high', 'medium', 'low', 'lowest'];
 const NO_PRIORITY_KEY = 'no_priority';
 const PRIORITY_ORDER = {
     highest: 0,
@@ -144,7 +145,6 @@ const PRIORITY_ORDER = {
     lowest: 4,
     no_priority: 5,
 };
-const DEFAULT_TASK_TYPE = { name: 'all', title: 'All', icon: 'fa-solid fa-list' };
 class AXPTaskBoardWidgetViewComponent extends AXPLayoutWidgetComponent {
     constructor() {
         super(...arguments);
@@ -156,12 +156,12 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutWidgetComponent {
         // Configuration options
         this.maxItems = computed(() => this.options()?.maxItems ?? 10, ...(ngDevMode ? [{ debugName: "maxItems" }] : []));
         this.assignee = computed(() => this.options()?.assignee ?? [], ...(ngDevMode ? [{ debugName: "assignee" }] : []));
-        this.taskType = computed(() => this.options()?.taskType ?? DEFAULT_TASK_TYPE, ...(ngDevMode ? [{ debugName: "taskType" }] : []));
+        this.selectedTaskTypes = computed(() => this.options()?.taskTypes ?? [], ...(ngDevMode ? [{ debugName: "selectedTaskTypes" }] : []));
         this.sortBy = computed(() => this.options()?.sortBy ?? { title: 'Priority', name: 'priority' }, ...(ngDevMode ? [{ debugName: "sortBy" }] : []));
         // --- STATE AND DATA SIGNALS ---
         this.allTasks = signal([], ...(ngDevMode ? [{ debugName: "allTasks" }] : []));
         this.currentTask = signal(null, ...(ngDevMode ? [{ debugName: "currentTask" }] : []));
-        this.selectedPriorities = signal(new Set([...VALID_PRIORITIES, NO_PRIORITY_KEY]), ...(ngDevMode ? [{ debugName: "selectedPriorities" }] : []));
+        this.selectedPriorities = signal(new Set([...VALID_PRIORITIES$1, NO_PRIORITY_KEY]), ...(ngDevMode ? [{ debugName: "selectedPriorities" }] : []));
         // --- COMPUTED SIGNALS FOR UI ---
         /**
          * Computes a list of tasks that are filtered, sorted, and limited.
@@ -169,10 +169,11 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutWidgetComponent {
         this.filteredTasks = computed(() => {
             const tasks = this.allTasks();
             const limit = this.maxItems();
-            const taskType = this.taskType().name;
+            const selectedTypes = this.selectedTaskTypes();
             const selectedPrioritiesSet = this.selectedPriorities();
-            // 1. Filter by Task Type
-            const typeFiltered = taskType && taskType !== 'all' ? tasks.filter((task) => task.provider === taskType) : tasks;
+            // 1. Filter by Task Type (if any are selected)
+            const selectedTypeNames = new Set(selectedTypes.map((t) => t.name));
+            const typeFiltered = selectedTypes.length > 0 ? tasks.filter((task) => task.provider && selectedTypeNames.has(task.provider)) : tasks;
             // 2. Filter by selected Priorities
             const priorityFiltered = typeFiltered.filter((task) => {
                 const priorityKey = task.priority || NO_PRIORITY_KEY;
@@ -188,11 +189,12 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutWidgetComponent {
          */
         this.priorityBadges = computed(() => {
             const tasks = this.allTasks();
-            const taskType = this.taskType();
-            // 1. Filter by task type
-            const typeFiltered = taskType.name !== 'all' ? tasks.filter((task) => task.provider === taskType.name) : tasks;
+            const selectedTypes = this.selectedTaskTypes();
+            // 1. Filter by task type (if any are selected)
+            const selectedTypeNames = new Set(selectedTypes.map((t) => t.name));
+            const typeFiltered = selectedTypes.length > 0 ? tasks.filter((task) => task.provider && selectedTypeNames.has(task.provider)) : tasks;
             // 2. Count priorities from the filtered list
-            const counts = [...VALID_PRIORITIES, NO_PRIORITY_KEY].reduce((acc, key) => {
+            const counts = [...VALID_PRIORITIES$1, NO_PRIORITY_KEY].reduce((acc, key) => {
                 acc[key] = 0;
                 return acc;
             }, {});
@@ -201,7 +203,7 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutWidgetComponent {
                 counts[key]++;
             }
             // 3. Build badge models
-            const priorityBadges = VALID_PRIORITIES.map((p) => ({
+            const priorityBadges = VALID_PRIORITIES$1.map((p) => ({
                 name: p,
                 label: p.charAt(0).toUpperCase() + p.slice(1),
                 count: counts[p],
@@ -218,9 +220,10 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutWidgetComponent {
         this.#getTasks = effect(() => {
             const limit = this.maxItems();
             const assignee = this.assignee();
-            const taskType = this.taskType().name === 'all' ? [] : [this.taskType().name];
+            const selectedTypes = this.selectedTaskTypes();
+            const typeNames = selectedTypes.map((t) => t.name);
             this.taskBoardService
-                .getTasks({ take: limit, assigneeIds: assignee.map((a) => a.id), types: taskType })
+                .getTasks({ take: limit, assigneeIds: assignee.map((a) => a.id), types: typeNames })
                 .then((tasks) => {
                 this.allTasks.set(tasks.items);
             });
@@ -375,8 +378,8 @@ const AXPTaskBoardWidget = {
             title: '@dashboard:task-board.task-board-title',
             group: AXP_APPEARANCE_PROPERTY_GROUP,
             schema: {
-                defaultValue: 'Task Board',
                 dataType: 'string',
+                defaultValue: 'Task Board',
                 interface: {
                     name: 'title',
                     path: 'options.title',
@@ -401,13 +404,13 @@ const AXPTaskBoardWidget = {
             title: '@dashboard:task-board.task-type',
             group: AXP_APPEARANCE_PROPERTY_GROUP,
             schema: {
-                defaultValue: { name: 'all', title: 'All', icon: 'fa-solid fa-list' },
                 dataType: 'object',
                 interface: {
                     name: 'taskType',
                     path: 'options.taskType',
                     type: AXPWidgetsCatalog.select,
                     options: {
+                        multiple: true,
                         textField: 'title',
                         valueField: 'name',
                         dataSource: 'task-types',
@@ -422,8 +425,8 @@ const AXPTaskBoardWidget = {
             title: '@dashboard:task-board.sort-by',
             group: AXP_APPEARANCE_PROPERTY_GROUP,
             schema: {
-                defaultValue: 'priority',
-                dataType: 'string',
+                dataType: 'object',
+                defaultValue: { title: 'Priority', name: 'priority' },
                 interface: {
                     name: 'sortBy',
                     path: 'options.sortBy',
@@ -435,8 +438,8 @@ const AXPTaskBoardWidget = {
                             { title: 'Priority', name: 'priority' },
                             { title: 'Due Date', name: 'dueDate' },
                         ],
-                        direction: 'horizontal',
                         multiple: false,
+                        direction: 'horizontal',
                     },
                 },
             },
@@ -474,11 +477,11 @@ const AXPTaskBoardWidget = {
                     path: 'options.assignee',
                     type: AXPWidgetsCatalog.select,
                     options: {
+                        multiple: true,
                         valueField: 'id',
-                        textField: 'displayName',
-                        dataSource: 'users',
                         allowSearch: true,
-                        multiple: true,
+                        dataSource: 'users',
+                        textField: 'displayName',
                     },
                 },
             },
@@ -522,10 +525,9 @@ class AXPTaskTypeDataSourceDefinition {
                                     title: provider.title,
                                     icon: provider.icon,
                                 }));
-                                const finalItems = [{ name: 'all', title: 'All', icon: 'fa-solid fa-list' }, ...plainObjects];
                                 return {
-                                    items: finalItems,
-                                    total: finalItems.length,
+                                    items: plainObjects,
+                                    total: plainObjects.length,
                                 };
                             }
                             catch (e) {
@@ -599,6 +601,7 @@ class AXPTaskTypeDataSourceDefinition {
 
 class AXPTaskBoardService {
     constructor() {
+        this.calendarService = inject(AXCalendarService);
         this.calendarManagementService = inject(AXMCalendarManagementService);
         this.providers = inject(AXP_WORKFLOW_TASK_PROVIDER, { optional: true });
         this.refresh$ = new Subject();
@@ -698,6 +701,27 @@ class AXPTaskBoardService {
             return null;
         return this.providers?.find((p) => p.name === name) ?? null;
     }
+    rangeCalculator(type) {
+        switch (type) {
+            case 'today':
+                return {
+                    from: this.calendarService.create(new Date()).startOf('day').date,
+                    end: this.calendarService.create(new Date()).endOf('day').date,
+                };
+            case 'this-week':
+                return {
+                    from: this.calendarService.create(new Date()).startOf('week').date,
+                    end: this.calendarService.create(new Date()).endOf('week').date,
+                };
+            case 'this-month':
+                return {
+                    from: this.calendarService.create(new Date()).startOf('month').date,
+                    end: this.calendarService.create(new Date()).endOf('month').date,
+                };
+            default:
+                return undefined;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPTaskBoardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPTaskBoardService, providedIn: 'root' }); }
 }
@@ -727,7 +751,7 @@ function routesFactory() {
             children: [
                 {
                     path: '**',
-                    loadComponent: () => import('./acorex-modules-task-management-task-board.page-DsaCXemI.mjs').then((c) => c.AXMTaskBoardPage),
+                    loadComponent: () => import('./acorex-modules-task-management-task-board.page-zbl3g-sI.mjs').then((c) => c.AXMTaskBoardPage),
                 },
             ],
         },
@@ -870,14 +894,23 @@ async function taskFactory(injector) {
         name: RootConfig.entities.task.name,
         source: '',
         title: RootConfig.entities.task.title,
+        icon: RootConfig.entities.task.icon,
         formats: {
             individual: RootConfig.entities.task.title,
             plural: RootConfig.entities.task.titlePlural,
+            displayName: 'Task Information',
             searchResult: {
                 title: '{{ title }}',
                 description: '{{ description }}',
             },
         },
+        plugins: [
+            { name: 'history' },
+            { name: 'lock' },
+            { name: 'extra-properties' },
+            { name: 'attachments', options: { accept: '.jpg,.jpeg,.png,.pdf', multiple: true, fileEditable: true } },
+            { name: 'archive' },
+        ],
         relatedEntities: [
             {
                 entity: `${RootConfig.module.name}.${RootConfig.entities.taskChecklistItem.name}`,
@@ -903,22 +936,23 @@ async function taskFactory(injector) {
             },
             {
                 entity: `${RootConfig.module.name}.${RootConfig.entities.taskDependency.name}`,
+                layout: { type: 'page-list' },
                 title: RootConfig.entities.taskDependency.titlePlural,
                 columns: ['dependsOnTaskId', 'dependencyType', 'lagDays', 'isActive'],
                 conditions: [entityDetailsSimpleCondition('taskId')],
                 actions: [...entityDetailsCrudActions('taskId')],
             },
-            {
-                entity: `${RootConfig.module.name}.${RootConfig.entities.taskContext.name}`,
-                title: RootConfig.entities.taskContext.titlePlural,
-                columns: ['contextType', 'contextTitle', 'isPrimary'],
-                conditions: [entityDetailsSimpleCondition('taskId')],
-                actions: [...entityDetailsCrudActions('taskId')],
-            },
+            // {
+            //   entity: `${RootConfig.module.name}.${RootConfig.entities.taskContext.name}`,
+            //   title: RootConfig.entities.taskContext.titlePlural,
+            //   columns: ['contextType', 'contextTitle', 'isPrimary'],
+            //   conditions: [entityDetailsSimpleCondition('taskId')],
+            //   actions: [...entityDetailsCrudActions('taskId')],
+            // },
         ],
         groups: [
             {
-                id: 'basic',
+                id: 'basic-info',
                 title: '@general:terms.basic-info',
             },
             {
@@ -942,7 +976,7 @@ async function taskFactory(injector) {
             {
                 name: 'title',
                 title: '@general:terms.title',
-                groupId: 'basic',
+                groupId: 'basic-info',
                 options: {
                     sort: {
                         enabled: true,
@@ -971,7 +1005,7 @@ async function taskFactory(injector) {
             {
                 name: 'description',
                 title: '@general:terms.description',
-                groupId: 'basic',
+                groupId: 'basic-info',
                 options: {
                     sort: {
                         enabled: false,
@@ -1018,6 +1052,7 @@ async function taskFactory(injector) {
                         type: AXPWidgetsCatalog.lookup,
                         options: {
                             entity: `${RootConfig.module.name}.${RootConfig.entities.taskType.name}`,
+                            look: 'select',
                             expose: [
                                 { source: 'id', target: 'taskType.id' },
                                 { source: 'title', target: 'taskType.title' },
@@ -1054,6 +1089,7 @@ async function taskFactory(injector) {
                         type: AXPWidgetsCatalog.lookup,
                         options: {
                             entity: `${RootConfig.module.name}.${RootConfig.entities.taskStatus.name}`,
+                            look: 'select',
                             expose: [
                                 { source: 'id', target: 'status.id' },
                                 { source: 'title', target: 'status.title' },
@@ -1278,33 +1314,6 @@ async function taskFactory(injector) {
                     },
                 },
             },
-            {
-                name: 'tags',
-                title: '@general:terms.tags',
-                groupId: 'classification',
-                options: {
-                    sort: {
-                        enabled: false,
-                    },
-                    filter: {
-                        advance: {
-                            enabled: true,
-                        },
-                        inline: {
-                            enabled: false,
-                        },
-                    },
-                },
-                schema: {
-                    dataType: 'array',
-                    interface: {
-                        type: AXPWidgetsCatalog.tagable,
-                        options: {
-                            acceptCustomValue: true,
-                        },
-                    },
-                },
-            },
             {
                 name: 'parentTaskId',
                 title: '@task-management:task.parent-task',
@@ -1364,30 +1373,6 @@ async function taskFactory(injector) {
                     },
                 },
             },
-            {
-                name: 'isArchived',
-                title: '@general:terms.is-archived',
-                groupId: 'classification',
-                options: {
-                    sort: {
-                        enabled: true,
-                    },
-                    filter: {
-                        advance: {
-                            enabled: true,
-                        },
-                        inline: {
-                            enabled: true,
-                        },
-                    },
-                },
-                schema: {
-                    dataType: 'boolean',
-                    interface: {
-                        type: AXPWidgetsCatalog.toggle,
-                    },
-                },
-            },
             {
                 name: 'contextType',
                 title: '@task-management:task.context-type',
@@ -1470,11 +1455,24 @@ async function taskFactory(injector) {
                     interface: {
                         type: AXPWidgetsCatalog.lookup,
                         options: {
-                            entity: 'FormTemplateManagement.FormTemplate',
+                            entity: 'FormTemplateManagement.Template',
+                            textField: "title",
                             expose: [
                                 { source: 'id', target: 'formTemplate.id' },
                                 { source: 'title', target: 'formTemplate.title' },
                             ],
+                            filter: {
+                                logic: 'and',
+                                filters: [
+                                    {
+                                        field: 'typeId',
+                                        operator: {
+                                            type: 'equal',
+                                        },
+                                        value: 10,
+                                    },
+                                ],
+                            },
                         },
                     },
                 },
@@ -1489,7 +1487,6 @@ async function taskFactory(injector) {
             { name: 'progress' },
             { name: 'estimatedHours' },
             { name: 'actualHours' },
-            { name: 'isArchived' },
         ],
         commands: {
             create: {
@@ -1528,7 +1525,7 @@ async function taskFactory(injector) {
                 create: {
                     sections: [
                         {
-                            id: 'basic',
+                            id: 'basic-info',
                         },
                         {
                             id: 'classification',
@@ -1603,19 +1600,6 @@ async function taskFactory(injector) {
                                 },
                             },
                         },
-                        {
-                            name: 'tags',
-                            layout: {
-                                positions: {
-                                    default: {
-                                        colSpan: 12,
-                                    },
-                                    md: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
                         {
                             name: 'startDate',
                             layout: {
@@ -1722,7 +1706,7 @@ async function taskFactory(injector) {
                 update: {
                     sections: [
                         {
-                            id: 'basic',
+                            id: 'basic-info',
                         },
                         {
                             id: 'classification',
@@ -1797,19 +1781,6 @@ async function taskFactory(injector) {
                                 },
                             },
                         },
-                        {
-                            name: 'tags',
-                            layout: {
-                                positions: {
-                                    default: {
-                                        colSpan: 12,
-                                    },
-                                    md: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
                         {
                             name: 'startDate',
                             layout: {
@@ -1914,26 +1885,13 @@ async function taskFactory(injector) {
                                 },
                             },
                         },
-                        {
-                            name: 'isArchived',
-                            layout: {
-                                positions: {
-                                    default: {
-                                        colSpan: 12,
-                                    },
-                                    md: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
                     ],
                 },
                 single: {
                     title: '{{title}}',
                     sections: [
                         {
-                            id: 'basic',
+                            id: 'basic-info',
                             layout: {
                                 positions: {
                                     lg: {
@@ -2039,17 +1997,6 @@ async function taskFactory(injector) {
                                 },
                             },
                         },
-                        {
-                            name: 'tags',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 6,
-                                    },
-                                },
-                            },
-                        },
                         {
                             name: 'startDate',
                             layout: {
@@ -2128,34 +2075,34 @@ async function taskFactory(injector) {
                             },
                         },
                         {
-                            name: 'contextId',
+                            name: 'formTemplateId',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 14,
+                                        order: 13,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'parentTaskId',
+                            name: 'contextId',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 15,
+                                        order: 14,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'isArchived',
+                            name: 'parentTaskId',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 16,
+                                        order: 15,
                                     },
                                 },
                             },
@@ -2214,6 +2161,7 @@ async function taskAssignmentFactory(injector) {
         name: RootConfig.entities.taskAssignment.name,
         source: '',
         title: RootConfig.entities.taskAssignment.title,
+        icon: RootConfig.entities.taskAssignment.icon,
         formats: {
             individual: RootConfig.entities.taskAssignment.title,
             plural: RootConfig.entities.taskAssignment.titlePlural,
@@ -2625,6 +2573,7 @@ async function taskChecklistItemFactory(injector) {
         name: RootConfig.entities.taskChecklistItem.name,
         source: '',
         title: RootConfig.entities.taskChecklistItem.title,
+        icon: RootConfig.entities.taskChecklistItem.icon,
         formats: {
             individual: RootConfig.entities.taskChecklistItem.title,
             plural: RootConfig.entities.taskChecklistItem.titlePlural,
@@ -3161,6 +3110,7 @@ async function taskContextFactory(injector) {
         name: RootConfig.entities.taskContext.name,
         source: '',
         title: RootConfig.entities.taskContext.title,
+        icon: RootConfig.entities.taskContext.icon,
         formats: {
             individual: RootConfig.entities.taskContext.title,
             plural: RootConfig.entities.taskContext.titlePlural,
@@ -3503,6 +3453,7 @@ async function taskDependencyFactory(injector) {
         name: RootConfig.entities.taskDependency.name,
         source: '',
         title: RootConfig.entities.taskDependency.title,
+        icon: RootConfig.entities.taskDependency.icon,
         formats: {
             individual: RootConfig.entities.taskDependency.title,
             plural: RootConfig.entities.taskDependency.titlePlural,
@@ -3855,6 +3806,7 @@ async function taskStatusFactory(injector) {
         name: RootConfig.entities.taskStatus.name,
         source: '',
         title: RootConfig.entities.taskStatus.title,
+        icon: RootConfig.entities.taskStatus.icon,
         formats: {
             individual: RootConfig.entities.taskStatus.title,
             plural: RootConfig.entities.taskStatus.titlePlural,
@@ -4711,6 +4663,7 @@ async function taskTemplateFactory(injector) {
         name: RootConfig.entities.taskTemplate.name,
         source: '',
         title: RootConfig.entities.taskTemplate.title,
+        icon: RootConfig.entities.taskTemplate.icon,
         formats: {
             individual: RootConfig.entities.taskTemplate.title,
             plural: RootConfig.entities.taskTemplate.titlePlural,
@@ -5132,6 +5085,7 @@ async function taskTypeFactory(injector) {
         name: RootConfig.entities.taskType.name,
         source: '',
         title: RootConfig.entities.taskType.title,
+        icon: RootConfig.entities.taskType.icon,
         formats: {
             individual: RootConfig.entities.taskType.title,
             plural: RootConfig.entities.taskType.titlePlural,
@@ -5928,6 +5882,7 @@ async function timeLogFactory(injector) {
         name: RootConfig.entities.timeLog.name,
         source: '',
         title: RootConfig.entities.timeLog.title,
+        icon: RootConfig.entities.timeLog.icon,
         formats: {
             individual: RootConfig.entities.timeLog.title,
             plural: RootConfig.entities.timeLog.titlePlural,
@@ -6348,6 +6303,183 @@ var timeLog_entity = /*#__PURE__*/Object.freeze({
     timeLogFactory: timeLogFactory
 });
 
+class AXPTaskBoardShortcutViewComponent extends AXPLayoutWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.tasksCount = signal(0, ...(ngDevMode ? [{ debugName: "tasksCount" }] : []));
+        this.assignee = computed(() => this.options()?.assignee ?? [], ...(ngDevMode ? [{ debugName: "assignee" }] : []));
+        this.priority = computed(() => this.options()?.priority ?? [], ...(ngDevMode ? [{ debugName: "priority" }] : []));
+        this.selectedTaskTypes = computed(() => this.options()?.taskTypes ?? [], ...(ngDevMode ? [{ debugName: "selectedTaskTypes" }] : []));
+        this.dateRange = computed(() => this.options()?.dateRange ?? { title: 'This Month', name: 'this-month' }, ...(ngDevMode ? [{ debugName: "dateRange" }] : []));
+        this.title = computed(() => {
+            const types = this.selectedTaskTypes()
+                .map((t) => t.title)
+                .join(', ');
+            return types === '' ? 'All Tasks' : types;
+        }, ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.queryParams = computed(() => {
+            const dateRange = this.dateRange().name;
+            const assignee = this.assignee().map((a) => a.id);
+            const priority = this.priority().map((p) => p.name);
+            const type = this.selectedTaskTypes().map((t) => t.name);
+            return { type, priority, assignee, dateRange };
+        }, ...(ngDevMode ? [{ debugName: "queryParams" }] : []));
+        this.#taskCounter = effect(async () => {
+            const params = this.queryParams();
+            const range = this.taskBoardService.rangeCalculator(params.dateRange);
+            const options = {
+                range,
+                types: params.type,
+                priorities: params.priority,
+                assigneeIds: params.assignee,
+            };
+            this.taskBoardService.getTasks(options).then((t) => this.tasksCount.set(t.total));
+        }, ...(ngDevMode ? [{ debugName: "#taskCounter" }] : []));
+    }
+    #taskCounter;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPTaskBoardShortcutViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: AXPTaskBoardShortcutViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col ax-gap-3 ax-px-6 ax-pt-3 ax-pb-6 ax-h-full\">\n  <h1 class=\"ax-text-start ax-text-lg ax-font-medium ax-truncate ax-h-9\">{{ title() }}</h1>\n  <div class=\"ax-w-full ax-h-full ax-relative\">\n    <div class=\"ax-flex ax-flex-col ax-gap-2 ax-text-start\">\n      <h3 class=\"ax-text-xl ax-text-primary ax-text-nowrap\">{{ dateRange().title }}</h3>\n      <h1 class=\"ax-text-6xl ax-font-bold\">{{ tasksCount() }}</h1>\n    </div>\n    <a\n      [queryParams]=\"queryParams()\"\n      class=\"ax-absolute ax-bottom-0 ax-right-0\"\n      [routerLink]=\"['/TaskManagement/task-board']\"\n    >\n      <ax-button [text]=\"'View all'\" [look]=\"'link'\" class=\"ax-sm\" [color]=\"'primary'\">\n        <ax-suffix> <ax-icon class=\"fa-solid fa-external-link\"></ax-icon> </ax-suffix>\n      </ax-button>\n    </a>\n  </div>\n</div>\n", styles: [""], 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: 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: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPTaskBoardShortcutViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [AXButtonComponent, AXDecoratorIconComponent, AXDecoratorGenericComponent, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-flex ax-flex-col ax-gap-3 ax-px-6 ax-pt-3 ax-pb-6 ax-h-full\">\n  <h1 class=\"ax-text-start ax-text-lg ax-font-medium ax-truncate ax-h-9\">{{ title() }}</h1>\n  <div class=\"ax-w-full ax-h-full ax-relative\">\n    <div class=\"ax-flex ax-flex-col ax-gap-2 ax-text-start\">\n      <h3 class=\"ax-text-xl ax-text-primary ax-text-nowrap\">{{ dateRange().title }}</h3>\n      <h1 class=\"ax-text-6xl ax-font-bold\">{{ tasksCount() }}</h1>\n    </div>\n    <a\n      [queryParams]=\"queryParams()\"\n      class=\"ax-absolute ax-bottom-0 ax-right-0\"\n      [routerLink]=\"['/TaskManagement/task-board']\"\n    >\n      <ax-button [text]=\"'View all'\" [look]=\"'link'\" class=\"ax-sm\" [color]=\"'primary'\">\n        <ax-suffix> <ax-icon class=\"fa-solid fa-external-link\"></ax-icon> </ax-suffix>\n      </ax-button>\n    </a>\n  </div>\n</div>\n" }]
+        }] });
+
+var taskBoardShortcut_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTaskBoardShortcutViewComponent: AXPTaskBoardShortcutViewComponent
+});
+
+const VALID_PRIORITIES = [
+    { title: 'Highest', name: 'highest' },
+    { title: 'High', name: 'high' },
+    { title: 'Medium', name: 'medium' },
+    { title: 'Low', name: 'low' },
+    { title: 'Lowest', name: 'lowest' },
+    { title: 'No Priority', name: 'no_priority' },
+];
+const VALID_DATE_RANGES = [
+    { title: 'Today', name: 'today' },
+    { title: 'This Week', name: 'this-week' },
+    { title: 'This Month', name: 'this-month' },
+];
+const AXPTaskBoardShortcut = {
+    name: 'task-board-shortcut',
+    title: 'Task Board Shortcut',
+    categories: [AXP_WIDGETS_CHART_CATEGORY],
+    groups: [AXPWidgetGroupEnum.DashboardWidget],
+    type: 'dashboard',
+    icon: 'fa-light fa-clipboard-list-check',
+    properties: [
+        cloneProperty(AXP_DATA_PATH_PROPERTY, { visible: false }),
+        // ====== Task Type ======
+        {
+            order: 0,
+            name: 'taskTypes',
+            title: '@task-management:task-board.filter.task-type',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                dataType: 'object',
+                interface: {
+                    name: 'taskTypes',
+                    path: 'options.taskTypes',
+                    type: AXPWidgetsCatalog.select,
+                    options: {
+                        multiple: true,
+                        textField: 'title',
+                        valueField: 'name',
+                        dataSource: 'task-types',
+                    },
+                },
+            },
+            visible: true,
+        },
+        // ====== Asigned To ======
+        {
+            order: 1,
+            name: 'assignee',
+            title: '@task-management:task-board.filter.assignee',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                dataType: 'object',
+                interface: {
+                    name: 'assignee',
+                    path: 'options.assignee',
+                    type: AXPWidgetsCatalog.select,
+                    options: {
+                        multiple: true,
+                        valueField: 'id',
+                        allowSearch: true,
+                        dataSource: 'users',
+                        textField: 'displayName',
+                    },
+                },
+            },
+            visible: true,
+        },
+        // ====== Priority ======
+        {
+            order: 2,
+            name: 'priority',
+            title: '@task-management:task-board.filter.priority',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                dataType: 'object',
+                interface: {
+                    name: 'priority',
+                    path: 'options.priority',
+                    type: AXPWidgetsCatalog.select,
+                    options: {
+                        multiple: true,
+                        textField: 'title',
+                        valueField: 'name',
+                        dataSource: VALID_PRIORITIES,
+                    },
+                },
+            },
+            visible: true,
+        },
+        // ====== Date Range ======
+        {
+            order: 3,
+            name: 'dateRange',
+            title: '@task-management:task-board.filter.date-range',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                dataType: 'object',
+                defaultValue: { title: 'This Month', name: 'this-month' },
+                interface: {
+                    name: 'dateRange',
+                    path: 'options.dateRange',
+                    type: AXPWidgetsCatalog.select,
+                    options: {
+                        textField: 'title',
+                        valueField: 'name',
+                        dataSource: VALID_DATE_RANGES,
+                    },
+                },
+            },
+            visible: true,
+        },
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return taskBoardShortcut_component; }).then((c) => c.AXPTaskBoardShortcutViewComponent),
+        },
+    },
+    meta: {
+        dimensions: {
+            width: 2,
+            height: 3,
+            minWidth: 2,
+            minHeight: 3,
+            maxWidth: 3,
+            maxHeight: 5,
+        },
+    },
+};
+
 class AXMTaskManagementModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMTaskManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: AXMTaskManagementModule, imports: [CommonModule,
@@ -6433,7 +6565,7 @@ class AXMTaskManagementModule {
             AXPTaskBoardModule,
             AXMCalendarManagementModule,
             AXPLayoutBuilderModule.forChild({
-                widgets: [AXPTaskBoardWidget],
+                widgets: [AXPTaskBoardWidget, AXPTaskBoardShortcut],
             })] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMTaskManagementModule, decorators: [{
@@ -6444,7 +6576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                         AXPTaskBoardModule,
                         AXMCalendarManagementModule,
                         AXPLayoutBuilderModule.forChild({
-                            widgets: [AXPTaskBoardWidget],
+                            widgets: [AXPTaskBoardWidget, AXPTaskBoardShortcut],
                         }),
                     ],
                     providers: [