@acorex/modules 21.0.0-next.63 → 21.0.0-next.65

package/fesm2022/{acorex-modules-task-management-task-board.page-BIZ1qH7m.mjs → acorex-modules-task-management-task-board.page-C2hB9JPM.mjs}

@@ -37,7 +37,7 @@ import * as i1$3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { Router, ActivatedRoute, NavigationEnd, RouterModule } from '@angular/router';
 import { filter, startWith } from 'rxjs';
-import { A as AXM_TASK_BOARD_ALL_VIEW_MODE_IDS, a as AXMTaskBoardSettings, n as normalizeTaskBoardAssigneeIds, b as normalizeVisibleTaskBoardModesByParts, c as canViewAllTaskAssignees, d as AXPTaskBoardService, R as RootConfig, e as AXMTaskBoardTaskPopoverOverlayService, T as TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH, f as TASK_BOARD_GRID_ROW_ACTION_ITEMS, g as filterTasksOverlappingRange } from './acorex-modules-task-management-acorex-modules-task-management--mdNdYIs.mjs';
+import { A as AXM_TASK_BOARD_ALL_VIEW_MODE_IDS, a as AXMTaskBoardSettings, n as normalizeTaskBoardAssigneeIds, b as normalizeVisibleTaskBoardModesByParts, c as canViewAllTaskAssignees, h as hasTaskBoardSavedAssigneePreference, r as resolveTaskBoardSavedAssigneeIds, d as AXPTaskBoardService, R as RootConfig, e as AXMTaskBoardTaskPopoverOverlayService, T as TASK_BOARD_GRID_ROW_ACTION_COLUMN_WIDTH, f as TASK_BOARD_GRID_ROW_ACTION_ITEMS, g as filterTasksOverlappingRange } from './acorex-modules-task-management-acorex-modules-task-management-DAh3IByo.mjs';
 import { AXFormatPipe } from '@acorex/core/format';
 import * as i1 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetCoreModule, AXPWidgetsCatalog } from '@acorex/platform/layout/widget-core';
@@ -65,6 +65,7 @@ const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() =
     visibleViewModes: [...AXM_TASK_BOARD_ALL_VIEW_MODE_IDS],
     selectedTaskTypeNames: [],
     selectedAssigneeIds: [],
+    assigneeFilterHasSavedPreference: false,
     selectedPriorities: [],
     selectedReporterIds: [],
     selectedCalendarEventTypeIds: [],
@@ -143,9 +144,9 @@ const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() =
                 else {
                     currentDate = new Date();
                 }
-                const currentUserId = sessionService.user?.id;
                 const canViewAll = canViewAllTaskAssignees(sessionService);
-                const resolvedSavedAssigneeIds = savedAssigneeIds === undefined && currentUserId != null ? [currentUserId] : (savedAssigneeIds ?? []);
+                const assigneeFilterHasSavedPreference = hasTaskBoardSavedAssigneePreference(savedAssigneeIds);
+                const resolvedSavedAssigneeIds = resolveTaskBoardSavedAssigneeIds(sessionService, savedAssigneeIds);
                 const defaultAssigneeIds = canViewAll
                     ? resolvedSavedAssigneeIds
                     : normalizeTaskBoardAssigneeIds(sessionService, resolvedSavedAssigneeIds);
@@ -166,6 +167,7 @@ const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() =
                     currentDate,
                     selectedTaskTypeNames: savedTaskTypeNames || [],
                     selectedAssigneeIds: defaultAssigneeIds,
+                    assigneeFilterHasSavedPreference,
                     selectedReporterIds: savedReporterIds || [],
                     selectedPriorities: savedPriorities || [],
                     selectedCalendarEventTypeIds: savedCalendarEventTypeIds || [],
@@ -181,6 +183,7 @@ const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() =
                     currentDate: new Date(),
                     selectedTaskTypeNames: [],
                     selectedAssigneeIds: [],
+                    assigneeFilterHasSavedPreference: false,
                     selectedPriorities: [],
                     selectedReporterIds: [],
                     selectedCalendarEventTypeIds: [],
@@ -222,10 +225,13 @@ const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() =
                 .set(AXMTaskBoardSettings.SelectedTaskTypeNames, taskTypeNames)
                 .catch((error) => console.error('Error saving selected task type filter:', error));
         },
