@acorex/modules 20.2.4-next.0 → 20.2.4-next.2

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

@@ -1,15 +1,26 @@
 import { AXPSearchCommandProvider, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
 import { AXP_ENTITY_CONFIG_TOKEN, AXPEntityService, AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterDeleteAction, entityDetailsCrudActions, entityDetailsSimpleCondition, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
-import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/common';
+import { CommonModule, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Injector, Injectable, NgModule } 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 { AXButtonComponent } from '@acorex/components/button';
+import { AXChipsComponent } from '@acorex/components/chips';
+import { AXDecoratorIconComponent, AXDecoratorGenericComponent } from '@acorex/components/decorators';
+import { AXContextMenuComponent } from '@acorex/components/menu';
+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 { AXMCalendarManagementService, AXMCalendarManagementModule } from '@acorex/modules/calendar-management';
 import { AXP_WORKFLOW_TASK_PROVIDER } from '@acorex/platform/workflow';
 import { Subject } from 'rxjs';
-import { AXPAuthGuard } from '@acorex/platform/auth';
-import { AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER } from '@acorex/platform/core';
-import { ROUTES } from '@angular/router';
-import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
+import { AXP_WIDGETS_CHART_CATEGORY } from '@acorex/modules/dashboard-management';
+import { AXP_APPEARANCE_PROPERTY_GROUP, AXP_DATA_PATH_PROPERTY } from '@acorex/platform/widgets';
+import { AXDataSource } from '@acorex/cdk/common';
 
 const config = {
     i18n: 'task-management',
@@ -123,6 +134,469 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             type: Injectable
         }] });
 
