@acorex/modules 21.0.0-next.51 → 21.0.0-next.53

package/fesm2022/{acorex-modules-task-management-acorex-modules-task-management-BL2IOcx3.mjs → acorex-modules-task-management-acorex-modules-task-management-LQn5gZ6p.mjs}

@@ -1,18 +1,20 @@
 import { AXP_DATASOURCE_DEFINITION_PROVIDER, AXPBroadcastEventService, 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 } from '@angular/common';
+import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { output, inject, viewChild, computed, signal, effect, ChangeDetectionStrategy, Component, NgModule, InjectionToken, DestroyRef, Injectable, Injector } from '@angular/core';
+import { output, inject, viewChild, computed, signal, effect, ChangeDetectionStrategy, Component, NgModule, InjectionToken, DestroyRef, Injectable, input, ViewEncapsulation, ElementRef, 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 { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
 import { ROUTES, RouterLink } from '@angular/router';
-import { AXButtonComponent } from '@acorex/components/button';
+import * as i1$1 from '@acorex/components/button';
+import { AXButtonComponent, AXButtonModule } from '@acorex/components/button';
 import { AXChipsComponent } from '@acorex/components/chips';
-import { AXDecoratorIconComponent, AXDecoratorGenericComponent } from '@acorex/components/decorators';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorIconComponent, AXDecoratorGenericComponent, AXDecoratorModule } from '@acorex/components/decorators';
 import { AXContextMenuComponent } from '@acorex/components/menu';
 import { AXFormatPipe } from '@acorex/core/format';
-import * as i6 from '@acorex/core/translation';
+import * as i5 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';
@@ -23,6 +25,10 @@ import { Subject } from 'rxjs';
 import { AXP_APPEARANCE_PROPERTY_GROUP, AXP_DATA_PATH_PROPERTY } from '@acorex/platform/layout/widgets';
 import { AXDataSource } from '@acorex/cdk/common';
 import { AXMUsersEntityService } from '@acorex/modules/security-management';
+import * as i3 from '@acorex/components/dropdown';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXOverlayService } from '@acorex/cdk/overlay';
+import { AXPlatform } from '@acorex/core/platform';
 import { AXPWidgetsList } from '@acorex/modules/common';
 
 const config = {
@@ -833,7 +839,7 @@ function createAppRoute() {
         children: [
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-task-management-task-board.page-DUIHtqnr.mjs').then((c) => c.AXMTaskBoardPage),
+                loadComponent: () => import('./acorex-modules-task-management-task-board.page-BokG-G6Z.mjs').then((c) => c.AXMTaskBoardPage),
             },
         ],
     };
