@acorex/modules 21.0.0-next.71 → 21.0.0-next.72

package/fesm2022/{acorex-modules-task-management-acorex-modules-task-management-BB7eeaYX.mjs → acorex-modules-task-management-acorex-modules-task-management-Bp-9vZdR.mjs}

@@ -1,34 +1,35 @@
-import { AXP_DATASOURCE_DEFINITION_PROVIDER, AXPBroadcastEventService, AXP_MODULE_MANIFEST_PROVIDER } from '@acorex/platform/core';
+import { AXPPlatformScope, 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, DOCUMENT } from '@angular/common';
 import * as i0 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 { InjectionToken, Injectable, inject, output, DestroyRef, computed, signal, effect, ChangeDetectionStrategy, Component, NgModule, Injector, input, ViewEncapsulation, ElementRef } from '@angular/core';
+import { AXPSystemStatuses, AXPRegionalSetting, AXPSettingsService, AXP_PROTECTED_ROUTE_GUARDS, AXP_HOME_PAGES, AXPSearchCommandProvider, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER, createAllQueryView, AXPEntityCommandScope } from '@acorex/platform/common';
+import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
+import { get } from 'lodash-es';
+import { AXLocaleService } from '@acorex/core/locale';
 import { ROUTES, RouterLink } from '@angular/router';
-import * as i1$1 from '@acorex/components/button';
-import { AXButtonComponent, AXButtonModule } from '@acorex/components/button';
 import { AXChipsComponent } from '@acorex/components/chips';
-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 { AXFormatService, AXFormatPipe } from '@acorex/core/format';
 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';
-import { AXCalendarService } from '@acorex/core/date-time';
-import { AXMCalendarManagementService, AXMCalendarManagementModule } from '@acorex/modules/calendar-management';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { AXCalendarService } from '@acorex/core/date-time';
+import { mapCalendarOccasionToHolidayDate, AXMCalendarManagementService, AXMCalendarManagementModule } from '@acorex/modules/calendar-management';
 import { Subject } from 'rxjs';