+const VALID_PRIORITIES = ['highest', 'high', 'medium', 'low', 'lowest'];
+const NO_PRIORITY_KEY = 'no_priority';
+const PRIORITY_ORDER = {
+    highest: 0,
+    high: 1,
+    medium: 2,
+    low: 3,
+    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);
+        // Outputs
+        this.taskClick = output();
+        // Dependencies
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.contextMenu = viewChild('contextMenu', ...(ngDevMode ? [{ debugName: "contextMenu" }] : []));
+        // 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.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" }] : []));
+        // --- COMPUTED SIGNALS FOR UI ---
+        /**
+         * Computes a list of tasks that are filtered, sorted, and limited.
+         */
+        this.filteredTasks = computed(() => {
+            const tasks = this.allTasks();
+            const limit = this.maxItems();
+            const taskType = this.taskType().name;
+            const selectedPrioritiesSet = this.selectedPriorities();
+            // 1. Filter by Task Type
+            const typeFiltered = taskType && taskType !== 'all' ? tasks.filter((task) => task.provider === taskType) : tasks;
+            // 2. Filter by selected Priorities
+            const priorityFiltered = typeFiltered.filter((task) => {
+                const priorityKey = task.priority || NO_PRIORITY_KEY;
+                return selectedPrioritiesSet.has(priorityKey);
+            });
+            // 3. Sort the filtered tasks
+            const sorted = this.sortTasks([...priorityFiltered]);
+            // 4. Limit the number of items
+            return sorted.slice(0, limit);
+        }, ...(ngDevMode ? [{ debugName: "filteredTasks" }] : []));
+        /**
+         * Generates the data for the priority filter chips in the header.
+         */
+        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;
+            // 2. Count priorities from the filtered list
+            const counts = [...VALID_PRIORITIES, NO_PRIORITY_KEY].reduce((acc, key) => {
+                acc[key] = 0;
+                return acc;
+            }, {});
+            for (const task of typeFiltered) {
+                const key = task.priority || NO_PRIORITY_KEY;
+                counts[key]++;
+            }
+            // 3. Build badge models
+            const priorityBadges = VALID_PRIORITIES.map((p) => ({
+                name: p,
+                label: p.charAt(0).toUpperCase() + p.slice(1),
+                count: counts[p],
+                color: this.getBadgeColorForPriority(p),
+            }));
+            const noPriorityBadge = {
+                name: NO_PRIORITY_KEY,
+                label: 'No Priority',
+                count: counts[NO_PRIORITY_KEY],
+                color: this.getBadgeColorForPriority(NO_PRIORITY_KEY),
+            };
+            return [...priorityBadges, noPriorityBadge];
+        }, ...(ngDevMode ? [{ debugName: "priorityBadges" }] : []));
+        this.#getTasks = effect(() => {
+            const limit = this.maxItems();
+            const assignee = this.assignee();
+            const taskType = this.taskType().name === 'all' ? [] : [this.taskType().name];
+            this.taskBoardService
+                .getTasks({ take: limit, assigneeIds: assignee.map((a) => a.id), types: taskType })
+                .then((tasks) => {
+                this.allTasks.set(tasks.items);
+            });
+        }, ...(ngDevMode ? [{ debugName: "#getTasks" }] : []));
+    }
+    #getTasks;
+    // --- SORTING COMPARATOR METHODS ---
+    /**
+     * Compares two tasks based on their priority.
+     */
+    compareByPriority(a, b) {
+        const priorityA = a.priority || NO_PRIORITY_KEY;
+        const priorityB = b.priority || NO_PRIORITY_KEY;
+        return PRIORITY_ORDER[priorityA] - PRIORITY_ORDER[priorityB];
+    }
+    /**
+     * Compares two tasks based on their due date.
+     */
+    compareByDueDate(a, b) {
+        const now = new Date().getTime();
+        const dateA = a.endDate ? new Date(a.endDate).getTime() : null;
+        const dateB = b.endDate ? new Date(b.endDate).getTime() : null;
+        if (dateA === null && dateB === null)
+            return 0;
+        if (dateA === null)
+            return 1;
+        if (dateB === null)
+            return -1;
+        const aIsInFuture = dateA >= now;
+        const bIsInFuture = dateB >= now;
+        if (aIsInFuture && !bIsInFuture)
+            return -1;
+        if (!aIsInFuture && bIsInFuture)
+            return 1;
+        return aIsInFuture ? dateA - dateB : dateB - dateA;
+    }
+    // --- EVENT HANDLERS ---
+    onPriorityFilterChange(priorityKey) {
+        this.selectedPriorities.update((currentSet) => {
+            const newSet = new Set(currentSet);
+            if (newSet.has(priorityKey)) {
+                newSet.delete(priorityKey);
+            }
+            else {
+                newSet.add(priorityKey);
+            }
+            return newSet;
+        });
+    }
+    onTaskClick(task) {
+        this.taskClick.emit(task);
+    }
+    onMoreOptionsClick(task, event) {
+        event.nativeEvent.stopPropagation();
+        this.currentTask.set(task);
+        const x = event.nativeEvent.clientX;
+        const y = event.nativeEvent.clientY;
+        const element = event.nativeEvent.target;
+        this.contextMenu()?.showAt({ x, y }, element);
+    }
+    handleContextMenuItemClick(event) {
+        this.taskBoardService.executeCommand(event.item.data?.command, this.currentTask()?.provider ?? '');
+    }
+    async handleContextMenuOnOpening(event) {
+        const currentTask = this.currentTask();
+        if (!currentTask)
+            return;
+        const providerName = currentTask.provider;
+        if (!providerName)
+            return;
+        const provider = this.taskBoardService.getProvider(providerName);
+        if (!provider)
+            return;
+        const actions = await provider.getActions(currentTask);
+        for (const item of actions) {
+            event.items.push({
+                text: item.title,
+                icon: item.icon,
+                data: {
+                    command: item.command,
+                },
+            });
+        }
+    }
+    // --- FORMATTING & UTILITY METHODS ---
+    getBadgeColorForPriority(priorityKey) {
+        if (priorityKey === NO_PRIORITY_KEY) {
+            return 'secondary';
+        }
+        const colorMap = {
+            highest: 'danger',
+            high: 'danger',
+            medium: 'warning',
+            low: 'success',
+            lowest: 'success',
+        };
+        return colorMap[priorityKey];
+    }
+    sortTasks(tasks) {
+        const sortBy = this.sortBy().name;
+        return tasks.sort((a, b) => {
+            if (sortBy === 'priority') {
+                const priorityCompare = this.compareByPriority(a, b);
+                if (priorityCompare !== 0)
+                    return priorityCompare;
+                return this.compareByDueDate(a, b);
+            }
+            else {
+                const dateCompare = this.compareByDueDate(a, b);
+                if (dateCompare !== 0)
+                    return dateCompare;
+                return this.compareByPriority(a, b);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", 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        <div\n          class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-14 ax-px-4 ax-text-gray-400 empty-state ax-gap-3\"\n        >\n          <i class=\"fa-light fa-clipboard-list-check ax-text-5xl ax-text-gray-300\"></i>\n          <p class=\"ax-text-center ax-font-medium\">\n            {{ 'task-board.noTasksFound' | translate: { scope: 'dashboard' } | async }}\n          </p>\n          <p class=\"ax-text-center ax-text-sm\">\n            {{ 'task-board.tryDifferentFilter' | translate: { scope: 'dashboard' } | async }}\n          </p>\n        </div>\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 rgba(0,0,0,.05)}.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 rgba(0,0,0,.05)}.empty-state{animation:fadeIn .5s ease}@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"] }, { 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: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        AsyncPipe,
+                        CommonModule,
+                        AXFormatPipe,
+                        AXChipsComponent,
+                        AXTranslatorPipe,
+                        AXButtonComponent,
+                        AXContextMenuComponent,
+                        AXDecoratorIconComponent,
+                        AXDecoratorGenericComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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        <div\n          class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-14 ax-px-4 ax-text-gray-400 empty-state ax-gap-3\"\n        >\n          <i class=\"fa-light fa-clipboard-list-check ax-text-5xl ax-text-gray-300\"></i>\n          <p class=\"ax-text-center ax-font-medium\">\n            {{ 'task-board.noTasksFound' | translate: { scope: 'dashboard' } | async }}\n          </p>\n          <p class=\"ax-text-center ax-text-sm\">\n            {{ 'task-board.tryDifferentFilter' | translate: { scope: 'dashboard' } | async }}\n          </p>\n        </div>\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 rgba(0,0,0,.05)}.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 rgba(0,0,0,.05)}.empty-state{animation:fadeIn .5s ease}@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"] }]
+        }] });
+
+var taskBoardWidget_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTaskBoardWidgetViewComponent: AXPTaskBoardWidgetViewComponent
+});
+
+const AXPTaskBoardWidget = {
+    name: 'task-board',
+    title: 'Task Board Widget',
+    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 }),
+        // ====== Title ======
+        {
+            order: 1,
+            name: 'title',
+            title: '@dashboard:task-board.task-board-title',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                defaultValue: 'Task Board',
+                dataType: 'string',
+                interface: {
+                    name: 'title',
+                    path: 'options.title',
+                    type: AXPWidgetsCatalog.text,
+                    options: {
+                        placeholder: 'Enter task board title',
+                    },
+                    triggers: [
+                        {
+                            event: `{{ events.context('options.taskType') }}`,
+                            action: `{{ widget.setValue(widget.find("taskType").output('item').title==='All' ? 'Task Board' : widget.find("taskType").output('item').title) }}`,
+                        },
+                    ],
+                },
+            },
+            visible: true,
+        },
+        // ====== Task Type ======
+        {
+            order: 0,
+            name: 'taskType',
+            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: {
+                        textField: 'title',
+                        valueField: 'name',
+                        dataSource: 'task-types',
+                    },
+                },
+            },
+            visible: true,
+        },
+        // ====== Sort By ======
+        {
+            name: 'sortBy',
+            title: '@dashboard:task-board.sort-by',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                defaultValue: 'priority',
+                dataType: 'string',
+                interface: {
+                    name: 'sortBy',
+                    path: 'options.sortBy',
+                    type: AXPWidgetsCatalog.select,
+                    options: {
+                        valueField: 'name',
+                        textField: 'title',
+                        dataSource: [
+                            { title: 'Priority', name: 'priority' },
+                            { title: 'Due Date', name: 'dueDate' },
+                        ],
+                        direction: 'horizontal',
+                        multiple: false,
+                    },
+                },
+            },
+            visible: true,
+        },
+        // ====== Display options ======
+        {
+            name: 'maxItems',
+            title: '@dashboard:task-board.max-items',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                defaultValue: 10,
+                dataType: 'number',
+                interface: {
+                    name: 'maxItems',
+                    path: 'options.maxItems',
+                    type: AXPWidgetsCatalog.number,
+                    options: {
+                        minValue: 1,
+                        maxValue: 50,
+                    },
+                },
+            },
+            visible: true,
+        },
+        // ====== Asigned To ======
+        {
+            name: 'assignee',
+            title: '@dashboard:task-board.asigned-to',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                dataType: 'object',
+                interface: {
+                    name: 'assignee',
+                    path: 'options.assignee',
+                    type: AXPWidgetsCatalog.select,
+                    options: {
+                        valueField: 'id',
+                        textField: 'displayName',
+                        dataSource: 'users',
+                        allowSearch: true,
+                        multiple: true,
+                    },
+                },
+            },
+            visible: true,
+        },
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return taskBoardWidget_component; }).then((c) => c.AXPTaskBoardWidgetViewComponent),
+        },
+    },
+    meta: {
+        dimensions: {
+            width: 3,
+            height: 7,
+            minWidth: 3,
+            minHeight: 4,
+            maxWidth: 6,
+            maxHeight: 8,
+        },
+    },
+};
+
+class AXPTaskTypeDataSourceDefinition {
+    constructor() {
+        this.taskBoardService = inject(AXPTaskBoardService);
+    }
+    items() {
+        return Promise.resolve([
+            {
+                name: 'task-types',
+                title: 'Task Type',
+                source: () => {
+                    return new AXDataSource({
+                        key: 'name',
+                        load: async (_) => {
+                            try {
+                                const providers = await this.taskBoardService.getTaskTypes();
+                                const plainObjects = providers.map((provider) => ({
+                                    name: provider.name,
+                                    title: provider.title,
+                                    icon: provider.icon,
+                                }));
+                                const finalItems = [{ name: 'all', title: 'All', icon: 'fa-solid fa-list' }, ...plainObjects];
+                                return {
+                                    items: finalItems,
+                                    total: finalItems.length,
+                                };
+                            }
+                            catch (e) {
+                                console.error(e);
+                                throw e;
+                            }
+                        },
+                        byKey: async (key) => {
+                            const providers = await this.taskBoardService.getTaskTypes();
+                            const provider = providers.find((item) => item.name === key);
+                            if (provider) {
+                                return {
+                                    name: provider.name,
+                                    title: provider.title,
+                                    icon: provider.icon,
+                                };
+                            }
+                            return undefined;
+                        },
+                        pageSize: 100,
+                    });
+                },
+                columns: [
+                    {
+                        name: 'name',
+                        title: 'Name',
+                        datatype: 'string',
+                        type: AXPWidgetsCatalog.text,
+                    },
+                    {
+                        name: 'title',
+                        title: `Title`,
+                        datatype: 'string',
+                        type: AXPWidgetsCatalog.text,
+                    },
+                    {
+                        name: 'icon',
+                        title: `Icon`,
+                        datatype: 'string',
+                        type: AXPWidgetsCatalog.text,
+                    },
+                ],
+                filters: [
+                    {
+                        field: 'title',
+                        title: 'Title',
+                        operator: {
+                            type: 'equal',
+                        },
+                        widget: {
+                            type: AXPWidgetsCatalog.text,
+                        },
+                        filterType: {
+                            advance: true,
+                            inline: true,
+                        },
+                    },
+                ],
+                textField: {
+                    name: 'title',
+                    title: 'Title',
+                },
+                valueField: {
+                    name: 'name',
+                    title: 'Name',
+                },
+            },
+        ]);
+    }
+}
+
 class AXPTaskBoardService {
     constructor() {
         this.calendarManagementService = inject(AXMCalendarManagementService);
@@ -130,61 +604,51 @@ class AXPTaskBoardService {
         this.refresh$ = new Subject();
     }
     async getTaskTypes() {
-        if (!this.providers || (this.providers?.length || 0) === 0) {
-            return [];
-        }
-        return this.providers;
+        return this.providers ?? [];
     }
     async getTasks(options) {
-        if (!this.providers || (this.providers?.length || 0) === 0) {
+        if (!this.providers || (this.providers?.length ?? 0) === 0) {
             console.warn('No task providers available');
             return { items: [], total: 0 };
         }
-        const filteredProviders = this.providers.filter((provider) => (options?.types?.length ?? 0) == 0 || options?.types?.includes(provider.name));
+        const filteredProviders = this.providers.filter((provider) => (options?.types?.length ?? 0) === 0 || options?.types?.includes(provider.name));
         if (filteredProviders.length === 0) {
             return { items: [], total: 0 };
         }
-        // For simplicity and alignment with grid view logic, we assume pagination works best
-        // when a single provider (task type) is selected.
+        // Single provider case - handles pagination efficiently at the source.
         if (filteredProviders.length === 1) {
             const provider = filteredProviders[0];
-            // The provider's getTasks method should now handle pagination and return the required structure.
             const result = await provider.getTasks(options);
-            // We add the provider name to the data of each task.
-            const itemsWithProvider = result.items.map((t) => ({ ...t, provider: provider.name, ...t.data }));
+            // Add provider name to each task for identification.
+            const itemsWithProvider = result.items.map((t) => ({ ...t, provider: provider.name }));
             return { items: itemsWithProvider, total: result.total };
         }
-        // Fallback for multiple providers (e.g., calendar view with 'All Types')
-        // This part will not support true backend pagination but will fetch all and merge.
+        // Multi-provider case - fetch filtered data then paginate client-side.
         const mergeData = [];
+        // Separate pagination from filtering to pass correct options to providers.
+        const { skip, take, ...providerOptions } = options ?? {};
         const promises = filteredProviders.map((provider) => 
-        // We ignore skip/take here as we are merging all results client-side
-        provider
-            .getTasks({ range: options?.range })
-            .then((result) => result.items.map((t) => ({ ...t, provider: provider.name, ...t.data }))));
+        // 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 results = await Promise.all(promises);
         for (const resultArray of results) {
             mergeData.push(...resultArray);
         }
-        // Apply pagination client-side in this multi-provider scenario
+        // Apply pagination client-side after merging the correctly filtered data.
         const total = mergeData.length;
-        const skip = options?.skip ?? 0;
-        const take = options?.take ?? total;
-        const items = mergeData.slice(skip, skip + take);
+        const finalSkip = skip ?? 0;
+        const finalTake = take ?? total;
+        const items = mergeData.slice(finalSkip, finalSkip + finalTake);
         return { items, total };
     }
     async updateTaskDateRange(task, range) {
-        if (!task.provider) {
-            throw new Error('Task provider not found');
-        }
-        const provider = this.providers?.find((p) => p.name === task.provider);
+        const provider = this.getProvider(task.provider);
         if (!provider) {
-            throw new Error('Task provider not found');
+            throw new Error(`Task provider '${task.provider}' not found`);
         }
-        // Create a task update object and call the new unified method
+        // Create a task update object and call the unified method
         const taskWithNewRange = { ...task, startDate: range.from, endDate: range.end };
         const updatedTasks = await provider.updateTasks([taskWithNewRange]);
-        // updateTasks returns an array, so we return the first (and only) element
         if (updatedTasks.length > 0) {
             return updatedTasks[0];
         }
@@ -196,34 +660,27 @@ class AXPTaskBoardService {
         if (!tasks || tasks.length === 0) {
             return [];
         }
-        if (!tasks[0].provider) {
-            throw new Error('Task provider not found');
-        }
         // Ensure all tasks are from the same provider before performing a bulk update
-        if (tasks.every((t) => t.provider === tasks[0].provider)) {
-            const provider = this.providers?.find((p) => p.name === tasks[0].provider);
-            if (!provider) {
-                throw new Error('Task provider not found');
-            }
-            // Directly call the new `updateTasks` method
-            const updatedTasks = await provider.updateTasks(tasks);
-            // The provider itself no longer adds the provider name, so we don't need to remap.
-            // The returned tasks from the provider should be complete.
-            return updatedTasks;
+        if (!tasks.every((t) => t.provider === tasks[0].provider)) {
+            throw new Error('All tasks must have the same provider for a bulk update.');
+        }
+        const provider = this.getProvider(tasks[0].provider);
+        if (!provider) {
+            throw new Error(`Task provider '${tasks[0].provider}' not found`);
         }
-        throw new Error('All tasks must have the same provider for a bulk update.');
+        return provider.updateTasks(tasks);
     }
     executeCommand(command, providerName) {
-        const provider = this.providers?.find((p) => p.name === providerName);
+        const provider = this.getProvider(providerName);
         if (!provider) {
-            throw new Error('Task provider not found');
+            throw new Error(`Task provider '${providerName}' not found`);
         }
         provider.executeCommand(command);
     }
     async getStatusName(key, providerName) {
-        const provider = this.providers?.find((p) => p.name === providerName);
+        const provider = this.getProvider(providerName);
         if (!provider) {
-            throw new Error('Task provider not found');
+            throw new Error(`Task provider '${providerName}' not found`);
         }
         const statuses = await provider.getStatuses();
         return statuses.find((s) => s.key === key)?.title ?? null;
@@ -239,10 +696,7 @@ class AXPTaskBoardService {
     getProvider(name) {
         if (!name)
             return null;
-        const provider = this.providers?.find((p) => p.name === name);
-        if (provider)
-            return provider;
-        return null;
+        return this.providers?.find((p) => p.name === name) ?? null;
     }
     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' }); }
@@ -273,7 +727,7 @@ function routesFactory() {
             children: [
                 {
                     path: '**',
-                    loadComponent: () => import('./acorex-modules-task-management-task-board.page-DbpqZaC7.mjs').then((c) => c.AXMTaskBoardPage),
+                    loadComponent: () => import('./acorex-modules-task-management-task-board.page-BBbHu2jz.mjs').then((c) => c.AXMTaskBoardPage),
                 },
             ],
         },
@@ -294,6 +748,11 @@ class AXPTaskBoardModule {
                 multi: true,
                 useValue: AXPTaskBoardListener,
             },
+            {
+                provide: AXP_DATASOURCE_DEFINITION_PROVIDER,
+                useClass: AXPTaskTypeDataSourceDefinition,
+                multi: true,
+            },
         ] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPTaskBoardModule, decorators: [{
@@ -311,6 +770,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                             multi: true,
                             useValue: AXPTaskBoardListener,
                         },
+                        {
+                            provide: AXP_DATASOURCE_DEFINITION_PROVIDER,
+                            useClass: AXPTaskTypeDataSourceDefinition,
+                            multi: true,
+                        },
                     ],
                 }]
         }] });
