@acorex/modules 20.7.8 → 20.7.10

package/fesm2022/{acorex-modules-task-management-task-board.page-BUp5SQ7b.mjs → acorex-modules-task-management-task-board.page-Cgxdk78j.mjs}

@@ -879,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", "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", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMTaskBoardCalendarViewComponent, decorators: [{
             type: Component,
@@ -1461,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", "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", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMTaskBoardKanbanViewComponent, decorators: [{
             type: Component,
@@ -2296,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-BUp5SQ7b.mjs.map
+//# sourceMappingURL=acorex-modules-task-management-task-board.page-Cgxdk78j.mjs.map