-        setSelectedAssigneeIds(assigneeIds, isQueryParam = false) {
+        setSelectedAssigneeIds(assigneeIds, isQueryParam = false, persistPreference = !isQueryParam) {
             const normalizedAssigneeIds = normalizeTaskBoardAssigneeIds(sessionService, assigneeIds);
-            patchState(store, { selectedAssigneeIds: normalizedAssigneeIds });
-            if (isQueryParam)
+            patchState(store, {
+                selectedAssigneeIds: normalizedAssigneeIds,
+                ...(persistPreference ? { assigneeFilterHasSavedPreference: true } : {}),
+            });
+            if (isQueryParam || !persistPreference)
                 return;
             userScopedSettings()
                 .set(AXMTaskBoardSettings.SelectedAssigneeIds, normalizedAssigneeIds)
@@ -384,9 +390,12 @@ class AXMTaskBoardFiltersComponent {
             if (this.vm.isLoading()) {
                 return;
             }
-            const scopedIds = normalizeTaskBoardAssigneeIds(this.sessionService, this.vm.selectedAssigneeIds());
+            const resolvedAssigneeIds = this.vm.assigneeFilterHasSavedPreference()
+                ? this.vm.selectedAssigneeIds()
+                : resolveTaskBoardSavedAssigneeIds(this.sessionService, null);
+            const scopedIds = normalizeTaskBoardAssigneeIds(this.sessionService, resolvedAssigneeIds);
             if (!isEqual(sortBy(this.vm.selectedAssigneeIds()), sortBy(scopedIds))) {
-                this.vm.setSelectedAssigneeIds(scopedIds, this.isQueryParam());
+                this.vm.setSelectedAssigneeIds(scopedIds, this.isQueryParam(), false);
             }
             if (this.isInitialized) {
                 this.resetContextToViewModel();
@@ -579,7 +588,7 @@ class AXMTaskBoardFiltersComponent {
         this.context.set({});
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardFiltersComponent, isStandalone: true, selector: "axm-task-board-filters", inputs: { isQueryParam: { classPropertyName: "isQueryParam", publicName: "isQueryParam", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyClicked: "applyClicked" }, ngImport: i0, template: "<div class=\"ax-px-4 ax-py-3 ax-flex ax-flex-col ax-gap-2 ax-sm ax-w-[20rem]\">\n  <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-4\">\n        <!-- @if (taskTypeItems()) {\n          <ax-form-field>\n            <ax-label> </ax-label>\n            <ax-selection-list\n              [items]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              direction=\"vertical\"\n              [multiple]=\"multiple()\"\n              [showControl]=\"true\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n              <ng-template #itemTemplate let-item>\n                <div class=\"ax-flex ax-items-center\">\n                  @if (item.icon) {\n                    <i [class]=\"item.icon\"></i>\n                  }\n                  <span [class]=\"item.icon ? 'ax-ml-2' : ''\">{{ item.text }}</span>\n                </div>\n              </ng-template>\n            </ax-selection-list>\n            <ax-select-box\n              [dataSource]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              [multiple]=\"multiple()\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n          <hr />\n        } -->\n        @for (node of nodes(); track $index) {\n          <ax-form-field>\n            @if (node.meta?.['title']) {\n              <ax-label>\n                {{ node.meta?.['title'] | translate: { scope: rootConfig.config.i18n } | async }}\n              </ax-label>\n            }\n            <ng-container axp-widget-renderer [node]=\"node\" [mode]=\"'edit'\"></ng-container>\n          </ax-form-field>\n        }\n      </div>\n      <!-- <div class=\"ax-flex ax-gap-2 ax-mt-6 ax-mb-1\">\n        <ax-button\n          (onClick)=\"handleReset()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.clear.title' | translate | async\"\n        ></ax-button>\n        <ax-button\n          color=\"primary\"\n          [type]=\"'submit'\"\n          (onClick)=\"handleApply()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.apply.title' | translate | async\"\n        ></ax-button>\n      </div> -->\n    </ax-form>\n  </axp-widgets-container>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardFiltersComponent, isStandalone: true, selector: "axm-task-board-filters", inputs: { isQueryParam: { classPropertyName: "isQueryParam", publicName: "isQueryParam", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyClicked: "applyClicked" }, ngImport: i0, template: "<div class=\"ax-px-4 ax-py-3 ax-flex ax-flex-col ax-gap-2 ax-sm ax-w-[20rem]\">\n  <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-4\">\n        <!-- @if (taskTypeItems()) {\n          <ax-form-field>\n            <ax-label> </ax-label>\n            <ax-selection-list\n              [items]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              direction=\"vertical\"\n              [multiple]=\"multiple()\"\n              [showControl]=\"true\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n              <ng-template #itemTemplate let-item>\n                <div class=\"ax-flex ax-items-center\">\n                  @if (item.icon) {\n                    <i [class]=\"item.icon\"></i>\n                  }\n                  <span [class]=\"item.icon ? 'ax-ml-2' : ''\">{{ item.text }}</span>\n                </div>\n              </ng-template>\n            </ax-selection-list>\n            <ax-select-box\n              [dataSource]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              [multiple]=\"multiple()\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n          <hr />\n        } -->\n        @for (node of nodes(); track node.name) {\n          <ax-form-field>\n            @if (node.meta?.['title']) {\n              <ax-label>\n                {{ node.meta?.['title'] | translate: { scope: rootConfig.config.i18n } | async }}\n              </ax-label>\n            }\n            <ng-container axp-widget-renderer [node]=\"node\" [mode]=\"'edit'\"></ng-container>\n          </ax-form-field>\n        }\n      </div>\n      <!-- <div class=\"ax-flex ax-gap-2 ax-mt-6 ax-mb-1\">\n        <ax-button\n          (onClick)=\"handleReset()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.clear.title' | translate | async\"\n        ></ax-button>\n        <ax-button\n          color=\"primary\"\n          [type]=\"'submit'\"\n          (onClick)=\"handleApply()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.apply.title' | translate | async\"\n        ></ax-button>\n      </div> -->\n    </ax-form>\n  </axp-widgets-container>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardFiltersComponent, decorators: [{
             type: Component,
@@ -590,7 +599,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXFormComponent,
                         AXLabelComponent,
                         AXTranslatorPipe,
-                    ], template: "<div class=\"ax-px-4 ax-py-3 ax-flex ax-flex-col ax-gap-2 ax-sm ax-w-[20rem]\">\n  <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-4\">\n        <!-- @if (taskTypeItems()) {\n          <ax-form-field>\n            <ax-label> </ax-label>\n            <ax-selection-list\n              [items]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              direction=\"vertical\"\n              [multiple]=\"multiple()\"\n              [showControl]=\"true\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n              <ng-template #itemTemplate let-item>\n                <div class=\"ax-flex ax-items-center\">\n                  @if (item.icon) {\n                    <i [class]=\"item.icon\"></i>\n                  }\n                  <span [class]=\"item.icon ? 'ax-ml-2' : ''\">{{ item.text }}</span>\n                </div>\n              </ng-template>\n            </ax-selection-list>\n            <ax-select-box\n              [dataSource]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              [multiple]=\"multiple()\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n          <hr />\n        } -->\n        @for (node of nodes(); track $index) {\n          <ax-form-field>\n            @if (node.meta?.['title']) {\n              <ax-label>\n                {{ node.meta?.['title'] | translate: { scope: rootConfig.config.i18n } | async }}\n              </ax-label>\n            }\n            <ng-container axp-widget-renderer [node]=\"node\" [mode]=\"'edit'\"></ng-container>\n          </ax-form-field>\n        }\n      </div>\n      <!-- <div class=\"ax-flex ax-gap-2 ax-mt-6 ax-mb-1\">\n        <ax-button\n          (onClick)=\"handleReset()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.clear.title' | translate | async\"\n        ></ax-button>\n        <ax-button\n          color=\"primary\"\n          [type]=\"'submit'\"\n          (onClick)=\"handleApply()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.apply.title' | translate | async\"\n        ></ax-button>\n      </div> -->\n    </ax-form>\n  </axp-widgets-container>\n</div>\n" }]
+                    ], template: "<div class=\"ax-px-4 ax-py-3 ax-flex ax-flex-col ax-gap-2 ax-sm ax-w-[20rem]\">\n  <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-4\">\n        <!-- @if (taskTypeItems()) {\n          <ax-form-field>\n            <ax-label> </ax-label>\n            <ax-selection-list\n              [items]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              direction=\"vertical\"\n              [multiple]=\"multiple()\"\n              [showControl]=\"true\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n              <ng-template #itemTemplate let-item>\n                <div class=\"ax-flex ax-items-center\">\n                  @if (item.icon) {\n                    <i [class]=\"item.icon\"></i>\n                  }\n                  <span [class]=\"item.icon ? 'ax-ml-2' : ''\">{{ item.text }}</span>\n                </div>\n              </ng-template>\n            </ax-selection-list>\n            <ax-select-box\n              [dataSource]=\"taskTypeItems()!\"\n              [ngModel]=\"selectedTaskTypeValues()!\"\n              (onValueChanged)=\"handleTaskTypeSelectionChange.emit($event.value)\"\n              [multiple]=\"multiple()\"\n              valueField=\"id\"\n              textField=\"text\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n          <hr />\n        } -->\n        @for (node of nodes(); track node.name) {\n          <ax-form-field>\n            @if (node.meta?.['title']) {\n              <ax-label>\n                {{ node.meta?.['title'] | translate: { scope: rootConfig.config.i18n } | async }}\n              </ax-label>\n            }\n            <ng-container axp-widget-renderer [node]=\"node\" [mode]=\"'edit'\"></ng-container>\n          </ax-form-field>\n        }\n      </div>\n      <!-- <div class=\"ax-flex ax-gap-2 ax-mt-6 ax-mb-1\">\n        <ax-button\n          (onClick)=\"handleReset()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.clear.title' | translate | async\"\n        ></ax-button>\n        <ax-button\n          color=\"primary\"\n          [type]=\"'submit'\"\n          (onClick)=\"handleApply()\"\n          class=\"ax-w-full\"\n          [text]=\"'@general:actions.apply.title' | translate | async\"\n        ></ax-button>\n      </div> -->\n    </ax-form>\n  </axp-widgets-container>\n</div>\n" }]
         }], propDecorators: { isQueryParam: [{ type: i0.Input, args: [{ isSignal: true, alias: "isQueryParam", required: false }] }], applyClicked: [{ type: i0.Output, args: ["applyClicked"] }] } });
 
 //#region ---- Imports ----