@@ -419,57 +883,37 @@ async function taskFactory(injector) {
                 entity: `${RootConfig.module.name}.${RootConfig.entities.taskChecklistItem.name}`,
                 title: RootConfig.entities.taskChecklistItem.titlePlural,
                 columns: ['title', 'isCompleted', 'completedBy', 'dueDate', 'assignedTo'],
-                conditions: [
-                    entityDetailsSimpleCondition('taskId')
-                ],
-                actions: [
-                    ...entityDetailsCrudActions('taskId'),
-                ],
+                conditions: [entityDetailsSimpleCondition('taskId')],
+                actions: [...entityDetailsCrudActions('taskId')],
             },
             {
                 entity: `${RootConfig.module.name}.${RootConfig.entities.taskAssignment.name}`,
                 title: RootConfig.entities.taskAssignment.titlePlural,
                 columns: ['userId', 'role', 'assignedBy', 'assignedAt', 'isActive'],
-                conditions: [
-                    entityDetailsSimpleCondition('taskId')
-                ],
-                actions: [
-                    ...entityDetailsCrudActions('taskId'),
-                ],
+                conditions: [entityDetailsSimpleCondition('taskId')],
+                actions: [...entityDetailsCrudActions('taskId')],
             },
             {
                 entity: `${RootConfig.module.name}.${RootConfig.entities.timeLog.name}`,
                 layoutType: 'page-list',
                 title: RootConfig.entities.timeLog.titlePlural,
                 columns: ['userId', 'startTime', 'duration', 'description', 'isApproved'],
-                conditions: [
-                    entityDetailsSimpleCondition('taskId')
-                ],
-                actions: [
-                    ...entityDetailsCrudActions('taskId'),
-                ],
+                conditions: [entityDetailsSimpleCondition('taskId')],
+                actions: [...entityDetailsCrudActions('taskId')],
             },
             {
                 entity: `${RootConfig.module.name}.${RootConfig.entities.taskDependency.name}`,
                 title: RootConfig.entities.taskDependency.titlePlural,
                 columns: ['dependsOnTaskId', 'dependencyType', 'lagDays', 'isActive'],
-                conditions: [
-                    entityDetailsSimpleCondition('taskId')
-                ],
-                actions: [
-                    ...entityDetailsCrudActions('taskId'),
-                ],
+                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'),
-                ],
+                conditions: [entityDetailsSimpleCondition('taskId')],
+                actions: [...entityDetailsCrudActions('taskId')],
             },
         ],
         groups: [
@@ -1045,7 +1489,7 @@ async function taskFactory(injector) {
             { name: 'progress' },
             { name: 'estimatedHours' },
             { name: 'actualHours' },
-            { name: 'isArchived' }
+            { name: 'isArchived' },
         ],
         commands: {
             create: {
@@ -1074,7 +1518,7 @@ async function taskFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                    return await dataService.query(e);
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -1728,13 +2172,13 @@ async function taskFactory(injector) {
                     ],
                 },
                 list: {
-                    actions: [
-                        ...entityMasterCrudActions(),
-                        entityMasterDeleteAction(),
-                    ],
+                    actions: [...entityMasterCrudActions(), entityMasterDeleteAction()],
                     views: [
                         createAllQueryView({
-                            sorts: [{ name: 'dueDate', dir: 'asc' }, { name: 'priority', dir: 'desc' }]
+                            sorts: [
+                                { name: 'dueDate', dir: 'asc' },
+                                { name: 'priority', dir: 'desc' },
+                            ],
                         }),
                     ],
                 },
@@ -1944,7 +2388,7 @@ async function taskAssignmentFactory(injector) {
             { name: 'role' },
             { name: 'assignedBy', options: { dataPath: 'assignedByUser.displayName' } },
             { name: 'assignedAt' },
-            { name: 'isActive' }
+            { name: 'isActive' },
         ],
         //#endregion
         //#region ----   Commands   ----
@@ -1977,7 +2421,7 @@ async function taskAssignmentFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                    return await dataService.query(e);
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -1987,10 +2431,7 @@ async function taskAssignmentFactory(injector) {
         interfaces: {
             master: {
                 create: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'settings' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'settings' }],
                     properties: [
                         {
                             name: 'userId',
@@ -2035,10 +2476,7 @@ async function taskAssignmentFactory(injector) {
                     ],
                 },
                 update: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'settings' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'settings' }],
                     properties: [
                         {
                             name: 'userId',
@@ -2147,12 +2585,10 @@ async function taskAssignmentFactory(injector) {
                     actions: [],
                 },
                 list: {
-                    actions: [
-                        ...entityDetailsCrudActions('taskId'),
-                    ],
+                    actions: [...entityDetailsCrudActions('taskId')],
                     views: [
                         createAllQueryView({
-                            sorts: [{ name: 'assignedAt', dir: 'desc' }]
+                            sorts: [{ name: 'assignedAt', dir: 'desc' }],
                         }),
                     ],
                 },
@@ -2240,9 +2676,7 @@ async function taskChecklistItemFactory(injector) {
                         },
                     },
                 },
-                validations: [
-                    { rule: 'required' },
-                ],
+                validations: [{ rule: 'required' }],
             },
             {
                 name: 'title',
@@ -2264,9 +2698,7 @@ async function taskChecklistItemFactory(injector) {
                         },
                     },
                 },
