@acorex/modules 21.0.0-next.37 → 21.0.0-next.40

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

@@ -1,26 +1,26 @@
 import { AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER } from '@acorex/platform/core';
 import { AXP_ENTITY_CONFIG_TOKEN, AXPEntityService, AXP_ENTITY_DEFINITION_LOADER, entityMasterCrudActions, entityMasterDeleteAction, entityDetailsSimpleCondition, entityMasterRecordActions, entityDetailsCrudActions } from '@acorex/platform/layout/entity';
 import * as i1 from '@angular/common';
-import { CommonModule, AsyncPipe } from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, signal, computed, effect, ChangeDetectionStrategy, Component, output, viewChild, InjectionToken, Injectable, NgModule, Injector } from '@angular/core';
+import { output, inject, viewChild, computed, signal, effect, ChangeDetectionStrategy, Component, InjectionToken, DestroyRef, Injectable, NgModule, 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 { RouterLink, 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';
-import * as i5 from '@acorex/core/translation';
-import { AXTranslationModule } from '@acorex/core/translation';
+import { AXContextMenuComponent } from '@acorex/components/menu';
+import { AXFormatPipe } from '@acorex/core/format';
+import * as i6 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { AXPStateMessageComponent } from '@acorex/platform/layout/components';
 import { AXPLayoutBaseWidgetComponent, AXPWidgetsCatalog, cloneProperty, AXPWidgetGroupEnum, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
 import { AXCalendarService } from '@acorex/core/date-time';
 import { AXMCalendarManagementService, AXMCalendarManagementModule } from '@acorex/modules/calendar-management';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Subject } from 'rxjs';
-import { AXP_WIDGETS_CHART_CATEGORY } from '@acorex/modules/dashboard-management';
 import { AXP_APPEARANCE_PROPERTY_GROUP, AXP_DATA_PATH_PROPERTY } from '@acorex/platform/layout/widgets';
-import { AXChipsComponent } from '@acorex/components/chips';
-import { AXContextMenuComponent } from '@acorex/components/menu';
-import { AXFormatPipe } from '@acorex/core/format';
-import { AXPStateMessageComponent } from '@acorex/platform/layout/components';
 import { AXDataSource } from '@acorex/cdk/common';
 import { AXPWidgetsList } from '@acorex/modules/common';
 
@@ -28,6 +28,8 @@ const config = {
     i18n: 'task-management',
     module: 'TaskManagement',
 };
+/** Dashboard widget type ids for task-management-hosted widgets (`{module}:Widget:Dashboard:{Segment}`). */
+const dashboardWidgetId = (segment) => `${config.module}:Widget:Dashboard:${segment}`;
 const RootConfig = {
     config,
     module: {
@@ -91,6 +93,10 @@ const RootConfig = {
             icon: 'fa-light fa-copy',
         },
     },
+    widgets: {
+        taskBoard: dashboardWidgetId('TaskBoard'),
+        taskBoardShortcut: dashboardWidgetId('TaskBoardShortcut'),
+    },
 };
 
 //#region ----   Imports   ----
@@ -110,206 +116,7 @@ const TaskManagementManifest = {
 };
 //#endregion
 
-class AXPTaskBoardShortcutViewComponent extends AXPLayoutBaseWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.taskBoardService = inject(AXPTaskBoardService);
-        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 */ []));
-        this.selectedTaskTypes = computed(() => this.options()?.['taskTypes'] ?? [], ...(ngDevMode ? [{ debugName: "selectedTaskTypes" }] : /* istanbul ignore next */ []));
-        this.dateRange = computed(() => this.options()?.['dateRange'] ?? { title: 'This Month', name: 'this-month' }, ...(ngDevMode ? [{ debugName: "dateRange" }] : /* istanbul ignore next */ []));
-        this.title = computed(() => {
-            const types = this.selectedTaskTypes()
-                .map((t) => t.title)
-                .join(', ');
-            return types === '' ? 'All Tasks' : types;
-        }, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-        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" }] : /* istanbul ignore next */ []));
-        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" }] : /* istanbul ignore next */ []));
-    }
-    #taskCounter;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardShortcutViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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() | translate | async }}</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 | translate | async }}</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: "ngmodule", type: CommonModule }, { 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"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardShortcutViewComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [
-                        CommonModule,
-                        AXButtonComponent,
-                        AXDecoratorIconComponent,
-                        AXDecoratorGenericComponent,
-                        RouterLink,
-                        AXTranslationModule,
-                    ], 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() | translate | async }}</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 | translate | async }}</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$1 = [
-    { 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$1,
-                    },
-                },
-            },
-            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: {
-            lg: {
-                width: 2,
-                height: 3,
-                minWidth: 2,
-                minHeight: 3,
-                maxWidth: 3,
-                maxHeight: 5,
-            },
-            md: {
-                width: 2,
-                height: 3,
-                minWidth: 2,
-                minHeight: 3,
-                maxWidth: 3,
-                maxHeight: 5,
-            },
-            sm: {
-                height: 3,
-                minHeight: 3,
-                maxHeight: 5,
-            },
-        },
-    },
-};
-
-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,
@@ -326,6 +133,7 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
         this.taskClick = output();
         // Dependencies
         this.taskBoardService = inject(AXPTaskBoardService);
