@acorex/modules 20.0.9 → 20.0.10

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

@@ -1,762 +0,0 @@
-import { AXBadgeModule } from '@acorex/components/badge';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import * as i4 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXCalendarComponent } from '@acorex/components/calendar';
-import * as i6 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { AXDropdownPanelComponent } from '@acorex/components/dropdown';
-import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import { AXLoadingModule } from '@acorex/components/loading';
-import * as i3 from '@acorex/components/menu';
-import { AXMenuModule } from '@acorex/components/menu';
-import * as i7 from '@acorex/components/popover';
-import { AXPopoverModule } from '@acorex/components/popover';
-import { AXCalendarService } from '@acorex/core/date-time';
-import { AXLocaleService } from '@acorex/core/locale';
-import * as i5 from '@acorex/core/translation';
-import { AXTranslationModule } from '@acorex/core/translation';
-import { AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
-import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { computed, inject, viewChild, input, output, ViewEncapsulation, ChangeDetectionStrategy, Component, signal, effect, viewChildren, untracked } from '@angular/core';
-import * as i1$1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { AXPTaskBoardService } from './acorex-modules-workflow-management.mjs';
-import { AXPSettingService } from '@acorex/platform/common';
-import { AXPPlatformScope } from '@acorex/platform/core';
-import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
-import { AXSchedulerComponent } from '@acorex/components/scheduler';
-import { AXDataSource } from '@acorex/cdk/common';
-import * as i1 from '@acorex/components/data-table';
-import { AXDataTableModule, AXDataTableComponent } from '@acorex/components/data-table';
-import { AXKanbanComponent } from '@acorex/components/kanban';
-
-const config = {
-    i18n: 'workflow-management',
-};
-const RootConfig = {
-    config,
-    module: {
-        module: 'WorkflowManagement',
-        name: 'WorkflowManagement',
-        title: `t('module-name', {scope:"${config.i18n}"})`,
-        icon: 'fa-light  fa-clipboard-list-check',
-    },
-};
-
-var AXMTaskBoardSettings;
-(function (AXMTaskBoardSettings) {
-    AXMTaskBoardSettings["CalendarViewMode"] = "taskboard.calendar.viewMode";
-    AXMTaskBoardSettings["CurrentDate"] = "taskboard.calendar.currentDate";
-    AXMTaskBoardSettings["SelectedTaskTypeFilter"] = "taskboard.filter.selectedTaskType";
-})(AXMTaskBoardSettings || (AXMTaskBoardSettings = {}));
-
-const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() => ({
-    isLoading: true, // Start with loading true until initialized
-    currentViewMode: 'month', // Default value
-    currentDate: new Date(), // Default to today
-    selectedTaskTypeName: null, // Store the name/ID of the task type for persistence
-    taskTypes: [],
-})), withComputed((store) => ({
-    // Computed property to get the actual AXPWorkflowTaskProvider object
-    selectedTaskType: computed(() => {
-        const name = store.selectedTaskTypeName();
-        if (!name) {
-            return null;
-        }
-        return store.taskTypes().find((tt) => tt.name === name) || null;
-    }),
-    // Example computed (you can add more as needed):
-    // isMonthView: computed(() => store.calendarViewMode() === 'month'),
-})), withMethods((store, settingService = inject(AXPSettingService), // Inject the main service
-taskBoardService = inject(AXPTaskBoardService)) => ({
-    async initialize() {
-        patchState(store, { isLoading: true });
-        const userScopedSettings = settingService.scope(AXPPlatformScope.User); // Get user scope once
-        try {
-            // 1. Load Task Types first
-            const taskTypes = await taskBoardService.getTaskTypes();
-            patchState(store, { taskTypes });
-            // 2. Load Persisted Settings individually
-            const [savedViewMode, savedDateString, savedTaskTypeName] = await Promise.all([
-                userScopedSettings.get(AXMTaskBoardSettings.CalendarViewMode),
-                userScopedSettings.get(AXMTaskBoardSettings.CurrentDate),
-                userScopedSettings.get(AXMTaskBoardSettings.SelectedTaskTypeFilter),
-            ]);
-            patchState(store, {
-                currentViewMode: savedViewMode || 'month', // Fallback to default
-                currentDate: savedDateString ? new Date(savedDateString) : new Date(), // Parse stored date string
-                selectedTaskTypeName: savedTaskTypeName || null, // Load persisted task type name
-                isLoading: false,
-            });
-        }
-        catch (error) {
-            console.error('Error initializing TaskBoard ViewModel:', error);
-            // Fallback to defaults on error to ensure the app is usable
-            patchState(store, {
-                currentViewMode: 'month',
-                currentDate: new Date(),
-                selectedTaskTypeName: null,
-                taskTypes: store.taskTypes(), // Retain loaded task types if any, or empty if error was before taskTypes load
-                isLoading: false,
-            });
-        }
-    },
-    setCalendarViewMode(mode) {
-        if ((mode === 'kanban' || mode === 'grid' || mode === 'status-grouped-grid' || mode === 'time-grouped-grid') &&
-            store.selectedTaskTypeName() === null) {
-            const taskTypeName = store.taskTypes()[0].name;
-            patchState(store, { selectedTaskTypeName: taskTypeName });
-            settingService
-                .scope(AXPPlatformScope.User)
-                .set(AXMTaskBoardSettings.SelectedTaskTypeFilter, taskTypeName)
-                .catch((error) => console.error('Error saving selected task type filter:', error));
-        }
-        patchState(store, { currentViewMode: mode });
-        settingService
-            .scope(AXPPlatformScope.User)
-            .set(AXMTaskBoardSettings.CalendarViewMode, mode)
-            .catch((error) => console.error('Error saving calendar view mode:', error));
-    },
-    setCurrentDate(date) {
-        patchState(store, { currentDate: new Date(date) });
-        settingService
-            .scope(AXPPlatformScope.User)
-            .set(AXMTaskBoardSettings.CurrentDate, date.toISOString())
-            .catch((error) => console.error('Error saving current date:', error));
-    },
-    setSelectedTaskTypeProvider(taskType) {
-        const taskTypeName = taskType ? taskType.name : null;
-        patchState(store, { selectedTaskTypeName: taskTypeName });
-        settingService
-            .scope(AXPPlatformScope.User)
-            .set(AXMTaskBoardSettings.SelectedTaskTypeFilter, taskTypeName)
-            .catch((error) => console.error('Error saving selected task type filter:', error));
-    },
-})));
-
-class AXMTaskBoardCalendarViewComponent {
-    constructor() {
-        this.taskBoardService = inject(AXPTaskBoardService);
-        this.schedulerComponent = viewChild(AXSchedulerComponent);
-        this.startingDate = input(new Date());
-        this.selectedView = input('month');
-        this.dataSource = input.required();
-        this.currentSchedulerView = computed(() => this.selectedView() === 'kanban' || this.selectedView() === 'grid'
-            ? 'month'
-            : this.selectedView());
-        this.onTaskChanged = output();
-        this.onMonthSlotDblClicked = output();
-        this.component = output();
-        this.onRangeChanged = output();
-        this.onTaskRightClick = output();
-    }
-    ngAfterViewInit() {
-        if (this.schedulerComponent()) {
-            this.component.emit(this.schedulerComponent());
-        }
-    }
-    onTaskDrop(event) {
-        this.taskBoardService
-            .updateTaskDateRange(event.appointment, {
-            from: event.slot.startDate.date,
-            end: event.slot.endDate.date,
-        })
-            .then((task) => {
-            this.onTaskChanged.emit(task);
-            this.schedulerComponent()?.refresh([task]);
-        });
-    }
-    onTaskRightClickHandler(event) {
-        this.onTaskRightClick.emit(event);
-    }
-    onSlotDblClicked(event) {
-        if (event.sender.selectedView() === 'month') {
-            this.onMonthSlotDblClicked.emit(event.slot.startDate.date);
-        }
-    }
-    handleRangeChanged(event) {
-        this.onRangeChanged.emit(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMTaskBoardCalendarViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.7", type: AXMTaskBoardCalendarViewComponent, isStandalone: true, selector: "axm-task-board-calendar-view", inputs: { 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: { onTaskChanged: "onTaskChanged", onMonthSlotDblClicked: "onMonthSlotDblClicked", component: "component", onRangeChanged: "onRangeChanged", onTaskRightClick: "onTaskRightClick" }, viewQueries: [{ propertyName: "schedulerComponent", first: true, predicate: AXSchedulerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-scheduler\n  [hasHeader]=\"false\"\n  [dataSource]=\"dataSource()\"\n  [startingDate]=\"startingDate()\"\n  [selectedView]=\"currentSchedulerView()\"\n  (onAppointmentDrop)=\"onTaskDrop($event)\"\n  (onRangeChanged)=\"handleRangeChanged($event)\"\n  (onSlotDblClicked)=\"onSlotDblClicked($event)\"\n  (onAppointmentRightClick)=\"onTaskRightClickHandler($event)\"\n></ax-scheduler>\n", styles: ["ax-scheduler{line-height:1.5;background-color:rgba(var(--ax-sys-color-lightest-surface))!important}\n"], dependencies: [{ kind: "component", type: AXSchedulerComponent, selector: "ax-scheduler", inputs: ["calendar", "startingDate", "endDayHour", "startDayHour", "hasHeader", "readonly", "draggable", "hasActions", "dragStartDelay", "allowFullScreen", "multiDayViewDaysCount", "tooltipTemplate", "dataSource", "firstDayOfWeek", "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: "20.0.7", ngImport: i0, type: AXMTaskBoardCalendarViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-task-board-calendar-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXSchedulerComponent], template: "<ax-scheduler\n  [hasHeader]=\"false\"\n  [dataSource]=\"dataSource()\"\n  [startingDate]=\"startingDate()\"\n  [selectedView]=\"currentSchedulerView()\"\n  (onAppointmentDrop)=\"onTaskDrop($event)\"\n  (onRangeChanged)=\"handleRangeChanged($event)\"\n  (onSlotDblClicked)=\"onSlotDblClicked($event)\"\n  (onAppointmentRightClick)=\"onTaskRightClickHandler($event)\"\n></ax-scheduler>\n", styles: ["ax-scheduler{line-height:1.5;background-color:rgba(var(--ax-sys-color-lightest-surface))!important}\n"] }]
-        }] });
-
-class AXMTaskBoardGridViewComponent {
-    constructor() {
-        this.localeService = inject(AXLocaleService);
-        this.calendarService = inject(AXCalendarService);
-        this.taskBoardService = inject(AXPTaskBoardService);
-        this.grid = viewChild('grid');
-        this.statuses = input.required();
-        this.dataSource = input.required();
-        this.onTaskChanged = output();
-        this.tasks = signal([]);
-        this.tasksDataSource = computed(() => {
-            return new AXDataSource({
-                load: async (e) => {
-                    const items = this.tasks().map((task) => ({
-                        id: task.id,
-                        title: task.title,
-                        priority: task.priority,
-                        description: task.description,
-                        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,
-                        }),
-                        statusTitle: this.statuses().find((status) => status.key === task.statusKey)?.title,
-                    }));
-                    return {
-                        items: items.slice(e.skip, e.skip + e.take),
-                        total: items.length,
-                    };
-                },
-                pageSize: 10,
-                key: 'id',
-                byKey: async (key) => {
-                    return this.tasks().find((task) => task.id === key);
-                },
-            });
-        });
-        this.#filterChange = effect(() => {
-            this.dataSource().then((tasks) => {
-                this.tasks.set(tasks);
-                this.grid()?.refresh();
-            });
-        });
-    }
-    #filterChange;
-    onSortChanged(event) {
-        const tasks = this.tasks().map((item) => {
-            const task = event.allItems.find((t) => t.id === item.id);
-            if (task) {
-                return { ...item, index: task.index, statusKey: task.statusKey };
-            }
-            return item;
-        });
-        this.taskBoardService.updateMultipleTasks(tasks).then((tasks) => {
-            this.tasks.set(tasks);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMTaskBoardGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.7", type: AXMTaskBoardGridViewComponent, isStandalone: true, selector: "axm-task-board-grid-view", inputs: { statuses: { classPropertyName: "statuses", publicName: "statuses", isSignal: true, isRequired: true, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onTaskChanged: "onTaskChanged" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-data-table\n  #grid\n  [fetchDataMode]=\"'manual'\"\n  [dataSource]=\"tasksDataSource()\"\n  [loading]=\"{ enabled: true, animation: true }\"\n>\n  <ax-text-column dataField=\"title\" caption=\"title\" [width]=\"'350px'\"></ax-text-column>\n  <ax-text-column dataField=\"description\" caption=\"description\" [width]=\"'100%'\"></ax-text-column>\n  <ax-text-column dataField=\"startDate\" caption=\"Start Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"endDate\" caption=\"Due Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"priority\" caption=\"priority\" [width]=\"'125px'\"></ax-text-column>\n  <ax-text-column dataField=\"statusTitle\" caption=\"status\" [width]=\"'125px'\"></ax-text-column>\n</ax-data-table>\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"], dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "parentField", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMTaskBoardGridViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-task-board-grid-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDataTableModule], template: "<ax-data-table\n  #grid\n  [fetchDataMode]=\"'manual'\"\n  [dataSource]=\"tasksDataSource()\"\n  [loading]=\"{ enabled: true, animation: true }\"\n>\n  <ax-text-column dataField=\"title\" caption=\"title\" [width]=\"'350px'\"></ax-text-column>\n  <ax-text-column dataField=\"description\" caption=\"description\" [width]=\"'100%'\"></ax-text-column>\n  <ax-text-column dataField=\"startDate\" caption=\"Start Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"endDate\" caption=\"Due Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"priority\" caption=\"priority\" [width]=\"'125px'\"></ax-text-column>\n  <ax-text-column dataField=\"statusTitle\" caption=\"status\" [width]=\"'125px'\"></ax-text-column>\n</ax-data-table>\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"] }]
-        }] });
-
-class AXMTaskBoardKanbanViewComponent {
-    constructor() {
-        this.taskBoardService = inject(AXPTaskBoardService);
-        this.kanbanComponent = viewChild(AXKanbanComponent);
-        this.statuses = input.required();
-        this.dataSource = input.required();
-        this.onTaskChanged = output();
-        this.component = output();
-        this.tasks = signal([]);
-        this.kanbanTasks = computed(() => {
-            return this.tasks().map((task) => ({
-                id: task.id,
-                title: task.title,
-                index: task.index,
-                cssClass: task.cssClass,
-                priority: task.priority,
-                statusKey: task.statusKey,
-                description: task.description,
-            }));
-        });
-        this.#filterChange = effect(() => {
-            this.dataSource().then((tasks) => {
-                this.tasks.set(tasks);
-            });
-        });
-    }
-    #filterChange;
-    ngAfterViewInit() {
-        if (this.kanbanComponent()) {
-            this.component.emit(this.kanbanComponent());
-        }
-    }
-    onSortChanged(event) {
-        const tasks = this.tasks().map((item) => {
-            const task = event.allItems.find((t) => t.id === item.id);
-            if (task) {
-                return { ...item, index: task.index, statusKey: task.statusKey };
-            }
-            return item;
-        });
-        this.taskBoardService.updateMultipleTasks(tasks).then((tasks) => {
-            this.tasks.set(tasks);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMTaskBoardKanbanViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.7", type: AXMTaskBoardKanbanViewComponent, isStandalone: true, selector: "axm-task-board-kanban-view", inputs: { statuses: { classPropertyName: "statuses", publicName: "statuses", isSignal: true, isRequired: true, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onTaskChanged: "onTaskChanged", component: "component" }, viewQueries: [{ propertyName: "kanbanComponent", first: true, predicate: AXKanbanComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-kanban [dataSource]=\"kanbanTasks()\" [statuses]=\"statuses()\" (onSortChanged)=\"onSortChanged($event)\"></ax-kanban>\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"], dependencies: [{ kind: "component", type: AXKanbanComponent, selector: "ax-kanban", inputs: ["hasActions", "dragStartDelay", "statuses", "itemTemplate", "dataSource", "keyField", "indexField", "titleField", "cssClassField", "priorityField", "statusKeyField", "descriptionField", "emptyTemplate", "headerTemplate", "footerTemplate", "contentFooterTemplate", "tooltipTemplate"], outputs: ["onSortChanged", "onActionClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", 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 [dataSource]=\"kanbanTasks()\" [statuses]=\"statuses()\" (onSortChanged)=\"onSortChanged($event)\"></ax-kanban>\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"] }]
-        }] });
-
-class AXMTaskBoardStatusGroupedGridViewComponent {
-    constructor() {
-        this.localeService = inject(AXLocaleService);
-        this.calendarService = inject(AXCalendarService);
-        this.taskBoardService = inject(AXPTaskBoardService);
-        this.tables = viewChildren(AXDataTableComponent);
-        this.statuses = input.required();
-        this.dataSource = input.required();
-        this.onTaskChanged = output();
-        this.tasks = signal([]);
-        this.groupedTasks = computed(() => {
-            const allTasks = this.tasks();
-            const allStatuses = this.statuses();
-            if (!allTasks.length || !allStatuses.length) {
-                return [];
-            }
-            const map = allStatuses.map((status) => ({
-                statusInfo: status,
-                tasks: this.createTaskDataSource(allTasks.filter((task) => task.statusKey === status.key)),
-            }));
-            return map;
-        });
-        this.#filterChange = effect(() => {
-            this.dataSource().then((tasks) => {
-                this.tasks.set(tasks);
-                untracked(() => {
-                    this.tables()?.forEach((table) => {
-                        table.refresh();
-                    });
-                });
-            });
-        });
-    }
-    createTaskDataSource(tasks) {
-        return new AXDataSource({
-            load: async (e) => {
-                const items = tasks.map((task) => ({
-                    id: task.id,
-                    title: task.title,
-                    priority: task.priority,
-                    description: task.description,
-                    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,
-                    }),
-                    statusTitle: this.statuses().find((status) => status.key === task.statusKey)?.title,
-                }));
-                return {
-                    items: items.slice(e.skip, e.skip + e.take),
-                    total: items.length,
-                };
-            },
-            pageSize: 10,
-            key: 'id',
-            byKey: async (key) => {
-                return tasks.find((task) => task.id === key);
-            },
-        });
-    }
-    #filterChange;
-    onSortChanged(event) {
-        const tasks = this.tasks().map((item) => {
-            const task = event.allItems.find((t) => t.id === item.id);
-            if (task) {
-                return { ...item, index: task.index, statusKey: task.statusKey };
-            }
-            return item;
-        });
-        this.taskBoardService.updateMultipleTasks(tasks).then((tasks) => {
-            this.tasks.set(tasks);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMTaskBoardStatusGroupedGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXMTaskBoardStatusGroupedGridViewComponent, isStandalone: true, selector: "axm-task-board-status-grouped-grid-view", inputs: { statuses: { classPropertyName: "statuses", publicName: "statuses", isSignal: true, isRequired: true, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onTaskChanged: "onTaskChanged" }, viewQueries: [{ propertyName: "tables", predicate: AXDataTableComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@for(group of groupedTasks(); track group.statusInfo.key){\n<h1 class=\"ax-text-xl ax-font-bold\">{{group.statusInfo.title}}</h1>\n<ax-data-table\n  class=\"ax-h-[291px]\"\n  [fetchDataMode]=\"'manual'\"\n  [dataSource]=\"group.tasks\"\n  [loading]=\"{ enabled: true, animation: true }\"\n>\n  <ax-text-column dataField=\"title\" caption=\"title\" [width]=\"'350px'\"></ax-text-column>\n  <ax-text-column dataField=\"description\" caption=\"description\" [width]=\"'100%'\"></ax-text-column>\n  <ax-text-column dataField=\"startDate\" caption=\"Start Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"endDate\" caption=\"Due Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"priority\" caption=\"priority\" [width]=\"'125px'\"></ax-text-column>\n</ax-data-table>\n}\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"], dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "parentField", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMTaskBoardStatusGroupedGridViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-task-board-status-grouped-grid-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDataTableModule], template: "@for(group of groupedTasks(); track group.statusInfo.key){\n<h1 class=\"ax-text-xl ax-font-bold\">{{group.statusInfo.title}}</h1>\n<ax-data-table\n  class=\"ax-h-[291px]\"\n  [fetchDataMode]=\"'manual'\"\n  [dataSource]=\"group.tasks\"\n  [loading]=\"{ enabled: true, animation: true }\"\n>\n  <ax-text-column dataField=\"title\" caption=\"title\" [width]=\"'350px'\"></ax-text-column>\n  <ax-text-column dataField=\"description\" caption=\"description\" [width]=\"'100%'\"></ax-text-column>\n  <ax-text-column dataField=\"startDate\" caption=\"Start Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"endDate\" caption=\"Due Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"priority\" caption=\"priority\" [width]=\"'125px'\"></ax-text-column>\n</ax-data-table>\n}\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"] }]
-        }] });
-
-class AXMTaskBoardTimeGroupedGridViewComponent {
-    constructor() {
-        this.localeService = inject(AXLocaleService);
-        this.calendarService = inject(AXCalendarService);
-        this.taskBoardService = inject(AXPTaskBoardService);
-        this.tables = viewChildren(AXDataTableComponent);
-        this.statuses = input.required();
-        this.dataSource = input.required();
-        this.onTaskChanged = output();
-        this.tasks = signal([]);
-        this.groupedTasks = computed(() => {
-            const allTasks = this.tasks();
-            const allStatuses = this.statuses();
-            if (!allTasks.length || !allStatuses.length) {
-                return [];
-            }
-            const map = allStatuses.map((status) => ({
-                statusInfo: status,
-                tasks: this.createTaskDataSource(allTasks.filter((task) => task.statusKey === status.key)),
-            }));
-            return map;
-        });
-        this.#filterChange = effect(() => {
-            this.dataSource().then((tasks) => {
-                this.tasks.set(tasks);
-                untracked(() => {
-                    this.tables()?.forEach((table) => {
-                        table.refresh();
-                    });
-                });
-            });
-        });
-    }
-    createTaskDataSource(tasks) {
-        return new AXDataSource({
-            load: async (e) => {
-                const items = tasks.map((task) => ({
-                    id: task.id,
-                    title: task.title,
-                    priority: task.priority,
-                    description: task.description,
-                    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,
-                    }),
-                    statusTitle: this.statuses().find((status) => status.key === task.statusKey)?.title,
-                }));
-                return {
-                    items: items.slice(e.skip, e.skip + e.take),
-                    total: items.length,
-                };
-            },
-            pageSize: 10,
-            key: 'id',
-            byKey: async (key) => {
-                return tasks.find((task) => task.id === key);
-            },
-        });
-    }
-    #filterChange;
-    onSortChanged(event) {
-        const tasks = this.tasks().map((item) => {
-            const task = event.allItems.find((t) => t.id === item.id);
-            if (task) {
-                return { ...item, index: task.index, statusKey: task.statusKey };
-            }
-            return item;
-        });
-        this.taskBoardService.updateMultipleTasks(tasks).then((tasks) => {
-            this.tasks.set(tasks);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMTaskBoardTimeGroupedGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXMTaskBoardTimeGroupedGridViewComponent, isStandalone: true, selector: "axm-task-board-time-grouped-grid-view", inputs: { statuses: { classPropertyName: "statuses", publicName: "statuses", isSignal: true, isRequired: true, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onTaskChanged: "onTaskChanged" }, viewQueries: [{ propertyName: "tables", predicate: AXDataTableComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@for(group of groupedTasks(); track group.statusInfo.key){\n<h1 class=\"ax-text-xl ax-font-bold\">{{group.statusInfo.title}}</h1>\n<ax-data-table\n  class=\"ax-h-[291px]\"\n  [fetchDataMode]=\"'manual'\"\n  [dataSource]=\"group.tasks\"\n  [loading]=\"{ enabled: true, animation: true }\"\n>\n  <ax-text-column dataField=\"title\" caption=\"title\" [width]=\"'300px'\"></ax-text-column>\n  <ax-text-column dataField=\"description\" caption=\"description\"></ax-text-column>\n  <ax-text-column dataField=\"startDate\" caption=\"Start Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"endDate\" caption=\"Due Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"priority\" caption=\"priority\" [width]=\"'125px'\"></ax-text-column>\n  <ax-text-column dataField=\"statusTitle\" caption=\"status\" [width]=\"'125px'\"></ax-text-column>\n</ax-data-table>\n}\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"], dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "parentField", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMTaskBoardTimeGroupedGridViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-task-board-time-grouped-grid-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDataTableModule], template: "@for(group of groupedTasks(); track group.statusInfo.key){\n<h1 class=\"ax-text-xl ax-font-bold\">{{group.statusInfo.title}}</h1>\n<ax-data-table\n  class=\"ax-h-[291px]\"\n  [fetchDataMode]=\"'manual'\"\n  [dataSource]=\"group.tasks\"\n  [loading]=\"{ enabled: true, animation: true }\"\n>\n  <ax-text-column dataField=\"title\" caption=\"title\" [width]=\"'300px'\"></ax-text-column>\n  <ax-text-column dataField=\"description\" caption=\"description\"></ax-text-column>\n  <ax-text-column dataField=\"startDate\" caption=\"Start Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"endDate\" caption=\"Due Date\" [width]=\"'150px'\"></ax-text-column>\n  <ax-text-column dataField=\"priority\" caption=\"priority\" [width]=\"'125px'\"></ax-text-column>\n  <ax-text-column dataField=\"statusTitle\" caption=\"status\" [width]=\"'125px'\"></ax-text-column>\n</ax-data-table>\n}\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"] }]
-        }] });
-
-class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.MULTI_DAYS_COUNT = 7;
-        this.rootConfig = RootConfig;
-        this.vm = inject(AXMTaskBoardViewModel);
-        this.localeService = inject(AXLocaleService);
-        this.calendarService = inject(AXCalendarService);
-        this.taskBoardService = inject(AXPTaskBoardService);
-        this.popover = viewChild('popover');
-        this.calendar = viewChild('calendar');
-        this.currentTask = signal(null);
-        this.currentViewMode = signal('scheduler');
-        this.schedulerComponent = signal(null);
-        this.viewsItems = signal([
-            { key: 'day', text: 'daily', icon: 'fa-light fa-calendar-day', title: 'Calendar' },
-            { key: 'week', text: 'weekly', icon: 'fa-light fa-calendar-week' },
-            { key: 'month', text: 'monthly', icon: 'fa-light fa-calendar-alt' },
-            { key: 'agenda', text: 'agenda', icon: 'fa-light fa-calendar-range', break: true },
-            { key: 'grid', text: 'grid', icon: 'fa-light fa-table', title: 'Table' },
-            // { key: 'time-grouped-grid', text: 'time-grouped-grid', icon: 'fa-light fa-table' },
-            { key: 'status-grouped-grid', text: 'status-grouped-grid', icon: 'fa-light fa-table', break: true },
-            { key: 'kanban', text: 'kanban', icon: 'fa-light fa-chart-kanban' },
-        ]);
-        this.calendarType = computed(() => this.localeService.activeProfile().calendar.system);
-        this.todayButtonText = computed(() => {
-            switch (this.vm.currentViewMode()) {
-                case 'day':
-                case 'agenda':
-                case 'kanban':
-                case 'timeline-day':
-                case 'timeline-multi-day':
-                    return 'Today';
-                case 'week':
-                    return 'Current week';
-                case 'grid':
-                case 'month':
-                case 'timeline-month':
-                case 'time-grouped-grid':
-                case 'status-grouped-grid':
-                    return 'Current month';
-            }
-        });
-        this.timeText = computed(() => {
-            if (this.vm.currentViewMode() === 'kanban') {
-                const start = this.calendarService.create(this.vm.currentDate(), this.localeService.activeProfile().calendar.system);
-                const end = start.add('day', this.MULTI_DAYS_COUNT - 1);
-                const startText = start.format('DD MMMM yyyy', { locale: this.localeService.activeProfile().calendar.system });
-                const endText = end.format('DD MMMM yyyy', { locale: this.localeService.activeProfile().calendar.system });
-                return `${startText} - ${endText}`;
-            }
-            if (this.vm.currentViewMode() === 'grid' ||
-                this.vm.currentViewMode() === 'time-grouped-grid' ||
-                this.vm.currentViewMode() === 'status-grouped-grid') {
-                const start = this.calendarService.create(this.vm.currentDate(), this.localeService.activeProfile().calendar.system);
-                const startText = start.format('MMMM yyyy', { locale: this.localeService.activeProfile().calendar.system });
-                return startText;
-            }
-            return this.schedulerComponent()?.currentDateText();
-        });
-        this.calendarDepth = computed(() => {
-            if (this.vm.currentViewMode() === 'kanban') {
-                return 'day';
-            }
-            if (this.vm.currentViewMode() === 'grid' ||
-                this.vm.currentViewMode() === 'time-grouped-grid' ||
-                this.vm.currentViewMode() === 'status-grouped-grid') {
-                return 'month';
-            }
-            return this.schedulerComponent()?.calendarDepth();
-        });
-        this.selectedViewMode = computed(() => this.viewsItems().find((item) => item.key === this.vm.currentViewMode()) || this.viewsItems()[0]);
-        this.filter = computed(() => {
-            const taskTypeProvider = this.vm.selectedTaskType();
-            const types = taskTypeProvider ? [taskTypeProvider.name] : undefined;
-            let from = this.calendarService.create(this.vm.currentDate(), this.localeService.activeProfile().calendar.system);
-            let end;
-            if (this.vm.currentViewMode() === 'kanban') {
-                end = from.add('day', this.MULTI_DAYS_COUNT - 1);
-            }
-            else if (this.vm.currentViewMode() === 'grid' ||
-                this.vm.currentViewMode() === 'time-grouped-grid' ||
-                this.vm.currentViewMode() === 'status-grouped-grid') {
-                from = from.startOf('month');
-                end = from.endOf('month');
-            }
-            else {
-                end = from.endOf('day');
-            }
-            return {
-                ...(types && { types }),
-                range: { from: from.date, end: end.date },
-            };
-        });
-        this.contextMenu = viewChild('rootContextMenu');
-        this.dataSource = (filter) => {
-            const taskTypeProvider = this.vm.selectedTaskType();
-            const types = taskTypeProvider ? [taskTypeProvider.name] : undefined;
-            return this.taskBoardService.getTasks({ ...filter, types });
-        };
-        this.statuses = computed(() => {
-            return this.vm.selectedTaskType()?.statuses || [];
-        });
-        this.getCellClass = (date) => {
-            // check from value
-            const rangedDates = [
-                'week',
-                'grid',
-                'kanban',
-                'agenda',
-                'time-grouped-grid',
-                'status-grouped-grid',
-                'timeline-multi-day',
-            ];
-            if (!rangedDates.includes(this.vm.currentViewMode())) {
-                return null;
-            }
-            const from = this.calendarService.create(this.vm.currentDate(), this.localeService.activeProfile().calendar.system);
-            const end = from.add('day', this.MULTI_DAYS_COUNT - 1);
-            if (from && date.equal(from, 'day')) {
-                return 'ax-range-start';
-            }
-            if (end && date.equal(end, 'day')) {
-                return 'ax-range-end';
-            }
-            if (from && end && date.compare(from, 'day') > 0 && date.compare(end, 'day') < 0) {
-                return 'ax-range-between';
-            }
-            return null;
-        };
-    }
-    async ngOnInit() {
-        await super.ngOnInit();
-        await this.vm.initialize();
-    }
-    async getPageTitle() {
-        return await this.translateService.translateAsync('task-board.page-title', { scope: this.rootConfig.config.i18n });
-    }
-    async getPageBreadcrumbs() {
-        return [
-            {
-                title: await this.translateService.translateAsync('root-menu', { scope: this.rootConfig.config.i18n }),
-            },
-        ];
-    }
-    schedulerComponentChanged(component) {
-        this.schedulerComponent.set(component);
-    }
-    handleContextMenuOnOpening(event) {
-        for (const item of this.currentTask()?.data?.actions || []) {
-            event.items.push({
-                text: item.title,
-                icon: item.icon,
-                data: {
-                    command: item.command,
-                },
-            });
-        }
-    }
-    handleTaskRightClick(event) {
-        this.currentTask.set(event.appointment);
-        const x = event.nativeEvent.clientX;
-        const y = event.nativeEvent.clientY;
-        const element = event.sender.nativeElement;
-        this.contextMenu()?.showAt({ x, y }, element);
-    }
-    handleMonthSlotDblClicked(date) {
-        this.vm.setCurrentDate(date);
-        this.vm.setCalendarViewMode('day');
-    }
-    handleCalendarViewChange(view) {
-        this.vm.setCalendarViewMode(view);
-        const schedulerComponent = this.schedulerComponent();
-        if (schedulerComponent) {
-            setTimeout(() => {
-                this.vm.setCurrentDate(schedulerComponent.currentDate().date);
-                this.popover()?.close();
-                this.calendar()?.render();
-            });
-        }
-    }
-    handleSelectedTaskTypeChange(taskType) {
-        this.vm.setSelectedTaskTypeProvider(taskType);
-        this.schedulerComponent()?.refresh();
-    }
-    handleSchedulerDateChanged(event) {
-        if (this.vm.isLoading()) {
-            return;
-        }
-        const newDate = event.value;
-        const currentDateInVm = this.vm.currentDate();
-        let dateToSet = newDate || new Date();
-        if (!currentDateInVm || currentDateInVm.getTime() !== dateToSet.getTime()) {
-            if (this.vm.currentViewMode() === 'week') {
-                const day = dateToSet.getDay();
-                const weekStart = this.localeService.activeProfile().calendar.week.startsOn;
-                let daysToSubtract = day - weekStart;
-                if (daysToSubtract < 0) {
-                    daysToSubtract += 7;
-                }
-                dateToSet = new Date(dateToSet);
-                dateToSet.setDate(dateToSet.getDate() - daysToSubtract);
-            }
-            this.vm.setCurrentDate(dateToSet);
-            this.popover()?.close();
-            this.calendar()?.render();
-        }
-    }
-    handleContextMenuItemClick(event) {
-        this.taskBoardService.executeCommand(event.item.data?.command, this.currentTask()?.data?.provider ?? '');
-    }
-    changeDate(forward) {
-        const date = this.calendarService.create(this.vm.currentDate(), this.localeService.activeProfile().calendar.system);
-        switch (this.vm.currentViewMode()) {
-            case 'day':
-            case 'timeline-day':
-                this.vm.setCurrentDate(date.add('day', forward ? 1 : -1).date);
-                break;
-            case 'week':
-                this.vm.setCurrentDate(date.add('week', forward ? 1 : -1).date);
-                break;
-            case 'agenda':
-            case 'kanban':
-            case 'timeline-multi-day':
-                this.vm.setCurrentDate(date.add('day', forward ? this.MULTI_DAYS_COUNT - 1 : 1 - this.MULTI_DAYS_COUNT).date);
-                break;
-            case 'grid':
-            case 'month':
-            case 'timeline-month':
-            case 'time-grouped-grid':
-            case 'status-grouped-grid':
-                this.vm.setCurrentDate(date.add('month', forward ? 1 : -1).date);
-                break;
-        }
-        this.popover()?.close();
-        this.calendar()?.render();
-    }
-    handleTodayClick() {
-        this.handleSchedulerDateChanged({ value: new Date(), component: this.schedulerComponent() });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMTaskBoardPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXMTaskBoardPage, isStandalone: true, selector: "ng-component", providers: [
-            {
-                provide: AXPPageLayoutBase,
-                useExisting: AXMTaskBoardPage,
-            },
-        ], viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, isSignal: true }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, isSignal: true }, { propertyName: "contextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      <ax-button\n        [text]=\"t(vm.selectedTaskType()?.title || 'task-board.all', { scope: rootConfig.config.i18n }) | async\"\n      >\n        <ax-prefix><ax-icon icon=\"fa-light {{vm.selectedTaskType()?.icon || 'fa-tasks'}}\"></ax-icon></ax-prefix>\n        <ax-dropdown-panel>\n          <ax-button-item-list class=\"ax-p-2\">\n            @if(vm.currentViewMode()!=='kanban' && vm.currentViewMode()!=='grid' &&\n            vm.currentViewMode()!=='status-grouped-grid' && vm.currentViewMode()!=='time-grouped-grid') {\n            <ax-button-item\n              (onClick)=\"handleSelectedTaskTypeChange(null)\"\n              [text]=\"(t('task-board.all', { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix><ax-icon icon=\"fa-light fa-tasks\"></ax-icon></ax-prefix>\n            </ax-button-item>\n            } @for(item of vm.taskTypes(); track item.name) {\n            <ax-button-item\n              (onClick)=\"handleSelectedTaskTypeChange(item)\"\n              [text]=\"(t(item.title, { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix><ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon></ax-prefix>\n            </ax-button-item>\n            }\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n\n      <div class=\"ax-scheduler-header\">\n        <ax-button look=\"blank\" (onClick)=\"changeDate(false)\">\n          <ax-icon class=\"ax-icon ax-text-xl ax-icon-chevron-left arrow-icon\"></ax-icon>\n        </ax-button>\n        <ax-button look=\"blank\" [text]=\"timeText()\" #date></ax-button>\n        <ax-button look=\"blank\" (onClick)=\"changeDate(true)\">\n          <ax-icon class=\"ax-icon ax-text-xl ax-icon-chevron-right arrow-icon\"></ax-icon>\n        </ax-button>\n        <ax-popover [target]=\"date\" [placement]=\"'bottom'\" #popover>\n          <div class=\"ax-overlay-pane\">\n            <ax-calendar\n              #calendar\n              [type]=\"calendarType()\"\n              [cellClass]=\"getCellClass\"\n              [ngModel]=\"vm.currentDate()\"\n              class=\"ax-single-range-calendar\"\n              [depth]=\"calendarDepth()\"\n              (onValueChanged)=\"handleSchedulerDateChanged($event)\"\n            >\n              <ax-footer>\n                <ax-button\n                  look=\"link\"\n                  color=\"primary\"\n                  [text]=\"todayButtonText()\"\n                  (onClick)=\"handleTodayClick()\"\n                ></ax-button>\n              </ax-footer>\n            </ax-calendar>\n          </div>\n        </ax-popover>\n      </div>\n    </axp-layout-prefix>\n    <axp-layout-suffix>\n      <ax-button>\n        <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n        <ax-dropdown-panel>\n          <ax-button-item-list>\n            @for(item of viewsItems(); track item.key) { @if(item.title) {\n            <ax-title>{{ item.title }}</ax-title>\n            }\n            <ax-button-item\n              [text]=\"(t('task-board.view.' + item.text, { scope: 'workflow-management' }) | async)!\"\n              [selected]=\"vm.currentViewMode() === item.key\"\n              (onClick)=\"handleCalendarViewChange(item.key)\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            @if(item.break) {\n            <ax-divider></ax-divider>\n            } }\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n    </axp-layout-suffix>\n  </axp-page-toolbar>\n  <axp-page-content>\n    @switch(vm.currentViewMode()) { @case('kanban') {\n    <axm-task-board-kanban-view\n      [statuses]=\"statuses()\"\n      class=\"axp-kanban-container ax-h-full\"\n      [dataSource]=\"dataSource(filter())\"\n    ></axm-task-board-kanban-view>\n    }@case('grid') {\n    <axm-task-board-grid-view\n      class=\"ax-h-full\"\n      [statuses]=\"statuses()\"\n      [dataSource]=\"dataSource(filter())\"\n    ></axm-task-board-grid-view>\n    }@case('status-grouped-grid') {\n    <axm-task-board-status-grouped-grid-view\n      [statuses]=\"statuses()\"\n      [dataSource]=\"dataSource(filter())\"\n      class=\"ax-flex ax-flex-col ax-gap-2\"\n    ></axm-task-board-status-grouped-grid-view>\n    }@case('time-grouped-grid') {\n    <axm-task-board-time-grouped-grid-view\n      [statuses]=\"statuses()\"\n      [dataSource]=\"dataSource(filter())\"\n      class=\"ax-flex ax-flex-col ax-gap-2\"\n    ></axm-task-board-time-grouped-grid-view>\n    } @default {\n    <axm-task-board-calendar-view\n      class=\"axp-scheduler-container ax-h-full\"\n      [dataSource]=\"dataSource\"\n      [startingDate]=\"vm.currentDate()\"\n      [selectedView]=\"vm.currentViewMode()\"\n      (component)=\"schedulerComponentChanged($event)\"\n      (onTaskRightClick)=\"handleTaskRightClick($event)\"\n      (onMonthSlotDblClicked)=\"handleMonthSlotDblClicked($event)\"\n    ></axm-task-board-calendar-view>\n    <ax-context-menu\n      #rootContextMenu\n      [closeOn]=\"'leave'\"\n      [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOnOpening($event)\"\n      (onItemClick)=\"handleContextMenuItemClick($event)\"\n    >\n    </ax-context-menu>\n    } }\n  </axp-page-content>\n</axp-page-layout>\n", styles: ["html[dir=rtl] axp-page-layout axp-page-toolbar axp-layout-prefix .ax-scheduler-header .arrow-icon:before{-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scaleX(-1)}.ax-single-range-calendar .ax-range-start,.ax-single-range-calendar .ax-range-end{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.85)!important}.ax-single-range-calendar .ax-range-start:hover,.ax-single-range-calendar .ax-range-end:hover{background-color:rgba(var(--ax-sys-color-primary-surface))!important}.ax-single-range-calendar .ax-range-start.ax-state-holiday,.ax-single-range-calendar .ax-range-end.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.85)!important}.ax-single-range-calendar .ax-range-between{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.65)}.ax-single-range-calendar .ax-range-between.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.65)}.ax-single-range-calendar ax-footer{display:flex;justify-content:center;border-color:rgba(var(--ax-comp-calendar-view-header-border-color));border-top-width:var(--ax-comp-calendar-view-header-border-width, 1px)}axp-page-content:not(:has(axm-task-board-status-grouped-grid-view,axm-task-board-time-grouped-grid-view)){overflow-y:hidden}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
-                //
-                AXMenuModule }, { kind: "component", type: i3.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.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: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i6.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i6.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: 
-                //
-                AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXMTaskBoardCalendarViewComponent, selector: "axm-task-board-calendar-view", inputs: ["startingDate", "selectedView", "dataSource"], outputs: ["onTaskChanged", "onMonthSlotDblClicked", "component", "onRangeChanged", "onTaskRightClick"] }, { kind: "component", type: AXMTaskBoardKanbanViewComponent, selector: "axm-task-board-kanban-view", inputs: ["statuses", "dataSource"], outputs: ["onTaskChanged", "component"] }, { kind: "component", type: AXMTaskBoardGridViewComponent, selector: "axm-task-board-grid-view", inputs: ["statuses", "dataSource"], outputs: ["onTaskChanged"] }, { kind: "component", type: AXMTaskBoardTimeGroupedGridViewComponent, selector: "axm-task-board-time-grouped-grid-view", inputs: ["statuses", "dataSource"], outputs: ["onTaskChanged"] }, { kind: "component", type: AXMTaskBoardStatusGroupedGridViewComponent, selector: "axm-task-board-status-grouped-grid-view", inputs: ["statuses", "dataSource"], outputs: ["onTaskChanged"] }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i7.AXPopoverComponent, selector: "ax-popover", inputs: ["disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "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", "cellTemplate", "cellClass", "showNavigation", "count", "id"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "minValueChange", "maxValueChange", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMTaskBoardPage, decorators: [{
-            type: Component,
-            args: [{ imports: [
-                        FormsModule,
-                        CommonModule,
-                        RouterModule,
-                        //
-                        AXMenuModule,
-                        AXButtonModule,
-                        AXDropdownButtonModule,
-                        AXTranslationModule,
-                        AXDecoratorModule,
-                        AXLoadingModule,
-                        AXBreadcrumbsModule,
-                        AXBadgeModule,
-                        //
-                        AXPThemeLayoutBlockComponent,
-                        AXPPageLayoutComponent,
-                        AXMTaskBoardCalendarViewComponent,
-                        AXMTaskBoardKanbanViewComponent,
-                        AXMTaskBoardGridViewComponent,
-                        AXMTaskBoardTimeGroupedGridViewComponent,
-                        AXMTaskBoardStatusGroupedGridViewComponent,
-                        AXDropdownPanelComponent,
-                        AXPopoverModule,
-                        AXCalendarComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        {
-                            provide: AXPPageLayoutBase,
-                            useExisting: AXMTaskBoardPage,
-                        },
-                    ], template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      <ax-button\n        [text]=\"t(vm.selectedTaskType()?.title || 'task-board.all', { scope: rootConfig.config.i18n }) | async\"\n      >\n        <ax-prefix><ax-icon icon=\"fa-light {{vm.selectedTaskType()?.icon || 'fa-tasks'}}\"></ax-icon></ax-prefix>\n        <ax-dropdown-panel>\n          <ax-button-item-list class=\"ax-p-2\">\n            @if(vm.currentViewMode()!=='kanban' && vm.currentViewMode()!=='grid' &&\n            vm.currentViewMode()!=='status-grouped-grid' && vm.currentViewMode()!=='time-grouped-grid') {\n            <ax-button-item\n              (onClick)=\"handleSelectedTaskTypeChange(null)\"\n              [text]=\"(t('task-board.all', { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix><ax-icon icon=\"fa-light fa-tasks\"></ax-icon></ax-prefix>\n            </ax-button-item>\n            } @for(item of vm.taskTypes(); track item.name) {\n            <ax-button-item\n              (onClick)=\"handleSelectedTaskTypeChange(item)\"\n              [text]=\"(t(item.title, { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix><ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon></ax-prefix>\n            </ax-button-item>\n            }\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n\n      <div class=\"ax-scheduler-header\">\n        <ax-button look=\"blank\" (onClick)=\"changeDate(false)\">\n          <ax-icon class=\"ax-icon ax-text-xl ax-icon-chevron-left arrow-icon\"></ax-icon>\n        </ax-button>\n        <ax-button look=\"blank\" [text]=\"timeText()\" #date></ax-button>\n        <ax-button look=\"blank\" (onClick)=\"changeDate(true)\">\n          <ax-icon class=\"ax-icon ax-text-xl ax-icon-chevron-right arrow-icon\"></ax-icon>\n        </ax-button>\n        <ax-popover [target]=\"date\" [placement]=\"'bottom'\" #popover>\n          <div class=\"ax-overlay-pane\">\n            <ax-calendar\n              #calendar\n              [type]=\"calendarType()\"\n              [cellClass]=\"getCellClass\"\n              [ngModel]=\"vm.currentDate()\"\n              class=\"ax-single-range-calendar\"\n              [depth]=\"calendarDepth()\"\n              (onValueChanged)=\"handleSchedulerDateChanged($event)\"\n            >\n              <ax-footer>\n                <ax-button\n                  look=\"link\"\n                  color=\"primary\"\n                  [text]=\"todayButtonText()\"\n                  (onClick)=\"handleTodayClick()\"\n                ></ax-button>\n              </ax-footer>\n            </ax-calendar>\n          </div>\n        </ax-popover>\n      </div>\n    </axp-layout-prefix>\n    <axp-layout-suffix>\n      <ax-button>\n        <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n        <ax-dropdown-panel>\n          <ax-button-item-list>\n            @for(item of viewsItems(); track item.key) { @if(item.title) {\n            <ax-title>{{ item.title }}</ax-title>\n            }\n            <ax-button-item\n              [text]=\"(t('task-board.view.' + item.text, { scope: 'workflow-management' }) | async)!\"\n              [selected]=\"vm.currentViewMode() === item.key\"\n              (onClick)=\"handleCalendarViewChange(item.key)\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            @if(item.break) {\n            <ax-divider></ax-divider>\n            } }\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n    </axp-layout-suffix>\n  </axp-page-toolbar>\n  <axp-page-content>\n    @switch(vm.currentViewMode()) { @case('kanban') {\n    <axm-task-board-kanban-view\n      [statuses]=\"statuses()\"\n      class=\"axp-kanban-container ax-h-full\"\n      [dataSource]=\"dataSource(filter())\"\n    ></axm-task-board-kanban-view>\n    }@case('grid') {\n    <axm-task-board-grid-view\n      class=\"ax-h-full\"\n      [statuses]=\"statuses()\"\n      [dataSource]=\"dataSource(filter())\"\n    ></axm-task-board-grid-view>\n    }@case('status-grouped-grid') {\n    <axm-task-board-status-grouped-grid-view\n      [statuses]=\"statuses()\"\n      [dataSource]=\"dataSource(filter())\"\n      class=\"ax-flex ax-flex-col ax-gap-2\"\n    ></axm-task-board-status-grouped-grid-view>\n    }@case('time-grouped-grid') {\n    <axm-task-board-time-grouped-grid-view\n      [statuses]=\"statuses()\"\n      [dataSource]=\"dataSource(filter())\"\n      class=\"ax-flex ax-flex-col ax-gap-2\"\n    ></axm-task-board-time-grouped-grid-view>\n    } @default {\n    <axm-task-board-calendar-view\n      class=\"axp-scheduler-container ax-h-full\"\n      [dataSource]=\"dataSource\"\n      [startingDate]=\"vm.currentDate()\"\n      [selectedView]=\"vm.currentViewMode()\"\n      (component)=\"schedulerComponentChanged($event)\"\n      (onTaskRightClick)=\"handleTaskRightClick($event)\"\n      (onMonthSlotDblClicked)=\"handleMonthSlotDblClicked($event)\"\n    ></axm-task-board-calendar-view>\n    <ax-context-menu\n      #rootContextMenu\n      [closeOn]=\"'leave'\"\n      [orientation]=\"'vertical'\"\n      (onOpening)=\"handleContextMenuOnOpening($event)\"\n      (onItemClick)=\"handleContextMenuItemClick($event)\"\n    >\n    </ax-context-menu>\n    } }\n  </axp-page-content>\n</axp-page-layout>\n", styles: ["html[dir=rtl] axp-page-layout axp-page-toolbar axp-layout-prefix .ax-scheduler-header .arrow-icon:before{-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scaleX(-1)}.ax-single-range-calendar .ax-range-start,.ax-single-range-calendar .ax-range-end{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.85)!important}.ax-single-range-calendar .ax-range-start:hover,.ax-single-range-calendar .ax-range-end:hover{background-color:rgba(var(--ax-sys-color-primary-surface))!important}.ax-single-range-calendar .ax-range-start.ax-state-holiday,.ax-single-range-calendar .ax-range-end.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.85)!important}.ax-single-range-calendar .ax-range-between{color:rgba(var(--ax-sys-color-on-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-surface),.65)}.ax-single-range-calendar .ax-range-between.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.65)}.ax-single-range-calendar ax-footer{display:flex;justify-content:center;border-color:rgba(var(--ax-comp-calendar-view-header-border-color));border-top-width:var(--ax-comp-calendar-view-header-border-width, 1px)}axp-page-content:not(:has(axm-task-board-status-grouped-grid-view,axm-task-board-time-grouped-grid-view)){overflow-y:hidden}\n"] }]
-        }] });
-
-export { AXMTaskBoardPage };
-//# sourceMappingURL=acorex-modules-workflow-management-task-board.page-Dh9nI9dz.mjs.map