@acorex-platform/module-task-management-client 0.0.21

package/fesm2022/acorex-platform-module-task-management-client-task-board.page-8I8H2pFq.mjs

@@ -0,0 +1,2743 @@
+import { AXPRegionalSetting, runtimeQueryCollectionData, AXPKeyboardShortcutPriority } from '@acorex-platform/framework-shared/core';
+import * as i7 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 * as i2$1 from '@acorex/components/decorators';
+import { AXDecoratorIconComponent, AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/dropdown';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import * as i2 from '@acorex/components/menu';
+import { AXMenuModule } from '@acorex/components/menu';
+import * as i8 from '@acorex/components/popover';
+import { AXPopoverModule } from '@acorex/components/popover';
+import * as i9 from '@acorex/components/selection-list';
+import { AXSelectionListModule } from '@acorex/components/selection-list';
+import { AXCalendarService } from '@acorex/core/date-time';
+import { AXLocaleService } from '@acorex/core/locale';
+import * as i5 from '@acorex/core/translation';
+import { AXTranslatorPipe, AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AXPDeviceService, AXPKeyboardShortcutRegistry } from '@acorex-platform/framework-client/core';
+import { AXPCommandService, AXPQueryService } from '@acorex-platform/framework-client/runtime';
+import { AXPStateMessageComponent, AXPThemeLayoutBlockComponent, AXPQueryFiltersComponent, AXPLayoutSideDetailPanelComponent, AXPLayoutSideDetailPanelSectionDirective } from '@acorex-platform/framework-client/layout/components';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex-platform/framework-client/layout/views';
+import * as i1$5 from '@angular/common';
+import { AsyncPipe, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component, inject, signal, effect, ViewEncapsulation, DestroyRef, Injector, viewChild, input, output, untracked, afterNextRender, model, viewChildren, HostListener } from '@angular/core';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1$3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { ActivatedRoute, NavigationEnd, RouterModule } from '@angular/router';
+import { isEqual, sortBy } from 'lodash';
+import { filter } from 'rxjs';
+import { RootConfig, AXMTaskManagementQueryKeys } from '@acorex-platform/module-task-management-client/contracts';
+import { A as AXMTaskBoardViewModel, a as AXPTaskBoardService, b as AXMTaskBoardTaskPopoverOverlayService, T as TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH, c as TASK_BOARD_GRID_ROW_ACTION_ITEMS, d as AXPDueStatusProviderService, u as usesTaskBoardToolbarNavigator, g as getTaskBoardLayoutOptions, e as canViewAllTaskAssignees, n as normalizeTaskBoardAssigneeIds, f as filterTasksOverlappingRange, h as normalizeTaskTypeFilterNames, i as enrichTaskBoardTasks, r as resolveTaskBoardSchedulerLabels, j as isTaskBoardRangeFilterCategory, k as deriveTaskBoardDateRangeFromNavigator, l as applyTaskBoardDateRangeToViewModel, m as resolveTaskBoardCategoryLayoutFromQuery } from './acorex-platform-module-task-management-client-acorex-platform-module-task-management-client-CIwafWli.mjs';
+import * as i1 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
+import { AXFormatPipe } from '@acorex/core/format';
+import * as i1$1 from '@acorex-platform/framework-client/layout/widget-core';
+import { AXPWidgetCoreModule } from '@acorex-platform/framework-client/layout/widget-core';
+import { AXSchedulerService, AXSchedulerComponent } from '@acorex/components/scheduler';
+import { AXPSettingsService } from '@acorex-platform/framework-client/common';
+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';
+
+class AXMTaskBoardContentSkeletonComponent {
+    constructor() {
+        //#endregion
+        //#region ---- Computed ----
+        /** Weekday header placeholders (Sun–Sat). */
+        this.dayHeaderPlaceholders = computed(() => Array.from({ length: AXMTaskBoardContentSkeletonComponent.DAY_HEADER_COUNT }, (_, index) => index), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dayHeaderPlaceholders" }] : /* istanbul ignore next */ []));
+        /** Calendar-style grid row placeholders. */
+        this.gridRowPlaceholders = computed(() => Array.from({ length: AXMTaskBoardContentSkeletonComponent.GRID_ROW_COUNT }, (_, index) => index), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "gridRowPlaceholders" }] : /* istanbul ignore next */ []));
+        /** Column placeholders per grid row. */
+        this.gridColumnPlaceholders = computed(() => Array.from({ length: AXMTaskBoardContentSkeletonComponent.DAY_HEADER_COUNT }, (_, index) => index), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "gridColumnPlaceholders" }] : /* istanbul ignore next */ []));
+    }
+    //#region ---- Constants ----
+    static { this.DAY_HEADER_COUNT = 7; }
+    static { this.GRID_ROW_COUNT = 6; }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMTaskBoardContentSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMTaskBoardContentSkeletonComponent, isStandalone: true, selector: "axm-task-board-content-skeleton", host: { attributes: { "aria-busy": "true", "aria-live": "polite" }, classAttribute: "axm-task-board-content-skeleton" }, ngImport: i0, template: "<!-- Weekday header row -->\n<div class=\"axm-task-board-content-skeleton__header\">\n  @for (index of dayHeaderPlaceholders(); track index) {\n    <ax-skeleton [animated]=\"true\" class=\"axm-task-board-content-skeleton__day-header\"></ax-skeleton>\n  }\n</div>\n\n<!-- Generic board grid (calendar / kanban / table placeholder) -->\n<div class=\"axm-task-board-content-skeleton__grid\">\n  @for (row of gridRowPlaceholders(); track row) {\n    <div class=\"axm-task-board-content-skeleton__row\">\n      @for (col of gridColumnPlaceholders(); track col) {\n        <div class=\"axm-task-board-content-skeleton__cell\">\n          <ax-skeleton [animated]=\"true\" class=\"axm-task-board-content-skeleton__cell-date\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer properties;:host{display:flex;min-height:0px;width:100%;min-width:0px;flex:1;flex-direction:column;align-self:stretch;overflow:hidden}:host .axm-task-board-content-skeleton__header{display:grid;flex-shrink:0;gap:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3);grid-template-columns:repeat(7,minmax(0,1fr))}:host .axm-task-board-content-skeleton__day-header{height:calc(var(--spacing, .25rem) * 4);width:100%;border-radius:var(--radius-md, .375rem)}:host .axm-task-board-content-skeleton__grid{display:flex;min-height:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);overflow:hidden;border-radius:var(--radius-lg, .5rem);padding:var(--spacing, .25rem);background:rgb(var(--ax-sys-color-lighter-surface))}:host .axm-task-board-content-skeleton__row{display:grid;min-height:0px;flex:1;gap:calc(var(--spacing, .25rem) * 3);grid-template-columns:repeat(7,minmax(0,1fr))}:host .axm-task-board-content-skeleton__cell{display:flex;min-height:calc(var(--spacing, .25rem) * 16);flex-direction:column;align-items:flex-end;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 2);border-color:rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface))}:host .axm-task-board-content-skeleton__cell-date{height:calc(var(--spacing, .25rem) * 3);width:calc(var(--spacing, .25rem) * 5);flex-shrink:0;border-radius:var(--radius-sm, .25rem)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMTaskBoardContentSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-task-board-content-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXSkeletonModule], host: {
+                        class: 'axm-task-board-content-skeleton',
+                        'aria-busy': 'true',
+                        'aria-live': 'polite',
+                    }, template: "<!-- Weekday header row -->\n<div class=\"axm-task-board-content-skeleton__header\">\n  @for (index of dayHeaderPlaceholders(); track index) {\n    <ax-skeleton [animated]=\"true\" class=\"axm-task-board-content-skeleton__day-header\"></ax-skeleton>\n  }\n</div>\n\n<!-- Generic board grid (calendar / kanban / table placeholder) -->\n<div class=\"axm-task-board-content-skeleton__grid\">\n  @for (row of gridRowPlaceholders(); track row) {\n    <div class=\"axm-task-board-content-skeleton__row\">\n      @for (col of gridColumnPlaceholders(); track col) {\n        <div class=\"axm-task-board-content-skeleton__cell\">\n          <ax-skeleton [animated]=\"true\" class=\"axm-task-board-content-skeleton__cell-date\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer properties;:host{display:flex;min-height:0px;width:100%;min-width:0px;flex:1;flex-direction:column;align-self:stretch;overflow:hidden}:host .axm-task-board-content-skeleton__header{display:grid;flex-shrink:0;gap:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3);grid-template-columns:repeat(7,minmax(0,1fr))}:host .axm-task-board-content-skeleton__day-header{height:calc(var(--spacing, .25rem) * 4);width:100%;border-radius:var(--radius-md, .375rem)}:host .axm-task-board-content-skeleton__grid{display:flex;min-height:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);overflow:hidden;border-radius:var(--radius-lg, .5rem);padding:var(--spacing, .25rem);background:rgb(var(--ax-sys-color-lighter-surface))}:host .axm-task-board-content-skeleton__row{display:grid;min-height:0px;flex:1;gap:calc(var(--spacing, .25rem) * 3);grid-template-columns:repeat(7,minmax(0,1fr))}:host .axm-task-board-content-skeleton__cell{display:flex;min-height:calc(var(--spacing, .25rem) * 16);flex-direction:column;align-items:flex-end;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 2);border-color:rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface))}:host .axm-task-board-content-skeleton__cell-date{height:calc(var(--spacing, .25rem) * 3);width:calc(var(--spacing, .25rem) * 5);flex-shrink:0;border-radius:var(--radius-sm, .25rem)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class AXMTaskBoardDetailPanel {
+    constructor() {
+        this.rootConfig = RootConfig;
+        this.vm = inject(AXMTaskBoardViewModel);
+        this.localeService = inject(AXLocaleService);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.statusName = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "statusName" }] : /* istanbul ignore next */ []));
+        this.extraFields = signal([], /* @ts-ignore */
+        ...(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);
+        }, /* @ts-ignore */
+        ...(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);
+        }, /* @ts-ignore */
+        ...(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: "22.0.8", ngImport: i0, type: AXMTaskBoardDetailPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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 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              $safeNavigationMigration(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              $safeNavigationMigration(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 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 flex items-center 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: ["@layer properties;axm-task-board-detail-panel{display:flex;flex-direction:column;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(width>=64rem){axm-task-board-detail-panel{width:calc(var(--spacing, .25rem) * 96)}}axm-task-board-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 4)}@media(width>=64rem){axm-task-board-detail-panel>.__header{width:calc(var(--spacing, .25rem) * 80)}}axm-task-board-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}axm-task-board-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}axm-task-board-detail-panel>.__content{display:flex;flex-direction:column}:where(axm-task-board-detail-panel .__content>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}axm-task-board-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 4)}axm-task-board-detail-panel>.__content>.__section>.__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}axm-task-board-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-task-board-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:var(--spacing, .25rem)}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);opacity:90%}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:70%}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-divide-y-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial;--tw-divide-y-reverse: 0}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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", "titleParams", "descriptionParams", "look"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$1.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: "22.0.8", 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 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              $safeNavigationMigration(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              $safeNavigationMigration(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 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 flex items-center 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: ["@layer properties;axm-task-board-detail-panel{display:flex;flex-direction:column;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(width>=64rem){axm-task-board-detail-panel{width:calc(var(--spacing, .25rem) * 96)}}axm-task-board-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 4)}@media(width>=64rem){axm-task-board-detail-panel>.__header{width:calc(var(--spacing, .25rem) * 80)}}axm-task-board-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}axm-task-board-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}axm-task-board-detail-panel>.__content{display:flex;flex-direction:column}:where(axm-task-board-detail-panel .__content>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}axm-task-board-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 4)}axm-task-board-detail-panel>.__content>.__section>.__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}axm-task-board-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-task-board-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:var(--spacing, .25rem)}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);opacity:90%}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}axm-task-board-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:70%}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-divide-y-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial;--tw-divide-y-reverse: 0}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+const TASK_BOARD_REGIONAL_LAYOUT_SETTING_KEYS = [
+    AXPRegionalSetting.LocaleProfile,
+    AXPRegionalSetting.Calendar,
+    AXPRegionalSetting.FirstDayOfWeek,
+    AXPRegionalSetting.WeekendDays,
+];
+function buildTaskBoardRegionalProfileKey(parts) {
+    return [parts.profileCode, parts.calendarSystem, parts.weekStartsOn, parts.weekendDays.join('-')].join('|');
+}
+
+class AXMTaskBoardCalendarViewComponent {
+    constructor() {
+        this.vm = inject(AXMTaskBoardViewModel);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.settingService = inject(AXPSettingsService);
+        this.commandService = inject(AXPCommandService);
+        this.schedulerService = inject(AXSchedulerService);
+        this.calendarService = inject(AXCalendarService);
+        this.localeService = inject(AXLocaleService);
+        this.taskPopoverOverlay = inject(AXMTaskBoardTaskPopoverOverlayService);
+        this.destroyRef = inject(DestroyRef);
+        this.injector = inject(Injector);
+        this.schedulerComponent = viewChild(AXSchedulerComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "schedulerComponent" }] : /* istanbul ignore next */ []));
+        this.resources = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resources" }] : /* istanbul ignore next */ []));
+        this.refreshNonce = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "refreshNonce" }] : /* istanbul ignore next */ []));
+        this.startingDate = input(new Date(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "startingDate" }] : /* istanbul ignore next */ []));
+        this.selectedView = input('month', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedView" }] : /* istanbul ignore next */ []));
+        this.dataSource = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        this.activeCalendar = toSignal(this.calendarService.calendarChanges$, {
+            initialValue: this.calendarService.getActiveCalendar(),
+        });
+        /** Gates ax-scheduler in the template so we can destroy and recreate it cleanly on regional changes. */
+        this.schedulerMounted = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "schedulerMounted" }] : /* istanbul ignore next */ []));
+        this.regionalSettingsRevision = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "regionalSettingsRevision" }] : /* istanbul ignore next */ []));
+        this.previousRegionalProfileKey = null;
+        /**
+         * Bumped whenever the global holiday list is reloaded. The scheduler merges the
+         * app-wide `AXCalendarService.holidays` (non-reactive) with our reactive callback
+         * result, so we re-run the callback to force the merged holidays to reflect the
+         * latest global reload after a calendar selection change.
+         */
+        this.holidaysRevision = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "holidaysRevision" }] : /* istanbul ignore next */ []));
+        /** Active calendar system (e.g. solar-hijri for fa-IR). Required for correct week/today rendering. */
+        this.schedulerCalendar = computed(() => this.activeCalendar()?.name() ?? this.localeService.activeProfile().calendar.system, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "schedulerCalendar" }] : /* istanbul ignore next */ []));
+        /** Detects locale profile and week-layout changes that require a fresh ax-scheduler instance. */
+        this.regionalProfileKey = computed(() => {
+            this.regionalSettingsRevision();
+            this.activeCalendar()?.weekdays;
+            const profile = this.localeService.activeProfile();
+            return buildTaskBoardRegionalProfileKey({
+                profileCode: profile.localeInfo?.code ?? '',
+                calendarSystem: this.schedulerCalendar(),
+                weekStartsOn: profile.calendar.week?.startsOn ?? 0,
+                weekendDays: profile.calendar.week?.weekends ?? [],
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "regionalProfileKey" }] : /* istanbul ignore next */ []));
+        /** Align week/month views to regional week boundaries before passing to ax-scheduler. */
+        this.schedulerStartingDate = computed(() => {
+            const date = this.startingDate();
+            const calendar = this.schedulerCalendar();
+            const axDate = this.calendarService.create(date, calendar);
+            switch (this.currentSchedulerView()) {
+                case 'week':
+                    return axDate.startOf('week').date;
+                case 'month':
+                case 'timeline-month':
+                    return axDate.startOf('month').date;
+                default:
+                    return axDate.startOf('day').date;
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "schedulerStartingDate" }] : /* istanbul ignore next */ []));
+        this.currentSchedulerView = computed(() => this.selectedView() === 'kanban' || this.selectedView() === 'grid'
+            ? 'month'
+            : this.selectedView(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentSchedulerView" }] : /* istanbul ignore next */ []));
+        this.onTaskClick = output();
+        this.onTaskChanged = output();
+        this.onMonthSlotDblClicked = output();
+        this.onActionClick = output();
+        this.component = output();
+        this.onTaskRightClick = output();
+        this.onRangeChanged = output();
+        this.regionalRemountEffect = effect(() => {
+            const profileKey = this.regionalProfileKey();
+            untracked(() => {
+                if (this.previousRegionalProfileKey === null) {
+                    this.previousRegionalProfileKey = profileKey;
+                    return;
+                }
+                if (profileKey === this.previousRegionalProfileKey) {
+                    return;
+                }
+                this.previousRegionalProfileKey = profileKey;
+                this.remountScheduler();
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "regionalRemountEffect" }] : /* istanbul ignore next */ []));
+        /** Re-binds parent scheduler ref whenever ax-scheduler remounts after a regional layout change. */
+        this.schedulerInstanceEffect = effect(() => {
+            if (!this.schedulerMounted()) {
+                return;
+            }
+            const scheduler = this.schedulerComponent();
+            if (!scheduler) {
+                return;
+            }
+            afterNextRender(() => {
+                const currentScheduler = this.schedulerComponent();
+                if (!currentScheduler || !this.schedulerMounted()) {
+                    return;
+                }
+                this.component.emit(currentScheduler);
+                this.syncSchedulerCurrentDateFromToolbar({ force: true });
+                void currentScheduler.refresh();
+            }, { injector: this.injector });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "schedulerInstanceEffect" }] : /* istanbul ignore next */ []));
+        this.refreshNonceEffect = effect(() => {
+            this.refreshNonce();
+            if (!this.schedulerMounted()) {
+                return;
+            }
+            void this.schedulerComponent()?.refresh();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "refreshNonceEffect" }] : /* istanbul ignore next */ []));
+        this.schedulerStateSyncEffect = effect(() => {
+            if (!this.schedulerMounted()) {
+                return;
+            }
+            this.startingDate();
+            this.schedulerStartingDate();
+            this.schedulerCalendar();
+            this.localeService.activeProfile().localeInfo?.code;
+            this.currentSchedulerView();
+            this.vm.daysCount();
+            this.vm.selectedTaskTypeNames();
+            this.vm.selectedAssigneeIds();
+            this.vm.selectedReporterIds();
+            this.vm.selectedPriorities();
+            this.vm.selectedDueStatusKeys();
+            this.refreshNonce();
+            queueMicrotask(() => {
+                this.syncSchedulerCurrentDateFromToolbar();
+                void this.schedulerComponent()?.refresh();
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "schedulerStateSyncEffect" }] : /* istanbul ignore next */ []));
+        this.holidays = (range) => {
+            // Track the revision so the scheduler's #holidayEffect re-runs after a global reload.
+            this.holidaysRevision();
+            const selectedEventTypeIds = this.vm.selectedCalendarEventTypeIds();
+            return this.taskBoardService.getEvents(range, selectedEventTypeIds);
+        };
+        this.settingService.onChanged.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event) => {
+            if (event.keys.some((key) => TASK_BOARD_REGIONAL_LAYOUT_SETTING_KEYS.includes(key))) {
+                this.regionalSettingsRevision.update((value) => value + 1);
+            }
+        });
+        this.calendarService.onHolidaysChanged.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+            this.holidaysRevision.update((value) => value + 1);
+        });
+    }
+    /**
+     * ax-scheduler only consumes `[startingDate]` on first mount; afterward its internal
+     * `currentDate` must be updated explicitly when the external toolbar navigator changes.
+     */
+    syncSchedulerCurrentDateFromToolbar(options) {
+        const scheduler = this.schedulerComponent();
+        if (!scheduler) {
+            return;
+        }
+        const view = this.currentSchedulerView();
+        let targetDate = this.calendarService.create(this.schedulerStartingDate(), this.schedulerCalendar());
+        if (view === 'week' || view === 'timeline-weekly') {
+            targetDate = this.schedulerService.alignToWeekStart(targetDate, {});
+        }
+        if (!options?.force && targetDate.equal(scheduler.currentDate())) {
+            return;
+        }
+        scheduler.currentDate.set(targetDate);
+    }
+    remountScheduler() {
+        this.schedulerMounted.set(false);
+        afterNextRender(() => {
+            this.schedulerMounted.set(true);
+        }, { injector: this.injector });
+    }
+    async ngAfterViewInit() {
+        this.taskBoardService.refresh$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(async (data) => {
+            const active = this.taskPopoverOverlay.getActiveTask();
+            if (!active?.provider) {
+                return;
+            }
+            if (data.provider && data.provider !== active.provider) {
+                return;
+            }
+            await this.refreshPopoverData();
+        });
+        this.taskBoardService.close$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((data) => {
+            const active = this.taskPopoverOverlay.getActiveTask();
+            if (!active?.provider) {
+                return;
+            }
+            if (data.provider && data.provider !== active.provider) {
+                return;
+            }
+            this.taskPopoverOverlay.close();
+        });
+    }
+    onTaskDrop(event) {
+        if (event.slot.view === 'agenda' && event.isSameSlotDrop) {
+            return;
+        }
+        const dropResult = this.schedulerService.calculateAppointmentDropResult(event);
+        if (dropResult.isSameSlotDrop) {
+            return;
+        }
+        const originalTask = event.appointment;
+        this.schedulerService.applyDropResult(originalTask, dropResult);
+        this.taskBoardService
+            .updateTaskDateRange(originalTask, {
+            from: dropResult.startDate,
+            end: dropResult.endDate,
+        })
+            .then((persistedTask) => {
+            this.onTaskChanged.emit(persistedTask);
+            void this.schedulerComponent()?.refresh();
+        })
+            .catch((error) => {
+            console.error('[TaskBoardCalendar] Failed to update task date range:', error);
+            void this.schedulerComponent()?.refresh();
+        });
+    }
+    onTaskRightClickHandler(event) {
+        this.onTaskRightClick.emit({ nativeEvent: event.nativeEvent, task: event.appointment });
+    }
+    onSlotDblClicked(event) {
+        if (event.sender.selectedView() === 'month') {
+            this.onMonthSlotDblClicked.emit(event.slot.startDate.date);
+        }
+    }
+    async handleRangeChanged(event) {
+        this.onRangeChanged.emit(event);
+    }
+    handleActionClick(event) {
+        this.onActionClick.emit({ nativeEvent: event.nativeEvent, task: event.appointment });
+    }
+    async onTaskClickHandler(event) {
+        const task = event.appointment;
+        const anchor = this.resolveAppointmentAnchor(event);
+        if (anchor) {
+            await this.taskPopoverOverlay.open({
+                task,
+                anchor,
+                offsetX: 12,
+                offsetY: 12,
+                adaptivityEnabled: true,
+            });
+        }
+        this.onTaskClick.emit(task);
+    }
+    async refreshPopoverData() {
+        const active = this.taskPopoverOverlay.getActiveTask();
+        if (!active?.provider) {
+            return;
+        }
+        const provider = this.taskBoardService.getProvider(active.provider);
+        if (!provider) {
+            return;
+        }
+        try {
+            const result = await provider.getTasks();
+            const updatedTask = result.items.find((t) => t.id === active.id);
+            if (updatedTask) {
+                await this.taskPopoverOverlay.refreshTask({ ...updatedTask, provider: active.provider });
+            }
+            void this.schedulerComponent()?.refresh();
+        }
+        catch (error) {
+            console.error('[TaskPopover] Failed to refresh popover data:', error);
+        }
+    }
+    async openTaskDetails() {
+        const task = this.taskPopoverOverlay.getActiveTask();
+        if (!task) {
+            return;
+        }
+        try {
+            await this.commandService.execute('Entity:OpenDetails', {
+                entity: `${RootConfig.module.name}.${RootConfig.entities.task.name}`,
+                data: { id: task.id },
+            });
+            this.taskPopoverOverlay.close();
+        }
+        catch (error) {
+            console.error('Failed to open task details:', error);
+        }
+    }
+    resolveAppointmentAnchor(event) {
+        let targetElement = event.nativeEvent.currentTarget || event.nativeEvent.target;
+        let element = targetElement;
+        const maxDepth = 10;
+        let depth = 0;
+        while (element && element !== document.body && depth < maxDepth) {
+            depth++;
+            const isAppointment = element.classList?.contains('dx-scheduler-appointment') ||
+                element.classList?.contains('ax-scheduler-appointment') ||
+                element.hasAttribute('data-appointment-id');
+            if (isAppointment) {
+                targetElement = element;
+                break;
+            }
+            const parent = element.parentElement;
+            if (parent) {
+                const isParentAppointment = parent.classList?.contains('dx-scheduler-appointment') ||
+                    parent.classList?.contains('ax-scheduler-appointment');
+                if (isParentAppointment) {
+                    targetElement = parent;
+                    break;
+                }
+            }
+            element = element.parentElement;
+        }
+        return targetElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMTaskBoardCalendarViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMTaskBoardCalendarViewComponent, isStandalone: true, selector: "axm-task-board-calendar-view", inputs: { resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, refreshNonce: { classPropertyName: "refreshNonce", publicName: "refreshNonce", isSignal: true, isRequired: false, transformFunction: null }, startingDate: { classPropertyName: "startingDate", publicName: "startingDate", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick", onTaskChanged: "onTaskChanged", onMonthSlotDblClicked: "onMonthSlotDblClicked", onActionClick: "onActionClick", component: "component", onTaskRightClick: "onTaskRightClick", onRangeChanged: "onRangeChanged" }, viewQueries: [{ propertyName: "schedulerComponent", first: true, predicate: AXSchedulerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (schedulerMounted()) {\n  <ax-scheduler\n    [hasHeader]=\"false\"\n    [holidays]=\"holidays\"\n    [resources]=\"resources()\"\n    [dataSource]=\"dataSource()\"\n    [calendar]=\"schedulerCalendar()\"\n    [startingDate]=\"schedulerStartingDate()\"\n    [selectedView]=\"currentSchedulerView()\"\n    [multiDayViewDaysCount]=\"vm.daysCount()\"\n    [showCurrentTimeIndicator]=\"true\"\n    (onAppointmentDrop)=\"onTaskDrop($event)\"\n    (onActionClick)=\"handleActionClick($event)\"\n    (onRangeChanged)=\"handleRangeChanged($event)\"\n    (onSlotDblClicked)=\"onSlotDblClicked($event)\"\n    (onAppointmentClicked)=\"onTaskClickHandler($event)\"\n  ></ax-scheduler>\n}\n", styles: ["@layer properties;.task-popover{display:flex;flex-direction:column;overflow:hidden;background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px}.task-popover .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 .task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover .task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover .task-popover__title{margin:0;min-width:0px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:18px;color:var(--ax-sys-color-text-primary)}.task-popover .task-popover__close-btn{display:flex;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;background:none;padding:4px;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover .task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover .task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover .task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover .task-popover__body{display:flex;flex-direction:column}.task-popover .task-popover__description{margin:0;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.task-popover .task-popover__content{display:flex;flex:1;flex-direction:column;padding:16px 20px;gap:12px}.task-popover .task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover .task-popover__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover .task-popover__icon i{display:block}.task-popover .task-popover__icon--priority[data-priority=urgent]{color:var(--ax-sys-color-danger)}.task-popover .task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover .task-popover__icon--priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover .task-popover__icon--priority[data-priority=low]{color:var(--ax-sys-color-text-neutral-500)}.task-popover .task-popover__info-content{display:flex;min-width:0px;flex:1;align-items:center}.task-popover .task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover .task-popover__priority{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-transform:capitalize}.task-popover .task-popover__priority[data-priority=urgent]{color:var(--ax-sys-color-danger)}.task-popover .task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover .task-popover__priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover .task-popover__priority[data-priority=low]{color:var(--ax-sys-color-text-neutral-600)}.task-popover .task-popover__actions{display:flex;flex-direction:column;padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover .task-popover__actions-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}ax-scheduler{background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);line-height:1.5}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--primary{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--secondary{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border-secondary)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--success,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--success{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-border-success)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--warning{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-border-warning)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--danger{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-border-danger)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent1{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-accent1);color:var(--color-on-accent1);border-color:var(--color-border-accent1)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent2{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-accent2);color:var(--color-on-accent2);border-color:var(--color-border-accent2)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent3{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-accent3);color:var(--color-on-accent3);border-color:var(--color-border-accent3)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--neutral{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--ghost{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-secondary-lighter);color:var(--color-on-secondary-lighter);border-color:var(--color-border-secondary-lighter)}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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: "22.0.8", ngImport: i0, type: AXMTaskBoardCalendarViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-task-board-calendar-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXSchedulerComponent], template: "@if (schedulerMounted()) {\n  <ax-scheduler\n    [hasHeader]=\"false\"\n    [holidays]=\"holidays\"\n    [resources]=\"resources()\"\n    [dataSource]=\"dataSource()\"\n    [calendar]=\"schedulerCalendar()\"\n    [startingDate]=\"schedulerStartingDate()\"\n    [selectedView]=\"currentSchedulerView()\"\n    [multiDayViewDaysCount]=\"vm.daysCount()\"\n    [showCurrentTimeIndicator]=\"true\"\n    (onAppointmentDrop)=\"onTaskDrop($event)\"\n    (onActionClick)=\"handleActionClick($event)\"\n    (onRangeChanged)=\"handleRangeChanged($event)\"\n    (onSlotDblClicked)=\"onSlotDblClicked($event)\"\n    (onAppointmentClicked)=\"onTaskClickHandler($event)\"\n  ></ax-scheduler>\n}\n", styles: ["@layer properties;.task-popover{display:flex;flex-direction:column;overflow:hidden;background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px}.task-popover .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 .task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover .task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover .task-popover__title{margin:0;min-width:0px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:18px;color:var(--ax-sys-color-text-primary)}.task-popover .task-popover__close-btn{display:flex;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;background:none;padding:4px;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover .task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover .task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover .task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover .task-popover__body{display:flex;flex-direction:column}.task-popover .task-popover__description{margin:0;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.task-popover .task-popover__content{display:flex;flex:1;flex-direction:column;padding:16px 20px;gap:12px}.task-popover .task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover .task-popover__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover .task-popover__icon i{display:block}.task-popover .task-popover__icon--priority[data-priority=urgent]{color:var(--ax-sys-color-danger)}.task-popover .task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover .task-popover__icon--priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover .task-popover__icon--priority[data-priority=low]{color:var(--ax-sys-color-text-neutral-500)}.task-popover .task-popover__info-content{display:flex;min-width:0px;flex:1;align-items:center}.task-popover .task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover .task-popover__priority{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-transform:capitalize}.task-popover .task-popover__priority[data-priority=urgent]{color:var(--ax-sys-color-danger)}.task-popover .task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover .task-popover__priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover .task-popover__priority[data-priority=low]{color:var(--ax-sys-color-text-neutral-600)}.task-popover .task-popover__actions{display:flex;flex-direction:column;padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover .task-popover__actions-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}ax-scheduler{background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);line-height:1.5}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--primary,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--primary{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--secondary,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--secondary{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border-secondary)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--success,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--success,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--success{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-border-success)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--warning,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--warning{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-border-warning)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--danger,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--danger{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-border-danger)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent1,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent1{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-accent1);color:var(--color-on-accent1);border-color:var(--color-border-accent1)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent2,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent2{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-accent2);color:var(--color-on-accent2);border-color:var(--color-border-accent2)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--accent3,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--accent3{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-accent3);color:var(--color-on-accent3);border-color:var(--color-border-accent3)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--neutral,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--neutral{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-scheduler .ax-scheduler-month-appointment-chip.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-month-spanning-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-day-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-week-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-week-spanning-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-timeline-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-timeline-spanning-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-header-day-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-header-week-appointment.axm-task-board-surface--ghost,ax-scheduler .ax-scheduler-agenda-appointment-time-inner.axm-task-board-surface--ghost{border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: solid;border-style:solid;background-color:var(--color-secondary-lighter);color:var(--color-on-secondary-lighter);border-color:var(--color-border-secondary-lighter)}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { schedulerComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXSchedulerComponent), { isSignal: true }] }], resources: [{ type: i0.Input, args: [{ isSignal: true, alias: "resources", required: false }] }], refreshNonce: [{ type: i0.Input, args: [{ isSignal: true, alias: "refreshNonce", required: false }] }], startingDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "startingDate", required: false }] }], selectedView: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedView", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], onTaskClick: [{ type: i0.Output, args: ["onTaskClick"] }], onTaskChanged: [{ type: i0.Output, args: ["onTaskChanged"] }], onMonthSlotDblClicked: [{ type: i0.Output, args: ["onMonthSlotDblClicked"] }], onActionClick: [{ type: i0.Output, args: ["onActionClick"] }], component: [{ type: i0.Output, args: ["component"] }], onTaskRightClick: [{ type: i0.Output, args: ["onTaskRightClick"] }], onRangeChanged: [{ type: i0.Output, args: ["onRangeChanged"] }] } });
+
+class AXMTaskBoardGridViewComponent {
+    constructor() {
+        this.vm = inject(AXMTaskBoardViewModel);
+        this.localeService = inject(AXLocaleService);
+        this.calendarService = inject(AXCalendarService);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.taskPopoverOverlay = inject(AXMTaskBoardTaskPopoverOverlayService);
+        this.translationService = inject(AXTranslationService);
+        this.destroyRef = inject(DestroyRef);
+        this.dataSource = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        this.refreshNonce = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "refreshNonce" }] : /* istanbul ignore next */ []));
+        this.onTaskClick = output();
+        this.fetchedTasks = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fetchedTasks" }] : /* istanbul ignore next */ []));
+        this.columns = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        this.grid = viewChild('grid', /* @ts-ignore */
+        ...(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()], /* @ts-ignore */
+        ...(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 unassignedLabel = await this.translationService.translateAsync('@task-management:task-board.filter.unassigned');
+                    const mappedItems = await Promise.all(result.items.map(async (task) => {
+                        const provider = this.taskBoardService.getProvider(task.provider);
+                        return {
+                            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 ?? unassignedLabel,
+                            type: provider ? await provider.getTitle() : undefined,
+                            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);
+                },
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tasksDataSource" }] : /* istanbul ignore next */ []));
+        this.#gridManualFetchEffect = effect(() => {
+            this.vm.selectedTaskTypeNames();
+            this.vm.selectedAssigneeIds();
+            this.vm.selectedReporterIds();
+            this.vm.selectedPriorities();
+            this.vm.currentDate();
+            this.vm.daysCount();
+            this.vm.currentViewMode();
+            this.refreshNonce();
+            const grid = this.grid();
+            if (!grid) {
+                return;
+            }
+            queueMicrotask(() => {
+                untracked(() => {
+                    grid.refresh({ reset: true });
+                });
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#gridManualFetchEffect" }] : /* istanbul ignore next */ []));
+        this.#providerChanged = effect(async () => {
+            const taskType = this.vm.selectedTaskTypes()[0];
+            if (!taskType) {
+                this.columns.set([]);
+                return;
+            }
+            taskType.getExtraFields().then((extraFields) => {
+                if (extraFields) {
+                    this.columns.set(extraFields);
+                }
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#providerChanged" }] : /* istanbul ignore next */ []));
+        this.taskBoardService.close$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data) => {
+            const active = this.taskPopoverOverlay.getActiveTask();
+            if (!active?.provider) {
+                return;
+            }
+            if (data.provider && data.provider !== active.provider) {
+                return;
+            }
+            this.taskPopoverOverlay.close();
+        });
+    }
+    #gridManualFetchEffect;
+    #providerChanged;
+    handleRowClick(event) {
+        if (event.data) {
+            const mappedItem = event.data;
+            const originalTask = mappedItem._originalTask || this.fetchedTasks().find((task) => task.id === mappedItem.id);
+            if (originalTask) {
+                this.onTaskClick.emit(originalTask);
+            }
+        }
+    }
+    handleTaskCommandClick(event) {
+        if (event.name !== 'view') {
+            return;
+        }
+        event.nativeEvent?.stopPropagation();
+        const mappedItem = event.data;
+        const task = mappedItem._originalTask ?? this.fetchedTasks().find((t) => t.id === mappedItem.id);
+        if (!task) {
+            return;
+        }
+        const anchor = this.taskPopoverOverlay.resolveAnchorFromCommandClick(event);
+        if (!anchor) {
+            return;
+        }
+        setTimeout(() => {
+            void this.taskPopoverOverlay.open({
+                task,
+                anchor,
+                placement: 'bottom-start',
+                adaptivityEnabled: false,
+                autoFlip: true,
+            });
+        }, 0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMTaskBoardGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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", "rowCssClass", "cellCssClass", "highlightText", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$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$1.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "sortEnabled", "headerSortDirection", "headerSortPriority", "columnFixed", "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: "22.0.8", 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, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "kanbanComponent" }] : /* istanbul ignore next */ []));
+        this.tasks = model.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tasks" }] : /* istanbul ignore next */ []));
+        this.onTaskClick = output();
+        this.onTaskChanged = output();
+        this.component = output();
+        this.onActionClick = output();
+        this.statuses = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "statuses" }] : /* istanbul ignore next */ []));
+        this.stableTasks = computed(() => this.tasks(), { ...(ngDevMode ? { debugName: "stableTasks" } : /* istanbul ignore next */ {}), equal: isEqual });
+        this.kanbanTasks = computed(() => {
+            return this.stableTasks().map((task) => ({
+                id: task.id,
+                title: task.title,
+                index: task.index,
+                cssClass: task.cssClass,
+                statusKey: task.status.id,
+                description: task.description,
+            }));
+        }, /* @ts-ignore */
+        ...(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);
+                }
+            });
+        }, /* @ts-ignore */
+        ...(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: "22.0.8", ngImport: i0, type: AXMTaskBoardKanbanViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", 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: ["@layer properties;.task-popover{display:flex;flex-direction:column;overflow:hidden;background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px}.task-popover .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 .task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover .task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover .task-popover__title{margin:0;min-width:0px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:18px;color:var(--ax-sys-color-text-primary)}.task-popover .task-popover__close-btn{display:flex;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;background:none;padding:4px;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover .task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover .task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover .task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover .task-popover__body{display:flex;flex-direction:column}.task-popover .task-popover__description{margin:0;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.task-popover .task-popover__content{display:flex;flex:1;flex-direction:column;padding:16px 20px;gap:12px}.task-popover .task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover .task-popover__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover .task-popover__icon i{display:block}.task-popover .task-popover__icon--priority[data-priority=urgent]{color:var(--ax-sys-color-danger)}.task-popover .task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover .task-popover__icon--priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover .task-popover__icon--priority[data-priority=low]{color:var(--ax-sys-color-text-neutral-500)}.task-popover .task-popover__info-content{display:flex;min-width:0px;flex:1;align-items:center}.task-popover .task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover .task-popover__priority{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-transform:capitalize}.task-popover .task-popover__priority[data-priority=urgent]{color:var(--ax-sys-color-danger)}.task-popover .task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover .task-popover__priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover .task-popover__priority[data-priority=low]{color:var(--ax-sys-color-text-neutral-600)}.task-popover .task-popover__actions{display:flex;flex-direction:column;padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover .task-popover__actions-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}ax-kanban{--ax-comp-kanban-status-min-height: 100%;--ax-comp-kanban-status-min-width: 25rem;height:100%;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);line-height:1.5}ax-kanban .ax-kanban-item.axm-task-board-surface--primary{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-primary-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--secondary{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-secondary-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--success{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-success-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--warning{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-warning-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--danger{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-danger-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent1{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-accent1-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent2{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-accent2-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent3{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-accent3-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--neutral,ax-kanban .ax-kanban-item.axm-task-board-surface--ghost{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-lighter-surface))}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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: "22.0.8", 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: ["@layer properties;.task-popover{display:flex;flex-direction:column;overflow:hidden;background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;min-width:280px;max-width:420px}.task-popover .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 .task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover .task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover .task-popover__title{margin:0;min-width:0px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:18px;color:var(--ax-sys-color-text-primary)}.task-popover .task-popover__close-btn{display:flex;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;background:none;padding:4px;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover .task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover .task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover .task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover .task-popover__body{display:flex;flex-direction:column}.task-popover .task-popover__description{margin:0;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.task-popover .task-popover__content{display:flex;flex:1;flex-direction:column;padding:16px 20px;gap:12px}.task-popover .task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover .task-popover__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover .task-popover__icon i{display:block}.task-popover .task-popover__icon--priority[data-priority=urgent]{color:var(--ax-sys-color-danger)}.task-popover .task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover .task-popover__icon--priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover .task-popover__icon--priority[data-priority=low]{color:var(--ax-sys-color-text-neutral-500)}.task-popover .task-popover__info-content{display:flex;min-width:0px;flex:1;align-items:center}.task-popover .task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover .task-popover__priority{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-transform:capitalize}.task-popover .task-popover__priority[data-priority=urgent]{color:var(--ax-sys-color-danger)}.task-popover .task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover .task-popover__priority[data-priority=normal]{color:rgb(var(--ax-sys-color-secondary-500))}.task-popover .task-popover__priority[data-priority=low]{color:var(--ax-sys-color-text-neutral-600)}.task-popover .task-popover__actions{display:flex;flex-direction:column;padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover .task-popover__actions-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}ax-kanban{--ax-comp-kanban-status-min-height: 100%;--ax-comp-kanban-status-min-width: 25rem;height:100%;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);line-height:1.5}ax-kanban .ax-kanban-item.axm-task-board-surface--primary{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-primary-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--secondary{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-secondary-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--success{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-success-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--warning{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-warning-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--danger{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-danger-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent1{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-accent1-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent2{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-accent2-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--accent3{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-accent3-surface))}ax-kanban .ax-kanban-item.axm-task-board-surface--neutral,ax-kanban .ax-kanban-item.axm-task-board-surface--ghost{border-style:var(--tw-border-style);border-width:1px;border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-lightest-surface));border-inline-start-color:rgba(var(--ax-sys-color-lighter-surface))}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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.translationService = inject(AXTranslationService);
+        this.destroyRef = inject(DestroyRef);
+        this.provider = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "provider" }] : /* istanbul ignore next */ []));
+        this.dataSource = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        this.refreshNonce = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "refreshNonce" }] : /* istanbul ignore next */ []));
+        this.onTaskClick = output();
+        this.groupedTasks = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groupedTasks" }] : /* istanbul ignore next */ []));
+        this.allFetchedTasks = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "allFetchedTasks" }] : /* istanbul ignore next */ []));
+        this.columns = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        this.statuses = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "statuses" }] : /* istanbul ignore next */ []));
+        this.grids = viewChildren('grid', /* @ts-ignore */
+        ...(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()], /* @ts-ignore */
+        ...(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);
+                });
+            });
+        }, /* @ts-ignore */
+        ...(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);
+                }
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#providerChanged" }] : /* istanbul ignore next */ []));
+        this.#gridsChanged = effect(() => {
+            const groups = this.groupedTasks();
+            untracked(() => {
+                setTimeout(() => {
+                    this.grids().forEach((grid) => {
+                        grid.refresh({ reset: true });
+                    });
+                }, 100);
+            });
+        }, /* @ts-ignore */
+        ...(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 unassignedLabel = await this.translationService.translateAsync('@task-management:task-board.filter.unassigned');
+                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 ?? unassignedLabel,
+                    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: "22.0.8", ngImport: i0, type: AXMTaskBoardStatusGroupedGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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=\"text-xl font-bold\">{{ group.statusInfo.title }}</h1>\n    <ax-data-table\n      #grid\n      class=\"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", "rowCssClass", "cellCssClass", "highlightText", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$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: "22.0.8", 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=\"text-xl font-bold\">{{ group.statusInfo.title }}</h1>\n    <ax-data-table\n      #grid\n      class=\"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.rootConfig = RootConfig;
+        this.deviceService = inject(AXPDeviceService);
+        this.vm = inject(AXMTaskBoardViewModel);
+        this.unsubscribe = inject(AXUnsubscriber);
+        this.activatedRoute = inject(ActivatedRoute);
+        this.localeService = inject(AXLocaleService);
+        this.calendarService = inject(AXCalendarService);
+        this.taskBoardService = inject(AXPTaskBoardService);
+        this.shortcutRegistry = inject(AXPKeyboardShortcutRegistry);
+        this.destroyRef = inject(DestroyRef);
+        this.dueStatusProviderService = inject(AXPDueStatusProviderService);
+        this.queryService = inject(AXPQueryService);
+        this.translationService = inject(AXTranslationService);
+        this.sessionUser = toSignal(this.sessionService.user$, { initialValue: null });
+        this.sessionPermissions = toSignal(this.sessionService.permissions$, { initialValue: [] });
+        this.activeCalendar = toSignal(this.calendarService.calendarChanges$, {
+            initialValue: this.calendarService.getActiveCalendar(),
+        });
+        this.profileChanged = toSignal(this.localeService.profileChanged$, {
+            initialValue: this.localeService.activeProfile(),
+        });
+        this.navigatorTimeTextVersion = 0;
+        this.colorByItems = [
+            { key: 'dueDate', titleKey: '@task-management:task-board.color-by.due-date' },
+            { key: 'priority', titleKey: '@task-management:task-board.color-by.priority' },
+            { key: 'status', titleKey: '@task-management:task-board.color-by.status' },
+        ];
+        this.popover = viewChild('popover', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "popover" }] : /* istanbul ignore next */ []));
+        this.calendar = viewChild('calendar', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.isReady = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
+        this.isSettingsPanelOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSettingsPanelOpen" }] : /* istanbul ignore next */ []));
+        this.settingsPanelCopy = signal({
+            title: '',
+            colorBy: '',
+            calendars: '',
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "settingsPanelCopy" }] : /* istanbul ignore next */ []));
+        this.filtersReady = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filtersReady" }] : /* istanbul ignore next */ []));
+        this.calendarEventTypes = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "calendarEventTypes" }] : /* istanbul ignore next */ []));
+        this.resources = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resources" }] : /* istanbul ignore next */ []));
+        this.isQueryParam = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isQueryParam" }] : /* istanbul ignore next */ []));
+        this.refreshNonce = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "refreshNonce" }] : /* istanbul ignore next */ []));
+        this.navigatorTimeText = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "navigatorTimeText" }] : /* istanbul ignore next */ []));
+        this.panelInitialFilters = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "panelInitialFilters" }] : /* istanbul ignore next */ []));
+        this.currentTask = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentTask" }] : /* istanbul ignore next */ []));
+        this.schedulerComponent = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "schedulerComponent" }] : /* istanbul ignore next */ []));
+        this.boardTasksLoadVersion = 0;
+        this.filtersPanelInitialized = false;
+        this.lastLocaleProfileCode = null;
+        /** Ctrl enables range selection in kanban/table navigator popover calendars. */
+        this.navigatorRangeSelectActive = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "navigatorRangeSelectActive" }] : /* istanbul ignore next */ []));
+        /** True after a plain (non-Ctrl) single-day click in the navigator calendar. */
+        this.navigatorPlainSingleDaySelected = false;
+        this.modifierRangeBasedViews = ['grid', 'kanban', 'status-grouped-grid'];
+        this.alwaysRangeBasedViews = ['agenda', 'timeline-weekly'];
+        this.dayDataCache = signal(new Map(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dayDataCache" }] : /* istanbul ignore next */ []));
+        /** Tasks loaded for the widest navigator + view range (single fetch). */
+        this.boardTasksRaw = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "boardTasksRaw" }] : /* istanbul ignore next */ []));
+        /** Tasks visible in the active view range (derived from {@link boardTasksRaw}). */
+        this.boardTasks = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "boardTasks" }] : /* istanbul ignore next */ []));
+        this.showToolbarNavigator = computed(() => usesTaskBoardToolbarNavigator(this.vm.currentViewMode()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showToolbarNavigator" }] : /* istanbul ignore next */ []));
+        this.showViewLayoutSwitcher = computed(() => getTaskBoardLayoutOptions(this.vm.currentViewCategory()).length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showViewLayoutSwitcher" }] : /* istanbul ignore next */ []));
+        this.viewLayoutItems = computed(() => getTaskBoardLayoutOptions(this.vm.currentViewCategory()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "viewLayoutItems" }] : /* istanbul ignore next */ []));
+        this.selectedViewLayout = computed(() => this.vm.getLayoutForCategory(this.vm.currentViewCategory()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedViewLayout" }] : /* istanbul ignore next */ []));
+        this.selectedViewLayoutTitleKey = computed(() => {
+            const selectedLayout = this.selectedViewLayout();
+            const item = this.viewLayoutItems().find((option) => option.key === selectedLayout);
+            return item ? this.viewLayoutTranslationKey(item.text) : '';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedViewLayoutTitleKey" }] : /* istanbul ignore next */ []));
+        this.selectedViewLayoutIcon = computed(() => {
+            const selectedLayout = this.selectedViewLayout();
+            const item = this.viewLayoutItems().find((option) => option.key === selectedLayout);
+            return item?.icon ?? 'fa-light fa-sliders';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedViewLayoutIcon" }] : /* istanbul ignore next */ []));
+        this.effectiveColorBy = computed(() => this.vm.effectiveColorBy(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "effectiveColorBy" }] : /* istanbul ignore next */ []));
+        this.settingsPanelHeader = computed(() => ({
+            primaryTitle: this.settingsPanelCopy().title,
+            icon: {
+                iconClass: 'fa-fw fa-lg fa-light fa-gear',
+            },
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "settingsPanelHeader" }] : /* istanbul ignore next */ []));
+        this.settingsPanelSections = computed(() => {
+            const copy = this.settingsPanelCopy();
+            const sections = [{ title: copy.colorBy, projectionKey: 'colorBy' }];
+            if (this.showCalendarEventButton()) {
+                sections.push({ title: copy.calendars, projectionKey: 'calendars' });
+            }
+            return sections;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "settingsPanelSections" }] : /* istanbul ignore next */ []));
+        this.settingsPanelI18nEffect = effect(() => {
+            this.localeService.activeProfile().localeInfo?.code;
+            void this.loadSettingsPanelCopy();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "settingsPanelI18nEffect" }] : /* istanbul ignore next */ []));
+        /** Resolves navigator date label asynchronously so month names react to locale/profile changes. */
+        this.navigatorTimeTextEffect = effect(() => {
+            this.profileChanged();
+            this.vm.currentDate();
+            this.vm.currentViewMode();
+            this.vm.daysCount();
+            this.localeService.activeProfile().localeInfo?.code;
+            this.calendarType();
+            this.refreshNonce();
+            const version = ++this.navigatorTimeTextVersion;
+            untracked(() => {
+                void this.resolveNavigatorTimeText().then((text) => {
+                    if (version === this.navigatorTimeTextVersion) {
+                        this.navigatorTimeText.set(text);
+                    }
+                });
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "navigatorTimeTextEffect" }] : /* istanbul ignore next */ []));
+        /** Re-render navigator calendar when regional week layout changes. */
+        this.navigatorCalendarLayoutEffect = effect(() => {
+            this.localeService.activeProfile().localeInfo?.code;
+            this.calendarService.getActiveCalendar()?.weekdays;
+            this.calendarType();
+            untracked(() => {
+                queueMicrotask(() => {
+                    this.calendar()?.render();
+                });
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "navigatorCalendarLayoutEffect" }] : /* istanbul ignore next */ []));
+        this.canFilterByAllAssignees = computed(() => {
+            this.sessionUser();
+            this.sessionPermissions();
+            return canViewAllTaskAssignees(this.sessionService);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canFilterByAllAssignees" }] : /* istanbul ignore next */ []));
+        this.calendarEventTypeItems = computed(() => this.calendarEventTypes().map((eventType) => ({
+            id: eventType.id,
+            text: eventType.title,
+            icon: eventType.icon,
+        })), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "calendarEventTypeItems" }] : /* istanbul ignore next */ []));
+        this.showCalendarEventButton = computed(() => !this.isNonCalendarView() && this.calendarEventTypeItems().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showCalendarEventButton" }] : /* istanbul ignore next */ []));
+        this.selectedCalendarEventTypeCount = computed(() => this.vm.selectedCalendarEventTypeIds().length, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedCalendarEventTypeCount" }] : /* istanbul ignore next */ []));
+        this.filterDefinitions = computed(() => {
+            const canFilterByAll = this.canFilterByAllAssignees();
+            const assigneeScopeKey = `${this.sessionUser()?.id ?? ''}:${canFilterByAll}`;
+            const isMultiTaskType = this.isMultiSelectTaskTypeEnabled();
+            const definitions = [
+                {
+                    field: 'type',
+                    operator: { type: 'equal' },
+                    title: '@task-management:task-board.filter.task-type',
+                    icon: 'fa-light fa-list',
+                    widget: {
+                        type: 'select-filter',
+                        options: {
+                            dataSource: AXMTaskManagementQueryKeys.ListTaskTypes,
+                            valueField: 'name',
+                            textField: 'title',
+                            multiple: isMultiTaskType,
+                            allowClear: isMultiTaskType,
+                        },
+                    },
+                    filterType: { advance: true, inline: false },
+                },
+            ];
+            // Without ViewAllTasks, assignee is always the current user — hide the filter entirely.
+            if (canFilterByAll) {
+                definitions.push({
+                    field: 'assignee',
+                    operator: { type: 'equal' },
+                    title: '@task-management:task-board.filter.assignee',
+                    icon: 'fa-light fa-user',
+                    widget: {
+                        type: 'select-filter',
+                        options: {
+                            multiple: true,
+                            valueField: 'id',
+                            textField: 'displayName',
+                            allowSearch: true,
+                            allowClear: true,
+                            readonly: false,
+                            dataSource: AXMTaskManagementQueryKeys.TaskBoardAssignees,
+                            assigneeScopeKey,
+                        },
+                    },
+                    filterType: { advance: true, inline: false },
+                });
+            }
+            definitions.push({
+                field: 'reporter',
+                operator: { type: 'equal' },
+                title: '@task-management:task-board.filter.reporter',
+                icon: 'fa-light fa-user-pen',
+                widget: {
+                    type: 'select-filter',
+                    options: {
+                        multiple: true,
+                        valueField: 'id',
+                        textField: 'displayName',
+                        allowSearch: true,
+                        dataSource: AXMTaskManagementQueryKeys.TaskBoardReporters,
+                    },
+                },
+                filterType: { advance: true, inline: false },
+            });
+            return definitions;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterDefinitions" }] : /* istanbul ignore next */ []));
+        this.lastCanFilterByAllAssignees = null;
+        /** Re-scope assignee filter when user or permissions change; refresh chips when ViewAllTasks changes. */
+        this.assigneeScopeEffect = effect(() => {
+            this.sessionUser();
+            this.sessionPermissions();
+            const canFilterByAll = this.canFilterByAllAssignees();
+            const permissionChanged = this.lastCanFilterByAllAssignees !== canFilterByAll;
+            this.lastCanFilterByAllAssignees = canFilterByAll;
+            if (this.vm.isLoading()) {
+                return;
+            }
+            const currentIds = this.vm.selectedAssigneeIds();
+            const scopedIds = normalizeTaskBoardAssigneeIds(this.sessionService, currentIds);
+            const assigneeIdsChanged = !isEqual(sortBy(currentIds.map(String)), sortBy(scopedIds.map(String)));
+            if (assigneeIdsChanged) {
+                this.vm.setSelectedAssigneeIds(scopedIds, this.isQueryParam(), false);
+            }
+            if (this.filtersPanelInitialized && (assigneeIdsChanged || permissionChanged)) {
+                untracked(() => void this.syncPanelInitialFilters());
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assigneeScopeEffect" }] : /* istanbul ignore next */ []));
+        this.calendarType = computed(() => this.activeCalendar()?.name() ?? this.localeService.activeProfile().calendar.system, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "calendarType" }] : /* istanbul ignore next */ []));
+        this.todayButtonTextKey = computed(() => {
+            switch (this.vm.currentViewMode()) {
+                case 'week':
+                    return '@task-management:task-board.navigator.current-week';
+                case 'month':
+                case 'timeline-month':
+                    return '@task-management:task-board.navigator.current-month';
+                case 'timeline-year':
+                    return '@task-management:task-board.navigator.current-year';
+                default:
+                    return '@task-management:task-board.navigator.today';
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "todayButtonTextKey" }] : /* istanbul ignore next */ []));
+        this.calendarDepth = computed(() => {
+            if (this.vm.currentViewMode() === 'grid' ||
+                this.vm.currentViewMode() === 'kanban' ||
+                this.vm.currentViewMode() === 'status-grouped-grid') {
+                return 'day';
+            }
+            return this.schedulerComponent()?.calendarDepth() || 'day';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "calendarDepth" }] : /* istanbul ignore next */ []));
+        this.currentDateForCalendar = computed(() => {
+            const pendingRangeStart = this.vm.rangeStartDate();
+            if (pendingRangeStart && this.isModifierRangeNavigatorView()) {
+                return pendingRangeStart;
+            }
+            const date = this.vm.currentDate();
+            return date || new Date();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentDateForCalendar" }] : /* istanbul ignore next */ []));
+        this.filter = computed(() => {
+            const taskTypeNames = this.vm.selectedTaskTypeNames();
+            const assigneeIds = this.vm.selectedAssigneeIds();
+            const reporterIds = this.vm.selectedReporterIds();
+            const 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') {
+                // List/grid is always scoped to the current month, regardless of any day-range
+                // selected from the navigator in other views.
+                from = from.startOf('month');
+                end = from.endOf('month');
+            }
+            else if (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 }),
+                range: { from: from.date, end: end.date },
+            };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+        this.contextMenu = viewChild('rootContextMenu', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contextMenu" }] : /* istanbul ignore next */ []));
+        this.schedulerDataSource = (schedulerFilter) => {
+            const pageFilter = this.filter();
+            const visibleRange = schedulerFilter?.range ?? pageFilter.range;
+            if (!visibleRange) {
+                return Promise.resolve([]);
+            }
+            const items = filterTasksOverlappingRange(this.boardTasksRaw(), visibleRange);
+            this.validateSelectedTask(items);
+            return Promise.resolve(items);
+        };
+        this.gridDataSource = (filter) => {
+            const items = this.boardTasks();
+            const skip = filter?.skip ?? 0;
+            const take = filter?.take ?? 10;
+            this.validateSelectedTask(items);
+            return Promise.resolve({
+                items: items.slice(skip, skip + take),
+                total: items.length,
+            });
+        };
+        this.resolvedTasks = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedTasks" }] : /* istanbul ignore next */ []));
+        /** Single board task loader — one API fan-out per filter change. */
+        this.boardTasksLoadEffect = effect(() => {
+            if (!this.isReady()) {
+                return;
+            }
+            this.vm.selectedTaskTypeNames();
+            this.vm.selectedAssigneeIds();
+            this.vm.selectedReporterIds();
+            this.vm.currentDate();
+            this.vm.daysCount();
+            this.vm.currentViewMode();
+            this.localeService.activeProfile().localeInfo?.code;
+            const version = ++this.boardTasksLoadVersion;
+            void this.loadBoardTasks(version);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "boardTasksLoadEffect" }] : /* istanbul ignore next */ []));
+        /** Re-normalizes filter keys when locale/profile changes (titles must not drive filtering). */
+        this.localeFilterRefreshEffect = effect(() => {
+            const profileCode = this.localeService.activeProfile().localeInfo?.code ?? '';
+            if (!profileCode || this.vm.isLoading() || !this.filtersPanelInitialized) {
+                return;
+            }
+            const previousCode = this.lastLocaleProfileCode;
+            this.lastLocaleProfileCode = profileCode;
+            if (previousCode == null || previousCode === profileCode) {
+                return;
+            }
+            untracked(() => {
+                const taskTypeOptions = this.vm.taskTypeOptions();
+                const normalizedTypes = normalizeTaskTypeFilterNames(this.vm.selectedTaskTypeNames(), taskTypeOptions);
+                if (!isEqual(sortBy(normalizedTypes), sortBy(this.vm.selectedTaskTypeNames()))) {
+                    this.vm.setSelectedTaskTypeNames(normalizedTypes);
+                }
+                void this.vm.reloadTaskTypes({ force: true }).then(() => {
+                    void this.syncPanelInitialFilters();
+                    this.refreshNonce.update((value) => value + 1);
+                });
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "localeFilterRefreshEffect" }] : /* istanbul ignore next */ []));
+        this.refreshEffect = effect(() => {
+            this.vm.selectedTaskTypeNames();
+            this.vm.selectedAssigneeIds();
+            this.vm.selectedReporterIds();
+            this.vm.effectiveColorBy();
+            this.vm.currentDate();
+            this.vm.daysCount();
+            this.localeService.activeProfile().localeInfo?.code;
+            this.refreshNonce();
+            void this.getResources();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "refreshEffect" }] : /* istanbul ignore next */ []));
+        this.calendarEventTypeRefreshEffect = effect(() => {
+            this.vm.selectedCalendarEventTypeIds();
+            this.localeService.activeProfile().localeInfo?.code;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "calendarEventTypeRefreshEffect" }] : /* istanbul ignore next */ []));
+        this.calendarLocalizationEffect = effect(() => {
+            this.localeService.activeProfile().localeInfo?.code;
+            void this.loadCalendarFilterOptions();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "calendarLocalizationEffect" }] : /* istanbul ignore next */ []));
+        this.getCellClass = (date) => {
+            const currentView = this.vm.currentViewMode();
+            const selectionStartDate = this.vm.rangeStartDate();
+            if (!this.usesNavigatorRangeSelection(currentView)) {
+                const currentDay = this.calendarService.create(this.vm.currentDate());
+                if (date.equal(currentDay, 'day')) {
+                    return 'ax-range-start ax-range-end';
+                }
+                return null;
+            }
+            if (this.modifierRangeBasedViews.includes(currentView) || this.alwaysRangeBasedViews.includes(currentView)) {
+                if (selectionStartDate) {
+                    const axSelectionStartDate = this.calendarService.create(selectionStartDate);
+                    if (date.equal(axSelectionStartDate, 'day')) {
+                        return 'ax-range-start ax-range-end';
+                    }
+                    return null;
+                }
+                const fromRange = this.calendarService.create(this.vm.currentDate());
+                const endRange = fromRange.add('day', this.vm.daysCount() - 1);
+                const isStart = date.equal(fromRange, 'day');
+                const isEnd = date.equal(endRange, 'day');
+                if (isStart && isEnd)
+                    return 'ax-range-start ax-range-end';
+                if (isStart)
+                    return 'ax-range-start';
+                if (isEnd)
+                    return 'ax-range-end';
+                if (date.compare(fromRange, 'day') > 0 && date.compare(endRange, 'day') < 0) {
+                    return 'ax-range-between';
+                }
+                return null;
+            }
+            if (currentView === 'week') {
+                const from = this.calendarService.create(this.vm.currentDate());
+                const end = from.add('day', 6);
+                if (date.equal(from, 'day'))
+                    return 'ax-range-start';
+                if (date.equal(end, 'day'))
+                    return 'ax-range-end';
+                if (date.compare(from, 'day') > 0 && date.compare(end, 'day') < 0) {
+                    return 'ax-range-between';
+                }
+            }
+            return null;
+        };
+        this.isNonCalendarView = computed(() => {
+            const mode = this.vm.currentViewMode();
+            return mode === 'kanban' || mode === 'grid' || mode === 'status-grouped-grid';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isNonCalendarView" }] : /* istanbul ignore next */ []));
+    }
+    enrichTasks(tasks) {
+        return enrichTaskBoardTasks(tasks, this.vm.effectiveColorBy(), this.dueStatusProviderService);
+    }
+    async enrichTasksForViews(tasks) {
+        const labeled = await resolveTaskBoardSchedulerLabels(tasks, this.translateService, this.formatService, this.settingsService);
+        return this.enrichTasks(labeled);
+    }
+    async ngOnInit() {
+        await super.ngOnInit();
+        this.taskBoardService.refresh$.subscribe(async () => {
+            await this.reloadTaskBoardData();
+        });
+        await this.vm.initialize();
+        const calendars = await this.loadCalendarFilterOptions();
+        await this.loadFromRoute();
+        if (this.activatedRoute.snapshot.queryParamMap.has('calendarEvent')) {
+            void this.router.navigate([], {
+                queryParams: { calendarEvent: null },
+                queryParamsHandling: 'merge',
+                replaceUrl: true,
+            });
+        }
+        if (this.vm.selectedCalendarEventTypeIds().length === 0 && calendars.length > 0) {
+            this.vm.setSelectedCalendarEventTypeIds(calendars.map((calendar) => calendar.id));
+        }
+        this.filtersReady.set(true);
+        this.isReady.set(true);
+        this.registerKeyboardShortcuts();
+        await this.getResources();
+        this.router.events
+            .pipe(this.unsubscribe.takeUntilDestroy, filter((event) => event instanceof NavigationEnd))
+            .subscribe(() => {
+            void this.loadFromRoute();
+        });
+        this.taskBoardService.openTask$.subscribe(async ({ task, provider, instanceId, activityId }) => {
+            let match = task;
+            if (!match && instanceId && activityId) {
+                match = this.boardTasksRaw().find((t) => {
+                    const data = t.data;
+                    return data?.instanceId === instanceId && data?.activityId === activityId;
+                });
+            }
+            if (!match) {
+                return;
+            }
+            this.vm.selectTask({
+                ...match,
+                provider: match.provider ?? provider,
+            });
+        });
+    }
+    async getPageTitle() {
+        const category = this.vm.currentViewCategory();
+        const layout = this.vm.getLayoutForCategory(category);
+        return await this.translateService.translateAsync(this.viewPageTitleTranslationKey(category, layout));
+    }
+    getTitleActions() {
+        const currentCategory = this.vm.currentViewCategory();
+        return this.vm.visibleViewCategories().map((category) => ({
+            title: this.viewCategoryTranslationKey(category),
+            icon: currentCategory === category ? 'fa-check' : '',
+            command: {
+                name: 'task-board-category',
+                metadata: { category, isSelected: currentCategory === category, hideSelectionCheckSuffix: true },
+            },
+        }));
+    }
+    async getPageBreadcrumbs() {
+        return [
+            {
+                title: await this.translateService.translateAsync('@task-management:task-board.page-title'),
+            },
+        ];
+    }
+    async getPrimaryMenuItems() {
+        return [
+        // {
+        //   ...getActionButton('refresh'),
+        //   command: { name: 'refresh' },
+        // },
+        ];
+    }
+    async execute(command) {
+        if (command.name === 'task-board-category') {
+            const category = command.metadata?.['category'];
+            if (category) {
+                this.applyViewCategory(category);
+            }
+            return;
+        }
+        // if (command.name === 'refresh') {
+        //   this.taskBoardService.requestRefresh();
+        // }
+    }
+    schedulerComponentChanged(component) {
+        this.schedulerComponent.set(component);
+    }
+    async reloadTaskBoardData() {
+        this.taskBoardService.invalidateTaskCache();
+        await this.vm.reloadTaskTypes();
+        if (this.filtersPanelInitialized) {
+            await this.syncPanelInitialFilters();
+        }
+        await this.getResources();
+        const version = ++this.boardTasksLoadVersion;
+        await this.loadBoardTasks(version);
+    }
+    async loadBoardTasks(expectedVersion) {
+        const filter = this.buildBoardFetchFilter();
+        const result = await this.taskBoardService.getTasks(filter);
+        if (expectedVersion !== this.boardTasksLoadVersion) {
+            return;
+        }
+        const enriched = await this.enrichTasksForViews(result.items);
+        if (expectedVersion !== this.boardTasksLoadVersion) {
+            return;
+        }
+        this.boardTasksRaw.set(enriched);
+        this.applyBoardTasksForCurrentView(enriched);
+        this.rebuildDayDataCacheFromTasks(enriched);
+        this.refreshNonce.update((value) => value + 1);
+    }
+    buildBoardFetchFilter() {
+        const pageFilter = this.filter();
+        const navigatorRange = this.getNavigatorDataRange();
+        const pageRange = pageFilter.range;
+        if (!pageRange) {
+            return { ...pageFilter, range: navigatorRange };
+        }
+        return {
+            ...pageFilter,
+            range: {
+                from: pageRange.from < navigatorRange.from ? pageRange.from : navigatorRange.from,
+                end: pageRange.end > navigatorRange.end ? pageRange.end : navigatorRange.end,
+            },
+        };
+    }
+    getNavigatorDataRange() {
+        const currentDate = this.vm.currentDate();
+        const depth = this.calendarDepth();
+        if (depth === 'month') {
+            return {
+                from: this.calendarService.create(currentDate).startOf('year').date,
+                end: this.calendarService.create(currentDate).endOf('year').date,
+            };
+        }
+        return {
+            from: this.calendarService.create(currentDate).startOf('month').date,
+            end: this.calendarService.create(currentDate).endOf('month').date,
+        };
+    }
+    applyBoardTasksForCurrentView(tasks) {
+        const viewRange = this.filter().range;
+        const visible = viewRange ? filterTasksOverlappingRange(tasks, viewRange) : tasks;
+        this.boardTasks.set(visible);
+        this.validateSelectedTask(visible);
+        const viewMode = this.vm.currentViewMode();
+        if (viewMode === 'kanban' || viewMode === 'status-grouped-grid') {
+            this.resolvedTasks.set(visible);
+        }
+    }
+    reEnrichBoardTasksFromRaw() {
+        const raw = this.boardTasksRaw();
+        if (raw.length === 0) {
+            return;
+        }
+        const reEnriched = this.enrichTasks(raw);
+        this.boardTasksRaw.set(reEnriched);
+        this.applyBoardTasksForCurrentView(reEnriched);
+        this.rebuildDayDataCacheFromTasks(reEnriched);
+    }
+    async handleContextMenuOnOpening(event) {
+        const currentTask = this.currentTask();
+        if (!currentTask)
+            return;
+        const providerName = currentTask.provider;
+        if (!providerName)
+            return;
+        const provider = this.taskBoardService.getProvider(providerName);
+        if (!provider)
+            return;
+        const actions = await provider.getActions(currentTask);
+        for (const item of actions) {
+            const t = item.title;
+            const text = typeof t === 'string'
+                ? t.startsWith('@')
+                    ? await this.translateService.translateAsync(t)
+                    : t
+                : this.translateService.resolve(t);
+            event.items.push({
+                text,
+                icon: item.icon,
+                color: item.color,
+                break: item.break,
+                data: {
+                    command: item.command,
+                },
+            });
+        }
+    }
+    handleContextMenu(event) {
+        this.currentTask.set(event.task);
+        const x = event.nativeEvent.clientX;
+        const y = event.nativeEvent.clientY;
+        const element = event.nativeEvent.target;
+        this.contextMenu()?.showAt({ x, y }, element);
+    }
+    handleMonthSlotDblClicked(date) {
+        this.vm.setCurrentDate(date);
+        this.vm.setViewLayout('calendar', 'daily');
+    }
+    viewCategoryTranslationKey(category) {
+        return `@task-management:task-board.${category}`;
+    }
+    viewPageTitleTranslationKey(category, layout) {
+        if (category === 'kanban') {
+            return '@task-management:task-board.view-page-title.kanban';
+        }
+        if (layout) {
+            return `@task-management:task-board.view-page-title.${category}.${layout}`;
+        }
+        return this.viewCategoryTranslationKey(category);
+    }
+    viewLayoutTranslationKey(layoutText) {
+        return `@task-management:task-board.view.${layoutText}`;
+    }
+    isViewLayoutSelected(layout) {
+        return this.selectedViewLayout() === layout;
+    }
+    handleViewLayoutChange(layout) {
+        this.vm.setViewLayout(this.vm.currentViewCategory(), layout);
+        void this.navigateViewState();
+        this.recompute();
+    }
+    applyViewCategory(category) {
+        const previousCategory = this.vm.currentViewCategory();
+        const previousMode = this.vm.currentViewMode();
+        if (isTaskBoardRangeFilterCategory(category) && !isTaskBoardRangeFilterCategory(previousCategory)) {
+            this.applySmartDateRangeFromNavigator(previousMode);
+        }
+        this.vm.setViewCategory(category);
+        void this.navigateViewState();
+        this.popover()?.close();
+        this.recompute();
+    }
+    applySmartDateRangeFromNavigator(sourceViewMode) {
+        const range = deriveTaskBoardDateRangeFromNavigator(this.calendarService, sourceViewMode, this.vm.currentDate(), this.vm.daysCount());
+        applyTaskBoardDateRangeToViewModel(range, (date) => this.vm.setCurrentDate(date), (days) => this.vm.setDaysCount(days));
+    }
+    navigateViewState() {
+        const queryParams = this.buildFilterQueryParams();
+        if (areTaskBoardQueryParamsEquivalent(this.activatedRoute.snapshot.queryParamMap, queryParams)) {
+            return;
+        }
+        void this.router.navigate([], {
+            queryParams,
+            queryParamsHandling: 'merge',
+        });
+    }
+    toggleSettingsPanel() {
+        this.isSettingsPanelOpen.update((open) => !open);
+    }
+    closeSettingsPanel() {
+        this.isSettingsPanelOpen.set(false);
+    }
+    async loadSettingsPanelCopy() {
+        const [title, colorBy, calendars] = await Promise.all([
+            this.translationService.translateAsync('@task-management:task-board.settings.title'),
+            this.translationService.translateAsync('@task-management:task-board.settings.color-by'),
+            this.translationService.translateAsync('@task-management:task-board.filter.calendars'),
+        ]);
+        this.settingsPanelCopy.set({
+            title: title ?? '',
+            colorBy: colorBy ?? '',
+            calendars: calendars ?? '',
+        });
+    }
+    handleCalendarEventTypesSelectionChange(event) {
+        if (!event.isUserInteraction) {
+            return;
+        }
+        const next = Array.isArray(event.value)
+            ? event.value.map(String)
+            : event.value != null
+                ? [String(event.value)]
+                : [];
+        this.vm.setSelectedCalendarEventTypeIds(next);
+    }
+    handleFiltersChanged(filters) {
+        if (!this.filtersPanelInitialized) {
+            return;
+        }
+        // User-driven filter changes should persist and override URL-seeded state.
+        this.isQueryParam.set(false);
+        const typeFilter = filters.find((f) => f.field === 'type');
+        const assigneeFilter = filters.find((f) => f.field === 'assignee');
+        const reporterFilter = filters.find((f) => f.field === 'reporter');
+        this.syncTaskTypesToViewModel(typeFilter?.value);
+        if (this.canFilterByAllAssignees()) {
+            this.syncAssigneesToViewModel(assigneeFilter?.value);
+        }
+        this.syncReportersToViewModel(reporterFilter?.value);
+        void this.navigateViewState();
+    }
+    async syncPanelInitialFilters() {
+        this.panelInitialFilters.set(await this.buildInitialFiltersFromViewModel());
+    }
+    async buildInitialFiltersFromViewModel() {
+        const filters = [];
+        const types = this.vm.selectedTaskTypeNames();
+        const assignees = this.vm.selectedAssigneeIds();
+        const reporters = this.vm.selectedReporterIds();
+        if (types.length > 0) {
+            const typeValue = this.isMultiSelectTaskTypeEnabled() ? types : types[0];
+            filters.push({
+                field: 'type',
+                operator: { type: 'equal' },
+                value: typeValue,
+                displayText: await this.resolveSelectFilterDisplayText(AXMTaskManagementQueryKeys.ListTaskTypes, 'name', 'title', typeValue),
+            });
+        }
+        if (this.canFilterByAllAssignees() && assignees.length > 0) {
+            filters.push({
+                field: 'assignee',
+                operator: { type: 'equal' },
+                value: assignees,
+                displayText: await this.resolveSelectFilterDisplayText(AXMTaskManagementQueryKeys.TaskBoardAssignees, 'id', 'displayName', assignees),
+            });
+        }
+        if (reporters.length > 0) {
+            filters.push({
+                field: 'reporter',
+                operator: { type: 'equal' },
+                value: reporters,
+                displayText: await this.resolveSelectFilterDisplayText(AXMTaskManagementQueryKeys.TaskBoardReporters, 'id', 'displayName', reporters),
+            });
+        }
+        return filters;
+    }
+    async resolveSelectFilterDisplayText(dataSourceName, valueField, textField, values) {
+        const ids = Array.isArray(values) ? values : values != null && values !== '' ? [values] : [];
+        if (ids.length === 0) {
+            return '';
+        }
+        if (!this.queryService.exists(dataSourceName)) {
+            return ids.map((id) => String(this.unwrapFilterValue(id))).join(', ');
+        }
+        const labels = await Promise.all(ids.map(async (id) => {
+            const rawId = this.unwrapFilterValue(id);
+            const result = await this.queryService.fetch(dataSourceName, {
+                skip: 0,
+                take: 1,
+                filter: {
+                    field: valueField,
+                    operator: { type: 'equal' },
+                    value: rawId,
+                },
+            });
+            const page = runtimeQueryCollectionData(result);
+            const item = page?.items?.[0];
+            if (item && typeof item === 'object') {
+                const label = item[textField];
+                if (label != null && label !== '') {
+                    return String(label);
+                }
+            }
+            return String(rawId);
+        }));
+        return labels.join(', ');
+    }
+    buildFilterQueryParams() {
+        const types = this.vm.selectedTaskTypeNames();
+        const assignees = this.vm.selectedAssigneeIds();
+        const reporters = this.vm.selectedReporterIds();
+        const category = this.vm.currentViewCategory();
+        const layout = this.vm.getLayoutForCategory(category);
+        const canFilterByAll = this.canFilterByAllAssignees();
+        return {
+            view: category,
+            layout: layout ?? null,
+            type: types.length > 0 ? types : null,
+            assignee: canFilterByAll && assignees.length > 0 ? assignees.map(String) : null,
+            reporter: reporters.length > 0 ? reporters.map(String) : null,
+            calendarEvent: null,
+        };
+    }
+    unwrapFilterValue(value) {
+        let v = value;
+        while (v != null && typeof v === 'object' && !Array.isArray(v) && 'value' in v) {
+            v = v['value'];
+        }
+        return v;
+    }
+    normalizeStringArrayFilterValue(value) {
+        const v = this.unwrapFilterValue(value);
+        if (v == null || v === '') {
+            return [];
+        }
+        if (Array.isArray(v)) {
+            return v
+                .filter((item) => item != null)
+                .map((item) => {
+                if (typeof item === 'string') {
+                    return item;
+                }
+                if (typeof item === 'object' && item != null && 'name' in item) {
+                    return String(item.name);
+                }
+                return String(item);
+            });
+        }
+        if (typeof v === 'object' && v != null && 'name' in v) {
+            return [String(v.name)];
+        }
+        return [String(v)];
+    }
+    normalizeIdArrayFilterValue(value) {
+        const v = this.unwrapFilterValue(value);
+        if (v == null || v === '') {
+            return [];
+        }
+        if (Array.isArray(v)) {
+            return v
+                .filter((item) => item != null)
+                .map((item) => {
+                if (typeof item === 'string' || typeof item === 'number') {
+                    return item;
+                }
+                if (typeof item === 'object' && item != null && 'id' in item) {
+                    return item.id;
+                }
+                return String(item);
+            });
+        }
+        if (typeof v === 'object' && v != null && 'id' in v) {
+            return [v.id];
+        }
+        if (typeof v === 'string' || typeof v === 'number') {
+            return [v];
+        }
+        return [String(v)];
+    }
+    syncTaskTypesToViewModel(value) {
+        const raw = this.normalizeStringArrayFilterValue(value);
+        const newNames = normalizeTaskTypeFilterNames(raw, this.vm.taskTypeOptions());
+        const currentNames = this.vm.selectedTaskTypeNames();
+        if (!isEqual(sortBy(currentNames), sortBy(newNames))) {
+            this.vm.setSelectedTaskTypeNames(newNames, this.isQueryParam());
+        }
+    }
+    syncAssigneesToViewModel(value) {
+        const newIds = this.normalizeIdArrayFilterValue(value);
+        const currentIds = this.vm.selectedAssigneeIds();
+        if (!isEqual(sortBy(currentIds.map(String)), sortBy(newIds.map(String)))) {
+            // Always persist an explicit UI change (including clearing to "all assignees").
+            this.vm.setSelectedAssigneeIds(newIds, false, true);
+        }
+    }
+    syncReportersToViewModel(value) {
+        const newIds = this.normalizeIdArrayFilterValue(value);
+        const currentIds = this.vm.selectedReporterIds();
+        if (!isEqual(sortBy(currentIds.map(String)), sortBy(newIds.map(String)))) {
+            this.vm.setSelectedReporterIds(newIds, this.isQueryParam());
+        }
+    }
+    handleColorBySelectionChange(event) {
+        if (!event.isUserInteraction) {
+            return;
+        }
+        this.handleColorByChange(event.value);
+    }
+    handleColorByChange(key) {
+        this.vm.setColorBy(key);
+        this.reEnrichBoardTasksFromRaw();
+        this.refreshNonce.update((value) => value + 1);
+    }
+    isMultiSelectTaskTypeEnabled() {
+        const viewMode = this.vm.currentViewMode();
+        return viewMode !== 'kanban' && viewMode !== 'status-grouped-grid';
+    }
+    async loadCalendarFilterOptions() {
+        const calendars = await this.taskBoardService.getCalendarEventTypes();
+        this.calendarEventTypes.set(calendars.map((calendar) => ({
+            id: calendar.id,
+            title: calendar.title,
+        })));
+        return calendars;
+    }
+    rebuildDayDataCacheFromTasks(tasks) {
+        const navigatorRange = this.getNavigatorDataRange();
+        const tasksInNavigatorRange = filterTasksOverlappingRange(tasks, navigatorRange);
+        const dayCountMap = new Map();
+        tasksInNavigatorRange.forEach((task) => {
+            const taskStart = new Date(task.startDate);
+            const taskEnd = new Date(task.endDate);
+            const startDay = this.calendarService.create(taskStart).startOf('day');
+            const endDay = this.calendarService.create(taskEnd).startOf('day');
+            let currentDay = startDay;
+            while (currentDay.compare(endDay, 'day') <= 0) {
+                const dayKey = currentDay.format('YYYY-MM-DD');
+                dayCountMap.set(dayKey, (dayCountMap.get(dayKey) || 0) + 1);
+                currentDay = currentDay.add('day', 1);
+            }
+        });
+        this.dayDataCache.set(dayCountMap);
+        this.calendar()?.render();
+    }
+    async resolveNavigatorTimeText() {
+        const formatted = this.formatNavigatorDateText();
+        return this.resolveFormattedDateTimeLabels(formatted);
+    }
+    /** Resolves leftover `dateTime.*` tokens via translateAsync (translateSync may run before acorex scope loads). */
+    async resolveFormattedDateTimeLabels(formatted) {
+        const keyPattern = /(?:@acorex:)?dateTime\.[A-Za-z0-9._-]+/g;
+        const matches = [...new Set(formatted.match(keyPattern) ?? [])];
+        if (matches.length === 0) {
+            return formatted;
+        }
+        let result = formatted;
+        for (const match of matches) {
+            const key = match.startsWith('@') ? match : `@acorex:${match}`;
+            const translated = await this.translateService.translateAsync(key);
+            result = result.replaceAll(match, translated);
+        }
+        return result;
+    }
+    /**
+     * Builds toolbar navigator date text with calendar-aware AXDateTime tokens.
+     * Month/weekday tokens may remain as i18n keys until {@link resolveFormattedDateTimeLabels} runs.
+     */
+    formatNavigatorDateText() {
+        const currentDate = this.vm.currentDate();
+        if (!currentDate) {
+            return '';
+        }
+        const calendarSystem = this.calendarType();
+        const formatOptions = { locale: calendarSystem };
+        const axDate = this.calendarService.create(currentDate, calendarSystem);
+        const viewMode = this.vm.currentViewMode();
+        if (viewMode === 'grid') {
+            // List/grid is locked to the current month, so the navigator shows the month label.
+            return axDate.format('MMMM yyyy', formatOptions);
+        }
+        if (viewMode === 'kanban' || viewMode === 'status-grouped-grid') {
+            const startText = axDate.format('DD MMMM yyyy', formatOptions);
+            if (this.vm.daysCount() <= 1) {
+                return startText;
+            }
+            const endText = axDate.add('day', this.vm.daysCount() - 1).format('DD MMMM yyyy', formatOptions);
+            return `${startText} - ${endText}`;
+        }
+        switch (viewMode) {
+            case 'day':
+            case 'timeline-day':
+                return axDate.format('DD MMMM yyyy', formatOptions);
+            case 'week': {
+                const startText = axDate.format('DD MMMM yyyy', formatOptions);
+                const endText = axDate.add('week', 1).add('day', -1).format('DD MMMM yyyy', formatOptions);
+                return `${startText} - ${endText}`;
+            }
+            case 'agenda':
+            case 'timeline-weekly': {
+                const startText = axDate.format('DD MMMM yyyy', formatOptions);
+                const endText = axDate.add('day', this.vm.daysCount() - 1).format('DD MMMM yyyy', formatOptions);
+                return `${startText} - ${endText}`;
+            }
+            case 'month':
+            case 'timeline-month':
+                return axDate.format('MMMM yyyy', formatOptions);
+            case 'timeline-year':
+                return axDate.format('yyyy', formatOptions);
+            default:
+                return '';
+        }
+    }
+    /** Normalizes ax-calendar slot labels (e.g. `dateTime.months.*`) for the translate pipe. */
+    toAcorexTranslationKey(text) {
+        if (text == null || text === '') {
+            return '';
+        }
+        const value = String(text);
+        if (value.startsWith('@')) {
+            return value;
+        }
+        if (value.startsWith('dateTime.')) {
+            return `@acorex:${value}`;
+        }
+        return value;
+    }
+    isDateTimeTranslationKey(text) {
+        if (text == null) {
+            return false;
+        }
+        const value = String(text);
+        return value.startsWith('@') || value.startsWith('dateTime.');
+    }
+    getDayDataCount(date) {
+        if (!date) {
+            return 0;
+        }
+        try {
+            // Get the native Date object from AXDateTime
+            const dateObj = date.date || date._date;
+            if (!dateObj) {
+                return 0;
+            }
+            // Create a new AXDateTime from the date object for consistent formatting
+            const nativeDate = dateObj instanceof Date ? dateObj : new Date(dateObj);
+            const axDate = this.calendarService.create(nativeDate);
+            const dayKey = axDate.format('YYYY-MM-DD');
+            return this.dayDataCache().get(dayKey) || 0;
+        }
+        catch (error) {
+            console.warn('Error getting day data count:', error);
+            return 0;
+        }
+    }
+    /**
+     * Aggregates the day-level data counts for an entire month.
+     * Used by the monthCellTemplate to show badges when the sidebar calendar depth is 'month'.
+     */
+    getMonthDataCount(date) {
+        if (!date) {
+            return 0;
+        }
+        try {
+            const dateObj = date.date || date._date;
+            if (!dateObj) {
+                return 0;
+            }
+            const nativeDate = dateObj instanceof Date ? dateObj : new Date(dateObj);
+            const axDate = this.calendarService.create(nativeDate);
+            const monthStart = axDate.startOf('month');
+            const monthEnd = axDate.endOf('month');
+            let total = 0;
+            let current = monthStart;
+            while (current.compare(monthEnd, 'day') <= 0) {
+                const dayKey = current.format('YYYY-MM-DD');
+                total += this.dayDataCache().get(dayKey) || 0;
+                current = current.add('day', 1);
+            }
+            return total;
+        }
+        catch (error) {
+            console.warn('Error getting month data count:', error);
+            return 0;
+        }
+    }
+    async handleContextMenuItemClick(event) {
+        const command = event.item.data?.command;
+        const provider = this.currentTask()?.provider ?? '';
+        try {
+            if (command) {
+                await this.taskBoardService.executeCommand(command, provider);
+            }
+        }
+        catch (error) {
+            console.error('[TaskBoard] Context menu command failed:', error);
+        }
+        finally {
+            if (command) {
+                this.taskBoardService.requestRefresh(provider || undefined);
+            }
+        }
+    }
+    handleNavigatorRangeModifierDown() {
+        this.navigatorRangeSelectActive.set(true);
+    }
+    handleNavigatorRangeModifierUp() {
+        this.navigatorRangeSelectActive.set(false);
+    }
+    /**
+     * Registers page keyboard shortcuts with the platform shortcut registry.
+     */
+    registerKeyboardShortcuts() {
+        this.registerTaskBoardNavigatorShortcuts();
+        this.registerTaskBoardPanelShortcuts();
+        this.registerTaskBoardViewCategoryShortcuts();
+        this.registerTaskBoardViewLayoutShortcuts();
+    }
+    registerTaskBoardNavigatorShortcuts() {
+        this.shortcutRegistry.register({
+            owner: this.destroyRef,
+            id: 'task-board-navigator',
+            priority: AXPKeyboardShortcutPriority.Page,
+            scope: '@task-management:task-board.page-title',
+            group: '@general:keyboard-shortcuts.groups.navigation',
+            when: () => this.isReady() && this.showToolbarNavigator(),
+            shortcuts: [
+                {
+                    keys: ['arrowleft'],
+                    title: '@task-management:task-board.navigator.previous-period',
+                    allowInEditableFields: true,
+                    handler: () => this.changeDate(false),
+                },
+                {
+                    keys: ['arrowright'],
+                    title: '@task-management:task-board.navigator.next-period',
+                    allowInEditableFields: true,
+                    handler: () => this.changeDate(true),
+                },
+                {
+                    keys: ['alt+t'],
+                    title: '@task-management:task-board.shortcuts.go-to-today',
+                    allowInEditableFields: true,
+                    handler: () => this.handleTodayClick(),
+                },
+            ],
+        });
+    }
+    registerTaskBoardPanelShortcuts() {
+        this.shortcutRegistry.register({
+            owner: this.destroyRef,
+            id: 'task-board-panels-settings',
+            priority: AXPKeyboardShortcutPriority.Page,
+            scope: '@task-management:task-board.page-title',
+            group: '@task-management:task-board.shortcuts.groups.panels',
+            when: () => this.isReady(),
+            shortcuts: [
+                {
+                    keys: ['ctrl+,'],
+                    title: '@task-management:task-board.shortcuts.toggle-settings',
+                    allowInEditableFields: true,
+                    handler: () => this.toggleSettingsPanel(),
+                },
+            ],
+        });
+        this.shortcutRegistry.register({
+            owner: this.destroyRef,
+            id: 'task-board-panels-dismiss',
+            priority: AXPKeyboardShortcutPriority.Page,
+            scope: '@task-management:task-board.page-title',
+            group: '@task-management:task-board.shortcuts.groups.panels',
+            when: () => this.isReady() && this.hasKeyboardDismissTarget(),
+            shortcuts: [
+                {
+                    keys: ['escape'],
+                    title: '@task-management:task-board.shortcuts.dismiss-overlays',
+                    handler: () => this.handleKeyboardDismiss(),
+                },
+            ],
+        });
+    }
+    registerTaskBoardViewCategoryShortcuts() {
+        const categories = ['calendar', 'timeline', 'table', 'kanban'];
+        const titleKeys = {
+            calendar: '@task-management:task-board.shortcuts.switch-to-calendar',
+            timeline: '@task-management:task-board.shortcuts.switch-to-timeline',
+            table: '@task-management:task-board.shortcuts.switch-to-table',
+            kanban: '@task-management:task-board.shortcuts.switch-to-kanban',
+        };
+        for (let index = 0; index < categories.length; index++) {
+            for (const category of categories) {
+                this.shortcutRegistry.register({
+                    owner: this.destroyRef,
+                    id: `task-board-view-category-${category}-slot-${index + 1}`,
+                    priority: AXPKeyboardShortcutPriority.Page,
+                    scope: '@task-management:task-board.page-title',
+                    group: '@task-management:task-board.shortcuts.groups.views',
+                    when: () => this.isReady() && this.getVisibleViewCategoryByShortcutIndex(index) === category,
+                    shortcuts: [
+                        {
+                            keys: [`alt+${index + 1}`],
+                            title: titleKeys[category],
+                            handler: () => this.switchToViewCategory(category),
+                        },
+                    ],
+                });
+            }
+        }
+    }
+    registerTaskBoardViewLayoutShortcuts() {
+        this.shortcutRegistry.register({
+            owner: this.destroyRef,
+            id: 'task-board-view-layout',
+            priority: AXPKeyboardShortcutPriority.Page,
+            scope: '@task-management:task-board.page-title',
+            group: '@task-management:task-board.shortcuts.groups.views',
+            when: () => this.isReady() && this.canCycleViewLayout(),
+            shortcuts: [
+                {
+                    keys: ['['],
+                    title: '@task-management:task-board.shortcuts.previous-layout',
+                    handler: () => this.cycleViewLayout(false),
+                },
+                {
+                    keys: [']'],
+                    title: '@task-management:task-board.shortcuts.next-layout',
+                    handler: () => this.cycleViewLayout(true),
+                },
+            ],
+        });
+    }
+    getVisibleViewCategoryByShortcutIndex(index) {
+        return this.vm.visibleViewCategories()[index] ?? null;
+    }
+    switchToViewCategory(category) {
+        if (!this.vm.visibleViewCategories().includes(category)) {
+            return;
+        }
+        if (this.vm.currentViewCategory() !== category) {
+            this.applyViewCategory(category);
+        }
+    }
+    canCycleViewLayout() {
+        return this.showViewLayoutSwitcher() && this.viewLayoutItems().length > 1;
+    }
+    cycleViewLayout(forward) {
+        const items = this.viewLayoutItems();
+        if (items.length <= 1) {
+            return;
+        }
+        const currentLayout = this.selectedViewLayout();
+        const currentIndex = items.findIndex((item) => item.key === currentLayout);
+        const safeIndex = currentIndex >= 0 ? currentIndex : 0;
+        const offset = forward ? 1 : -1;
+        const nextIndex = (safeIndex + offset + items.length) % items.length;
+        this.handleViewLayoutChange(items[nextIndex].key);
+    }
+    hasKeyboardDismissTarget() {
+        return (this.isSettingsPanelOpen() ||
+            this.popover()?.isOpen === true ||
+            this.vm.isDetailPanelOpen() ||
+            this.vm.isTaskSelected());
+    }
+    handleKeyboardDismiss() {
+        if (this.isSettingsPanelOpen()) {
+            this.closeSettingsPanel();
+            return;
+        }
+        if (this.popover()?.isOpen) {
+            this.popover()?.close();
+            return;
+        }
+        if (this.vm.isDetailPanelOpen()) {
+            this.vm.closeDetailPanel();
+            return;
+        }
+        if (this.vm.isTaskSelected()) {
+            this.vm.clearSelectedTask();
+        }
+    }
+    isModifierRangeNavigatorView() {
+        return this.modifierRangeBasedViews.includes(this.vm.currentViewMode());
+    }
+    usesNavigatorRangeSelection(view) {
+        if (this.alwaysRangeBasedViews.includes(view)) {
+            return true;
+        }
+        if (this.modifierRangeBasedViews.includes(view)) {
+            return this.vm.rangeStartDate() != null || this.vm.daysCount() > 1;
+        }
+        return false;
+    }
+    isNavigatorRangeModifierActive(event) {
+        const nativeEvent = event?.nativeEvent;
+        if (nativeEvent instanceof MouseEvent) {
+            return nativeEvent.ctrlKey || nativeEvent.metaKey;
+        }
+        return this.navigatorRangeSelectActive();
+    }
+    normalizeNavigatorDay(date) {
+        const calendarSystem = this.localeService.activeProfile().calendar.system;
+        return this.calendarService.create(date, calendarSystem).startOf('day').date;
+    }
+    applyNavigatorDateRange(start, end) {
+        const startTime = start.getTime();
+        const endTime = end.getTime();
+        const newStartDate = new Date(Math.min(startTime, endTime));
+        const newEndDate = new Date(Math.max(startTime, endTime));
+        const differenceInDays = this.calculateDifferenceInDays(newStartDate, newEndDate);
+        this.vm.setRangeStartDate(null);
+        this.navigatorPlainSingleDaySelected = false;
+        this.vm.setCurrentDate(newStartDate);
+        this.vm.setDaysCount(differenceInDays);
+        this.calendar()?.render();
+    }
+    handleNavigatorRangeSlotClick(clickedDate) {
+        const clickedDay = this.normalizeNavigatorDay(clickedDate);
+        const selectionStartDate = this.vm.rangeStartDate();
+        if (selectionStartDate) {
+            this.applyNavigatorDateRange(selectionStartDate, clickedDay);
+            return;
+        }
+        if (this.navigatorPlainSingleDaySelected && this.vm.daysCount() === 1) {
+            const selectedDay = this.normalizeNavigatorDay(this.vm.currentDate());
+            this.applyNavigatorDateRange(selectedDay, clickedDay);
+            return;
+        }
+        this.vm.setRangeStartDate(clickedDay);
+        this.navigatorPlainSingleDaySelected = false;
+        this.calendar()?.render();
+    }
+    handleNavigatorSingleDaySlotClick(clickedDate) {
+        const dateToSet = this.normalizeNavigatorDay(clickedDate);
+        this.vm.setRangeStartDate(null);
+        this.navigatorPlainSingleDaySelected = true;
+        this.vm.setCurrentDate(dateToSet);
+        this.vm.setDaysCount(1);
+        this.popover()?.close();
+        this.calendar()?.render();
+    }
+    changeDate(forward) {
+        this.navigatorPlainSingleDaySelected = false;
+        const date = this.calendarService.create(this.vm.currentDate(), this.localeService.activeProfile().calendar.system);
+        switch (this.vm.currentViewMode()) {
+            case 'day':
+            case 'timeline-day':
+                this.vm.setCurrentDate(date.add('day', forward ? 1 : -1).date);
+                break;
+            case 'week':
+                this.vm.setCurrentDate(date.add('week', forward ? 1 : -1).date);
+                break;
+            case '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 'grid':
+            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();
+    }
+    handleCalendarSlotClick(event) {
+        if (event.component.activeView !== event.component.depth)
+            return;
+        const clickedDate = event.item;
+        const currentView = this.vm.currentViewMode();
+        if (this.modifierRangeBasedViews.includes(currentView)) {
+            if (this.isNavigatorRangeModifierActive(event)) {
+                this.handleNavigatorRangeSlotClick(clickedDate);
+            }
+            else {
+                this.handleNavigatorSingleDaySlotClick(clickedDate);
+            }
+            return;
+        }
+        if (this.alwaysRangeBasedViews.includes(currentView)) {
+            this.handleNavigatorRangeSlotClick(clickedDate);
+            return;
+        }
+        const calendarSystem = this.localeService.activeProfile().calendar.system;
+        let dateToSet = this.calendarService.create(clickedDate, calendarSystem).startOf('day').date;
+        if (currentView === 'week') {
+            const weekDate = this.calendarService.create(dateToSet, calendarSystem);
+            dateToSet = weekDate.startOf('week').date;
+        }
+        this.vm.setCurrentDate(dateToSet);
+        this.popover()?.close();
+        this.calendar()?.render();
+    }
+    /**
+     * Helper function to calculate the difference in whole days between two dates.
+     * The result is inclusive (e.g., May 5 to May 6 is a 2-day range).
+     */
+    calculateDifferenceInDays(start, end) {
+        if (!start || !end) {
+            return 1;
+        }
+        const startDate = new Date(start.getFullYear(), start.getMonth(), start.getDate());
+        const endDate = new Date(end.getFullYear(), end.getMonth(), end.getDate());
+        const timeDifference = endDate.getTime() - startDate.getTime();
+        const daysDifference = Math.round(timeDifference / (1000 * 3600 * 24));
+        return daysDifference + 1;
+    }
+    handleTodayClick() {
+        this.vm.setRangeStartDate(null);
+        this.navigatorPlainSingleDaySelected = false;
+        let currentDate;
+        if (this.vm.currentViewMode() === 'week') {
+            currentDate = this.calendarService
+                .create(new Date(), this.localeService.activeProfile().calendar.system)
+                .startOf('week').date;
+        }
+        else {
+            currentDate = new Date();
+        }
+        this.vm.setCurrentDate(currentDate);
+        if (this.isModifierRangeNavigatorView()) {
+            this.vm.setDaysCount(1);
+        }
+        this.popover()?.close();
+        this.calendar()?.render();
+    }
+    async loadFromRoute() {
+        const snapshot = this.activatedRoute.snapshot.queryParamMap;
+        const viewParam = snapshot.get('view');
+        const layoutParam = snapshot.get('layout');
+        const allowedCategories = new Set(this.vm.visibleViewCategories());
+        const viewBefore = this.vm.currentViewCategory();
+        const layoutBefore = this.vm.getLayoutForCategory(viewBefore);
+        if (viewParam && allowedCategories.has(viewParam)) {
+            const category = viewParam;
+            const layout = resolveTaskBoardCategoryLayoutFromQuery(category, layoutParam);
+            if (layout) {
+                this.vm.setViewLayout(category, layout);
+            }
+            this.vm.setViewCategory(category);
+        }
+        const layoutAfter = this.vm.getLayoutForCategory(this.vm.currentViewCategory());
+        if (viewBefore !== this.vm.currentViewCategory() || layoutBefore !== layoutAfter) {
+            this.recompute();
+        }
+        const type = snapshot.getAll('type');
+        const assignee = snapshot.getAll('assignee');
+        const reporter = snapshot.getAll('reporter');
+        if (type.length || assignee.length || reporter.length) {
+            this.isQueryParam.set(true);
+            this.vm.setSelectedTaskTypeNames(normalizeTaskTypeFilterNames(type, this.vm.taskTypeOptions()), true);
+            this.vm.setSelectedAssigneeIds(assignee, true);
+            this.vm.setSelectedReporterIds(reporter, true);
+        }
+        else if (this.isQueryParam()) {
+            this.isQueryParam.set(false);
+            await this.vm.restoreQueryFiltersFromSettings();
+        }
+        const dateRange = snapshot.get('dateRange');
+        if (dateRange) {
+            const range = this.taskBoardService.rangeCalculator(dateRange);
+            if (range) {
+                this.vm.setCurrentDate(range.from);
+                this.vm.setDaysCount(this.calculateDifferenceInDays(range.from, range.end));
+            }
+        }
+        else if (!this.filtersPanelInitialized && this.isModifierRangeNavigatorView()) {
+            this.vm.setRangeStartDate(null);
+            this.navigatorPlainSingleDaySelected = false;
+            this.vm.setDaysCount(1);
+        }
+        await this.syncPanelInitialFilters();
+        this.filtersPanelInitialized = true;
+    }
+    /**
+     * Checks if the currently selected task is still present in the list of visible tasks.
+     * If not, it clears the selection to prevent showing details for a hidden task.
+     * @param visibleTasks The new array of tasks that will be displayed.
+     */
+    validateSelectedTask(visibleTasks) {
+        const currentSelectedTask = this.vm.selectedTask();
+        // Proceed only if a task is actually selected
+        if (currentSelectedTask) {
+            // Check if any task in the new list has the same ID as the selected one
+            const isSelectedTaskVisible = visibleTasks.some((task) => task.id === currentSelectedTask.id);
+            // If the selected task is NOT in the new list, clear the selection.
+            if (!isSelectedTaskVisible) {
+                this.vm.selectTask(null);
+            }
+        }
+    }
+    async getResources() {
+        if (this.vm.selectedTaskTypeNames().length !== 1) {
+            this.resources.set([]);
+            return;
+        }
+        const resources = await this.taskBoardService.getResources(this.vm.selectedTaskTypeNames()[0] ?? '');
+        this.resources.set(resources);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMTaskBoardPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMTaskBoardPage, isStandalone: true, selector: "ng-component", host: { listeners: { "document:keydown.control": "handleNavigatorRangeModifierDown()", "document:keyup.control": "handleNavigatorRangeModifierUp()" } }, providers: [
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXMTaskBoardPage,
+            },
+        ], viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, isSignal: true }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, isSignal: true }, { propertyName: "contextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Task board page shell -->\n<axp-page-layout *translate=\"let t\">\n  <!-- Toolbar: date navigator, filters, view layout, and settings -->\n  <axp-page-toolbar class=\"axm-task-board-toolbar\"\n    [class.axm-task-board-toolbar--stack-filters]=\"!deviceService.isLarge()\">\n    <div class=\"axm-task-board-toolbar__primary-row\">\n      <axp-layout-prefix class=\"flex min-w-0 flex-nowrap items-center gap-2\"\n        [class.flex-1]=\"deviceService.isLarge()\">\n        <!-- Date navigator with calendar popover -->\n        @if (showToolbarNavigator()) {\n        <div class=\"scheduler-header shrink-0 w-max ax-sm sm:ax-md\">\n          <ax-button look=\"blank\" (onClick)=\"changeDate(false)\">\n            <ax-icon class=\"ax-icon text-xl ax-icon-chevron-left arrow-icon\"></ax-icon>\n          </ax-button>\n          <ax-button look=\"blank\" [text]=\"navigatorTimeText()\" #date></ax-button>\n          <ax-button look=\"blank\" (onClick)=\"changeDate(true)\">\n            <ax-icon class=\"ax-icon text-xl ax-icon-chevron-right arrow-icon\"></ax-icon>\n          </ax-button>\n          <!-- TODO(acorex-ui): Do not wrap ax-calendar in @for/@if here \u2014 ax-popover requires a direct projected child.\n               Week layout comes from AXCalendarService (AXPRegionalCalendarService); navigatorCalendarLayoutEffect re-renders on profile/calendar changes.\n               Remove manual render() when ax-calendar reacts to calendar service week layout changes.\n               See README.md in this folder. -->\n          <ax-popover [target]=\"date\" [placement]=\"'bottom'\" #popover [adaptivityEnabled]=\"true\">\n            <ax-calendar #calendar [type]=\"calendarType()\" [depth]=\"calendarDepth()\" [cellClass]=\"getCellClass\"\n              [ngModel]=\"currentDateForCalendar()\" [dayCellTemplate]=\"dayCellTemplate\"\n              [monthCellTemplate]=\"monthCellTemplate\"\n              class=\"single-range-calendar border rounded-lg\"\n              (onSlotClick)=\"handleCalendarSlotClick($event)\">\n              <ax-footer>\n                <ax-button look=\"link\" color=\"primary\" [text]=\"(todayButtonTextKey() | translate | async)!\"\n                  (onClick)=\"handleTodayClick()\"></ax-button>\n              </ax-footer>\n            </ax-calendar>\n          </ax-popover>\n        </div>\n        }\n\n        <!-- Inline query filters (large screens only) -->\n        @if (deviceService.isLarge() && filtersReady()) {\n        <axp-query-filters class=\"axm-task-board-toolbar__filters-inline\" [filtersDefinitions]=\"filterDefinitions()\"\n          [initialFilters]=\"panelInitialFilters()\" (onFiltersChanged)=\"handleFiltersChanged($event)\"></axp-query-filters>\n        }\n      </axp-layout-prefix>\n\n      <axp-layout-suffix class=\"flex shrink-0 gap-2\">\n        <!-- View layout switcher (kanban, grid, calendar, etc.) -->\n        @if (showViewLayoutSwitcher()) {\n        <ax-button class=\"axm-task-board-toolbar__view-layout-dropdown\" look=\"outline\"\n          [text]=\"(selectedViewLayoutTitleKey() | translate | async)!\">\n          <ax-prefix>\n            <ax-icon [icon]=\"selectedViewLayoutIcon()\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for (item of viewLayoutItems(); track item.key) {\n              <ax-button-item [text]=\"(viewLayoutTranslationKey(item.text) | translate | async)!\"\n                (onClick)=\"handleViewLayoutChange(item.key)\">\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-check\" class=\"axm-task-board-toolbar__dropdown-menu-check\"\n                    [class.--placeholder]=\"!isViewLayoutSelected(item.key)\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        }\n\n        <!-- Settings panel toggle with active calendar-type badge -->\n        <div class=\"axm-task-board-toolbar__settings-slot\">\n          <ax-button class=\"axm-task-board-toolbar__settings-button\" look=\"outline\" [iconOnly]=\"true\"\n            [title]=\"('@task-management:task-board.settings.title' | translate | async)!\"\n            (onClick)=\"toggleSettingsPanel()\">\n            <ax-prefix>\n              <ax-icon [icon]=\"isSettingsPanelOpen() ? 'fa-solid fa-gear' : 'fa-light fa-gear'\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n          @if (selectedCalendarEventTypeCount() > 0) {\n          <div class=\"axm-task-board-toolbar__settings-badge\" [class.--xs]=\"selectedCalendarEventTypeCount() > 9\">\n            <ax-badge color=\"primary\" [text]=\"selectedCalendarEventTypeCount().toString()\"></ax-badge>\n          </div>\n          }\n        </div>\n      </axp-layout-suffix>\n    </div>\n\n    <!-- Stacked query filters (small screens) -->\n    @if (!deviceService.isLarge() && filtersReady()) {\n    <div class=\"axm-task-board-toolbar__filters-row\">\n      <axp-query-filters [filtersDefinitions]=\"filterDefinitions()\" [initialFilters]=\"panelInitialFilters()\"\n        (onFiltersChanged)=\"handleFiltersChanged($event)\"></axp-query-filters>\n    </div>\n    }\n  </axp-page-toolbar>\n\n  <axp-page-content class=\"flex flex-row gap-2 min-h-0\">\n    <div class=\"axm-task-board-main flex flex-row gap-4 flex-1 min-w-0 min-h-0 relative\">\n    <div class=\"axm-task-board-main__content flex flex-row gap-2 flex-1 min-w-0 min-h-0\">\n    @if (isReady()) {\n    <!-- Active view: kanban, grid, status-grouped grid, or calendar/scheduler -->\n    @switch (vm.currentViewMode()) {\n    @case ('kanban') {\n    <axm-task-board-kanban-view class=\"axp-kanban-container h-full w-full min-w-0\" [(tasks)]=\"resolvedTasks\"\n      (onTaskClick)=\"vm.selectTask($event)\" (onActionClick)=\"handleContextMenu($event)\"></axm-task-board-kanban-view>\n    }\n    @case ('grid') {\n    <axm-task-board-grid-view class=\"h-full w-full min-w-0\" [dataSource]=\"gridDataSource\"\n      [refreshNonce]=\"refreshNonce()\" (onTaskClick)=\"vm.selectTask($event)\"></axm-task-board-grid-view>\n    }\n    @case ('status-grouped-grid') {\n    <axm-task-board-status-grouped-grid-view class=\"flex flex-col gap-2 w-full min-w-0\"\n      [dataSource]=\"gridDataSource\" [refreshNonce]=\"refreshNonce()\"\n      (onTaskClick)=\"vm.selectTask($event)\"></axm-task-board-status-grouped-grid-view>\n    }\n    @default {\n    <axm-task-board-calendar-view class=\"axp-scheduler-container h-full w-full min-w-0\"\n      [resources]=\"resources()\" [startingDate]=\"vm.currentDate()\" [dataSource]=\"schedulerDataSource\"\n      [refreshNonce]=\"refreshNonce()\" (onTaskClick)=\"vm.selectTask($event)\" [selectedView]=\"vm.currentViewMode()\"\n      (onActionClick)=\"handleContextMenu($event)\" (onTaskRightClick)=\"handleContextMenu($event)\"\n      (component)=\"schedulerComponentChanged($event)\"\n      (onMonthSlotDblClicked)=\"handleMonthSlotDblClicked($event)\"></axm-task-board-calendar-view>\n    }\n    }\n\n    <!-- Shared task context menu -->\n    <ax-context-menu #rootContextMenu [closeOn]=\"'leave'\" [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOnOpening($event)\" (onItemClick)=\"handleContextMenuItemClick($event)\">\n    </ax-context-menu>\n\n    <!-- Task detail side panel (large screens only) -->\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n    <axm-task-board-detail-panel></axm-task-board-detail-panel>\n    }\n    } @else {\n    <!-- Initial bootstrap loading state -->\n    <axm-task-board-content-skeleton class=\"flex-1 min-h-0 w-full self-stretch\"></axm-task-board-content-skeleton>\n    }\n    </div>\n\n    <!-- Board settings side panel -->\n    @if (isSettingsPanelOpen()) {\n    @if (!deviceService.isLarge()) {\n    <button type=\"button\" class=\"axm-task-board-settings-backdrop\" (click)=\"closeSettingsPanel()\"\n      [attr.aria-label]=\"('@general:actions.close.title' | translate | async)!\"></button>\n    }\n    <axp-layout-side-detail-panel class=\"sticky top-0 z-10 max-h-full flex-none\"\n      [class.axm-task-board-settings-panel--overlay]=\"!deviceService.isLarge()\" [header]=\"settingsPanelHeader()\"\n      [sections]=\"settingsPanelSections()\" (panelClose)=\"closeSettingsPanel()\">\n      <!-- Color-by dimension selector -->\n      <ng-template axpLayoutSideDetailPanelSection=\"colorBy\">\n        <ax-selection-list class=\"w-full\" valueField=\"key\" textField=\"titleKey\" [direction]=\"'vertical'\"\n          [look]=\"'solid'\" [multiple]=\"false\" [items]=\"colorByItems\" [ngModel]=\"effectiveColorBy()\"\n          [customTemplate]=\"colorByItemTemplate\" (onValueChanged)=\"handleColorBySelectionChange($event)\">\n          <ng-template #colorByItemTemplate let-item>\n            {{ (item.data.titleKey | translate | async)! }}\n          </ng-template>\n        </ax-selection-list>\n      </ng-template>\n\n      <!-- Calendar event type visibility (calendar views only) -->\n      @if (showCalendarEventButton()) {\n      <ng-template axpLayoutSideDetailPanelSection=\"calendars\">\n        <ax-selection-list class=\"w-full\" valueField=\"id\" textField=\"text\" [direction]=\"'vertical'\"\n          [look]=\"'solid'\" [multiple]=\"true\" [items]=\"calendarEventTypeItems()\"\n          [ngModel]=\"vm.selectedCalendarEventTypeIds()\"\n          (onValueChanged)=\"handleCalendarEventTypesSelectionChange($event)\"></ax-selection-list>\n      </ng-template>\n      }\n    </axp-layout-side-detail-panel>\n    }\n    </div>\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Calendar popover: day cell template with task-count badge -->\n<ng-template #dayCellTemplate let-slot>\n  <div class=\"flex flex-col items-center justify-between w-full gap-1\"\n    [style.padding-bottom]=\"'0.25rem'\">\n    <span class=\"flex-1 text-center\">\n      @if (isDateTimeTranslationKey(slot.slot.text)) {\n        {{ (toAcorexTranslationKey(slot.slot.text) | translate | async)! }}\n      } @else {\n        {{ slot.slot.text ?? slot.slot.date?.day ?? '' }}\n      }\n    </span>\n    @if (slot.slot.date && getDayDataCount(slot.slot.date) > 0) {\n    <ax-badge color=\"warning\"></ax-badge>\n    }\n  </div>\n</ng-template>\n\n<!-- Calendar popover: month cell template with task-count badge -->\n<ng-template #monthCellTemplate let-slot>\n  <div class=\"flex flex-col items-center justify-between w-full gap-1\"\n    [style.padding-bottom]=\"'0.25rem'\">\n    <span class=\"flex-1 text-center\">\n      @if (isDateTimeTranslationKey(slot.slot.text)) {\n        {{ (toAcorexTranslationKey(slot.slot.text) | translate | async)! }}\n      } @else {\n        {{ slot.slot.text ?? '' }}\n      }\n    </span>\n    @if (slot.slot.date && getMonthDataCount(slot.slot.date) > 0) {\n    <ax-badge color=\"warning\"></ax-badge>\n    }\n  </div>\n</ng-template>\n", styles: ["@layer properties;.axm-task-board-toolbar{flex-wrap:nowrap}.axm-task-board-toolbar .axm-task-board-toolbar__primary-row{display:flex;width:100%;min-width:0px;flex:auto;align-items:center;gap:calc(var(--spacing, .25rem) * 2);flex-wrap:nowrap}.axm-task-board-toolbar .axm-task-board-toolbar__primary-row>axp-layout-prefix{flex-wrap:nowrap}.axm-task-board-toolbar .axm-task-board-toolbar__primary-row>axp-layout-suffix{margin-inline-start:auto;flex-shrink:0}.axm-task-board-toolbar:not(.axm-task-board-toolbar--stack-filters) .axm-task-board-toolbar__primary-row{display:contents}.axm-task-board-toolbar .axm-task-board-toolbar__filters-inline,.axm-task-board-toolbar .axm-task-board-toolbar__filters-row axp-query-filters{flex:1 1 0;min-width:0px;width:auto}.axm-task-board-toolbar .axm-task-board-toolbar__filters-inline>.flex,.axm-task-board-toolbar .axm-task-board-toolbar__filters-row axp-query-filters>.flex{padding-top:0;padding-bottom:0}.axm-task-board-toolbar.axm-task-board-toolbar--stack-filters{flex-wrap:wrap;row-gap:.5rem}.axm-task-board-toolbar.axm-task-board-toolbar--stack-filters .axm-task-board-toolbar__primary-row{width:100%;flex:1 1 100%}.axm-task-board-toolbar .axm-task-board-toolbar__filters-row{width:100%;min-width:0px;flex:1 1 100%}.axm-task-board-toolbar .axm-task-board-toolbar__view-layout-dropdown,.axm-task-board-toolbar .axm-task-board-toolbar__settings-slot{flex-shrink:0}.axm-task-board-toolbar .axm-task-board-toolbar__settings-slot{position:relative}.axm-task-board-toolbar .axm-task-board-toolbar__settings-badge{pointer-events:none;position:absolute;top:-.25rem;inset-inline-end:-.25rem}.axm-task-board-toolbar .axm-task-board-toolbar__settings-badge.--xs ax-badge{font-size:.625rem}.axm-task-board-toolbar .axm-task-board-toolbar__dropdown-menu-check{display:inline-flex;width:calc(var(--spacing, .25rem) * 4);justify-content:center}.axm-task-board-toolbar .axm-task-board-toolbar__dropdown-menu-check.--placeholder{visibility:hidden}html[dir=rtl] axp-page-layout axp-page-toolbar axp-layout-prefix .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)}.single-range-calendar .range-start,.single-range-calendar .range-end{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.85)!important}:is(.single-range-calendar .range-start,.single-range-calendar .range-end):hover{background-color:rgba(var(--ax-sys-color-primary-surface))!important}:is(.single-range-calendar .range-start,.single-range-calendar .range-end).state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.85)!important}.single-range-calendar .range-between{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.65)}.single-range-calendar .range-between.state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.65)}.single-range-calendar ax-footer{display:flex;justify-content:center;border-color:rgba(var(--ax-comp-calendar-view-header-border-color));border-top-width:var(--ax-comp-calendar-view-header-border-width, 1px)}.axm-task-board-main,.axm-task-board-main .axm-task-board-main__content{min-height:0px}.axm-task-board-main .axm-task-board-main__content:has(>axm-task-board-content-skeleton){height:100%;width:100%;align-self:stretch}.axm-task-board-settings-backdrop{position:fixed;inset:0;cursor:pointer;border-style:var(--tw-border-style);border-width:0px;padding:0;z-index:15;background:rgba(var(--ax-sys-color-darkest-surface),.45)}.axm-task-board-settings-panel--overlay{position:fixed;max-height:100vh;top:0;inset-inline-end:0;bottom:0;z-index:20;width:min(20rem,100vw)}axp-page-content:not(:has(axm-task-board-status-grouped-grid-view,axm-task-board-time-grouped-grid-view)){overflow-y:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+                //
+                AXMenuModule }, { kind: "component", type: i2.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$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: "component", type: i1$4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i7.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: 
+                //
+                AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPQueryFiltersComponent, selector: "axp-query-filters", inputs: ["filtersDefinitions", "initialFilters", "quickSearch"], outputs: ["onFiltersChanged"] }, { kind: "component", type: AXMTaskBoardContentSkeletonComponent, selector: "axm-task-board-content-skeleton" }, { kind: "component", type: AXMTaskBoardCalendarViewComponent, selector: "axm-task-board-calendar-view", inputs: ["resources", "refreshNonce", "startingDate", "selectedView", "dataSource"], outputs: ["onTaskClick", "onTaskChanged", "onMonthSlotDblClicked", "onActionClick", "component", "onTaskRightClick", "onRangeChanged"] }, { kind: "component", type: AXMTaskBoardKanbanViewComponent, selector: "axm-task-board-kanban-view", inputs: ["tasks"], outputs: ["tasksChange", "onTaskClick", "onTaskChanged", "component", "onActionClick"] }, { kind: "component", type: AXMTaskBoardGridViewComponent, selector: "axm-task-board-grid-view", inputs: ["dataSource", "refreshNonce"], outputs: ["onTaskClick"] }, { kind: "component", type: AXMTaskBoardStatusGroupedGridViewComponent, selector: "axm-task-board-status-grouped-grid-view", inputs: ["provider", "dataSource", "refreshNonce"], outputs: ["onTaskClick"] }, { kind: "component", type: AXMTaskBoardDetailPanel, selector: "axm-task-board-detail-panel" }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i8.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "dayCellTemplate", "monthCellTemplate", "yearCellTemplate", "cellClass", "showNavigation", "count", "id", "weekend", "weekdays", "look", "yearRange", "holidays"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "minValueChange", "maxValueChange", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i9.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "component", type: AXPLayoutSideDetailPanelComponent, selector: "axp-layout-side-detail-panel", inputs: ["multiSelectLabel", "header", "sections", "rows", "rowsSectionTitle", "noRowsMessage", "emptyState"], outputs: ["panelClose"] }, { kind: "directive", type: AXPLayoutSideDetailPanelSectionDirective, selector: "[axpLayoutSideDetailPanelSection]", inputs: ["axpLayoutSideDetailPanelSection"] }, { kind: "pipe", type: i1$5.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: "22.0.8", ngImport: i0, type: AXMTaskBoardPage, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        FormsModule,
+                        CommonModule,
+                        RouterModule,
+                        //
+                        AXMenuModule,
+                        AXButtonModule,
+                        AXDropdownModule,
+                        AXTranslationModule,
+                        AXDecoratorModule,
+                        AXBreadcrumbsModule,
+                        AXBadgeModule,
+                        //
+                        AXPThemeLayoutBlockComponent,
+                        AXPPageLayoutComponent,
+                        AXPQueryFiltersComponent,
+                        AXMTaskBoardContentSkeletonComponent,
+                        AXMTaskBoardCalendarViewComponent,
+                        AXMTaskBoardKanbanViewComponent,
+                        AXMTaskBoardGridViewComponent,
+                        AXMTaskBoardStatusGroupedGridViewComponent,
+                        AXMTaskBoardDetailPanel,
+                        AXPopoverModule,
+                        AXCalendarComponent,
+                        AXSelectionListModule,
+                        AXPLayoutSideDetailPanelComponent,
+                        AXPLayoutSideDetailPanelSectionDirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXMTaskBoardPage,
+                        },
+                    ], template: "<!-- Task board page shell -->\n<axp-page-layout *translate=\"let t\">\n  <!-- Toolbar: date navigator, filters, view layout, and settings -->\n  <axp-page-toolbar class=\"axm-task-board-toolbar\"\n    [class.axm-task-board-toolbar--stack-filters]=\"!deviceService.isLarge()\">\n    <div class=\"axm-task-board-toolbar__primary-row\">\n      <axp-layout-prefix class=\"flex min-w-0 flex-nowrap items-center gap-2\"\n        [class.flex-1]=\"deviceService.isLarge()\">\n        <!-- Date navigator with calendar popover -->\n        @if (showToolbarNavigator()) {\n        <div class=\"scheduler-header shrink-0 w-max ax-sm sm:ax-md\">\n          <ax-button look=\"blank\" (onClick)=\"changeDate(false)\">\n            <ax-icon class=\"ax-icon text-xl ax-icon-chevron-left arrow-icon\"></ax-icon>\n          </ax-button>\n          <ax-button look=\"blank\" [text]=\"navigatorTimeText()\" #date></ax-button>\n          <ax-button look=\"blank\" (onClick)=\"changeDate(true)\">\n            <ax-icon class=\"ax-icon text-xl ax-icon-chevron-right arrow-icon\"></ax-icon>\n          </ax-button>\n          <!-- TODO(acorex-ui): Do not wrap ax-calendar in @for/@if here \u2014 ax-popover requires a direct projected child.\n               Week layout comes from AXCalendarService (AXPRegionalCalendarService); navigatorCalendarLayoutEffect re-renders on profile/calendar changes.\n               Remove manual render() when ax-calendar reacts to calendar service week layout changes.\n               See README.md in this folder. -->\n          <ax-popover [target]=\"date\" [placement]=\"'bottom'\" #popover [adaptivityEnabled]=\"true\">\n            <ax-calendar #calendar [type]=\"calendarType()\" [depth]=\"calendarDepth()\" [cellClass]=\"getCellClass\"\n              [ngModel]=\"currentDateForCalendar()\" [dayCellTemplate]=\"dayCellTemplate\"\n              [monthCellTemplate]=\"monthCellTemplate\"\n              class=\"single-range-calendar border rounded-lg\"\n              (onSlotClick)=\"handleCalendarSlotClick($event)\">\n              <ax-footer>\n                <ax-button look=\"link\" color=\"primary\" [text]=\"(todayButtonTextKey() | translate | async)!\"\n                  (onClick)=\"handleTodayClick()\"></ax-button>\n              </ax-footer>\n            </ax-calendar>\n          </ax-popover>\n        </div>\n        }\n\n        <!-- Inline query filters (large screens only) -->\n        @if (deviceService.isLarge() && filtersReady()) {\n        <axp-query-filters class=\"axm-task-board-toolbar__filters-inline\" [filtersDefinitions]=\"filterDefinitions()\"\n          [initialFilters]=\"panelInitialFilters()\" (onFiltersChanged)=\"handleFiltersChanged($event)\"></axp-query-filters>\n        }\n      </axp-layout-prefix>\n\n      <axp-layout-suffix class=\"flex shrink-0 gap-2\">\n        <!-- View layout switcher (kanban, grid, calendar, etc.) -->\n        @if (showViewLayoutSwitcher()) {\n        <ax-button class=\"axm-task-board-toolbar__view-layout-dropdown\" look=\"outline\"\n          [text]=\"(selectedViewLayoutTitleKey() | translate | async)!\">\n          <ax-prefix>\n            <ax-icon [icon]=\"selectedViewLayoutIcon()\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for (item of viewLayoutItems(); track item.key) {\n              <ax-button-item [text]=\"(viewLayoutTranslationKey(item.text) | translate | async)!\"\n                (onClick)=\"handleViewLayoutChange(item.key)\">\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-check\" class=\"axm-task-board-toolbar__dropdown-menu-check\"\n                    [class.--placeholder]=\"!isViewLayoutSelected(item.key)\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        }\n\n        <!-- Settings panel toggle with active calendar-type badge -->\n        <div class=\"axm-task-board-toolbar__settings-slot\">\n          <ax-button class=\"axm-task-board-toolbar__settings-button\" look=\"outline\" [iconOnly]=\"true\"\n            [title]=\"('@task-management:task-board.settings.title' | translate | async)!\"\n            (onClick)=\"toggleSettingsPanel()\">\n            <ax-prefix>\n              <ax-icon [icon]=\"isSettingsPanelOpen() ? 'fa-solid fa-gear' : 'fa-light fa-gear'\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n          @if (selectedCalendarEventTypeCount() > 0) {\n          <div class=\"axm-task-board-toolbar__settings-badge\" [class.--xs]=\"selectedCalendarEventTypeCount() > 9\">\n            <ax-badge color=\"primary\" [text]=\"selectedCalendarEventTypeCount().toString()\"></ax-badge>\n          </div>\n          }\n        </div>\n      </axp-layout-suffix>\n    </div>\n\n    <!-- Stacked query filters (small screens) -->\n    @if (!deviceService.isLarge() && filtersReady()) {\n    <div class=\"axm-task-board-toolbar__filters-row\">\n      <axp-query-filters [filtersDefinitions]=\"filterDefinitions()\" [initialFilters]=\"panelInitialFilters()\"\n        (onFiltersChanged)=\"handleFiltersChanged($event)\"></axp-query-filters>\n    </div>\n    }\n  </axp-page-toolbar>\n\n  <axp-page-content class=\"flex flex-row gap-2 min-h-0\">\n    <div class=\"axm-task-board-main flex flex-row gap-4 flex-1 min-w-0 min-h-0 relative\">\n    <div class=\"axm-task-board-main__content flex flex-row gap-2 flex-1 min-w-0 min-h-0\">\n    @if (isReady()) {\n    <!-- Active view: kanban, grid, status-grouped grid, or calendar/scheduler -->\n    @switch (vm.currentViewMode()) {\n    @case ('kanban') {\n    <axm-task-board-kanban-view class=\"axp-kanban-container h-full w-full min-w-0\" [(tasks)]=\"resolvedTasks\"\n      (onTaskClick)=\"vm.selectTask($event)\" (onActionClick)=\"handleContextMenu($event)\"></axm-task-board-kanban-view>\n    }\n    @case ('grid') {\n    <axm-task-board-grid-view class=\"h-full w-full min-w-0\" [dataSource]=\"gridDataSource\"\n      [refreshNonce]=\"refreshNonce()\" (onTaskClick)=\"vm.selectTask($event)\"></axm-task-board-grid-view>\n    }\n    @case ('status-grouped-grid') {\n    <axm-task-board-status-grouped-grid-view class=\"flex flex-col gap-2 w-full min-w-0\"\n      [dataSource]=\"gridDataSource\" [refreshNonce]=\"refreshNonce()\"\n      (onTaskClick)=\"vm.selectTask($event)\"></axm-task-board-status-grouped-grid-view>\n    }\n    @default {\n    <axm-task-board-calendar-view class=\"axp-scheduler-container h-full w-full min-w-0\"\n      [resources]=\"resources()\" [startingDate]=\"vm.currentDate()\" [dataSource]=\"schedulerDataSource\"\n      [refreshNonce]=\"refreshNonce()\" (onTaskClick)=\"vm.selectTask($event)\" [selectedView]=\"vm.currentViewMode()\"\n      (onActionClick)=\"handleContextMenu($event)\" (onTaskRightClick)=\"handleContextMenu($event)\"\n      (component)=\"schedulerComponentChanged($event)\"\n      (onMonthSlotDblClicked)=\"handleMonthSlotDblClicked($event)\"></axm-task-board-calendar-view>\n    }\n    }\n\n    <!-- Shared task context menu -->\n    <ax-context-menu #rootContextMenu [closeOn]=\"'leave'\" [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOnOpening($event)\" (onItemClick)=\"handleContextMenuItemClick($event)\">\n    </ax-context-menu>\n\n    <!-- Task detail side panel (large screens only) -->\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n    <axm-task-board-detail-panel></axm-task-board-detail-panel>\n    }\n    } @else {\n    <!-- Initial bootstrap loading state -->\n    <axm-task-board-content-skeleton class=\"flex-1 min-h-0 w-full self-stretch\"></axm-task-board-content-skeleton>\n    }\n    </div>\n\n    <!-- Board settings side panel -->\n    @if (isSettingsPanelOpen()) {\n    @if (!deviceService.isLarge()) {\n    <button type=\"button\" class=\"axm-task-board-settings-backdrop\" (click)=\"closeSettingsPanel()\"\n      [attr.aria-label]=\"('@general:actions.close.title' | translate | async)!\"></button>\n    }\n    <axp-layout-side-detail-panel class=\"sticky top-0 z-10 max-h-full flex-none\"\n      [class.axm-task-board-settings-panel--overlay]=\"!deviceService.isLarge()\" [header]=\"settingsPanelHeader()\"\n      [sections]=\"settingsPanelSections()\" (panelClose)=\"closeSettingsPanel()\">\n      <!-- Color-by dimension selector -->\n      <ng-template axpLayoutSideDetailPanelSection=\"colorBy\">\n        <ax-selection-list class=\"w-full\" valueField=\"key\" textField=\"titleKey\" [direction]=\"'vertical'\"\n          [look]=\"'solid'\" [multiple]=\"false\" [items]=\"colorByItems\" [ngModel]=\"effectiveColorBy()\"\n          [customTemplate]=\"colorByItemTemplate\" (onValueChanged)=\"handleColorBySelectionChange($event)\">\n          <ng-template #colorByItemTemplate let-item>\n            {{ (item.data.titleKey | translate | async)! }}\n          </ng-template>\n        </ax-selection-list>\n      </ng-template>\n\n      <!-- Calendar event type visibility (calendar views only) -->\n      @if (showCalendarEventButton()) {\n      <ng-template axpLayoutSideDetailPanelSection=\"calendars\">\n        <ax-selection-list class=\"w-full\" valueField=\"id\" textField=\"text\" [direction]=\"'vertical'\"\n          [look]=\"'solid'\" [multiple]=\"true\" [items]=\"calendarEventTypeItems()\"\n          [ngModel]=\"vm.selectedCalendarEventTypeIds()\"\n          (onValueChanged)=\"handleCalendarEventTypesSelectionChange($event)\"></ax-selection-list>\n      </ng-template>\n      }\n    </axp-layout-side-detail-panel>\n    }\n    </div>\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Calendar popover: day cell template with task-count badge -->\n<ng-template #dayCellTemplate let-slot>\n  <div class=\"flex flex-col items-center justify-between w-full gap-1\"\n    [style.padding-bottom]=\"'0.25rem'\">\n    <span class=\"flex-1 text-center\">\n      @if (isDateTimeTranslationKey(slot.slot.text)) {\n        {{ (toAcorexTranslationKey(slot.slot.text) | translate | async)! }}\n      } @else {\n        {{ slot.slot.text ?? slot.slot.date?.day ?? '' }}\n      }\n    </span>\n    @if (slot.slot.date && getDayDataCount(slot.slot.date) > 0) {\n    <ax-badge color=\"warning\"></ax-badge>\n    }\n  </div>\n</ng-template>\n\n<!-- Calendar popover: month cell template with task-count badge -->\n<ng-template #monthCellTemplate let-slot>\n  <div class=\"flex flex-col items-center justify-between w-full gap-1\"\n    [style.padding-bottom]=\"'0.25rem'\">\n    <span class=\"flex-1 text-center\">\n      @if (isDateTimeTranslationKey(slot.slot.text)) {\n        {{ (toAcorexTranslationKey(slot.slot.text) | translate | async)! }}\n      } @else {\n        {{ slot.slot.text ?? '' }}\n      }\n    </span>\n    @if (slot.slot.date && getMonthDataCount(slot.slot.date) > 0) {\n    <ax-badge color=\"warning\"></ax-badge>\n    }\n  </div>\n</ng-template>\n", styles: ["@layer properties;.axm-task-board-toolbar{flex-wrap:nowrap}.axm-task-board-toolbar .axm-task-board-toolbar__primary-row{display:flex;width:100%;min-width:0px;flex:auto;align-items:center;gap:calc(var(--spacing, .25rem) * 2);flex-wrap:nowrap}.axm-task-board-toolbar .axm-task-board-toolbar__primary-row>axp-layout-prefix{flex-wrap:nowrap}.axm-task-board-toolbar .axm-task-board-toolbar__primary-row>axp-layout-suffix{margin-inline-start:auto;flex-shrink:0}.axm-task-board-toolbar:not(.axm-task-board-toolbar--stack-filters) .axm-task-board-toolbar__primary-row{display:contents}.axm-task-board-toolbar .axm-task-board-toolbar__filters-inline,.axm-task-board-toolbar .axm-task-board-toolbar__filters-row axp-query-filters{flex:1 1 0;min-width:0px;width:auto}.axm-task-board-toolbar .axm-task-board-toolbar__filters-inline>.flex,.axm-task-board-toolbar .axm-task-board-toolbar__filters-row axp-query-filters>.flex{padding-top:0;padding-bottom:0}.axm-task-board-toolbar.axm-task-board-toolbar--stack-filters{flex-wrap:wrap;row-gap:.5rem}.axm-task-board-toolbar.axm-task-board-toolbar--stack-filters .axm-task-board-toolbar__primary-row{width:100%;flex:1 1 100%}.axm-task-board-toolbar .axm-task-board-toolbar__filters-row{width:100%;min-width:0px;flex:1 1 100%}.axm-task-board-toolbar .axm-task-board-toolbar__view-layout-dropdown,.axm-task-board-toolbar .axm-task-board-toolbar__settings-slot{flex-shrink:0}.axm-task-board-toolbar .axm-task-board-toolbar__settings-slot{position:relative}.axm-task-board-toolbar .axm-task-board-toolbar__settings-badge{pointer-events:none;position:absolute;top:-.25rem;inset-inline-end:-.25rem}.axm-task-board-toolbar .axm-task-board-toolbar__settings-badge.--xs ax-badge{font-size:.625rem}.axm-task-board-toolbar .axm-task-board-toolbar__dropdown-menu-check{display:inline-flex;width:calc(var(--spacing, .25rem) * 4);justify-content:center}.axm-task-board-toolbar .axm-task-board-toolbar__dropdown-menu-check.--placeholder{visibility:hidden}html[dir=rtl] axp-page-layout axp-page-toolbar axp-layout-prefix .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)}.single-range-calendar .range-start,.single-range-calendar .range-end{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.85)!important}:is(.single-range-calendar .range-start,.single-range-calendar .range-end):hover{background-color:rgba(var(--ax-sys-color-primary-surface))!important}:is(.single-range-calendar .range-start,.single-range-calendar .range-end).state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.85)!important}.single-range-calendar .range-between{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.65)}.single-range-calendar .range-between.state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.65)}.single-range-calendar ax-footer{display:flex;justify-content:center;border-color:rgba(var(--ax-comp-calendar-view-header-border-color));border-top-width:var(--ax-comp-calendar-view-header-border-width, 1px)}.axm-task-board-main,.axm-task-board-main .axm-task-board-main__content{min-height:0px}.axm-task-board-main .axm-task-board-main__content:has(>axm-task-board-content-skeleton){height:100%;width:100%;align-self:stretch}.axm-task-board-settings-backdrop{position:fixed;inset:0;cursor:pointer;border-style:var(--tw-border-style);border-width:0px;padding:0;z-index:15;background:rgba(var(--ax-sys-color-darkest-surface),.45)}.axm-task-board-settings-panel--overlay{position:fixed;max-height:100vh;top:0;inset-inline-end:0;bottom:0;z-index:20;width:min(20rem,100vw)}axp-page-content:not(:has(axm-task-board-status-grouped-grid-view,axm-task-board-time-grouped-grid-view)){overflow-y:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { popover: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }], calendar: [{ type: i0.ViewChild, args: ['calendar', { isSignal: true }] }], contextMenu: [{ type: i0.ViewChild, args: ['rootContextMenu', { isSignal: true }] }], handleNavigatorRangeModifierDown: [{
+                type: HostListener,
+                args: ['document:keydown.control']
+            }], handleNavigatorRangeModifierUp: [{
+                type: HostListener,
+                args: ['document:keyup.control']
+            }] } });
+//#region ----- Query Param Helpers -----
+function areTaskBoardQueryParamsEquivalent(current, next) {
+    const keys = ['view', 'layout', 'type', 'assignee', 'reporter', 'calendarEvent'];
+    for (const key of keys) {
+        const nextValue = next[key];
+        if (nextValue == null) {
+            if (current.has(key)) {
+                return false;
+            }
+            continue;
+        }
+        if (Array.isArray(nextValue)) {
+            const currentValues = current.getAll(key);
+            if (currentValues.length !== nextValue.length ||
+                currentValues.some((value, index) => value !== String(nextValue[index]))) {
+                return false;
+            }
+            continue;
+        }
+        if (current.get(key) !== String(nextValue)) {
+            return false;
+        }
+    }
+    return true;
+}
+
+export { AXMTaskBoardPage };
+//# sourceMappingURL=acorex-platform-module-task-management-client-task-board.page-8I8H2pFq.mjs.map