+        this.translateService = inject(AXTranslationService);
         this.contextMenu = viewChild('contextMenu', ...(ngDevMode ? [{ debugName: "contextMenu" }] : /* istanbul ignore next */ []));
         // Configuration options
         this.maxItems = computed(() => this.options()?.['maxItems'] ?? 10, ...(ngDevMode ? [{ debugName: "maxItems" }] : /* istanbul ignore next */ []));
@@ -335,7 +143,7 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
         // --- STATE AND DATA SIGNALS ---
         this.allTasks = signal([], ...(ngDevMode ? [{ debugName: "allTasks" }] : /* istanbul ignore next */ []));
         this.currentTask = signal(null, ...(ngDevMode ? [{ debugName: "currentTask" }] : /* istanbul ignore next */ []));
-        this.selectedPriorities = signal(new Set([...VALID_PRIORITIES, NO_PRIORITY_KEY]), ...(ngDevMode ? [{ debugName: "selectedPriorities" }] : /* istanbul ignore next */ []));
+        this.selectedPriorities = signal(new Set([...VALID_PRIORITIES$1, NO_PRIORITY_KEY]), ...(ngDevMode ? [{ debugName: "selectedPriorities" }] : /* istanbul ignore next */ []));
         // --- COMPUTED SIGNALS FOR UI ---
         /**
          * Computes a list of tasks that are filtered, sorted, and limited.
@@ -368,7 +176,7 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
             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;
             }, {});
@@ -377,7 +185,7 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
                 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],
@@ -473,8 +281,14 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
             return;
         const actions = await provider.getActions(currentTask);
         for (const item of actions) {
+            const t = item.title;
+            const text = typeof t === 'string'
+                ? t.startsWith('@')
+                    ? await this.translateService.translateAsync(t)
+                    : t
+                : this.translateService.resolve(t);
             event.items.push({
-                text: item.title,
+                text,
                 icon: item.icon,
                 data: {
                     command: item.command,
@@ -514,12 +328,11 @@ 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: 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", "variant"] }, { 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,
             args: [{ standalone: true, imports: [
-                        AsyncPipe,
                         CommonModule,
                         AXFormatPipe,
                         AXChipsComponent,
@@ -536,10 +349,35 @@ var taskBoardWidget_component = /*#__PURE__*/Object.freeze({
     AXPTaskBoardWidgetViewComponent: AXPTaskBoardWidgetViewComponent
 });
 