@@ -984,7 +993,7 @@ class AXMTaskBoardGridViewComponent {
         }, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardGridViewComponent, isStandalone: true, selector: "axm-task-board-grid-view", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, refreshNonce: { classPropertyName: "refreshNonce", publicName: "refreshNonce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (remountKey of gridRemountKeys(); track remountKey) {\n  <ax-data-table\n    #grid\n    [fetchDataMode]=\"'manual'\"\n    [dataSource]=\"tasksDataSource()\"\n    (onRowClick)=\"handleRowClick($event)\"\n    [loading]=\"{ enabled: true, animation: true }\"\n  >\n    <ax-text-column\n      dataField=\"title\"\n      [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n      [width]=\"'350px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"description\"\n      [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n      [width]=\"'500px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"assignee\"\n      [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"startDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"endDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"priority\"\n      [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      [allowResizing]=\"true\"\n      dataField=\"reporter\"\n      [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"statusTitle\"\n      [caption]=\"('@task-management:task-board.grid-headers.status' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"type\"\n      [caption]=\"('@task-management:task-board.grid-headers.type' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n\n    @if (columns().length) {\n      <ng-container>\n        @for (column of columns(); track column) {\n          <axp-widget-column-renderer\n            [node]=\"column.widget\"\n            [caption]=\"(column.title | translate | async)!\"\n          ></axp-widget-column-renderer>\n        }\n      </ng-container>\n    }\n\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"taskRowCommandWidth\"\n      [items]=\"taskRowCommandItems\"\n      (onItemClick)=\"handleTaskCommandClick($event)\"\n    ></ax-command-column>\n  </ax-data-table>\n}\n", dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$2.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "hasTitle", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$2.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMTaskBoardGridViewComponent, isStandalone: true, selector: "axm-task-board-grid-view", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, refreshNonce: { classPropertyName: "refreshNonce", publicName: "refreshNonce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (remountKey of gridRemountKeys(); track remountKey) {\n  <ax-data-table\n    #grid\n    [fetchDataMode]=\"'manual'\"\n    [dataSource]=\"tasksDataSource()\"\n    (onRowClick)=\"handleRowClick($event)\"\n    [loading]=\"{ enabled: true, animation: true }\"\n  >\n    <ax-text-column\n      dataField=\"title\"\n      [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n      [width]=\"'350px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"description\"\n      [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n      [width]=\"'500px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"assignee\"\n      [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"startDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"endDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"priority\"\n      [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      [allowResizing]=\"true\"\n      dataField=\"reporter\"\n      [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"statusTitle\"\n      [caption]=\"('@task-management:task-board.grid-headers.status' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"type\"\n      [caption]=\"('@task-management:task-board.grid-headers.type' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n\n    @if (columns().length) {\n      <ng-container>\n        @for (column of columns(); track column) {\n          <axp-widget-column-renderer\n            [node]=\"column.widget\"\n            [caption]=\"(column.title | translate | async)!\"\n          ></axp-widget-column-renderer>\n        }\n      </ng-container>\n    }\n\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"taskRowCommandWidth\"\n      [items]=\"taskRowCommandItems\"\n      (onItemClick)=\"handleTaskCommandClick($event)\"\n    ></ax-command-column>\n  </ax-data-table>\n}\n", dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$2.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "hasTitle", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$2.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "sortEnabled", "headerSortDirection", "headerSortPriority", "cellTemplate", "headerTemplate"], outputs: ["sortToggle"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMTaskBoardGridViewComponent, decorators: [{
             type: Component,
@@ -2272,4 +2281,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }], propDecorators: { popover: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }], calendar: [{ type: i0.ViewChild, args: ['calendar', { isSignal: true }] }], sidebarCalendar: [{ type: i0.ViewChild, args: ['sidebarCalendar', { isSignal: true }] }], contextMenu: [{ type: i0.ViewChild, args: ['rootContextMenu', { isSignal: true }] }] } });
 
 export { AXMTaskBoardPage };
-//# sourceMappingURL=acorex-modules-task-management-task-board.page-BIZ1qH7m.mjs.map
+//# sourceMappingURL=acorex-modules-task-management-task-board.page-C2hB9JPM.mjs.map