-                validations: [
-                    { rule: 'required' },
-                ],
+                validations: [{ rule: 'required' }],
             },
             {
                 name: 'description',
@@ -2310,9 +2742,7 @@ async function taskChecklistItemFactory(injector) {
                         },
                     },
                 },
-                validations: [
-                    { rule: 'required' },
-                ],
+                validations: [{ rule: 'required' }],
             },
             // Assignment
             {
@@ -2435,7 +2865,7 @@ async function taskChecklistItemFactory(injector) {
             { name: 'completedBy', options: { dataPath: 'completedByUser.displayName' } },
             { name: 'dueDate' },
             { name: 'assignedTo', options: { dataPath: 'assignedUser.displayName' } },
-            { name: 'order' }
+            { name: 'order' },
         ],
         //#endregion
         //#region ----   Commands   ----
@@ -2468,7 +2898,7 @@ async function taskChecklistItemFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                    return await dataService.query(e);
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -2478,10 +2908,7 @@ async function taskChecklistItemFactory(injector) {
         interfaces: {
             master: {
                 create: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'assignment' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'assignment' }],
                     properties: [
                         {
                             name: 'title',
@@ -2526,11 +2953,7 @@ async function taskChecklistItemFactory(injector) {
                     ],
                 },
                 update: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'assignment' },
-                        { id: 'status' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'assignment' }, { id: 'status' }],
                     properties: [
                         {
                             name: 'title',
@@ -2695,12 +3118,13 @@ async function taskChecklistItemFactory(injector) {
                     actions: [],
                 },
                 list: {
-                    actions: [
-                        ...entityDetailsCrudActions('taskId'),
-                    ],
+                    actions: [...entityDetailsCrudActions('taskId')],
                     views: [
                         createAllQueryView({
-                            sorts: [{ name: 'order', dir: 'asc' }, { name: 'title', dir: 'asc' }]
+                            sorts: [
+                                { name: 'order', dir: 'asc' },
+                                { name: 'title', dir: 'asc' },
+                            ],
                         }),
                     ],
                 },
@@ -2871,12 +3295,7 @@ async function taskContextFactory(injector) {
                 },
             },
         ],
-        columns: [
-            { name: 'contextType' },
-            { name: 'contextTitle' },
-            { name: 'contextId' },
-            { name: 'isPrimary' }
-        ],
+        columns: [{ name: 'contextType' }, { name: 'contextTitle' }, { name: 'contextId' }, { name: 'isPrimary' }],
         commands: {
             create: {
                 execute: async (data) => {
@@ -2904,7 +3323,7 @@ async function taskContextFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                    return await dataService.query(e);
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -2912,10 +3331,7 @@ async function taskContextFactory(injector) {
         interfaces: {
             master: {
                 create: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'settings' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'settings' }],
                     properties: [
                         {
                             name: 'contextType',
@@ -2952,10 +3368,7 @@ async function taskContextFactory(injector) {
                     ],
                 },
                 update: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'settings' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'settings' }],
                     properties: [
                         {
                             name: 'contextType',
@@ -3048,12 +3461,13 @@ async function taskContextFactory(injector) {
                     actions: [],
                 },
                 list: {
-                    actions: [
-                        ...entityDetailsCrudActions('taskId'),
-                    ],
+                    actions: [...entityDetailsCrudActions('taskId')],
                     views: [
                         createAllQueryView({
-                            sorts: [{ name: 'contextType', dir: 'asc' }, { name: 'contextTitle', dir: 'asc' }]
+                            sorts: [
+                                { name: 'contextType', dir: 'asc' },
+                                { name: 'contextTitle', dir: 'asc' },
+                            ],
                         }),
                     ],
                 },
@@ -3235,7 +3649,7 @@ async function taskDependencyFactory(injector) {
             { name: 'dependsOnTaskId', options: { dataPath: 'dependsOnTask.title' } },
             { name: 'dependencyType' },
             { name: 'lagDays' },
-            { name: 'isActive' }
+            { name: 'isActive' },
         ],
         commands: {
             create: {
@@ -3264,7 +3678,7 @@ async function taskDependencyFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                    return await dataService.query(e);
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -3272,10 +3686,7 @@ async function taskDependencyFactory(injector) {
         interfaces: {
             master: {
                 create: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'settings' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'settings' }],
                     properties: [
                         {
                             name: 'dependsOnTaskId',
@@ -3312,10 +3723,7 @@ async function taskDependencyFactory(injector) {
                     ],
                 },
                 update: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'settings' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'settings' }],
                     properties: [
                         {
                             name: 'dependsOnTaskId',
@@ -3408,12 +3816,10 @@ async function taskDependencyFactory(injector) {
                     actions: [],
                 },
                 list: {
-                    actions: [
-                        ...entityDetailsCrudActions('taskId'),
-                    ],
+                    actions: [...entityDetailsCrudActions('taskId')],
                     views: [
                         createAllQueryView({
-                            sorts: [{ name: 'dependencyType', dir: 'asc' }]
+                            sorts: [{ name: 'dependencyType', dir: 'asc' }],
                         }),
                     ],
                 },
@@ -3791,7 +4197,7 @@ async function taskStatusFactory(injector) {
             { name: 'order' },
             { name: 'isDefault' },
             { name: 'isFinal' },
-            { name: 'isActive' }
+            { name: 'isActive' },
         ],
         commands: {
             create: {
@@ -3820,7 +4226,7 @@ async function taskStatusFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                    return await dataService.query(e);
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -4266,7 +4672,10 @@ async function taskStatusFactory(injector) {
                     ],
                     views: [
                         createAllQueryView({
-                            sorts: [{ name: 'order', dir: 'asc' }, { name: 'title', dir: 'asc' }]
+                            sorts: [
+                                { name: 'order', dir: 'asc' },
+                                { name: 'title', dir: 'asc' },
+                            ],
                         }),
                     ],
                 },
@@ -4461,7 +4870,7 @@ async function taskTemplateFactory(injector) {
             { name: 'title' },
             { name: 'name' },
             { name: 'taskTypeId', options: { dataPath: 'taskType.title' } },
-            { name: 'isPublic' }
+            { name: 'isPublic' },
         ],
         commands: {
             create: {
@@ -4490,7 +4899,7 @@ async function taskTemplateFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                    return await dataService.query(e);
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -4498,11 +4907,7 @@ async function taskTemplateFactory(injector) {
         interfaces: {
             master: {
                 create: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'task-data' },
-                        { id: 'settings' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'task-data' }, { id: 'settings' }],
                     properties: [
                         {
                             name: 'title',
@@ -4555,11 +4960,7 @@ async function taskTemplateFactory(injector) {
                     ],
                 },
                 update: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'task-data' },
-                        { id: 'settings' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'task-data' }, { id: 'settings' }],
                     properties: [
                         {
                             name: 'title',
@@ -4689,18 +5090,13 @@ async function taskTemplateFactory(injector) {
                             },
                         },
                     ],
-                    actions: [
-                        entityMasterDeleteAction(),
-                    ],
+                    actions: [entityMasterDeleteAction()],
                 },
                 list: {
-                    actions: [
-                        ...entityMasterCrudActions(),
-                        entityMasterDeleteAction(),
-                    ],
+                    actions: [...entityMasterCrudActions(), entityMasterDeleteAction()],
                     views: [
                         createAllQueryView({
-                            sorts: [{ name: 'title', dir: 'asc' }]
+                            sorts: [{ name: 'title', dir: 'asc' }],
                         }),
                     ],
                 },
@@ -4750,17 +5146,13 @@ async function taskTypeFactory(injector) {
                 entity: `${RootConfig.module.name}.${RootConfig.entities.taskStatus.name}`,
                 title: RootConfig.entities.taskStatus.titlePlural,
                 columns: ['name', 'title', 'color', 'isDefault', 'isFinal', 'order'],
-                conditions: [
-                    entityDetailsSimpleCondition('taskTypeId')
-                ],
+                conditions: [entityDetailsSimpleCondition('taskTypeId')],
             },
             {
                 entity: `${RootConfig.module.name}.${RootConfig.entities.task.name}`,
                 title: RootConfig.entities.task.titlePlural,
                 columns: ['title', 'statusId', 'priority', 'dueDate', 'progress'],
-                conditions: [
-                    entityDetailsSimpleCondition('taskTypeId')
-                ],
+                conditions: [entityDetailsSimpleCondition('taskTypeId')],
             },
         ],
         //#endregion
@@ -4807,9 +5199,7 @@ async function taskTypeFactory(injector) {
                         },
                     },
                 },
-                validations: [
-                    { rule: 'required' },
-                ],
+                validations: [{ rule: 'required' }],
             },
             {
                 name: 'name',
@@ -4831,9 +5221,7 @@ async function taskTypeFactory(injector) {
                         },
                     },
                 },
-                validations: [
-                    { rule: 'required' },
-                ],
+                validations: [{ rule: 'required' }],
             },
             {
                 name: 'description',
@@ -5095,7 +5483,7 @@ async function taskTypeFactory(injector) {
             { name: 'isActive' },
             { name: 'hasChecklist' },
             { name: 'hasTimeTracking' },
-            { name: 'hasAttachments' }
+            { name: 'hasAttachments' },
         ],
         //#endregion
         //#region ----   Commands   ----
@@ -5128,7 +5516,7 @@ async function taskTypeFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                    return await dataService.query(e);
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -5138,12 +5526,7 @@ async function taskTypeFactory(injector) {
         interfaces: {
             master: {
                 create: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'configuration' },
-                        { id: 'features' },
-                        { id: 'settings' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'configuration' }, { id: 'features' }, { id: 'settings' }],
                     properties: [
                         {
                             name: 'title',
@@ -5252,12 +5635,7 @@ async function taskTypeFactory(injector) {
                     ],
                 },
                 update: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'configuration' },
-                        { id: 'features' },
-                        { id: 'settings' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'configuration' }, { id: 'features' }, { id: 'settings' }],
                     properties: [
                         {
                             name: 'title',
@@ -5507,18 +5885,13 @@ async function taskTypeFactory(injector) {
                             },
                         },
                     ],
-                    actions: [
-                        entityMasterDeleteAction(),
-                    ],
+                    actions: [entityMasterDeleteAction()],
                 },
                 list: {
-                    actions: [
-                        ...entityMasterCrudActions(),
-                        entityMasterDeleteAction(),
-                    ],
+                    actions: [...entityMasterCrudActions(), entityMasterDeleteAction()],
                     views: [
                         createAllQueryView({
-                            sorts: [{ name: 'title', dir: 'asc' }]
+                            sorts: [{ name: 'title', dir: 'asc' }],
                         }),
                     ],
                 },
@@ -5742,7 +6115,7 @@ async function timeLogFactory(injector) {
             { name: 'startTime' },
             { name: 'duration' },
             { name: 'description' },
-            { name: 'isApproved' }
+            { name: 'isApproved' },
         ],
         commands: {
             create: {
@@ -5771,7 +6144,7 @@ async function timeLogFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                    return await dataService.query(e);
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -5779,10 +6152,7 @@ async function timeLogFactory(injector) {
         interfaces: {
             master: {
                 create: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'time-details' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'time-details' }],
                     properties: [
                         {
                             name: 'userId',
@@ -5827,11 +6197,7 @@ async function timeLogFactory(injector) {
                     ],
                 },
                 update: {
-                    sections: [
-                        { id: 'basic-info' },
-                        { id: 'time-details' },
-                        { id: 'approval' },
-                    ],
+                    sections: [{ id: 'basic-info' }, { id: 'time-details' }, { id: 'approval' }],
                     properties: [
                         {
                             name: 'userId',
@@ -5964,12 +6330,10 @@ async function timeLogFactory(injector) {
                     actions: [],
                 },
                 list: {
-                    actions: [
-                        ...entityDetailsCrudActions('taskId'),
-                    ],
+                    actions: [...entityDetailsCrudActions('taskId')],
                     views: [
                         createAllQueryView({
-                            sorts: [{ name: 'startTime', dir: 'desc' }]
+                            sorts: [{ name: 'startTime', dir: 'desc' }],
                         }),
                     ],
                 },
@@ -5986,7 +6350,9 @@ var timeLog_entity = /*#__PURE__*/Object.freeze({
 
 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, AXPTaskBoardModule, AXMCalendarManagementModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: AXMTaskManagementModule, imports: [CommonModule,
+            AXPTaskBoardModule,
+            AXMCalendarManagementModule, i1$1.AXPLayoutBuilderModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMTaskManagementModule, providers: [
             // Entity Provider
             {
@@ -6063,12 +6429,24 @@ class AXMTaskManagementModule {
                 provide: AXMTaskTemplateService,
                 useClass: AXMTaskTemplateServiceImpl,
             },
-        ], imports: [CommonModule, AXPTaskBoardModule, AXMCalendarManagementModule] }); }
+        ], imports: [CommonModule,
+            AXPTaskBoardModule,
+            AXMCalendarManagementModule,
+            AXPLayoutBuilderModule.forChild({
+                widgets: [AXPTaskBoardWidget],
+            })] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMTaskManagementModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, AXPTaskBoardModule, AXMCalendarManagementModule],
+                    imports: [
+                        CommonModule,
+                        AXPTaskBoardModule,
+                        AXMCalendarManagementModule,
+                        AXPLayoutBuilderModule.forChild({
+                            widgets: [AXPTaskBoardWidget],
+                        }),
+                    ],
                     providers: [
                         // Entity Provider
                         {
@@ -6181,5 +6559,5 @@ class AXMSettingProvider {
  * Generated bundle index. Do not edit.
  */
 
-export { AXMSearchCommandProvider, AXMSettingProvider, AXMTaskAssignmentService, AXMTaskAssignmentServiceImpl, AXMTaskChecklistItemService, AXMTaskChecklistItemServiceImpl, AXMTaskContextService, AXMTaskContextServiceImpl, AXMTaskDependencyService, AXMTaskDependencyServiceImpl, AXMTaskManagementEntityProvider, AXMTaskManagementMenuProvider, AXMTaskManagementModule, AXMTaskService, AXMTaskServiceImpl, AXMTaskStatusService, AXMTaskStatusServiceImpl, AXMTaskTemplateService, AXMTaskTemplateServiceImpl, AXMTaskTypeService, AXMTaskTypeServiceImpl, AXMTimeLogService, AXMTimeLogServiceImpl, AXPTaskBoardModule, AXPTaskBoardService, RootConfig, taskAssignmentFactory, taskChecklistItemFactory, taskContextFactory, taskDependencyFactory, taskFactory, taskStatusFactory, taskTemplateFactory, taskTypeFactory, timeLogFactory };
+export { AXMSearchCommandProvider, AXMSettingProvider, AXMTaskAssignmentService, AXMTaskAssignmentServiceImpl, AXMTaskChecklistItemService, AXMTaskChecklistItemServiceImpl, AXMTaskContextService, AXMTaskContextServiceImpl, AXMTaskDependencyService, AXMTaskDependencyServiceImpl, AXMTaskManagementEntityProvider, AXMTaskManagementMenuProvider, AXMTaskManagementModule, AXMTaskService, AXMTaskServiceImpl, AXMTaskStatusService, AXMTaskStatusServiceImpl, AXMTaskTemplateService, AXMTaskTemplateServiceImpl, AXMTaskTypeService, AXMTaskTypeServiceImpl, AXMTimeLogService, AXMTimeLogServiceImpl, AXPTaskBoardModule, AXPTaskBoardService, AXPTaskBoardWidget, AXPTaskBoardWidgetViewComponent, AXPTaskTypeDataSourceDefinition, RootConfig, taskAssignmentFactory, taskChecklistItemFactory, taskContextFactory, taskDependencyFactory, taskFactory, taskStatusFactory, taskTemplateFactory, taskTypeFactory, timeLogFactory };
 //# sourceMappingURL=acorex-modules-task-management.mjs.map