+/**
+ * Parent tab for task-management dashboard widgets in the widget gallery.
+ */
+const AXP_TASK_MANAGEMENT_DASHBOARD_WIDGET_CATEGORY = {
+    name: 'tasks',
+    order: 4,
+    title: '@task-management:dashboard-widgets.widget-picker-category.tasks',
+};
+
+const SUB = '@task-management:dashboard-widgets.widget-picker-sub-categories';
+//#region ---- Task dashboard widget picker sub-categories ----
+const AXP_TASK_MANAGEMENT_DASHBOARD_SUB_SHORTCUT = {
+    name: 'task-dashboard-shortcut',
+    order: 1,
+    title: `${SUB}.shortcut`,
+};
+const AXP_TASK_MANAGEMENT_DASHBOARD_SUB_BOARD = {
+    name: 'task-dashboard-board',
+    order: 2,
+    title: `${SUB}.board`,
+};
+//#endregion
+
 const AXPTaskBoardWidget = {
-    name: 'task-board',
-    title: 'Task Board Widget',
-    categories: [AXP_WIDGETS_CHART_CATEGORY],
+    name: RootConfig.widgets.taskBoard,
+    title: '@dashboard:widgets.task-board-widget.widget-title',
+    description: '@dashboard:widgets.task-board-widget.widget-description',
+    categories: [AXP_TASK_MANAGEMENT_DASHBOARD_WIDGET_CATEGORY],
+    subCategory: AXP_TASK_MANAGEMENT_DASHBOARD_SUB_BOARD,
     groups: [AXPWidgetGroupEnum.DashboardWidget],
     type: 'dashboard',
     icon: 'fa-light fa-clipboard-list-check',
@@ -559,7 +397,7 @@ const AXPTaskBoardWidget = {
                     path: 'options.title',
                     type: AXPWidgetsCatalog.text,
                     options: {
-                        placeholder: 'Enter task board title',
+                        placeholder: '@dashboard:widgets.task-board-widget.title-placeholder',
                     },
                     triggers: [
                         {
@@ -808,9 +646,13 @@ class AXPTaskBoardService {
         this.calendarService = inject(AXCalendarService);
         this.calendarManagementService = inject(AXMCalendarManagementService);
         this.providers = inject(AXP_WORKFLOW_TASK_PROVIDER, { optional: true });
+        this.destroyRef = inject(DestroyRef);
         /** Cached resolved providers; set after first call to resolveProviders(). */
         this.resolvedProviders = null;
         this.refresh$ = new Subject();
+        this.refresh$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+            this.resolvedProviders = null;
+        });
     }
     /**
      * Resolves the providers array: if elements are Promises, awaits them and returns the resolved list.
@@ -853,9 +695,10 @@ class AXPTaskBoardService {
         const mergeData = [];
         // Separate pagination from filtering to pass correct options to providers.
         const { skip, take, ...providerOptions } = options ?? {};
-        const promises = filteredProviders.map((provider) => 
-        // Pass all filters (e.g., assigneeIds) but ignore pagination for now.
-        provider.getTasks(providerOptions).then((result) => result.items.map((t) => ({ ...t, provider: provider.name }))));
+        const listTake = options?.take != null && options.take > 0 ? options.take : 5000;
+        const promises = filteredProviders.map((provider) => provider
+            .getTasks({ ...providerOptions, skip: 0, take: listTake })
+            .then((result) => result.items.map((t) => ({ ...t, provider: provider.name }))));
         const results = await Promise.all(promises);
         for (const resultArray of results) {
             mergeData.push(...resultArray);
@@ -979,7 +822,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 const AXPTaskBoardListener = {
     key: 'task-board.refresh',
@@ -999,7 +842,7 @@ function createAppRoute() {
         children: [
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-task-management-task-board.page-C1H_GTqy.mjs').then((c) => c.AXMTaskBoardPage),
+                loadComponent: () => import('./acorex-modules-task-management-task-board.page-DA2563QE.mjs').then((c) => c.AXMTaskBoardPage),
             },
         ],
     };
@@ -1075,6 +918,207 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+class AXPTaskBoardShortcutViewComponent extends AXPLayoutBaseWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        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 */ []));
+        this.selectedTaskTypes = computed(() => this.options()?.['taskTypes'] ?? [], ...(ngDevMode ? [{ debugName: "selectedTaskTypes" }] : /* istanbul ignore next */ []));
+        this.dateRange = computed(() => this.options()?.['dateRange'] ?? { title: 'This Month', name: 'this-month' }, ...(ngDevMode ? [{ debugName: "dateRange" }] : /* istanbul ignore next */ []));
+        this.title = computed(() => {
+            const types = this.selectedTaskTypes()
+                .map((t) => t.title)
+                .join(', ');
+            return types === '' ? 'All Tasks' : types;
+        }, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        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" }] : /* istanbul ignore next */ []));
+        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" }] : /* istanbul ignore next */ []));
+    }
+    #taskCounter;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardShortcutViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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() | translate | async }}</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 | translate | async }}</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: "ngmodule", type: CommonModule }, { 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"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardShortcutViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        AXButtonComponent,
+                        AXDecoratorIconComponent,
+                        AXDecoratorGenericComponent,
+                        RouterLink,
+                        AXTranslationModule,
+                    ], 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() | translate | async }}</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 | translate | async }}</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: RootConfig.widgets.taskBoardShortcut,
+    title: '@dashboard:widgets.task-board-shortcut.widget-title',
+    description: '@dashboard:widgets.task-board-shortcut.widget-description',
+    categories: [AXP_TASK_MANAGEMENT_DASHBOARD_WIDGET_CATEGORY],
+    subCategory: AXP_TASK_MANAGEMENT_DASHBOARD_SUB_SHORTCUT,
+    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: {
+            lg: {
+                width: 2,
+                height: 3,
+                minWidth: 2,
+                minHeight: 3,
+                maxWidth: 3,
+                maxHeight: 5,
+            },
+            md: {
+                width: 2,
+                height: 3,
+                minWidth: 2,
+                minHeight: 3,
+                maxWidth: 3,
+                maxHeight: 5,
+            },
+            sm: {
+                height: 3,
+                minHeight: 3,
+                maxHeight: 5,
+            },
+        },
+    },
+};
+
 //#endregion
 //#region ----   Task Management Widgets Provider   ----
 const TASK_WIDGETS = [AXPTaskBoardWidget, AXPTaskBoardShortcut];
