@acorex/modules 21.0.0-next.14 → 21.0.0-next.16

package/fesm2022/{acorex-modules-task-management-task-board.page-B_S373L-.mjs → acorex-modules-task-management-task-board.page-CuP9U1h8.mjs}

@@ -93,11 +93,7 @@ const AXMTaskBoardViewModel = signalStore({ providedIn: 'root' }, withState(() =
     endDate: computed(() => {
         const currentDate = store.currentDate();
         const daysCount = store.daysCount();
-        // Calculate end of the last day in the range (23:59:59.999)
-        const endDate = new Date(currentDate);
-        endDate.setDate(endDate.getDate() + daysCount - 1);
-        endDate.setHours(23, 59, 59, 999);
-        return endDate;
+        return new Date(currentDate.getTime() + daysCount * 24 * 60 * 60 * 1000);
     }),
     activeFilterCount: computed(() => {
         let count = 0;
@@ -883,7 +879,7 @@ class AXMTaskBoardCalendarViewComponent {
         return `${dateFormatted} ${timeRange}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMTaskBoardCalendarViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMTaskBoardCalendarViewComponent, isStandalone: true, selector: "axm-task-board-calendar-view", inputs: { resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, startingDate: { classPropertyName: "startingDate", publicName: "startingDate", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick", onTaskChanged: "onTaskChanged", onMonthSlotDblClicked: "onMonthSlotDblClicked", onActionClick: "onActionClick", component: "component", onTaskRightClick: "onTaskRightClick", onRangeChanged: "onRangeChanged" }, viewQueries: [{ propertyName: "schedulerComponent", first: true, predicate: AXSchedulerComponent, descendants: true, isSignal: true }, { propertyName: "taskPopover", first: true, predicate: ["taskPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-scheduler\n  [hasHeader]=\"false\"\n  [holidays]=\"holidays\"\n  [resources]=\"resources()\"\n  [dataSource]=\"dataSource()\"\n  [startingDate]=\"startingDate()\"\n  [selectedView]=\"currentSchedulerView()\"\n  [multiDayViewDaysCount]=\"vm.daysCount()\"\n  (onAppointmentDrop)=\"onTaskDrop($event)\"\n  (onActionClick)=\"handleActionClick($event)\"\n  (onRangeChanged)=\"handleRangeChanged($event)\"\n  (onSlotDblClicked)=\"onSlotDblClicked($event)\"\n  (onAppointmentClicked)=\"onTaskClickHandler($event)\"\n  [weekend]=\"weekendDays()\"\n  [firstDayOfWeek]=\"firstDayOfWeek()\"\n></ax-scheduler>\n\n<!-- Task Detail Popover (Modern Google Calendar Style) -->\n<ax-popover\n  #taskPopover\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [offsetY]=\"12\"\n  [offsetX]=\"12\"\n  [adaptivityEnabled]=\"true\"\n>\n  <div>\n    @if (selectedTask()) {\n      <div class=\"task-popover ax-shadow-md ax-border\">\n        <!-- Header Section -->\n        <div class=\"task-popover__header\">\n          <div class=\"task-popover__title-section\">\n            <div class=\"task-popover__title-row\">\n              <h3 class=\"task-popover__title\" [title]=\"selectedTask()!.title\">{{ selectedTask()!.title }}</h3>\n              <button type=\"button\" class=\"task-popover__close-btn\" (click)=\"closePopover()\" aria-label=\"Close\">\n                <ax-icon class=\"ax-icon ax-icon-close\"></ax-icon>\n              </button>\n            </div>\n            @if (selectedTask()!.description && !customComponentType()) {\n              <p class=\"task-popover__description\">{{ selectedTask()!.description }}</p>\n            }\n          </div>\n        </div>\n\n        <!-- Custom Component or Default Content -->\n        @if (customComponentType()) {\n          <!-- Custom Component from Provider -->\n          <div class=\"task-popover__custom-content\">\n            <ng-container *ngComponentOutlet=\"customComponentType()!; inputs: customComponentInputs()!\"></ng-container>\n          </div>\n        } @else {\n          <!-- Default Content Section -->\n          <div class=\"task-popover__content\">\n            <!-- Time -->\n            <div class=\"task-popover__info-item\">\n              <div class=\"task-popover__icon\">\n                <i class=\"fa-light fa-clock\"></i>\n              </div>\n              <div class=\"task-popover__info-content\">\n                <span class=\"task-popover__info-text\">{{ formatDateRange(selectedTask()!) }}</span>\n              </div>\n            </div>\n\n            <!-- Status -->\n            @if (selectedTask()!.status) {\n              <div class=\"task-popover__info-item\">\n                <div class=\"task-popover__icon\">\n                  <i class=\"fa-light fa-flag\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span class=\"task-popover__info-text\">{{ selectedTask()!.status.title }}</span>\n                </div>\n              </div>\n            }\n\n            <!-- Assignee -->\n            @if (selectedTask()!.assignee) {\n              <div class=\"task-popover__info-item\">\n                <div class=\"task-popover__icon\">\n                  <i class=\"fa-light fa-user\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span class=\"task-popover__info-text\">{{\n                    selectedTask()!.assignee?.fullName || selectedTask()!.assignee?.username || 'Unassigned'\n                  }}</span>\n                </div>\n              </div>\n            }\n\n            <!-- Priority -->\n            @if (selectedTask()!.priority) {\n              <div class=\"task-popover__info-item\">\n                <div\n                  class=\"task-popover__icon task-popover__icon--priority\"\n                  [attr.data-priority]=\"selectedTask()!.priority\"\n                >\n                  <i class=\"fa-light fa-exclamation-circle\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span\n                    class=\"task-popover__info-text task-popover__priority\"\n                    [attr.data-priority]=\"selectedTask()!.priority\"\n                  >\n                    {{ selectedTask()!.priority }}\n                  </span>\n                </div>\n              </div>\n            }\n          </div>\n\n          <!-- Actions Section -->\n          <div class=\"task-popover__actions\">\n            <!-- Task Actions from Provider -->\n            @if (taskActions().length > 0) {\n              <div class=\"task-popover__actions-group\">\n                <!-- Primary Actions: Icon-only buttons -->\n                @if (primaryActions().length > 0) {\n                  @for (action of primaryActions(); track action.name || action.title) {\n                    <ax-button\n                      [look]=\"'solid'\"\n                      [color]=\"getActionColor(action)\"\n                      (onClick)=\"executeAction(action)\"\n                      [disabled]=\"action.disabled === true\"\n                      [text]=\"action.title\"\n                    >\n                      @if (action.icon) {\n                        <ax-prefix>\n                          <ax-icon>\n                            <i [class]=\"action.icon\"></i>\n                          </ax-icon>\n                        </ax-prefix>\n                      }\n                    </ax-button>\n                  }\n                }\n\n                <!-- Secondary Actions: Dropdown with \"...\" button -->\n                @if (secondaryActions().length > 0) {\n                  <ax-button [look]=\"'blank'\">\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n                    </ax-prefix>\n                    <ax-dropdown-panel>\n                      <ax-button-item-list>\n                        @for (action of secondaryActions(); track action.name || action.title) {\n                          <ax-button-item\n                            [text]=\"action.title\"\n                            [disabled]=\"action.disabled === true\"\n                            (onClick)=\"executeAction(action)\"\n                          >\n                            @if (action.icon) {\n                              <ax-prefix>\n                                <ax-icon>\n                                  <i [class]=\"action.icon\"></i>\n                                </ax-icon>\n                              </ax-prefix>\n                            }\n                          </ax-button-item>\n                        }\n                      </ax-button-item-list>\n                    </ax-dropdown-panel>\n                  </ax-button>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ax-popover>\n", styles: ["ax-scheduler{line-height:1.5;background-color:rgba(var(--ax-sys-color-lightest-surface))!important}.task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__time{font-weight:500;color:var(--ax-sys-color-text-primary);margin-left:4px}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.task-popover__actions-group--default{margin-top:4px;padding-top:8px;border-top:1px solid var(--ax-sys-color-border)}.task-popover__action-divider{width:100%;height:1px;background:var(--ax-sys-color-border);margin:4px 0}.task-popover__action-btn{min-width:100px;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: AXSchedulerComponent, selector: "ax-scheduler", inputs: ["calendar", "startingDate", "endDayHour", "startDayHour", "hasHeader", "readonly", "draggable", "hasActions", "dragStartDelay", "weekend", "allowFullScreen", "multiDayViewDaysCount", "showResourceHeaders", "showCurrentTimeIndicator", "showUnassignedAppointments", "resources", "resourceTemplate", "firstDayOfWeek", "tooltipTemplate", "dataSource", "holidays", "views", "selectedView"], outputs: ["selectedViewChange", "onDataLoaded", "onRangeChanged", "onSlotClicked", "onSlotDblClicked", "onSlotRightClick", "onAppointmentDrop", "onActionClick", "onAppointmentClicked", "onAppointmentDblClicked", "onAppointmentRightClick"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "forceDisableActionSheetStyle", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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: i3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.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: AXTranslationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMTaskBoardCalendarViewComponent, isStandalone: true, selector: "axm-task-board-calendar-view", inputs: { resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, startingDate: { classPropertyName: "startingDate", publicName: "startingDate", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick", onTaskChanged: "onTaskChanged", onMonthSlotDblClicked: "onMonthSlotDblClicked", onActionClick: "onActionClick", component: "component", onTaskRightClick: "onTaskRightClick", onRangeChanged: "onRangeChanged" }, viewQueries: [{ propertyName: "schedulerComponent", first: true, predicate: AXSchedulerComponent, descendants: true, isSignal: true }, { propertyName: "taskPopover", first: true, predicate: ["taskPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-scheduler\n  [hasHeader]=\"false\"\n  [holidays]=\"holidays\"\n  [resources]=\"resources()\"\n  [dataSource]=\"dataSource()\"\n  [startingDate]=\"startingDate()\"\n  [selectedView]=\"currentSchedulerView()\"\n  [multiDayViewDaysCount]=\"vm.daysCount()\"\n  (onAppointmentDrop)=\"onTaskDrop($event)\"\n  (onActionClick)=\"handleActionClick($event)\"\n  (onRangeChanged)=\"handleRangeChanged($event)\"\n  (onSlotDblClicked)=\"onSlotDblClicked($event)\"\n  (onAppointmentClicked)=\"onTaskClickHandler($event)\"\n  [weekend]=\"weekendDays()\"\n  [firstDayOfWeek]=\"firstDayOfWeek()\"\n></ax-scheduler>\n\n<!-- Task Detail Popover (Modern Google Calendar Style) -->\n<ax-popover\n  #taskPopover\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [offsetY]=\"12\"\n  [offsetX]=\"12\"\n  [adaptivityEnabled]=\"true\"\n>\n  <div>\n    @if (selectedTask()) {\n      <div class=\"task-popover ax-shadow-md ax-border\">\n        <!-- Header Section -->\n        <div class=\"task-popover__header\">\n          <div class=\"task-popover__title-section\">\n            <div class=\"task-popover__title-row\">\n              <h3 class=\"task-popover__title\" [title]=\"selectedTask()!.title\">{{ selectedTask()!.title }}</h3>\n              <button type=\"button\" class=\"task-popover__close-btn\" (click)=\"closePopover()\" aria-label=\"Close\">\n                <ax-icon class=\"ax-icon ax-icon-close\"></ax-icon>\n              </button>\n            </div>\n            @if (selectedTask()!.description && !customComponentType()) {\n              <p class=\"task-popover__description\">{{ selectedTask()!.description }}</p>\n            }\n          </div>\n        </div>\n\n        <!-- Custom Component or Default Content -->\n        @if (customComponentType()) {\n          <!-- Custom Component from Provider -->\n          <div class=\"task-popover__custom-content\">\n            <ng-container *ngComponentOutlet=\"customComponentType()!; inputs: customComponentInputs()!\"></ng-container>\n          </div>\n        } @else {\n          <!-- Default Content Section -->\n          <div class=\"task-popover__content\">\n            <!-- Time -->\n            <div class=\"task-popover__info-item\">\n              <div class=\"task-popover__icon\">\n                <i class=\"fa-light fa-clock\"></i>\n              </div>\n              <div class=\"task-popover__info-content\">\n                <span class=\"task-popover__info-text\">{{ formatDateRange(selectedTask()!) }}</span>\n              </div>\n            </div>\n\n            <!-- Status -->\n            @if (selectedTask()!.status) {\n              <div class=\"task-popover__info-item\">\n                <div class=\"task-popover__icon\">\n                  <i class=\"fa-light fa-flag\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span class=\"task-popover__info-text\">{{ selectedTask()!.status.title }}</span>\n                </div>\n              </div>\n            }\n\n            <!-- Assignee -->\n            @if (selectedTask()!.assignee) {\n              <div class=\"task-popover__info-item\">\n                <div class=\"task-popover__icon\">\n                  <i class=\"fa-light fa-user\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span class=\"task-popover__info-text\">{{\n                    selectedTask()!.assignee?.fullName || selectedTask()!.assignee?.username || 'Unassigned'\n                  }}</span>\n                </div>\n              </div>\n            }\n\n            <!-- Priority -->\n            @if (selectedTask()!.priority) {\n              <div class=\"task-popover__info-item\">\n                <div\n                  class=\"task-popover__icon task-popover__icon--priority\"\n                  [attr.data-priority]=\"selectedTask()!.priority\"\n                >\n                  <i class=\"fa-light fa-exclamation-circle\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span\n                    class=\"task-popover__info-text task-popover__priority\"\n                    [attr.data-priority]=\"selectedTask()!.priority\"\n                  >\n                    {{ selectedTask()!.priority }}\n                  </span>\n                </div>\n              </div>\n            }\n          </div>\n\n          <!-- Actions Section -->\n          <div class=\"task-popover__actions\">\n            <!-- Task Actions from Provider -->\n            @if (taskActions().length > 0) {\n              <div class=\"task-popover__actions-group\">\n                <!-- Primary Actions: Icon-only buttons -->\n                @if (primaryActions().length > 0) {\n                  @for (action of primaryActions(); track action.name || action.title) {\n                    <ax-button\n                      [look]=\"'solid'\"\n                      [color]=\"getActionColor(action)\"\n                      (onClick)=\"executeAction(action)\"\n                      [disabled]=\"action.disabled === true\"\n                      [text]=\"action.title\"\n                    >\n                      @if (action.icon) {\n                        <ax-prefix>\n                          <ax-icon>\n                            <i [class]=\"action.icon\"></i>\n                          </ax-icon>\n                        </ax-prefix>\n                      }\n                    </ax-button>\n                  }\n                }\n\n                <!-- Secondary Actions: Dropdown with \"...\" button -->\n                @if (secondaryActions().length > 0) {\n                  <ax-button [look]=\"'blank'\">\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n                    </ax-prefix>\n                    <ax-dropdown-panel>\n                      <ax-button-item-list>\n                        @for (action of secondaryActions(); track action.name || action.title) {\n                          <ax-button-item\n                            [text]=\"action.title\"\n                            [disabled]=\"action.disabled === true\"\n                            (onClick)=\"executeAction(action)\"\n                          >\n                            @if (action.icon) {\n                              <ax-prefix>\n                                <ax-icon>\n                                  <i [class]=\"action.icon\"></i>\n                                </ax-icon>\n                              </ax-prefix>\n                            }\n                          </ax-button-item>\n                        }\n                      </ax-button-item-list>\n                    </ax-dropdown-panel>\n                  </ax-button>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ax-popover>\n", styles: ["ax-scheduler{line-height:1.5;background-color:rgba(var(--ax-sys-color-lightest-surface))!important}.task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__time{font-weight:500;color:var(--ax-sys-color-text-primary);margin-left:4px}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.task-popover__actions-group--default{margin-top:4px;padding-top:8px;border-top:1px solid var(--ax-sys-color-border)}.task-popover__action-divider{width:100%;height:1px;background:var(--ax-sys-color-border);margin:4px 0}.task-popover__action-btn{min-width:100px;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: AXSchedulerComponent, selector: "ax-scheduler", inputs: ["calendar", "startingDate", "endDayHour", "startDayHour", "hasHeader", "readonly", "draggable", "hasActions", "dragStartDelay", "weekend", "allowFullScreen", "multiDayViewDaysCount", "showResourceHeaders", "showCurrentTimeIndicator", "showUnassignedAppointments", "resources", "resourceTemplate", "firstDayOfWeek", "tooltipTemplate", "dataSource", "holidays", "views", "selectedView"], outputs: ["selectedViewChange", "onDataLoaded", "onRangeChanged", "onSlotClicked", "onSlotDblClicked", "onSlotRightClick", "onAppointmentDrop", "onActionClick", "onAppointmentClicked", "onAppointmentDblClicked", "onAppointmentRightClick"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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: i3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.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: AXTranslationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMTaskBoardCalendarViewComponent, decorators: [{
             type: Component,
@@ -1001,11 +997,11 @@ class AXMTaskBoardGridViewComponent {
         this.onActionClick.emit({ nativeEvent: e.nativeEvent, task });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMTaskBoardGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMTaskBoardGridViewComponent, isStandalone: true, selector: "axm-task-board-grid-view", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick", onActionClick: "onActionClick" }, 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  (onRowClick)=\"handleRowClick($event)\"\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]=\"'500px'\"></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 [allowResizing]=\"true\" dataField=\"reporter\" caption=\"Reporter\" [width]=\"'125px'\"></ax-text-column>\n  <ax-text-column dataField=\"assignee\" caption=\"Assignee\" [width]=\"'125px'\"></ax-text-column>\n  <ax-text-column dataField=\"statusTitle\" caption=\"status\" [width]=\"'125px'\"></ax-text-column>\n  <ax-text-column dataField=\"type\" caption=\"type\" [width]=\"'150px'\"></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]=\"'60px'\"\n    (onItemClick)=\"onActionClickHandler($event)\"\n    [items]=\"[{ name: 'view', text: 'View', icon: 'ax-icon ax-icon-more-horizontal' }]\"\n  ></ax-command-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$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "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", "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: "20.3.16", type: AXMTaskBoardGridViewComponent, isStandalone: true, selector: "axm-task-board-grid-view", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onTaskClick: "onTaskClick", onActionClick: "onActionClick" }, 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  (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=\"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=\"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=\"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]=\"'60px'\"\n    (onItemClick)=\"onActionClickHandler($event)\"\n    [items]=\"[{ name: 'view', text: ('@task-management:task-board.grid-headers.action-view' | translate | async) ?? 'View', icon: 'ax-icon ax-icon-more-horizontal' }]\"\n  ></ax-command-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$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "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", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMTaskBoardGridViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-task-board-grid-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDataTableModule, AXTranslatorPipe, AsyncPipe, AXPWidgetCoreModule], template: "<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 dataField=\"title\" caption=\"title\" [width]=\"'350px'\"></ax-text-column>\n  <ax-text-column dataField=\"description\" caption=\"description\" [width]=\"'500px'\"></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 [allowResizing]=\"true\" dataField=\"reporter\" caption=\"Reporter\" [width]=\"'125px'\"></ax-text-column>\n  <ax-text-column dataField=\"assignee\" caption=\"Assignee\" [width]=\"'125px'\"></ax-text-column>\n  <ax-text-column dataField=\"statusTitle\" caption=\"status\" [width]=\"'125px'\"></ax-text-column>\n  <ax-text-column dataField=\"type\" caption=\"type\" [width]=\"'150px'\"></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]=\"'60px'\"\n    (onItemClick)=\"onActionClickHandler($event)\"\n    [items]=\"[{ name: 'view', text: 'View', icon: 'ax-icon ax-icon-more-horizontal' }]\"\n  ></ax-command-column>\n</ax-data-table>\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"] }]
+            args: [{ selector: 'axm-task-board-grid-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDataTableModule, AXTranslatorPipe, AsyncPipe, AXPWidgetCoreModule], template: "<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=\"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=\"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=\"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]=\"'60px'\"\n    (onItemClick)=\"onActionClickHandler($event)\"\n    [items]=\"[{ name: 'view', text: ('@task-management:task-board.grid-headers.action-view' | translate | async) ?? 'View', icon: 'ax-icon ax-icon-more-horizontal' }]\"\n  ></ax-command-column>\n</ax-data-table>\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"] }]
         }], ctorParameters: () => [], propDecorators: { dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], onTaskClick: [{ type: i0.Output, args: ["onTaskClick"] }], onActionClick: [{ type: i0.Output, args: ["onActionClick"] }], grid: [{ type: i0.ViewChild, args: ['grid', { isSignal: true }] }] } });
 
 class AXMTaskBoardKanbanViewComponent {
@@ -1465,7 +1461,7 @@ class AXMTaskBoardKanbanViewComponent {
         return `${dateFormatted} ${timeRange}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMTaskBoardKanbanViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMTaskBoardKanbanViewComponent, isStandalone: true, selector: "axm-task-board-kanban-view", inputs: { tasks: { classPropertyName: "tasks", publicName: "tasks", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { tasks: "tasksChange", onTaskClick: "onTaskClick", onTaskChanged: "onTaskChanged", component: "component", onActionClick: "onActionClick" }, viewQueries: [{ propertyName: "kanbanComponent", first: true, predicate: AXKanbanComponent, descendants: true, isSignal: true }, { propertyName: "taskPopover", first: true, predicate: ["taskPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-kanban\n  [statuses]=\"statuses()\"\n  [dataSource]=\"kanbanTasks()\"\n  (onItemClick)=\"handleItemClick($event)\"\n  (onBeforeDrop)=\"onBeforeDrop($event)\"\n  (onSortChanged)=\"onSortChanged($event)\"\n></ax-kanban>\n\n<!-- Task Detail Popover (Modern Google Calendar Style) -->\n<ax-popover\n  #taskPopover\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [offsetY]=\"12\"\n  [offsetX]=\"12\"\n  [adaptivityEnabled]=\"true\"\n>\n  <div>\n    @if (selectedTask()) {\n      <div class=\"task-popover ax-shadow-md ax-border\">\n        <!-- Header Section -->\n        <div class=\"task-popover__header\">\n          <div class=\"task-popover__title-section\">\n            <div class=\"task-popover__title-row\">\n              <h3 class=\"task-popover__title\" [title]=\"selectedTask()!.title\">{{ selectedTask()!.title }}</h3>\n              <button type=\"button\" class=\"task-popover__close-btn\" (click)=\"closePopover()\" aria-label=\"Close\">\n                <ax-icon class=\"ax-icon ax-icon-close\"></ax-icon>\n              </button>\n            </div>\n            @if (selectedTask()!.description && !customComponentType()) {\n              <p class=\"task-popover__description\">{{ selectedTask()!.description }}</p>\n            }\n          </div>\n        </div>\n\n        <!-- Custom Component or Default Content -->\n        @if (customComponentType()) {\n          <!-- Custom Component from Provider -->\n          <div class=\"task-popover__custom-content\">\n            <ng-container *ngComponentOutlet=\"customComponentType()!; inputs: customComponentInputs()!\"></ng-container>\n          </div>\n        } @else {\n          <!-- Default Content Section -->\n          <div class=\"task-popover__content\">\n            <!-- Time -->\n            <div class=\"task-popover__info-item\">\n              <div class=\"task-popover__icon\">\n                <i class=\"fa-light fa-clock\"></i>\n              </div>\n              <div class=\"task-popover__info-content\">\n                <span class=\"task-popover__info-text\">{{ formatDateRange(selectedTask()!) }}</span>\n              </div>\n            </div>\n\n            <!-- Status -->\n            @if (selectedTask()!.status) {\n              <div class=\"task-popover__info-item\">\n                <div class=\"task-popover__icon\">\n                  <i class=\"fa-light fa-flag\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span class=\"task-popover__info-text\">{{ selectedTask()!.status.title }}</span>\n                </div>\n              </div>\n            }\n\n            <!-- Assignee -->\n            @if (selectedTask()!.assignee) {\n              <div class=\"task-popover__info-item\">\n                <div class=\"task-popover__icon\">\n                  <i class=\"fa-light fa-user\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span class=\"task-popover__info-text\">{{\n                    selectedTask()!.assignee?.fullName || selectedTask()!.assignee?.username || 'Unassigned'\n                  }}</span>\n                </div>\n              </div>\n            }\n\n            <!-- Priority -->\n            @if (selectedTask()!.priority) {\n              <div class=\"task-popover__info-item\">\n                <div\n                  class=\"task-popover__icon task-popover__icon--priority\"\n                  [attr.data-priority]=\"selectedTask()!.priority\"\n                >\n                  <i class=\"fa-light fa-exclamation-circle\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span\n                    class=\"task-popover__info-text task-popover__priority\"\n                    [attr.data-priority]=\"selectedTask()!.priority\"\n                  >\n                    {{ selectedTask()!.priority }}\n                  </span>\n                </div>\n              </div>\n            }\n          </div>\n\n          <!-- Actions Section -->\n          <div class=\"task-popover__actions\">\n            <!-- Task Actions from Provider -->\n            @if (taskActions().length > 0) {\n              <div class=\"task-popover__actions-group\">\n                <!-- Primary Actions: Icon-only buttons -->\n                @if (primaryActions().length > 0) {\n                  @for (action of primaryActions(); track action.name || action.title) {\n                    <ax-button\n                      [look]=\"'solid'\"\n                      [color]=\"getActionColor(action)\"\n                      (onClick)=\"executeAction(action)\"\n                      [disabled]=\"action.disabled === true\"\n                      [text]=\"action.title\"\n                    >\n                      @if (action.icon) {\n                        <ax-prefix>\n                          <ax-icon>\n                            <i [class]=\"action.icon\"></i>\n                          </ax-icon>\n                        </ax-prefix>\n                      }\n                    </ax-button>\n                  }\n                }\n\n                <!-- Secondary Actions: Dropdown with \"...\" button -->\n                @if (secondaryActions().length > 0) {\n                  <ax-button [look]=\"'blank'\">\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n                    </ax-prefix>\n                    <ax-dropdown-panel>\n                      <ax-button-item-list>\n                        @for (action of secondaryActions(); track action.name || action.title) {\n                          <ax-button-item\n                            [text]=\"action.title\"\n                            [disabled]=\"action.disabled === true\"\n                            (onClick)=\"executeAction(action)\"\n                          >\n                            @if (action.icon) {\n                              <ax-prefix>\n                                <ax-icon>\n                                  <i [class]=\"action.icon\"></i>\n                                </ax-icon>\n                              </ax-prefix>\n                            }\n                          </ax-button-item>\n                        }\n                      </ax-button-item-list>\n                    </ax-dropdown-panel>\n                  </ax-button>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ax-popover>\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-height: 100%;--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5;background-color:rgba(var(--ax-sys-color-lightest-surface))!important}.task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__time{font-weight:500;color:var(--ax-sys-color-text-primary);margin-left:4px}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.task-popover__actions-group--default{margin-top:4px;padding-top:8px;border-top:1px solid var(--ax-sys-color-border)}.task-popover__action-divider{width:100%;height:1px;background:var(--ax-sys-color-border);margin:4px 0}.task-popover__action-btn{min-width:100px;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: AXKanbanComponent, selector: "ax-kanban", inputs: ["hasActions", "dragStartDelay", "statuses", "itemTemplate", "dataSource", "keyField", "indexField", "titleField", "cssClassField", "priorityField", "statusKeyField", "descriptionField", "emptyTemplate", "headerTemplate", "footerTemplate", "contentFooterTemplate", "tooltipTemplate"], outputs: ["onBeforeDrop", "onSortChanged", "onItemClick", "onActionClick", "onItemDblClick", "onItemRightClick"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "forceDisableActionSheetStyle", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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: i3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.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: AXTranslationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMTaskBoardKanbanViewComponent, isStandalone: true, selector: "axm-task-board-kanban-view", inputs: { tasks: { classPropertyName: "tasks", publicName: "tasks", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { tasks: "tasksChange", onTaskClick: "onTaskClick", onTaskChanged: "onTaskChanged", component: "component", onActionClick: "onActionClick" }, viewQueries: [{ propertyName: "kanbanComponent", first: true, predicate: AXKanbanComponent, descendants: true, isSignal: true }, { propertyName: "taskPopover", first: true, predicate: ["taskPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-kanban\n  [statuses]=\"statuses()\"\n  [dataSource]=\"kanbanTasks()\"\n  (onItemClick)=\"handleItemClick($event)\"\n  (onBeforeDrop)=\"onBeforeDrop($event)\"\n  (onSortChanged)=\"onSortChanged($event)\"\n></ax-kanban>\n\n<!-- Task Detail Popover (Modern Google Calendar Style) -->\n<ax-popover\n  #taskPopover\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [offsetY]=\"12\"\n  [offsetX]=\"12\"\n  [adaptivityEnabled]=\"true\"\n>\n  <div>\n    @if (selectedTask()) {\n      <div class=\"task-popover ax-shadow-md ax-border\">\n        <!-- Header Section -->\n        <div class=\"task-popover__header\">\n          <div class=\"task-popover__title-section\">\n            <div class=\"task-popover__title-row\">\n              <h3 class=\"task-popover__title\" [title]=\"selectedTask()!.title\">{{ selectedTask()!.title }}</h3>\n              <button type=\"button\" class=\"task-popover__close-btn\" (click)=\"closePopover()\" aria-label=\"Close\">\n                <ax-icon class=\"ax-icon ax-icon-close\"></ax-icon>\n              </button>\n            </div>\n            @if (selectedTask()!.description && !customComponentType()) {\n              <p class=\"task-popover__description\">{{ selectedTask()!.description }}</p>\n            }\n          </div>\n        </div>\n\n        <!-- Custom Component or Default Content -->\n        @if (customComponentType()) {\n          <!-- Custom Component from Provider -->\n          <div class=\"task-popover__custom-content\">\n            <ng-container *ngComponentOutlet=\"customComponentType()!; inputs: customComponentInputs()!\"></ng-container>\n          </div>\n        } @else {\n          <!-- Default Content Section -->\n          <div class=\"task-popover__content\">\n            <!-- Time -->\n            <div class=\"task-popover__info-item\">\n              <div class=\"task-popover__icon\">\n                <i class=\"fa-light fa-clock\"></i>\n              </div>\n              <div class=\"task-popover__info-content\">\n                <span class=\"task-popover__info-text\">{{ formatDateRange(selectedTask()!) }}</span>\n              </div>\n            </div>\n\n            <!-- Status -->\n            @if (selectedTask()!.status) {\n              <div class=\"task-popover__info-item\">\n                <div class=\"task-popover__icon\">\n                  <i class=\"fa-light fa-flag\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span class=\"task-popover__info-text\">{{ selectedTask()!.status.title }}</span>\n                </div>\n              </div>\n            }\n\n            <!-- Assignee -->\n            @if (selectedTask()!.assignee) {\n              <div class=\"task-popover__info-item\">\n                <div class=\"task-popover__icon\">\n                  <i class=\"fa-light fa-user\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span class=\"task-popover__info-text\">{{\n                    selectedTask()!.assignee?.fullName || selectedTask()!.assignee?.username || 'Unassigned'\n                  }}</span>\n                </div>\n              </div>\n            }\n\n            <!-- Priority -->\n            @if (selectedTask()!.priority) {\n              <div class=\"task-popover__info-item\">\n                <div\n                  class=\"task-popover__icon task-popover__icon--priority\"\n                  [attr.data-priority]=\"selectedTask()!.priority\"\n                >\n                  <i class=\"fa-light fa-exclamation-circle\"></i>\n                </div>\n                <div class=\"task-popover__info-content\">\n                  <span\n                    class=\"task-popover__info-text task-popover__priority\"\n                    [attr.data-priority]=\"selectedTask()!.priority\"\n                  >\n                    {{ selectedTask()!.priority }}\n                  </span>\n                </div>\n              </div>\n            }\n          </div>\n\n          <!-- Actions Section -->\n          <div class=\"task-popover__actions\">\n            <!-- Task Actions from Provider -->\n            @if (taskActions().length > 0) {\n              <div class=\"task-popover__actions-group\">\n                <!-- Primary Actions: Icon-only buttons -->\n                @if (primaryActions().length > 0) {\n                  @for (action of primaryActions(); track action.name || action.title) {\n                    <ax-button\n                      [look]=\"'solid'\"\n                      [color]=\"getActionColor(action)\"\n                      (onClick)=\"executeAction(action)\"\n                      [disabled]=\"action.disabled === true\"\n                      [text]=\"action.title\"\n                    >\n                      @if (action.icon) {\n                        <ax-prefix>\n                          <ax-icon>\n                            <i [class]=\"action.icon\"></i>\n                          </ax-icon>\n                        </ax-prefix>\n                      }\n                    </ax-button>\n                  }\n                }\n\n                <!-- Secondary Actions: Dropdown with \"...\" button -->\n                @if (secondaryActions().length > 0) {\n                  <ax-button [look]=\"'blank'\">\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n                    </ax-prefix>\n                    <ax-dropdown-panel>\n                      <ax-button-item-list>\n                        @for (action of secondaryActions(); track action.name || action.title) {\n                          <ax-button-item\n                            [text]=\"action.title\"\n                            [disabled]=\"action.disabled === true\"\n                            (onClick)=\"executeAction(action)\"\n                          >\n                            @if (action.icon) {\n                              <ax-prefix>\n                                <ax-icon>\n                                  <i [class]=\"action.icon\"></i>\n                                </ax-icon>\n                              </ax-prefix>\n                            }\n                          </ax-button-item>\n                        }\n                      </ax-button-item-list>\n                    </ax-dropdown-panel>\n                  </ax-button>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ax-popover>\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-height: 100%;--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5;background-color:rgba(var(--ax-sys-color-lightest-surface))!important}.task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__time{font-weight:500;color:var(--ax-sys-color-text-primary);margin-left:4px}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.task-popover__actions-group--default{margin-top:4px;padding-top:8px;border-top:1px solid var(--ax-sys-color-border)}.task-popover__action-divider{width:100%;height:1px;background:var(--ax-sys-color-border);margin:4px 0}.task-popover__action-btn{min-width:100px;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: AXKanbanComponent, selector: "ax-kanban", inputs: ["hasActions", "dragStartDelay", "statuses", "itemTemplate", "dataSource", "keyField", "indexField", "titleField", "cssClassField", "priorityField", "statusKeyField", "descriptionField", "emptyTemplate", "headerTemplate", "footerTemplate", "contentFooterTemplate", "tooltipTemplate"], outputs: ["onBeforeDrop", "onSortChanged", "onItemClick", "onActionClick", "onItemDblClick", "onItemRightClick"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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: i3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.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: AXTranslationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMTaskBoardKanbanViewComponent, decorators: [{
             type: Component,
@@ -1618,11 +1614,11 @@ class AXMTaskBoardStatusGroupedGridViewComponent {
         this.onActionClick.emit({ nativeEvent: e.nativeEvent, task });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMTaskBoardStatusGroupedGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMTaskBoardStatusGroupedGridViewComponent, isStandalone: true, selector: "axm-task-board-status-grouped-grid-view", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onActionClick: "onActionClick" }, viewQueries: [{ propertyName: "grids", predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (group of groupedTasks(); track group) {\n  <h1 class=\"ax-text-xl ax-font-bold\">{{ group.statusInfo.title }}</h1>\n  <ax-data-table\n    #grid\n    class=\"ax-h-[300px]\"\n    [fetchDataMode]=\"'manual'\"\n    [dataSource]=\"group.tasks\"\n    [loading]=\"{ enabled: true, animation: true }\"\n  >\n    <ax-text-column dataField=\"title\" caption=\"title\" [width]=\"'350px'\"></ax-text-column>\n    <ax-text-column dataField=\"description\" caption=\"description\" [width]=\"'500px'\"></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=\"reporter\" caption=\"Reporter\" [width]=\"'125px'\"></ax-text-column>\n    <ax-text-column dataField=\"assignee\" caption=\"Assignee\" [width]=\"'125px'\"></ax-text-column>\n    <ax-text-column dataField=\"priority\" caption=\"priority\" [width]=\"'125px'\"></ax-text-column>\n\n  \n\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"'60px'\"\n      (onItemClick)=\"onActionClickHandler($event)\"\n      [items]=\"[{ name: 'view', text: 'View', icon: 'ax-icon ax-icon-more-horizontal' }]\"\n    ></ax-command-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$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "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", "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 }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMTaskBoardStatusGroupedGridViewComponent, isStandalone: true, selector: "axm-task-board-status-grouped-grid-view", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onActionClick: "onActionClick" }, viewQueries: [{ propertyName: "grids", predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (group of groupedTasks(); track group) {\n  <h1 class=\"ax-text-xl ax-font-bold\">{{ group.statusInfo.title }}</h1>\n  <ax-data-table\n    #grid\n    class=\"ax-h-[300px]\"\n    [fetchDataMode]=\"'manual'\"\n    [dataSource]=\"group.tasks\"\n    [loading]=\"{ enabled: true, animation: true }\"\n  >\n    <ax-text-column\n      dataField=\"title\"\n      [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n      [width]=\"'350px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"description\"\n      [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n      [width]=\"'500px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"startDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"endDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"priority\"\n      [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"reporter\"\n      [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"assignee\"\n      [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"'60px'\"\n      (onItemClick)=\"onActionClickHandler($event)\"\n      [items]=\"[{ name: 'view', text: ('@task-management:task-board.grid-headers.action-view' | translate | async) ?? 'View', icon: 'ax-icon ax-icon-more-horizontal' }]\"\n    ></ax-command-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$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "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", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$2.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMTaskBoardStatusGroupedGridViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-task-board-status-grouped-grid-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDataTableModule, AXPWidgetCoreModule], template: "@for (group of groupedTasks(); track group) {\n  <h1 class=\"ax-text-xl ax-font-bold\">{{ group.statusInfo.title }}</h1>\n  <ax-data-table\n    #grid\n    class=\"ax-h-[300px]\"\n    [fetchDataMode]=\"'manual'\"\n    [dataSource]=\"group.tasks\"\n    [loading]=\"{ enabled: true, animation: true }\"\n  >\n    <ax-text-column dataField=\"title\" caption=\"title\" [width]=\"'350px'\"></ax-text-column>\n    <ax-text-column dataField=\"description\" caption=\"description\" [width]=\"'500px'\"></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=\"reporter\" caption=\"Reporter\" [width]=\"'125px'\"></ax-text-column>\n    <ax-text-column dataField=\"assignee\" caption=\"Assignee\" [width]=\"'125px'\"></ax-text-column>\n    <ax-text-column dataField=\"priority\" caption=\"priority\" [width]=\"'125px'\"></ax-text-column>\n\n  \n\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"'60px'\"\n      (onItemClick)=\"onActionClickHandler($event)\"\n      [items]=\"[{ name: 'view', text: 'View', icon: 'ax-icon ax-icon-more-horizontal' }]\"\n    ></ax-command-column>\n  </ax-data-table>\n}\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"] }]
+            args: [{ selector: 'axm-task-board-status-grouped-grid-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDataTableModule, AXTranslatorPipe, AsyncPipe, AXPWidgetCoreModule], template: "@for (group of groupedTasks(); track group) {\n  <h1 class=\"ax-text-xl ax-font-bold\">{{ group.statusInfo.title }}</h1>\n  <ax-data-table\n    #grid\n    class=\"ax-h-[300px]\"\n    [fetchDataMode]=\"'manual'\"\n    [dataSource]=\"group.tasks\"\n    [loading]=\"{ enabled: true, animation: true }\"\n  >\n    <ax-text-column\n      dataField=\"title\"\n      [caption]=\"('@task-management:task-board.grid-headers.title' | translate | async)!\"\n      [width]=\"'350px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"description\"\n      [caption]=\"('@task-management:task-board.grid-headers.description' | translate | async)!\"\n      [width]=\"'500px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"startDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.start-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"endDate\"\n      [caption]=\"('@task-management:task-board.grid-headers.due-date' | translate | async)!\"\n      [width]=\"'150px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"priority\"\n      [caption]=\"('@task-management:task-board.grid-headers.priority' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"reporter\"\n      [caption]=\"('@task-management:task-board.grid-headers.reporter' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n    <ax-text-column\n      dataField=\"assignee\"\n      [caption]=\"('@task-management:task-board.grid-headers.assignee' | translate | async)!\"\n      [width]=\"'125px'\"\n    ></ax-text-column>\n\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"'60px'\"\n      (onItemClick)=\"onActionClickHandler($event)\"\n      [items]=\"[{ name: 'view', text: ('@task-management:task-board.grid-headers.action-view' | translate | async) ?? 'View', icon: 'ax-icon ax-icon-more-horizontal' }]\"\n    ></ax-command-column>\n  </ax-data-table>\n}\n", styles: ["ax-kanban{--ax-comp-kanban-status-min-width: 25rem;height:100%;line-height:1.5}\n"] }]
         }], ctorParameters: () => [], propDecorators: { provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], onActionClick: [{ type: i0.Output, args: ["onActionClick"] }], grids: [{ type: i0.ViewChildren, args: ['grid', { isSignal: true }] }] } });
 
 class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
@@ -1755,6 +1751,11 @@ class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
         }, ...(ngDevMode ? [{ debugName: "selectedViewMode" }] : []));
         this.filter = computed(() => {
             const taskTypeNames = this.vm.selectedTaskTypeNames();
+            // When nothing is selected (empty array), we want to show NO types
+            // The service treats empty/undefined types as "show all providers"
+            // To show none when nothing is selected, we pass a non-existent type name
+            // This ensures filteredProviders.length === 0, resulting in empty results
+            const types = taskTypeNames.length > 0 ? taskTypeNames : ['__NONE__'];
             const assigneeIds = this.vm.selectedAssigneeIds();
             const reporterIds = this.vm.selectedReporterIds();
             const priorities = this.vm.selectedPriorities();
@@ -1767,7 +1768,7 @@ class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
                 currentView === 'agenda' ||
                 currentView === 'timeline-multi-day' ||
                 currentView === 'status-grouped-grid') {
-                end = from.add('day', this.vm.daysCount() - 1).endOf('day');
+                end = from.add('day', this.vm.daysCount() - 1);
             }
             else if (currentView === 'month' || currentView === 'timeline-month') {
                 from = from.startOf('month');
@@ -1777,9 +1778,8 @@ class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
                 end = from.endOf('day');
             }
             return {
-                // When no types selected, omit the property to show all providers
-                // When types are selected, filter to only those types
-                ...(taskTypeNames.length > 0 && { types: taskTypeNames }),
+                // Always include types - empty array means show no types, non-empty means show only selected types
+                types,
                 ...(assigneeIds.length > 0 && { assigneeIds }),
                 ...(reporterIds.length > 0 && { reporterIds }),
                 ...(priorities.length > 0 && { priorities }),
@@ -2076,7 +2076,8 @@ class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
                 break;
         }
         this.popover()?.close();
-        this.refreshCalendars();
+        this.calendar()?.render();
+        this.sidebarCalendar()?.render();
     }
     handleCalendarSlotClick(event) {
         if (event.component.activeView !== event.component.depth)
@@ -2084,42 +2085,42 @@ class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
         const clickedDate = event.item;
         const currentView = this.vm.currentViewMode();
         if (this.rangeBasedViews.includes(currentView)) {
-            this.handleRangeBasedSlotClick(clickedDate);
+            const selectionStartDate = this.vm.rangeStartDate();
+            if (!selectionStartDate) {
+                // Clear any previous range selection before starting a new one
+                this.vm.setDaysCount(7); // Reset to default
+                this.vm.setRangeStartDate(clickedDate);
+                this.calendar()?.render();
+                this.sidebarCalendar()?.render();
+                return;
+            }
+            const date1 = selectionStartDate.getTime();
+            const date2 = clickedDate.getTime();
+            const newStartDate = new Date(Math.min(date1, date2));
+            const newEndDate = new Date(Math.max(date1, date2));
+            const differenceInDays = this.calculateDifferenceInDays(newStartDate, newEndDate);
+            // Clear any previous range selection state first to remove any other selection
+            this.vm.setRangeStartDate(null);
+            // Set the new range selection
+            this.vm.setCurrentDate(newStartDate);
+            this.vm.setDaysCount(differenceInDays);
+            this.calendar()?.render();
+            this.sidebarCalendar()?.render();
+            this.popover()?.close();
             return;
         }
-        this.handleSingleDateSlotClick(clickedDate, currentView);
-    }
-    handleRangeBasedSlotClick(clickedDate) {
-        const selectionStartDate = this.vm.rangeStartDate();
-        if (!selectionStartDate) {
-            this.vm.setDaysCount(1);
-            this.vm.setRangeStartDate(clickedDate);
-            this.refreshCalendars();
-            return;
+        let dateToSet = new Date(clickedDate);
+        if (currentView === 'week') {
+            const day = dateToSet.getDay();
+            const weekStart = this.localeService.activeProfile().calendar.week.startsOn;
+            let daysToSubtract = day - weekStart;
+            if (daysToSubtract < 0) {
+                daysToSubtract += 7;
+            }
+            dateToSet.setDate(dateToSet.getDate() - daysToSubtract);
         }
-        const [newStartDate, newEndDate] = this.getOrderedDateRange(selectionStartDate, clickedDate);
-        const differenceInDays = this.calculateDifferenceInDays(newStartDate, newEndDate);
-        this.vm.setRangeStartDate(null);
-        this.vm.setCurrentDate(newStartDate);
-        this.vm.setDaysCount(differenceInDays);
-        this.refreshCalendars();
-        this.popover()?.close();
-    }
-    handleSingleDateSlotClick(clickedDate, currentView) {
-        const dateToSet = currentView === 'week'
-            ? this.calendarService.create(clickedDate, this.localeService.activeProfile().calendar.system).startOf('week')
-                .date
-            : new Date(clickedDate);
         this.vm.setCurrentDate(dateToSet);
         this.popover()?.close();
-        this.refreshCalendars();
-    }
-    getOrderedDateRange(date1, date2) {
-        const time1 = date1.getTime();
-        const time2 = date2.getTime();
-        return [new Date(Math.min(time1, time2)), new Date(Math.max(time1, time2))];
-    }
-    refreshCalendars() {
         this.calendar()?.render();
         this.sidebarCalendar()?.render();
     }
@@ -2139,13 +2140,19 @@ class AXMTaskBoardPage extends AXPPageLayoutBaseComponent {
     }
     handleTodayClick() {
         this.vm.setRangeStartDate(null);
-        const currentDate = this.vm.currentViewMode() === 'week'
-            ? this.calendarService.create(new Date(), this.localeService.activeProfile().calendar.system).startOf('week')
-                .date
-            : new Date();
+        let currentDate;
+        if (this.vm.currentViewMode() === 'week') {
+            currentDate = this.calendarService
+                .create(new Date(), this.localeService.activeProfile().calendar.system)
+                .startOf('week').date;
+        }
+        else {
+            currentDate = new Date();
+        }
         this.vm.setCurrentDate(currentDate);
         this.popover()?.close();
-        this.refreshCalendars();
+        this.calendar()?.render();
+        this.sidebarCalendar()?.render();
     }
     handleTaskTypeSelectionChange(selectedValues) {
         // Convert single value to array if needed (for radio mode)
@@ -2289,4 +2296,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }], 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 }] }], dayCellTemplateRef: [{ type: i0.ViewChild, args: ['dayCellTemplate', { isSignal: true }] }], contextMenu: [{ type: i0.ViewChild, args: ['rootContextMenu', { isSignal: true }] }] } });
 
 export { AXMTaskBoardPage };
-//# sourceMappingURL=acorex-modules-task-management-task-board.page-B_S373L-.mjs.map
+//# sourceMappingURL=acorex-modules-task-management-task-board.page-CuP9U1h8.mjs.map