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

package/fesm2022/acorex-modules-task-management-task-board.page-Brgg9wJa.mjs

@@ -0,0 +1,3368 @@
+import * as i8 from '@acorex/components/badge';
+import { AXBadgeModule } from '@acorex/components/badge';
+import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
+import * as i1$3 from '@acorex/components/button';
+import { AXButtonComponent, AXButtonModule } from '@acorex/components/button';
+import { AXCalendarComponent } from '@acorex/components/calendar';
+import * as i2$1 from '@acorex/components/decorators';
+import { AXDecoratorIconComponent, AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/dropdown';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import * as i7 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i2 from '@acorex/components/menu';
+import { AXMenuModule } from '@acorex/components/menu';
+import * as i9 from '@acorex/components/popover';
+import { AXPopoverModule } from '@acorex/components/popover';
+import * as i10 from '@acorex/components/selection-list';
+import { AXSelectionListModule } from '@acorex/components/selection-list';
+import { AXCalendarService } from '@acorex/core/date-time';
+import { AXLocaleService } from '@acorex/core/locale';
+import * as i5 from '@acorex/core/translation';
+import { AXTranslatorPipe, AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AXPPlatformScope, AXPDeviceService, AXPKeyboardShortcutRegistry, AXPDataSourceDefinitionProviderService, AXPKeyboardShortcutPriority } from '@acorex/platform/core';
+import { AXPStateMessageComponent, AXPThemeLayoutBlockComponent, AXPQueryFiltersComponent, AXPLayoutSideDetailPanelComponent, AXPLayoutSideDetailPanelSectionDirective } from '@acorex/platform/layout/components';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
+import * as i1$4 from '@angular/common';
+import { AsyncPipe, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { computed, inject, signal, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, DestroyRef, Injector, viewChild, input, output, untracked, afterNextRender, model, viewChildren, HostListener } from '@angular/core';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1$2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { Router, ActivatedRoute, NavigationEnd, RouterModule } from '@angular/router';
+import { isEqual, sortBy } from 'lodash-es';
+import { filter } from 'rxjs';
+import { n as normalizePriorityFilterKeys, A as AXMTaskBoardSettings, a as normalizeTaskBoardAssigneeIds, c as canViewAllTaskAssignees, h as hasTaskBoardSavedAssigneePreference, r as resolveTaskBoardSavedAssigneeIds, b as AXPTaskBoardService, R as RootConfig, d as AXMTaskBoardTaskPopoverOverlayService, T as TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH, e as TASK_BOARD_GRID_ROW_ACTION_ITEMS, f as AXPDueStatusProviderService, g as filterTasksOverlappingRange, i as enrichTaskBoardTasks, j as resolveTaskBoardSchedulerLabels } from './acorex-modules-task-management-acorex-modules-task-management-Bp-9vZdR.mjs';
+import { AXFormatPipe } from '@acorex/core/format';
+import * as i1 from '@acorex/platform/layout/widget-core';
+import { AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
+import { AXPSessionService } from '@acorex/platform/auth';
+import { applyDateFilterPreset, AXPRegionalSetting, AXPSettingsService } from '@acorex/platform/common';
+import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
+import { normalizeRegionalCalendarEventIds } from '@acorex/modules/calendar-management';
+import { AXSchedulerService, AXSchedulerComponent } from '@acorex/components/scheduler';
+import { AXPCommandService } from '@acorex/platform/runtime';
+import { AXDataSource } from '@acorex/cdk/common';
+import * as i1$1 from '@acorex/components/data-table';
+import { AXDataTableModule } from '@acorex/components/data-table';
+import { AXKanbanComponent } from '@acorex/components/kanban';
+
+//#region ---- Imports ----
+const AXM_TASK_BOARD_VIEW_CATEGORIES = [
+    'calendar',
+    'timeline',
+    'table',
+    'kanban',
+];
+const AXM_TASK_BOARD_DEFAULT_LAYOUT_BY_CATEGORY = {
+    calendar: 'monthly',
+    timeline: 'daily',
+    table: 'simple',
+    kanban: null,
+};
+//#endregion
+//#region ---- Category ↔ Leaf Mode ----
+const CALENDAR_LAYOUT_TO_MODE = {
+    daily: 'day',
+    weekly: 'week',
+    monthly: 'month',
+    agenda: 'agenda',
+};
+const TIMELINE_LAYOUT_TO_MODE = {
+    daily: 'timeline-day',
+    weekly: 'timeline-weekly',
+    monthly: 'timeline-month',
+    yearly: 'timeline-year',
+};
+const TABLE_LAYOUT_TO_MODE = {
+    simple: 'grid',
+    grouped: 'status-grouped-grid',
+};
+function resolveTaskBoardViewCategory(viewMode) {
+    if (viewMode === 'kanban') {
+        return 'kanban';
+    }
+    if (viewMode === 'grid' || viewMode === 'status-grouped-grid') {
+        return 'table';
+    }
+    if (viewMode.startsWith('timeline-')) {
+        return 'timeline';
+    }
+    return 'calendar';
+}
+function resolveTaskBoardViewLayout(viewMode) {
+    if (viewMode === 'kanban') {
+        return null;
+    }
+    const calendarEntry = Object.entries(CALENDAR_LAYOUT_TO_MODE).find(([, mode]) => mode === viewMode);
+    if (calendarEntry) {
+        return calendarEntry[0];
+    }
+    const timelineEntry = Object.entries(TIMELINE_LAYOUT_TO_MODE).find(([, mode]) => mode === viewMode);
+    if (timelineEntry) {
+        return timelineEntry[0];
+    }
+    const tableEntry = Object.entries(TABLE_LAYOUT_TO_MODE).find(([, mode]) => mode === viewMode);
+    if (tableEntry) {
+        return tableEntry[0];
+    }
+    return AXM_TASK_BOARD_DEFAULT_LAYOUT_BY_CATEGORY.calendar;
+}
+function resolveTaskBoardLeafViewMode(category, layout) {
+    switch (category) {
+        case 'calendar':
+            return CALENDAR_LAYOUT_TO_MODE[layout ?? 'monthly'] ?? 'month';
+        case 'timeline':
+            return TIMELINE_LAYOUT_TO_MODE[layout ?? 'daily'] ?? 'timeline-day';
+        case 'table':
+            return TABLE_LAYOUT_TO_MODE[layout ?? 'simple'] ?? 'grid';
+        case 'kanban':
+            return 'kanban';
+        default:
+            return 'month';
+    }
+}
+function isTaskBoardRangeFilterCategory(category) {
+    return category === 'table' || category === 'kanban';
+}
+function usesTaskBoardToolbarNavigator(_viewMode) {
+    return true;
+}
+function getTaskBoardLayoutOptions(category) {
+    switch (category) {
+        case 'calendar':
+            return [
+                { key: 'daily', text: 'daily', icon: 'fa-light fa-calendar-day' },
+                { key: 'weekly', text: 'weekly', icon: 'fa-light fa-calendar-week' },
+                { key: 'monthly', text: 'monthly', icon: 'fa-light fa-calendar-alt' },
+                { key: 'agenda', text: 'agenda', icon: 'fa-light fa-calendar-range' },
+            ];
+        case 'timeline':
+            return [
+                { key: 'daily', text: 'daily', icon: 'fa-light fa-calendar-day' },
+                { key: 'weekly', text: 'weekly', icon: 'fa-light fa-calendar-week' },
+                { key: 'monthly', text: 'monthly', icon: 'fa-light fa-calendar-alt' },
+                { key: 'yearly', text: 'yearly', icon: 'fa-light fa-calendar-range' },
+            ];
+        case 'table':
+            return [
+                { key: 'simple', text: 'grid', icon: 'fa-light fa-table' },
+                { key: 'grouped', text: 'status-grouped-grid', icon: 'fa-light fa-table' },
+            ];
+        default:
+            return [];
+    }
+}
+function deriveTaskBoardDateRangeFromNavigator(calendarService, viewMode, currentDate, daysCount) {
+    const cal = calendarService.create(currentDate);
+    switch (viewMode) {
+        case 'month':
+        case 'timeline-month':
+            return {
+                from: cal.startOf('month').date,
+                end: cal.endOf('month').date,
+            };
+        case 'week':
+            return {
+                from: cal.startOf('week').date,
+                end: cal.add('day', 6).date,
+            };
+        case 'timeline-weekly':
+            return {
+                from: cal.date,
+                end: cal.add('day', Math.max(1, daysCount) - 1).date,
+            };
+        case 'timeline-year':
+            return {
+                from: cal.startOf('year').date,
+                end: cal.endOf('year').date,
+            };
+        case 'agenda':
+        case 'grid':
+        case 'status-grouped-grid':
+        case 'kanban':
+            return {
+                from: cal.date,
+                end: cal.add('day', Math.max(1, daysCount) - 1).date,
+            };
+        case 'day':
+        case 'timeline-day':
+        default:
+            return {
+                from: cal.startOf('day').date,
+                end: cal.endOf('day').date,
+            };
+    }
+}
+function createTodayTaskBoardDateFilterValue(calendarService) {
+    return applyDateFilterPreset('today', calendarService) ?? {
+        operation: { type: 'between' },
+        value: {
+            from: calendarService.create(new Date()).startOf('day').date.toISOString(),
+            to: calendarService.create(new Date()).endOf('day').date.toISOString(),
+        },
+    };
+}
+function parseTaskBoardDateFilterValue(value) {
+    if (value == null) {
+        return null;
+    }
+    const raw = value;
+    const payload = raw.value;
+    if (payload == null) {
+        return null;
+    }
+    if (typeof payload === 'string') {
+        const date = new Date(payload);
+        return Number.isNaN(date.getTime()) ? null : { from: date, end: date };
+    }
+    const from = payload.from ? new Date(payload.from) : null;
+    const end = payload.to ? new Date(payload.to) : from;
+    if (!from || !end || Number.isNaN(from.getTime()) || Number.isNaN(end.getTime())) {
+        return null;
+    }
+    return { from, end };
+}
+function toTaskBoardDateFilterValue(range) {
+    return {
+        operation: { type: 'between' },
+        value: {
+            from: range.from.toISOString(),
+            to: range.end.toISOString(),
+        },
+    };
+}
+async function formatTaskBoardDateRangeDisplayText(range, calendarService, format) {
+    const from = calendarService.create(range.from).format(format);
+    const end = calendarService.create(range.end).format(format);
+    if (from === end) {
+        return from;
+    }
+    return `${from} – ${end}`;
+}
+function applyTaskBoardDateRangeToViewModel(range, setCurrentDate, setDaysCount) {
+    setCurrentDate(range.from);
+    const start = new Date(range.from.getFullYear(), range.from.getMonth(), range.from.getDate());
+    const end = new Date(range.end.getFullYear(), range.end.getMonth(), range.end.getDate());
+    const days = Math.round((end.getTime() - start.getTime()) / (1000 * 3600 * 24)) + 1;
+    setDaysCount(Math.max(1, days));
+}
+//#endregion
+//#region ---- Settings Visibility ----
+function normalizeVisibleTaskBoardCategories(flags) {
+    const categories = [];
+    if (flags.calendar !== false) {
+        categories.push('calendar');
+    }
+    if (flags.timeline !== false) {
+        categories.push('timeline');
+    }
+    if (flags.table !== false) {
+        categories.push('table');
+    }
+    if (flags.kanban !== false) {
+        categories.push('kanban');
+    }
+    return categories.length > 0 ? categories : [...AXM_TASK_BOARD_VIEW_CATEGORIES];
+}
+function resolveTaskBoardCategoryLayoutFromQuery(category, layout) {
+    if (category === 'kanban') {
+        return null;
+    }
+    const options = getTaskBoardLayoutOptions(category);
+    const match = options.find((option) => option.key === layout);
+    return (match?.key ?? AXM_TASK_BOARD_DEFAULT_LAYOUT_BY_CATEGORY[category]);
+}
+//#endregion
+
+/**
+ * Keeps task-type filter values on stable provider {@link AXPTaskBoardTaskTypeOption.name} keys.
+ * Display titles are locale-dependent and must never be used for filtering.
+ */
+function normalizeTaskTypeFilterNames(values, taskTypes) {
+    if (!values?.length) {
+        return [];
+    }
+    if (taskTypes.length === 0) {
+        return [...new Set(values.map((value) => value.trim()).filter(Boolean))];
+    }
+    const names = new Set(taskTypes.map((type) => type.name));
+    const normalized = values.flatMap((value) => {
+        const trimmed = value.trim();
+        if (!trimmed) {
+            return [];
+        }
+        if (names.has(trimmed)) {
+            return [trimmed];
+        }
+        const matchedByTitle = taskTypes.find((type) => type.title.trim() === trimmed);
+        if (matchedByTitle) {
+            return [matchedByTitle.name];
+        }
+        return [];
+    });
+    return [...new Set(normalized)];
+}
+const DUE_STATUS_FILTER_NAMES = new Set([
+    'completed',
+    'no-due-date',
+    'overdue',
+    'due-today',
+    'due-tomorrow',
+    'due-this-week',
+    'upcoming',
+]);
+/** Maps due-status filter chips back to stable keys (never localized labels). */
+function normalizeDueStatusFilterKeys(values) {
+    if (!values?.length) {
+        return [];
+    }
+    const titleToName = {
+        completed: 'completed',
+        'no due date': 'no-due-date',
+        overdue: 'overdue',
+        'due today': 'due-today',
+        'due tomorrow': 'due-tomorrow',
+        'due this week': 'due-this-week',
+        upcoming: 'upcoming',
+    };
+    const normalized = values.flatMap((value) => {
+        const trimmed = String(value ?? '').trim();
+        if (!trimmed) {
+            return [];
+        }
+        if (DUE_STATUS_FILTER_NAMES.has(trimmed)) {
+            return [trimmed];
+        }
+        const fromTitle = titleToName[trimmed.toLowerCase()];
+        return fromTitle ? [fromTitle] : [];
+    });
+    return [...new Set(normalized)];
+}
+/** Re-exports priority normalization for filter panels that may receive display labels. */
+function normalizeTaskBoardPriorityFilterKeys(values) {
+    return normalizePriorityFilterKeys(values);
+}
+
+const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() => ({
+    daysCount: 7,
+    taskTypes: [],
+    isLoading: true,
+    detailPanel: false,
+    selectedTask: null,
+    rangeStartDate: null,
+    currentDate: new Date(),
+    currentViewMode: 'month',
+    visibleViewCategories: ['calendar', 'timeline', 'table', 'kanban'],
+    calendarLayout: 'monthly',
+    timelineLayout: 'daily',
+    tableLayout: 'simple',
+    selectedTaskTypeNames: [],
+    selectedAssigneeIds: [],
+    assigneeFilterHasSavedPreference: false,
+    selectedPriorities: [],
+    selectedDueStatusKeys: [],
+    colorBy: 'dueDate',
+    selectedReporterIds: [],
+    selectedCalendarEventTypeIds: [],
+})), withComputed((store) => ({
+    currentViewCategory: computed(() => resolveTaskBoardViewCategory(store.currentViewMode())),
+    selectedTaskTypes: computed(() => {
+        const names = store.selectedTaskTypeNames();
+        if (!names || names.length === 0) {
+            return [];
+        }
+        return store.taskTypes().filter((tt) => names.includes(tt.name));
+    }),
+    isTaskSelected: computed(() => store.selectedTask() !== null),
+    isDetailPanelOpen: computed(() => store.detailPanel()),
+    effectiveColorBy: computed(() => store.colorBy()),
+    endDate: computed(() => {
+        const currentDate = store.currentDate();
+        const daysCount = store.daysCount();
+        // Calculate end of the last day in the range (23:59:59.999)
+        const endDate = new Date(currentDate);
+        endDate.setDate(endDate.getDate() + daysCount - 1);
+        endDate.setHours(23, 59, 59, 999);
+        return endDate;
+    }),
+    activeFilterCount: computed(() => {
+        let count = 0;
+        if (store.currentViewMode() !== 'kanban' &&
+            store.currentViewMode() !== 'status-grouped-grid' &&
+            store.selectedTaskTypeNames().length > 0) {
+            count++;
+        }
+        if (store.selectedAssigneeIds().length > 0) {
+            count++;
+        }
+        if (store.selectedReporterIds().length > 0) {
+            count++;
+        }
+        if (store.selectedPriorities().length > 0) {
+            count++;
+        }
+        if (store.selectedDueStatusKeys().length > 0) {
+            count++;
+        }
+        return count;
+    }),
+})), withMethods((store, settingsService = inject(AXPSettingsService), taskBoardService = inject(AXPTaskBoardService), sessionService = inject(AXPSessionService)) => {
+    const userScopedSettings = () => settingsService.scope(AXPPlatformScope.User);
+    let settingsSyncInitialized = false;
+    const syncSettingsFromChangeEvent = (keys, values) => {
+        const patch = {};
+        if (keys.includes(AXMTaskBoardSettings.ColorBy)) {
+            patch.colorBy = values[AXMTaskBoardSettings.ColorBy] ?? 'dueDate';
+        }
+        if (keys.includes(AXPRegionalSetting.CalendarEvents)) {
+            patch.selectedCalendarEventTypeIds = normalizeRegionalCalendarEventIds(values[AXPRegionalSetting.CalendarEvents]);
+        }
+        if (Object.keys(patch).length > 0) {
+            patchState(store, patch);
+        }
+    };
+    return {
+        async reloadTaskTypes() {
+            const taskTypes = await taskBoardService.getTaskTypes();
+            patchState(store, { taskTypes });
+        },
+        async initialize() {
+            patchState(store, { isLoading: true });
+            try {
+                const taskTypes = await taskBoardService.getTaskTypes();
+                patchState(store, { taskTypes });
+                const [savedDaysCount, savedDateString, savedDetailPanel, savedViewMode, savedVisibleCalendar, savedVisibleTimeline, savedVisibleTable, savedVisibleKanban, savedCalendarLayout, savedTimelineLayout, savedTableLayout, savedTaskTypeNames, savedAssigneeIds, savedReporterIds, savedPriorities, savedDueStatusKeys, savedColorBy, savedCalendarEventIds,] = await Promise.all([
+                    userScopedSettings().get(AXMTaskBoardSettings.DaysCount),
+                    userScopedSettings().get(AXMTaskBoardSettings.CurrentDate),
+                    userScopedSettings().get(AXMTaskBoardSettings.DetailPanel),
+                    userScopedSettings().get(AXMTaskBoardSettings.ViewMode),
+                    userScopedSettings().get(AXMTaskBoardSettings.VisibleCalendar),
+                    userScopedSettings().get(AXMTaskBoardSettings.VisibleTimeline),
+                    userScopedSettings().get(AXMTaskBoardSettings.VisibleTable),
+                    userScopedSettings().get(AXMTaskBoardSettings.VisibleKanban),
+                    userScopedSettings().get(AXMTaskBoardSettings.CalendarLayout),
+                    userScopedSettings().get(AXMTaskBoardSettings.TimelineLayout),
+                    userScopedSettings().get(AXMTaskBoardSettings.TableLayout),
+                    userScopedSettings().get(AXMTaskBoardSettings.SelectedTaskTypeNames),
+                    userScopedSettings().get(AXMTaskBoardSettings.SelectedAssigneeIds),
+                    userScopedSettings().get(AXMTaskBoardSettings.SelectedReporterIds),
+                    userScopedSettings().get(AXMTaskBoardSettings.SelectedPriorities),
+                    userScopedSettings().get(AXMTaskBoardSettings.SelectedDueStatusKeys),
+                    userScopedSettings().get(AXMTaskBoardSettings.ColorBy),
+                    settingsService.get(AXPRegionalSetting.CalendarEvents),
+                ]);
+                const visibleViewCategories = normalizeVisibleTaskBoardCategories({
+                    calendar: savedVisibleCalendar,
+                    timeline: savedVisibleTimeline,
+                    table: savedVisibleTable,
+                    kanban: savedVisibleKanban,
+                });
+                // Ensure currentDate is always a valid Date
+                let currentDate;
+                if (savedDateString) {
+                    const parsedDate = new Date(savedDateString);
+                    currentDate = isNaN(parsedDate.getTime()) ? new Date() : parsedDate;
+                }
+                else {
+                    currentDate = new Date();
+                }
+                const canViewAll = canViewAllTaskAssignees(sessionService);
+                const assigneeFilterHasSavedPreference = hasTaskBoardSavedAssigneePreference(savedAssigneeIds);
+                const resolvedSavedAssigneeIds = resolveTaskBoardSavedAssigneeIds(sessionService, savedAssigneeIds);
+                const defaultAssigneeIds = canViewAll
+                    ? resolvedSavedAssigneeIds
+                    : normalizeTaskBoardAssigneeIds(sessionService, resolvedSavedAssigneeIds);
+                const calendarLayout = savedCalendarLayout ?? 'monthly';
+                const timelineLayout = savedTimelineLayout ?? 'daily';
+                const tableLayout = savedTableLayout ?? 'simple';
+                let effectiveViewMode = savedViewMode || 'month';
+                const effectiveCategory = resolveTaskBoardViewCategory(effectiveViewMode);
+                if (!visibleViewCategories.includes(effectiveCategory)) {
+                    const fallbackCategory = visibleViewCategories[0] ?? 'calendar';
+                    effectiveViewMode = resolveTaskBoardLeafViewMode(fallbackCategory, AXM_TASK_BOARD_DEFAULT_LAYOUT_BY_CATEGORY[fallbackCategory]);
+                }
+                if (savedViewMode != null && effectiveViewMode !== savedViewMode) {
+                    userScopedSettings()
+                        .set(AXMTaskBoardSettings.ViewMode, effectiveViewMode)
+                        .catch((error) => console.error('Error aligning task board view mode with visible views:', error));
+                }
+                let selectedTaskTypeNames = normalizeTaskTypeFilterNames(savedTaskTypeNames ?? [], taskTypes);
+                if (selectedTaskTypeNames.length === 0 &&
+                    taskTypes.length > 0 &&
+                    (effectiveViewMode === 'kanban' || effectiveViewMode === 'status-grouped-grid')) {
+                    selectedTaskTypeNames = [taskTypes[0].name];
+                }
+                patchState(store, {
+                    daysCount: savedDaysCount || 7,
+                    detailPanel: savedDetailPanel || false,
+                    currentViewMode: effectiveViewMode,
+                    visibleViewCategories,
+                    calendarLayout,
+                    timelineLayout,
+                    tableLayout,
+                    currentDate,
+                    selectedTaskTypeNames,
+                    selectedAssigneeIds: defaultAssigneeIds,
+                    assigneeFilterHasSavedPreference,
+                    selectedReporterIds: savedReporterIds || [],
+                    selectedPriorities: normalizeTaskBoardPriorityFilterKeys(savedPriorities),
+                    selectedDueStatusKeys: normalizeDueStatusFilterKeys(savedDueStatusKeys),
+                    colorBy: savedColorBy || 'dueDate',
+                    selectedCalendarEventTypeIds: normalizeRegionalCalendarEventIds(savedCalendarEventIds),
+                    isLoading: false,
+                });
+                if (!settingsSyncInitialized) {
+                    settingsSyncInitialized = true;
+                    settingsService.onChanged.subscribe((event) => {
+                        if (event.scope !== AXPPlatformScope.User) {
+                            return;
+                        }
+                        syncSettingsFromChangeEvent(event.keys, event.values);
+                    });
+                }
+            }
+            catch (error) {
+                console.error('Error initializing TaskBoard ViewModel:', error);
+                patchState(store, {
+                    detailPanel: false,
+                    currentViewMode: 'month',
+                    visibleViewCategories: ['calendar', 'timeline', 'table', 'kanban'],
+                    calendarLayout: 'monthly',
+                    timelineLayout: 'daily',
+                    tableLayout: 'simple',
+                    currentDate: new Date(),
+                    selectedTaskTypeNames: [],
+                    selectedAssigneeIds: [],
+                    assigneeFilterHasSavedPreference: false,
+                    selectedPriorities: [],
+                    selectedDueStatusKeys: [],
+                    colorBy: 'dueDate',
+                    selectedReporterIds: [],
+                    selectedCalendarEventTypeIds: [],
+                    taskTypes: store.taskTypes(),
+                    isLoading: false,
+                });
+            }
+        },
+        setViewMode(mode) {
+            let category = resolveTaskBoardViewCategory(mode);
+            const allowed = store.visibleViewCategories();
+            if (!allowed.includes(category)) {
+                const fallbackCategory = allowed[0] ?? category;
+                mode = resolveTaskBoardLeafViewMode(fallbackCategory, this.getLayoutForCategory(fallbackCategory));
+                category = fallbackCategory;
+            }
+            const layout = resolveTaskBoardViewLayout(mode);
+            if (layout) {
+                this.patchLayoutForCategory(category, layout);
+            }
+            this.applyLeafViewMode(mode);
+        },
+        setViewCategory(category) {
+            const allowed = store.visibleViewCategories();
+            const effectiveCategory = allowed.includes(category) ? category : (allowed[0] ?? category);
+            const layout = this.getLayoutForCategory(effectiveCategory);
+            this.applyLeafViewMode(resolveTaskBoardLeafViewMode(effectiveCategory, layout));
+        },
+        setViewLayout(category, layout) {
+            this.patchLayoutForCategory(category, layout);
+            if (resolveTaskBoardViewCategory(store.currentViewMode()) === category) {
+                this.applyLeafViewMode(resolveTaskBoardLeafViewMode(category, layout));
+            }
+            else {
+                this.persistLayout(category, layout);
+            }
+        },
+        getLayoutForCategory(category) {
+            switch (category) {
+                case 'calendar':
+                    return store.calendarLayout();
+                case 'timeline':
+                    return store.timelineLayout();
+                case 'table':
+                    return store.tableLayout();
+                default:
+                    return null;
+            }
+        },
+        patchLayoutForCategory(category, layout) {
+            switch (category) {
+                case 'calendar':
+                    patchState(store, { calendarLayout: layout });
+                    break;
+                case 'timeline':
+                    patchState(store, { timelineLayout: layout });
+                    break;
+                case 'table':
+                    patchState(store, { tableLayout: layout });
+                    break;
+            }
+            this.persistLayout(category, layout);
+        },
+        persistLayout(category, layout) {
+            const key = category === 'calendar'
+                ? AXMTaskBoardSettings.CalendarLayout
+                : category === 'timeline'
+                    ? AXMTaskBoardSettings.TimelineLayout
+                    : AXMTaskBoardSettings.TableLayout;
+            userScopedSettings()
+                .set(key, layout)
+                .catch((error) => console.error('Error saving task board view layout:', error));
+        },
+        applyLeafViewMode(mode) {
+            if ((mode === 'kanban' || mode === 'status-grouped-grid') &&
+                store.selectedTaskTypeNames().length === 0) {
+                const firstTaskType = store.taskTypes()[0];
+                if (firstTaskType) {
+                    this.setSelectedTaskTypeNames([firstTaskType.name]);
+                }
+            }
+            if ((mode === 'kanban' || mode === 'status-grouped-grid') &&
+                store.selectedTaskTypeNames().length > 1) {
+                this.setSelectedTaskTypeNames([store.selectedTaskTypeNames()[0]]);
+            }
+            patchState(store, { currentViewMode: mode });
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.ViewMode, mode)
+                .catch((error) => console.error('Error saving task board view mode:', error));
+        },
+        setCurrentDate(date) {
+            patchState(store, { currentDate: new Date(date) });
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.CurrentDate, date.toISOString())
+                .catch((error) => console.error('Error saving current date:', error));
+        },
+        setSelectedTaskTypeNames(taskTypeNames, isQueryParam = false) {
+            patchState(store, { selectedTaskTypeNames: taskTypeNames });
+            if (isQueryParam)
+                return;
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.SelectedTaskTypeNames, taskTypeNames)
+                .catch((error) => console.error('Error saving selected task type filter:', error));
+        },
+        setSelectedAssigneeIds(assigneeIds, isQueryParam = false, persistPreference = !isQueryParam) {
+            const normalizedAssigneeIds = normalizeTaskBoardAssigneeIds(sessionService, assigneeIds);
+            patchState(store, {
+                selectedAssigneeIds: normalizedAssigneeIds,
+                ...(persistPreference ? { assigneeFilterHasSavedPreference: true } : {}),
+            });
+            if (isQueryParam || !persistPreference)
+                return;
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.SelectedAssigneeIds, normalizedAssigneeIds)
+                .catch((error) => console.error('Error saving selected assignee filter:', error));
+        },
+        setSelectedReporterIds(reporterIds, isQueryParam = false) {
+            patchState(store, { selectedReporterIds: reporterIds });
+            if (isQueryParam)
+                return;
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.SelectedReporterIds, reporterIds)
+                .catch((error) => console.error('Error saving selected reporter filter:', error));
+        },
+        setSelectedPriorities(priorities, isQueryParam = false) {
+            patchState(store, { selectedPriorities: priorities });
+            if (isQueryParam)
+                return;
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.SelectedPriorities, priorities)
+                .catch((error) => console.error('Error saving selected priority filter:', error));
+        },
+        setSelectedDueStatusKeys(dueStatusKeys, isQueryParam = false) {
+            patchState(store, { selectedDueStatusKeys: dueStatusKeys });
+            if (isQueryParam)
+                return;
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.SelectedDueStatusKeys, dueStatusKeys)
+                .catch((error) => console.error('Error saving selected due status filter:', error));
+        },
+        setColorBy(colorBy) {
+            patchState(store, { colorBy });
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.ColorBy, colorBy)
+                .catch((error) => console.error('Error saving task board color by:', error));
+        },
+        setSelectedCalendarEventTypeIds(eventTypeIds) {
+            patchState(store, { selectedCalendarEventTypeIds: eventTypeIds });
+            userScopedSettings()
+                .set(AXPRegionalSetting.CalendarEvents, eventTypeIds)
+                .catch((error) => console.error('Error saving selected calendar events:', error));
+        },
+        /**
+         * Sets the currently selected task. Pass `null` to clear the selection.
+         * @param task The task to select, or null.
+         */
+        selectTask(task) {
+            patchState(store, { selectedTask: task });
+        },
+        /**
+         * A convenience method to clear the currently selected task.
+         */
+        clearSelectedTask() {
+            patchState(store, { selectedTask: null });
+        },
+        openDetailPanel() {
+            patchState(store, { detailPanel: true });
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.DetailPanel, true)
+                .catch((error) => console.error('Error saving detail panel:', error));
+        },
+        closeDetailPanel() {
+            patchState(store, { detailPanel: false });
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.DetailPanel, false)
+                .catch((error) => console.error('Error saving detail panel:', error));
+        },
+        toggleDetailPanel() {
+            const detailPanel = !store.detailPanel();
+            patchState(store, { detailPanel: detailPanel });
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.DetailPanel, detailPanel)
+                .catch((error) => console.error('Error saving detail panel:', error));
+        },
+        async getStatusName(key, provider) {
+            return taskBoardService.getStatusName(key, provider);
+        },
+        /**
+         * Sets the start date for a new range selection.
+         * Pass `null` to clear the selection.
+         * @param date The start date of the range.
+         */
+        setRangeStartDate(date) {
+            patchState(store, { rangeStartDate: date });
+        },
+        setDaysCount(days) {
+            const count = Math.max(1, days);
+            patchState(store, { daysCount: count });
+            userScopedSettings()
+                .set(AXMTaskBoardSettings.DaysCount, count)
+                .catch((error) => console.error('Error saving days count:', error));
+        },
+    };
+}));
+
+class AXMTaskBoardDetailPanel {
+    constructor() {
+        this.rootConfig = RootConfig;
+        this.vm = inject(AXMTaskBoardViewModel);
+        this.localeService = inject(AXLocaleService);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.statusName = signal('', ...(ngDevMode ? [{ debugName: "statusName" }] : /* istanbul ignore next */ []));
+        this.extraFields = signal([], ...(ngDevMode ? [{ debugName: "extraFields" }] : /* istanbul ignore next */ []));
+        this.#selectedTaskChanged = effect(async () => {
+            const selectedTask = this.vm.selectedTask();
+            const key = selectedTask?.status.id;
+            const provider = selectedTask?.provider;
+            if (!provider)
+                return;
+            const name = await this.vm.getStatusName(key, provider);
+            if (name)
+                this.statusName.set(name);
+        }, ...(ngDevMode ? [{ debugName: "#selectedTaskChanged" }] : /* istanbul ignore next */ []));
+        this.#selectedTaskTypeChanged = effect(async () => {
+            const selectedTask = this.vm.selectedTask();
+            const selectedTaskType = this.taskBoardService.getProvider(selectedTask?.provider);
+            const extraFields = await selectedTaskType?.getExtraFields();
+            if (!extraFields) {
+                this.extraFields.set([]);
+                return;
+            }
+            this.extraFields.set(extraFields);
+        }, ...(ngDevMode ? [{ debugName: "#selectedTaskTypeChanged" }] : /* istanbul ignore next */ []));
+    }
+    #selectedTaskChanged;
+    #selectedTaskTypeChanged;
+    capitalizeFirstLetter(text) {
+        return String(text).charAt(0).toUpperCase() + String(text).slice(1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardDetailPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardDetailPanel, isStandalone: true, selector: "axm-task-board-detail-panel", ngImport: i0, template: "@if (vm.isTaskSelected()) {\n  @let nodeInfo = vm.selectedTask();\n  <div class=\"__header\">\n    <div class=\"__title\">\n      <span>{{ nodeInfo?.title }}</span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"__content\">\n    <div class=\"__section\">\n      <div class=\"__title\">\n        <span>{{ '@task-management:task-board.detail-panel.title' | translate | async }}</span>\n      </div>\n      <div class=\"__content\">\n        @if (nodeInfo?.description) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>\n                {{ '@task-management:task-board.detail-panel.description' | translate | async }}\n              </span>\n            </div>\n            <div class=\"__content\">{{ nodeInfo?.description }}</div>\n          </div>\n        }\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>\n              {{ '@task-management:task-board.detail-panel.start-date' | translate | async }}\n            </span>\n          </div>\n          <div class=\"__content\">\n            {{\n              nodeInfo?.startDate\n                | format: 'datetime' : { format: 'short', calendar: localeService.activeProfile().calendar.system }\n                | async\n            }}\n          </div>\n        </div>\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>{{ '@task-management:task-board.detail-panel.end-date' | translate | async }}</span>\n          </div>\n          <div class=\"__content\">\n            {{\n              nodeInfo?.endDate\n                | format: 'datetime' : { format: 'short', calendar: localeService.activeProfile().calendar.system }\n                | async\n            }}\n          </div>\n        </div>\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>{{ '@task-management:task-board.detail-panel.reporter' | translate | async }}</span>\n          </div>\n          <div class=\"__content\">\n            {{ nodeInfo?.reporter?.fullName }}\n          </div>\n        </div>\n        @if (nodeInfo?.assignee) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>{{ '@task-management:task-board.detail-panel.assignee' | translate | async }}</span>\n            </div>\n            <div class=\"__content\">{{ nodeInfo?.assignee?.fullName }}</div>\n          </div>\n        }\n        @if (statusName()) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>{{ '@task-management:task-board.detail-panel.status' | translate | async }}</span>\n            </div>\n            <div class=\"__content\">{{ statusName() }}</div>\n          </div>\n        }\n        @if (nodeInfo?.priority) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>\n                {{ '@task-management:task-board.detail-panel.priority' | translate | async }}\n              </span>\n            </div>\n            <div class=\"__content\">{{ capitalizeFirstLetter(nodeInfo?.priority ?? '') }}</div>\n          </div>\n        }\n        @if (extraFields() && extraFields().length) {\n          <div class=\"__row\">\n            <axp-widgets-container [context]=\"nodeInfo\">\n              @for (extraField of extraFields(); track extraField) {\n                <div class=\"__title\">\n                  <span>\n                    {{ extraField.title | translate | async }}\n                  </span>\n                </div>\n                <div class=\"__content\">\n                  <ng-container axp-widget-renderer [node]=\"extraField.widget\" [mode]=\"'view'\"> </ng-container>\n                </div>\n              }\n            </axp-widgets-container>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div class=\"__header\">\n    <div class=\"__title\">\n      <span>\n        {{ '@task-management:task-board.detail-panel.title' | translate | async }}\n      </span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"__content ax-flex ax-items-center ax-justify-center\">\n    <axp-state-message\n      icon=\"fa-light fa-clipboard-list-check\"\n      [title]=\"'@task-management:task-board.detail-panel.no-task-selected.title'\"\n      [description]=\"'@task-management:task-board.detail-panel.no-task-selected.description'\"\n    >\n    </axp-state-message>\n  </div>\n}\n", styles: ["axm-task-board-detail-panel{display:flex;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);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))}@media(min-width:1024px){axm-task-board-detail-panel{width:24rem}}axm-task-board-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1rem}@media(min-width:1024px){axm-task-board-detail-panel>.__header{width:20rem}}axm-task-board-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:.5rem}axm-task-board-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-weight:600;line-height:1.625}axm-task-board-detail-panel>.__content{display:flex;flex-direction:column}axm-task-board-detail-panel>.__content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axm-task-board-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:1rem}axm-task-board-detail-panel>.__content>.__section>.__title{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}axm-task-board-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:1rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:.25rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:.875rem;line-height:1.25rem;font-weight:600;opacity:.9}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:.5rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:.7}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardDetailPanel, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-task-board-detail-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        AsyncPipe,
+                        AXFormatPipe,
+                        AXTranslatorPipe,
+                        AXButtonComponent,
+                        AXPStateMessageComponent,
+                        AXPWidgetCoreModule,
+                        AXDecoratorIconComponent,
+                    ], template: "@if (vm.isTaskSelected()) {\n  @let nodeInfo = vm.selectedTask();\n  <div class=\"__header\">\n    <div class=\"__title\">\n      <span>{{ nodeInfo?.title }}</span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"__content\">\n    <div class=\"__section\">\n      <div class=\"__title\">\n        <span>{{ '@task-management:task-board.detail-panel.title' | translate | async }}</span>\n      </div>\n      <div class=\"__content\">\n        @if (nodeInfo?.description) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>\n                {{ '@task-management:task-board.detail-panel.description' | translate | async }}\n              </span>\n            </div>\n            <div class=\"__content\">{{ nodeInfo?.description }}</div>\n          </div>\n        }\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>\n              {{ '@task-management:task-board.detail-panel.start-date' | translate | async }}\n            </span>\n          </div>\n          <div class=\"__content\">\n            {{\n              nodeInfo?.startDate\n                | format: 'datetime' : { format: 'short', calendar: localeService.activeProfile().calendar.system }\n                | async\n            }}\n          </div>\n        </div>\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>{{ '@task-management:task-board.detail-panel.end-date' | translate | async }}</span>\n          </div>\n          <div class=\"__content\">\n            {{\n              nodeInfo?.endDate\n                | format: 'datetime' : { format: 'short', calendar: localeService.activeProfile().calendar.system }\n                | async\n            }}\n          </div>\n        </div>\n        <div class=\"__row\">\n          <div class=\"__title\">\n            <span>{{ '@task-management:task-board.detail-panel.reporter' | translate | async }}</span>\n          </div>\n          <div class=\"__content\">\n            {{ nodeInfo?.reporter?.fullName }}\n          </div>\n        </div>\n        @if (nodeInfo?.assignee) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>{{ '@task-management:task-board.detail-panel.assignee' | translate | async }}</span>\n            </div>\n            <div class=\"__content\">{{ nodeInfo?.assignee?.fullName }}</div>\n          </div>\n        }\n        @if (statusName()) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>{{ '@task-management:task-board.detail-panel.status' | translate | async }}</span>\n            </div>\n            <div class=\"__content\">{{ statusName() }}</div>\n          </div>\n        }\n        @if (nodeInfo?.priority) {\n          <div class=\"__row\">\n            <div class=\"__title\">\n              <span>\n                {{ '@task-management:task-board.detail-panel.priority' | translate | async }}\n              </span>\n            </div>\n            <div class=\"__content\">{{ capitalizeFirstLetter(nodeInfo?.priority ?? '') }}</div>\n          </div>\n        }\n        @if (extraFields() && extraFields().length) {\n          <div class=\"__row\">\n            <axp-widgets-container [context]=\"nodeInfo\">\n              @for (extraField of extraFields(); track extraField) {\n                <div class=\"__title\">\n                  <span>\n                    {{ extraField.title | translate | async }}\n                  </span>\n                </div>\n                <div class=\"__content\">\n                  <ng-container axp-widget-renderer [node]=\"extraField.widget\" [mode]=\"'view'\"> </ng-container>\n                </div>\n              }\n            </axp-widgets-container>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div class=\"__header\">\n    <div class=\"__title\">\n      <span>\n        {{ '@task-management:task-board.detail-panel.title' | translate | async }}\n      </span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"__content ax-flex ax-items-center ax-justify-center\">\n    <axp-state-message\n      icon=\"fa-light fa-clipboard-list-check\"\n      [title]=\"'@task-management:task-board.detail-panel.no-task-selected.title'\"\n      [description]=\"'@task-management:task-board.detail-panel.no-task-selected.description'\"\n    >\n    </axp-state-message>\n  </div>\n}\n", styles: ["axm-task-board-detail-panel{display:flex;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);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))}@media(min-width:1024px){axm-task-board-detail-panel{width:24rem}}axm-task-board-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1rem}@media(min-width:1024px){axm-task-board-detail-panel>.__header{width:20rem}}axm-task-board-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:.5rem}axm-task-board-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-weight:600;line-height:1.625}axm-task-board-detail-panel>.__content{display:flex;flex-direction:column}axm-task-board-detail-panel>.__content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axm-task-board-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:1rem}axm-task-board-detail-panel>.__content>.__section>.__title{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}axm-task-board-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:1rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:.25rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:.875rem;line-height:1.25rem;font-weight:600;opacity:.9}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:.5rem}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:.7}\n"] }]
+        }] });
+
+const TASK_BOARD_REGIONAL_LAYOUT_SETTING_KEYS = [
+    AXPRegionalSetting.LocaleProfile,
+    AXPRegionalSetting.Calendar,
+    AXPRegionalSetting.FirstDayOfWeek,
+    AXPRegionalSetting.WeekendDays,
+];
+function buildTaskBoardRegionalProfileKey(parts) {
+    return [parts.profileCode, parts.calendarSystem, parts.weekStartsOn, parts.weekendDays.join('-')].join('|');
+}
+
+class AXMTaskBoardCalendarViewComponent {
+    constructor() {
+        this.vm = inject(AXMTaskBoardViewModel);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.settingService = inject(AXPSettingsService);
+        this.commandService = inject(AXPCommandService);
+        this.schedulerService = inject(AXSchedulerService);
+        this.calendarService = inject(AXCalendarService);
+        this.localeService = inject(AXLocaleService);
+        this.taskPopoverOverlay = inject(AXMTaskBoardTaskPopoverOverlayService);
+        this.destroyRef = inject(DestroyRef);
+        this.injector = inject(Injector);
+        this.schedulerComponent = viewChild(AXSchedulerComponent, ...(ngDevMode ? [{ debugName: "schedulerComponent" }] : /* istanbul ignore next */ []));
+        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : /* istanbul ignore next */ []));
+        this.refreshNonce = input(0, ...(ngDevMode ? [{ debugName: "refreshNonce" }] : /* istanbul ignore next */ []));
+        this.startingDate = input(new Date(), ...(ngDevMode ? [{ debugName: "startingDate" }] : /* istanbul ignore next */ []));
+        this.selectedView = input('month', ...(ngDevMode ? [{ debugName: "selectedView" }] : /* istanbul ignore next */ []));
+        this.dataSource = input.required(...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        this.activeCalendar = toSignal(this.calendarService.calendarChanges$, {
+            initialValue: this.calendarService.getActiveCalendar(),
+        });
+        /** Gates ax-scheduler in the template so we can destroy and recreate it cleanly on regional changes. */
+        this.schedulerMounted = signal(true, ...(ngDevMode ? [{ debugName: "schedulerMounted" }] : /* istanbul ignore next */ []));
+        this.regionalSettingsRevision = signal(0, ...(ngDevMode ? [{ debugName: "regionalSettingsRevision" }] : /* istanbul ignore next */ []));
+        this.previousRegionalProfileKey = null;
+        /** Active calendar system (e.g. solar-hijri for fa-IR). Required for correct week/today rendering. */
+        this.schedulerCalendar = computed(() => this.activeCalendar()?.name() ?? this.localeService.activeProfile().calendar.system, ...(ngDevMode ? [{ debugName: "schedulerCalendar" }] : /* istanbul ignore next */ []));
+        /** Detects locale profile and week-layout changes that require a fresh ax-scheduler instance. */
+        this.regionalProfileKey = computed(() => {
+            this.regionalSettingsRevision();
+            this.activeCalendar()?.weekdays;
+            const profile = this.localeService.activeProfile();
+            return buildTaskBoardRegionalProfileKey({
+                profileCode: profile.localeInfo?.code ?? '',
+                calendarSystem: this.schedulerCalendar(),
+                weekStartsOn: profile.calendar.week?.startsOn ?? 0,
+                weekendDays: profile.calendar.week?.weekends ?? [],
+            });
+        }, ...(ngDevMode ? [{ debugName: "regionalProfileKey" }] : /* istanbul ignore next */ []));
+        /** Align week/month views to regional week boundaries before passing to ax-scheduler. */
+        this.schedulerStartingDate = computed(() => {
+            const date = this.startingDate();
+            const calendar = this.schedulerCalendar();
+            const axDate = this.calendarService.create(date, calendar);
+            switch (this.currentSchedulerView()) {
+                case 'week':
+                    return axDate.startOf('week').date;
+                case 'month':
+                case 'timeline-month':
+                    return axDate.startOf('month').date;
+                default:
+                    return axDate.startOf('day').date;
+            }
+        }, ...(ngDevMode ? [{ debugName: "schedulerStartingDate" }] : /* istanbul ignore next */ []));
+        this.currentSchedulerView = computed(() => this.selectedView() === 'kanban' || this.selectedView() === 'grid'
+            ? 'month'
+            : this.selectedView(), ...(ngDevMode ? [{ debugName: "currentSchedulerView" }] : /* istanbul ignore next */ []));
+        this.onTaskClick = output();
+        this.onTaskChanged = output();
+        this.onMonthSlotDblClicked = output();
+        this.onActionClick = output();
+        this.component = output();
+        this.onTaskRightClick = output();
+        this.onRangeChanged = output();
+        this.regionalRemountEffect = effect(() => {
+            const profileKey = this.regionalProfileKey();
+            untracked(() => {
+                if (this.previousRegionalProfileKey === null) {
+                    this.previousRegionalProfileKey = profileKey;
+                    return;
+                }
+                if (profileKey === this.previousRegionalProfileKey) {
+                    return;
+                }
+                this.previousRegionalProfileKey = profileKey;
+                this.remountScheduler();
+            });
+        }, ...(ngDevMode ? [{ debugName: "regionalRemountEffect" }] : /* istanbul ignore next */ []));
+        /** Re-binds parent scheduler ref whenever ax-scheduler remounts after a regional layout change. */
+        this.schedulerInstanceEffect = effect(() => {
+            if (!this.schedulerMounted()) {
+                return;
+            }
+            const scheduler = this.schedulerComponent();
+            if (!scheduler) {
+                return;
+            }
+            afterNextRender(() => {
+                const currentScheduler = this.schedulerComponent();
+                if (!currentScheduler || !this.schedulerMounted()) {
+                    return;
+                }
+                this.component.emit(currentScheduler);
+                this.syncSchedulerCurrentDateFromToolbar({ force: true });
+                void currentScheduler.refresh();
+            }, { injector: this.injector });
+        }, ...(ngDevMode ? [{ debugName: "schedulerInstanceEffect" }] : /* istanbul ignore next */ []));
+        this.refreshNonceEffect = effect(() => {
+            this.refreshNonce();
+            if (!this.schedulerMounted()) {
+                return;
+            }
+            void this.schedulerComponent()?.refresh();
+        }, ...(ngDevMode ? [{ debugName: "refreshNonceEffect" }] : /* istanbul ignore next */ []));
+        this.schedulerStateSyncEffect = effect(() => {
+            if (!this.schedulerMounted()) {
+                return;
+            }
+            this.startingDate();
+            this.schedulerStartingDate();
+            this.schedulerCalendar();
+            this.localeService.activeProfile().localeInfo?.code;
+            this.currentSchedulerView();
+            this.vm.daysCount();
+            this.vm.selectedTaskTypeNames();
+            this.vm.selectedAssigneeIds();
+            this.vm.selectedReporterIds();
+            this.vm.selectedPriorities();
+            this.vm.selectedDueStatusKeys();
+            this.refreshNonce();
+            queueMicrotask(() => {
+                this.syncSchedulerCurrentDateFromToolbar();
+                void this.schedulerComponent()?.refresh();
+            });
+        }, ...(ngDevMode ? [{ debugName: "schedulerStateSyncEffect" }] : /* istanbul ignore next */ []));
+        this.holidays = (range) => {
+            const selectedEventTypeIds = this.vm.selectedCalendarEventTypeIds();
+            return this.taskBoardService.getEvents(range, selectedEventTypeIds);
+        };
+        this.settingService.onChanged.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event) => {
+            if (event.keys.some((key) => TASK_BOARD_REGIONAL_LAYOUT_SETTING_KEYS.includes(key))) {
+                this.regionalSettingsRevision.update((value) => value + 1);
+            }
+        });
+    }
+    /**
+     * ax-scheduler only consumes `[startingDate]` on first mount; afterward its internal
+     * `currentDate` must be updated explicitly when the external toolbar navigator changes.
+     */
+    syncSchedulerCurrentDateFromToolbar(options) {
+        const scheduler = this.schedulerComponent();
+        if (!scheduler) {
+            return;
+        }
+        const view = this.currentSchedulerView();
+        let targetDate = this.calendarService.create(this.schedulerStartingDate(), this.schedulerCalendar());
+        if (view === 'week' || view === 'timeline-weekly') {
+            targetDate = this.schedulerService.alignToWeekStart(targetDate, {});
+        }
+        if (!options?.force && targetDate.equal(scheduler.currentDate())) {
+            return;
+        }
+        scheduler.currentDate.set(targetDate);
+    }
+    remountScheduler() {
+        this.schedulerMounted.set(false);
+        afterNextRender(() => {
+            this.schedulerMounted.set(true);
+        }, { injector: this.injector });
+    }
+    async ngAfterViewInit() {
+        this.taskBoardService.refresh$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(async (data) => {
+            const active = this.taskPopoverOverlay.getActiveTask();
+            if (!active?.provider) {
+                return;
+            }
+            if (data.provider && data.provider !== active.provider) {
+                return;
+            }
+            await this.refreshPopoverData();
+        });
+        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();
+        });
+    }
+    onTaskDrop(event) {
+        if (event.slot.view === 'agenda' && event.isSameSlotDrop) {
+            return;
+        }
+        const dropResult = this.schedulerService.calculateAppointmentDropResult(event);
+        if (dropResult.isSameSlotDrop) {
+            return;
+        }
+        const originalTask = event.appointment;
+        this.schedulerService.applyDropResult(originalTask, dropResult);
+        this.taskBoardService
+            .updateTaskDateRange(originalTask, {
+            from: dropResult.startDate,
+            end: dropResult.endDate,
+        })
+            .then((persistedTask) => {
+            this.onTaskChanged.emit(persistedTask);
+            void this.schedulerComponent()?.refresh();
+        })
+            .catch((error) => {
+            console.error('[TaskBoardCalendar] Failed to update task date range:', error);
+            void this.schedulerComponent()?.refresh();
+        });
+    }
+    onTaskRightClickHandler(event) {
+        this.onTaskRightClick.emit({ nativeEvent: event.nativeEvent, task: event.appointment });
+    }
+    onSlotDblClicked(event) {
+        if (event.sender.selectedView() === 'month') {
+            this.onMonthSlotDblClicked.emit(event.slot.startDate.date);
+        }
+    }
+    async handleRangeChanged(event) {
+        this.onRangeChanged.emit(event);
+    }
+    handleActionClick(event) {
+        this.onActionClick.emit({ nativeEvent: event.nativeEvent, task: event.appointment });
+    }
+    async onTaskClickHandler(event) {
+        const task = event.appointment;
+        const anchor = this.resolveAppointmentAnchor(event);
+        if (anchor) {
+            await this.taskPopoverOverlay.open({
+                task,
+                anchor,
+                offsetX: 12,
+                offsetY: 12,
+                adaptivityEnabled: true,
+            });
+        }
+        this.onTaskClick.emit(task);
+    }
+    async refreshPopoverData() {
+        const active = this.taskPopoverOverlay.getActiveTask();
+        if (!active?.provider) {
+            return;
+        }
+        const provider = this.taskBoardService.getProvider(active.provider);
+        if (!provider) {
+            return;
+        }
+        try {
+            const result = await provider.getTasks();
+            const updatedTask = result.items.find((t) => t.id === active.id);
+            if (updatedTask) {
+                await this.taskPopoverOverlay.refreshTask({ ...updatedTask, provider: active.provider });
+            }
+            void this.schedulerComponent()?.refresh();
+        }
+        catch (error) {
+            console.error('[TaskPopover] Failed to refresh popover data:', error);
+        }
+    }
+    async openTaskDetails() {
+        const task = this.taskPopoverOverlay.getActiveTask();
+        if (!task) {
+            return;
+        }
+        try {
+            await this.commandService.execute('Entity:OpenDetails', {
+                entity: `${RootConfig.module.name}.${RootConfig.entities.task.name}`,
+                data: { id: task.id },
+            });
+            this.taskPopoverOverlay.close();
+        }
+        catch (error) {
+            console.error('Failed to open task details:', error);
+        }
+    }
+    resolveAppointmentAnchor(event) {
+        let targetElement = event.nativeEvent.currentTarget || event.nativeEvent.target;
+        let element = targetElement;
+        const maxDepth = 10;
+        let depth = 0;
+        while (element && element !== document.body && depth < maxDepth) {
+            depth++;
+            const isAppointment = element.classList?.contains('dx-scheduler-appointment') ||
+                element.classList?.contains('ax-scheduler-appointment') ||
+                element.hasAttribute('data-appointment-id');
+            if (isAppointment) {
+                targetElement = element;
+                break;
+            }
+            const parent = element.parentElement;
+            if (parent) {
+                const isParentAppointment = parent.classList?.contains('dx-scheduler-appointment') ||
+                    parent.classList?.contains('ax-scheduler-appointment');
+                if (isParentAppointment) {
+                    targetElement = parent;
+                    break;
+                }
+            }
+            element = element.parentElement;
+        }
+        return targetElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardCalendarViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardCalendarViewComponent, isStandalone: true, selector: "axm-task-board-calendar-view", inputs: { resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, refreshNonce: { classPropertyName: "refreshNonce", publicName: "refreshNonce", isSignal: true, isRequired: false, transformFunction: null }, startingDate: { classPropertyName: "startingDate", publicName: "startingDate", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick", onTaskChanged: "onTaskChanged", onMonthSlotDblClicked: "onMonthSlotDblClicked", onActionClick: "onActionClick", component: "component", onTaskRightClick: "onTaskRightClick", onRangeChanged: "onRangeChanged" }, viewQueries: [{ propertyName: "schedulerComponent", first: true, predicate: AXSchedulerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (schedulerMounted()) {\n  <ax-scheduler\n    [hasHeader]=\"false\"\n    [holidays]=\"holidays\"\n    [resources]=\"resources()\"\n    [dataSource]=\"dataSource()\"\n    [calendar]=\"schedulerCalendar()\"\n    [startingDate]=\"schedulerStartingDate()\"\n    [selectedView]=\"currentSchedulerView()\"\n    [multiDayViewDaysCount]=\"vm.daysCount()\"\n    [showCurrentTimeIndicator]=\"true\"\n    (onAppointmentDrop)=\"onTaskDrop($event)\"\n    (onActionClick)=\"handleActionClick($event)\"\n    (onRangeChanged)=\"handleRangeChanged($event)\"\n    (onSlotDblClicked)=\"onSlotDblClicked($event)\"\n    (onAppointmentClicked)=\"onTaskClickHandler($event)\"\n  ></ax-scheduler>\n}\n", 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}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler{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));line-height:1.5}\n"], dependencies: [{ kind: "component", type: AXSchedulerComponent, selector: "ax-scheduler", inputs: ["calendar", "startingDate", "endDayHour", "startDayHour", "hasHeader", "readonly", "draggable", "hasActions", "dragStartDelay", "weekend", "allowFullScreen", "multiDayViewDaysCount", "showResourceHeaders", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "showUnassignedAppointments", "resources", "resourceTemplate", "firstDayOfWeek", "tooltipTemplate", "dataSource", "holidays", "views", "selectedView"], outputs: ["selectedViewChange", "onDataLoaded", "onRangeChanged", "onSlotClicked", "onSlotDblClicked", "onSlotRightClick", "onAppointmentDrop", "onActionClick", "onAppointmentClicked", "onAppointmentDblClicked", "onAppointmentRightClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardCalendarViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-task-board-calendar-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXSchedulerComponent], template: "@if (schedulerMounted()) {\n  <ax-scheduler\n    [hasHeader]=\"false\"\n    [holidays]=\"holidays\"\n    [resources]=\"resources()\"\n    [dataSource]=\"dataSource()\"\n    [calendar]=\"schedulerCalendar()\"\n    [startingDate]=\"schedulerStartingDate()\"\n    [selectedView]=\"currentSchedulerView()\"\n    [multiDayViewDaysCount]=\"vm.daysCount()\"\n    [showCurrentTimeIndicator]=\"true\"\n    (onAppointmentDrop)=\"onTaskDrop($event)\"\n    (onActionClick)=\"handleActionClick($event)\"\n    (onRangeChanged)=\"handleRangeChanged($event)\"\n    (onSlotDblClicked)=\"onSlotDblClicked($event)\"\n    (onAppointmentClicked)=\"onTaskClickHandler($event)\"\n  ></ax-scheduler>\n}\n", 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}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--primary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--secondary{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));border-color:rgb(var(--ax-sys-color-border-secondary-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--success{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface));border-color:rgb(var(--ax-sys-color-border-success-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--warning{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface));border-color:rgb(var(--ax-sys-color-border-warning-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--danger{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface));border-color:rgb(var(--ax-sys-color-border-danger-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent1{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent1-surface));color:rgb(var(--ax-sys-color-on-accent1-surface));border-color:rgb(var(--ax-sys-color-border-accent1-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent2{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent2-surface));color:rgb(var(--ax-sys-color-on-accent2-surface));border-color:rgb(var(--ax-sys-color-border-accent2-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent3{border-radius:.125rem;border-width:1px;border-style:solid;background-color:rgb(var(--ax-sys-color-accent3-surface));color:rgb(var(--ax-sys-color-on-accent3-surface));border-color:rgb(var(--ax-sys-color-border-accent3-surface))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--neutral{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--ghost{border-radius:.125rem;border-width:1px;border-style:solid;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))}ax-scheduler{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));line-height:1.5}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { schedulerComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXSchedulerComponent), { isSignal: true }] }], resources: [{ type: i0.Input, args: [{ isSignal: true, alias: "resources", required: false }] }], refreshNonce: [{ type: i0.Input, args: [{ isSignal: true, alias: "refreshNonce", required: false }] }], startingDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "startingDate", required: false }] }], selectedView: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedView", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], onTaskClick: [{ type: i0.Output, args: ["onTaskClick"] }], onTaskChanged: [{ type: i0.Output, args: ["onTaskChanged"] }], onMonthSlotDblClicked: [{ type: i0.Output, args: ["onMonthSlotDblClicked"] }], onActionClick: [{ type: i0.Output, args: ["onActionClick"] }], component: [{ type: i0.Output, args: ["component"] }], onTaskRightClick: [{ type: i0.Output, args: ["onTaskRightClick"] }], onRangeChanged: [{ type: i0.Output, args: ["onRangeChanged"] }] } });
+
+class AXMTaskBoardGridViewComponent {
+    constructor() {
+        this.vm = inject(AXMTaskBoardViewModel);
+        this.localeService = inject(AXLocaleService);
+        this.calendarService = inject(AXCalendarService);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.taskPopoverOverlay = inject(AXMTaskBoardTaskPopoverOverlayService);
+        this.destroyRef = inject(DestroyRef);
+        this.dataSource = input.required(...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        this.refreshNonce = input(0, ...(ngDevMode ? [{ debugName: "refreshNonce" }] : /* istanbul ignore next */ []));
+        this.onTaskClick = output();
+        this.fetchedTasks = signal([], ...(ngDevMode ? [{ debugName: "fetchedTasks" }] : /* istanbul ignore next */ []));
+        this.columns = signal([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        this.grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
+        this.taskRowCommandWidth = TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH;
+        this.taskRowCommandItems = TASK_BOARD_GRID_ROW_ACTION_ITEMS;
+        this.gridRemountKeys = computed(() => [this.refreshNonce()], ...(ngDevMode ? [{ debugName: "gridRemountKeys" }] : /* istanbul ignore next */ []));
+        this.tasksDataSource = computed(() => {
+            const parentDataSource = this.dataSource();
+            void this.refreshNonce();
+            return new AXDataSource({
+                load: async (e) => {
+                    const result = await parentDataSource({ skip: e.skip, take: e.take });
+                    this.fetchedTasks.set(result.items);
+                    const mappedItems = result.items.map((task) => ({
+                        id: task.id,
+                        data: task.data,
+                        title: task.title,
+                        priority: task.priority,
+                        description: task.description,
+                        statusTitle: task.status.title,
+                        reporter: task.reporter.fullName ?? '-',
+                        assignee: task.assignee?.fullName ?? 'unassigned',
+                        type: this.taskBoardService.getProvider(task.provider)?.title,
+                        endDate: this.calendarService.format(task.endDate, 'DD/MM/YYYY HH:mm', {
+                            locale: this.localeService.activeProfile().calendar.system,
+                        }),
+                        startDate: this.calendarService.format(task.startDate, 'DD/MM/YYYY HH:mm', {
+                            locale: this.localeService.activeProfile().calendar.system,
+                        }),
+                        _originalTask: task,
+                    }));
+                    return { items: mappedItems, total: result.total };
+                },
+                pageSize: 10,
+                key: 'id',
+                byKey: async (key) => {
+                    return this.fetchedTasks().find((task) => task.id === key);
+                },
+            });
+        }, ...(ngDevMode ? [{ debugName: "tasksDataSource" }] : /* istanbul ignore next */ []));
+        this.#gridManualFetchEffect = effect(() => {
+            this.vm.selectedTaskTypeNames();
+            this.vm.selectedAssigneeIds();
+            this.vm.selectedReporterIds();
+            this.vm.selectedPriorities();
+            this.vm.currentDate();
+            this.vm.daysCount();
+            this.vm.currentViewMode();
+            this.refreshNonce();
+            const grid = this.grid();
+            if (!grid) {
+                return;
+            }
+            queueMicrotask(() => {
+                untracked(() => {
+                    grid.refresh({ reset: true });
+                });
+            });
+        }, ...(ngDevMode ? [{ debugName: "#gridManualFetchEffect" }] : /* istanbul ignore next */ []));
+        this.#providerChanged = effect(async () => {
+            const taskType = this.vm.selectedTaskTypes()[0];
+            if (!taskType) {
+                this.columns.set([]);
+                return;
+            }
+            taskType.getExtraFields().then((extraFields) => {
+                if (extraFields) {
+                    this.columns.set(extraFields);
+                }
+            });
+        }, ...(ngDevMode ? [{ debugName: "#providerChanged" }] : /* istanbul ignore next */ []));
+        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();
+        });
+    }
+    #gridManualFetchEffect;
+    #providerChanged;
+    handleRowClick(event) {
+        if (event.data) {
+            const mappedItem = event.data;
+            const originalTask = mappedItem._originalTask || this.fetchedTasks().find((task) => task.id === mappedItem.id);
+            if (originalTask) {
+                this.onTaskClick.emit(originalTask);
+            }
+        }
+    }
+    handleTaskCommandClick(event) {
+        if (event.name !== 'view') {
+            return;
+        }
+        event.nativeEvent?.stopPropagation();
+        const mappedItem = event.data;
+        const task = mappedItem._originalTask ?? this.fetchedTasks().find((t) => t.id === mappedItem.id);
+        if (!task) {
+            return;
+        }
+        const anchor = this.taskPopoverOverlay.resolveAnchorFromCommandClick(event);
+        if (!anchor) {
+            return;
+        }
+        setTimeout(() => {
+            void this.taskPopoverOverlay.open({
+                task,
+                anchor,
+                placement: 'bottom-start',
+                adaptivityEnabled: false,
+                autoFlip: true,
+            });
+        }, 0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardGridViewComponent, isStandalone: true, selector: "axm-task-board-grid-view", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, refreshNonce: { classPropertyName: "refreshNonce", publicName: "refreshNonce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (remountKey of gridRemountKeys(); track remountKey) {\n  <ax-data-table\n    #grid\n    [fetchDataMode]=\"'manual'\"\n    [dataSource]=\"tasksDataSource()\"\n    (onRowClick)=\"handleRowClick($event)\"\n    [loading]=\"{ enabled: true, animation: true }\"\n  >\n    <ax-text-column\n      dataField=\"title\"\n      [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n      [width]=\"'350px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"description\"\n      [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n      [width]=\"'500px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"assignee\"\n      [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"startDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"endDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"priority\"\n      [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      [allowResizing]=\"true\"\n      dataField=\"reporter\"\n      [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"statusTitle\"\n      [caption]=\"('@task-management:task-board.grid-headers.status' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"type\"\n      [caption]=\"('@task-management:task-board.grid-headers.type' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n\n    @if (columns().length) {\n      <ng-container>\n        @for (column of columns(); track column) {\n          <axp-widget-column-renderer\n            [node]=\"column.widget\"\n            [caption]=\"(column.title | translate | async)!\"\n          ></axp-widget-column-renderer>\n        }\n      </ng-container>\n    }\n\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"taskRowCommandWidth\"\n      [items]=\"taskRowCommandItems\"\n      (onItemClick)=\"handleTaskCommandClick($event)\"\n    ></ax-command-column>\n  </ax-data-table>\n}\n", dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$1.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "hasTitle", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$1.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "sortEnabled", "headerSortDirection", "headerSortPriority", "cellTemplate", "headerTemplate"], outputs: ["sortToggle"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardGridViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-task-board-grid-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDataTableModule, AXTranslatorPipe, AsyncPipe, AXPWidgetCoreModule], template: "@for (remountKey of gridRemountKeys(); track remountKey) {\n  <ax-data-table\n    #grid\n    [fetchDataMode]=\"'manual'\"\n    [dataSource]=\"tasksDataSource()\"\n    (onRowClick)=\"handleRowClick($event)\"\n    [loading]=\"{ enabled: true, animation: true }\"\n  >\n    <ax-text-column\n      dataField=\"title\"\n      [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n      [width]=\"'350px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"description\"\n      [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n      [width]=\"'500px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"assignee\"\n      [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"startDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"endDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"priority\"\n      [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      [allowResizing]=\"true\"\n      dataField=\"reporter\"\n      [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"statusTitle\"\n      [caption]=\"('@task-management:task-board.grid-headers.status' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"type\"\n      [caption]=\"('@task-management:task-board.grid-headers.type' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n\n    @if (columns().length) {\n      <ng-container>\n        @for (column of columns(); track column) {\n          <axp-widget-column-renderer\n            [node]=\"column.widget\"\n            [caption]=\"(column.title | translate | async)!\"\n          ></axp-widget-column-renderer>\n        }\n      </ng-container>\n    }\n\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"taskRowCommandWidth\"\n      [items]=\"taskRowCommandItems\"\n      (onItemClick)=\"handleTaskCommandClick($event)\"\n    ></ax-command-column>\n  </ax-data-table>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], refreshNonce: [{ type: i0.Input, args: [{ isSignal: true, alias: "refreshNonce", required: false }] }], onTaskClick: [{ type: i0.Output, args: ["onTaskClick"] }], grid: [{ type: i0.ViewChild, args: ['grid', { isSignal: true }] }] } });
+
+class AXMTaskBoardKanbanViewComponent {
+    constructor() {
+        this.vm = inject(AXMTaskBoardViewModel);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.settingService = inject(AXPSettingsService);
+        this.commandService = inject(AXPCommandService);
+        this.taskPopoverOverlay = inject(AXMTaskBoardTaskPopoverOverlayService);
+        this.destroyRef = inject(DestroyRef);
+        this.kanbanComponent = viewChild(AXKanbanComponent, ...(ngDevMode ? [{ debugName: "kanbanComponent" }] : /* istanbul ignore next */ []));
+        this.tasks = model.required(...(ngDevMode ? [{ debugName: "tasks" }] : /* istanbul ignore next */ []));
+        this.onTaskClick = output();
+        this.onTaskChanged = output();
+        this.component = output();
+        this.onActionClick = output();
+        this.statuses = signal([], ...(ngDevMode ? [{ debugName: "statuses" }] : /* istanbul ignore next */ []));
+        this.stableTasks = computed(() => this.tasks(), { ...(ngDevMode ? { debugName: "stableTasks" } : /* istanbul ignore next */ {}), equal: isEqual });
+        this.kanbanTasks = computed(() => {
+            return this.stableTasks().map((task) => ({
+                id: task.id,
+                title: task.title,
+                index: task.index,
+                cssClass: task.cssClass,
+                statusKey: task.status.id,
+                description: task.description,
+            }));
+        }, ...(ngDevMode ? [{ debugName: "kanbanTasks" }] : /* istanbul ignore next */ []));
+        this.#providerChanged = effect(async () => {
+            const taskType = this.vm.selectedTaskTypes()[0];
+            if (!taskType) {
+                this.statuses.set([]);
+                return;
+            }
+            taskType.getStatuses().then((statuses) => {
+                if (statuses) {
+                    this.statuses.set(statuses);
+                }
+            });
+        }, ...(ngDevMode ? [{ debugName: "#providerChanged" }] : /* istanbul ignore next */ []));
+    }
+    ngAfterViewInit() {
+        this.taskBoardService.refresh$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(async (data) => {
+            const active = this.taskPopoverOverlay.getActiveTask();
+            if (!active?.provider) {
+                return;
+            }
+            if (data.provider && data.provider !== active.provider) {
+                return;
+            }
+            await this.refreshPopoverData();
+        });
+        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();
+        });
+        if (this.kanbanComponent()) {
+            this.component.emit(this.kanbanComponent());
+        }
+    }
+    #providerChanged;
+    //#region ----   Drag & Drop Handling   ----
+    /**
+     * Handles the onBeforeDrop event from the kanban component.
+     * Uses event.wait() to register async operations that the kanban will await.
+     * If action is cancelled/failed, we set event.canceled = true to prevent the drop.
+     */
+    onBeforeDrop(event) {
+        // If no status change, allow the drop (just reordering)
+        if (event.previousStatusKey === event.currentStatusKey) {
+            return;
+        }
+        // Find the task being moved
+        const task = this.stableTasks().find((t) => t.id === event.item?.id);
+        if (!task || !task.provider) {
+            // Allow drop if task not found or no provider
+            return;
+        }
+        // Get the provider
+        const provider = this.taskBoardService.getProvider(task.provider);
+        if (!provider) {
+            return;
+        }
+        // Register the async operation using event.wait()
+        // The kanban component will await this promise before proceeding
+        event.wait(this.executeDropAction(event, task, provider));
+    }
+    /**
+     * Executes the action for a drop operation.
+     * Sets event.canceled = true if action fails or is cancelled.
+     * IMPORTANT: Do NOT update the task status in dataSource here - let the kanban handle the move.
+     * The kanban will update the status in onSortChanged, and we'll sync with backend there.
+     */
+    async executeDropAction(event, task, provider) {
+        if (!provider) {
+            return;
+        }
+        try {
+            // Get available actions for the task
+            const actions = await provider.getActions(task);
+            if (!actions || actions.length === 0) {
+                // No actions available, allow the drop
+                return;
+            }
+            // Find action that matches the new status
+            const matchingAction = this.findActionForStatus(actions, event.currentStatusKey);
+            if (!matchingAction || !matchingAction.command) {
+                // No matching action found, allow the drop
+                return;
+            }
+            // Execute the action and check result
+            const result = await this.taskBoardService.executeCommand(matchingAction.command, task.provider);
+            // Check if action was successful (not cancelled or failed)
+            if (result?.success === false || result === null) {
+                // Action was cancelled or failed - prevent the drop
+                event.canceled = true;
+                return;
+            }
+            // Action succeeded - allow the drop to proceed
+            // The kanban will handle the visual move, and onSortChanged will sync with backend
+        }
+        catch (error) {
+            console.error('[KanbanDrop] Failed to execute action during drop:', error);
+            // On error, prevent the drop to be safe
+            event.canceled = true;
+        }
+    }
+    /**
+     * Finds an action that corresponds to the target status.
+     * Matches actions by name patterns (e.g., "approve" action for "approved" status).
+     */
+    findActionForStatus(actions, targetStatus) {
+        const targetStatusStr = String(targetStatus).toLowerCase();
+        // Common status-to-action mappings
+        const statusActionMap = {
+            approved: ['approve'],
+            rejected: ['reject'],
+            cancelled: ['cancel'],
+            completed: ['complete', 'finish'],
+            done: ['complete', 'finish'],
+            inprogress: ['start', 'begin'],
+            'in-progress': ['start', 'begin'],
+            blocked: ['block'],
+            unblocked: ['unblock'],
+        };
+        // Check direct mappings first
+        const possibleActionNames = statusActionMap[targetStatusStr] || [];
+        for (const actionName of possibleActionNames) {
+            const action = actions.find((a) => a.name?.toLowerCase().includes(actionName));
+            if (action) {
+                return action;
+            }
+        }
+        // Try to find action by name containing status keywords
+        const statusKeywords = targetStatusStr.split(/[-_\s]+/);
+        for (const keyword of statusKeywords) {
+            if (keyword.length < 3)
+                continue; // Skip very short keywords
+            const action = actions.find((a) => {
+                const actionName = a.name?.toLowerCase() || '';
+                return actionName.includes(keyword) || keyword.includes(actionName);
+            });
+            if (action) {
+                return action;
+            }
+        }
+        // Try exact match with action name
+        const exactMatch = actions.find((a) => a.name?.toLowerCase() === targetStatusStr);
+        if (exactMatch) {
+            return exactMatch;
+        }
+        // Try partial match (status contains action name or vice versa)
+        for (const action of actions) {
+            const actionName = action.name?.toLowerCase() || '';
+            if (targetStatusStr.includes(actionName) || actionName.includes(targetStatusStr)) {
+                return action;
+            }
+        }
+        return null;
+    }
+    //#endregion
+    onSortChanged(event) {
+        const tasks = this.tasks().map((item) => {
+            const task = event.allItems.find((t) => t.id === item.id);
+            if (!task) {
+                return item;
+            }
+            const status = this.statuses().find((s) => String(s.key) === String(task.statusKey));
+            if (!status) {
+                return { ...item, index: task.index ?? item.index };
+            }
+            return {
+                ...item,
+                index: task.index ?? item.index,
+                status: { id: status.key, title: status.title },
+            };
+        });
+        this.taskBoardService
+            .updateTasks(tasks)
+            .then((updatedTasks) => {
+            this.tasks.set(updatedTasks);
+        })
+            .catch((error) => {
+            console.error('[KanbanSort] Failed to update tasks:', error);
+            const provider = tasks[0]?.provider;
+            if (provider) {
+                this.taskBoardService.requestRefresh(provider);
+            }
+        });
+    }
+    async handleItemClick(event) {
+        const task = this.stableTasks().find((task) => task.id === event.item.id);
+        if (!task)
+            return;
+        // Find the kanban item container element
+        let targetElement = event.nativeEvent.currentTarget || event.nativeEvent.target;
+        // Traverse up to find the kanban item container
+        let element = targetElement;
+        const maxDepth = 10;
+        let depth = 0;
+        while (element && element !== document.body && depth < maxDepth) {
+            depth++;
+            const isKanbanItem = element.classList?.contains('dx-kanban-item') ||
+                element.classList?.contains('ax-kanban-item') ||
+                element.hasAttribute('data-item-id');
+            if (isKanbanItem) {
+                targetElement = element;
+                break;
+            }
+            element = element.parentElement;
+        }
+        if (targetElement) {
+            await this.taskPopoverOverlay.open({
+                task,
+                anchor: targetElement,
+                offsetX: 12,
+                offsetY: 12,
+                adaptivityEnabled: true,
+            });
+        }
+        this.onTaskClick.emit(task);
+    }
+    handleActionClick(event) {
+        const task = this.stableTasks().find((task) => task.id === event.item.id);
+        if (task) {
+            this.onActionClick.emit({ nativeEvent: event.nativeEvent, task: task });
+        }
+    }
+    async refreshPopoverData() {
+        const active = this.taskPopoverOverlay.getActiveTask();
+        if (!active?.provider) {
+            return;
+        }
+        const provider = this.taskBoardService.getProvider(active.provider);
+        if (!provider) {
+            return;
+        }
+        try {
+            const result = await provider.getTasks();
+            const updatedTasks = result.items.map((t) => ({ ...t, provider: active.provider }));
+            const updatedMap = new Map(updatedTasks.map((t) => [t.id, t]));
+            const currentTasks = this.tasks();
+            const mergedTasks = currentTasks.map((t) => updatedMap.get(t.id) ?? t);
+            const existingIds = new Set(currentTasks.map((t) => t.id));
+            const newTasks = updatedTasks.filter((t) => !existingIds.has(t.id));
+            this.tasks.set([...mergedTasks, ...newTasks]);
+            const updatedSelectedTask = updatedMap.get(active.id);
+            if (updatedSelectedTask) {
+                await this.taskPopoverOverlay.refreshTask({ ...updatedSelectedTask, provider: active.provider });
+            }
+        }
+        catch (error) {
+            console.error('[TaskPopover] Failed to refresh popover data:', error);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardKanbanViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXMTaskBoardKanbanViewComponent, isStandalone: true, selector: "axm-task-board-kanban-view", inputs: { tasks: { classPropertyName: "tasks", publicName: "tasks", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { tasks: "tasksChange", onTaskClick: "onTaskClick", onTaskChanged: "onTaskChanged", component: "component", onActionClick: "onActionClick" }, viewQueries: [{ propertyName: "kanbanComponent", first: true, predicate: AXKanbanComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-kanban\n  [statuses]=\"statuses()\"\n  [dataSource]=\"kanbanTasks()\"\n  (onItemClick)=\"handleItemClick($event)\"\n  (onBeforeDrop)=\"onBeforeDrop($event)\"\n  (onSortChanged)=\"onSortChanged($event)\"\n></ax-kanban>\n", 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}ax-kanban .ax-kanban-item.axm-task-board-surface--primary{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-primary-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--secondary{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-secondary-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--success{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-success-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--warning{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-warning-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--danger{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-danger-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent1{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-accent1-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent2{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-accent2-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent3{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-accent3-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--neutral{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-lighter-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--ghost{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-lighter-surface),var(--tw-border-opacity, 1));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))}ax-kanban{--ax-comp-kanban-status-min-height: 100%;--ax-comp-kanban-status-min-width: 25rem;height:100%;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));line-height:1.5}\n"], dependencies: [{ kind: "component", type: AXKanbanComponent, selector: "ax-kanban", inputs: ["hasActions", "dragStartDelay", "statuses", "itemTemplate", "dataSource", "keyField", "indexField", "titleField", "cssClassField", "priorityField", "statusKeyField", "descriptionField", "emptyTemplate", "headerTemplate", "footerTemplate", "contentFooterTemplate", "tooltipTemplate"], outputs: ["onBeforeDrop", "onSortChanged", "onItemClick", "onActionClick", "onItemDblClick", "onItemRightClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardKanbanViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-task-board-kanban-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXKanbanComponent], template: "<ax-kanban\n  [statuses]=\"statuses()\"\n  [dataSource]=\"kanbanTasks()\"\n  (onItemClick)=\"handleItemClick($event)\"\n  (onBeforeDrop)=\"onBeforeDrop($event)\"\n  (onSortChanged)=\"onSortChanged($event)\"\n></ax-kanban>\n", 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}ax-kanban .ax-kanban-item.axm-task-board-surface--primary{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-primary-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--secondary{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-secondary-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--success{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-success-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--warning{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-warning-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--danger{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-danger-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent1{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-accent1-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent2{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-accent2-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent3{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-accent3-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--neutral{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-lighter-surface),var(--tw-border-opacity, 1));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))}ax-kanban .ax-kanban-item.axm-task-board-surface--ghost{border-width:1px;border-inline-start-width:3px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-inline-start-color:rgba(var(--ax-sys-color-border-lighter-surface),var(--tw-border-opacity, 1));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))}ax-kanban{--ax-comp-kanban-status-min-height: 100%;--ax-comp-kanban-status-min-width: 25rem;height:100%;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));line-height:1.5}\n"] }]
+        }], propDecorators: { kanbanComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXKanbanComponent), { isSignal: true }] }], tasks: [{ type: i0.Input, args: [{ isSignal: true, alias: "tasks", required: true }] }, { type: i0.Output, args: ["tasksChange"] }], onTaskClick: [{ type: i0.Output, args: ["onTaskClick"] }], onTaskChanged: [{ type: i0.Output, args: ["onTaskChanged"] }], component: [{ type: i0.Output, args: ["component"] }], onActionClick: [{ type: i0.Output, args: ["onActionClick"] }] } });
+
+function statusGroupTrackKey(nonce, group) {
+    return `${nonce}:${String(group.statusInfo.key)}`;
+}
+function taskMatchesStatus(task, status) {
+    return String(task.status.id) === String(status.key);
+}
+class AXMTaskBoardStatusGroupedGridViewComponent {
+    constructor() {
+        this.vm = inject(AXMTaskBoardViewModel);
+        this.localeService = inject(AXLocaleService);
+        this.calendarService = inject(AXCalendarService);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.taskPopoverOverlay = inject(AXMTaskBoardTaskPopoverOverlayService);
+        this.destroyRef = inject(DestroyRef);
+        this.provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : /* istanbul ignore next */ []));
+        this.dataSource = input.required(...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        this.refreshNonce = input(0, ...(ngDevMode ? [{ debugName: "refreshNonce" }] : /* istanbul ignore next */ []));
+        this.onTaskClick = output();
+        this.groupedTasks = signal([], ...(ngDevMode ? [{ debugName: "groupedTasks" }] : /* istanbul ignore next */ []));
+        this.allFetchedTasks = signal([], ...(ngDevMode ? [{ debugName: "allFetchedTasks" }] : /* istanbul ignore next */ []));
+        this.columns = signal([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        this.statuses = signal([], ...(ngDevMode ? [{ debugName: "statuses" }] : /* istanbul ignore next */ []));
+        this.grids = viewChildren('grid', ...(ngDevMode ? [{ debugName: "grids" }] : /* istanbul ignore next */ []));
+        this.taskRowCommandWidth = TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH;
+        this.taskRowCommandItems = TASK_BOARD_GRID_ROW_ACTION_ITEMS;
+        this.trackStatusGroup = (_index, group) => statusGroupTrackKey(this.refreshNonce(), group);
+        this.groupedViewRemountKeys = computed(() => [this.refreshNonce()], ...(ngDevMode ? [{ debugName: "groupedViewRemountKeys" }] : /* istanbul ignore next */ []));
+        this.#dataChanged = effect(() => {
+            this.vm.selectedTaskTypeNames();
+            this.vm.selectedAssigneeIds();
+            this.vm.selectedReporterIds();
+            this.vm.selectedPriorities();
+            this.vm.currentDate();
+            this.vm.daysCount();
+            this.vm.currentViewMode();
+            this.refreshNonce();
+            const allStatuses = this.statuses();
+            const parentDataSource = this.dataSource();
+            if (!parentDataSource || allStatuses.length === 0) {
+                this.groupedTasks.set([]);
+                this.allFetchedTasks.set([]);
+                return;
+            }
+            void parentDataSource().then((result) => {
+                this.allFetchedTasks.set(result.items);
+                const allTasks = result.items;
+                const statusGroups = allStatuses.map((status) => {
+                    const tasksForStatus = allTasks.filter((task) => taskMatchesStatus(task, status));
+                    return {
+                        statusInfo: status,
+                        tasks: this.createTaskDataSourceForGroup(tasksForStatus),
+                    };
+                });
+                this.groupedTasks.set(statusGroups);
+                untracked(() => {
+                    setTimeout(() => {
+                        this.groupedTasks()?.forEach((group) => {
+                            group.tasks.refresh();
+                        });
+                        this.grids().forEach((grid) => {
+                            grid.refresh({ reset: true });
+                        });
+                    }, 0);
+                });
+            });
+        }, ...(ngDevMode ? [{ debugName: "#dataChanged" }] : /* istanbul ignore next */ []));
+        this.#providerChanged = effect(async () => {
+            const provider = this.vm.selectedTaskTypes()[0];
+            provider?.getExtraFields().then((extraFields) => {
+                if (extraFields) {
+                    this.columns.set(extraFields);
+                }
+            });
+            provider?.getStatuses().then((statuses) => {
+                if (statuses) {
+                    this.statuses.set(statuses);
+                }
+            });
+        }, ...(ngDevMode ? [{ debugName: "#providerChanged" }] : /* istanbul ignore next */ []));
+        this.#gridsChanged = effect(() => {
+            const groups = this.groupedTasks();
+            untracked(() => {
+                setTimeout(() => {
+                    this.grids().forEach((grid) => {
+                        grid.refresh({ reset: true });
+                    });
+                }, 100);
+            });
+        }, ...(ngDevMode ? [{ debugName: "#gridsChanged" }] : /* istanbul ignore next */ []));
+        afterNextRender(() => {
+            untracked(() => {
+                setTimeout(() => {
+                    this.groupedTasks()?.forEach((group) => {
+                        group.tasks.refresh();
+                    });
+                    this.grids().forEach((grid) => {
+                        grid.refresh({ reset: true });
+                    });
+                }, 200);
+            });
+        });
+        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();
+        });
+    }
+    #dataChanged;
+    #providerChanged;
+    #gridsChanged;
+    createTaskDataSourceForGroup(tasks) {
+        return new AXDataSource({
+            load: async (e) => {
+                const items = tasks.map((task) => ({
+                    id: task.id,
+                    data: task.data,
+                    title: task.title,
+                    priority: task.priority,
+                    description: task.description,
+                    reporter: task.reporter.fullName ?? '-',
+                    assignee: task.assignee?.fullName ?? 'unassigned',
+                    endDate: this.calendarService.format(task.endDate, 'DD/MM/YYYY HH:mm', {
+                        locale: this.localeService.activeProfile().calendar.system,
+                    }),
+                    startDate: this.calendarService.format(task.startDate, 'DD/MM/YYYY HH:mm', {
+                        locale: this.localeService.activeProfile().calendar.system,
+                    }),
+                    _originalTask: task,
+                }));
+                return {
+                    items: items.slice(e.skip, e.skip + e.take),
+                    total: items.length,
+                };
+            },
+            pageSize: 5,
+            key: 'id',
+            byKey: async (key) => {
+                return tasks.find((task) => task.id === key);
+            },
+        });
+    }
+    handleRowClick(event) {
+        if (!event.data) {
+            return;
+        }
+        const mappedItem = event.data;
+        const originalTask = mappedItem._originalTask ?? this.allFetchedTasks().find((task) => task.id === mappedItem.id);
+        if (originalTask) {
+            this.onTaskClick.emit(originalTask);
+        }
+    }
+    handleTaskCommandClick(event) {
+        if (event.name !== 'view') {
+            return;
+        }
+        event.nativeEvent?.stopPropagation();
+        const mappedItem = event.data;
+        const task = mappedItem._originalTask ?? this.allFetchedTasks().find((t) => t.id === mappedItem.id);
+        if (!task) {
+            return;
+        }
+        const anchor = this.taskPopoverOverlay.resolveAnchorFromCommandClick(event);
+        if (!anchor) {
+            return;
+        }
+        setTimeout(() => {
+            void this.taskPopoverOverlay.open({
+                task,
+                anchor,
+                placement: 'bottom-start',
+                adaptivityEnabled: false,
+                autoFlip: true,
+            });
+        }, 0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardStatusGroupedGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardStatusGroupedGridViewComponent, isStandalone: true, selector: "axm-task-board-status-grouped-grid-view", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, refreshNonce: { classPropertyName: "refreshNonce", publicName: "refreshNonce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick" }, viewQueries: [{ propertyName: "grids", predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (remountKey of groupedViewRemountKeys(); track remountKey) {\n  @for (group of groupedTasks(); track trackStatusGroup($index, group)) {\n    <h1 class=\"ax-text-xl ax-font-bold\">{{ group.statusInfo.title }}</h1>\n    <ax-data-table\n      #grid\n      class=\"ax-h-[300px]\"\n      [fetchDataMode]=\"'manual'\"\n      [dataSource]=\"group.tasks\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      (onRowClick)=\"handleRowClick($event)\"\n    >\n      <ax-text-column\n        dataField=\"title\"\n        [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n        [width]=\"'350px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"description\"\n        [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n        [width]=\"'500px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"startDate\"\n        [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n        [width]=\"'150px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"endDate\"\n        [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n        [width]=\"'150px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"priority\"\n        [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"reporter\"\n        [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"assignee\"\n        [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n\n      <ax-command-column\n        fixed=\"end\"\n        [width]=\"taskRowCommandWidth\"\n        [items]=\"taskRowCommandItems\"\n        (onItemClick)=\"handleTaskCommandClick($event)\"\n      ></ax-command-column>\n    </ax-data-table>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$1.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "hasTitle", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$1.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardStatusGroupedGridViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-task-board-status-grouped-grid-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDataTableModule, AXTranslatorPipe, AsyncPipe, AXPWidgetCoreModule], template: "@for (remountKey of groupedViewRemountKeys(); track remountKey) {\n  @for (group of groupedTasks(); track trackStatusGroup($index, group)) {\n    <h1 class=\"ax-text-xl ax-font-bold\">{{ group.statusInfo.title }}</h1>\n    <ax-data-table\n      #grid\n      class=\"ax-h-[300px]\"\n      [fetchDataMode]=\"'manual'\"\n      [dataSource]=\"group.tasks\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      (onRowClick)=\"handleRowClick($event)\"\n    >\n      <ax-text-column\n        dataField=\"title\"\n        [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n        [width]=\"'350px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"description\"\n        [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n        [width]=\"'500px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"startDate\"\n        [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n        [width]=\"'150px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"endDate\"\n        [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n        [width]=\"'150px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"priority\"\n        [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"reporter\"\n        [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n      <ax-text-column\n        dataField=\"assignee\"\n        [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n        [width]=\"'125px'\"\n      ></ax-text-column>\n\n      <ax-command-column\n        fixed=\"end\"\n        [width]=\"taskRowCommandWidth\"\n        [items]=\"taskRowCommandItems\"\n        (onItemClick)=\"handleTaskCommandClick($event)\"\n      ></ax-command-column>\n    </ax-data-table>\n  }\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], refreshNonce: [{ type: i0.Input, args: [{ isSignal: true, alias: "refreshNonce", required: false }] }], onTaskClick: [{ type: i0.Output, args: ["onTaskClick"] }], grids: [{ type: i0.ViewChildren, args: ['grid', { isSignal: true }] }] } });
+
+class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.router = inject(Router);
+        this.rootConfig = RootConfig;
+        this.deviceService = inject(AXPDeviceService);
+        this.vm = inject(AXMTaskBoardViewModel);
+        this.unsubscribe = inject(AXUnsubscriber);
+        this.activatedRoute = inject(ActivatedRoute);
+        this.localeService = inject(AXLocaleService);
+        this.calendarService = inject(AXCalendarService);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.shortcutRegistry = inject(AXPKeyboardShortcutRegistry);
+        this.destroyRef = inject(DestroyRef);
+        this.dueStatusProviderService = inject(AXPDueStatusProviderService);
+        this.dataSourceDefinitionService = inject(AXPDataSourceDefinitionProviderService);
+        this.translationService = inject(AXTranslationService);
+        this.sessionUser = toSignal(this.sessionService.user$, { initialValue: null });
+        this.sessionPermissions = toSignal(this.sessionService.permissions$, { initialValue: [] });
+        this.activeCalendar = toSignal(this.calendarService.calendarChanges$, {
+            initialValue: this.calendarService.getActiveCalendar(),
+        });
+        this.profileChanged = toSignal(this.localeService.profileChanged$, {
+            initialValue: this.localeService.activeProfile(),
+        });
+        this.navigatorTimeTextVersion = 0;
+        this.colorByItems = [
+            { key: 'dueDate', titleKey: '@task-management:task-board.color-by.due-date' },
+            { key: 'priority', titleKey: '@task-management:task-board.color-by.priority' },
+            { key: 'status', titleKey: '@task-management:task-board.color-by.status' },
+        ];
+        this.popover = viewChild('popover', ...(ngDevMode ? [{ debugName: "popover" }] : /* istanbul ignore next */ []));
+        this.calendar = viewChild('calendar', ...(ngDevMode ? [{ debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.isReady = signal(false, ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
+        this.isSettingsPanelOpen = signal(false, ...(ngDevMode ? [{ debugName: "isSettingsPanelOpen" }] : /* istanbul ignore next */ []));
+        this.settingsPanelCopy = signal({
+            title: '',
+            colorBy: '',
+            calendars: '',
+        }, ...(ngDevMode ? [{ debugName: "settingsPanelCopy" }] : /* istanbul ignore next */ []));
+        this.filtersReady = signal(false, ...(ngDevMode ? [{ debugName: "filtersReady" }] : /* istanbul ignore next */ []));
+        this.calendarEventTypes = signal([], ...(ngDevMode ? [{ debugName: "calendarEventTypes" }] : /* istanbul ignore next */ []));
+        this.resources = signal([], ...(ngDevMode ? [{ debugName: "resources" }] : /* istanbul ignore next */ []));
+        this.isQueryParam = signal(false, ...(ngDevMode ? [{ debugName: "isQueryParam" }] : /* istanbul ignore next */ []));
+        this.refreshNonce = signal(0, ...(ngDevMode ? [{ debugName: "refreshNonce" }] : /* istanbul ignore next */ []));
+        this.navigatorTimeText = signal('', ...(ngDevMode ? [{ debugName: "navigatorTimeText" }] : /* istanbul ignore next */ []));
+        this.panelInitialFilters = signal([], ...(ngDevMode ? [{ debugName: "panelInitialFilters" }] : /* istanbul ignore next */ []));
+        this.currentTask = signal(null, ...(ngDevMode ? [{ debugName: "currentTask" }] : /* istanbul ignore next */ []));
+        this.schedulerComponent = signal(null, ...(ngDevMode ? [{ debugName: "schedulerComponent" }] : /* istanbul ignore next */ []));
+        this.kanbanLoadVersion = 0;
+        this.filtersPanelInitialized = false;
+        this.lastLocaleProfileCode = null;
+        /** Ctrl enables range selection in kanban/table navigator popover calendars. */
+        this.navigatorRangeSelectActive = signal(false, ...(ngDevMode ? [{ debugName: "navigatorRangeSelectActive" }] : /* istanbul ignore next */ []));
+        /** True after a plain (non-Ctrl) single-day click in the navigator calendar. */
+        this.navigatorPlainSingleDaySelected = false;
+        this.modifierRangeBasedViews = ['grid', 'kanban', 'status-grouped-grid'];
+        this.alwaysRangeBasedViews = ['agenda', 'timeline-weekly'];
+        this.dayDataCache = signal(new Map(), ...(ngDevMode ? [{ debugName: "dayDataCache" }] : /* istanbul ignore next */ []));
+        this.showToolbarNavigator = computed(() => usesTaskBoardToolbarNavigator(this.vm.currentViewMode()), ...(ngDevMode ? [{ debugName: "showToolbarNavigator" }] : /* istanbul ignore next */ []));
+        this.showViewLayoutSwitcher = computed(() => getTaskBoardLayoutOptions(this.vm.currentViewCategory()).length > 0, ...(ngDevMode ? [{ debugName: "showViewLayoutSwitcher" }] : /* istanbul ignore next */ []));
+        this.viewLayoutItems = computed(() => getTaskBoardLayoutOptions(this.vm.currentViewCategory()), ...(ngDevMode ? [{ debugName: "viewLayoutItems" }] : /* istanbul ignore next */ []));
+        this.selectedViewLayout = computed(() => this.vm.getLayoutForCategory(this.vm.currentViewCategory()), ...(ngDevMode ? [{ debugName: "selectedViewLayout" }] : /* istanbul ignore next */ []));
+        this.selectedViewLayoutTitleKey = computed(() => {
+            const selectedLayout = this.selectedViewLayout();
+            const item = this.viewLayoutItems().find((option) => option.key === selectedLayout);
+            return item ? this.viewLayoutTranslationKey(item.text) : '';
+        }, ...(ngDevMode ? [{ debugName: "selectedViewLayoutTitleKey" }] : /* istanbul ignore next */ []));
+        this.selectedViewLayoutIcon = computed(() => {
+            const selectedLayout = this.selectedViewLayout();
+            const item = this.viewLayoutItems().find((option) => option.key === selectedLayout);
+            return item?.icon ?? 'fa-light fa-sliders';
+        }, ...(ngDevMode ? [{ debugName: "selectedViewLayoutIcon" }] : /* istanbul ignore next */ []));
+        this.effectiveColorBy = computed(() => this.vm.effectiveColorBy(), ...(ngDevMode ? [{ debugName: "effectiveColorBy" }] : /* istanbul ignore next */ []));
+        this.settingsPanelHeader = computed(() => ({
+            primaryTitle: this.settingsPanelCopy().title,
+            icon: {
+                iconClass: 'fa-fw fa-lg fa-light fa-gear',
+            },
+        }), ...(ngDevMode ? [{ debugName: "settingsPanelHeader" }] : /* istanbul ignore next */ []));
+        this.settingsPanelSections = computed(() => {
+            const copy = this.settingsPanelCopy();
+            const sections = [
+                { title: copy.colorBy, projectionKey: 'colorBy' },
+            ];
+            if (this.showCalendarEventButton()) {
+                sections.push({ title: copy.calendars, projectionKey: 'calendars' });
+            }
+            return sections;
+        }, ...(ngDevMode ? [{ debugName: "settingsPanelSections" }] : /* istanbul ignore next */ []));
+        this.settingsPanelI18nEffect = effect(() => {
+            this.localeService.activeProfile().localeInfo?.code;
+            void this.loadSettingsPanelCopy();
+        }, ...(ngDevMode ? [{ debugName: "settingsPanelI18nEffect" }] : /* istanbul ignore next */ []));
+        /** Resolves navigator date label asynchronously so month names react to locale/profile changes. */
+        this.navigatorTimeTextEffect = effect(() => {
+            this.profileChanged();
+            this.vm.currentDate();
+            this.vm.currentViewMode();
+            this.vm.daysCount();
+            this.localeService.activeProfile().localeInfo?.code;
+            this.calendarType();
+            this.refreshNonce();
+            const version = ++this.navigatorTimeTextVersion;
+            untracked(() => {
+                void this.resolveNavigatorTimeText().then((text) => {
+                    if (version === this.navigatorTimeTextVersion) {
+                        this.navigatorTimeText.set(text);
+                    }
+                });
+            });
+        }, ...(ngDevMode ? [{ debugName: "navigatorTimeTextEffect" }] : /* istanbul ignore next */ []));
+        /** Re-render navigator calendar when regional week layout changes. */
+        this.navigatorCalendarLayoutEffect = effect(() => {
+            this.localeService.activeProfile().localeInfo?.code;
+            this.calendarService.getActiveCalendar()?.weekdays;
+            this.calendarType();
+            untracked(() => {
+                queueMicrotask(() => {
+                    this.calendar()?.render();
+                });
+            });
+        }, ...(ngDevMode ? [{ debugName: "navigatorCalendarLayoutEffect" }] : /* istanbul ignore next */ []));
+        this.canFilterByAllAssignees = computed(() => {
+            this.sessionUser();
+            this.sessionPermissions();
+            return canViewAllTaskAssignees(this.sessionService);
+        }, ...(ngDevMode ? [{ debugName: "canFilterByAllAssignees" }] : /* istanbul ignore next */ []));
+        this.calendarEventTypeItems = computed(() => this.calendarEventTypes().map((eventType) => ({
+            id: eventType.id,
+            text: eventType.title,
+            icon: eventType.icon,
+        })), ...(ngDevMode ? [{ debugName: "calendarEventTypeItems" }] : /* istanbul ignore next */ []));
+        this.showCalendarEventButton = computed(() => !this.isNonCalendarView() && this.calendarEventTypeItems().length > 0, ...(ngDevMode ? [{ debugName: "showCalendarEventButton" }] : /* istanbul ignore next */ []));
+        this.selectedCalendarEventTypeCount = computed(() => this.vm.selectedCalendarEventTypeIds().length, ...(ngDevMode ? [{ debugName: "selectedCalendarEventTypeCount" }] : /* istanbul ignore next */ []));
+        this.filterDefinitions = computed(() => {
+            const canFilterByAll = this.canFilterByAllAssignees();
+            const assigneeScopeKey = `${this.sessionUser()?.id ?? ''}:${canFilterByAll}`;
+            const isMultiTaskType = this.isMultiSelectTaskTypeEnabled();
+            return [
+                {
+                    field: 'type',
+                    operator: { type: 'equal' },
+                    title: '@task-management:task-board.filter.task-type',
+                    icon: 'fa-light fa-list',
+                    widget: {
+                        type: 'select-filter',
+                        options: {
+                            dataSource: 'task-types',
+                            valueField: 'name',
+                            textField: 'title',
+                            multiple: isMultiTaskType,
+                            allowClear: isMultiTaskType,
+                        },
+                    },
+                    filterType: { advance: true, inline: false },
+                },
+                {
+                    field: 'assignee',
+                    operator: { type: 'equal' },
+                    title: '@task-management:task-board.filter.assignee',
+                    icon: 'fa-light fa-user',
+                    widget: {
+                        type: 'select-filter',
+                        options: {
+                            multiple: true,
+                            valueField: 'id',
+                            textField: 'displayName',
+                            allowSearch: canFilterByAll,
+                            allowClear: canFilterByAll,
+                            readonly: !canFilterByAll,
+                            dataSource: 'task-board-assignees',
+                            assigneeScopeKey,
+                        },
+                    },
+                    filterType: { advance: true, inline: false },
+                },
+                {
+                    field: 'reporter',
+                    operator: { type: 'equal' },
+                    title: '@task-management:task-board.filter.reporter',
+                    icon: 'fa-light fa-user-pen',
+                    widget: {
+                        type: 'select-filter',
+                        options: {
+                            multiple: true,
+                            valueField: 'id',
+                            textField: 'displayName',
+                            allowSearch: true,
+                            dataSource: 'users',
+                        },
+                    },
+                    filterType: { advance: true, inline: false },
+                },
+                {
+                    field: 'priority',
+                    operator: { type: 'equal' },
+                    title: '@task-management:task-board.filter.priority',
+                    icon: 'fa-light fa-flag',
+                    widget: {
+                        type: 'select-filter',
+                        options: {
+                            multiple: true,
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: AXMTaskBoardPage.PRIORITY_OPTIONS,
+                        },
+                    },
+                    filterType: { advance: true, inline: false },
+                },
+                {
+                    field: 'dueStatus',
+                    operator: { type: 'equal' },
+                    title: '@task-management:task-board.filter.due-status',
+                    icon: 'fa-light fa-calendar-clock',
+                    widget: {
+                        type: 'select-filter',
+                        options: {
+                            multiple: true,
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: AXMTaskBoardPage.DUE_STATUS_OPTIONS,
+                        },
+                    },
+                    filterType: { advance: true, inline: false },
+                },
+            ];
+        }, ...(ngDevMode ? [{ debugName: "filterDefinitions" }] : /* istanbul ignore next */ []));
+        /** Re-scope assignee filter when user or permissions change. */
+        this.assigneeScopeEffect = effect(() => {
+            this.sessionUser();
+            this.sessionPermissions();
+            if (this.vm.isLoading()) {
+                return;
+            }
+            const resolvedAssigneeIds = this.vm.assigneeFilterHasSavedPreference()
+                ? this.vm.selectedAssigneeIds()
+                : resolveTaskBoardSavedAssigneeIds(this.sessionService, null);
+            const scopedIds = normalizeTaskBoardAssigneeIds(this.sessionService, resolvedAssigneeIds);
+            const assigneeIdsChanged = !isEqual(sortBy(this.vm.selectedAssigneeIds()), sortBy(scopedIds));
+            if (assigneeIdsChanged) {
+                this.vm.setSelectedAssigneeIds(scopedIds, this.isQueryParam(), false);
+            }
+            if (this.filtersPanelInitialized && assigneeIdsChanged) {
+                untracked(() => void this.syncPanelInitialFilters());
+            }
+        }, ...(ngDevMode ? [{ debugName: "assigneeScopeEffect" }] : /* istanbul ignore next */ []));
+        this.calendarType = computed(() => this.activeCalendar()?.name() ?? this.localeService.activeProfile().calendar.system, ...(ngDevMode ? [{ debugName: "calendarType" }] : /* istanbul ignore next */ []));
+        this.todayButtonTextKey = computed(() => {
+            switch (this.vm.currentViewMode()) {
+                case 'week':
+                    return '@task-management:task-board.navigator.current-week';
+                case 'month':
+                case 'timeline-month':
+                    return '@task-management:task-board.navigator.current-month';
+                case 'timeline-year':
+                    return '@task-management:task-board.navigator.current-year';
+                default:
+                    return '@task-management:task-board.navigator.today';
+            }
+        }, ...(ngDevMode ? [{ debugName: "todayButtonTextKey" }] : /* istanbul ignore next */ []));
+        this.calendarDepth = computed(() => {
+            if (this.vm.currentViewMode() === 'grid' ||
+                this.vm.currentViewMode() === 'kanban' ||
+                this.vm.currentViewMode() === 'status-grouped-grid') {
+                return 'day';
+            }
+            return this.schedulerComponent()?.calendarDepth() || 'day';
+        }, ...(ngDevMode ? [{ debugName: "calendarDepth" }] : /* istanbul ignore next */ []));
+        this.currentDateForCalendar = computed(() => {
+            const pendingRangeStart = this.vm.rangeStartDate();
+            if (pendingRangeStart && this.isModifierRangeNavigatorView()) {
+                return pendingRangeStart;
+            }
+            const date = this.vm.currentDate();
+            return date || new Date();
+        }, ...(ngDevMode ? [{ debugName: "currentDateForCalendar" }] : /* istanbul ignore next */ []));
+        this.filter = computed(() => {
+            const taskTypeNames = this.vm.selectedTaskTypeNames();
+            const assigneeIds = this.vm.selectedAssigneeIds();
+            const reporterIds = this.vm.selectedReporterIds();
+            const priorities = this.vm.selectedPriorities();
+            const dueStatusKeys = this.vm.selectedDueStatusKeys();
+            const currentDate = this.vm.currentDate() || new Date();
+            let from = this.calendarService.create(currentDate, this.localeService.activeProfile().calendar.system);
+            let end;
+            const currentView = this.vm.currentViewMode();
+            if (currentView === 'grid' ||
+                currentView === 'kanban' ||
+                currentView === 'agenda' ||
+                currentView === 'timeline-weekly' ||
+                currentView === 'status-grouped-grid') {
+                end = from.add('day', this.vm.daysCount() - 1);
+            }
+            else if (currentView === 'month' || currentView === 'timeline-month') {
+                from = from.startOf('month');
+                end = from.endOf('month');
+            }
+            else {
+                end = from.endOf('day');
+            }
+            return {
+                // Empty filter means "all items" for task type/provider.
+                ...(taskTypeNames.length > 0 && { types: taskTypeNames }),
+                ...(assigneeIds.length > 0 && { assigneeIds }),
+                ...(reporterIds.length > 0 && { reporterIds }),
+                ...(priorities.length > 0 && { priorities }),
+                ...(dueStatusKeys.length > 0 && { dueStatusKeys }),
+                range: { from: from.date, end: end.date },
+            };
+        }, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+        this.contextMenu = viewChild('rootContextMenu', ...(ngDevMode ? [{ debugName: "contextMenu" }] : /* istanbul ignore next */ []));
+        this.schedulerDataSource = (schedulerFilter) => {
+            const pageFilter = this.filter();
+            const visibleRange = schedulerFilter?.range ?? pageFilter.range;
+            const finalFilter = {
+                ...pageFilter,
+                ...schedulerFilter,
+                range: visibleRange,
+            };
+            return this.taskBoardService.getTasks(finalFilter).then(async (result) => {
+                const items = await this.enrichTasksForViews(filterTasksOverlappingRange(result.items, visibleRange));
+                this.validateSelectedTask(items);
+                return items;
+            });
+        };
+        this.gridDataSource = (filter) => {
+            const finalFilter = { ...this.filter(), ...filter };
+            return this.taskBoardService.getTasks(finalFilter).then(async (result) => {
+                const items = await this.enrichTasksForViews(result.items);
+                this.validateSelectedTask(items);
+                return { items, total: result.total };
+            });
+        };
+        this.resolvedTasks = signal([], ...(ngDevMode ? [{ debugName: "resolvedTasks" }] : /* istanbul ignore next */ []));
+        /** Loads kanban tasks when filters or date range change; ignores stale async results. */
+        this.kanbanDataEffect = effect(() => {
+            if (this.vm.currentViewMode() !== 'kanban') {
+                return;
+            }
+            this.vm.selectedTaskTypeNames();
+            this.vm.selectedAssigneeIds();
+            this.vm.selectedReporterIds();
+            this.vm.selectedPriorities();
+            this.vm.selectedDueStatusKeys();
+            this.vm.effectiveColorBy();
+            this.vm.currentDate();
+            this.vm.daysCount();
+            this.localeService.activeProfile().localeInfo?.code;
+            this.refreshNonce();
+            const filter = this.filter();
+            const version = ++this.kanbanLoadVersion;
+            void this.taskBoardService.getTasks(filter).then(async (result) => {
+                if (version !== this.kanbanLoadVersion) {
+                    return;
+                }
+                this.validateSelectedTask(result.items);
+                this.resolvedTasks.set(await this.enrichTasksForViews(result.items));
+            });
+        }, ...(ngDevMode ? [{ debugName: "kanbanDataEffect" }] : /* istanbul ignore next */ []));
+        /** Keeps scheduler in sync when toolbar date/view changes outside the scheduler UI. */
+        this.schedulerNavigationEffect = effect(() => {
+            const viewMode = this.vm.currentViewMode();
+            const calendarViews = [
+                'day',
+                'week',
+                'month',
+                'agenda',
+                'timeline-day',
+                'timeline-weekly',
+                'timeline-month',
+                'timeline-year',
+            ];
+            if (!calendarViews.includes(viewMode)) {
+                return;
+            }
+            this.vm.currentDate();
+            this.vm.currentViewMode();
+            this.vm.daysCount();
+            this.refreshNonce();
+            queueMicrotask(() => {
+                this.schedulerComponent()?.refresh();
+            });
+        }, ...(ngDevMode ? [{ debugName: "schedulerNavigationEffect" }] : /* istanbul ignore next */ []));
+        /** Re-normalizes filter keys when locale/profile changes (titles must not drive filtering). */
+        this.localeFilterRefreshEffect = effect(() => {
+            const profileCode = this.localeService.activeProfile().localeInfo?.code ?? '';
+            if (!profileCode || this.vm.isLoading() || !this.filtersPanelInitialized) {
+                return;
+            }
+            const previousCode = this.lastLocaleProfileCode;
+            this.lastLocaleProfileCode = profileCode;
+            if (previousCode == null || previousCode === profileCode) {
+                return;
+            }
+            untracked(() => {
+                const taskTypes = this.vm.taskTypes();
+                const normalizedTypes = normalizeTaskTypeFilterNames(this.vm.selectedTaskTypeNames(), taskTypes);
+                if (!isEqual(sortBy(normalizedTypes), sortBy(this.vm.selectedTaskTypeNames()))) {
+                    this.vm.setSelectedTaskTypeNames(normalizedTypes);
+                }
+                void this.vm.reloadTaskTypes().then(() => {
+                    this.taskBoardService.clearProviderCache();
+                    void this.syncPanelInitialFilters();
+                    this.refreshNonce.update((value) => value + 1);
+                    this.schedulerComponent()?.refresh();
+                });
+            });
+        }, ...(ngDevMode ? [{ debugName: "localeFilterRefreshEffect" }] : /* istanbul ignore next */ []));
+        this.refreshEffect = effect(() => {
+            this.vm.selectedTaskTypeNames();
+            this.vm.selectedAssigneeIds();
+            this.vm.selectedReporterIds();
+            this.vm.selectedPriorities();
+            this.vm.selectedDueStatusKeys();
+            this.vm.effectiveColorBy();
+            this.vm.currentDate();
+            this.vm.daysCount();
+            this.localeService.activeProfile().localeInfo?.code;
+            this.refreshNonce();
+            void this.getResources();
+            this.schedulerComponent()?.refresh();
+        }, ...(ngDevMode ? [{ debugName: "refreshEffect" }] : /* istanbul ignore next */ []));
+        this.calendarEventTypeRefreshEffect = effect(() => {
+            this.vm.selectedCalendarEventTypeIds();
+            this.localeService.activeProfile().localeInfo?.code;
+            this.schedulerComponent()?.refresh();
+        }, ...(ngDevMode ? [{ debugName: "calendarEventTypeRefreshEffect" }] : /* istanbul ignore next */ []));
+        this.calendarLocalizationEffect = effect(() => {
+            this.localeService.activeProfile().localeInfo?.code;
+            void this.loadCalendarFilterOptions();
+        }, ...(ngDevMode ? [{ debugName: "calendarLocalizationEffect" }] : /* istanbul ignore next */ []));
+        this.dayDataCacheEffect = effect(async () => {
+            this.vm.currentDate();
+            this.vm.currentViewMode();
+            this.vm.selectedTaskTypeNames();
+            this.localeService.activeProfile().localeInfo?.code;
+            await this.updateDayDataCache();
+        }, ...(ngDevMode ? [{ debugName: "dayDataCacheEffect" }] : /* istanbul ignore next */ []));
+        this.getCellClass = (date) => {
+            const currentView = this.vm.currentViewMode();
+            const selectionStartDate = this.vm.rangeStartDate();
+            if (!this.usesNavigatorRangeSelection(currentView)) {
+                const currentDay = this.calendarService.create(this.vm.currentDate());
+                if (date.equal(currentDay, 'day')) {
+                    return 'ax-range-start ax-range-end';
+                }
+                return null;
+            }
+            if (this.modifierRangeBasedViews.includes(currentView) || this.alwaysRangeBasedViews.includes(currentView)) {
+                if (selectionStartDate) {
+                    const axSelectionStartDate = this.calendarService.create(selectionStartDate);
+                    if (date.equal(axSelectionStartDate, 'day')) {
+                        return 'ax-range-start ax-range-end';
+                    }
+                    return null;
+                }
+                const fromRange = this.calendarService.create(this.vm.currentDate());
+                const endRange = fromRange.add('day', this.vm.daysCount() - 1);
+                const isStart = date.equal(fromRange, 'day');
+                const isEnd = date.equal(endRange, 'day');
+                if (isStart && isEnd)
+                    return 'ax-range-start ax-range-end';
+                if (isStart)
+                    return 'ax-range-start';
+                if (isEnd)
+                    return 'ax-range-end';
+                if (date.compare(fromRange, 'day') > 0 && date.compare(endRange, 'day') < 0) {
+                    return 'ax-range-between';
+                }
+                return null;
+            }
+            if (currentView === 'week') {
+                const from = this.calendarService.create(this.vm.currentDate());
+                const end = from.add('day', 6);
+                if (date.equal(from, 'day'))
+                    return 'ax-range-start';
+                if (date.equal(end, 'day'))
+                    return 'ax-range-end';
+                if (date.compare(from, 'day') > 0 && date.compare(end, 'day') < 0) {
+                    return 'ax-range-between';
+                }
+            }
+            return null;
+        };
+        this.isNonCalendarView = computed(() => {
+            const mode = this.vm.currentViewMode();
+            return mode === 'kanban' || mode === 'grid' || mode === 'status-grouped-grid';
+        }, ...(ngDevMode ? [{ debugName: "isNonCalendarView" }] : /* istanbul ignore next */ []));
+    }
+    static { this.PRIORITY_OPTIONS = [
+        { title: 'Urgent', name: 'urgent' },
+        { title: 'High', name: 'high' },
+        { title: 'Normal', name: 'normal' },
+        { title: 'Low', name: 'low' },
+        { title: 'No Priority', name: 'no_priority' },
+    ]; }
+    static { this.DUE_STATUS_OPTIONS = [
+        { title: 'Completed', name: 'completed' },
+        { title: 'No due date', name: 'no-due-date' },
+        { title: 'Overdue', name: 'overdue' },
+        { title: 'Due today', name: 'due-today' },
+        { title: 'Due tomorrow', name: 'due-tomorrow' },
+        { title: 'Due this week', name: 'due-this-week' },
+        { title: 'Upcoming', name: 'upcoming' },
+    ]; }
+    enrichTasks(tasks) {
+        return enrichTaskBoardTasks(tasks, this.vm.effectiveColorBy(), this.dueStatusProviderService);
+    }
+    async enrichTasksForViews(tasks) {
+        const labeled = await resolveTaskBoardSchedulerLabels(tasks, this.translateService, this.formatService, this.settingsService);
+        return this.enrichTasks(labeled);
+    }
+    async ngOnInit() {
+        await super.ngOnInit();
+        this.taskBoardService.refresh$.subscribe(async () => {
+            await this.reloadTaskBoardData();
+        });
+        this.taskBoardService.clearProviderCache();
+        await this.vm.initialize();
+        const calendars = await this.loadCalendarFilterOptions();
+        await this.loadFromRoute();
+        if (this.activatedRoute.snapshot.queryParamMap.has('calendarEvent')) {
+            void this.router.navigate([], {
+                queryParams: { calendarEvent: null },
+                queryParamsHandling: 'merge',
+                replaceUrl: true,
+            });
+        }
+        if (this.vm.selectedCalendarEventTypeIds().length === 0 && calendars.length > 0) {
+            this.vm.setSelectedCalendarEventTypeIds(calendars.map((calendar) => calendar.id));
+        }
+        this.filtersReady.set(true);
+        this.isReady.set(true);
+        this.registerKeyboardShortcuts();
+        await this.reloadTaskBoardData();
+        await this.updateDayDataCache();
+        this.router.events
+            .pipe(this.unsubscribe.takeUntilDestroy, filter((event) => event instanceof NavigationEnd))
+            .subscribe(() => {
+            void this.loadFromRoute();
+        });
+        this.taskBoardService.openTask$.subscribe(async ({ task, provider, instanceId, activityId }) => {
+            await this.taskResolveHandler();
+            let match = task;
+            if (!match && instanceId && activityId) {
+                match = this.resolvedTasks().find((t) => {
+                    const data = t.data;
+                    return data?.instanceId === instanceId && data?.activityId === activityId;
+                });
+            }
+            if (!match) {
+                return;
+            }
+            this.vm.selectTask({
+                ...match,
+                provider: match.provider ?? provider,
+            });
+        });
+    }
+    async getPageTitle() {
+        const category = this.vm.currentViewCategory();
+        const layout = this.vm.getLayoutForCategory(category);
+        return await this.translateService.translateAsync(this.viewPageTitleTranslationKey(category, layout));
+    }
+    getTitleActions() {
+        const currentCategory = this.vm.currentViewCategory();
+        return this.vm.visibleViewCategories().map((category) => ({
+            title: this.viewCategoryTranslationKey(category),
+            icon: currentCategory === category ? 'fa-check' : '',
+            command: {
+                name: 'task-board-category',
+                metadata: { category, isSelected: currentCategory === category, hideSelectionCheckSuffix: true },
+            },
+        }));
+    }
+    async getPageBreadcrumbs() {
+        return [
+            {
+                title: await this.translateService.translateAsync('@task-management:task-board.page-title'),
+            },
+        ];
+    }
+    async getPrimaryMenuItems() {
+        return [
+        // {
+        //   ...getActionButton('refresh'),
+        //   command: { name: 'refresh' },
+        // },
+        ];
+    }
+    async execute(command) {
+        if (command.name === 'task-board-category') {
+            const category = command.metadata?.['category'];
+            if (category) {
+                this.applyViewCategory(category);
+            }
+            return;
+        }
+        // if (command.name === 'refresh') {
+        //   this.taskBoardService.requestRefresh();
+        // }
+    }
+    async taskResolveHandler(filter = this.filter()) {
+        const result = await this.taskBoardService.getTasks(filter);
+        const items = await this.enrichTasksForViews(result.items);
+        this.validateSelectedTask(items);
+        this.resolvedTasks.set(items);
+    }
+    async reloadTaskBoardData() {
+        this.taskBoardService.clearProviderCache();
+        await this.vm.reloadTaskTypes();
+        if (this.filtersPanelInitialized) {
+            await this.syncPanelInitialFilters();
+        }
+        await this.taskResolveHandler();
+        await this.getResources();
+        this.refreshNonce.update((value) => value + 1);
+        this.schedulerComponent()?.refresh();
+    }
+    schedulerComponentChanged(component) {
+        this.schedulerComponent.set(component);
+        queueMicrotask(() => {
+            component.refresh();
+        });
+    }
+    async handleContextMenuOnOpening(event) {
+        const currentTask = this.currentTask();
+        if (!currentTask)
+            return;
+        const providerName = currentTask.provider;
+        if (!providerName)
+            return;
+        const provider = this.taskBoardService.getProvider(providerName);
+        if (!provider)
+            return;
+        const actions = await provider.getActions(currentTask);
+        for (const item of actions) {
+            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,
+                color: item.color,
+                break: item.break,
+                data: {
+                    command: item.command,
+                },
+            });
+        }
+    }
+    handleContextMenu(event) {
+        this.currentTask.set(event.task);
+        const x = event.nativeEvent.clientX;
+        const y = event.nativeEvent.clientY;
+        const element = event.nativeEvent.target;
+        this.contextMenu()?.showAt({ x, y }, element);
+    }
+    handleMonthSlotDblClicked(date) {
+        this.vm.setCurrentDate(date);
+        this.vm.setViewLayout('calendar', 'daily');
+    }
+    viewCategoryTranslationKey(category) {
+        return `@task-management:task-board.${category}`;
+    }
+    viewPageTitleTranslationKey(category, layout) {
+        if (category === 'kanban') {
+            return '@task-management:task-board.view-page-title.kanban';
+        }
+        if (layout) {
+            return `@task-management:task-board.view-page-title.${category}.${layout}`;
+        }
+        return this.viewCategoryTranslationKey(category);
+    }
+    viewLayoutTranslationKey(layoutText) {
+        return `@task-management:task-board.view.${layoutText}`;
+    }
+    isViewLayoutSelected(layout) {
+        return this.selectedViewLayout() === layout;
+    }
+    handleViewLayoutChange(layout) {
+        this.vm.setViewLayout(this.vm.currentViewCategory(), layout);
+        void this.navigateViewState();
+        this.recompute();
+    }
+    applyViewCategory(category) {
+        const previousCategory = this.vm.currentViewCategory();
+        const previousMode = this.vm.currentViewMode();
+        if (isTaskBoardRangeFilterCategory(category) && !isTaskBoardRangeFilterCategory(previousCategory)) {
+            this.applySmartDateRangeFromNavigator(previousMode);
+        }
+        this.vm.setViewCategory(category);
+        void this.navigateViewState();
+        this.popover()?.close();
+        this.recompute();
+    }
+    applySmartDateRangeFromNavigator(sourceViewMode) {
+        const range = deriveTaskBoardDateRangeFromNavigator(this.calendarService, sourceViewMode, this.vm.currentDate(), this.vm.daysCount());
+        applyTaskBoardDateRangeToViewModel(range, (date) => this.vm.setCurrentDate(date), (days) => this.vm.setDaysCount(days));
+    }
+    navigateViewState() {
+        void this.router.navigate([], {
+            queryParams: this.buildFilterQueryParams(),
+            queryParamsHandling: 'merge',
+        });
+    }
+    toggleSettingsPanel() {
+        this.isSettingsPanelOpen.update((open) => !open);
+    }
+    closeSettingsPanel() {
+        this.isSettingsPanelOpen.set(false);
+    }
+    async loadSettingsPanelCopy() {
+        const [title, colorBy, calendars] = await Promise.all([
+            this.translationService.translateAsync('@task-management:task-board.settings.title'),
+            this.translationService.translateAsync('@task-management:task-board.settings.color-by'),
+            this.translationService.translateAsync('@task-management:task-board.filter.calendars'),
+        ]);
+        this.settingsPanelCopy.set({
+            title: title ?? '',
+            colorBy: colorBy ?? '',
+            calendars: calendars ?? '',
+        });
+    }
+    handleCalendarEventTypesSelectionChange(event) {
+        if (!event.isUserInteraction) {
+            return;
+        }
+        const next = Array.isArray(event.value)
+            ? event.value.map(String)
+            : event.value != null
+                ? [String(event.value)]
+                : [];
+        this.vm.setSelectedCalendarEventTypeIds(next);
+        this.schedulerComponent()?.refresh();
+    }
+    handleFiltersChanged(filters) {
+        if (!this.filtersPanelInitialized) {
+            return;
+        }
+        // User-driven filter changes should persist and override URL-seeded state.
+        this.isQueryParam.set(false);
+        const typeFilter = filters.find((f) => f.field === 'type');
+        const assigneeFilter = filters.find((f) => f.field === 'assignee');
+        const reporterFilter = filters.find((f) => f.field === 'reporter');
+        const priorityFilter = filters.find((f) => f.field === 'priority');
+        const dueStatusFilter = filters.find((f) => f.field === 'dueStatus');
+        this.syncTaskTypesToViewModel(typeFilter?.value);
+        this.syncAssigneesToViewModel(assigneeFilter?.value);
+        this.syncReportersToViewModel(reporterFilter?.value);
+        this.syncPrioritiesToViewModel(priorityFilter?.value);
+        this.syncDueStatusesToViewModel(dueStatusFilter?.value);
+        void this.navigateViewState();
+    }
+    async syncPanelInitialFilters() {
+        this.panelInitialFilters.set(await this.buildInitialFiltersFromViewModel());
+    }
+    async buildInitialFiltersFromViewModel() {
+        const filters = [];
+        const types = this.vm.selectedTaskTypeNames();
+        const assignees = this.vm.selectedAssigneeIds();
+        const reporters = this.vm.selectedReporterIds();
+        const priorities = this.vm.selectedPriorities();
+        const dueStatusKeys = this.vm.selectedDueStatusKeys();
+        if (types.length > 0) {
+            const typeValue = this.isMultiSelectTaskTypeEnabled() ? types : types[0];
+            filters.push({
+                field: 'type',
+                operator: { type: 'equal' },
+                value: typeValue,
+                displayText: await this.resolveSelectFilterDisplayText('task-types', 'name', 'title', typeValue),
+            });
+        }
+        if (assignees.length > 0) {
+            filters.push({
+                field: 'assignee',
+                operator: { type: 'equal' },
+                value: assignees,
+                displayText: await this.resolveSelectFilterDisplayText('task-board-assignees', 'id', 'displayName', assignees),
+            });
+        }
+        if (reporters.length > 0) {
+            filters.push({
+                field: 'reporter',
+                operator: { type: 'equal' },
+                value: reporters,
+                displayText: await this.resolveSelectFilterDisplayText('users', 'id', 'displayName', reporters),
+            });
+        }
+        if (priorities.length > 0) {
+            filters.push({
+                field: 'priority',
+                operator: { type: 'equal' },
+                value: priorities,
+                displayText: this.resolvePriorityDisplayText(priorities),
+            });
+        }
+        if (dueStatusKeys.length > 0) {
+            filters.push({
+                field: 'dueStatus',
+                operator: { type: 'equal' },
+                value: dueStatusKeys,
+                displayText: this.resolveDueStatusDisplayText(dueStatusKeys),
+            });
+        }
+        return filters;
+    }
+    resolveDueStatusDisplayText(values) {
+        return values
+            .map((name) => AXMTaskBoardPage.DUE_STATUS_OPTIONS.find((option) => option.name === name)?.title ?? name)
+            .join(', ');
+    }
+    resolvePriorityDisplayText(values) {
+        return values
+            .map((name) => AXMTaskBoardPage.PRIORITY_OPTIONS.find((option) => option.name === name)?.title ?? name)
+            .join(', ');
+    }
+    async resolveSelectFilterDisplayText(dataSourceName, valueField, textField, values) {
+        const ids = Array.isArray(values) ? values : values != null && values !== '' ? [values] : [];
+        if (ids.length === 0) {
+            return '';
+        }
+        const definition = await this.dataSourceDefinitionService.get(dataSourceName);
+        const dsResult = definition?.source();
+        const dataSource = dsResult instanceof Promise ? await dsResult : dsResult;
+        if (!dataSource?.config?.byKey) {
+            return ids.map((id) => String(this.unwrapFilterValue(id))).join(', ');
+        }
+        const labels = await Promise.all(ids.map(async (id) => {
+            const rawId = this.unwrapFilterValue(id);
+            const item = await dataSource.config.byKey(rawId);
+            if (item && typeof item === 'object') {
+                const label = item[textField];
+                if (label != null && label !== '') {
+                    return String(label);
+                }
+            }
+            return String(rawId);
+        }));
+        return labels.join(', ');
+    }
+    buildFilterQueryParams() {
+        const types = this.vm.selectedTaskTypeNames();
+        const assignees = this.vm.selectedAssigneeIds();
+        const reporters = this.vm.selectedReporterIds();
+        const priorities = this.vm.selectedPriorities();
+        const dueStatusKeys = this.vm.selectedDueStatusKeys();
+        const category = this.vm.currentViewCategory();
+        const layout = this.vm.getLayoutForCategory(category);
+        return {
+            view: category,
+            layout: layout ?? null,
+            type: types.length > 0 ? types : null,
+            assignee: assignees.length > 0 ? assignees.map(String) : null,
+            reporter: reporters.length > 0 ? reporters.map(String) : null,
+            priority: priorities.length > 0 ? priorities : null,
+            dueStatus: dueStatusKeys.length > 0 ? dueStatusKeys : null,
+            calendarEvent: null,
+        };
+    }
+    unwrapFilterValue(value) {
+        let v = value;
+        while (v != null && typeof v === 'object' && !Array.isArray(v) && 'value' in v) {
+            v = v['value'];
+        }
+        return v;
+    }
+    normalizeStringArrayFilterValue(value) {
+        const v = this.unwrapFilterValue(value);
+        if (v == null || v === '') {
+            return [];
+        }
+        if (Array.isArray(v)) {
+            return v
+                .filter((item) => item != null)
+                .map((item) => {
+                if (typeof item === 'string') {
+                    return item;
+                }
+                if (typeof item === 'object' && item != null && 'name' in item) {
+                    return String(item.name);
+                }
+                return String(item);
+            });
+        }
+        if (typeof v === 'object' && v != null && 'name' in v) {
+            return [String(v.name)];
+        }
+        return [String(v)];
+    }
+    normalizeIdArrayFilterValue(value) {
+        const v = this.unwrapFilterValue(value);
+        if (v == null || v === '') {
+            return [];
+        }
+        if (Array.isArray(v)) {
+            return v
+                .filter((item) => item != null)
+                .map((item) => {
+                if (typeof item === 'string' || typeof item === 'number') {
+                    return item;
+                }
+                if (typeof item === 'object' && item != null && 'id' in item) {
+                    return item.id;
+                }
+                return String(item);
+            });
+        }
+        if (typeof v === 'object' && v != null && 'id' in v) {
+            return [v.id];
+        }
+        if (typeof v === 'string' || typeof v === 'number') {
+            return [v];
+        }
+        return [String(v)];
+    }
+    syncTaskTypesToViewModel(value) {
+        const raw = this.normalizeStringArrayFilterValue(value);
+        const newNames = normalizeTaskTypeFilterNames(raw, this.vm.taskTypes());
+        const currentNames = this.vm.selectedTaskTypeNames();
+        if (!isEqual(sortBy(currentNames), sortBy(newNames))) {
+            this.vm.setSelectedTaskTypeNames(newNames, this.isQueryParam());
+        }
+    }
+    syncAssigneesToViewModel(value) {
+        const newIds = this.normalizeIdArrayFilterValue(value);
+        const currentIds = this.vm.selectedAssigneeIds();
+        if (!isEqual(sortBy(currentIds.map(String)), sortBy(newIds.map(String)))) {
+            // Always persist an explicit UI change (including clearing to "all assignees").
+            this.vm.setSelectedAssigneeIds(newIds, false, true);
+        }
+    }
+    syncReportersToViewModel(value) {
+        const newIds = this.normalizeIdArrayFilterValue(value);
+        const currentIds = this.vm.selectedReporterIds();
+        if (!isEqual(sortBy(currentIds.map(String)), sortBy(newIds.map(String)))) {
+            this.vm.setSelectedReporterIds(newIds, this.isQueryParam());
+        }
+    }
+    syncPrioritiesToViewModel(value) {
+        const raw = this.normalizeStringArrayFilterValue(value);
+        const newNames = normalizeTaskBoardPriorityFilterKeys(raw);
+        const currentNames = this.vm.selectedPriorities();
+        if (!isEqual(sortBy(currentNames), sortBy(newNames))) {
+            this.vm.setSelectedPriorities(newNames, this.isQueryParam());
+        }
+    }
+    syncDueStatusesToViewModel(value) {
+        const raw = this.normalizeStringArrayFilterValue(value);
+        const newKeys = normalizeDueStatusFilterKeys(raw);
+        const currentKeys = this.vm.selectedDueStatusKeys();
+        if (!isEqual(sortBy(currentKeys), sortBy(newKeys))) {
+            this.vm.setSelectedDueStatusKeys(newKeys, this.isQueryParam());
+        }
+    }
+    handleColorBySelectionChange(event) {
+        if (!event.isUserInteraction) {
+            return;
+        }
+        this.handleColorByChange(event.value);
+    }
+    handleColorByChange(key) {
+        this.vm.setColorBy(key);
+        void this.taskResolveHandler();
+        this.schedulerComponent()?.refresh();
+        this.refreshNonce.update((value) => value + 1);
+    }
+    isMultiSelectTaskTypeEnabled() {
+        const viewMode = this.vm.currentViewMode();
+        return viewMode !== 'kanban' && viewMode !== 'status-grouped-grid';
+    }
+    async loadCalendarFilterOptions() {
+        const calendars = await this.taskBoardService.getCalendarEventTypes();
+        this.calendarEventTypes.set(calendars.map((calendar) => ({
+            id: calendar.id,
+            title: calendar.title,
+        })));
+        return calendars;
+    }
+    async updateDayDataCache() {
+        const currentDate = this.vm.currentDate();
+        const depth = this.calendarDepth();
+        // Determine the date range based on the popover calendar depth
+        let rangeStart;
+        let rangeEnd;
+        if (depth === 'month') {
+            // When depth is 'month', the sidebar shows a full year of months -- fetch data for the entire year
+            rangeStart = this.calendarService.create(currentDate).startOf('year').date;
+            rangeEnd = this.calendarService.create(currentDate).endOf('year').date;
+        }
+        else {
+            // When depth is 'day', the sidebar shows a single month -- fetch data for that month
+            rangeStart = this.calendarService.create(currentDate).startOf('month').date;
+            rangeEnd = this.calendarService.create(currentDate).endOf('month').date;
+        }
+        const tasks = await this.taskBoardService.getTasks({
+            ...this.filter(),
+            range: { from: rangeStart, end: rangeEnd },
+        });
+        const dayCountMap = new Map();
+        tasks.items.forEach((task) => {
+            const taskStart = new Date(task.startDate);
+            const taskEnd = new Date(task.endDate);
+            const startDay = this.calendarService.create(taskStart).startOf('day');
+            const endDay = this.calendarService.create(taskEnd).startOf('day');
+            let currentDay = startDay;
+            while (currentDay.compare(endDay, 'day') <= 0) {
+                const dayKey = currentDay.format('YYYY-MM-DD');
+                dayCountMap.set(dayKey, (dayCountMap.get(dayKey) || 0) + 1);
+                currentDay = currentDay.add('day', 1);
+            }
+        });
+        this.dayDataCache.set(dayCountMap);
+        this.calendar()?.render();
+    }
+    async resolveNavigatorTimeText() {
+        const formatted = this.formatNavigatorDateText();
+        return this.resolveFormattedDateTimeLabels(formatted);
+    }
+    /** Resolves leftover `dateTime.*` tokens via translateAsync (translateSync may run before acorex scope loads). */
+    async resolveFormattedDateTimeLabels(formatted) {
+        const keyPattern = /(?:@acorex:)?dateTime\.[A-Za-z0-9._-]+/g;
+        const matches = [...new Set(formatted.match(keyPattern) ?? [])];
+        if (matches.length === 0) {
+            return formatted;
+        }
+        let result = formatted;
+        for (const match of matches) {
+            const key = match.startsWith('@') ? match : `@acorex:${match}`;
+            const translated = await this.translateService.translateAsync(key);
+            result = result.replaceAll(match, translated);
+        }
+        return result;
+    }
+    /**
+     * Builds toolbar navigator date text with calendar-aware AXDateTime tokens.
+     * Month/weekday tokens may remain as i18n keys until {@link resolveFormattedDateTimeLabels} runs.
+     */
+    formatNavigatorDateText() {
+        const currentDate = this.vm.currentDate();
+        if (!currentDate) {
+            return '';
+        }
+        const calendarSystem = this.calendarType();
+        const formatOptions = { locale: calendarSystem };
+        const axDate = this.calendarService.create(currentDate, calendarSystem);
+        const viewMode = this.vm.currentViewMode();
+        if (viewMode === 'grid' ||
+            viewMode === 'kanban' ||
+            viewMode === 'status-grouped-grid') {
+            const startText = axDate.format('DD MMMM yyyy', formatOptions);
+            if (this.vm.daysCount() <= 1) {
+                return startText;
+            }
+            const endText = axDate.add('day', this.vm.daysCount() - 1).format('DD MMMM yyyy', formatOptions);
+            return `${startText} - ${endText}`;
+        }
+        switch (viewMode) {
+            case 'day':
+            case 'timeline-day':
+                return axDate.format('DD MMMM yyyy', formatOptions);
+            case 'week': {
+                const startText = axDate.format('DD MMMM yyyy', formatOptions);
+                const endText = axDate.add('week', 1).add('day', -1).format('DD MMMM yyyy', formatOptions);
+                return `${startText} - ${endText}`;
+            }
+            case 'agenda':
+            case 'timeline-weekly': {
+                const startText = axDate.format('DD MMMM yyyy', formatOptions);
+                const endText = axDate.add('day', this.vm.daysCount() - 1).format('DD MMMM yyyy', formatOptions);
+                return `${startText} - ${endText}`;
+            }
+            case 'month':
+            case 'timeline-month':
+                return axDate.format('MMMM yyyy', formatOptions);
+            case 'timeline-year':
+                return axDate.format('yyyy', formatOptions);
+            default:
+                return '';
+        }
+    }
+    /** Normalizes ax-calendar slot labels (e.g. `dateTime.months.*`) for the translate pipe. */
+    toAcorexTranslationKey(text) {
+        if (text == null || text === '') {
+            return '';
+        }
+        const value = String(text);
+        if (value.startsWith('@')) {
+            return value;
+        }
+        if (value.startsWith('dateTime.')) {
+            return `@acorex:${value}`;
+        }
+        return value;
+    }
+    isDateTimeTranslationKey(text) {
+        if (text == null) {
+            return false;
+        }
+        const value = String(text);
+        return value.startsWith('@') || value.startsWith('dateTime.');
+    }
+    getDayDataCount(date) {
+        if (!date) {
+            return 0;
+        }
+        try {
+            // Get the native Date object from AXDateTime
+            const dateObj = date.date || date._date;
+            if (!dateObj) {
+                return 0;
+            }
+            // Create a new AXDateTime from the date object for consistent formatting
+            const nativeDate = dateObj instanceof Date ? dateObj : new Date(dateObj);
+            const axDate = this.calendarService.create(nativeDate);
+            const dayKey = axDate.format('YYYY-MM-DD');
+            return this.dayDataCache().get(dayKey) || 0;
+        }
+        catch (error) {
+            console.warn('Error getting day data count:', error);
+            return 0;
+        }
+    }
+    /**
+     * Aggregates the day-level data counts for an entire month.
+     * Used by the monthCellTemplate to show badges when the sidebar calendar depth is 'month'.
+     */
+    getMonthDataCount(date) {
+        if (!date) {
+            return 0;
+        }
+        try {
+            const dateObj = date.date || date._date;
+            if (!dateObj) {
+                return 0;
+            }
+            const nativeDate = dateObj instanceof Date ? dateObj : new Date(dateObj);
+            const axDate = this.calendarService.create(nativeDate);
+            const monthStart = axDate.startOf('month');
+            const monthEnd = axDate.endOf('month');
+            let total = 0;
+            let current = monthStart;
+            while (current.compare(monthEnd, 'day') <= 0) {
+                const dayKey = current.format('YYYY-MM-DD');
+                total += this.dayDataCache().get(dayKey) || 0;
+                current = current.add('day', 1);
+            }
+            return total;
+        }
+        catch (error) {
+            console.warn('Error getting month data count:', error);
+            return 0;
+        }
+    }
+    async handleContextMenuItemClick(event) {
+        const command = event.item.data?.command;
+        const provider = this.currentTask()?.provider ?? '';
+        try {
+            if (command) {
+                await this.taskBoardService.executeCommand(command, provider);
+            }
+        }
+        catch (error) {
+            console.error('[TaskBoard] Context menu command failed:', error);
+        }
+        finally {
+            if (command) {
+                this.taskBoardService.requestRefresh(provider || undefined);
+            }
+        }
+    }
+    handleNavigatorRangeModifierDown() {
+        this.navigatorRangeSelectActive.set(true);
+    }
+    handleNavigatorRangeModifierUp() {
+        this.navigatorRangeSelectActive.set(false);
+    }
+    /**
+     * Registers page keyboard shortcuts with the platform shortcut registry.
+     */
+    registerKeyboardShortcuts() {
+        this.registerTaskBoardNavigatorShortcuts();
+        this.registerTaskBoardPanelShortcuts();
+        this.registerTaskBoardViewCategoryShortcuts();
+        this.registerTaskBoardViewLayoutShortcuts();
+    }
+    registerTaskBoardNavigatorShortcuts() {
+        this.shortcutRegistry.register({
+            owner: this.destroyRef,
+            id: 'task-board-navigator',
+            priority: AXPKeyboardShortcutPriority.Page,
+            scope: '@task-management:task-board.page-title',
+            group: '@general:keyboard-shortcuts.groups.navigation',
+            when: () => this.isReady() && this.showToolbarNavigator(),
+            shortcuts: [
+                {
+                    keys: ['arrowleft'],
+                    title: '@task-management:task-board.navigator.previous-period',
+                    allowInEditableFields: true,
+                    handler: () => this.changeDate(false),
+                },
+                {
+                    keys: ['arrowright'],
+                    title: '@task-management:task-board.navigator.next-period',
+                    allowInEditableFields: true,
+                    handler: () => this.changeDate(true),
+                },
+                {
+                    keys: ['alt+t'],
+                    title: '@task-management:task-board.shortcuts.go-to-today',
+                    allowInEditableFields: true,
+                    handler: () => this.handleTodayClick(),
+                },
+            ],
+        });
+    }
+    registerTaskBoardPanelShortcuts() {
+        this.shortcutRegistry.register({
+            owner: this.destroyRef,
+            id: 'task-board-panels-settings',
+            priority: AXPKeyboardShortcutPriority.Page,
+            scope: '@task-management:task-board.page-title',
+            group: '@task-management:task-board.shortcuts.groups.panels',
+            when: () => this.isReady(),
+            shortcuts: [
+                {
+                    keys: ['ctrl+,'],
+                    title: '@task-management:task-board.shortcuts.toggle-settings',
+                    allowInEditableFields: true,
+                    handler: () => this.toggleSettingsPanel(),
+                },
+            ],
+        });
+        this.shortcutRegistry.register({
+            owner: this.destroyRef,
+            id: 'task-board-panels-dismiss',
+            priority: AXPKeyboardShortcutPriority.Page,
+            scope: '@task-management:task-board.page-title',
+            group: '@task-management:task-board.shortcuts.groups.panels',
+            when: () => this.isReady() && this.hasKeyboardDismissTarget(),
+            shortcuts: [
+                {
+                    keys: ['escape'],
+                    title: '@task-management:task-board.shortcuts.dismiss-overlays',
+                    handler: () => this.handleKeyboardDismiss(),
+                },
+            ],
+        });
+    }
+    registerTaskBoardViewCategoryShortcuts() {
+        const categories = ['calendar', 'timeline', 'table', 'kanban'];
+        const titleKeys = {
+            calendar: '@task-management:task-board.shortcuts.switch-to-calendar',
+            timeline: '@task-management:task-board.shortcuts.switch-to-timeline',
+            table: '@task-management:task-board.shortcuts.switch-to-table',
+            kanban: '@task-management:task-board.shortcuts.switch-to-kanban',
+        };
+        for (let index = 0; index < categories.length; index++) {
+            for (const category of categories) {
+                this.shortcutRegistry.register({
+                    owner: this.destroyRef,
+                    id: `task-board-view-category-${category}-slot-${index + 1}`,
+                    priority: AXPKeyboardShortcutPriority.Page,
+                    scope: '@task-management:task-board.page-title',
+                    group: '@task-management:task-board.shortcuts.groups.views',
+                    when: () => this.isReady() && this.getVisibleViewCategoryByShortcutIndex(index) === category,
+                    shortcuts: [
+                        {
+                            keys: [`alt+${index + 1}`],
+                            title: titleKeys[category],
+                            handler: () => this.switchToViewCategory(category),
+                        },
+                    ],
+                });
+            }
+        }
+    }
+    registerTaskBoardViewLayoutShortcuts() {
+        this.shortcutRegistry.register({
+            owner: this.destroyRef,
+            id: 'task-board-view-layout',
+            priority: AXPKeyboardShortcutPriority.Page,
+            scope: '@task-management:task-board.page-title',
+            group: '@task-management:task-board.shortcuts.groups.views',
+            when: () => this.isReady() && this.canCycleViewLayout(),
+            shortcuts: [
+                {
+                    keys: ['['],
+                    title: '@task-management:task-board.shortcuts.previous-layout',
+                    handler: () => this.cycleViewLayout(false),
+                },
+                {
+                    keys: [']'],
+                    title: '@task-management:task-board.shortcuts.next-layout',
+                    handler: () => this.cycleViewLayout(true),
+                },
+            ],
+        });
+    }
+    getVisibleViewCategoryByShortcutIndex(index) {
+        return this.vm.visibleViewCategories()[index] ?? null;
+    }
+    switchToViewCategory(category) {
+        if (!this.vm.visibleViewCategories().includes(category)) {
+            return;
+        }
+        if (this.vm.currentViewCategory() !== category) {
+            this.applyViewCategory(category);
+        }
+    }
+    canCycleViewLayout() {
+        return this.showViewLayoutSwitcher() && this.viewLayoutItems().length > 1;
+    }
+    cycleViewLayout(forward) {
+        const items = this.viewLayoutItems();
+        if (items.length <= 1) {
+            return;
+        }
+        const currentLayout = this.selectedViewLayout();
+        const currentIndex = items.findIndex((item) => item.key === currentLayout);
+        const safeIndex = currentIndex >= 0 ? currentIndex : 0;
+        const offset = forward ? 1 : -1;
+        const nextIndex = (safeIndex + offset + items.length) % items.length;
+        this.handleViewLayoutChange(items[nextIndex].key);
+    }
+    hasKeyboardDismissTarget() {
+        return (this.isSettingsPanelOpen() ||
+            this.popover()?.isOpen === true ||
+            this.vm.isDetailPanelOpen() ||
+            this.vm.isTaskSelected());
+    }
+    handleKeyboardDismiss() {
+        if (this.isSettingsPanelOpen()) {
+            this.closeSettingsPanel();
+            return;
+        }
+        if (this.popover()?.isOpen) {
+            this.popover()?.close();
+            return;
+        }
+        if (this.vm.isDetailPanelOpen()) {
+            this.vm.closeDetailPanel();
+            return;
+        }
+        if (this.vm.isTaskSelected()) {
+            this.vm.clearSelectedTask();
+        }
+    }
+    isModifierRangeNavigatorView() {
+        return this.modifierRangeBasedViews.includes(this.vm.currentViewMode());
+    }
+    usesNavigatorRangeSelection(view) {
+        if (this.alwaysRangeBasedViews.includes(view)) {
+            return true;
+        }
+        if (this.modifierRangeBasedViews.includes(view)) {
+            return this.vm.rangeStartDate() != null || this.vm.daysCount() > 1;
+        }
+        return false;
+    }
+    isNavigatorRangeModifierActive(event) {
+        const nativeEvent = event?.nativeEvent;
+        if (nativeEvent instanceof MouseEvent) {
+            return nativeEvent.ctrlKey || nativeEvent.metaKey;
+        }
+        return this.navigatorRangeSelectActive();
+    }
+    normalizeNavigatorDay(date) {
+        const calendarSystem = this.localeService.activeProfile().calendar.system;
+        return this.calendarService.create(date, calendarSystem).startOf('day').date;
+    }
+    applyNavigatorDateRange(start, end) {
+        const startTime = start.getTime();
+        const endTime = end.getTime();
+        const newStartDate = new Date(Math.min(startTime, endTime));
+        const newEndDate = new Date(Math.max(startTime, endTime));
+        const differenceInDays = this.calculateDifferenceInDays(newStartDate, newEndDate);
+        this.vm.setRangeStartDate(null);
+        this.navigatorPlainSingleDaySelected = false;
+        this.vm.setCurrentDate(newStartDate);
+        this.vm.setDaysCount(differenceInDays);
+        this.calendar()?.render();
+        this.schedulerComponent()?.refresh();
+    }
+    handleNavigatorRangeSlotClick(clickedDate) {
+        const clickedDay = this.normalizeNavigatorDay(clickedDate);
+        const selectionStartDate = this.vm.rangeStartDate();
+        if (selectionStartDate) {
+            this.applyNavigatorDateRange(selectionStartDate, clickedDay);
+            return;
+        }
+        if (this.navigatorPlainSingleDaySelected && this.vm.daysCount() === 1) {
+            const selectedDay = this.normalizeNavigatorDay(this.vm.currentDate());
+            this.applyNavigatorDateRange(selectedDay, clickedDay);
+            return;
+        }
+        this.vm.setRangeStartDate(clickedDay);
+        this.navigatorPlainSingleDaySelected = false;
+        this.calendar()?.render();
+    }
+    handleNavigatorSingleDaySlotClick(clickedDate) {
+        const dateToSet = this.normalizeNavigatorDay(clickedDate);
+        this.vm.setRangeStartDate(null);
+        this.navigatorPlainSingleDaySelected = true;
+        this.vm.setCurrentDate(dateToSet);
+        this.vm.setDaysCount(1);
+        this.popover()?.close();
+        this.calendar()?.render();
+        this.schedulerComponent()?.refresh();
+    }
+    changeDate(forward) {
+        this.navigatorPlainSingleDaySelected = false;
+        const date = this.calendarService.create(this.vm.currentDate(), this.localeService.activeProfile().calendar.system);
+        switch (this.vm.currentViewMode()) {
+            case 'day':
+            case 'timeline-day':
+                this.vm.setCurrentDate(date.add('day', forward ? 1 : -1).date);
+                break;
+            case 'week':
+                this.vm.setCurrentDate(date.add('week', forward ? 1 : -1).date);
+                break;
+            case 'grid':
+            case 'agenda':
+            case 'kanban':
+            case 'timeline-weekly':
+            case 'status-grouped-grid':
+                this.vm.setCurrentDate(date.add('day', forward ? this.vm.daysCount() : -this.vm.daysCount()).date);
+                break;
+            case 'month':
+            case 'timeline-month':
+                this.vm.setCurrentDate(date.add('month', forward ? 1 : -1).date);
+                break;
+            case 'timeline-year':
+                this.vm.setCurrentDate(date.add('year', forward ? 1 : -1).date);
+                break;
+        }
+        this.popover()?.close();
+        this.calendar()?.render();
+        this.schedulerComponent()?.refresh();
+    }
+    handleCalendarSlotClick(event) {
+        if (event.component.activeView !== event.component.depth)
+            return;
+        const clickedDate = event.item;
+        const currentView = this.vm.currentViewMode();
+        if (this.modifierRangeBasedViews.includes(currentView)) {
+            if (this.isNavigatorRangeModifierActive(event)) {
+                this.handleNavigatorRangeSlotClick(clickedDate);
+            }
+            else {
+                this.handleNavigatorSingleDaySlotClick(clickedDate);
+            }
+            return;
+        }
+        if (this.alwaysRangeBasedViews.includes(currentView)) {
+            this.handleNavigatorRangeSlotClick(clickedDate);
+            return;
+        }
+        const calendarSystem = this.localeService.activeProfile().calendar.system;
+        let dateToSet = this.calendarService.create(clickedDate, calendarSystem).startOf('day').date;
+        if (currentView === 'week') {
+            const weekDate = this.calendarService.create(dateToSet, calendarSystem);
+            dateToSet = weekDate.startOf('week').date;
+        }
+        this.vm.setCurrentDate(dateToSet);
+        this.popover()?.close();
+        this.calendar()?.render();
+        this.schedulerComponent()?.refresh();
+    }
+    /**
+     * Helper function to calculate the difference in whole days between two dates.
+     * The result is inclusive (e.g., May 5 to May 6 is a 2-day range).
+     */
+    calculateDifferenceInDays(start, end) {
+        if (!start || !end) {
+            return 1;
+        }
+        const startDate = new Date(start.getFullYear(), start.getMonth(), start.getDate());
+        const endDate = new Date(end.getFullYear(), end.getMonth(), end.getDate());
+        const timeDifference = endDate.getTime() - startDate.getTime();
+        const daysDifference = Math.round(timeDifference / (1000 * 3600 * 24));
+        return daysDifference + 1;
+    }
+    handleTodayClick() {
+        this.vm.setRangeStartDate(null);
+        this.navigatorPlainSingleDaySelected = false;
+        let currentDate;
+        if (this.vm.currentViewMode() === 'week') {
+            currentDate = this.calendarService
+                .create(new Date(), this.localeService.activeProfile().calendar.system)
+                .startOf('week').date;
+        }
+        else {
+            currentDate = new Date();
+        }
+        this.vm.setCurrentDate(currentDate);
+        if (this.isModifierRangeNavigatorView()) {
+            this.vm.setDaysCount(1);
+        }
+        this.popover()?.close();
+        this.calendar()?.render();
+        this.schedulerComponent()?.refresh();
+    }
+    async loadFromRoute() {
+        const snapshot = this.activatedRoute.snapshot.queryParamMap;
+        const viewParam = snapshot.get('view');
+        const layoutParam = snapshot.get('layout');
+        const allowedCategories = new Set(this.vm.visibleViewCategories());
+        const viewBefore = this.vm.currentViewCategory();
+        const layoutBefore = this.vm.getLayoutForCategory(viewBefore);
+        if (viewParam && allowedCategories.has(viewParam)) {
+            const category = viewParam;
+            const layout = resolveTaskBoardCategoryLayoutFromQuery(category, layoutParam);
+            if (layout) {
+                this.vm.setViewLayout(category, layout);
+            }
+            this.vm.setViewCategory(category);
+        }
+        const layoutAfter = this.vm.getLayoutForCategory(this.vm.currentViewCategory());
+        if (viewBefore !== this.vm.currentViewCategory() || layoutBefore !== layoutAfter) {
+            this.recompute();
+        }
+        const type = snapshot.getAll('type');
+        const assignee = snapshot.getAll('assignee');
+        const reporter = snapshot.getAll('reporter');
+        const priority = snapshot.getAll('priority');
+        const dueStatus = snapshot.getAll('dueStatus');
+        if (type.length || assignee.length || priority.length || reporter.length || dueStatus.length) {
+            this.isQueryParam.set(true);
+            this.vm.setSelectedTaskTypeNames(normalizeTaskTypeFilterNames(type, this.vm.taskTypes()), true);
+            this.vm.setSelectedAssigneeIds(assignee, true);
+            this.vm.setSelectedReporterIds(reporter, true);
+            this.vm.setSelectedPriorities(normalizeTaskBoardPriorityFilterKeys(priority), true);
+            this.vm.setSelectedDueStatusKeys(normalizeDueStatusFilterKeys(dueStatus), true);
+        }
+        const dateRange = snapshot.get('dateRange');
+        if (dateRange) {
+            const range = this.taskBoardService.rangeCalculator(dateRange);
+            if (range) {
+                this.vm.setCurrentDate(range.from);
+                this.vm.setDaysCount(this.calculateDifferenceInDays(range.from, range.end));
+            }
+        }
+        else if (!this.filtersPanelInitialized && this.isModifierRangeNavigatorView()) {
+            this.vm.setRangeStartDate(null);
+            this.navigatorPlainSingleDaySelected = false;
+            this.vm.setDaysCount(1);
+        }
+        await this.syncPanelInitialFilters();
+        this.filtersPanelInitialized = true;
+    }
+    /**
+     * Checks if the currently selected task is still present in the list of visible tasks.
+     * If not, it clears the selection to prevent showing details for a hidden task.
+     * @param visibleTasks The new array of tasks that will be displayed.
+     */
+    validateSelectedTask(visibleTasks) {
+        const currentSelectedTask = this.vm.selectedTask();
+        // Proceed only if a task is actually selected
+        if (currentSelectedTask) {
+            // Check if any task in the new list has the same ID as the selected one
+            const isSelectedTaskVisible = visibleTasks.some((task) => task.id === currentSelectedTask.id);
+            // If the selected task is NOT in the new list, clear the selection.
+            if (!isSelectedTaskVisible) {
+                this.vm.selectTask(null);
+            }
+        }
+    }
+    async getResources() {
+        if (this.vm.selectedTaskTypeNames().length !== 1) {
+            this.resources.set([]);
+            return;
+        }
+        const resources = await this.taskBoardService.getResources(this.vm.selectedTaskTypeNames()[0] ?? '');
+        this.resources.set(resources);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardPage, isStandalone: true, selector: "ng-component", host: { listeners: { "document:keydown.control": "handleNavigatorRangeModifierDown()", "document:keyup.control": "handleNavigatorRangeModifierUp()" } }, providers: [
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXMTaskBoardPage,
+            },
+        ], viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, isSignal: true }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, isSignal: true }, { propertyName: "contextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar class=\"axm-task-board-toolbar\"\n    [class.axm-task-board-toolbar--stack-filters]=\"!deviceService.isLarge()\">\n    <div class=\"axm-task-board-toolbar__primary-row\">\n      <axp-layout-prefix class=\"ax-flex ax-min-w-0 ax-flex-nowrap ax-items-center ax-gap-2\"\n        [class.ax-flex-1]=\"deviceService.isLarge()\">\n        @if (showToolbarNavigator()) {\n        <div class=\"ax-scheduler-header ax-shrink-0 ax-w-max ax-sm sm:ax-md\">\n          <ax-button look=\"blank\" (onClick)=\"changeDate(false)\">\n            <ax-icon class=\"ax-icon ax-text-xl ax-icon-chevron-left arrow-icon\"></ax-icon>\n          </ax-button>\n          <ax-button look=\"blank\" [text]=\"navigatorTimeText()\" #date></ax-button>\n          <ax-button look=\"blank\" (onClick)=\"changeDate(true)\">\n            <ax-icon class=\"ax-icon ax-text-xl ax-icon-chevron-right arrow-icon\"></ax-icon>\n          </ax-button>\n          <!-- TODO(acorex-ui): Do not wrap ax-calendar in @for/@if here \u2014 ax-popover requires a direct projected child.\n               Week layout comes from AXCalendarService (AXPRegionalCalendarService); navigatorCalendarLayoutEffect re-renders on profile/calendar changes.\n               Remove manual render() when ax-calendar reacts to calendar service week layout changes.\n               See README.md in this folder. -->\n          <ax-popover [target]=\"date\" [placement]=\"'bottom'\" #popover [adaptivityEnabled]=\"true\">\n            <ax-calendar #calendar [type]=\"calendarType()\" [depth]=\"calendarDepth()\" [cellClass]=\"getCellClass\"\n              [ngModel]=\"currentDateForCalendar()\" [dayCellTemplate]=\"dayCellTemplate\"\n              [monthCellTemplate]=\"monthCellTemplate\"\n              class=\"ax-single-range-calendar ax-border ax-rounded-lg\"\n              (onSlotClick)=\"handleCalendarSlotClick($event)\">\n              <ax-footer>\n                <ax-button look=\"link\" color=\"primary\" [text]=\"(todayButtonTextKey() | translate | async)!\"\n                  (onClick)=\"handleTodayClick()\"></ax-button>\n              </ax-footer>\n            </ax-calendar>\n          </ax-popover>\n        </div>\n        }\n\n        @if (deviceService.isLarge() && filtersReady()) {\n        <axp-query-filters class=\"axm-task-board-toolbar__filters-inline\" [filtersDefinitions]=\"filterDefinitions()\"\n          [initialFilters]=\"panelInitialFilters()\" (onFiltersChanged)=\"handleFiltersChanged($event)\"></axp-query-filters>\n        }\n      </axp-layout-prefix>\n\n      <axp-layout-suffix class=\"ax-flex ax-shrink-0 ax-gap-2\">\n        @if (showViewLayoutSwitcher()) {\n        <ax-button class=\"axm-task-board-toolbar__view-layout-dropdown\" look=\"outline\"\n          [text]=\"(selectedViewLayoutTitleKey() | translate | async)!\">\n          <ax-prefix>\n            <ax-icon [icon]=\"selectedViewLayoutIcon()\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for (item of viewLayoutItems(); track item.key) {\n              <ax-button-item [text]=\"(viewLayoutTranslationKey(item.text) | translate | async)!\"\n                (onClick)=\"handleViewLayoutChange(item.key)\">\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-check\" class=\"axm-task-board-toolbar__dropdown-menu-check\"\n                    [class.--placeholder]=\"!isViewLayoutSelected(item.key)\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        }\n        <div class=\"axm-task-board-toolbar__settings-slot\">\n          <ax-button class=\"axm-task-board-toolbar__settings-button\" look=\"outline\" [iconOnly]=\"true\"\n            [title]=\"('@task-management:task-board.settings.title' | translate | async)!\"\n            (onClick)=\"toggleSettingsPanel()\">\n            <ax-prefix>\n              <ax-icon [icon]=\"isSettingsPanelOpen() ? 'fa-solid fa-gear' : 'fa-light fa-gear'\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n          @if (selectedCalendarEventTypeCount() > 0) {\n          <div class=\"axm-task-board-toolbar__settings-badge\" [class.--xs]=\"selectedCalendarEventTypeCount() > 9\">\n            <ax-badge color=\"primary\" [text]=\"selectedCalendarEventTypeCount().toString()\"></ax-badge>\n          </div>\n          }\n        </div>\n      </axp-layout-suffix>\n    </div>\n\n    @if (!deviceService.isLarge() && filtersReady()) {\n    <div class=\"axm-task-board-toolbar__filters-row\">\n      <axp-query-filters [filtersDefinitions]=\"filterDefinitions()\" [initialFilters]=\"panelInitialFilters()\"\n        (onFiltersChanged)=\"handleFiltersChanged($event)\"></axp-query-filters>\n    </div>\n    }\n  </axp-page-toolbar>\n\n  <axp-page-content class=\"ax-flex ax-flex-row ax-gap-2 ax-min-h-0\">\n    <div class=\"axm-task-board-main ax-flex ax-flex-row ax-gap-4 ax-flex-1 ax-min-w-0 ax-min-h-0 ax-relative\">\n    <div class=\"axm-task-board-main__content ax-flex ax-flex-row ax-gap-2 ax-flex-1 ax-min-w-0 ax-min-h-0\">\n    @if (isReady()) {\n    @switch (vm.currentViewMode()) {\n    @case ('kanban') {\n    <axm-task-board-kanban-view class=\"axp-kanban-container ax-h-full ax-w-full ax-min-w-0\" [(tasks)]=\"resolvedTasks\"\n      (onTaskClick)=\"vm.selectTask($event)\" (onActionClick)=\"handleContextMenu($event)\"></axm-task-board-kanban-view>\n    }\n    @case ('grid') {\n    <axm-task-board-grid-view class=\"ax-h-full ax-w-full ax-min-w-0\" [dataSource]=\"gridDataSource\"\n      [refreshNonce]=\"refreshNonce()\" (onTaskClick)=\"vm.selectTask($event)\"></axm-task-board-grid-view>\n    }\n    @case ('status-grouped-grid') {\n    <axm-task-board-status-grouped-grid-view class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full ax-min-w-0\"\n      [dataSource]=\"gridDataSource\" [refreshNonce]=\"refreshNonce()\"\n      (onTaskClick)=\"vm.selectTask($event)\"></axm-task-board-status-grouped-grid-view>\n    }\n    @default {\n    <axm-task-board-calendar-view class=\"axp-scheduler-container ax-h-full ax-w-full ax-min-w-0\"\n      [resources]=\"resources()\" [startingDate]=\"vm.currentDate()\" [dataSource]=\"schedulerDataSource\"\n      [refreshNonce]=\"refreshNonce()\" (onTaskClick)=\"vm.selectTask($event)\" [selectedView]=\"vm.currentViewMode()\"\n      (onActionClick)=\"handleContextMenu($event)\" (onTaskRightClick)=\"handleContextMenu($event)\"\n      (component)=\"schedulerComponentChanged($event)\"\n      (onMonthSlotDblClicked)=\"handleMonthSlotDblClicked($event)\"></axm-task-board-calendar-view>\n    }\n    }\n    <ax-context-menu #rootContextMenu [closeOn]=\"'leave'\" [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOnOpening($event)\" (onItemClick)=\"handleContextMenuItemClick($event)\">\n    </ax-context-menu>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n    <axm-task-board-detail-panel></axm-task-board-detail-panel>\n    }\n    } @else {\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-w-full ax-h-full\">\n      <ax-loading></ax-loading>\n    </div>\n    }\n    </div>\n    @if (isSettingsPanelOpen()) {\n    @if (!deviceService.isLarge()) {\n    <button type=\"button\" class=\"axm-task-board-settings-backdrop\" (click)=\"closeSettingsPanel()\"\n      [attr.aria-label]=\"('@general:actions.close.title' | translate | async)!\"></button>\n    }\n    <axp-layout-side-detail-panel class=\"ax-sticky ax-top-0 ax-z-10 ax-max-h-full ax-flex-none\"\n      [class.axm-task-board-settings-panel--overlay]=\"!deviceService.isLarge()\" [header]=\"settingsPanelHeader()\"\n      [sections]=\"settingsPanelSections()\" (panelClose)=\"closeSettingsPanel()\">\n      <ng-template axpLayoutSideDetailPanelSection=\"colorBy\">\n        <ax-selection-list class=\"ax-w-full\" valueField=\"key\" textField=\"titleKey\" [direction]=\"'vertical'\"\n          [look]=\"'solid'\" [multiple]=\"false\" [items]=\"colorByItems\" [ngModel]=\"effectiveColorBy()\"\n          [customTemplate]=\"colorByItemTemplate\" (onValueChanged)=\"handleColorBySelectionChange($event)\">\n          <ng-template #colorByItemTemplate let-item>\n            {{ (item.data.titleKey | translate | async)! }}\n          </ng-template>\n        </ax-selection-list>\n      </ng-template>\n      @if (showCalendarEventButton()) {\n      <ng-template axpLayoutSideDetailPanelSection=\"calendars\">\n        <ax-selection-list class=\"ax-w-full\" valueField=\"id\" textField=\"text\" [direction]=\"'vertical'\"\n          [look]=\"'solid'\" [multiple]=\"true\" [items]=\"calendarEventTypeItems()\"\n          [ngModel]=\"vm.selectedCalendarEventTypeIds()\"\n          (onValueChanged)=\"handleCalendarEventTypesSelectionChange($event)\"></ax-selection-list>\n      </ng-template>\n      }\n    </axp-layout-side-detail-panel>\n    }\n    </div>\n  </axp-page-content>\n</axp-page-layout>\n\n<ng-template #dayCellTemplate let-slot>\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-between ax-w-full ax-gap-1\"\n    [style.padding-bottom]=\"'0.25rem'\">\n    <span class=\"ax-flex-1 ax-text-center\">\n      @if (isDateTimeTranslationKey(slot.slot.text)) {\n        {{ (toAcorexTranslationKey(slot.slot.text) | translate | async)! }}\n      } @else {\n        {{ slot.slot.text ?? slot.slot.date?.day ?? '' }}\n      }\n    </span>\n    @if (slot.slot.date && getDayDataCount(slot.slot.date) > 0) {\n    <ax-badge color=\"warning\"></ax-badge>\n    }\n  </div>\n</ng-template>\n\n<ng-template #monthCellTemplate let-slot>\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-between ax-w-full ax-gap-1\"\n    [style.padding-bottom]=\"'0.25rem'\">\n    <span class=\"ax-flex-1 ax-text-center\">\n      @if (isDateTimeTranslationKey(slot.slot.text)) {\n        {{ (toAcorexTranslationKey(slot.slot.text) | translate | async)! }}\n      } @else {\n        {{ slot.slot.text ?? '' }}\n      }\n    </span>\n    @if (slot.slot.date && getMonthDataCount(slot.slot.date) > 0) {\n    <ax-badge color=\"warning\"></ax-badge>\n    }\n  </div>\n</ng-template>", styles: [".axm-task-board-toolbar{flex-wrap:nowrap}.axm-task-board-toolbar__primary-row{display:flex;flex:1 1 auto;align-items:center;gap:.5rem;min-width:0;width:100%;flex-wrap:nowrap}.axm-task-board-toolbar__primary-row>axp-layout-prefix{flex-wrap:nowrap}.axm-task-board-toolbar__primary-row>axp-layout-suffix{margin-inline-start:auto;flex-shrink:0}.axm-task-board-toolbar:not(.axm-task-board-toolbar--stack-filters) .axm-task-board-toolbar__primary-row{display:contents}.axm-task-board-toolbar__filters-inline,.axm-task-board-toolbar__filters-row axp-query-filters{flex:1 1 0;min-width:0;width:auto}.axm-task-board-toolbar__filters-inline>.ax-flex,.axm-task-board-toolbar__filters-row axp-query-filters>.ax-flex{padding-top:0;padding-bottom:0}.axm-task-board-toolbar--stack-filters{flex-wrap:wrap;row-gap:.5rem}.axm-task-board-toolbar--stack-filters .axm-task-board-toolbar__primary-row{flex:1 1 100%;width:100%}.axm-task-board-toolbar__filters-row{flex:1 1 100%;width:100%;min-width:0}.axm-task-board-toolbar__view-layout-dropdown,.axm-task-board-toolbar__settings-slot{flex-shrink:0}.axm-task-board-toolbar__settings-slot{position:relative}.axm-task-board-toolbar__settings-badge{position:absolute;top:-.25rem;inset-inline-end:-.25rem;pointer-events:none}.axm-task-board-toolbar__settings-badge.--xs ax-badge{font-size:.625rem}.axm-task-board-toolbar__dropdown-menu-check{display:inline-flex;width:1rem;justify-content:center}.axm-task-board-toolbar__dropdown-menu-check.--placeholder{visibility:hidden}html[dir=rtl] axp-page-layout axp-page-toolbar axp-layout-prefix .ax-scheduler-header .arrow-icon:before{-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scaleX(-1)}.ax-single-range-calendar .ax-range-start,.ax-single-range-calendar .ax-range-end{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.85)!important}.ax-single-range-calendar .ax-range-start:hover,.ax-single-range-calendar .ax-range-end:hover{background-color:rgba(var(--ax-sys-color-primary-surface))!important}.ax-single-range-calendar .ax-range-start.ax-state-holiday,.ax-single-range-calendar .ax-range-end.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.85)!important}.ax-single-range-calendar .ax-range-between{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.65)}.ax-single-range-calendar .ax-range-between.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.65)}.ax-single-range-calendar ax-footer{display:flex;justify-content:center;border-color:rgba(var(--ax-comp-calendar-view-header-border-color));border-top-width:var(--ax-comp-calendar-view-header-border-width, 1px)}.axm-task-board-main,.axm-task-board-main__content{min-height:0}.axm-task-board-settings-backdrop{position:fixed;inset:0;z-index:15;border:none;padding:0;cursor:pointer;background:rgba(var(--ax-sys-color-darkest-surface),.45)}.axm-task-board-settings-panel--overlay{position:fixed;top:0;inset-inline-end:0;bottom:0;z-index:20;width:min(20rem,100vw);max-height:100vh}axp-page-content:not(:has(axm-task-board-status-grouped-grid-view,axm-task-board-time-grouped-grid-view)){overflow-y:hidden}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+                //
+                AXMenuModule }, { kind: "component", type: i2.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$3.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$3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { 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: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.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: AXLoadingModule }, { kind: "component", type: i7.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i8.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: 
+                //
+                AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPQueryFiltersComponent, selector: "axp-query-filters", inputs: ["filtersDefinitions", "initialFilters"], outputs: ["onFiltersChanged"] }, { kind: "component", type: AXMTaskBoardCalendarViewComponent, selector: "axm-task-board-calendar-view", inputs: ["resources", "refreshNonce", "startingDate", "selectedView", "dataSource"], outputs: ["onTaskClick", "onTaskChanged", "onMonthSlotDblClicked", "onActionClick", "component", "onTaskRightClick", "onRangeChanged"] }, { kind: "component", type: AXMTaskBoardKanbanViewComponent, selector: "axm-task-board-kanban-view", inputs: ["tasks"], outputs: ["tasksChange", "onTaskClick", "onTaskChanged", "component", "onActionClick"] }, { kind: "component", type: AXMTaskBoardGridViewComponent, selector: "axm-task-board-grid-view", inputs: ["dataSource", "refreshNonce"], outputs: ["onTaskClick"] }, { kind: "component", type: AXMTaskBoardStatusGroupedGridViewComponent, selector: "axm-task-board-status-grouped-grid-view", inputs: ["provider", "dataSource", "refreshNonce"], outputs: ["onTaskClick"] }, { kind: "component", type: AXMTaskBoardDetailPanel, selector: "axm-task-board-detail-panel" }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i9.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "dayCellTemplate", "monthCellTemplate", "yearCellTemplate", "cellClass", "showNavigation", "count", "id", "weekend", "weekdays", "look"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "minValueChange", "maxValueChange", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i10.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "component", type: AXPLayoutSideDetailPanelComponent, selector: "axp-layout-side-detail-panel", inputs: ["multiSelectLabel", "header", "sections", "rows", "rowsSectionTitle", "noRowsMessage", "emptyState"], outputs: ["panelClose"] }, { kind: "directive", type: AXPLayoutSideDetailPanelSectionDirective, selector: "[axpLayoutSideDetailPanelSection]", inputs: ["axpLayoutSideDetailPanelSection"] }, { kind: "pipe", type: i1$4.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: AXMTaskBoardPage, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        FormsModule,
+                        CommonModule,
+                        RouterModule,
+                        //
+                        AXMenuModule,
+                        AXButtonModule,
+                        AXDropdownModule,
+                        AXTranslationModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXBreadcrumbsModule,
+                        AXBadgeModule,
+                        //
+                        AXPThemeLayoutBlockComponent,
+                        AXPPageLayoutComponent,
+                        AXPQueryFiltersComponent,
+                        AXMTaskBoardCalendarViewComponent,
+                        AXMTaskBoardKanbanViewComponent,
+                        AXMTaskBoardGridViewComponent,
+                        AXMTaskBoardStatusGroupedGridViewComponent,
+                        AXMTaskBoardDetailPanel,
+                        AXPopoverModule,
+                        AXCalendarComponent,
+                        AXSelectionListModule,
+                        AXPLayoutSideDetailPanelComponent,
+                        AXPLayoutSideDetailPanelSectionDirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXMTaskBoardPage,
+                        },
+                    ], template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar class=\"axm-task-board-toolbar\"\n    [class.axm-task-board-toolbar--stack-filters]=\"!deviceService.isLarge()\">\n    <div class=\"axm-task-board-toolbar__primary-row\">\n      <axp-layout-prefix class=\"ax-flex ax-min-w-0 ax-flex-nowrap ax-items-center ax-gap-2\"\n        [class.ax-flex-1]=\"deviceService.isLarge()\">\n        @if (showToolbarNavigator()) {\n        <div class=\"ax-scheduler-header ax-shrink-0 ax-w-max ax-sm sm:ax-md\">\n          <ax-button look=\"blank\" (onClick)=\"changeDate(false)\">\n            <ax-icon class=\"ax-icon ax-text-xl ax-icon-chevron-left arrow-icon\"></ax-icon>\n          </ax-button>\n          <ax-button look=\"blank\" [text]=\"navigatorTimeText()\" #date></ax-button>\n          <ax-button look=\"blank\" (onClick)=\"changeDate(true)\">\n            <ax-icon class=\"ax-icon ax-text-xl ax-icon-chevron-right arrow-icon\"></ax-icon>\n          </ax-button>\n          <!-- TODO(acorex-ui): Do not wrap ax-calendar in @for/@if here \u2014 ax-popover requires a direct projected child.\n               Week layout comes from AXCalendarService (AXPRegionalCalendarService); navigatorCalendarLayoutEffect re-renders on profile/calendar changes.\n               Remove manual render() when ax-calendar reacts to calendar service week layout changes.\n               See README.md in this folder. -->\n          <ax-popover [target]=\"date\" [placement]=\"'bottom'\" #popover [adaptivityEnabled]=\"true\">\n            <ax-calendar #calendar [type]=\"calendarType()\" [depth]=\"calendarDepth()\" [cellClass]=\"getCellClass\"\n              [ngModel]=\"currentDateForCalendar()\" [dayCellTemplate]=\"dayCellTemplate\"\n              [monthCellTemplate]=\"monthCellTemplate\"\n              class=\"ax-single-range-calendar ax-border ax-rounded-lg\"\n              (onSlotClick)=\"handleCalendarSlotClick($event)\">\n              <ax-footer>\n                <ax-button look=\"link\" color=\"primary\" [text]=\"(todayButtonTextKey() | translate | async)!\"\n                  (onClick)=\"handleTodayClick()\"></ax-button>\n              </ax-footer>\n            </ax-calendar>\n          </ax-popover>\n        </div>\n        }\n\n        @if (deviceService.isLarge() && filtersReady()) {\n        <axp-query-filters class=\"axm-task-board-toolbar__filters-inline\" [filtersDefinitions]=\"filterDefinitions()\"\n          [initialFilters]=\"panelInitialFilters()\" (onFiltersChanged)=\"handleFiltersChanged($event)\"></axp-query-filters>\n        }\n      </axp-layout-prefix>\n\n      <axp-layout-suffix class=\"ax-flex ax-shrink-0 ax-gap-2\">\n        @if (showViewLayoutSwitcher()) {\n        <ax-button class=\"axm-task-board-toolbar__view-layout-dropdown\" look=\"outline\"\n          [text]=\"(selectedViewLayoutTitleKey() | translate | async)!\">\n          <ax-prefix>\n            <ax-icon [icon]=\"selectedViewLayoutIcon()\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for (item of viewLayoutItems(); track item.key) {\n              <ax-button-item [text]=\"(viewLayoutTranslationKey(item.text) | translate | async)!\"\n                (onClick)=\"handleViewLayoutChange(item.key)\">\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-check\" class=\"axm-task-board-toolbar__dropdown-menu-check\"\n                    [class.--placeholder]=\"!isViewLayoutSelected(item.key)\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        }\n        <div class=\"axm-task-board-toolbar__settings-slot\">\n          <ax-button class=\"axm-task-board-toolbar__settings-button\" look=\"outline\" [iconOnly]=\"true\"\n            [title]=\"('@task-management:task-board.settings.title' | translate | async)!\"\n            (onClick)=\"toggleSettingsPanel()\">\n            <ax-prefix>\n              <ax-icon [icon]=\"isSettingsPanelOpen() ? 'fa-solid fa-gear' : 'fa-light fa-gear'\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n          @if (selectedCalendarEventTypeCount() > 0) {\n          <div class=\"axm-task-board-toolbar__settings-badge\" [class.--xs]=\"selectedCalendarEventTypeCount() > 9\">\n            <ax-badge color=\"primary\" [text]=\"selectedCalendarEventTypeCount().toString()\"></ax-badge>\n          </div>\n          }\n        </div>\n      </axp-layout-suffix>\n    </div>\n\n    @if (!deviceService.isLarge() && filtersReady()) {\n    <div class=\"axm-task-board-toolbar__filters-row\">\n      <axp-query-filters [filtersDefinitions]=\"filterDefinitions()\" [initialFilters]=\"panelInitialFilters()\"\n        (onFiltersChanged)=\"handleFiltersChanged($event)\"></axp-query-filters>\n    </div>\n    }\n  </axp-page-toolbar>\n\n  <axp-page-content class=\"ax-flex ax-flex-row ax-gap-2 ax-min-h-0\">\n    <div class=\"axm-task-board-main ax-flex ax-flex-row ax-gap-4 ax-flex-1 ax-min-w-0 ax-min-h-0 ax-relative\">\n    <div class=\"axm-task-board-main__content ax-flex ax-flex-row ax-gap-2 ax-flex-1 ax-min-w-0 ax-min-h-0\">\n    @if (isReady()) {\n    @switch (vm.currentViewMode()) {\n    @case ('kanban') {\n    <axm-task-board-kanban-view class=\"axp-kanban-container ax-h-full ax-w-full ax-min-w-0\" [(tasks)]=\"resolvedTasks\"\n      (onTaskClick)=\"vm.selectTask($event)\" (onActionClick)=\"handleContextMenu($event)\"></axm-task-board-kanban-view>\n    }\n    @case ('grid') {\n    <axm-task-board-grid-view class=\"ax-h-full ax-w-full ax-min-w-0\" [dataSource]=\"gridDataSource\"\n      [refreshNonce]=\"refreshNonce()\" (onTaskClick)=\"vm.selectTask($event)\"></axm-task-board-grid-view>\n    }\n    @case ('status-grouped-grid') {\n    <axm-task-board-status-grouped-grid-view class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full ax-min-w-0\"\n      [dataSource]=\"gridDataSource\" [refreshNonce]=\"refreshNonce()\"\n      (onTaskClick)=\"vm.selectTask($event)\"></axm-task-board-status-grouped-grid-view>\n    }\n    @default {\n    <axm-task-board-calendar-view class=\"axp-scheduler-container ax-h-full ax-w-full ax-min-w-0\"\n      [resources]=\"resources()\" [startingDate]=\"vm.currentDate()\" [dataSource]=\"schedulerDataSource\"\n      [refreshNonce]=\"refreshNonce()\" (onTaskClick)=\"vm.selectTask($event)\" [selectedView]=\"vm.currentViewMode()\"\n      (onActionClick)=\"handleContextMenu($event)\" (onTaskRightClick)=\"handleContextMenu($event)\"\n      (component)=\"schedulerComponentChanged($event)\"\n      (onMonthSlotDblClicked)=\"handleMonthSlotDblClicked($event)\"></axm-task-board-calendar-view>\n    }\n    }\n    <ax-context-menu #rootContextMenu [closeOn]=\"'leave'\" [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOnOpening($event)\" (onItemClick)=\"handleContextMenuItemClick($event)\">\n    </ax-context-menu>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n    <axm-task-board-detail-panel></axm-task-board-detail-panel>\n    }\n    } @else {\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-w-full ax-h-full\">\n      <ax-loading></ax-loading>\n    </div>\n    }\n    </div>\n    @if (isSettingsPanelOpen()) {\n    @if (!deviceService.isLarge()) {\n    <button type=\"button\" class=\"axm-task-board-settings-backdrop\" (click)=\"closeSettingsPanel()\"\n      [attr.aria-label]=\"('@general:actions.close.title' | translate | async)!\"></button>\n    }\n    <axp-layout-side-detail-panel class=\"ax-sticky ax-top-0 ax-z-10 ax-max-h-full ax-flex-none\"\n      [class.axm-task-board-settings-panel--overlay]=\"!deviceService.isLarge()\" [header]=\"settingsPanelHeader()\"\n      [sections]=\"settingsPanelSections()\" (panelClose)=\"closeSettingsPanel()\">\n      <ng-template axpLayoutSideDetailPanelSection=\"colorBy\">\n        <ax-selection-list class=\"ax-w-full\" valueField=\"key\" textField=\"titleKey\" [direction]=\"'vertical'\"\n          [look]=\"'solid'\" [multiple]=\"false\" [items]=\"colorByItems\" [ngModel]=\"effectiveColorBy()\"\n          [customTemplate]=\"colorByItemTemplate\" (onValueChanged)=\"handleColorBySelectionChange($event)\">\n          <ng-template #colorByItemTemplate let-item>\n            {{ (item.data.titleKey | translate | async)! }}\n          </ng-template>\n        </ax-selection-list>\n      </ng-template>\n      @if (showCalendarEventButton()) {\n      <ng-template axpLayoutSideDetailPanelSection=\"calendars\">\n        <ax-selection-list class=\"ax-w-full\" valueField=\"id\" textField=\"text\" [direction]=\"'vertical'\"\n          [look]=\"'solid'\" [multiple]=\"true\" [items]=\"calendarEventTypeItems()\"\n          [ngModel]=\"vm.selectedCalendarEventTypeIds()\"\n          (onValueChanged)=\"handleCalendarEventTypesSelectionChange($event)\"></ax-selection-list>\n      </ng-template>\n      }\n    </axp-layout-side-detail-panel>\n    }\n    </div>\n  </axp-page-content>\n</axp-page-layout>\n\n<ng-template #dayCellTemplate let-slot>\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-between ax-w-full ax-gap-1\"\n    [style.padding-bottom]=\"'0.25rem'\">\n    <span class=\"ax-flex-1 ax-text-center\">\n      @if (isDateTimeTranslationKey(slot.slot.text)) {\n        {{ (toAcorexTranslationKey(slot.slot.text) | translate | async)! }}\n      } @else {\n        {{ slot.slot.text ?? slot.slot.date?.day ?? '' }}\n      }\n    </span>\n    @if (slot.slot.date && getDayDataCount(slot.slot.date) > 0) {\n    <ax-badge color=\"warning\"></ax-badge>\n    }\n  </div>\n</ng-template>\n\n<ng-template #monthCellTemplate let-slot>\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-between ax-w-full ax-gap-1\"\n    [style.padding-bottom]=\"'0.25rem'\">\n    <span class=\"ax-flex-1 ax-text-center\">\n      @if (isDateTimeTranslationKey(slot.slot.text)) {\n        {{ (toAcorexTranslationKey(slot.slot.text) | translate | async)! }}\n      } @else {\n        {{ slot.slot.text ?? '' }}\n      }\n    </span>\n    @if (slot.slot.date && getMonthDataCount(slot.slot.date) > 0) {\n    <ax-badge color=\"warning\"></ax-badge>\n    }\n  </div>\n</ng-template>", styles: [".axm-task-board-toolbar{flex-wrap:nowrap}.axm-task-board-toolbar__primary-row{display:flex;flex:1 1 auto;align-items:center;gap:.5rem;min-width:0;width:100%;flex-wrap:nowrap}.axm-task-board-toolbar__primary-row>axp-layout-prefix{flex-wrap:nowrap}.axm-task-board-toolbar__primary-row>axp-layout-suffix{margin-inline-start:auto;flex-shrink:0}.axm-task-board-toolbar:not(.axm-task-board-toolbar--stack-filters) .axm-task-board-toolbar__primary-row{display:contents}.axm-task-board-toolbar__filters-inline,.axm-task-board-toolbar__filters-row axp-query-filters{flex:1 1 0;min-width:0;width:auto}.axm-task-board-toolbar__filters-inline>.ax-flex,.axm-task-board-toolbar__filters-row axp-query-filters>.ax-flex{padding-top:0;padding-bottom:0}.axm-task-board-toolbar--stack-filters{flex-wrap:wrap;row-gap:.5rem}.axm-task-board-toolbar--stack-filters .axm-task-board-toolbar__primary-row{flex:1 1 100%;width:100%}.axm-task-board-toolbar__filters-row{flex:1 1 100%;width:100%;min-width:0}.axm-task-board-toolbar__view-layout-dropdown,.axm-task-board-toolbar__settings-slot{flex-shrink:0}.axm-task-board-toolbar__settings-slot{position:relative}.axm-task-board-toolbar__settings-badge{position:absolute;top:-.25rem;inset-inline-end:-.25rem;pointer-events:none}.axm-task-board-toolbar__settings-badge.--xs ax-badge{font-size:.625rem}.axm-task-board-toolbar__dropdown-menu-check{display:inline-flex;width:1rem;justify-content:center}.axm-task-board-toolbar__dropdown-menu-check.--placeholder{visibility:hidden}html[dir=rtl] axp-page-layout axp-page-toolbar axp-layout-prefix .ax-scheduler-header .arrow-icon:before{-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scaleX(-1)}.ax-single-range-calendar .ax-range-start,.ax-single-range-calendar .ax-range-end{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.85)!important}.ax-single-range-calendar .ax-range-start:hover,.ax-single-range-calendar .ax-range-end:hover{background-color:rgba(var(--ax-sys-color-primary-surface))!important}.ax-single-range-calendar .ax-range-start.ax-state-holiday,.ax-single-range-calendar .ax-range-end.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.85)!important}.ax-single-range-calendar .ax-range-between{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.65)}.ax-single-range-calendar .ax-range-between.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.65)}.ax-single-range-calendar ax-footer{display:flex;justify-content:center;border-color:rgba(var(--ax-comp-calendar-view-header-border-color));border-top-width:var(--ax-comp-calendar-view-header-border-width, 1px)}.axm-task-board-main,.axm-task-board-main__content{min-height:0}.axm-task-board-settings-backdrop{position:fixed;inset:0;z-index:15;border:none;padding:0;cursor:pointer;background:rgba(var(--ax-sys-color-darkest-surface),.45)}.axm-task-board-settings-panel--overlay{position:fixed;top:0;inset-inline-end:0;bottom:0;z-index:20;width:min(20rem,100vw);max-height:100vh}axp-page-content:not(:has(axm-task-board-status-grouped-grid-view,axm-task-board-time-grouped-grid-view)){overflow-y:hidden}\n"] }]
+        }], propDecorators: { popover: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }], calendar: [{ type: i0.ViewChild, args: ['calendar', { isSignal: true }] }], contextMenu: [{ type: i0.ViewChild, args: ['rootContextMenu', { isSignal: true }] }], handleNavigatorRangeModifierDown: [{
+                type: HostListener,
+                args: ['document:keydown.control']
+            }], handleNavigatorRangeModifierUp: [{
+                type: HostListener,
+                args: ['document:keyup.control']
+            }] } });
+
+export { AXMTaskBoardPage };
+//# sourceMappingURL=acorex-modules-task-management-task-board.page-Brgg9wJa.mjs.map