@@ -1128,6 +1172,16 @@ class AXMTaskManagementMenuProvider {
                 },
             },
             // {
+            //   name: AXPTaskManagementMenuKeys.Cartable,
+            //   text: '@task-management:cartable.menu-title',
+            //   type: 'menu',
+            //   icon: 'fa-light fa-inbox',
+            //   path: `${this.sessionService.application?.name}/${RootConfig.module.name}/cartable`,
+            //   policy: {
+            //     features: [module.name],
+            //   },
+            // },
+            // {
             //   name: AXPTaskManagementMenuKeys.Root,
             //   priority: 9003,
             //   text: '@task-management:root-menu',
@@ -5803,5 +5857,5 @@ var taskTemplate_entity = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXMSearchCommandProvider, AXMSettingProvider, AXMTaskManagementEntityProvider, AXMTaskManagementMenuProvider, AXMTaskManagementModule, AXPTaskBoardModule, AXPTaskBoardService, AXPTaskBoardShortcut, AXPTaskBoardShortcutViewComponent, AXPTaskBoardWidget, AXPTaskBoardWidgetViewComponent, AXPTaskTypeDataSourceDefinition, AXPWorkflowTaskProvider, AXP_WORKFLOW_TASK_PROVIDER, RootConfig, taskAssignmentFactory, taskChecklistItemFactory, taskContextFactory, taskDependencyFactory, taskFactory, taskStatusFactory, taskTemplateFactory, taskTypeFactory, timeLogFactory };
+export { AXMSearchCommandProvider, AXMSettingProvider, AXMTaskManagementEntityProvider, AXMTaskManagementMenuProvider, AXMTaskManagementModule, AXPTaskBoardModule, AXPTaskBoardService, AXPTaskBoardShortcut, AXPTaskBoardShortcutViewComponent, AXPTaskBoardWidget, AXPTaskBoardWidgetViewComponent, AXPTaskTypeDataSourceDefinition, AXPWorkflowTaskProvider, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_BOARD, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_SHORTCUT, AXP_TASK_MANAGEMENT_DASHBOARD_WIDGET_CATEGORY, AXP_WORKFLOW_TASK_PROVIDER, RootConfig, taskAssignmentFactory, taskChecklistItemFactory, taskContextFactory, taskDependencyFactory, taskFactory, taskStatusFactory, taskTemplateFactory, taskTypeFactory, timeLogFactory };
 //# sourceMappingURL=acorex-modules-task-management.mjs.map