@@ -1174,6 +1180,670 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * Returns tasks whose [startDate, endDate] overlaps the filter range (inclusive).
+ */
+function filterTasksOverlappingRange(tasks, range) {
+    if (!range?.from || !range?.end) {
+        return tasks;
+    }
+    const rangeStart = range.from.getTime();
+    const rangeEnd = range.end.getTime();
+    return tasks.filter((task) => {
+        const taskStart = new Date(task.startDate).getTime();
+        const taskEnd = new Date(task.endDate).getTime();
+        return taskStart <= rangeEnd && taskEnd >= rangeStart;
+    });
+}
+
+/** Width for a single icon-only row action column. */
+const TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH = '70px';
+/** Icon-only command that opens the task details popover. */
+const TASK_BOARD_GRID_ROW_VIEW_ACTION = {
+    name: 'view',
+    text: '@task-management:task-board.grid-headers.action-view',
+    icon: 'fa-light fa-ellipsis-vertical',
+    iconOnly: true,
+    look: 'blank',
+};
+const TASK_BOARD_GRID_ROW_ACTION_ITEMS = [TASK_BOARD_GRID_ROW_VIEW_ACTION];
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXMTaskBoardDefaultTaskPopoverComponent extends AXPTaskPopoverComponent {
+    constructor() {
+        super();
+        //#region ----   Inputs   ----
+        this.task = input.required(...(ngDevMode ? [{ debugName: "task" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Services & Dependencies   ----
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.calendarService = inject(AXCalendarService);
+        //#endregion
+        //#region ----   Actions   ----
+        this.taskActions = signal([], ...(ngDevMode ? [{ debugName: "taskActions" }] : /* istanbul ignore next */ []));
+        this.primaryActions = computed(() => this.taskActions().filter((action) => (action.priority ?? 'secondary') === 'primary'), ...(ngDevMode ? [{ debugName: "primaryActions" }] : /* istanbul ignore next */ []));
+        this.secondaryActions = computed(() => this.taskActions().filter((action) => (action.priority ?? 'secondary') === 'secondary'), ...(ngDevMode ? [{ debugName: "secondaryActions" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const currentTask = this.task();
+            if (!currentTask?.provider) {
+                this.taskActions.set([]);
+                return;
+            }
+            const provider = this.taskBoardService.getProvider(currentTask.provider);
+            if (!provider) {
+                this.taskActions.set([]);
+                return;
+            }
+            provider
+                .getActions(currentTask)
+                .then((actions) => this.taskActions.set((actions ?? []).map((action) => ({
+                ...action,
+                priority: action.priority ?? 'secondary',
+            }))))
+                .catch((error) => {
+                console.error('[TaskBoardDefaultTaskPopover] Failed to load actions:', error);
+                this.taskActions.set([]);
+            });
+        });
+    }
+    getActionColor(action) {
+        return action.color ?? null;
+    }
+    async executeAction(action) {
+        const currentTask = this.task();
+        if (!currentTask?.provider || !action.command) {
+            return;
+        }
+        try {
+            const result = await this.taskBoardService.executeCommand(action.command, currentTask.provider);
+            if (result?.success === false || result === null) {
+                return;
+            }
+            this.closePopover();
+            this.taskBoardService.requestRefresh(currentTask.provider);
+        }
+        catch (error) {
+            console.error('[TaskBoardDefaultTaskPopover] executeAction failed:', error);
+        }
+    }
+    //#endregion
+    //#region ----   Date Formatting   ----
+    formatDateRange(task) {
+        if (task.allDay) {
+            const start = this.calendarService.create(task.startDate);
+            const end = this.calendarService.create(task.endDate);
+            if (start.date.getTime() === end.date.getTime()) {
+                return this.formatDate(task.startDate);
+            }
+            const startFormatted = this.formatDate(task.startDate);
+            const endFormatted = this.formatDate(task.endDate);
+            if (start.date.getMonth() === end.date.getMonth() && start.date.getFullYear() === end.date.getFullYear()) {
+                const startDay = start.date.getDate();
+                const endDay = end.date.getDate();
+                const monthYear = start.format('MMM YYYY');
+                return `${startDay} - ${endDay}, ${monthYear}`;
+            }
+            return `${startFormatted} - ${endFormatted}`;
+        }
+        if (this.isMultiDay(task)) {
+            return `${this.formatDateTime(task.startDate)} - ${this.formatDateTime(task.endDate)}`;
+        }
+        const dateFormatted = this.formatDate(task.startDate);
+        const timeRange = `${this.formatTime(task.startDate)} - ${this.formatTime(task.endDate)}`;
+        return `${dateFormatted} ${timeRange}`;
+    }
+    formatTime(date) {
+        return this.calendarService.create(date).format('HH:mm');
+    }
+    formatDate(date) {
+        return this.calendarService.create(date).format('MMM DD, YYYY');
+    }
+    formatDateTime(date) {
+        return this.calendarService.create(date).format('MMM DD, YYYY HH:mm');
+    }
+    isMultiDay(task) {
+        if (task.allDay) {
+            const start = this.calendarService.create(task.startDate);
+            const end = this.calendarService.create(task.endDate);
+            return start.date.getTime() !== end.date.getTime();
+        }
+        const start = this.calendarService.create(task.startDate);
+        const end = this.calendarService.create(task.endDate);
+        return (start.date.getDate() !== end.date.getDate() ||
+            start.date.getMonth() !== end.date.getMonth() ||
+            start.date.getFullYear() !== end.date.getFullYear());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardDefaultTaskPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardDefaultTaskPopoverComponent, isStandalone: true, selector: "axm-task-board-default-task-popover", inputs: { task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @if (task().description) {
+      <p class="task-popover__description">{{ task().description }}</p>
+    }
+
+    <div class="task-popover__content">
+      <div class="task-popover__info-item">
+        <div class="task-popover__icon">
+          <i class="fa-light fa-clock"></i>
+        </div>
+        <div class="task-popover__info-content">
+          <span class="task-popover__info-text">{{ formatDateRange(task()) }}</span>
+        </div>
+      </div>
+
+      @if (task().status) {
+        <div class="task-popover__info-item">
+          <div class="task-popover__icon">
+            <i class="fa-light fa-flag"></i>
+          </div>
+          <div class="task-popover__info-content">
+            <span class="task-popover__info-text">{{ task().status.title }}</span>
+          </div>
+        </div>
+      }
+
+      @if (task().assignee) {
+        <div class="task-popover__info-item">
+          <div class="task-popover__icon">
+            <i class="fa-light fa-user"></i>
+          </div>
+          <div class="task-popover__info-content">
+            <span class="task-popover__info-text">{{
+              task().assignee?.fullName || task().assignee?.username || 'Unassigned'
+            }}</span>
+          </div>
+        </div>
+      }
+
+      @if (task().priority) {
+        <div class="task-popover__info-item">
+          <div class="task-popover__icon task-popover__icon--priority" [attr.data-priority]="task().priority">
+            <i class="fa-light fa-exclamation-circle"></i>
+          </div>
+          <div class="task-popover__info-content">
+            <span class="task-popover__info-text task-popover__priority" [attr.data-priority]="task().priority">
+              {{ task().priority }}
+            </span>
+          </div>
+        </div>
+      }
+    </div>
+
+    @if (taskActions().length > 0) {
+      <div class="task-popover__actions">
+        <div class="task-popover__actions-group">
+          @if (primaryActions().length > 0) {
+            @for (action of primaryActions(); track action.name || action.title) {
+              <ax-button
+                [look]="'solid'"
+                [color]="getActionColor(action)"
+                (onClick)="executeAction(action)"
+                [disabled]="action.disabled === true"
+                [text]="(action.title | translate | async)!"
+              >
+                @if (action.icon) {
+                  <ax-prefix>
+                    <ax-icon>
+                      <i [class]="action.icon"></i>
+                    </ax-icon>
+                  </ax-prefix>
+                }
+              </ax-button>
+            }
+          }
+
+          @if (secondaryActions().length > 0) {
+            <ax-button [look]="'blank'">
+              <ax-prefix>
+                <ax-icon icon="fa-light fa-ellipsis-vertical"></ax-icon>
+              </ax-prefix>
+              <ax-dropdown-panel>
+                <ax-button-item-list>
+                  @for (action of secondaryActions(); track action.name || action.title) {
+                    <ax-button-item
+                      [text]="(action.title | translate | async)!"
+                      [disabled]="action.disabled === true"
+                      (onClick)="executeAction(action)"
+                    >
+                      @if (action.icon) {
+                        <ax-prefix>
+                          <ax-icon>
+                            <i [class]="action.icon"></i>
+                          </ax-icon>
+                        </ax-prefix>
+                      }
+                    </ax-button-item>
+                  }
+                </ax-button-item-list>
+              </ax-dropdown-panel>
+            </ax-button>
+          }
+        </div>
+      </div>
+    }
+  `, isInline: true, styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__body{display:flex;flex-direction:column}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: i1$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardDefaultTaskPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-task-board-default-task-popover', template: `
+    @if (task().description) {
+      <p class="task-popover__description">{{ task().description }}</p>
+    }
+
+    <div class="task-popover__content">
+      <div class="task-popover__info-item">
+        <div class="task-popover__icon">
+          <i class="fa-light fa-clock"></i>
+        </div>
+        <div class="task-popover__info-content">
+          <span class="task-popover__info-text">{{ formatDateRange(task()) }}</span>
+        </div>
+      </div>
+
+      @if (task().status) {
+        <div class="task-popover__info-item">
+          <div class="task-popover__icon">
+            <i class="fa-light fa-flag"></i>
+          </div>
+          <div class="task-popover__info-content">
+            <span class="task-popover__info-text">{{ task().status.title }}</span>
+          </div>
+        </div>
+      }
+
+      @if (task().assignee) {
+        <div class="task-popover__info-item">
+          <div class="task-popover__icon">
+            <i class="fa-light fa-user"></i>
+          </div>
+          <div class="task-popover__info-content">
+            <span class="task-popover__info-text">{{
+              task().assignee?.fullName || task().assignee?.username || 'Unassigned'
+            }}</span>
+          </div>
+        </div>
+      }
+
+      @if (task().priority) {
+        <div class="task-popover__info-item">
+          <div class="task-popover__icon task-popover__icon--priority" [attr.data-priority]="task().priority">
+            <i class="fa-light fa-exclamation-circle"></i>
+          </div>
+          <div class="task-popover__info-content">
+            <span class="task-popover__info-text task-popover__priority" [attr.data-priority]="task().priority">
+              {{ task().priority }}
+            </span>
+          </div>
+        </div>
+      }
+    </div>
+
+    @if (taskActions().length > 0) {
+      <div class="task-popover__actions">
+        <div class="task-popover__actions-group">
+          @if (primaryActions().length > 0) {
+            @for (action of primaryActions(); track action.name || action.title) {
+              <ax-button
+                [look]="'solid'"
+                [color]="getActionColor(action)"
+                (onClick)="executeAction(action)"
+                [disabled]="action.disabled === true"
+                [text]="(action.title | translate | async)!"
+              >
+                @if (action.icon) {
+                  <ax-prefix>
+                    <ax-icon>
+                      <i [class]="action.icon"></i>
+                    </ax-icon>
+                  </ax-prefix>
+                }
+              </ax-button>
+            }
+          }
+
+          @if (secondaryActions().length > 0) {
+            <ax-button [look]="'blank'">
+              <ax-prefix>
+                <ax-icon icon="fa-light fa-ellipsis-vertical"></ax-icon>
+              </ax-prefix>
+              <ax-dropdown-panel>
+                <ax-button-item-list>
+                  @for (action of secondaryActions(); track action.name || action.title) {
+                    <ax-button-item
+                      [text]="(action.title | translate | async)!"
+                      [disabled]="action.disabled === true"
+                      (onClick)="executeAction(action)"
+                    >
+                      @if (action.icon) {
+                        <ax-prefix>
+                          <ax-icon>
+                            <i [class]="action.icon"></i>
+                          </ax-icon>
+                        </ax-prefix>
+                      }
+                    </ax-button-item>
+                  }
+                </ax-button-item-list>
+              </ax-dropdown-panel>
+            </ax-button>
+          }
+        </div>
+      </div>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXDropdownModule, AXTranslationModule], styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__body{display:flex;flex-direction:column}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { task: [{ type: i0.Input, args: [{ isSignal: true, alias: "task", required: true }] }] } });
+/**
+ * Resolves the popover component for a task: provider custom component or the default task popover.
+ */
+async function resolveTaskPopoverComponent(task, taskBoardService) {
+    const defaultType = AXMTaskBoardDefaultTaskPopoverComponent;
+    if (!task.provider) {
+        return defaultType;
+    }
+    const provider = taskBoardService.getProvider(task.provider);
+    if (!provider) {
+        return defaultType;
+    }
+    const componentGetter = provider.getComponent?.();
+    if (!componentGetter) {
+        return defaultType;
+    }
+    try {
+        if (typeof componentGetter !== 'function') {
+            return defaultType;
+        }
+        let result;
+        try {
+            result = componentGetter();
+        }
+        catch {
+            return componentGetter;
+        }
+        if (result instanceof Promise) {
+            return await result;
+        }
+        if (result) {
+            return result;
+        }
+        return componentGetter;
+    }
+    catch (error) {
+        console.error('[TaskPopover] Failed to load custom task popover component:', error);
+        return defaultType;
+    }
+}
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXMTaskBoardTaskPopoverShellComponent {
+    constructor() {
+        this.task = input.required(...(ngDevMode ? [{ debugName: "task" }] : /* istanbul ignore next */ []));
+        this.bodyComponent = input.required(...(ngDevMode ? [{ debugName: "bodyComponent" }] : /* istanbul ignore next */ []));
+        this.requestClose = input.required(...(ngDevMode ? [{ debugName: "requestClose" }] : /* istanbul ignore next */ []));
+        this.bodyInputs = computed(() => ({ task: this.task() }), ...(ngDevMode ? [{ debugName: "bodyInputs" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardTaskPopoverShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardTaskPopoverShellComponent, isStandalone: true, selector: "axm-task-board-task-popover-shell", inputs: { task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: true, transformFunction: null }, bodyComponent: { classPropertyName: "bodyComponent", publicName: "bodyComponent", isSignal: true, isRequired: true, transformFunction: null }, requestClose: { classPropertyName: "requestClose", publicName: "requestClose", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div class="task-popover">
+      <div class="task-popover__header">
+        <div class="task-popover__title-section">
+          <div class="task-popover__title-row">
+            <h3 class="task-popover__title" [title]="task().title">{{ task().title }}</h3>
+            <button type="button" class="task-popover__close-btn" (click)="requestClose()()" aria-label="Close">
+              <ax-icon class="ax-icon ax-icon-close"></ax-icon>
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div class="task-popover__body">
+        @if (bodyComponent()) {
+          <ng-container *ngComponentOutlet="bodyComponent()!; inputs: bodyInputs()" />
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__body{display:flex;flex-direction:column}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardTaskPopoverShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-task-board-task-popover-shell', template: `
+    <div class="task-popover">
+      <div class="task-popover__header">
+        <div class="task-popover__title-section">
+          <div class="task-popover__title-row">
+            <h3 class="task-popover__title" [title]="task().title">{{ task().title }}</h3>
+            <button type="button" class="task-popover__close-btn" (click)="requestClose()()" aria-label="Close">
+              <ax-icon class="ax-icon ax-icon-close"></ax-icon>
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div class="task-popover__body">
+        @if (bodyComponent()) {
+          <ng-container *ngComponentOutlet="bodyComponent()!; inputs: bodyInputs()" />
+        }
+      </div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXDecoratorModule], styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__body{display:flex;flex-direction:column}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}\n"] }]
+        }], propDecorators: { task: [{ type: i0.Input, args: [{ isSignal: true, alias: "task", required: true }] }], bodyComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "bodyComponent", required: true }] }], requestClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestClose", required: true }] }] } });
+
+//#endregion
+//#region ----   Service   ----
+/**
+ * Opens task-board task popovers via {@link AXOverlayService}, matching {@link AXPopoverComponent} anchor positioning.
+ */
+class AXMTaskBoardTaskPopoverOverlayService {
+    constructor() {
+        //#region ----   Services & Dependencies   ----
+        this.overlayService = inject(AXOverlayService);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.platform = inject(AXPlatform);
+        this.document = inject(DOCUMENT);
+        //#endregion
+        //#region ----   Private Properties   ----
+        this.overlayRef = null;
+        this.shellRef = null;
+        this.activeTask = null;
+        this.anchorElement = null;
+        this.outsideClickHandler = null;
+        this.keydownHandler = null;
+    }
+    //#endregion
+    //#region ----   Public Methods   ----
+    getActiveTask() {
+        return this.activeTask;
+    }
+    isOpen() {
+        return this.overlayRef !== null;
+    }
+    async open(options) {
+        const anchorElement = this.resolveAnchorElement(options.anchor);
+        if (!anchorElement) {
+            return;
+        }
+        this.close();
+        const bodyComponent = await resolveTaskPopoverComponent(options.task, this.taskBoardService);
+        this.activeTask = options.task;
+        this.anchorElement = anchorElement;
+        const panelClasses = ['ax-animate-fadeIn', 'ax-animate-faster'];
+        if (this.platform.isDark()) {
+            panelClasses.push('ax-dark');
+        }
+        const requestClose = () => {
+            this.close();
+        };
+        try {
+            const ref = await this.overlayService.create(AXMTaskBoardTaskPopoverShellComponent, {
+                centered: false,
+                width: 'fit-content',
+                actionSheetStyle: options.adaptivityEnabled ?? true,
+                panelClass: panelClasses,
+                backdrop: {
+                    enabled: false,
+                    background: false,
+                    closeOnClick: false,
+                },
+                anchorOptions: {
+                    anchor: anchorElement,
+                    placement: options.placement ?? 'bottom-start',
+                    offsetX: options.offsetX ?? 8,
+                    offsetY: options.offsetY ?? 8,
+                    autoFlip: options.autoFlip ?? true,
+                },
+                inputs: {
+                    task: options.task,
+                    bodyComponent,
+                    requestClose,
+                },
+                onDispose: () => {
+                    this.handleOverlayDisposed();
+                },
+            });
+            this.overlayRef = ref;
+            this.shellRef = ref.instance;
+            setTimeout(() => {
+                ref.updatePosition();
+                this.bindDismissHandlers(ref.overlayElement, anchorElement);
+            }, 0);
+        }
+        catch (error) {
+            console.error('[TaskBoardTaskPopover] Failed to open overlay:', error);
+            this.handleOverlayDisposed();
+        }
+    }
+    async refreshTask(task) {
+        if (!this.overlayRef || !this.shellRef || !this.activeTask || this.activeTask.id !== task.id) {
+            return;
+        }
+        const bodyComponent = await resolveTaskPopoverComponent(task, this.taskBoardService);
+        this.activeTask = task;
+        this.shellRef.setInput('task', task);
+        this.shellRef.setInput('bodyComponent', bodyComponent);
+    }
+    close() {
+        this.removeDismissHandlers();
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+        this.shellRef = null;
+        this.activeTask = null;
+        this.anchorElement = null;
+    }
+    //#endregion
+    //#region ----   Utility Methods   ----
+    /**
+     * Normalizes an anchor to a host {@link HTMLElement} for {@link AXOverlayService}.
+     */
+    resolveAnchorElement(anchor) {
+        if (anchor instanceof ElementRef) {
+            return anchor.nativeElement;
+        }
+        if (anchor instanceof HTMLElement) {
+            return anchor;
+        }
+        const hostCandidate = anchor;
+        if (typeof hostCandidate.getHostElement === 'function') {
+            return hostCandidate.getHostElement();
+        }
+        return anchor;
+    }
+    /**
+     * Resolves an overlay anchor from a grid command-column click.
+     */
+    resolveAnchorFromCommandClick(event) {
+        if (event.htmlElement instanceof HTMLElement) {
+            return event.htmlElement;
+        }
+        const nativeEvent = event.nativeEvent;
+        if (nativeEvent instanceof MouseEvent) {
+            return this.resolveAnchor(nativeEvent);
+        }
+        const nestedClick = nativeEvent;
+        if (nestedClick?.htmlElement instanceof HTMLElement) {
+            return nestedClick.htmlElement;
+        }
+        if (nestedClick?.component && typeof nestedClick.component.getHostElement === 'function') {
+            return nestedClick.component.getHostElement();
+        }
+        return this.resolveAnchor(nestedClick?.nativeEvent);
+    }
+    /**
+     * Resolves an overlay anchor from a native click (e.g. command button in a data table cell).
+     */
+    resolveAnchor(nativeEvent, htmlElement) {
+        if (htmlElement) {
+            return htmlElement;
+        }
+        const target = (nativeEvent?.currentTarget ?? nativeEvent?.target);
+        if (!target) {
+            return undefined;
+        }
+        const cell = target.closest?.('td');
+        const cellTrigger = cell?.querySelector('ax-button, button');
+        if (cellTrigger instanceof HTMLElement) {
+            return cellTrigger;
+        }
+        const buttonHost = target.closest?.('ax-button');
+        if (buttonHost instanceof HTMLElement) {
+            return buttonHost;
+        }
+        let element = target;
+        for (let depth = 0; element && depth < 12; depth++) {
+            if (element.tagName.toLowerCase() === 'ax-button' && element instanceof HTMLElement) {
+                return element;
+            }
+            element = element.parentElement;
+        }
+        return target instanceof HTMLElement ? target : undefined;
+    }
+    bindDismissHandlers(overlayElement, anchor) {
+        this.removeDismissHandlers();
+        this.keydownHandler = (event) => {
+            if (event.key === 'Escape') {
+                this.close();
+            }
+        };
+        this.document.addEventListener('keydown', this.keydownHandler);
+        this.outsideClickHandler = (event) => {
+            const target = event.target;
+            if (!target || !overlayElement) {
+                return;
+            }
+            if (anchor.contains(target) || overlayElement.contains(target)) {
+                return;
+            }
+            this.close();
+        };
+        this.document.addEventListener('mousedown', this.outsideClickHandler);
+    }
+    removeDismissHandlers() {
+        if (this.keydownHandler) {
+            this.document.removeEventListener('keydown', this.keydownHandler);
+            this.keydownHandler = null;
+        }
+        if (this.outsideClickHandler) {
+            this.document.removeEventListener('mousedown', this.outsideClickHandler);
+            this.outsideClickHandler = null;
+        }
+    }
+    handleOverlayDisposed() {
+        this.removeDismissHandlers();
+        this.overlayRef = null;
+        this.shellRef = null;
+        this.activeTask = null;
+        this.anchorElement = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardTaskPopoverOverlayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardTaskPopoverOverlayService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardTaskPopoverOverlayService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class AXPTaskBoardShortcutViewComponent extends AXPLayoutBaseWidgetComponent {
     constructor() {
         super(...arguments);
@@ -1211,7 +1881,7 @@ class AXPTaskBoardShortcutViewComponent extends AXPLayoutBaseWidgetComponent {
     }
     #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 }); }
+    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,
@@ -1639,7 +2309,7 @@ class AXMSettingProvider {
             text: `${I18N}.task-management.taskboard.parts.kanban.mode-options.${id}`,
         }));
         context
-            .addGroup('task-management', `${I18N}.task-management.group.nav-title`, `${I18N}.task-management.group.description`, RootConfig.module.icon, `${I18N}.task-management.group.title`)
+            .addGroup('task-management', `${I18N}.task-management.group.nav-title`, `${I18N}.task-management.group.description`, RootConfig.module.icon, `${I18N}.task-management.group.title`, 90)
             .addSection('taskboard', `${I18N}.task-management.taskboard.section.title`, `${I18N}.task-management.taskboard.section.description`)
             .addSetting({
             key: AXMTaskBoardSettings.VisibleCalendarModes,
@@ -6280,5 +6950,5 @@ var taskTemplate_entity = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXM_TASK_BOARD_ALL_VIEW_MODE_IDS as A, matchesTaskBoardAssigneeFilter as B, matchesTaskBoardAssigneeUserIdsFilter as C, taskAssignmentFactory as D, taskChecklistItemFactory as E, taskContextFactory as F, taskDependencyFactory as G, taskFactory as H, taskStatusFactory as I, taskTemplateFactory as J, taskTypeFactory as K, timeLogFactory as L, RootConfig as R, AXMTaskBoardSettings as a, normalizeVisibleTaskBoardModesByParts as b, canViewAllTaskAssignees as c, AXPTaskBoardService as d, AXMPermissionsKeys as e, AXMSearchCommandProvider as f, AXMSettingProvider as g, AXMTaskManagementEntityProvider as h, AXMTaskManagementMenuProvider as i, AXMTaskManagementModule as j, AXM_TASK_BOARD_UNASSIGNED_ASSIGNEE_ID as k, AXM_TASK_VIEW_ALL_PERMISSION as l, AXPTaskBoardModule as m, normalizeTaskBoardAssigneeIds as n, AXPTaskBoardShortcut as o, AXPTaskBoardShortcutViewComponent as p, AXPTaskBoardWidget as q, AXPTaskBoardWidgetViewComponent as r, AXPTaskPopoverComponent as s, AXPTaskTypeDataSourceDefinition as t, AXPWorkflowTaskProvider as u, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_BOARD as v, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_SHORTCUT as w, AXP_TASK_MANAGEMENT_DASHBOARD_WIDGET_CATEGORY as x, AXP_WORKFLOW_TASK_PROVIDER as y, isTaskBoardUnassignedAssigneeId as z };
-//# sourceMappingURL=acorex-modules-task-management-acorex-modules-task-management-BL2IOcx3.mjs.map
+export { AXM_TASK_BOARD_ALL_VIEW_MODE_IDS as A, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_BOARD as B, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_SHORTCUT as C, AXP_TASK_MANAGEMENT_DASHBOARD_WIDGET_CATEGORY as D, AXP_WORKFLOW_TASK_PROVIDER as E, TASK_BOARD_GRID_ROW_VIEW_ACTION as F, isTaskBoardUnassignedAssigneeId as G, matchesTaskBoardAssigneeFilter as H, matchesTaskBoardAssigneeUserIdsFilter as I, resolveTaskPopoverComponent as J, taskAssignmentFactory as K, taskChecklistItemFactory as L, taskContextFactory as M, taskDependencyFactory as N, taskFactory as O, taskStatusFactory as P, taskTemplateFactory as Q, RootConfig as R, taskTypeFactory as S, TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH as T, timeLogFactory as U, AXMTaskBoardSettings as a, normalizeVisibleTaskBoardModesByParts as b, canViewAllTaskAssignees as c, AXPTaskBoardService as d, AXMTaskBoardTaskPopoverOverlayService as e, TASK_BOARD_GRID_ROW_ACTION_ITEMS as f, filterTasksOverlappingRange as g, AXMPermissionsKeys as h, AXMSearchCommandProvider as i, AXMSettingProvider as j, AXMTaskBoardDefaultTaskPopoverComponent as k, AXMTaskBoardTaskPopoverShellComponent as l, AXMTaskManagementEntityProvider as m, normalizeTaskBoardAssigneeIds as n, AXMTaskManagementMenuProvider as o, AXMTaskManagementModule as p, AXM_TASK_BOARD_UNASSIGNED_ASSIGNEE_ID as q, AXM_TASK_VIEW_ALL_PERMISSION as r, AXPTaskBoardModule as s, AXPTaskBoardShortcut as t, AXPTaskBoardShortcutViewComponent as u, AXPTaskBoardWidget as v, AXPTaskBoardWidgetViewComponent as w, AXPTaskPopoverComponent as x, AXPTaskTypeDataSourceDefinition as y, AXPWorkflowTaskProvider as z };
+//# sourceMappingURL=acorex-modules-task-management-acorex-modules-task-management-LQn5gZ6p.mjs.map