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

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

@@ -1,2284 +0,0 @@
-import * as i9 from '@acorex/cdk/accordion';
-import { AXAccordionCdkModule } from '@acorex/cdk/accordion';
-import { AXAccordionModule } from '@acorex/components/accordion';
-import * as i8 from '@acorex/components/badge';
-import { AXBadgeModule } from '@acorex/components/badge';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import * as i1$4 from '@acorex/components/button';
-import { AXButtonComponent, AXButtonModule } from '@acorex/components/button';
-import { AXCalendarComponent } from '@acorex/components/calendar';
-import { AXCheckBoxModule } from '@acorex/components/check-box';
-import * as i2 from '@acorex/components/decorators';
-import { AXDecoratorIconComponent, AXDecoratorModule } from '@acorex/components/decorators';
-import { AXDropdownPanelComponent } from '@acorex/components/dropdown';
-import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import { AXFormFieldComponent, AXFormComponent, AXFormModule } from '@acorex/components/form';
-import { AXLabelComponent, AXLabelModule } from '@acorex/components/label';
-import * as i7 from '@acorex/components/loading';
-import { AXLoadingModule } from '@acorex/components/loading';
-import * as i3 from '@acorex/components/menu';
-import { AXMenuModule } from '@acorex/components/menu';
-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, AXTranslationModule } from '@acorex/core/translation';
-import { AXUnsubscriber } from '@acorex/core/utils';
-import { AXPPlatformScope, AXPDeviceService, getActionButton } from '@acorex/platform/core';
-import { AXPStateMessageComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutHeaderComponent } from '@acorex/platform/layout/components';
-import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
-import * as i1$1 from '@angular/common';
-import { AsyncPipe, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { computed, inject, signal, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, input, output, DestroyRef, viewChild, untracked, afterNextRender, model, viewChildren } from '@angular/core';
-import * as i1$3 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { Router, ActivatedRoute, NavigationEnd, RouterModule } from '@angular/router';
-import { filter, startWith } from 'rxjs';
-import { A as AXM_TASK_BOARD_ALL_VIEW_MODE_IDS, a as AXMTaskBoardSettings, n as normalizeTaskBoardAssigneeIds, b as normalizeVisibleTaskBoardModesByParts, c as canViewAllTaskAssignees, h as hasTaskBoardSavedAssigneePreference, r as resolveTaskBoardSavedAssigneeIds, d as AXPTaskBoardService, R as RootConfig, e as AXMTaskBoardTaskPopoverOverlayService, T as TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH, f as TASK_BOARD_GRID_ROW_ACTION_ITEMS, g as filterTasksOverlappingRange } from './acorex-modules-task-management-acorex-modules-task-management-BB7eeaYX.mjs';
-import { AXFormatPipe } from '@acorex/core/format';
-import * as i1 from '@acorex/platform/layout/widget-core';
-import { AXPWidgetCoreModule, AXPWidgetsCatalog } from '@acorex/platform/layout/widget-core';
-import { AXPSessionService } from '@acorex/platform/auth';
-import { AXPSettingsService } from '@acorex/platform/common';
-import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
-import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { isEqual, sortBy } from 'lodash-es';
-import { AXSchedulerService, AXSchedulerComponent } from '@acorex/components/scheduler';
-import { AXPCommandService } from '@acorex/platform/runtime';
-import { AXDataSource } from '@acorex/cdk/common';
-import * as i1$2 from '@acorex/components/data-table';
-import { AXDataTableModule } from '@acorex/components/data-table';
-import { AXKanbanComponent } from '@acorex/components/kanban';
-
-const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() => ({
-    daysCount: 7,
-    taskTypes: [],
-    isLoading: true,
-    detailPanel: false,
-    selectedTask: null,
-    rangeStartDate: null,
-    currentDate: new Date(),
-    currentViewMode: 'month',
-    visibleViewModes: [...AXM_TASK_BOARD_ALL_VIEW_MODE_IDS],
-    selectedTaskTypeNames: [],
-    selectedAssigneeIds: [],
-    assigneeFilterHasSavedPreference: false,
-    selectedPriorities: [],
-    selectedReporterIds: [],
-    selectedCalendarEventTypeIds: [],
-})), withComputed((store) => ({
-    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()),
-    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++;
-        }
-        return count;
-    }),
-})), withMethods((store, settingsService = inject(AXPSettingsService), taskBoardService = inject(AXPTaskBoardService), sessionService = inject(AXPSessionService)) => {
-    const userScopedSettings = () => settingsService.scope(AXPPlatformScope.User);
-    return {
-        async initialize() {
-            patchState(store, { isLoading: true });
-            try {
-                const taskTypes = await taskBoardService.getTaskTypes();
-                patchState(store, { taskTypes });
-                const [savedDaysCount, savedDateString, savedDetailPanel, savedViewMode, savedVisibleCalendarModes, savedVisibleTimelineModes, savedVisibleTableModes, savedVisibleKanbanModes, savedTaskTypeNames, savedAssigneeIds, savedReporterIds, savedPriorities, savedCalendarEventTypeIds,] = await Promise.all([
-                    userScopedSettings().get(AXMTaskBoardSettings.DaysCount),
-                    userScopedSettings().get(AXMTaskBoardSettings.CurrentDate),
-                    userScopedSettings().get(AXMTaskBoardSettings.DetailPanel),
-                    userScopedSettings().get(AXMTaskBoardSettings.ViewMode),
-                    userScopedSettings().get(AXMTaskBoardSettings.VisibleCalendarModes),
-                    userScopedSettings().get(AXMTaskBoardSettings.VisibleTimelineModes),
-                    userScopedSettings().get(AXMTaskBoardSettings.VisibleTableModes),
-                    userScopedSettings().get(AXMTaskBoardSettings.VisibleKanbanModes),
-                    userScopedSettings().get(AXMTaskBoardSettings.SelectedTaskTypeNames),
-                    userScopedSettings().get(AXMTaskBoardSettings.SelectedAssigneeIds),
-                    userScopedSettings().get(AXMTaskBoardSettings.SelectedReporterIds),
-                    userScopedSettings().get(AXMTaskBoardSettings.SelectedPriorities),
-                    userScopedSettings().get(AXMTaskBoardSettings.SelectedCalendarEventTypeIds),
-                ]);
-                const visibleViewModes = normalizeVisibleTaskBoardModesByParts({
-                    calendar: savedVisibleCalendarModes,
-                    timeline: savedVisibleTimelineModes,
-                    table: savedVisibleTableModes,
-                    kanban: savedVisibleKanbanModes,
-                });
-                // 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);
-                let effectiveViewMode = savedViewMode || 'month';
-                if (!visibleViewModes.includes(effectiveViewMode)) {
-                    effectiveViewMode = visibleViewModes[0] ?? 'month';
-                }
-                if (savedViewMode != null && !visibleViewModes.includes(savedViewMode)) {
-                    userScopedSettings()
-                        .set(AXMTaskBoardSettings.ViewMode, effectiveViewMode)
-                        .catch((error) => console.error('Error aligning task board view mode with visible views:', error));
-                }
-                patchState(store, {
-                    daysCount: savedDaysCount || 7,
-                    detailPanel: savedDetailPanel || false,
-                    currentViewMode: effectiveViewMode,
-                    visibleViewModes,
-                    currentDate,
-                    selectedTaskTypeNames: savedTaskTypeNames || [],
-                    selectedAssigneeIds: defaultAssigneeIds,
-                    assigneeFilterHasSavedPreference,
-                    selectedReporterIds: savedReporterIds || [],
-                    selectedPriorities: savedPriorities || [],
-                    selectedCalendarEventTypeIds: savedCalendarEventTypeIds || [],
-                    isLoading: false,
-                });
-            }
-            catch (error) {
-                console.error('Error initializing TaskBoard ViewModel:', error);
-                patchState(store, {
-                    detailPanel: false,
-                    currentViewMode: 'month',
-                    visibleViewModes: [...AXM_TASK_BOARD_ALL_VIEW_MODE_IDS],
-                    currentDate: new Date(),
-                    selectedTaskTypeNames: [],
-                    selectedAssigneeIds: [],
-                    assigneeFilterHasSavedPreference: false,
-                    selectedPriorities: [],
-                    selectedReporterIds: [],
-                    selectedCalendarEventTypeIds: [],
-                    taskTypes: store.taskTypes(),
-                    isLoading: false,
-                });
-            }
-        },
-        setViewMode(mode) {
-            const allowed = store.visibleViewModes();
-            const effectiveMode = allowed.includes(mode) ? mode : (allowed[0] ?? mode);
-            if ((effectiveMode === 'kanban' || effectiveMode === 'status-grouped-grid') &&
-                store.selectedTaskTypeNames().length === 0) {
-                const firstTaskType = store.taskTypes()[0];
-                if (firstTaskType) {
-                    this.setSelectedTaskTypeNames([firstTaskType.name]);
-                }
-            }
-            if ((effectiveMode === 'kanban' || effectiveMode === 'status-grouped-grid') &&
-                store.selectedTaskTypeNames().length > 1) {
-                this.setSelectedTaskTypeNames([store.selectedTaskTypeNames()[0]]);
-            }
-            patchState(store, { currentViewMode: effectiveMode });
-            userScopedSettings()
-                .set(AXMTaskBoardSettings.ViewMode, effectiveMode)
-                .catch((error) => console.error('Error saving calendar 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));
-        },
-        setSelectedCalendarEventTypeIds(eventTypeIds, isQueryParam = false) {
-            patchState(store, { selectedCalendarEventTypeIds: eventTypeIds });
-            if (isQueryParam)
-                return;
-            userScopedSettings()
-                .set(AXMTaskBoardSettings.SelectedCalendarEventTypeIds, eventTypeIds)
-                .catch((error) => console.error('Error saving selected calendar event type filter:', 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"] }]
-        }] });
-
-class AXMTaskBoardFiltersComponent {
-    constructor() {
-        this.rootConfig = RootConfig;
-        this.vm = inject(AXMTaskBoardViewModel);
-        this.sessionService = inject(AXPSessionService);
-        /** Tracks session user/permissions so assignee filter options react to login changes. */
-        this.sessionUser = toSignal(this.sessionService.user$, { initialValue: null });
-        this.sessionPermissions = toSignal(this.sessionService.permissions$, { initialValue: [] });
-        this.isQueryParam = input(false, ...(ngDevMode ? [{ debugName: "isQueryParam" }] : /* istanbul ignore next */ []));
-        this.applyClicked = output();
-        this.context = signal({}, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
-        this.isInitialized = false;
-        this.#init = effect(() => {
-            const isLoading = this.vm.isLoading();
-            if (!isLoading && !this.isInitialized) {
-                this.resetContextToViewModel();
-                this.isInitialized = true;
-            }
-        }, ...(ngDevMode ? [{ debugName: "#init" }] : /* istanbul ignore next */ []));
-        /** Re-scope assignee filter when user or permissions change (e.g. after switching accounts). */
-        this.#assigneeScope = 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);
-            if (!isEqual(sortBy(this.vm.selectedAssigneeIds()), sortBy(scopedIds))) {
-                this.vm.setSelectedAssigneeIds(scopedIds, this.isQueryParam(), false);
-            }
-            if (this.isInitialized) {
-                this.resetContextToViewModel();
-            }
-        }, ...(ngDevMode ? [{ debugName: "#assigneeScope" }] : /* istanbul ignore next */ []));
-        this.VALID_PRIORITIES = [
-            { title: 'Highest', name: 'highest' },
-            { title: 'High', name: 'high' },
-            { title: 'Medium', name: 'medium' },
-            { title: 'Low', name: 'low' },
-            { title: 'Lowest', name: 'lowest' },
-            { title: 'No Priority', name: 'no_priority' },
-        ];
-        this.isMultiSelectEnabled = computed(() => {
-            const viewMode = this.vm.currentViewMode();
-            return viewMode !== 'kanban' && viewMode !== 'status-grouped-grid';
-        }, ...(ngDevMode ? [{ debugName: "isMultiSelectEnabled" }] : /* istanbul ignore next */ []));
-        this.canFilterByAllAssignees = computed(() => {
-            this.sessionUser();
-            this.sessionPermissions();
-            return canViewAllTaskAssignees(this.sessionService);
-        }, ...(ngDevMode ? [{ debugName: "canFilterByAllAssignees" }] : /* istanbul ignore next */ []));
-        this.nodes = computed(() => {
-            const canFilterByAllAssignees = this.canFilterByAllAssignees();
-            const assigneeScopeKey = `${this.sessionUser()?.id ?? ''}:${canFilterByAllAssignees}`;
-            return [
-                {
-                    name: 'taskType',
-                    path: 'options.taskType',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        valueField: 'name',
-                        textField: 'title',
-                        dataSource: 'task-types',
-                        placeholder: 'Select Task Type',
-                        multiple: this.isMultiSelectEnabled(),
-                        allowClear: this.isMultiSelectEnabled(),
-                    },
-                    meta: {
-                        title: 'task-board.filter.task-type',
-                    },
-                },
-                {
-                    name: 'assignee',
-                    path: 'options.assignee',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        multiple: true,
-                        valueField: 'id',
-                        allowSearch: canFilterByAllAssignees,
-                        allowClear: canFilterByAllAssignees,
-                        readonly: !canFilterByAllAssignees,
-                        dataSource: 'task-board-assignees',
-                        assigneeScopeKey,
-                        textField: 'displayName',
-                        placeholder: 'Select Assignee',
-                    },
-                    meta: {
-                        title: 'task-board.filter.assignee',
-                    },
-                },
-                {
-                    name: 'reporter',
-                    path: 'options.reporter',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        multiple: true,
-                        valueField: 'id',
-                        allowSearch: true,
-                        dataSource: 'users',
-                        textField: 'displayName',
-                        placeholder: 'Select Reporter',
-                    },
-                    meta: {
-                        title: 'task-board.filter.reporter',
-                    },
-                },
-                {
-                    name: 'priority',
-                    path: 'options.priority',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        multiple: true,
-                        valueField: 'name',
-                        textField: 'title',
-                        direction: 'horizontal',
-                        placeholder: 'Select Priority',
-                        dataSource: this.VALID_PRIORITIES,
-                    },
-                    meta: {
-                        title: 'task-board.filter.priority',
-                    },
-                },
-            ];
-        }, ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
-    }
-    #init;
-    /** Re-scope assignee filter when user or permissions change (e.g. after switching accounts). */
-    #assigneeScope;
-    resetContextToViewModel() {
-        const vmTaskTypeNames = this.vm.selectedTaskTypeNames();
-        const vmAssigneeIds = this.vm.selectedAssigneeIds();
-        const vmReporterIds = this.vm.selectedReporterIds();
-        const vmPriorities = this.vm.selectedPriorities();
-        const currentViewIsMulti = this.isMultiSelectEnabled();
-        const taskTypeContextValue = currentViewIsMulti
-            ? vmTaskTypeNames
-            : vmTaskTypeNames.length > 0
-                ? vmTaskTypeNames[0]
-                : null;
-        this.context.set({
-            options: {
-                priority: vmPriorities,
-                assignee: vmAssigneeIds,
-                reporter: vmReporterIds,
-                taskType: taskTypeContextValue,
-            },
-        });
-    }
-    handleContextChanged(e) {
-        this.context.set(e.data);
-        this.handleApply();
-    }
-    handleApply() {
-        this.syncTaskTypesToViewModel(this.context()?.options?.taskType);
-        this.syncAssigneesToViewModel(this.context()?.options?.assignee);
-        this.syncReportersToViewModel(this.context()?.options?.reporter);
-        this.syncPrioritiesToViewModel(this.context()?.options?.priority);
-        this.applyClicked.emit();
-    }
-    syncTaskTypesToViewModel(selectedValue) {
-        let newNames = [];
-        if (Array.isArray(selectedValue)) {
-            newNames = selectedValue.filter((v) => v != null).map((t) => (typeof t === 'string' ? t : t.name));
-        }
-        else if (selectedValue) {
-            newNames = [typeof selectedValue === 'string' ? selectedValue : selectedValue.name];
-        }
-        const currentNames = this.vm.selectedTaskTypeNames();
-        if (!isEqual(sortBy(currentNames), sortBy(newNames))) {
-            this.vm.setSelectedTaskTypeNames(newNames, this.isQueryParam());
-        }
-    }
-    syncAssigneesToViewModel(selectedAssignees) {
-        let newIds = [];
-        if (Array.isArray(selectedAssignees)) {
-            newIds = selectedAssignees
-                .filter((v) => v != null)
-                .map((t) => (typeof t === 'string' || typeof t === 'number' ? t : t.id));
-        }
-        const currentIds = this.vm.selectedAssigneeIds();
-        if (!isEqual(sortBy(currentIds), sortBy(newIds))) {
-            this.vm.setSelectedAssigneeIds(newIds, this.isQueryParam());
-        }
-    }
-    syncReportersToViewModel(selectedReporters) {
-        let newIds = [];
-        if (Array.isArray(selectedReporters)) {
-            newIds = selectedReporters
-                .filter((v) => v != null)
-                .map((t) => (typeof t === 'string' || typeof t === 'number' ? t : t.id));
-        }
-        const currentIds = this.vm.selectedReporterIds();
-        if (!isEqual(sortBy(currentIds), sortBy(newIds))) {
-            this.vm.setSelectedReporterIds(newIds, this.isQueryParam());
-        }
-    }
-    syncPrioritiesToViewModel(selectedPriorities) {
-        let newNames = [];
-        if (Array.isArray(selectedPriorities)) {
-            newNames = selectedPriorities
-                .filter((v) => v != null)
-                .map((t) => (typeof t === 'string' ? t : t.name));
-        }
-        const currentNames = this.vm.selectedPriorities();
-        if (!isEqual(sortBy(currentNames), sortBy(newNames))) {
-            this.vm.setSelectedPriorities(newNames, this.isQueryParam());
-        }
-    }
-    handleReset() {
-        if (this.vm.currentViewMode() === 'kanban' || this.vm.currentViewMode() === 'status-grouped-grid') {
-            const currentOptions = this.context();
-            this.context.set({
-                options: {
-                    taskType: currentOptions?.options?.taskType,
-                },
-            });
-            return;
-        }
-        this.context.set({});
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardFiltersComponent, isStandalone: true, selector: "axm-task-board-filters", inputs: { isQueryParam: { classPropertyName: "isQueryParam", publicName: "isQueryParam", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyClicked: "applyClicked" }, ngImport: i0, template: "<div class=\"ax-px-4 ax-py-3 ax-flex ax-flex-col ax-gap-2 ax-sm ax-w-[20rem]\">\n  <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-4\">\n        <!-- @if (taskTypeItems()) {\n          <ax-form-field>\n            <ax-label> </ax-label>\n            <ax-selection-list\n              [items]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              direction=\"vertical\"\n              [multiple]=\"multiple()\"\n              [showControl]=\"true\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n              <ng-template #itemTemplate let-item>\n                <div class=\"ax-flex ax-items-center\">\n                  @if (item.icon) {\n                    <i [class]=\"item.icon\"></i>\n                  }\n                  <span [class]=\"item.icon ? 'ax-ml-2' : ''\">{{ item.text }}</span>\n                </div>\n              </ng-template>\n            </ax-selection-list>\n            <ax-select-box\n              [dataSource]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              [multiple]=\"multiple()\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n          <hr />\n        } -->\n        @for (node of nodes(); track node.name) {\n          <ax-form-field>\n            @if (node.meta?.['title']) {\n              <ax-label>\n                {{ node.meta?.['title'] | translate: { scope: rootConfig.config.i18n } | async }}\n              </ax-label>\n            }\n            <ng-container axp-widget-renderer [node]=\"node\" [mode]=\"'edit'\"></ng-container>\n          </ax-form-field>\n        }\n      </div>\n      <!-- <div class=\"ax-flex ax-gap-2 ax-mt-6 ax-mb-1\">\n        <ax-button\n          (onClick)=\"handleReset()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.clear.title' | translate | async\"\n        ></ax-button>\n        <ax-button\n          color=\"primary\"\n          [type]=\"'submit'\"\n          (onClick)=\"handleApply()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.apply.title' | translate | async\"\n        ></ax-button>\n      </div> -->\n    </ax-form>\n  </axp-widgets-container>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { 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: AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { 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: AXMTaskBoardFiltersComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-task-board-filters', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        CommonModule,
-                        AXFormFieldComponent,
-                        AXPWidgetCoreModule,
-                        AXFormComponent,
-                        AXLabelComponent,
-                        AXTranslatorPipe,
-                    ], template: "<div class=\"ax-px-4 ax-py-3 ax-flex ax-flex-col ax-gap-2 ax-sm ax-w-[20rem]\">\n  <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-4\">\n        <!-- @if (taskTypeItems()) {\n          <ax-form-field>\n            <ax-label> </ax-label>\n            <ax-selection-list\n              [items]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              direction=\"vertical\"\n              [multiple]=\"multiple()\"\n              [showControl]=\"true\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n              <ng-template #itemTemplate let-item>\n                <div class=\"ax-flex ax-items-center\">\n                  @if (item.icon) {\n                    <i [class]=\"item.icon\"></i>\n                  }\n                  <span [class]=\"item.icon ? 'ax-ml-2' : ''\">{{ item.text }}</span>\n                </div>\n              </ng-template>\n            </ax-selection-list>\n            <ax-select-box\n              [dataSource]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              [multiple]=\"multiple()\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n          <hr />\n        } -->\n        @for (node of nodes(); track node.name) {\n          <ax-form-field>\n            @if (node.meta?.['title']) {\n              <ax-label>\n                {{ node.meta?.['title'] | translate: { scope: rootConfig.config.i18n } | async }}\n              </ax-label>\n            }\n            <ng-container axp-widget-renderer [node]=\"node\" [mode]=\"'edit'\"></ng-container>\n          </ax-form-field>\n        }\n      </div>\n      <!-- <div class=\"ax-flex ax-gap-2 ax-mt-6 ax-mb-1\">\n        <ax-button\n          (onClick)=\"handleReset()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.clear.title' | translate | async\"\n        ></ax-button>\n        <ax-button\n          color=\"primary\"\n          [type]=\"'submit'\"\n          (onClick)=\"handleApply()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.apply.title' | translate | async\"\n        ></ax-button>\n      </div> -->\n    </ax-form>\n  </axp-widgets-container>\n</div>\n" }]
-        }], propDecorators: { isQueryParam: [{ type: i0.Input, args: [{ isSignal: true, alias: "isQueryParam", required: false }] }], applyClicked: [{ type: i0.Output, args: ["applyClicked"] }] } });
-
-//#region ---- Imports ----
-//#endregion
-//#region ---- Menu Definition ----
-/** Default task board view selector structure (filtered by user preference for visible modes). */
-const AXM_TASK_BOARD_MENU_ITEMS = [
-    {
-        key: 'calendar',
-        text: 'calendar',
-        icon: 'fa-light fa-calendar-day',
-        children: [
-            { key: 'day', text: 'daily', icon: 'fa-light fa-calendar-day' },
-            { key: 'week', text: 'weekly', icon: 'fa-light fa-calendar-week' },
-            { key: 'month', text: 'monthly', icon: 'fa-light fa-calendar-alt' },
-            { key: 'agenda', text: 'agenda', icon: 'fa-light fa-calendar-range' },
-        ],
-    },
-    {
-        key: 'timeline',
-        text: 'timeline',
-        icon: 'fa-light fa-list-timeline',
-        children: [
-            { key: 'timeline-day', text: 'daily-timeline', icon: 'fa-light fa-calendar-day' },
-            { key: 'timeline-weekly', text: 'weekly-timeline', icon: 'fa-light fa-calendar-week' },
-            { key: 'timeline-month', text: 'monthly-timeline', icon: 'fa-light fa-calendar-alt' },
-            { key: 'timeline-year', text: 'yearly-timeline', icon: 'fa-light fa-calendar-range' },
-        ],
-    },
-    {
-        key: 'table',
-        text: 'table',
-        icon: 'fa-light fa-table',
-        children: [
-            { key: 'grid', text: 'grid', icon: 'fa-light fa-table' },
-            { key: 'status-grouped-grid', text: 'status-grouped-grid', icon: 'fa-light fa-table' },
-        ],
-    },
-    { key: 'kanban', text: 'kanban', icon: 'fa-light fa-chart-kanban' },
-];
-/**
- * Returns menu branches that contain at least one allowed leaf mode.
- */
-function filterTaskBoardMenuByAllowedModes(items, allowed) {
-    const result = [];
-    for (const category of items) {
-        if (!category.children) {
-            if (allowed.has(category.key)) {
-                result.push(category);
-            }
-            continue;
-        }
-        const children = category.children.filter((child) => allowed.has(child.key));
-        if (children.length > 0) {
-            result.push({ ...category, children });
-        }
-    }
-    return result;
-}
-//#endregion
-
-class AXMTaskBoardCalendarViewComponent {
-    constructor() {
-        this.vm = inject(AXMTaskBoardViewModel);
-        this.taskBoardService = inject(AXPTaskBoardService);
-        this.settingService = inject(AXPSettingsService);
-        this.commandService = inject(AXPCommandService);
-        this.schedulerService = inject(AXSchedulerService);
-        this.taskPopoverOverlay = inject(AXMTaskBoardTaskPopoverOverlayService);
-        this.destroyRef = inject(DestroyRef);
-        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.firstDayOfWeek = signal('monday', ...(ngDevMode ? [{ debugName: "firstDayOfWeek" }] : /* istanbul ignore next */ []));
-        this.weekendDays = signal([0, 6], ...(ngDevMode ? [{ debugName: "weekendDays" }] : /* istanbul ignore next */ []));
-        this.holidays = (range) => {
-            const selectedEventTypeIds = this.vm.selectedCalendarEventTypeIds();
-            return this.taskBoardService.getEvents(range, selectedEventTypeIds);
-        };
-        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.refreshNonceEffect = effect(() => {
-            this.refreshNonce();
-            this.schedulerComponent()?.refresh();
-        }, ...(ngDevMode ? [{ debugName: "refreshNonceEffect" }] : /* istanbul ignore next */ []));
-        this.schedulerStateSyncEffect = effect(() => {
-            this.startingDate();
-            this.currentSchedulerView();
-            this.vm.daysCount();
-            this.vm.selectedTaskTypeNames();
-            this.vm.selectedAssigneeIds();
-            this.vm.selectedReporterIds();
-            this.vm.selectedPriorities();
-            this.refreshNonce();
-            queueMicrotask(() => {
-                this.schedulerComponent()?.refresh();
-            });
-        }, ...(ngDevMode ? [{ debugName: "schedulerStateSyncEffect" }] : /* istanbul ignore next */ []));
-    }
-    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();
-        });
-        if (this.schedulerComponent()) {
-            this.component.emit(this.schedulerComponent());
-        }
-    }
-    onTaskDrop(event) {
-        if (event.slot.view === 'agenda' && event.isSameSlotDrop) {
-            return;
-        }
-        const dropResult = this.schedulerService.calculateAppointmentDropResult(event);
-        if (dropResult.isSameSlotDrop) {
-            return;
-        }
-        const originalTask = event.appointment;
-        const updatedTask = this.schedulerService.applyDropResult({ ...originalTask }, dropResult);
-        this.taskBoardService
-            .updateTaskDateRange(originalTask, {
-            from: dropResult.startDate,
-            end: dropResult.endDate,
-        })
-            .then((persistedTask) => {
-            this.onTaskChanged.emit(persistedTask);
-            this.schedulerComponent()?.refresh();
-        })
-            .catch((error) => {
-            console.error('[TaskBoardCalendar] Failed to update task date range:', error);
-            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 });
-            }
-            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.2.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: "<ax-scheduler [hasHeader]=\"false\" [holidays]=\"holidays\" [resources]=\"resources()\" [dataSource]=\"dataSource()\"\n  [startingDate]=\"startingDate()\" [selectedView]=\"currentSchedulerView()\" [multiDayViewDaysCount]=\"vm.daysCount()\"\n  (onAppointmentDrop)=\"onTaskDrop($event)\" (onActionClick)=\"handleActionClick($event)\"\n  (onRangeChanged)=\"handleRangeChanged($event)\" (onSlotDblClicked)=\"onSlotDblClicked($event)\"\n  (onAppointmentClicked)=\"onTaskClickHandler($event)\" [weekend]=\"weekendDays()\"\n  [firstDayOfWeek]=\"firstDayOfWeek()\"></ax-scheduler>", styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__body{display:flex;flex-direction:column}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}ax-scheduler{line-height:1.5;background-color:rgba(var(--ax-sys-color-lightest-surface))!important}\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: "<ax-scheduler [hasHeader]=\"false\" [holidays]=\"holidays\" [resources]=\"resources()\" [dataSource]=\"dataSource()\"\n  [startingDate]=\"startingDate()\" [selectedView]=\"currentSchedulerView()\" [multiDayViewDaysCount]=\"vm.daysCount()\"\n  (onAppointmentDrop)=\"onTaskDrop($event)\" (onActionClick)=\"handleActionClick($event)\"\n  (onRangeChanged)=\"handleRangeChanged($event)\" (onSlotDblClicked)=\"onSlotDblClicked($event)\"\n  (onAppointmentClicked)=\"onTaskClickHandler($event)\" [weekend]=\"weekendDays()\"\n  [firstDayOfWeek]=\"firstDayOfWeek()\"></ax-scheduler>", styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__body{display:flex;flex-direction:column}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}ax-scheduler{line-height:1.5;background-color:rgba(var(--ax-sys-color-lightest-surface))!important}\n"] }]
-        }], 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.#dataSourceChanged = effect(() => {
-            this.vm.selectedTaskTypeNames();
-            this.vm.selectedAssigneeIds();
-            this.vm.selectedReporterIds();
-            this.vm.selectedPriorities();
-            this.vm.currentDate();
-            this.vm.daysCount();
-            this.vm.currentViewMode();
-            this.refreshNonce();
-            untracked(() => {
-                setTimeout(() => {
-                    this.grid()?.refresh({ reset: true });
-                }, 0);
-            });
-        }, ...(ngDevMode ? [{ debugName: "#dataSourceChanged" }] : /* 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 */ []));
-        afterNextRender(() => {
-            untracked(() => {
-                this.grid()?.refresh({ reset: true });
-            });
-        });
-        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();
-        });
-    }
-    #dataSourceChanged;
-    #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$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "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$2.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$2.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,
-                priority: task.priority,
-                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=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}ax-kanban{--ax-comp-kanban-status-min-height: 100%;--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5;background-color:rgba(var(--ax-sys-color-lightest-surface))!important}\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=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}ax-kanban{--ax-comp-kanban-status-min-height: 100%;--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5;background-color:rgba(var(--ax-sys-color-lightest-surface))!important}\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$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "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$2.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$2.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.popover = viewChild('popover', ...(ngDevMode ? [{ debugName: "popover" }] : /* istanbul ignore next */ []));
-        this.calendar = viewChild('calendar', ...(ngDevMode ? [{ debugName: "calendar" }] : /* istanbul ignore next */ []));
-        this.sidebarCalendar = viewChild('sidebarCalendar', ...(ngDevMode ? [{ debugName: "sidebarCalendar" }] : /* istanbul ignore next */ []));
-        this.isReady = signal(false, ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
-        this.taskTypes = signal([], ...(ngDevMode ? [{ debugName: "taskTypes" }] : /* 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.taskTypeAccordionCollapsed = signal(false, ...(ngDevMode ? [{ debugName: "taskTypeAccordionCollapsed" }] : /* istanbul ignore next */ []));
-        this.calendarEventTypeAccordionCollapsed = signal(false, ...(ngDevMode ? [{ debugName: "calendarEventTypeAccordionCollapsed" }] : /* istanbul ignore next */ []));
-        this.sidebarCollapsed = signal(false, ...(ngDevMode ? [{ debugName: "sidebarCollapsed" }] : /* 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.dayDataCache = signal(new Map(), ...(ngDevMode ? [{ debugName: "dayDataCache" }] : /* istanbul ignore next */ []));
-        /** View switcher entries filtered by user visibility settings parts. */
-        this.menuItems = computed(() => {
-            const allowed = new Set(this.vm.visibleViewModes());
-            return filterTaskBoardMenuByAllowedModes(AXM_TASK_BOARD_MENU_ITEMS, allowed);
-        }, ...(ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []));
-        this.calendarType = computed(() => this.localeService.activeProfile().calendar.system, ...(ngDevMode ? [{ debugName: "calendarType" }] : /* istanbul ignore next */ []));
-        this.todayButtonText = computed(() => {
-            switch (this.vm.currentViewMode()) {
-                case 'day':
-                case 'grid':
-                case 'agenda':
-                case 'kanban':
-                case 'timeline-day':
-                case 'timeline-weekly':
-                case 'status-grouped-grid':
-                    return 'Today';
-                case 'week':
-                    return 'Current week';
-                case 'month':
-                case 'timeline-month':
-                    return 'Current month';
-                case 'timeline-year':
-                    return 'Current year';
-                default:
-                    return 'Today';
-            }
-        }, ...(ngDevMode ? [{ debugName: "todayButtonText" }] : /* istanbul ignore next */ []));
-        this.timeText = computed(() => {
-            if (this.vm.currentViewMode() === 'grid' ||
-                this.vm.currentViewMode() === 'kanban' ||
-                this.vm.currentViewMode() === 'status-grouped-grid') {
-                const currentDate = this.vm.currentDate();
-                if (!currentDate) {
-                    return '';
-                }
-                const start = this.calendarService.create(currentDate, this.localeService.activeProfile().calendar.system);
-                const end = start.add('day', this.vm.daysCount() - 1);
-                const startText = start.format('DD MMMM yyyy', { locale: this.localeService.activeProfile().calendar.system });
-                const endText = end.format('DD MMMM yyyy', { locale: this.localeService.activeProfile().calendar.system });
-                return `${startText} - ${endText}`;
-            }
-            return this.schedulerComponent()?.currentDateText() || '';
-        }, ...(ngDevMode ? [{ debugName: "timeText" }] : /* 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 date = this.vm.currentDate();
-            return date || new Date();
-        }, ...(ngDevMode ? [{ debugName: "currentDateForCalendar" }] : /* istanbul ignore next */ []));
-        this.selectedViewMode = computed(() => {
-            const currentMode = this.vm.currentViewMode();
-            const items = this.menuItems();
-            for (const category of items) {
-                if (category.key === currentMode) {
-                    return { key: category.key, text: category.text, icon: category.icon };
-                }
-                if (category.children) {
-                    const foundChild = category.children.find((child) => child.key === currentMode);
-                    if (foundChild) {
-                        return foundChild;
-                    }
-                }
-            }
-            const firstCategory = items[0];
-            if (!firstCategory) {
-                return {
-                    key: currentMode,
-                    text: 'view',
-                    icon: 'fa-light fa-table',
-                };
-            }
-            return firstCategory.children
-                ? firstCategory.children[0]
-                : { key: firstCategory.key, text: firstCategory.text, icon: firstCategory.icon };
-        }, ...(ngDevMode ? [{ debugName: "selectedViewMode" }] : /* 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 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 }),
-                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((result) => {
-                const items = filterTasksOverlappingRange(result.items, visibleRange);
-                this.validateSelectedTask(items);
-                return items;
-            });
-        };
-        this.gridDataSource = (filter) => {
-            const finalFilter = { ...this.filter(), ...filter };
-            return this.taskBoardService.getTasks(finalFilter).then((result) => {
-                this.validateSelectedTask(result.items);
-                return result;
-            });
-        };
-        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.currentDate();
-            this.vm.daysCount();
-            this.refreshNonce();
-            const filter = this.filter();
-            const version = ++this.kanbanLoadVersion;
-            void this.taskBoardService.getTasks(filter).then((result) => {
-                if (version !== this.kanbanLoadVersion) {
-                    return;
-                }
-                this.validateSelectedTask(result.items);
-                this.resolvedTasks.set(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 */ []));
-        this.refreshEffect = effect(() => {
-            this.vm.selectedTaskTypeNames();
-            this.vm.selectedAssigneeIds();
-            this.vm.selectedReporterIds();
-            this.vm.selectedPriorities();
-            this.vm.currentDate();
-            this.vm.daysCount();
-            this.refreshNonce();
-            void this.getResources();
-            this.schedulerComponent()?.refresh();
-        }, ...(ngDevMode ? [{ debugName: "refreshEffect" }] : /* istanbul ignore next */ []));
-        this.calendarEventTypeRefreshEffect = effect(() => {
-            this.vm.selectedCalendarEventTypeIds();
-            // Refresh calendar view to update holidays when event types change
-            this.schedulerComponent()?.refresh();
-        }, ...(ngDevMode ? [{ debugName: "calendarEventTypeRefreshEffect" }] : /* istanbul ignore next */ []));
-        this.dayDataCacheEffect = effect(async () => {
-            // Update cache when filters, date, or view mode change
-            this.vm.currentDate();
-            this.vm.currentViewMode();
-            this.vm.selectedTaskTypeNames();
-            this.vm.selectedCalendarEventTypeIds();
-            await this.updateDayDataCache();
-        }, ...(ngDevMode ? [{ debugName: "dayDataCacheEffect" }] : /* istanbul ignore next */ []));
-        this.rangeBasedViews = [
-            'grid',
-            'kanban',
-            'agenda',
-            'status-grouped-grid',
-            'timeline-weekly',
-        ];
-        this.getCellClass = (date) => {
-            const currentView = this.vm.currentViewMode();
-            const selectionStartDate = this.vm.rangeStartDate();
-            if (this.rangeBasedViews.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.taskTypeItems = computed(() => {
-            return this.taskTypes().map((taskType) => ({
-                id: taskType.name,
-                text: taskType.title,
-                icon: taskType.icon,
-            }));
-        }, ...(ngDevMode ? [{ debugName: "taskTypeItems" }] : /* istanbul ignore next */ []));
-        // Check if current view mode is kanban, grid, or status-grouped-grid
-        this.isNonCalendarView = computed(() => {
-            const mode = this.vm.currentViewMode();
-            return mode === 'kanban' || mode === 'grid' || mode === 'status-grouped-grid';
-        }, ...(ngDevMode ? [{ debugName: "isNonCalendarView" }] : /* istanbul ignore next */ []));
-        this.selectedTaskTypeValues = computed(() => {
-            const values = this.vm.selectedTaskTypeNames();
-            // If in radio mode (non-calendar view), return only the first value or empty array
-            if (this.isNonCalendarView() && values.length > 0) {
-                return [values[0]];
-            }
-            return values;
-        }, ...(ngDevMode ? [{ debugName: "selectedTaskTypeValues" }] : /* istanbul ignore next */ []));
-        this.calendarEventTypeItems = computed(() => {
-            return this.calendarEventTypes().map((eventType) => ({
-                id: eventType.id,
-                text: eventType.title,
-                icon: eventType.icon,
-                color: eventType.color,
-            }));
-        }, ...(ngDevMode ? [{ debugName: "calendarEventTypeItems" }] : /* istanbul ignore next */ []));
-        this.selectedCalendarEventTypeValues = computed(() => {
-            return this.vm.selectedCalendarEventTypeIds();
-        }, ...(ngDevMode ? [{ debugName: "selectedCalendarEventTypeValues" }] : /* istanbul ignore next */ []));
-    }
-    async ngOnInit() {
-        await super.ngOnInit();
-        await this.vm.initialize();
-        // Load task types for checkbox filter
-        const types = await this.taskBoardService.getTaskTypes();
-        this.taskTypes.set(types);
-        // Load calendar event types for checkbox filter
-        const eventTypes = await this.taskBoardService.getCalendarEventTypes();
-        this.calendarEventTypes.set(eventTypes.map((et) => ({
-            id: et.id,
-            title: et.title,
-        })));
-        // Initialize day data cache
-        await this.updateDayDataCache();
-        this.router.events
-            .pipe(this.unsubscribe.takeUntilDestroy, filter((event) => event instanceof NavigationEnd), startWith(null))
-            .subscribe(async () => {
-            await this.loadFromRoute();
-            if (!this.isReady()) {
-                this.isReady.set(true);
-            }
-        });
-        this.taskBoardService.refresh$.subscribe(async () => {
-            await this.taskResolveHandler();
-            await this.getResources();
-            this.refreshNonce.update((value) => value + 1);
-            this.schedulerComponent()?.refresh();
-        });
-        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() {
-        return await this.translateService.translateAsync('@task-management:task-board.page-title');
-    }
-    async getPageBreadcrumbs() {
-        return [
-            {
-                title: await this.translateService.translateAsync('@task-management:root-menu'),
-            },
-        ];
-    }
-    async getPrimaryMenuItems() {
-        return [
-            {
-                ...getActionButton('refresh'),
-                command: { name: 'refresh' },
-            },
-        ];
-    }
-    async execute(command) {
-        if (command.name === 'refresh') {
-            this.taskBoardService.requestRefresh();
-        }
-    }
-    async taskResolveHandler(filter = this.filter()) {
-        const result = await this.taskBoardService.getTasks(filter);
-        this.validateSelectedTask(result.items);
-        this.resolvedTasks.set(result.items);
-    }
-    schedulerComponentChanged(component) {
-        this.schedulerComponent.set(component);
-    }
-    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.setViewMode('day');
-    }
-    handleViewChange(view, dropdownPanel) {
-        this.router.navigate([], { queryParams: { view } });
-        this.vm.setViewMode(view);
-        this.popover()?.close();
-        dropdownPanel.close();
-    }
-    async updateDayDataCache() {
-        const currentDate = this.vm.currentDate();
-        const depth = this.calendarDepth();
-        // Determine the date range based on the sidebar 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;
-        }
-        // Get tasks for the range
-        const tasks = await this.taskBoardService.getTasks({
-            ...this.filter(),
-            range: { from: rangeStart, end: rangeEnd },
-        });
-        // Get events for the range
-        const selectedEventTypeIds = this.vm.selectedCalendarEventTypeIds();
-        const events = await this.taskBoardService.getEvents({ from: rangeStart, end: rangeEnd }, selectedEventTypeIds);
-        // Create a map of day -> count
-        const dayCountMap = new Map();
-        // Count tasks per day
-        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);
-            }
-        });
-        // Count events per day
-        events.forEach((event) => {
-            const eventDate = new Date(event.date);
-            const dayKey = this.calendarService.create(eventDate).format('YYYY-MM-DD');
-            dayCountMap.set(dayKey, (dayCountMap.get(dayKey) || 0) + 1);
-        });
-        this.dayDataCache.set(dayCountMap);
-        this.sidebarCalendar()?.render();
-    }
-    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);
-            }
-        }
-    }
-    changeDate(forward) {
-        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.sidebarCalendar()?.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.rangeBasedViews.includes(currentView)) {
-            const selectionStartDate = this.vm.rangeStartDate();
-            if (!selectionStartDate) {
-                // Clear any previous range selection before starting a new one
-                this.vm.setDaysCount(7); // Reset to default
-                this.vm.setRangeStartDate(clickedDate);
-                this.calendar()?.render();
-                this.sidebarCalendar()?.render();
-                return;
-            }
-            const date1 = selectionStartDate.getTime();
-            const date2 = clickedDate.getTime();
-            const newStartDate = new Date(Math.min(date1, date2));
-            const newEndDate = new Date(Math.max(date1, date2));
-            const differenceInDays = this.calculateDifferenceInDays(newStartDate, newEndDate);
-            // Clear any previous range selection state first to remove any other selection
-            this.vm.setRangeStartDate(null);
-            // Set the new range selection
-            this.vm.setCurrentDate(newStartDate);
-            this.vm.setDaysCount(differenceInDays);
-            this.calendar()?.render();
-            this.sidebarCalendar()?.render();
-            this.popover()?.close();
-            return;
-        }
-        const calendarSystem = this.localeService.activeProfile().calendar.system;
-        let dateToSet = this.calendarService.create(clickedDate, calendarSystem).startOf('day').date;
-        if (currentView === 'week') {
-            const day = dateToSet.getDay();
-            const weekStart = this.localeService.activeProfile().calendar.week.startsOn;
-            let daysToSubtract = day - weekStart;
-            if (daysToSubtract < 0) {
-                daysToSubtract += 7;
-            }
-            dateToSet.setDate(dateToSet.getDate() - daysToSubtract);
-        }
-        this.vm.setCurrentDate(dateToSet);
-        this.popover()?.close();
-        this.calendar()?.render();
-        this.sidebarCalendar()?.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);
-        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);
-        this.popover()?.close();
-        this.calendar()?.render();
-        this.sidebarCalendar()?.render();
-        this.schedulerComponent()?.refresh();
-    }
-    handleTaskTypeSelectionChange(selectedValues) {
-        // Convert single value to array if needed (for radio mode)
-        const values = Array.isArray(selectedValues) ? selectedValues : selectedValues ? [selectedValues] : [];
-        // If nothing is selected, pass empty array to mean "all task types".
-        this.vm.setSelectedTaskTypeNames(values, this.isQueryParam());
-    }
-    handleCalendarEventTypeSelectionChange(selectedValues) {
-        // If nothing is selected, pass empty array to show no types
-        this.vm.setSelectedCalendarEventTypeIds(selectedValues || [], this.isQueryParam());
-        // Refresh calendar view to update holidays
-        this.schedulerComponent()?.refresh();
-    }
-    async loadFromRoute() {
-        const snapshot = this.activatedRoute.snapshot.queryParamMap;
-        const view = snapshot.get('view') ?? null;
-        const allValidViews = this.menuItems().flatMap((c) => (c.children ? c.children.map((child) => child.key) : c.key));
-        if (view && allValidViews.includes(view)) {
-            this.vm.setViewMode(view);
-        }
-        else if (!this.vm.currentViewMode()) {
-            this.vm.setViewMode('day');
-        }
-        const type = snapshot.getAll('type');
-        const assignee = snapshot.getAll('assignee');
-        const reporter = snapshot.getAll('reporter');
-        const priority = snapshot.getAll('priority');
-        if (type.length || assignee.length || priority.length || reporter.length) {
-            this.isQueryParam.set(true);
-            this.vm.setSelectedTaskTypeNames(type, true);
-            this.vm.setSelectedAssigneeIds(assignee, true);
-            this.vm.setSelectedReporterIds(reporter, true);
-            this.vm.setSelectedPriorities(priority, 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));
-                switch (dateRange) {
-                    case 'today':
-                        this.vm.setViewMode('day');
-                        break;
-                    case 'this-week':
-                        this.vm.setViewMode('week');
-                        this.vm.setRangeStartDate(range.from);
-                        break;
-                    case 'this-month':
-                        this.vm.setViewMode('month');
-                        break;
-                }
-            }
-        }
-    }
-    /**
-     * 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);
-    }
-    toggleSidebar() {
-        this.sidebarCollapsed.update((v) => !v);
-    }
-    toggleStartSide() {
-        this.layout()?.toggleStartSide();
-    }
-    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", 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: "sidebarCalendar", first: true, predicate: ["sidebarCalendar"], 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-layout-start-side\n    class=\"ax-border-e ax-lightest-surface ax-h-full ax-min-w-0\"\n    [style.width]=\"sidebarCollapsed() ? 'auto' : null\"\n  >\n    <axp-layout-header\n      class=\"ax-flex !ax-flex-row ax-items-center ax-gap-2\"\n      [class.ax-justify-center]=\"sidebarCollapsed()\"\n      [class.ax-border-b]=\"!sidebarCollapsed()\"\n    >\n      @if (!sidebarCollapsed()) {\n      <ng-container *ngTemplateOutlet=\"viewSelectorTemplate; context: { location: 'sidebar' }\"></ng-container>\n      }\n      <ax-button look=\"blank\" color=\"neutral\" (onClick)=\"toggleSidebar()\" [iconOnly]=\"true\">\n        <ax-icon [icon]=\"sidebarCollapsed() ? 'fa-light fa-chevrons-right' : 'fa-light fa-chevrons-left'\"></ax-icon>\n      </ax-button>\n    </axp-layout-header>\n\n    @if (!sidebarCollapsed()) {\n    <axp-layout-content class=\"ax-flex ax-flex-col ax-min-h-0 ax-overflow-y-auto\">\n      <div class=\"ax-p-4 ax-flex ax-flex-col ax-gap-6\">\n        <div class=\"ax-flex ax-flex-col ax-gap-3\">\n          <ax-calendar\n            #sidebarCalendar\n            [type]=\"calendarType()\"\n            [depth]=\"calendarDepth()\"\n            [cellClass]=\"getCellClass\"\n            [ngModel]=\"currentDateForCalendar()\"\n            [dayCellTemplate]=\"dayCellTemplate\"\n            [monthCellTemplate]=\"monthCellTemplate\"\n            class=\"ax-single-range-calendar ax-border ax-rounded-lg\"\n            (onSlotClick)=\"handleCalendarSlotClick($event)\"\n          >\n          </ax-calendar>\n        </div>\n\n        <div axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"ax-mb-2 ax-w-full ax-border ax-p-2 ax-rounded-lg\"\n            axAccordionItem\n            #calendarFilterTypeAccordion=\"axAccordionItem\"\n          >\n            <div\n              class=\"ax-flex ax-items-center ax-justify-between ax-gap-2 ax-select-none ax-cursor-pointer\"\n              axAccordionItemHeader\n            >\n              <h3 class=\"ax-text-sm ax-font-semibold\">\n                {{ ('@task-management:task-board.filter.title-plural' | translate | async)! }}\n              </h3>\n              <ax-icon\n                [icon]=\"calendarFilterTypeAccordion?.isCollapsed() ? 'fa-light fa-chevron-down' : 'fa-light fa-chevron-up'\"\n                class=\"ax-transition-transform\"\n              ></ax-icon>\n            </div>\n            <div axAccordionItemContent>\n              <axm-task-board-filters #filtersComponent [isQueryParam]=\"isQueryParam()\"></axm-task-board-filters>\n            </div>\n          </div>\n          @if (!isNonCalendarView()) {\n          <div\n            class=\"ax-mb-2 ax-w-full ax-border ax-p-2 ax-rounded-lg\"\n            axAccordionItem\n            #calendarEventTypeAccordion=\"axAccordionItem\"\n          >\n            <div\n              class=\"ax-flex ax-items-center ax-justify-between ax-gap-2 ax-select-none ax-cursor-pointer\"\n              axAccordionItemHeader\n            >\n              <h3 class=\"ax-text-sm ax-font-semibold\">\n                {{ ('@task-management:task-board.filter.calendars' | translate | async)! }}\n              </h3>\n              <ax-icon\n                [icon]=\"calendarEventTypeAccordion?.isCollapsed() ? 'fa-light fa-chevron-down' : 'fa-light fa-chevron-up'\"\n                class=\"ax-transition-transform\"\n              ></ax-icon>\n            </div>\n            @if (calendarEventTypeItems().length > 0) {\n            <div axAccordionItemContent>\n              <div class=\"ax-pt-2\">\n                <ax-selection-list\n                  [items]=\"calendarEventTypeItems()\"\n                  [ngModel]=\"selectedCalendarEventTypeValues()\"\n                  (onValueChanged)=\"handleCalendarEventTypeSelectionChange($event.value)\"\n                  direction=\"vertical\"\n                  [multiple]=\"true\"\n                  [showControl]=\"true\"\n                  valueField=\"id\"\n                  textField=\"text\"\n                >\n                  <ng-template #itemTemplate let-item>\n                    <div class=\"ax-flex ax-items-center\">\n                      @if (item.icon) {\n                      <i [class]=\"item.icon\"></i>\n                      }\n                      <span [class]=\"item.icon ? 'ax-ml-2' : ''\">{{ item.text }}</span>\n                    </div>\n                  </ng-template>\n                </ax-selection-list>\n              </div>\n            </div>\n            }\n          </div>\n          }\n        </div>\n      </div>\n    </axp-layout-content>\n    }\n  </axp-layout-start-side>\n  <axp-page-toolbar>\n    <axp-layout-prefix class=\"sm:ax-flex-row ax-flex-col ax-items-start\">\n      <div class=\"ax-scheduler-header 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]=\"timeText()\" #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        <!-- <ax-popover [target]=\"date\" [placement]=\"'bottom'\" #popover [adaptivityEnabled]=\"true\">\n          <div class=\"ax-overlay-pane\">\n            <ax-calendar\n              #calendar\n              [type]=\"calendarType()\"\n              [depth]=\"calendarDepth()\"\n              [cellClass]=\"getCellClass\"\n              [ngModel]=\"vm.currentDate()\"\n              class=\"ax-single-range-calendar\"\n              (onSlotClick)=\"handleCalendarSlotClick($event)\"\n            >\n              <ax-footer>\n                <ax-button\n                  look=\"link\"\n                  color=\"primary\"\n                  [text]=\"todayButtonText()\"\n                  (onClick)=\"handleTodayClick()\"\n                ></ax-button>\n              </ax-footer>\n            </ax-calendar>\n          </div>\n        </ax-popover> -->\n      </div>\n    </axp-layout-prefix>\n\n    <axp-layout-suffix>\n      @if (deviceService.isSmall()) {\n      <ax-button id=\"axp-toolbar-btn-filters\" (onClick)=\"toggleStartSide()\" [iconOnly]=\"true\" [color]=\"'default'\">\n        <i class=\"fa-light fa-bars\"></i>\n      </ax-button>\n      }\n      <!-- @if (!deviceService.isSmall()) {\n      <ng-container *ngTemplateOutlet=\"viewSelectorTemplate; context: { location: 'toolbar' }\"></ng-container>\n      } -->\n\n      <!-- @if(deviceService.isLarge()) {\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"></ax-icon>\n      </ax-button>\n      } -->\n    </axp-layout-suffix>\n  </axp-page-toolbar>\n  <axp-page-content class=\"ax-flex ax-flex-row ax-gap-2\">\n    @if (isReady()) { @switch(vm.currentViewMode()) { @case('kanban') {\n    <axm-task-board-kanban-view\n      class=\"axp-kanban-container ax-h-full ax-w-full ax-min-w-0\"\n      [(tasks)]=\"resolvedTasks\"\n      (onTaskClick)=\"vm.selectTask($event)\"\n      (onActionClick)=\"handleContextMenu($event)\"\n    ></axm-task-board-kanban-view>\n    } @case('grid') {\n    <axm-task-board-grid-view\n      class=\"ax-h-full ax-w-full ax-min-w-0\"\n      [dataSource]=\"gridDataSource\"\n      [refreshNonce]=\"refreshNonce()\"\n      (onTaskClick)=\"vm.selectTask($event)\"\n    ></axm-task-board-grid-view>\n    } @case('status-grouped-grid') {\n    <axm-task-board-status-grouped-grid-view\n      class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full ax-min-w-0\"\n      [dataSource]=\"gridDataSource\"\n      [refreshNonce]=\"refreshNonce()\"\n      (onTaskClick)=\"vm.selectTask($event)\"\n    ></axm-task-board-status-grouped-grid-view>\n    } @default {\n    <axm-task-board-calendar-view\n      class=\"axp-scheduler-container ax-h-full ax-w-full ax-min-w-0\"\n      [resources]=\"resources()\"\n      [startingDate]=\"vm.currentDate()\"\n      [dataSource]=\"schedulerDataSource\"\n      [refreshNonce]=\"refreshNonce()\"\n      (onTaskClick)=\"vm.selectTask($event)\"\n      [selectedView]=\"vm.currentViewMode()\"\n      (onActionClick)=\"handleContextMenu($event)\"\n      (onTaskRightClick)=\"handleContextMenu($event)\"\n      (component)=\"schedulerComponentChanged($event)\"\n      (onMonthSlotDblClicked)=\"handleMonthSlotDblClicked($event)\"\n    ></axm-task-board-calendar-view>\n    } }\n    <ax-context-menu\n      #rootContextMenu\n      [closeOn]=\"'leave'\"\n      [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOnOpening($event)\"\n      (onItemClick)=\"handleContextMenuItemClick($event)\"\n    >\n    </ax-context-menu>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n    <axm-task-board-detail-panel></axm-task-board-detail-panel>\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  </axp-page-content>\n</axp-page-layout>\n\n<ng-template #viewSelectorTemplate let-location=\"location\">\n  @if (location === 'sidebar') {\n  <ax-button\n    class=\"ax-grow\"\n    [text]=\"('@task-management:task-board.view.' + selectedViewMode().text | translate | async)!\"\n  >\n    <ax-prefix><ax-icon [icon]=\"selectedViewMode().icon\"></ax-icon></ax-prefix>\n    <ax-dropdown-panel #sidebarDropdownPanel>\n      <ax-menu [orientation]=\"'vertical'\" class=\"ax-menu-container\">\n        @for (category of menuItems(); track category.key) {\n        <ng-container>\n          @if (category.children && category.children.length > 0) {\n          <ax-menu-item>\n            <ax-prefix>\n              <ax-icon [icon]=\"category.icon\"></ax-icon>\n            </ax-prefix>\n            <ax-text>{{ ('@task-management:task-board.' + category.text | translate | async)! }}</ax-text>\n            @for (child of category.children; track child.key) {\n            <ax-menu-item (onClick)=\"handleViewChange(child.key, sidebarDropdownPanel)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"child.icon\"></ax-icon>\n              </ax-prefix>\n              <ax-text>{{ ('@task-management:task-board.view.' + child.text | translate | async)! }}</ax-text>\n            </ax-menu-item>\n            }\n          </ax-menu-item>\n          } @else {\n          <ax-menu-item (onClick)=\"handleViewChange(category.key, sidebarDropdownPanel)\">\n            <ax-prefix>\n              <ax-icon [icon]=\"category.icon\"></ax-icon>\n            </ax-prefix>\n            <ax-text>{{ ('@task-management:task-board.' + category.text | translate | async)! }}</ax-text>\n          </ax-menu-item>\n          }\n        </ng-container>\n        }\n      </ax-menu>\n    </ax-dropdown-panel>\n    <ax-suffix>\n      <ax-icon icon=\"fa-light fa-caret-down\"></ax-icon>\n    </ax-suffix>\n  </ax-button>\n  } @else {\n  <ax-button [text]=\"('@task-management:task-board.view.' + selectedViewMode().text | translate | async)!\">\n    <ax-prefix><ax-icon [icon]=\"selectedViewMode().icon\"></ax-icon></ax-prefix>\n    <ax-dropdown-panel #toolbarDropdownPanel>\n      <ax-menu [orientation]=\"'vertical'\" class=\"ax-menu-container\">\n        @for (category of menuItems(); track category.key) {\n        <ng-container>\n          @if (category.children && category.children.length > 0) {\n          <ax-menu-item>\n            <ax-prefix>\n              <ax-icon [icon]=\"category.icon\"></ax-icon>\n            </ax-prefix>\n            <ax-text>{{ ('@task-management:task-board.' + category.text | translate | async)! }}</ax-text>\n            @for (child of category.children; track child.key) {\n            <ax-menu-item (onClick)=\"handleViewChange(child.key, toolbarDropdownPanel)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"child.icon\"></ax-icon>\n              </ax-prefix>\n              <ax-text>{{ ('@task-management:task-board.view.' + child.text | translate | async)! }}</ax-text>\n            </ax-menu-item>\n            }\n          </ax-menu-item>\n          } @else {\n          <ax-menu-item (onClick)=\"handleViewChange(category.key, toolbarDropdownPanel)\">\n            <ax-prefix>\n              <ax-icon [icon]=\"category.icon\"></ax-icon>\n            </ax-prefix>\n            <ax-text>{{ ('@task-management:task-board.' + category.text | translate | async)! }}</ax-text>\n          </ax-menu-item>\n          }\n        </ng-container>\n        }\n      </ax-menu>\n    </ax-dropdown-panel>\n    <ax-suffix>\n      <ax-icon icon=\"fa-light fa-caret-down\"></ax-icon>\n    </ax-suffix>\n  </ax-button>\n  }\n</ng-template>\n\n<ng-template #dayCellTemplate let-slot>\n  <div\n    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  >\n    <span class=\"ax-flex-1 ax-text-center\">{{ slot.slot.text ?? slot.slot.date?.day ?? '' }}</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\n    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  >\n    <span class=\"ax-flex-1 ax-text-center\">{{ slot.slot.text ?? '' }}</span>\n    @if (slot.slot.date && getMonthDataCount(slot.slot.date) > 0) {\n    <ax-badge color=\"warning\"></ax-badge>\n    }\n  </div>\n</ng-template>\n", styles: ["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)}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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
-                //
-                AXMenuModule }, { kind: "component", type: i3.AXMenuItemComponent, selector: "ax-menu-item", inputs: ["name", "data", "disabled", "color"], outputs: ["onClick"] }, { kind: "component", type: i3.AXMenuComponent, selector: "ax-menu", inputs: ["orientation", "openOn", "closeOn", "items", "hasArrow"], outputs: ["onItemClick"] }, { kind: "component", type: i3.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$4.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: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: 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: "ngmodule", type: AXAccordionModule }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i9.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i9.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i9.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i9.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { 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: 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: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPopoverModule }, { 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"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "minValueChange", "maxValueChange", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "component", type: AXMTaskBoardFiltersComponent, selector: "axm-task-board-filters", inputs: ["isQueryParam"], outputs: ["applyClicked"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXLabelModule }, { 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: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { kind: "pipe", type: i1$1.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,
-                        AXDropdownButtonModule,
-                        AXTranslationModule,
-                        AXDecoratorModule,
-                        AXLoadingModule,
-                        AXBreadcrumbsModule,
-                        AXBadgeModule,
-                        AXAccordionModule,
-                        AXAccordionCdkModule,
-                        //
-                        AXPThemeLayoutBlockComponent,
-                        AXPPageLayoutComponent,
-                        AXMTaskBoardCalendarViewComponent,
-                        AXMTaskBoardKanbanViewComponent,
-                        AXMTaskBoardGridViewComponent,
-                        AXMTaskBoardStatusGroupedGridViewComponent,
-                        AXMTaskBoardDetailPanel,
-                        AXDropdownPanelComponent,
-                        AXPopoverModule,
-                        AXCalendarComponent,
-                        AXMTaskBoardFiltersComponent,
-                        AXCheckBoxModule,
-                        AXFormModule,
-                        AXLabelModule,
-                        AXSelectionListModule,
-                        AXPThemeLayoutStartSideComponent,
-                        AXPThemeLayoutHeaderComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        {
-                            provide: AXPPageLayoutBase,
-                            useExisting: AXMTaskBoardPage,
-                        },
-                    ], template: "<axp-page-layout *translate=\"let t\">\n  <axp-layout-start-side\n    class=\"ax-border-e ax-lightest-surface ax-h-full ax-min-w-0\"\n    [style.width]=\"sidebarCollapsed() ? 'auto' : null\"\n  >\n    <axp-layout-header\n      class=\"ax-flex !ax-flex-row ax-items-center ax-gap-2\"\n      [class.ax-justify-center]=\"sidebarCollapsed()\"\n      [class.ax-border-b]=\"!sidebarCollapsed()\"\n    >\n      @if (!sidebarCollapsed()) {\n      <ng-container *ngTemplateOutlet=\"viewSelectorTemplate; context: { location: 'sidebar' }\"></ng-container>\n      }\n      <ax-button look=\"blank\" color=\"neutral\" (onClick)=\"toggleSidebar()\" [iconOnly]=\"true\">\n        <ax-icon [icon]=\"sidebarCollapsed() ? 'fa-light fa-chevrons-right' : 'fa-light fa-chevrons-left'\"></ax-icon>\n      </ax-button>\n    </axp-layout-header>\n\n    @if (!sidebarCollapsed()) {\n    <axp-layout-content class=\"ax-flex ax-flex-col ax-min-h-0 ax-overflow-y-auto\">\n      <div class=\"ax-p-4 ax-flex ax-flex-col ax-gap-6\">\n        <div class=\"ax-flex ax-flex-col ax-gap-3\">\n          <ax-calendar\n            #sidebarCalendar\n            [type]=\"calendarType()\"\n            [depth]=\"calendarDepth()\"\n            [cellClass]=\"getCellClass\"\n            [ngModel]=\"currentDateForCalendar()\"\n            [dayCellTemplate]=\"dayCellTemplate\"\n            [monthCellTemplate]=\"monthCellTemplate\"\n            class=\"ax-single-range-calendar ax-border ax-rounded-lg\"\n            (onSlotClick)=\"handleCalendarSlotClick($event)\"\n          >\n          </ax-calendar>\n        </div>\n\n        <div axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"ax-mb-2 ax-w-full ax-border ax-p-2 ax-rounded-lg\"\n            axAccordionItem\n            #calendarFilterTypeAccordion=\"axAccordionItem\"\n          >\n            <div\n              class=\"ax-flex ax-items-center ax-justify-between ax-gap-2 ax-select-none ax-cursor-pointer\"\n              axAccordionItemHeader\n            >\n              <h3 class=\"ax-text-sm ax-font-semibold\">\n                {{ ('@task-management:task-board.filter.title-plural' | translate | async)! }}\n              </h3>\n              <ax-icon\n                [icon]=\"calendarFilterTypeAccordion?.isCollapsed() ? 'fa-light fa-chevron-down' : 'fa-light fa-chevron-up'\"\n                class=\"ax-transition-transform\"\n              ></ax-icon>\n            </div>\n            <div axAccordionItemContent>\n              <axm-task-board-filters #filtersComponent [isQueryParam]=\"isQueryParam()\"></axm-task-board-filters>\n            </div>\n          </div>\n          @if (!isNonCalendarView()) {\n          <div\n            class=\"ax-mb-2 ax-w-full ax-border ax-p-2 ax-rounded-lg\"\n            axAccordionItem\n            #calendarEventTypeAccordion=\"axAccordionItem\"\n          >\n            <div\n              class=\"ax-flex ax-items-center ax-justify-between ax-gap-2 ax-select-none ax-cursor-pointer\"\n              axAccordionItemHeader\n            >\n              <h3 class=\"ax-text-sm ax-font-semibold\">\n                {{ ('@task-management:task-board.filter.calendars' | translate | async)! }}\n              </h3>\n              <ax-icon\n                [icon]=\"calendarEventTypeAccordion?.isCollapsed() ? 'fa-light fa-chevron-down' : 'fa-light fa-chevron-up'\"\n                class=\"ax-transition-transform\"\n              ></ax-icon>\n            </div>\n            @if (calendarEventTypeItems().length > 0) {\n            <div axAccordionItemContent>\n              <div class=\"ax-pt-2\">\n                <ax-selection-list\n                  [items]=\"calendarEventTypeItems()\"\n                  [ngModel]=\"selectedCalendarEventTypeValues()\"\n                  (onValueChanged)=\"handleCalendarEventTypeSelectionChange($event.value)\"\n                  direction=\"vertical\"\n                  [multiple]=\"true\"\n                  [showControl]=\"true\"\n                  valueField=\"id\"\n                  textField=\"text\"\n                >\n                  <ng-template #itemTemplate let-item>\n                    <div class=\"ax-flex ax-items-center\">\n                      @if (item.icon) {\n                      <i [class]=\"item.icon\"></i>\n                      }\n                      <span [class]=\"item.icon ? 'ax-ml-2' : ''\">{{ item.text }}</span>\n                    </div>\n                  </ng-template>\n                </ax-selection-list>\n              </div>\n            </div>\n            }\n          </div>\n          }\n        </div>\n      </div>\n    </axp-layout-content>\n    }\n  </axp-layout-start-side>\n  <axp-page-toolbar>\n    <axp-layout-prefix class=\"sm:ax-flex-row ax-flex-col ax-items-start\">\n      <div class=\"ax-scheduler-header 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]=\"timeText()\" #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        <!-- <ax-popover [target]=\"date\" [placement]=\"'bottom'\" #popover [adaptivityEnabled]=\"true\">\n          <div class=\"ax-overlay-pane\">\n            <ax-calendar\n              #calendar\n              [type]=\"calendarType()\"\n              [depth]=\"calendarDepth()\"\n              [cellClass]=\"getCellClass\"\n              [ngModel]=\"vm.currentDate()\"\n              class=\"ax-single-range-calendar\"\n              (onSlotClick)=\"handleCalendarSlotClick($event)\"\n            >\n              <ax-footer>\n                <ax-button\n                  look=\"link\"\n                  color=\"primary\"\n                  [text]=\"todayButtonText()\"\n                  (onClick)=\"handleTodayClick()\"\n                ></ax-button>\n              </ax-footer>\n            </ax-calendar>\n          </div>\n        </ax-popover> -->\n      </div>\n    </axp-layout-prefix>\n\n    <axp-layout-suffix>\n      @if (deviceService.isSmall()) {\n      <ax-button id=\"axp-toolbar-btn-filters\" (onClick)=\"toggleStartSide()\" [iconOnly]=\"true\" [color]=\"'default'\">\n        <i class=\"fa-light fa-bars\"></i>\n      </ax-button>\n      }\n      <!-- @if (!deviceService.isSmall()) {\n      <ng-container *ngTemplateOutlet=\"viewSelectorTemplate; context: { location: 'toolbar' }\"></ng-container>\n      } -->\n\n      <!-- @if(deviceService.isLarge()) {\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"></ax-icon>\n      </ax-button>\n      } -->\n    </axp-layout-suffix>\n  </axp-page-toolbar>\n  <axp-page-content class=\"ax-flex ax-flex-row ax-gap-2\">\n    @if (isReady()) { @switch(vm.currentViewMode()) { @case('kanban') {\n    <axm-task-board-kanban-view\n      class=\"axp-kanban-container ax-h-full ax-w-full ax-min-w-0\"\n      [(tasks)]=\"resolvedTasks\"\n      (onTaskClick)=\"vm.selectTask($event)\"\n      (onActionClick)=\"handleContextMenu($event)\"\n    ></axm-task-board-kanban-view>\n    } @case('grid') {\n    <axm-task-board-grid-view\n      class=\"ax-h-full ax-w-full ax-min-w-0\"\n      [dataSource]=\"gridDataSource\"\n      [refreshNonce]=\"refreshNonce()\"\n      (onTaskClick)=\"vm.selectTask($event)\"\n    ></axm-task-board-grid-view>\n    } @case('status-grouped-grid') {\n    <axm-task-board-status-grouped-grid-view\n      class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full ax-min-w-0\"\n      [dataSource]=\"gridDataSource\"\n      [refreshNonce]=\"refreshNonce()\"\n      (onTaskClick)=\"vm.selectTask($event)\"\n    ></axm-task-board-status-grouped-grid-view>\n    } @default {\n    <axm-task-board-calendar-view\n      class=\"axp-scheduler-container ax-h-full ax-w-full ax-min-w-0\"\n      [resources]=\"resources()\"\n      [startingDate]=\"vm.currentDate()\"\n      [dataSource]=\"schedulerDataSource\"\n      [refreshNonce]=\"refreshNonce()\"\n      (onTaskClick)=\"vm.selectTask($event)\"\n      [selectedView]=\"vm.currentViewMode()\"\n      (onActionClick)=\"handleContextMenu($event)\"\n      (onTaskRightClick)=\"handleContextMenu($event)\"\n      (component)=\"schedulerComponentChanged($event)\"\n      (onMonthSlotDblClicked)=\"handleMonthSlotDblClicked($event)\"\n    ></axm-task-board-calendar-view>\n    } }\n    <ax-context-menu\n      #rootContextMenu\n      [closeOn]=\"'leave'\"\n      [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOnOpening($event)\"\n      (onItemClick)=\"handleContextMenuItemClick($event)\"\n    >\n    </ax-context-menu>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n    <axm-task-board-detail-panel></axm-task-board-detail-panel>\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  </axp-page-content>\n</axp-page-layout>\n\n<ng-template #viewSelectorTemplate let-location=\"location\">\n  @if (location === 'sidebar') {\n  <ax-button\n    class=\"ax-grow\"\n    [text]=\"('@task-management:task-board.view.' + selectedViewMode().text | translate | async)!\"\n  >\n    <ax-prefix><ax-icon [icon]=\"selectedViewMode().icon\"></ax-icon></ax-prefix>\n    <ax-dropdown-panel #sidebarDropdownPanel>\n      <ax-menu [orientation]=\"'vertical'\" class=\"ax-menu-container\">\n        @for (category of menuItems(); track category.key) {\n        <ng-container>\n          @if (category.children && category.children.length > 0) {\n          <ax-menu-item>\n            <ax-prefix>\n              <ax-icon [icon]=\"category.icon\"></ax-icon>\n            </ax-prefix>\n            <ax-text>{{ ('@task-management:task-board.' + category.text | translate | async)! }}</ax-text>\n            @for (child of category.children; track child.key) {\n            <ax-menu-item (onClick)=\"handleViewChange(child.key, sidebarDropdownPanel)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"child.icon\"></ax-icon>\n              </ax-prefix>\n              <ax-text>{{ ('@task-management:task-board.view.' + child.text | translate | async)! }}</ax-text>\n            </ax-menu-item>\n            }\n          </ax-menu-item>\n          } @else {\n          <ax-menu-item (onClick)=\"handleViewChange(category.key, sidebarDropdownPanel)\">\n            <ax-prefix>\n              <ax-icon [icon]=\"category.icon\"></ax-icon>\n            </ax-prefix>\n            <ax-text>{{ ('@task-management:task-board.' + category.text | translate | async)! }}</ax-text>\n          </ax-menu-item>\n          }\n        </ng-container>\n        }\n      </ax-menu>\n    </ax-dropdown-panel>\n    <ax-suffix>\n      <ax-icon icon=\"fa-light fa-caret-down\"></ax-icon>\n    </ax-suffix>\n  </ax-button>\n  } @else {\n  <ax-button [text]=\"('@task-management:task-board.view.' + selectedViewMode().text | translate | async)!\">\n    <ax-prefix><ax-icon [icon]=\"selectedViewMode().icon\"></ax-icon></ax-prefix>\n    <ax-dropdown-panel #toolbarDropdownPanel>\n      <ax-menu [orientation]=\"'vertical'\" class=\"ax-menu-container\">\n        @for (category of menuItems(); track category.key) {\n        <ng-container>\n          @if (category.children && category.children.length > 0) {\n          <ax-menu-item>\n            <ax-prefix>\n              <ax-icon [icon]=\"category.icon\"></ax-icon>\n            </ax-prefix>\n            <ax-text>{{ ('@task-management:task-board.' + category.text | translate | async)! }}</ax-text>\n            @for (child of category.children; track child.key) {\n            <ax-menu-item (onClick)=\"handleViewChange(child.key, toolbarDropdownPanel)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"child.icon\"></ax-icon>\n              </ax-prefix>\n              <ax-text>{{ ('@task-management:task-board.view.' + child.text | translate | async)! }}</ax-text>\n            </ax-menu-item>\n            }\n          </ax-menu-item>\n          } @else {\n          <ax-menu-item (onClick)=\"handleViewChange(category.key, toolbarDropdownPanel)\">\n            <ax-prefix>\n              <ax-icon [icon]=\"category.icon\"></ax-icon>\n            </ax-prefix>\n            <ax-text>{{ ('@task-management:task-board.' + category.text | translate | async)! }}</ax-text>\n          </ax-menu-item>\n          }\n        </ng-container>\n        }\n      </ax-menu>\n    </ax-dropdown-panel>\n    <ax-suffix>\n      <ax-icon icon=\"fa-light fa-caret-down\"></ax-icon>\n    </ax-suffix>\n  </ax-button>\n  }\n</ng-template>\n\n<ng-template #dayCellTemplate let-slot>\n  <div\n    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  >\n    <span class=\"ax-flex-1 ax-text-center\">{{ slot.slot.text ?? slot.slot.date?.day ?? '' }}</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\n    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  >\n    <span class=\"ax-flex-1 ax-text-center\">{{ slot.slot.text ?? '' }}</span>\n    @if (slot.slot.date && getMonthDataCount(slot.slot.date) > 0) {\n    <ax-badge color=\"warning\"></ax-badge>\n    }\n  </div>\n</ng-template>\n", styles: ["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)}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 }] }], sidebarCalendar: [{ type: i0.ViewChild, args: ['sidebarCalendar', { isSignal: true }] }], contextMenu: [{ type: i0.ViewChild, args: ['rootContextMenu', { isSignal: true }] }] } });
-
-export { AXMTaskBoardPage };
-//# sourceMappingURL=acorex-modules-task-management-task-board.page-BmUIngWk.mjs.map