+import { AXOverlayService } from '@acorex/cdk/overlay';
+import { AXPlatform } from '@acorex/core/platform';
+import * as i1$1 from '@acorex/components/button';
+import { AXButtonModule, AXButtonComponent } from '@acorex/components/button';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule, AXDecoratorIconComponent, AXDecoratorGenericComponent } from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/dropdown';
+import { AXDropdownModule } from '@acorex/components/dropdown';
 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 = {
@@ -123,133 +124,700 @@ const TaskManagementManifest = {
 };
 //#endregion
 
-const VALID_PRIORITIES$1 = ['highest', 'high', 'medium', 'low', 'lowest'];
-const NO_PRIORITY_KEY = 'no_priority';
-const PRIORITY_ORDER = {
-    highest: 0,
+const AXPTASK_PRIORITIES = ['urgent', 'high', 'normal', 'low'];
+const TASK_PRIORITY_ORDER = {
+    urgent: 0,
     high: 1,
-    medium: 2,
+    normal: 2,
     low: 3,
-    lowest: 4,
-    no_priority: 5,
+    no_priority: 4,
 };
-class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
+/** Normalizes workflow or legacy task-board priority values to the canonical enum. */
+function normalizeTaskPriority(value) {
+    const normalized = String(value ?? 'normal')
+        .trim()
+        .toLowerCase();
+    if (normalized === 'urgent' || normalized === 'high' || normalized === 'normal' || normalized === 'low') {
+        return normalized;
+    }
+    const legacyMap = {
+        highest: 'urgent',
+        medium: 'normal',
+        lowest: 'low',
+    };
+    return legacyMap[normalized] ?? 'normal';
+}
+function getTaskPriorityColor(priority) {
+    switch (priority) {
+        case 'urgent':
+            return 'danger';
+        case 'high':
+            return 'warning';
+        case 'normal':
+            return 'secondary';
+        case 'low':
+            return 'neutral';
+    }
+}
+const LEGACY_PRIORITY_FILTER_MAP = {
+    highest: 'urgent',
+    medium: 'normal',
+    lowest: 'low',
+};
+/** Maps persisted or query-string priority filter keys to the canonical filter enum. */
+function normalizePriorityFilterKey(value) {
+    const normalized = String(value ?? '')
+        .trim()
+        .toLowerCase();
+    if (normalized === 'no_priority') {
+        return 'no_priority';
+    }
+    if (normalized in LEGACY_PRIORITY_FILTER_MAP) {
+        return LEGACY_PRIORITY_FILTER_MAP[normalized];
+    }
+    return normalizeTaskPriority(normalized);
+}
+function normalizePriorityFilterKeys(values) {
+    if (!values?.length) {
+        return [];
+    }
+    return [...new Set(values.map(normalizePriorityFilterKey))];
+}
+function getTaskPriorityFilterKey(task) {
+    return task.priority ? normalizeTaskPriority(task.priority) : 'no_priority';
+}
+function matchesTaskPriorityFilter(task, priorities) {
+    if (priorities.length === 0) {
+        return true;
+    }
+    const filterSet = new Set(priorities.map(normalizePriorityFilterKey));
+    return filterSet.has(getTaskPriorityFilterKey(task));
+}
+
+const BADGE_COLORS = new Set([
+    'primary',
+    'secondary',
+    'success',
+    'warning',
+    'danger',
+    'neutral',
+    'ghost',
+    'accent1',
+    'accent2',
+    'accent3',
+]);
+/** Maps entity status semantic colors to badge/chip tokens (`info` → `accent3`). */
+function mapEntityStatusColorForBadge(color, statusId) {
+    const normalized = color?.trim().toLowerCase();
+    if (normalized === 'info') {
+        return 'accent3';
+    }
+    if (normalized && BADGE_COLORS.has(normalized)) {
+        return normalized;
+    }
+    return resolveDefaultTaskStatusColor(statusId);
+}
+function resolveDefaultTaskStatusColor(statusId) {
+    if (String(statusId) === AXPSystemStatuses.Pending.name) {
+        return 'warning';
+    }
+    return 'primary';
+}
+/** Resolves the chip color for a task row, aligned with workflow popover badge layout. */
+function resolveTaskBoardStatusColor(task) {
+    if (task.status.color) {
+        return task.status.color;
+    }
+    const data = task.data;
+    const rawColor = get(data, 'entityStatusDefinition.color') ?? get(data, 'statusColor');
+    return mapEntityStatusColorForBadge(rawColor, task.status.id);
+}
+/** Calendar placement for tasks without an explicit due date (received/created day, all-day). */
+function resolveTaskBoardCalendarPlacement(task) {
+    const hasExplicitDueDate = get(task.data, 'hasExplicitDueDate') === true;
+    if (hasExplicitDueDate) {
+        const due = new Date(task.endDate);
+        const dayStart = new Date(due);
+        dayStart.setHours(0, 0, 0, 0);
+        const dayEnd = new Date(due);
+        dayEnd.setHours(23, 59, 59, 999);
+        return {
+            startDate: dayStart,
+            endDate: dayEnd,
+            allDay: true,
+        };
+    }
+    const received = task.createdAt ? new Date(task.createdAt) : new Date(task.startDate);
+    const dayStart = new Date(received);
+    dayStart.setHours(0, 0, 0, 0);
+    const dayEnd = new Date(received);
+    dayEnd.setHours(23, 59, 59, 999);
+    return {
+        startDate: dayStart,
+        endDate: dayEnd,
+        allDay: true,
+    };
+}
+/**
+ * Returns tasks whose effective scheduling range overlaps the filter range (inclusive).
+ * Open tasks without an explicit due date are always included (widget-style visibility).
+ */
+function resolveTaskBoardSchedulingRange(task) {
+    const hasExplicitDueDate = get(task.data, 'hasExplicitDueDate') === true;
+    if (hasExplicitDueDate) {
+        const due = new Date(task.endDate);
+        return { from: due, end: due };
+    }
+    const received = task.createdAt ? new Date(task.createdAt) : new Date(task.startDate);
+    return { from: received, end: received };
+}
+/** Whether a task should appear for the task board's active date navigator range. */
+function taskOverlapsFilterRange(task, range) {
+    if (!range?.from || !range?.end) {
+        return true;
+    }
+    const hasExplicitDueDate = get(task.data, 'hasExplicitDueDate') === true;
+    const bookmarkConsumed = get(task.data, 'bookmarkConsumed') === true;
+    if (!hasExplicitDueDate && !bookmarkConsumed) {
+        return true;
+    }
+    const { from, end } = resolveTaskBoardSchedulingRange(task);
+    const rangeStart = range.from.getTime();
+    const rangeEnd = range.end.getTime();
+    const taskStart = from.getTime();
+    const taskEnd = end.getTime();
+    return taskStart <= rangeEnd && taskEnd >= rangeStart;
+}
+function filterTasksOverlappingRange(tasks, range) {
+    if (!range?.from || !range?.end) {
+        return tasks;
+    }
+    return tasks.filter((task) => taskOverlapsFilterRange(task, range));
+}
+
+function resolveTaskBoardAccentColor(task, colorBy) {
+    switch (colorBy) {
+        case 'dueDate':
+            return resolveDueStatusAccentColor(task);
+        case 'priority':
+            return task.priority ? getTaskPriorityColor(normalizeTaskPriority(task.priority)) : 'neutral';
+        case 'status':
+            return resolveTaskBoardStatusColor(task);
+        default:
+            return resolveDueStatusAccentColor(task);
+    }
+}
+function resolveDueStatusAccentColor(task) {
+    const dueStatus = get(task.data, 'dueStatus');
+    if (dueStatus?.color) {
+        return dueStatus.color;
+    }
+    if (get(task.data, 'hasExplicitDueDate') !== true) {
+        return 'neutral';
+    }
+    return 'secondary';
+}
+const SURFACE_CLASS_TOKENS = new Set([
+    'primary',
+    'secondary',
+    'success',
+    'warning',
+    'danger',
+    'accent1',
+    'accent2',
+    'accent3',
+    'neutral',
+    'ghost',
+]);
+function normalizeSurfaceClassToken(colorToken) {
+    const safe = colorToken.replace(/[^a-z0-9-]/gi, '').toLowerCase();
+    return SURFACE_CLASS_TOKENS.has(safe) ? safe : 'neutral';
+}
+/** Maps a color token to a static BEM class backed by Tailwind @apply rules in task-board-surface.scss. */
+function buildTaskSurfaceCssClass(colorToken) {
+    return `axm-task-board-surface--${normalizeSurfaceClassToken(colorToken)}`;
+}
+/** Accent stripe modifier for dashboard widget rows. */
+function buildTaskAccentSurfaceCssClass(colorToken) {
+    return `axm-task-board-accent--${normalizeSurfaceClassToken(colorToken)}`;
+}
+/** @deprecated Use {@link buildTaskSurfaceCssClass}. */
+function buildTaskAccentCssClass(colorToken) {
+    return buildTaskSurfaceCssClass(colorToken);
+}
+
+const TASK_I18N_DATE_KEYS = new Set(['startDate', 'endDate', 'effectiveDate', 'dueDate']);
+function isDateLikeString(value) {
+    return /^\d{4}-\d{2}-\d{2}(?:T|$)/.test(value.trim());
+}
+function parseDateOnlyString(value) {
+    const match = /^(\d{4})-(\d{2})-(\d{2})/.exec(value.trim());
+    if (!match) {
+        return null;
+    }
+    const year = Number(match[1]);
+    const month = Number(match[2]);
+    const day = Number(match[3]);
+    if (!year || !month || !day) {
+        return null;
+    }
+    return new Date(year, month - 1, day);
+}
+function normalizeTaskI18nParamValue(translationService, value) {
+    if (value == null) {
+        return '';
+    }
+    if (typeof value === 'string') {
+        return value.trim();
+    }
+    if (typeof value === 'number' || typeof value === 'boolean') {
+        return String(value);
+    }
+    if (value instanceof Date) {
+        return value.toISOString();
+    }
+    if (typeof value === 'object') {
+        const resolved = translationService.resolve(value);
+        return resolved?.trim() ?? '';
+    }
+    return String(value).trim();
+}
+/** Formats raw `_taskI18n` params for the translate pipe (ML + dates + locale). */
+async function formatTaskI18nParamsForTranslate(raw, translationService, formatService, settingsService) {
+    if (!raw) {
+        return {};
+    }
+    const format = await settingsService.get(AXPRegionalSetting.ShortDate);
+    const params = {};
+    for (const [key, value] of Object.entries(raw)) {
+        if (value == null || value === '') {
+            continue;
+        }
+        if (TASK_I18N_DATE_KEYS.has(key) &&
+            (value instanceof Date || (typeof value === 'string' && isDateLikeString(value)))) {
+            const date = value instanceof Date ? value : parseDateOnlyString(value) ?? new Date(value);
+            if (!Number.isNaN(date.getTime())) {
+                const formatted = formatService.format(date, 'date', { format });
+                const text = typeof formatted === 'string' ? formatted : String(formatted ?? '');
+                if (text) {
+                    params[key] = text;
+                }
+            }
+            continue;
+        }
+        const text = normalizeTaskI18nParamValue(translationService, value);
+        if (text) {
+            params[key] = text;
+        }
+    }
+    return params;
+}
+function getTaskTranslationKey(task, field) {
+    const data = task.data;
+    const key = field === 'title' ? data?.titleKey : data?.descriptionKey;
+    if (key?.trim().startsWith('@')) {
+        return key.trim();
+    }
+    const fallback = field === 'title' ? task.title : task.description;
+    return fallback?.trim().startsWith('@') ? fallback.trim() : undefined;
+}
+/** Resolves scheduler/kanban labels; popovers should use the translate pipe with {@link getTaskTranslationKey}. */
+async function resolveTaskBoardSchedulerLabels(tasks, translationService, formatService, settingsService) {
+    return Promise.all(tasks.map(async (task) => {
+        const titleKey = getTaskTranslationKey(task, 'title');
+        const descriptionKey = getTaskTranslationKey(task, 'description');
+        const rawParams = get(task.data, 'taskI18nParams');
+        const params = await formatTaskI18nParamsForTranslate(rawParams, translationService, formatService, settingsService);
+        return {
+            ...task,
+            ...(titleKey ? { title: await translationService.translateAsync(titleKey, { params }) } : {}),
+            ...(descriptionKey
+                ? { description: await translationService.translateAsync(descriptionKey, { params }) }
+                : {}),
+        };
+    }));
+}
+function enrichTaskBoardTasks(tasks, colorBy, dueStatusProviderService) {
+    return tasks.map((task) => {
+        const withDueStatus = dueStatusProviderService.attachDueStatusToTask(task);
+        const accentClass = buildTaskSurfaceCssClass(resolveTaskBoardAccentColor(withDueStatus, colorBy));
+        const calendarPlacement = resolveTaskBoardCalendarPlacement(withDueStatus);
+        return {
+            ...withDueStatus,
+            ...calendarPlacement,
+            cssClass: accentClass,
+        };
+    });
+}
+
+class AXPDueStatusProvider {
+}
+const AXP_DUE_STATUS_PROVIDERS = new InjectionToken('AXP_DUE_STATUS_PROVIDERS');
+function getTaskDueStatusKey(task) {
+    const data = task.data;
+    return data?.dueStatusKey;
+}
+function matchesTaskDueStatusFilter(task, dueStatusKeys) {
+    if (dueStatusKeys.length === 0) {
+        return true;
+    }
+    const key = getTaskDueStatusKey(task);
+    return key != null && dueStatusKeys.includes(key);
+}
+
+function startOfLocalDay(date) {
+    const value = new Date(date);
+    value.setHours(0, 0, 0, 0);
+    return value;
+}
+function endOfLocalDay(date) {
+    const value = new Date(date);
+    value.setHours(23, 59, 59, 999);
+    return value;
+}
+function isSameLocalDay(a, b) {
+    return (a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate());
+}
+function addLocalDays(date, days) {
+    const value = new Date(date);
+    value.setDate(value.getDate() + days);
+    return value;
+}
+function getStartOfLocalWeek(date, weekStartsOn) {
+    const day = startOfLocalDay(date);
+    const weekday = day.getDay();
+    const diff = (weekday - weekStartsOn + 7) % 7;
+    day.setDate(day.getDate() - diff);
+    return day;
+}
+function getEndOfLocalWeek(date, weekStartsOn) {
+    const start = getStartOfLocalWeek(date, weekStartsOn);
+    return endOfLocalDay(addLocalDays(start, 6));
+}
+function matchesDueStatusKey(context, key) {
+    const today = startOfLocalDay(context.now);
+    const tomorrow = startOfLocalDay(addLocalDays(context.now, 1));
+    const weekEnd = getEndOfLocalWeek(context.now, context.weekStartsOn);
+    if (key === 'completed') {
+        return context.bookmarkConsumed;
+    }
+    if (key === 'no-due-date') {
+        return !context.bookmarkConsumed && !context.hasExplicitDueDate;
+    }
+    if (!context.hasExplicitDueDate || !context.dueDate || context.bookmarkConsumed) {
+        return false;
+    }
+    const dueDay = startOfLocalDay(context.dueDate);
+    if (key === 'overdue') {
+        return dueDay.getTime() < today.getTime();
+    }
+    if (key === 'due-today') {
+        return isSameLocalDay(dueDay, today);
+    }
+    if (key === 'due-tomorrow') {
+        return isSameLocalDay(dueDay, tomorrow);
+    }
+    if (key === 'due-this-week') {
+        return dueDay.getTime() > tomorrow.getTime() && dueDay.getTime() <= weekEnd.getTime();
+    }
+    if (key === 'upcoming') {
+        return dueDay.getTime() > weekEnd.getTime();
+    }
+    return false;
+}
+function resolveDueStatusFromDefinitions(definitions, context) {
+    const ordered = [...definitions].sort((a, b) => a.order - b.order);
+    for (const definition of ordered) {
+        if (matchesDueStatusKey(context, definition.name)) {
+            return definition;
+        }
+    }
+    return null;
+}
+
+const DEFAULT_DUE_STATUS_DEFINITIONS = [
+    {
+        name: 'completed',
+        title: '@task-management:task-board.due-status.completed',
+        color: 'success',
+        icon: 'fa-light fa-circle-check',
+        order: 0,
+    },
+    {
+        name: 'no-due-date',
+        title: '@task-management:task-board.due-status.no-due-date',
+        color: 'neutral',
+        icon: 'fa-light fa-calendar-xmark',
+        order: 1,
+    },
+    {
+        name: 'overdue',
+        title: '@task-management:task-board.due-status.overdue',
+        color: 'danger',
+        icon: 'fa-light fa-calendar-exclamation',
+        order: 2,
+    },
+    {
+        name: 'due-today',
+        title: '@task-management:task-board.due-status.due-today',
+        color: 'warning',
+        icon: 'fa-light fa-calendar-day',
+        order: 3,
+    },
+    {
+        name: 'due-tomorrow',
+        title: '@task-management:task-board.due-status.due-tomorrow',
+        color: 'accent3',
+        icon: 'fa-light fa-calendar-plus',
+        order: 4,
+    },
+    {
+        name: 'due-this-week',
+        title: '@task-management:task-board.due-status.due-this-week',
+        color: 'primary',
+        icon: 'fa-light fa-calendar-week',
+        order: 5,
+    },
+    {
+        name: 'upcoming',
+        title: '@task-management:task-board.due-status.upcoming',
+        color: 'secondary',
+        icon: 'fa-light fa-calendar',
+        order: 6,
+    },
+];
+class AXMDefaultDueStatusProvider extends AXPDueStatusProvider {
     constructor() {
         super(...arguments);
-        // Outputs
+        this.key = 'default';
+        this.priority = 0;
+    }
+    getDefinitions() {
+        return DEFAULT_DUE_STATUS_DEFINITIONS;
+    }
+    resolve(context) {
+        return resolveDueStatusFromDefinitions(DEFAULT_DUE_STATUS_DEFINITIONS, context);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDefaultDueStatusProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDefaultDueStatusProvider, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDefaultDueStatusProvider, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function getDefaultDueStatusDefinitions() {
+    return DEFAULT_DUE_STATUS_DEFINITIONS;
+}
+
+class AXPDueStatusProviderService {
+    constructor() {
+        this.localeService = inject(AXLocaleService);
+        this.registeredProviders = inject(AXP_DUE_STATUS_PROVIDERS, { optional: true }) ?? [];
+        this.fallbackProvider = inject(AXMDefaultDueStatusProvider);
+    }
+    getDefinitions(options) {
+        return this.selectProvider(options).getDefinitions();
+    }
+    resolveForTask(task, options) {
+        const data = task.data;
+        const context = {
+            now: new Date(),
+            dueDate: task.endDate ? new Date(task.endDate) : null,
+            hasExplicitDueDate: data?.hasExplicitDueDate === true,
+            bookmarkConsumed: data?.bookmarkConsumed === true,
+            weekStartsOn: this.resolveWeekStartsOn(),
+        };
+        const definition = this.selectProvider(options).resolve(context);
+        if (!definition) {
+            return null;
+        }
+        return {
+            name: definition.name,
+            title: definition.title,
+            color: definition.color,
+            icon: definition.icon,
+        };
+    }
+    attachDueStatusToTask(task, options) {
+        const presentation = this.resolveForTask(task, options);
+        if (!presentation) {
+            return task;
+        }
+        return {
+            ...task,
+            data: {
+                ...(task.data ?? {}),
+                dueStatusKey: presentation.name,
+                dueStatus: presentation,
+            },
+        };
+    }
+    selectProvider(options) {
+        const providers = [...this.registeredProviders, this.fallbackProvider].sort((a, b) => b.priority - a.priority);
+        if (!options?.workflowDefinitionId && !options?.activityType) {
+            return providers[providers.length - 1] ?? this.fallbackProvider;
+        }
+        const matched = providers.find((provider) => {
+            if (options.workflowDefinitionId && provider.key === options.workflowDefinitionId) {
+                return true;
+            }
+            return Boolean(options.activityType && provider.key === options.activityType);
+        });
+        return matched ?? providers[providers.length - 1] ?? this.fallbackProvider;
+    }
+    resolveWeekStartsOn() {
+        return this.localeService.activeProfile()?.calendar?.week?.startsOn ?? 0;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDueStatusProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDueStatusProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDueStatusProviderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+var AXMTaskBoardSettings;
+(function (AXMTaskBoardSettings) {
+    /** User preference: show Calendar in the task board view switcher. */
+    AXMTaskBoardSettings["VisibleCalendar"] = "TaskManagement:Setting:TaskBoard.Visible.Calendar";
+    /** User preference: show Timeline in the task board view switcher. */
+    AXMTaskBoardSettings["VisibleTimeline"] = "TaskManagement:Setting:TaskBoard.Visible.Timeline";
+    /** User preference: show Table in the task board view switcher. */
+    AXMTaskBoardSettings["VisibleTable"] = "TaskManagement:Setting:TaskBoard.Visible.Table";
+    /** User preference: show Kanban in the task board view switcher. */
+    AXMTaskBoardSettings["VisibleKanban"] = "TaskManagement:Setting:TaskBoard.Visible.Kanban";
+    AXMTaskBoardSettings["CalendarLayout"] = "taskboard.view.calendarLayout";
+    AXMTaskBoardSettings["TimelineLayout"] = "taskboard.view.timelineLayout";
+    AXMTaskBoardSettings["TableLayout"] = "taskboard.view.tableLayout";
+    AXMTaskBoardSettings["ViewMode"] = "taskboard.viewMode";
+    AXMTaskBoardSettings["DetailPanel"] = "taskboard.DetailPanel";
+    AXMTaskBoardSettings["DaysCount"] = "taskboard.calendar.daysCount";
+    AXMTaskBoardSettings["CurrentDate"] = "taskboard.calendar.currentDate";
+    AXMTaskBoardSettings["SelectedPriorities"] = "taskboard.filter.selectedPriorities";
+    AXMTaskBoardSettings["SelectedDueStatusKeys"] = "taskboard.filter.selectedDueStatusKeys";
+    AXMTaskBoardSettings["ColorBy"] = "taskboard.colorBy";
+    AXMTaskBoardSettings["SelectedAssigneeIds"] = "taskboard.filter.selectedAssigneeIds";
+    AXMTaskBoardSettings["SelectedReporterIds"] = "taskboard.filter.selectedReporterIds";
+    AXMTaskBoardSettings["SelectedTaskTypeNames"] = "taskboard.filter.selectedTaskTypeNames";
+})(AXMTaskBoardSettings || (AXMTaskBoardSettings = {}));
+
+const NO_PRIORITY_KEY = 'no_priority';
+class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
+    constructor() {
+        super();
         this.taskClick = output();
-        // Dependencies
         this.taskBoardService = inject(AXPTaskBoardService);
-        this.translateService = inject(AXTranslationService);
-        this.contextMenu = viewChild('contextMenu', ...(ngDevMode ? [{ debugName: "contextMenu" }] : /* istanbul ignore next */ []));
-        // Configuration options
+        this.taskPopoverOverlay = inject(AXMTaskBoardTaskPopoverOverlayService);
+        this.dueStatusProviderService = inject(AXPDueStatusProviderService);
+        this.settingsService = inject(AXPSettingsService);
+        this.formatService = inject(AXFormatService);
+        this.translationService = inject(AXTranslationService);
+        this.localeService = inject(AXLocaleService);
+        this.destroyRef = inject(DestroyRef);
         this.maxItems = computed(() => this.options()?.['maxItems'] ?? 10, ...(ngDevMode ? [{ debugName: "maxItems" }] : /* istanbul ignore next */ []));
         this.assignee = computed(() => this.options()?.['assignee'] ?? [], ...(ngDevMode ? [{ debugName: "assignee" }] : /* istanbul ignore next */ []));
         this.selectedTaskTypes = computed(() => this.options()?.['taskTypes'] ?? [], ...(ngDevMode ? [{ debugName: "selectedTaskTypes" }] : /* istanbul ignore next */ []));
         this.sortBy = computed(() => this.options()?.['sortBy'] ?? { title: 'Priority', name: 'priority' }, ...(ngDevMode ? [{ debugName: "sortBy" }] : /* istanbul ignore next */ []));
-        // --- STATE AND DATA SIGNALS ---
+        this.widgetColorBy = computed(() => this.options()?.['colorBy'], ...(ngDevMode ? [{ debugName: "widgetColorBy" }] : /* istanbul ignore next */ []));
+        this.globalColorBy = signal('dueDate', ...(ngDevMode ? [{ debugName: "globalColorBy" }] : /* istanbul ignore next */ []));
         this.allTasks = signal([], ...(ngDevMode ? [{ debugName: "allTasks" }] : /* istanbul ignore next */ []));
-        this.currentTask = signal(null, ...(ngDevMode ? [{ debugName: "currentTask" }] : /* istanbul ignore next */ []));
-        this.selectedPriorities = signal(new Set([...VALID_PRIORITIES$1, NO_PRIORITY_KEY]), ...(ngDevMode ? [{ debugName: "selectedPriorities" }] : /* istanbul ignore next */ []));
-        // --- COMPUTED SIGNALS FOR UI ---
-        /**
-         * Computes a list of tasks that are filtered, sorted, and limited.
-         */
+        this.selectedPriorities = signal(new Set([...AXPTASK_PRIORITIES, NO_PRIORITY_KEY]), ...(ngDevMode ? [{ debugName: "selectedPriorities" }] : /* istanbul ignore next */ []));
+        this.selectedDueStatuses = signal(new Set(getDefaultDueStatusDefinitions().map((item) => item.name)), ...(ngDevMode ? [{ debugName: "selectedDueStatuses" }] : /* istanbul ignore next */ []));
+        this.effectiveColorBy = computed(() => this.widgetColorBy() ?? this.globalColorBy(), ...(ngDevMode ? [{ debugName: "effectiveColorBy" }] : /* istanbul ignore next */ []));
         this.filteredTasks = computed(() => {
             const tasks = this.allTasks();
             const limit = this.maxItems();
             const selectedTypes = this.selectedTaskTypes();
             const selectedPrioritiesSet = this.selectedPriorities();
-            // 1. Filter by Task Type (if any are selected)
+            const selectedDueStatusSet = this.selectedDueStatuses();
             const selectedTypeNames = new Set(selectedTypes.map((t) => t.name));
             const typeFiltered = selectedTypes.length > 0 ? tasks.filter((task) => task.provider && selectedTypeNames.has(task.provider)) : tasks;
-            // 2. Filter by selected Priorities
             const priorityFiltered = typeFiltered.filter((task) => {
-                const priorityKey = task.priority || NO_PRIORITY_KEY;
+                const priorityKey = getTaskPriorityFilterKey(task);
                 return selectedPrioritiesSet.has(priorityKey);
             });
-            // 3. Sort the filtered tasks
-            const sorted = this.sortTasks([...priorityFiltered]);
-            // 4. Limit the number of items
+            const dueStatusFiltered = priorityFiltered.filter((task) => matchesTaskDueStatusFilter(task, [...selectedDueStatusSet]));
+            const sorted = this.sortTasks([...dueStatusFiltered]);
             return sorted.slice(0, limit);
         }, ...(ngDevMode ? [{ debugName: "filteredTasks" }] : /* istanbul ignore next */ []));
-        /**
-         * Generates the data for the priority filter chips in the header.
-         */
         this.priorityBadges = computed(() => {
-            const tasks = this.allTasks();
-            const selectedTypes = this.selectedTaskTypes();
-            // 1. Filter by task type (if any are selected)
-            const selectedTypeNames = new Set(selectedTypes.map((t) => t.name));
-            const typeFiltered = selectedTypes.length > 0 ? tasks.filter((task) => task.provider && selectedTypeNames.has(task.provider)) : tasks;
-            // 2. Count priorities from the filtered list
-            const counts = [...VALID_PRIORITIES$1, NO_PRIORITY_KEY].reduce((acc, key) => {
+            const tasks = this.getTypeFilteredTasks();
+            const counts = [...AXPTASK_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]++;
+            for (const task of tasks) {
+                counts[getTaskPriorityFilterKey(task)]++;
             }
-            // 3. Build badge models
-            const priorityBadges = VALID_PRIORITIES$1.map((p) => ({
-                name: p,
-                label: p.charAt(0).toUpperCase() + p.slice(1),
-                count: counts[p],
-                color: this.getBadgeColorForPriority(p),
+            const priorityBadges = AXPTASK_PRIORITIES.map((priority) => ({
+                name: priority,
+                label: priority.charAt(0).toUpperCase() + priority.slice(1),
+                count: counts[priority],
+                color: getTaskPriorityColor(priority),
             }));
-            const noPriorityBadge = {
-                name: NO_PRIORITY_KEY,
-                label: 'No Priority',
-                count: counts[NO_PRIORITY_KEY],
-                color: this.getBadgeColorForPriority(NO_PRIORITY_KEY),
-            };
-            return [...priorityBadges, noPriorityBadge];
+            return [
+                ...priorityBadges,
+                {
+                    name: NO_PRIORITY_KEY,
+                    label: 'No Priority',
+                    count: counts[NO_PRIORITY_KEY],
+                    color: 'secondary',
+                },
+            ];
         }, ...(ngDevMode ? [{ debugName: "priorityBadges" }] : /* istanbul ignore next */ []));
-        this.#getTasks = effect(() => {
-            const limit = this.maxItems();
-            const assignee = this.assignee();
-            const selectedTypes = this.selectedTaskTypes();
-            const typeNames = selectedTypes.map((t) => t.name);
-            this.taskBoardService
-                .getTasks({ take: limit, assigneeIds: assignee.map((a) => a.id), types: typeNames })
-                .then((tasks) => {
-                this.allTasks.set(tasks.items);
-            });
-        }, ...(ngDevMode ? [{ debugName: "#getTasks" }] : /* istanbul ignore next */ []));
-    }
-    #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;
+        this.dueStatusBadges = computed(() => {
+            const tasks = this.getTypeFilteredTasks();
+            const definitions = getDefaultDueStatusDefinitions();
+            const counts = definitions.reduce((acc, definition) => {
+                acc[definition.name] = 0;
+                return acc;
+            }, {});
+            for (const task of tasks) {
+                const key = get(task.data, 'dueStatusKey');
+                if (key && key in counts) {
+                    counts[key]++;
+                }
+            }
+            return definitions
+                .map((definition) => ({
+                name: definition.name,
+                label: definition.title,
+                count: counts[definition.name],
+                color: definition.color,
+            }))
+                .filter((badge) => badge.count > 0);
+        }, ...(ngDevMode ? [{ debugName: "dueStatusBadges" }] : /* istanbul ignore next */ []));
+        this.#loadTasks = effect(() => {
+            this.localeService.activeProfile().localeInfo?.code;
+            void this.reloadTasks();
+        }, ...(ngDevMode ? [{ debugName: "#loadTasks" }] : /* istanbul ignore next */ []));
+        void this.settingsService
+            .scope(AXPPlatformScope.User)
+            .get(AXMTaskBoardSettings.ColorBy)
+            .then((value) => {
+            if (value) {
+                this.globalColorBy.set(value);
+            }
+        });
+        this.taskBoardService.refresh$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((data) => {
+            void this.handleBoardRefresh(data);
+        });
+        this.taskBoardService.close$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((data) => {
+            const active = this.taskPopoverOverlay.getActiveTask();
+            if (!active?.provider) {
+                return;
+            }
+            if (data.provider && data.provider !== active.provider) {
+                return;
+            }
+            this.taskPopoverOverlay.close();
+        });
     }
-    // --- EVENT HANDLERS ---
+    #loadTasks;
     onPriorityFilterChange(priorityKey) {
         this.selectedPriorities.update((currentSet) => {
             const newSet = new Set(currentSet);
@@ -262,94 +830,134 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
             return newSet;
         });
     }
-    onTaskClick(task) {
+    onDueStatusFilterChange(dueStatusKey) {
+        this.selectedDueStatuses.update((currentSet) => {
+            const newSet = new Set(currentSet);
+            if (newSet.has(dueStatusKey)) {
+                newSet.delete(dueStatusKey);
+            }
+            else {
+                newSet.add(dueStatusKey);
+            }
+            return newSet;
+        });
+    }
+    async onTaskClick(task, event) {
+        const anchor = event.currentTarget;
+        if (anchor) {
+            await this.taskPopoverOverlay.open({
+                task,
+                anchor,
+                offsetX: 12,
+                offsetY: 12,
+                adaptivityEnabled: true,
+            });
+        }
         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);
+    getStatusColor(task) {
+        return resolveTaskBoardStatusColor(task);
     }
-    handleContextMenuItemClick(event) {
-        this.taskBoardService.executeCommand(event.item.data?.command, this.currentTask()?.provider ?? '');
+    getAccentClass(task) {
+        const colorToken = resolveTaskBoardAccentColor(task, this.effectiveColorBy());
+        return buildTaskAccentSurfaceCssClass(colorToken);
     }
-    async handleContextMenuOnOpening(event) {
-        const currentTask = this.currentTask();
-        if (!currentTask)
+    hasExplicitDueDate(task) {
+        return get(task.data, 'hasExplicitDueDate') === true;
+    }
+    getProviderTitle(task) {
+        if (!task.provider) {
+            return null;
+        }
+        return this.taskBoardService.getProvider(task.provider)?.title ?? null;
+    }
+    getProviderIcon(task) {
+        if (!task.provider) {
+            return 'fa-light fa-layer-group';
+        }
+        return this.taskBoardService.getProvider(task.provider)?.icon ?? 'fa-light fa-layer-group';
+    }
+    getTypeFilteredTasks() {
+        const tasks = this.allTasks();
+        const selectedTypes = this.selectedTaskTypes();
+        const selectedTypeNames = new Set(selectedTypes.map((t) => t.name));
+        return selectedTypes.length > 0
+            ? tasks.filter((task) => task.provider && selectedTypeNames.has(task.provider))
+            : tasks;
+    }
+    async handleBoardRefresh(data) {
+        const active = this.taskPopoverOverlay.getActiveTask();
+        if (data?.provider && active?.provider && data.provider !== active.provider) {
             return;
-        const providerName = currentTask.provider;
-        if (!providerName)
+        }
+        await this.reloadTasks();
+        if (!active?.provider) {
             return;
-        const provider = this.taskBoardService.getProvider(providerName);
-        if (!provider)
+        }
+        const updated = this.allTasks().find((task) => task.id === active.id);
+        if (updated) {
+            await this.taskPopoverOverlay.refreshTask({ ...updated, provider: active.provider });
             return;
-        const actions = await provider.getActions(currentTask);
-        for (const item of actions) {
-            const t = item.title;
-            const text = typeof t === 'string'
-                ? t.startsWith('@')
-                    ? await this.translateService.translateAsync(t)
-                    : t
-                : this.translateService.resolve(t);
-            event.items.push({
-                text,
-                icon: item.icon,
-                data: {
-                    command: item.command,
-                },
-            });
         }
+        this.taskPopoverOverlay.close();
     }
-    // --- FORMATTING & UTILITY METHODS ---
-    getBadgeColorForPriority(priorityKey) {
-        if (priorityKey === NO_PRIORITY_KEY) {
-            return 'secondary';
+    reloadTasks() {
+        const limit = this.maxItems();
+        const assignee = this.assignee();
+        const selectedTypes = this.selectedTaskTypes();
+        const typeNames = selectedTypes.map((t) => t.name);
+        return this.taskBoardService
+            .getTasks({ take: limit, assigneeIds: assignee.map((a) => a.id), types: typeNames })
+            .then(async (tasks) => {
+            const labeled = await resolveTaskBoardSchedulerLabels(tasks.items, this.translationService, this.formatService, this.settingsService);
+            const enriched = labeled.map((task) => this.dueStatusProviderService.attachDueStatusToTask(task));
+            this.allTasks.set(enriched);
+        });
+    }
+    compareByPriority(a, b) {
+        const priorityA = getTaskPriorityFilterKey(a);
+        const priorityB = getTaskPriorityFilterKey(b);
+        return TASK_PRIORITY_ORDER[priorityA] - TASK_PRIORITY_ORDER[priorityB];
+    }
+    compareByDueDate(a, b) {
+        const now = Date.now();
+        const dateA = this.hasExplicitDueDate(a) && a.endDate ? new Date(a.endDate).getTime() : null;
+        const dateB = this.hasExplicitDueDate(b) && b.endDate ? new Date(b.endDate).getTime() : null;
+        if (dateA === null && dateB === null) {
+            return 0;
         }
-        const colorMap = {
-            highest: 'danger',
-            high: 'danger',
-            medium: 'warning',
-            low: 'success',
-            lowest: 'success',
-        };
-        return colorMap[priorityKey];
+        if (dateA === null) {
+            return 1;
+        }
+        if (dateB === null) {
+            return -1;
+        }
+        return dateA - dateB;
     }
     sortTasks(tasks) {
         const sortBy = this.sortBy().name;
         return tasks.sort((a, b) => {
             if (sortBy === 'priority') {
                 const priorityCompare = this.compareByPriority(a, b);
-                if (priorityCompare !== 0)
+                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);
+            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: "21.2.9", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTaskBoardWidgetViewComponent, isStandalone: true, selector: "ng-component", outputs: { taskClick: "taskClick" }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <!-- Header with Priority Filter Chips -->\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-4\">\n    @for (badge of priorityBadges(); track badge.name) {\n      <ng-container>\n        @if (badge.count > 0) {\n          <ax-chips\n            [size]=\"'ax-sm'\"\n            [color]=\"badge.color\"\n            class=\"ax-cursor-pointer filter-badge\"\n            [text]=\"`${badge.label} (${badge.count})`\"\n            (click)=\"onPriorityFilterChange(badge.name)\"\n            [look]=\"selectedPriorities().has(badge.name) ? 'solid' : 'outline'\"\n          >\n          </ax-chips>\n        }\n      </ng-container>\n    }\n  </div>\n\n  <!-- Task Board -->\n  <div class=\"ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    <div class=\"ax-space-y-2\">\n      @for (task of filteredTasks(); track task.id) {\n        <ng-container\n          [ngTemplateOutlet]=\"taskItemTemplateRef\"\n          [ngTemplateOutletContext]=\"{ $implicit: task }\"\n        ></ng-container>\n      } @empty {\n        <!-- Empty State -->\n        <axp-state-message\n          icon=\"fa-light fa-clipboard-list-check\"\n          [title]=\"'@dashboard:task-board.no-tasks-found.title'\"\n          [description]=\"'@dashboard:task-board.no-tasks-found.description'\"\n        >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div class=\"ax-flex ax-gap-3 ax-items-center ax-p-3 task-item priority-{{ task.priority }}\">\n    <!-- Task Details -->\n    <div class=\"ax-overflow-hidden ax-grow ax-text-start\" (click)=\"onTaskClick(task)\">\n      <!-- Title and Priority -->\n      <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-2\">\n        <ax-title class=\"ax-font-medium ax-truncate ax-pb-1 ax-grow min-w-0\" [title]=\"task.title\">\n          {{ task.title }}\n        </ax-title>\n        <!-- More Options Button -->\n        <ax-button look=\"link\" class=\"ax-sm\" (onClick)=\"onMoreOptionsClick(task, $event)\">\n          <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n        </ax-button>\n      </div>\n\n      <!-- Metadata -->\n      @if (task.endDate || task.assignee) {\n        <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-pt-2 ax-text-xs\">\n          @if (task.endDate) {\n            <span class=\"ax-flex ax-items-center ax-gap-1 due-date\">\n              <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n              <ax-subtitle>{{ task.endDate | format: 'datetime' : { format: 'datetime' } | async }}</ax-subtitle>\n            </span>\n          }\n          @if (task.assignee) {\n            <span class=\"ax-flex ax-items-center ax-gap-1\">\n              @if (task.assignee.avatarUrl) {\n                <img [src]=\"task.assignee.avatarUrl\" class=\"ax-w-4 ax-h-4 ax-rounded-full\" />\n              } @else {\n                <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n              }\n              <ax-subtitle>{{ task.assignee.fullName }}</ax-subtitle>\n            </span>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ax-context-menu\n  #contextMenu\n  [closeOn]=\"'leave'\"\n  [orientation]=\"'vertical'\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n", styles: [":host{display:block;height:100%;width:100%}.task-item{transition:all .2s ease-in-out;border-left:3px solid transparent}.task-item:hover{background-color:rgba(var(--ax-sys-color-on-surface),.1);transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.task-item.priority-highest{border-left-color:rgb(var(--ax-sys-color-danger-500))}.task-item.priority-high{border-left-color:rgb(var(--ax-sys-color-danger-400))}.task-item.priority-medium{border-left-color:rgb(var(--ax-sys-color-warning-500))}.task-item.priority-low{border-left-color:rgb(var(--ax-sys-color-success-500))}.task-item.priority-lowest{border-left-color:rgb(var(--ax-sys-color-success-300))}.task-item:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ax-space-y-2>*{animation:slideInRight .3s ease forwards;opacity:0}.ax-space-y-2>*:nth-child(1){animation-delay:.05s}.ax-space-y-2>*:nth-child(2){animation-delay:.1s}.ax-space-y-2>*:nth-child(3){animation-delay:.15s}.ax-space-y-2>*:nth-child(4){animation-delay:.2s}.ax-space-y-2>*:nth-child(5){animation-delay:.25s}.ax-space-y-2>*:nth-child(6){animation-delay:.3s}.ax-space-y-2>*:nth-child(7){animation-delay:.35s}.ax-space-y-2>*:nth-child(8){animation-delay:.4s}.ax-space-y-2>*:nth-child(9){animation-delay:.45s}.ax-space-y-2>*:nth-child(10){animation-delay:.5s}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "text", "look", "size"], outputs: ["textChange", "lookChange", "sizeChange"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTaskBoardWidgetViewComponent, isStandalone: true, selector: "ng-component", outputs: { taskClick: "taskClick" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-2\">\n    @for (badge of priorityBadges(); track badge.name) {\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        ></ax-chips>\n      }\n    }\n  </div>\n\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-4\">\n    @for (badge of dueStatusBadges(); track badge.name) {\n      <ax-chips\n        [size]=\"'ax-sm'\"\n        [color]=\"badge.color\"\n        class=\"ax-cursor-pointer filter-badge\"\n        [text]=\"(badge.label | translate | async)! + ' (' + badge.count + ')'\"\n        (click)=\"onDueStatusFilterChange(badge.name)\"\n        [look]=\"selectedDueStatuses().has(badge.name) ? 'solid' : 'outline'\"\n      ></ax-chips>\n    }\n  </div>\n\n  <div class=\"ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    <div class=\"__list\">\n      @for (task of filteredTasks(); track task.id) {\n        <div class=\"__item\" (click)=\"onTaskClick(task, $event)\">\n          <div class=\"__accent\" [class]=\"getAccentClass(task)\" aria-hidden=\"true\"></div>\n\n          <div class=\"__content\">\n            <div class=\"__header\">\n              <p class=\"__title\" [title]=\"task.title\">{{ task.title }}</p>\n\n              @if (task.status.title) {\n                <ax-chips\n                  class=\"__status-chip\"\n                  [size]=\"'ax-sm'\"\n                  [look]=\"'twotone'\"\n                  [color]=\"getStatusColor(task)\"\n                  [text]=\"(task.status.title | translate | async)!\"\n                ></ax-chips>\n              }\n            </div>\n\n            <div class=\"__meta\">\n              @if (getProviderTitle(task); as providerTitle) {\n                <span class=\"__meta-item\" [title]=\"'@task-management:task-board.grid-headers.type' | translate | async\">\n                  <i [class]=\"getProviderIcon(task)\" aria-hidden=\"true\"></i>\n                  <span>{{ providerTitle | translate | async }}</span>\n                </span>\n              }\n\n              @if (hasExplicitDueDate(task) && task.endDate) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.due-date' | translate | async\"\n                >\n                  <i class=\"fa-light fa-calendar\" aria-hidden=\"true\"></i>\n                  <span>{{ task.endDate | format: 'datetime' : { format: 'datetime' } | async }}</span>\n                </span>\n              } @else if (task.createdAt) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.received' | translate | async\"\n                >\n                  <i class=\"fa-light fa-inbox\" aria-hidden=\"true\"></i>\n                  <span>{{ task.createdAt | format: 'datetime' : { format: 'datetime' } | async }}</span>\n                </span>\n              }\n\n              @if (task.reporter.fullName) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.reporter' | translate | async\"\n                >\n                  <i class=\"fa-light fa-user-pen\" aria-hidden=\"true\"></i>\n                  <span>{{ task.reporter.fullName }}</span>\n                </span>\n              } @else if (task.assignee; as assignee) {\n                @if (assignee.fullName) {\n                  <span\n                    class=\"__meta-item\"\n                    [title]=\"'@task-management:task-board.grid-headers.assignee' | translate | async\"\n                  >\n                    <i class=\"fa-light fa-user\" aria-hidden=\"true\"></i>\n                    <span>{{ assignee.fullName }}</span>\n                  </span>\n                }\n              }\n            </div>\n          </div>\n        </div>\n      } @empty {\n        <axp-state-message\n          icon=\"fa-light fa-clipboard-list-check\"\n          [title]=\"'@dashboard:task-board.no-tasks-found.title'\"\n          [description]=\"'@dashboard:task-board.no-tasks-found.description'\"\n        ></axp-state-message>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".__accent.axm-task-board-accent--primary{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--secondary{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-secondary-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--success{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-success-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--warning{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-warning-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--danger{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent1{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent1-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent2{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent2-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent3{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent3-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--neutral,.__accent.axm-task-board-accent--ghost{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host{display:block;width:100%;height:100%}.__list{display:flex;flex-direction:column;gap:.5rem}.__item{display:flex;cursor:pointer;align-items:stretch;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));text-align:start;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.__item:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface));box-shadow:0 1px 4px rgba(var(--ax-sys-color-on-surface),.06)}.__item:active{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}.__item .__accent{width:3px;flex-shrink:0;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}.__item .__content{min-width:0px;flex:1 1 0%;padding:.625rem .75rem}.__item .__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.__item .__title{margin:0;min-width:0px;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1.375}.__item .__status-chip{max-width:45%;flex-shrink:0;pointer-events:none}.__item .__meta{margin-top:.375rem;display:flex;flex-wrap:wrap;align-items:center;column-gap:.75rem;row-gap:.375rem;font-size:.75rem;line-height:1rem;line-height:1.25;opacity:.8}.__item .__meta-item{display:inline-flex;min-width:0px;max-width:100%;align-items:center;gap:.25rem}.__item .__meta-item i{flex-shrink:0;font-size:.75rem;line-height:1rem;opacity:.85}.__item .__meta-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-badge{transition:transform .15s ease}.filter-badge:hover{transform:translateY(-1px)}.__list>.__item{animation:slideIn .25s ease forwards;opacity:0}.__list>.__item:nth-child(1){animation-delay:.04s}.__list>.__item:nth-child(2){animation-delay:.08s}.__list>.__item:nth-child(3){animation-delay:.12s}.__list>.__item:nth-child(4){animation-delay:.16s}.__list>.__item:nth-child(5){animation-delay:.2s}.__list>.__item:nth-child(6){animation-delay:.24s}.__list>.__item:nth-child(7){animation-delay:.28s}.__list>.__item:nth-child(8){animation-delay:.32s}.__list>.__item:nth-child(9){animation-delay:.36s}.__list>.__item:nth-child(10){animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "text", "look", "size"], outputs: ["textChange", "lookChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [
-                        CommonModule,
-                        AXFormatPipe,
-                        AXChipsComponent,
-                        AXButtonComponent,
-                        AXContextMenuComponent,
-                        AXDecoratorIconComponent,
-                        AXDecoratorGenericComponent,
-                        AXPStateMessageComponent,
-                    ], 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        <axp-state-message\n          icon=\"fa-light fa-clipboard-list-check\"\n          [title]=\"'@dashboard:task-board.no-tasks-found.title'\"\n          [description]=\"'@dashboard:task-board.no-tasks-found.description'\"\n        >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div class=\"ax-flex ax-gap-3 ax-items-center ax-p-3 task-item priority-{{ task.priority }}\">\n    <!-- Task Details -->\n    <div class=\"ax-overflow-hidden ax-grow ax-text-start\" (click)=\"onTaskClick(task)\">\n      <!-- Title and Priority -->\n      <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-2\">\n        <ax-title class=\"ax-font-medium ax-truncate ax-pb-1 ax-grow min-w-0\" [title]=\"task.title\">\n          {{ task.title }}\n        </ax-title>\n        <!-- More Options Button -->\n        <ax-button look=\"link\" class=\"ax-sm\" (onClick)=\"onMoreOptionsClick(task, $event)\">\n          <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n        </ax-button>\n      </div>\n\n      <!-- Metadata -->\n      @if (task.endDate || task.assignee) {\n        <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-pt-2 ax-text-xs\">\n          @if (task.endDate) {\n            <span class=\"ax-flex ax-items-center ax-gap-1 due-date\">\n              <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n              <ax-subtitle>{{ task.endDate | format: 'datetime' : { format: 'datetime' } | async }}</ax-subtitle>\n            </span>\n          }\n          @if (task.assignee) {\n            <span class=\"ax-flex ax-items-center ax-gap-1\">\n              @if (task.assignee.avatarUrl) {\n                <img [src]=\"task.assignee.avatarUrl\" class=\"ax-w-4 ax-h-4 ax-rounded-full\" />\n              } @else {\n                <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n              }\n              <ax-subtitle>{{ task.assignee.fullName }}</ax-subtitle>\n            </span>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ax-context-menu\n  #contextMenu\n  [closeOn]=\"'leave'\"\n  [orientation]=\"'vertical'\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n", styles: [":host{display:block;height:100%;width:100%}.task-item{transition:all .2s ease-in-out;border-left:3px solid transparent}.task-item:hover{background-color:rgba(var(--ax-sys-color-on-surface),.1);transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.task-item.priority-highest{border-left-color:rgb(var(--ax-sys-color-danger-500))}.task-item.priority-high{border-left-color:rgb(var(--ax-sys-color-danger-400))}.task-item.priority-medium{border-left-color:rgb(var(--ax-sys-color-warning-500))}.task-item.priority-low{border-left-color:rgb(var(--ax-sys-color-success-500))}.task-item.priority-lowest{border-left-color:rgb(var(--ax-sys-color-success-300))}.task-item:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ax-space-y-2>*{animation:slideInRight .3s ease forwards;opacity:0}.ax-space-y-2>*:nth-child(1){animation-delay:.05s}.ax-space-y-2>*:nth-child(2){animation-delay:.1s}.ax-space-y-2>*:nth-child(3){animation-delay:.15s}.ax-space-y-2>*:nth-child(4){animation-delay:.2s}.ax-space-y-2>*:nth-child(5){animation-delay:.25s}.ax-space-y-2>*:nth-child(6){animation-delay:.3s}.ax-space-y-2>*:nth-child(7){animation-delay:.35s}.ax-space-y-2>*:nth-child(8){animation-delay:.4s}.ax-space-y-2>*:nth-child(9){animation-delay:.45s}.ax-space-y-2>*:nth-child(10){animation-delay:.5s}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}\n"] }]
-        }], propDecorators: { taskClick: [{ type: i0.Output, args: ["taskClick"] }], contextMenu: [{ type: i0.ViewChild, args: ['contextMenu', { isSignal: true }] }] } });
+            args: [{ imports: [CommonModule, AXFormatPipe, AXChipsComponent, AXTranslationModule, AXPStateMessageComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-2\">\n    @for (badge of priorityBadges(); track badge.name) {\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        ></ax-chips>\n      }\n    }\n  </div>\n\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-4\">\n    @for (badge of dueStatusBadges(); track badge.name) {\n      <ax-chips\n        [size]=\"'ax-sm'\"\n        [color]=\"badge.color\"\n        class=\"ax-cursor-pointer filter-badge\"\n        [text]=\"(badge.label | translate | async)! + ' (' + badge.count + ')'\"\n        (click)=\"onDueStatusFilterChange(badge.name)\"\n        [look]=\"selectedDueStatuses().has(badge.name) ? 'solid' : 'outline'\"\n      ></ax-chips>\n    }\n  </div>\n\n  <div class=\"ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    <div class=\"__list\">\n      @for (task of filteredTasks(); track task.id) {\n        <div class=\"__item\" (click)=\"onTaskClick(task, $event)\">\n          <div class=\"__accent\" [class]=\"getAccentClass(task)\" aria-hidden=\"true\"></div>\n\n          <div class=\"__content\">\n            <div class=\"__header\">\n              <p class=\"__title\" [title]=\"task.title\">{{ task.title }}</p>\n\n              @if (task.status.title) {\n                <ax-chips\n                  class=\"__status-chip\"\n                  [size]=\"'ax-sm'\"\n                  [look]=\"'twotone'\"\n                  [color]=\"getStatusColor(task)\"\n                  [text]=\"(task.status.title | translate | async)!\"\n                ></ax-chips>\n              }\n            </div>\n\n            <div class=\"__meta\">\n              @if (getProviderTitle(task); as providerTitle) {\n                <span class=\"__meta-item\" [title]=\"'@task-management:task-board.grid-headers.type' | translate | async\">\n                  <i [class]=\"getProviderIcon(task)\" aria-hidden=\"true\"></i>\n                  <span>{{ providerTitle | translate | async }}</span>\n                </span>\n              }\n\n              @if (hasExplicitDueDate(task) && task.endDate) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.due-date' | translate | async\"\n                >\n                  <i class=\"fa-light fa-calendar\" aria-hidden=\"true\"></i>\n                  <span>{{ task.endDate | format: 'datetime' : { format: 'datetime' } | async }}</span>\n                </span>\n              } @else if (task.createdAt) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.received' | translate | async\"\n                >\n                  <i class=\"fa-light fa-inbox\" aria-hidden=\"true\"></i>\n                  <span>{{ task.createdAt | format: 'datetime' : { format: 'datetime' } | async }}</span>\n                </span>\n              }\n\n              @if (task.reporter.fullName) {\n                <span\n                  class=\"__meta-item\"\n                  [title]=\"'@task-management:task-board.grid-headers.reporter' | translate | async\"\n                >\n                  <i class=\"fa-light fa-user-pen\" aria-hidden=\"true\"></i>\n                  <span>{{ task.reporter.fullName }}</span>\n                </span>\n              } @else if (task.assignee; as assignee) {\n                @if (assignee.fullName) {\n                  <span\n                    class=\"__meta-item\"\n                    [title]=\"'@task-management:task-board.grid-headers.assignee' | translate | async\"\n                  >\n                    <i class=\"fa-light fa-user\" aria-hidden=\"true\"></i>\n                    <span>{{ assignee.fullName }}</span>\n                  </span>\n                }\n              }\n            </div>\n          </div>\n        </div>\n      } @empty {\n        <axp-state-message\n          icon=\"fa-light fa-clipboard-list-check\"\n          [title]=\"'@dashboard:task-board.no-tasks-found.title'\"\n          [description]=\"'@dashboard:task-board.no-tasks-found.description'\"\n        ></axp-state-message>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".__accent.axm-task-board-accent--primary{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--secondary{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-secondary-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--success{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-success-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--warning{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-warning-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--danger{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent1{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent1-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent2{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent2-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--accent3{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-accent3-surface),var(--tw-bg-opacity, 1))}.__accent.axm-task-board-accent--neutral,.__accent.axm-task-board-accent--ghost{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host{display:block;width:100%;height:100%}.__list{display:flex;flex-direction:column;gap:.5rem}.__item{display:flex;cursor:pointer;align-items:stretch;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));text-align:start;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.__item:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface));box-shadow:0 1px 4px rgba(var(--ax-sys-color-on-surface),.06)}.__item:active{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}.__item .__accent{width:3px;flex-shrink:0;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}.__item .__content{min-width:0px;flex:1 1 0%;padding:.625rem .75rem}.__item .__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.__item .__title{margin:0;min-width:0px;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1.375}.__item .__status-chip{max-width:45%;flex-shrink:0;pointer-events:none}.__item .__meta{margin-top:.375rem;display:flex;flex-wrap:wrap;align-items:center;column-gap:.75rem;row-gap:.375rem;font-size:.75rem;line-height:1rem;line-height:1.25;opacity:.8}.__item .__meta-item{display:inline-flex;min-width:0px;max-width:100%;align-items:center;gap:.25rem}.__item .__meta-item i{flex-shrink:0;font-size:.75rem;line-height:1rem;opacity:.85}.__item .__meta-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-badge{transition:transform .15s ease}.filter-badge:hover{transform:translateY(-1px)}.__list>.__item{animation:slideIn .25s ease forwards;opacity:0}.__list>.__item:nth-child(1){animation-delay:.04s}.__list>.__item:nth-child(2){animation-delay:.08s}.__list>.__item:nth-child(3){animation-delay:.12s}.__list>.__item:nth-child(4){animation-delay:.16s}.__list>.__item:nth-child(5){animation-delay:.2s}.__list>.__item:nth-child(6){animation-delay:.24s}.__list>.__item:nth-child(7){animation-delay:.28s}.__list>.__item:nth-child(8){animation-delay:.32s}.__list>.__item:nth-child(9){animation-delay:.36s}.__list>.__item:nth-child(10){animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { taskClick: [{ type: i0.Output, args: ["taskClick"] }] } });
 
 var taskBoardWidget_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -464,6 +1072,31 @@ const AXPTaskBoardWidget = {
             },
             visible: true,
         },
+        // ====== Color By ======
+        {
+            name: 'colorBy',
+            title: '@dashboard:task-board.color-by',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                dataType: 'string',
+                interface: {
+                    name: 'colorBy',
+                    path: 'options.colorBy',
+                    type: AXPWidgetsCatalog.select,
+                    options: {
+                        valueField: 'name',
+                        textField: 'title',
+                        allowClear: true,
+                        dataSource: [
+                            { title: 'Due Date', name: 'dueDate' },
+                            { title: 'Priority', name: 'priority' },
+                            { title: 'Status', name: 'status' },
+                        ],
+                    },
+                },
+            },
+            visible: true,
+        },
         // ====== Display options ======
         {
             name: 'maxItems',
@@ -604,22 +1237,7 @@ class AXPTaskTypeDataSourceDefinition {
                         type: AXPWidgetsCatalog.text,
                     },
                 ],
-                filters: [
-                    {
-                        field: 'title',
-                        title: 'Title',
-                        operator: {
-                            type: 'equal',
-                        },
-                        widget: {
-                            type: AXPWidgetsCatalog.text,
-                        },
-                        filterType: {
-                            advance: true,
-                            inline: true,
-                        },
-                    },
-                ],
+                filters: [],
                 textField: {
                     name: 'title',
                     title: 'Title',
@@ -666,13 +1284,18 @@ function hasTaskBoardSavedAssigneePreference(savedAssigneeIds) {
     return savedAssigneeIds !== undefined && savedAssigneeIds !== null;
 }
 /**
- * Resolves saved assignee ids from settings. When the setting is unset (`undefined`/`null`),
- * defaults to the signed-in user. An explicit empty array means "no assignee filter".
+ * Resolves saved assignee ids from settings. When the setting is unset (`undefined`/`null`):
+ * - Users with view-all permission default to no assignee filter (all tasks).
+ * - Everyone else defaults to the signed-in user only.
+ * An explicit empty array means "no assignee filter".
  */
 function resolveTaskBoardSavedAssigneeIds(sessionService, savedAssigneeIds) {
     if (hasTaskBoardSavedAssigneePreference(savedAssigneeIds)) {
         return savedAssigneeIds ?? [];
     }
+    if (canViewAllTaskAssignees(sessionService)) {
+        return [];
+    }
     const currentUserId = sessionService.user?.id;
     return currentUserId != null ? [currentUserId] : [];
 }
@@ -850,14 +1473,14 @@ function createAppRoute() {
     const config = inject(AXP_ENTITY_CONFIG_TOKEN);
     return {
         path: ':app/TaskManagement/task-board',
-        canActivate: [AXPAuthGuard],
+        canActivate: [...AXP_PROTECTED_ROUTE_GUARDS],
         loadComponent: () => {
             return config.viewers.root();
         },
         children: [
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-task-management-task-board.page-BmUIngWk.mjs').then((c) => c.AXMTaskBoardPage),
+                loadComponent: () => import('./acorex-modules-task-management-task-board.page-Brgg9wJa.mjs').then((c) => c.AXMTaskBoardPage),
             },
         ],
     };
@@ -933,6 +1556,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+function toTaskBoardHolidayDate(occasion) {
+    return mapCalendarOccasionToHolidayDate(occasion);
+}
+
 /**
  * An abstract class for a workflow task provider, which is responsible for
  * fetching and manipulating task data from a specific source.
@@ -992,6 +1619,10 @@ class AXPTaskPopoverComponent {
         });
     }
 }
+/**
+ * Optional resolver registered by workflow-management to discover task providers on demand.
+ */
+const AXP_WORKFLOW_TASK_PROVIDER_RESOLVER = new InjectionToken('AXP_WORKFLOW_TASK_PROVIDER_RESOLVER');
 /**
  * Injection token for registering multiple workflow task providers.
  */
@@ -1001,7 +1632,8 @@ class AXPTaskBoardService {
     constructor() {
         this.calendarService = inject(AXCalendarService);
         this.calendarManagementService = inject(AXMCalendarManagementService);
-        this.providers = inject(AXP_WORKFLOW_TASK_PROVIDER, { optional: true });
+        this.injector = inject(Injector);
+        this.providerResolver = inject(AXP_WORKFLOW_TASK_PROVIDER_RESOLVER, { optional: true });
         this.destroyRef = inject(DestroyRef);
         this.eventService = inject(AXPBroadcastEventService);
         /** Cached resolved providers; set after first call to resolveProviders(). */
@@ -1058,21 +1690,44 @@ class AXPTaskBoardService {
         const ref = taskOrRef;
         this.eventService.publish('task-board.open-task', ref);
     }
+    /** Clears cached workflow task providers so the next resolve re-reads DI registrations. */
+    clearProviderCache() {
+        this.resolvedProviders = null;
+    }
     /**
-     * Resolves the providers array: if elements are Promises, awaits them and returns the resolved list.
-     * Result is cached for subsequent sync access (e.g. getProvider).
+     * Resolves workflow task providers. Uses the optional workflow resolver when registered so discovery
+     * can be re-run after workflow definitions become available (first app load before mock seed).
      */
     async resolveProviders() {
-        if (this.resolvedProviders !== null) {
+        if (this.resolvedProviders !== null && this.resolvedProviders.length > 0) {
             return this.resolvedProviders;
         }
-        const raw = this.providers ?? [];
-        const resolved = await Promise.all(raw.map((p) => Promise.resolve(p)));
-        // Each DI entry can be either a single provider or an array of providers (or Promises of them).
-        // Flatten one level so factories that return arrays of providers are supported.
+        let providers = [];
+        if (this.providerResolver) {
+            providers = await this.providerResolver();
+            if (providers.length === 0) {
+                providers = await this.providerResolver({ force: true });
+            }
+        }
+        else {
+            providers = await this.flattenProviderEntries(this.getInjectedProviderEntries());
+        }
+        if (providers.length > 0) {
+            this.resolvedProviders = providers;
+        }
+        return providers;
+    }
+    getInjectedProviderEntries() {
+        const injected = this.injector.get(AXP_WORKFLOW_TASK_PROVIDER, null, { optional: true });
+        if (injected == null) {
+            return [];
+        }
+        return Array.isArray(injected) ? injected : [injected];
+    }
+    async flattenProviderEntries(entries) {
+        const resolved = await Promise.all(entries.map((entry) => Promise.resolve(entry)));
         const flattened = resolved.flatMap((entry) => (Array.isArray(entry) ? entry : [entry]));
-        this.resolvedProviders = flattened.filter((p) => p != null && typeof p.getTasks === 'function');
-        return this.resolvedProviders;
+        return flattened.filter((provider) => provider != null && typeof provider.getTasks === 'function');
     }
     async getTaskTypes() {
         return this.resolveProviders();
@@ -1163,12 +1818,8 @@ class AXPTaskBoardService {
         return statuses.find((s) => s.key === key)?.title ?? null;
     }
     async getEvents(range, eventTypeIds) {
-        const events = await this.calendarManagementService.getEvents(range, eventTypeIds);
-        return events.map((event) => ({
-            date: event.date,
-            title: event.title,
-            description: event.description,
-        }));
+        const events = await this.calendarManagementService.getOccasions(range, eventTypeIds);
+        return events.map((event) => toTaskBoardHolidayDate(event));
     }
     async getCalendarEventTypes() {
         try {
@@ -1228,22 +1879,6 @@ 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. */
@@ -1469,7 +2104,7 @@ class AXMTaskBoardDefaultTaskPopoverComponent extends AXPTaskPopoverComponent {
         </div>
       </div>
     }
-  `, isInline: true, styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px;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 }); }
+  `, isInline: true, styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px;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=urgent]{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=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover__icon--priority[data-priority=low]{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=urgent]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover__priority[data-priority=low]{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,
@@ -1578,7 +2213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         </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;min-width:280px;max-width:420px;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"] }]
+  `, 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;min-width:280px;max-width:420px;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=urgent]{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=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover__icon--priority[data-priority=low]{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=urgent]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover__priority[data-priority=low]{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.
@@ -1629,7 +2264,19 @@ class AXMTaskBoardTaskPopoverShellComponent {
         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.localeService = inject(AXLocaleService);
+        this.formatService = inject(AXFormatService);
+        this.settingsService = inject(AXPSettingsService);
+        this.translationService = inject(AXTranslationService);
+        this.i18nParams = signal({}, ...(ngDevMode ? [{ debugName: "i18nParams" }] : /* istanbul ignore next */ []));
+        this.titleKey = computed(() => getTaskTranslationKey(this.task(), 'title'), ...(ngDevMode ? [{ debugName: "titleKey" }] : /* istanbul ignore next */ []));
         this.bodyInputs = computed(() => ({ task: this.task() }), ...(ngDevMode ? [{ debugName: "bodyInputs" }] : /* istanbul ignore next */ []));
+        this.i18nParamsEffect = effect(() => {
+            const task = this.task();
+            void this.localeService.activeProfile().localeInfo?.code;
+            const raw = get(task.data, 'taskI18nParams');
+            void formatTaskI18nParamsForTranslate(raw, this.translationService, this.formatService, this.settingsService).then((params) => this.i18nParams.set(params));
+        }, ...(ngDevMode ? [{ debugName: "i18nParamsEffect" }] : /* 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: `
@@ -1637,7 +2284,13 @@ class AXMTaskBoardTaskPopoverShellComponent {
       <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>
+            <h3 class="task-popover__title">
+              @if (titleKey(); as key) {
+                {{ key | translate: { params: i18nParams() } | async }}
+              } @else {
+                {{ 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>
@@ -1650,7 +2303,7 @@ class AXMTaskBoardTaskPopoverShellComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px;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 }); }
+  `, isInline: true, styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px;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=urgent]{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=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover__icon--priority[data-priority=low]{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=urgent]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover__priority[data-priority=low]{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"] }, { 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: AXMTaskBoardTaskPopoverShellComponent, decorators: [{
             type: Component,
@@ -1659,7 +2312,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       <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>
+            <h3 class="task-popover__title">
+              @if (titleKey(); as key) {
+                {{ key | translate: { params: i18nParams() } | async }}
+              } @else {
+                {{ 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>
@@ -1672,7 +2331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }
       </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;min-width:280px;max-width:420px;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"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXDecoratorModule, AXTranslationModule], styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px;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=urgent]{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=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover__icon--priority[data-priority=low]{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=urgent]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover__priority[data-priority=low]{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
@@ -1858,13 +2517,20 @@ class AXMTaskBoardTaskPopoverOverlayService {
             if (!target || !overlayElement) {
                 return;
             }
-            if (anchor.contains(target) || overlayElement.contains(target)) {
+            if (this.isInsideTaskPopoverInteractiveSurface(target, overlayElement, anchor)) {
                 return;
             }
             this.close();
         };
         this.document.addEventListener('mousedown', this.outsideClickHandler);
     }
+    /** Dropdown menus render outside the popover overlay; ignore those clicks when dismissing. */
+    isInsideTaskPopoverInteractiveSurface(target, overlayElement, anchor) {
+        if (anchor.contains(target) || overlayElement.contains(target)) {
+            return true;
+        }
+        return Boolean(target.closest('ax-dropdown-panel, ax-button-item-list, ax-button-item, ax-dropdown-button, .ax-dropdown-panel'));
+    }
     removeDismissHandlers() {
         if (this.keydownHandler) {
             this.document.removeEventListener('keydown', this.keydownHandler);
@@ -1947,11 +2613,10 @@ var taskBoardShortcut_component = /*#__PURE__*/Object.freeze({
 });
 
 const VALID_PRIORITIES = [
-    { title: 'Highest', name: 'highest' },
+    { title: 'Urgent', name: 'urgent' },
     { title: 'High', name: 'high' },
-    { title: 'Medium', name: 'medium' },
+    { title: 'Normal', name: 'normal' },
     { title: 'Low', name: 'low' },
-    { title: 'Lowest', name: 'lowest' },
     { title: 'No Priority', name: 'no_priority' },
 ];
 const VALID_DATE_RANGES = [
@@ -2251,179 +2916,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Injectable
         }] });
 
-var AXMTaskBoardSettings;
-(function (AXMTaskBoardSettings) {
-    /** User preference: visible modes inside Calendar part. */
-    AXMTaskBoardSettings["VisibleCalendarModes"] = "TaskManagement:Setting:TaskBoard.VisibleModes.Calendar";
-    /** User preference: visible modes inside Timeline part. */
-    AXMTaskBoardSettings["VisibleTimelineModes"] = "TaskManagement:Setting:TaskBoard.VisibleModes.Timeline";
-    /** User preference: visible modes inside Table part. */
-    AXMTaskBoardSettings["VisibleTableModes"] = "TaskManagement:Setting:TaskBoard.VisibleModes.Table";
-    /** User preference: visible modes inside Kanban part. */
-    AXMTaskBoardSettings["VisibleKanbanModes"] = "TaskManagement:Setting:TaskBoard.VisibleModes.Kanban";
-    AXMTaskBoardSettings["ViewMode"] = "taskboard.viewMode";
-    AXMTaskBoardSettings["DetailPanel"] = "taskboard.DetailPanel";
-    AXMTaskBoardSettings["DaysCount"] = "taskboard.calendar.daysCount";
-    AXMTaskBoardSettings["CurrentDate"] = "taskboard.calendar.currentDate";
-    AXMTaskBoardSettings["SelectedPriorities"] = "taskboard.filter.selectedPriorities";
-    AXMTaskBoardSettings["SelectedAssigneeIds"] = "taskboard.filter.selectedAssigneeIds";
-    AXMTaskBoardSettings["SelectedReporterIds"] = "taskboard.filter.selectedReporterIds";
-    AXMTaskBoardSettings["SelectedTaskTypeNames"] = "taskboard.filter.selectedTaskTypeNames";
-    AXMTaskBoardSettings["SelectedCalendarEventTypeIds"] = "taskboard.filter.selectedCalendarEventTypeIds";
-})(AXMTaskBoardSettings || (AXMTaskBoardSettings = {}));
-
-//#region ---- Task Board View Mode Ids ----
-/** Literal union of every selectable task board mode (matches scheduler + table + kanban). */
-const AXM_TASK_BOARD_ALL_VIEW_MODE_IDS = [
-    'day',
-    'week',
-    'month',
-    'agenda',
-    'timeline-day',
-    'timeline-weekly',
-    'timeline-month',
-    'timeline-year',
-    'grid',
-    'status-grouped-grid',
-    'kanban',
-];
-const AXM_TASK_BOARD_CALENDAR_VIEW_MODE_IDS = ['day', 'week', 'month', 'agenda'];
-const AXM_TASK_BOARD_TIMELINE_VIEW_MODE_IDS = [
-    'timeline-day',
-    'timeline-weekly',
-    'timeline-month',
-    'timeline-year',
-];
-const AXM_TASK_BOARD_TABLE_VIEW_MODE_IDS = ['grid', 'status-grouped-grid'];
-const AXM_TASK_BOARD_KANBAN_VIEW_MODE_IDS = ['kanban'];
-/**
- * Normalizes persisted setting: removes unknown ids; empty or missing falls back to full list.
- */
-function normalizeVisibleTaskBoardViewModeIds(raw) {
-    const allowed = new Set(AXM_TASK_BOARD_ALL_VIEW_MODE_IDS);
-    if (!raw?.length) {
-        return [...AXM_TASK_BOARD_ALL_VIEW_MODE_IDS];
-    }
-    const next = raw.filter((id) => allowed.has(id));
-    return next.length > 0 ? next : [...AXM_TASK_BOARD_ALL_VIEW_MODE_IDS];
-}
-/**
- * Normalizes each part and combines them into one visible mode list.
- */
-function normalizeVisibleTaskBoardModesByParts(params) {
-    const calendar = normalizePart(params.calendar, AXM_TASK_BOARD_CALENDAR_VIEW_MODE_IDS);
-    const timeline = normalizePart(params.timeline, AXM_TASK_BOARD_TIMELINE_VIEW_MODE_IDS);
-    const table = normalizePart(params.table, AXM_TASK_BOARD_TABLE_VIEW_MODE_IDS);
-    const kanban = normalizePart(params.kanban, AXM_TASK_BOARD_KANBAN_VIEW_MODE_IDS);
-    return [...calendar, ...timeline, ...table, ...kanban];
-}
-function normalizePart(raw, partIds) {
-    const allowed = new Set(partIds);
-    // Missing value means "not configured yet" => default to all.
-    if (raw == null) {
-        return [...partIds];
-    }
-    // Explicit empty selection means "show nothing in this part".
-    if (raw.length === 0) {
-        return [];
-    }
-    const filtered = raw.filter((id) => allowed.has(id));
-    return filtered;
-}
-//#endregion
-
 //#region ---- Imports ----
 //#endregion
 //#region ---- Settings Provider ----
 const I18N = `@${RootConfig.config.i18n}:settings`;
 class AXMSettingProvider {
     async provide(context) {
-        const calendarModeDataSource = AXM_TASK_BOARD_CALENDAR_VIEW_MODE_IDS.map((id) => ({
-            value: id,
-            text: `${I18N}.task-management.taskboard.parts.calendar.mode-options.${id}`,
-        }));
-        const timelineModeDataSource = AXM_TASK_BOARD_TIMELINE_VIEW_MODE_IDS.map((id) => ({
-            value: id,
-            text: `${I18N}.task-management.taskboard.parts.timeline.mode-options.${id}`,
-        }));
-        const tableModeDataSource = AXM_TASK_BOARD_TABLE_VIEW_MODE_IDS.map((id) => ({
-            value: id,
-            text: `${I18N}.task-management.taskboard.parts.table.mode-options.${id}`,
-        }));
-        const kanbanModeDataSource = AXM_TASK_BOARD_KANBAN_VIEW_MODE_IDS.map((id) => ({
-            value: id,
-            text: `${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`, 90)
             .addSection('taskboard', `${I18N}.task-management.taskboard.section.title`, `${I18N}.task-management.taskboard.section.description`)
             .addSetting({
-            key: AXMTaskBoardSettings.VisibleCalendarModes,
+            key: AXMTaskBoardSettings.VisibleCalendar,
             title: `${I18N}.task-management.taskboard.parts.calendar.title`,
             scope: 'U',
             isInherited: true,
-            defaultValue: [...AXM_TASK_BOARD_CALENDAR_VIEW_MODE_IDS],
-            widget: {
-                type: AXPWidgetsList.Editors.SelectionList,
-                options: {
-                    multiple: true,
-                    valueField: 'value',
-                    textField: 'text',
-                    dataSource: calendarModeDataSource,
-                },
-            },
+            defaultValue: true,
+            widget: { type: AXPWidgetsList.Editors.ToggleSwitch },
             description: `${I18N}.task-management.taskboard.parts.calendar.description`,
         })
             .addSetting({
-            key: AXMTaskBoardSettings.VisibleTimelineModes,
+            key: AXMTaskBoardSettings.VisibleTimeline,
             title: `${I18N}.task-management.taskboard.parts.timeline.title`,
             scope: 'U',
             isInherited: true,
-            defaultValue: [...AXM_TASK_BOARD_TIMELINE_VIEW_MODE_IDS],
-            widget: {
-                type: AXPWidgetsList.Editors.SelectionList,
-                options: {
-                    multiple: true,
-                    valueField: 'value',
-                    textField: 'text',
-                    dataSource: timelineModeDataSource,
-                },
-            },
+            defaultValue: true,
+            widget: { type: AXPWidgetsList.Editors.ToggleSwitch },
             description: `${I18N}.task-management.taskboard.parts.timeline.description`,
         })
             .addSetting({
-            key: AXMTaskBoardSettings.VisibleTableModes,
+            key: AXMTaskBoardSettings.VisibleTable,
             title: `${I18N}.task-management.taskboard.parts.table.title`,
             scope: 'U',
             isInherited: true,
-            defaultValue: [...AXM_TASK_BOARD_TABLE_VIEW_MODE_IDS],
-            widget: {
-                type: AXPWidgetsList.Editors.SelectionList,
-                options: {
-                    multiple: true,
-                    valueField: 'value',
-                    textField: 'text',
-                    dataSource: tableModeDataSource,
-                },
-            },
+            defaultValue: true,
+            widget: { type: AXPWidgetsList.Editors.ToggleSwitch },
             description: `${I18N}.task-management.taskboard.parts.table.description`,
         })
             .addSetting({
-            key: AXMTaskBoardSettings.VisibleKanbanModes,
+            key: AXMTaskBoardSettings.VisibleKanban,
             title: `${I18N}.task-management.taskboard.parts.kanban.title`,
             scope: 'U',
             isInherited: true,
-            defaultValue: [...AXM_TASK_BOARD_KANBAN_VIEW_MODE_IDS],
+            defaultValue: true,
+            widget: { type: AXPWidgetsList.Editors.ToggleSwitch },
+            description: `${I18N}.task-management.taskboard.parts.kanban.description`,
+        })
+            .addSetting({
+            key: AXMTaskBoardSettings.ColorBy,
+            title: `${I18N}.task-management.taskboard.color-by.title`,
+            scope: 'U',
+            isInherited: true,
+            defaultValue: 'dueDate',
             widget: {
-                type: AXPWidgetsList.Editors.SelectionList,
+                type: AXPWidgetsList.Editors.SelectBox,
                 options: {
-                    multiple: true,
-                    valueField: 'value',
-                    textField: 'text',
-                    dataSource: kanbanModeDataSource,
+                    valueField: 'name',
+                    textField: 'title',
+                    dataSource: [
+                        { name: 'dueDate', title: `${I18N}.task-management.taskboard.color-by.due-date` },
+                        { name: 'priority', title: `${I18N}.task-management.taskboard.color-by.priority` },
+                        { name: 'status', title: `${I18N}.task-management.taskboard.color-by.status` },
+                    ],
                 },
             },
-            description: `${I18N}.task-management.taskboard.parts.kanban.description`,
+            description: `${I18N}.task-management.taskboard.color-by.description`,
         })
             .endSection()
             .endGroup();
@@ -5402,7 +5958,7 @@ async function taskAssignmentFactory(injector) {
             individual: RootConfig.entities.taskAssignment.title,
             plural: RootConfig.entities.taskAssignment.titlePlural,
             searchResult: {
-                title: '{{ assignmentRef.displayName }} - {{ role }}',
+                title: '{{ context.eval("assignmentRef.displayName") + " - " + context.eval("role") }}',
                 description: '{{ task.title }}',
             },
         },
@@ -5635,7 +6191,7 @@ async function taskAssignmentFactory(injector) {
                     ],
                 },
                 single: {
-                    title: '{{assignmentRef.displayName}} - {{role}}',
+                    title: '{{ context.eval("assignmentRef.displayName") + " - " + context.eval("role") }}',
                     sections: [
                         {
                             id: 'basic-info',
@@ -5721,8 +6277,8 @@ async function timeLogFactory(injector) {
             individual: RootConfig.entities.timeLog.title,
             plural: RootConfig.entities.timeLog.titlePlural,
             searchResult: {
-                title: '{{ duration }} hours - {{ description }}',
-                description: '{{ user.displayName }} on {{ task.title }}',
+                title: '{{ context.eval("duration") + " hours - " + context.eval("description") }}',
+                description: '{{ context.eval("user.displayName") + " on " + context.eval("task.title") }}',
             },
         },
         groups: [
@@ -6112,7 +6668,7 @@ async function taskDependencyFactory(injector) {
             plural: RootConfig.entities.taskDependency.titlePlural,
             searchResult: {
                 title: '{{ dependencyType }}',
-                description: '{{ task.title }} depends on {{ dependsOnTask.title }}',
+                description: '{{ context.eval("task.title") + " depends on " + context.eval("dependsOnTask.title") }}',
             },
         },
         plugins: [
@@ -6377,7 +6933,7 @@ async function taskContextFactory(injector) {
             individual: RootConfig.entities.taskContext.title,
             plural: RootConfig.entities.taskContext.titlePlural,
             searchResult: {
-                title: '{{ contextType }}: {{ contextTitle }}',
+                title: '{{ context.eval("contextType") + ": " + context.eval("contextTitle") }}',
                 description: '{{ task.title }}',
             },
         },
@@ -6550,7 +7106,7 @@ async function taskContextFactory(injector) {
                     ],
                 },
                 single: {
-                    title: '{{contextType}}: {{contextTitle}}',
+                    title: '{{ context.eval("contextType") + ": " + context.eval("contextTitle") }}',
                     sections: [
                         {
                             id: 'basic-info',
@@ -6996,5 +7552,5 @@ var taskTemplate_entity = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXM_TASK_BOARD_ALL_VIEW_MODE_IDS as A, AXPTaskTypeDataSourceDefinition as B, AXPWorkflowTaskProvider as C, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_BOARD as D, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_SHORTCUT as E, AXP_TASK_MANAGEMENT_DASHBOARD_WIDGET_CATEGORY as F, AXP_WORKFLOW_TASK_PROVIDER as G, TASK_BOARD_GRID_ROW_VIEW_ACTION as H, isTaskBoardUnassignedAssigneeId as I, matchesTaskBoardAssigneeFilter as J, matchesTaskBoardAssigneeUserIdsFilter as K, resolveTaskBoardCurrentUserAssigneeItem as L, resolveTaskPopoverComponent as M, taskAssignmentFactory as N, taskChecklistItemFactory as O, taskContextFactory as P, taskDependencyFactory as Q, RootConfig as R, taskFactory as S, TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH as T, taskStatusFactory as U, taskTemplateFactory as V, taskTypeFactory as W, timeLogFactory as X, 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, hasTaskBoardSavedAssigneePreference as h, AXMPermissionsKeys as i, AXMSearchCommandProvider as j, AXMSettingProvider as k, AXMTaskBoardDefaultTaskPopoverComponent as l, AXMTaskBoardTaskPopoverShellComponent as m, normalizeTaskBoardAssigneeIds as n, AXMTaskManagementEntityProvider as o, AXMTaskManagementMenuProvider as p, AXMTaskManagementModule as q, resolveTaskBoardSavedAssigneeIds as r, AXM_TASK_BOARD_UNASSIGNED_ASSIGNEE_ID as s, AXM_TASK_VIEW_ALL_PERMISSION as t, AXPTaskBoardModule as u, AXPTaskBoardShortcut as v, AXPTaskBoardShortcutViewComponent as w, AXPTaskBoardWidget as x, AXPTaskBoardWidgetViewComponent as y, AXPTaskPopoverComponent as z };
-//# sourceMappingURL=acorex-modules-task-management-acorex-modules-task-management-BB7eeaYX.mjs.map
+export { isTaskBoardUnassignedAssigneeId as $, AXMTaskBoardSettings as A, AXPTaskBoardShortcut as B, AXPTaskBoardShortcutViewComponent as C, AXPTaskBoardWidget as D, AXPTaskBoardWidgetViewComponent as E, AXPTaskPopoverComponent as F, AXPTaskTypeDataSourceDefinition as G, AXPWorkflowTaskProvider as H, AXP_DUE_STATUS_PROVIDERS as I, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_BOARD as J, AXP_TASK_MANAGEMENT_DASHBOARD_SUB_SHORTCUT as K, AXP_TASK_MANAGEMENT_DASHBOARD_WIDGET_CATEGORY as L, AXP_WORKFLOW_TASK_PROVIDER as M, AXP_WORKFLOW_TASK_PROVIDER_RESOLVER as N, TASK_BOARD_GRID_ROW_VIEW_ACTION as O, TASK_PRIORITY_ORDER as P, buildTaskAccentCssClass as Q, RootConfig as R, buildTaskAccentSurfaceCssClass as S, TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH as T, buildTaskSurfaceCssClass as U, formatTaskI18nParamsForTranslate as V, getDefaultDueStatusDefinitions as W, getTaskDueStatusKey as X, getTaskPriorityColor as Y, getTaskPriorityFilterKey as Z, getTaskTranslationKey as _, normalizeTaskBoardAssigneeIds as a, mapEntityStatusColorForBadge as a0, matchesTaskBoardAssigneeFilter as a1, matchesTaskBoardAssigneeUserIdsFilter as a2, matchesTaskDueStatusFilter as a3, matchesTaskPriorityFilter as a4, normalizePriorityFilterKey as a5, normalizeTaskPriority as a6, resolveDefaultTaskStatusColor as a7, resolveDueStatusFromDefinitions as a8, resolveTaskBoardAccentColor as a9, resolveTaskBoardCalendarPlacement as aa, resolveTaskBoardCurrentUserAssigneeItem as ab, resolveTaskBoardSchedulingRange as ac, resolveTaskBoardStatusColor as ad, resolveTaskPopoverComponent as ae, taskAssignmentFactory as af, taskChecklistItemFactory as ag, taskContextFactory as ah, taskDependencyFactory as ai, taskFactory as aj, taskOverlapsFilterRange as ak, taskStatusFactory as al, taskTemplateFactory as am, taskTypeFactory as an, timeLogFactory as ao, AXPTaskBoardService as b, canViewAllTaskAssignees as c, AXMTaskBoardTaskPopoverOverlayService as d, TASK_BOARD_GRID_ROW_ACTION_ITEMS as e, AXPDueStatusProviderService as f, filterTasksOverlappingRange as g, hasTaskBoardSavedAssigneePreference as h, enrichTaskBoardTasks as i, resolveTaskBoardSchedulerLabels as j, AXMDefaultDueStatusProvider as k, AXMPermissionsKeys as l, AXMSearchCommandProvider as m, normalizePriorityFilterKeys as n, AXMSettingProvider as o, AXMTaskBoardDefaultTaskPopoverComponent as p, AXMTaskBoardTaskPopoverShellComponent as q, resolveTaskBoardSavedAssigneeIds as r, AXMTaskManagementEntityProvider as s, AXMTaskManagementMenuProvider as t, AXMTaskManagementModule as u, AXM_TASK_BOARD_UNASSIGNED_ASSIGNEE_ID as v, AXM_TASK_VIEW_ALL_PERMISSION as w, AXPDueStatusProvider as x, AXPTASK_PRIORITIES as y, AXPTaskBoardModule as z };
+//# sourceMappingURL=acorex-modules-task-management-acorex-modules-task-management-Bp-9vZdR.mjs.map