@acorex/modules 20.2.2 → 20.2.4-next.0

package/fesm2022/acorex-modules-dashboard-management.mjs

@@ -2870,7 +2870,7 @@ class AXPTaskListWidgetViewComponent extends AXPValueWidgetComponent {
         return Math.floor(diffMs / (1000 * 60 * 60 * 24));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPTaskListWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPTaskListWidgetViewComponent, isStandalone: true, selector: "ng-component", outputs: { taskClick: "taskClick", taskCompleted: "taskCompleted" }, providers: [DatePipe], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <!-- Header -->\n  <div class=\"ax-flex ax-justify-between ax-items-center\">\n    <h3 class=\"ax-text-lg ax-font-semibold ax-flex ax-items-center ax-gap-2\">\n      <ax-icon class=\"ax-text-primary-500\">\n        <i class=\"fa-light fa-clipboard-list-check\"></i>\n      </ax-icon>\n      {{ 'tasklist.title' | translate: { scope: 'dashboard' } | async }}\n    </h3>\n    <div class=\"ax-flex ax-gap-2\">\n      @if (getPendingTaskCount() > 0) {\n        <ax-badge\n          [text]=\"getPendingTaskCount() + ' ' + ('tasklist.pending' | translate: { scope: 'dashboard' } | async)\"\n          [color]=\"'warning'\"\n          size=\"sm\"\n          class=\"ax-ml-1\"\n        >\n        </ax-badge>\n      }\n      @if (getCompletedTaskCount() > 0) {\n        <ax-badge\n          [text]=\"getCompletedTaskCount() + ' ' + ('tasklist.completed' | translate: { scope: 'dashboard' } | async)\"\n          [color]=\"'success'\"\n          size=\"sm\"\n          class=\"ax-ml-1\"\n        >\n        </ax-badge>\n      }\n    </div>\n  </div>\n\n  <!-- Task List -->\n  <div class=\"ax-space-y-4 ax-my-4 ax-px-1 ax-overflow-auto ax-grow\">\n    @if (showCategories() && hasCategories()) {\n      <!-- Categorized Tasks -->\n      @for (category of getCategories(); track category) {\n        <div class=\"ax-mb-5\">\n          <!-- Category Header -->\n          <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-3 ax-h-5\">\n            <h4 class=\"ax-font-medium category-header\">{{ category }}</h4>\n            @if (getCategoryTaskCount(category)) {\n              <ax-badge\n                [text]=\"getCategoryTaskCount(category).toString()\"\n                [color]=\"'primary'\"\n                size=\"sm\"\n                class=\"ax-rounded-full\"\n              ></ax-badge>\n            }\n          </div>\n          <!-- Tasks in Category -->\n          <div class=\"ax-space-y-2\">\n            @for (task of getTasksByCategory(category); track task.id) {\n              <ng-container\n                [ngTemplateOutlet]=\"taskItemTemplateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: task }\"\n              ></ng-container>\n            }\n          </div>\n        </div>\n      }\n    } @else {\n      <!-- Uncategorized Tasks -->\n      <div class=\"ax-space-y-2\">\n        @for (task of taskItems(); track task.id) {\n          <ng-container\n            [ngTemplateOutlet]=\"taskItemTemplateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: task }\"\n          ></ng-container>\n        } @empty {\n          <!-- Empty State -->\n          <div\n            class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-14 ax-px-4 ax-text-gray-400 empty-state\"\n          >\n            <ax-icon class=\"ax-text-5xl ax-mb-3 ax-text-gray-300\">\n              <i class=\"fa-light fa-clipboard-list-check\"></i>\n            </ax-icon>\n            <p class=\"ax-text-center ax-font-medium\">\n              {{ 'tasklist.noTasks' | translate: { scope: 'dashboard' } | async }}\n            </p>\n            <p class=\"ax-text-center ax-text-sm ax-mt-2\">\n              {{ 'tasklist.addTask' | translate: { scope: 'dashboard' } | async }}\n            </p>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div\n    class=\"ax-flex ax-gap-3 ax-items-start ax-p-3 task-item\"\n    [class.priority-high]=\"task.priority === 'high'\"\n    [class.priority-medium]=\"task.priority === 'medium'\"\n    [class.priority-low]=\"task.priority === 'low'\"\n  >\n    <!-- Checkbox -->\n    <ax-check-box\n      class=\"ax-flex-shrink-0 ax-mt-1 task-checkbox\"\n      [value]=\"task.completed\"\n      [disabled]=\"!allowMarkComplete()\"\n      (valueChange)=\"onTaskCompletionChange(task, $event)\"\n    >\n    </ax-check-box>\n\n    <!-- Task Details -->\n    <div class=\"ax-overflow-hidden ax-grow ax-text-start\" (click)=\"onTaskClick(task)\">\n      <!-- Title and Priority -->\n      <div class=\"ax-flex ax-items-center ax-gap-2\">\n        <h6 class=\"ax-font-medium ax-truncate ax-pb-1\" [title]=\"task.title\" [class.task-completed]=\"task.completed\">\n          {{ task.title }}\n        </h6>\n        @if (showPriority() && task.priority) {\n          <ax-badge\n            [color]=\"getPriorityColor(task.priority)\"\n            [text]=\"task.priority\"\n            size=\"sm\"\n            class=\"ax-ml-1 ax-rounded-full\"\n          ></ax-badge>\n        }\n      </div>\n\n      <!-- Metadata -->\n      <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-mt-2 ax-text-xs ax-text-gray-500\">\n        @if (showDate() && task.dueDate) {\n          <span\n            class=\"ax-flex ax-items-center ax-gap-1 due-date\"\n            [class.ax-text-danger-500]=\"getDaysDifference(task.dueDate) < 0\"\n            [class.overdue]=\"getDaysDifference(task.dueDate) < 0\"\n          >\n            <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n            {{ formatDueDate(task.dueDate) }}\n          </span>\n        }\n        @if (showAssignee() && task.assignedTo) {\n          <span class=\"ax-flex ax-items-center ax-gap-1\">\n            @if (task.assignedTo.image) {\n              <ax-icon class=\"ax-bg-primary-100 ax-text-primary-500 ax-rounded-full ax-p-1\">\n                <i class=\"fa-light fa-user\"></i>\n              </ax-icon>\n            } @else {\n              <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n            }\n            {{ task.assignedTo.name }}\n          </span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{display:block;height:100%;width:100%}.task-item{transition:all .2s ease-in-out;border-left:3px solid transparent}.task-item:hover{background-color:rgba(var(--ax-sys-color-on-surface),.1);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.task-item.priority-high{border-left-color:rgb(var(--ax-sys-color-danger-500))}.task-item.priority-medium{border-left-color:rgb(var(--ax-sys-color-warning-500))}.task-item.priority-low{border-left-color:rgb(var(--ax-sys-color-success-500))}.task-item:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.05)}.task-completed{text-decoration:line-through;color:var(--ax-text-secondary);opacity:.7;transition:all .3s ease}.category-header{position:relative}.category-header:after{content:\"\";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:var(--ax-primary-500);border-radius:3px;transition:width .3s ease}.category-header:hover:after{width:60px}.empty-state{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-checkbox ::ng-deep .ax-checkbox{transition:all .2s ease}.task-checkbox ::ng-deep .ax-checkbox:hover{transform:scale(1.1)}.due-date.overdue{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.ax-space-y-2>*{animation:slideInRight .3s ease forwards;opacity:0}.ax-space-y-2>*:nth-child(1){animation-delay:.05s}.ax-space-y-2>*:nth-child(2){animation-delay:.1s}.ax-space-y-2>*:nth-child(3){animation-delay:.15s}.ax-space-y-2>*:nth-child(4){animation-delay:.2s}.ax-space-y-2>*:nth-child(5){animation-delay:.25s}.ax-space-y-2>*:nth-child(6){animation-delay:.3s}.ax-space-y-2>*:nth-child(7){animation-delay:.35s}.ax-space-y-2>*:nth-child(8){animation-delay:.4s}.ax-space-y-2>*:nth-child(9){animation-delay:.45s}.ax-space-y-2>*:nth-child(10){animation-delay:.5s}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPTaskListWidgetViewComponent, isStandalone: true, selector: "ng-component", outputs: { taskClick: "taskClick", taskCompleted: "taskCompleted" }, providers: [DatePipe], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <!-- Header -->\n  <div class=\"ax-flex ax-justify-between ax-items-center\">\n    <h3 class=\"ax-text-lg ax-font-semibold ax-flex ax-items-center ax-gap-2\">\n      <ax-icon class=\"ax-text-primary-500\">\n        <i class=\"fa-light fa-clipboard-list-check\"></i>\n      </ax-icon>\n      {{ 'tasklist.title' | translate: { scope: 'dashboard' } | async }}\n    </h3>\n    <div class=\"ax-flex ax-gap-2\">\n      @if (getPendingTaskCount() > 0) {\n        <ax-badge\n          [text]=\"getPendingTaskCount() + ' ' + ('tasklist.pending' | translate: { scope: 'dashboard' } | async)\"\n          [color]=\"'warning'\"\n          size=\"sm\"\n          class=\"ax-ml-1\"\n        >\n        </ax-badge>\n      }\n      @if (getCompletedTaskCount() > 0) {\n        <ax-badge\n          [text]=\"getCompletedTaskCount() + ' ' + ('tasklist.completed' | translate: { scope: 'dashboard' } | async)\"\n          [color]=\"'success'\"\n          size=\"sm\"\n          class=\"ax-ml-1\"\n        >\n        </ax-badge>\n      }\n    </div>\n  </div>\n\n  <!-- Task List -->\n  <div class=\"ax-space-y-4 ax-my-4 ax-px-1 ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    @if (showCategories() && hasCategories()) {\n      <!-- Categorized Tasks -->\n      @for (category of getCategories(); track category) {\n        <div class=\"ax-mb-5\">\n          <!-- Category Header -->\n          <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-3 ax-h-5\">\n            <h4 class=\"ax-font-medium category-header\">{{ category }}</h4>\n            @if (getCategoryTaskCount(category)) {\n              <ax-badge\n                [text]=\"getCategoryTaskCount(category).toString()\"\n                [color]=\"'primary'\"\n                size=\"sm\"\n                class=\"ax-rounded-full\"\n              ></ax-badge>\n            }\n          </div>\n          <!-- Tasks in Category -->\n          <div class=\"ax-space-y-2\">\n            @for (task of getTasksByCategory(category); track task.id) {\n              <ng-container\n                [ngTemplateOutlet]=\"taskItemTemplateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: task }\"\n              ></ng-container>\n            }\n          </div>\n        </div>\n      }\n    } @else {\n      <!-- Uncategorized Tasks -->\n      <div class=\"ax-space-y-2\">\n        @for (task of taskItems(); track task.id) {\n          <ng-container\n            [ngTemplateOutlet]=\"taskItemTemplateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: task }\"\n          ></ng-container>\n        } @empty {\n          <!-- Empty State -->\n          <div\n            class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-14 ax-px-4 ax-text-gray-400 empty-state\"\n          >\n            <ax-icon class=\"ax-text-5xl ax-mb-3 ax-text-gray-300\">\n              <i class=\"fa-light fa-clipboard-list-check\"></i>\n            </ax-icon>\n            <p class=\"ax-text-center ax-font-medium\">\n              {{ 'tasklist.noTasks' | translate: { scope: 'dashboard' } | async }}\n            </p>\n            <p class=\"ax-text-center ax-text-sm ax-mt-2\">\n              {{ 'tasklist.addTask' | translate: { scope: 'dashboard' } | async }}\n            </p>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div\n    class=\"ax-flex ax-gap-3 ax-items-start ax-p-3 task-item\"\n    [class.priority-high]=\"task.priority === 'high'\"\n    [class.priority-medium]=\"task.priority === 'medium'\"\n    [class.priority-low]=\"task.priority === 'low'\"\n  >\n    <!-- Checkbox -->\n    <ax-check-box\n      class=\"ax-flex-shrink-0 ax-mt-1 task-checkbox\"\n      [value]=\"task.completed\"\n      [disabled]=\"!allowMarkComplete()\"\n      (valueChange)=\"onTaskCompletionChange(task, $event)\"\n    >\n    </ax-check-box>\n\n    <!-- Task Details -->\n    <div class=\"ax-overflow-hidden ax-grow ax-text-start\" (click)=\"onTaskClick(task)\">\n      <!-- Title and Priority -->\n      <div class=\"ax-flex ax-items-center ax-gap-2\">\n        <h6 class=\"ax-font-medium ax-truncate ax-pb-1\" [title]=\"task.title\" [class.task-completed]=\"task.completed\">\n          {{ task.title }}\n        </h6>\n        @if (showPriority() && task.priority) {\n          <ax-badge\n            [color]=\"getPriorityColor(task.priority)\"\n            [text]=\"task.priority\"\n            size=\"sm\"\n            class=\"ax-ml-1 ax-rounded-full\"\n          ></ax-badge>\n        }\n      </div>\n\n      <!-- Metadata -->\n      <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-mt-2 ax-text-xs ax-text-gray-500\">\n        @if (showDate() && task.dueDate) {\n          <span\n            class=\"ax-flex ax-items-center ax-gap-1 due-date\"\n            [class.ax-text-danger-500]=\"getDaysDifference(task.dueDate) < 0\"\n            [class.overdue]=\"getDaysDifference(task.dueDate) < 0\"\n          >\n            <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n            {{ formatDueDate(task.dueDate) }}\n          </span>\n        }\n        @if (showAssignee() && task.assignedTo) {\n          <span class=\"ax-flex ax-items-center ax-gap-1\">\n            @if (task.assignedTo.image) {\n              <ax-icon class=\"ax-bg-primary-100 ax-text-primary-500 ax-rounded-full ax-p-1\">\n                <i class=\"fa-light fa-user\"></i>\n              </ax-icon>\n            } @else {\n              <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n            }\n            {{ task.assignedTo.name }}\n          </span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{display:block;height:100%;width:100%}.task-item{transition:all .2s ease-in-out;border-left:3px solid transparent}.task-item:hover{background-color:rgba(var(--ax-sys-color-on-surface),.1);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.task-item.priority-high{border-left-color:rgb(var(--ax-sys-color-danger-500))}.task-item.priority-medium{border-left-color:rgb(var(--ax-sys-color-warning-500))}.task-item.priority-low{border-left-color:rgb(var(--ax-sys-color-success-500))}.task-item:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.05)}.task-completed{text-decoration:line-through;color:var(--ax-text-secondary);opacity:.7;transition:all .3s ease}.category-header{position:relative}.category-header:after{content:\"\";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:var(--ax-primary-500);border-radius:3px;transition:width .3s ease}.category-header:hover:after{width:60px}.empty-state{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-checkbox ::ng-deep .ax-checkbox{transition:all .2s ease}.task-checkbox ::ng-deep .ax-checkbox:hover{transform:scale(1.1)}.due-date.overdue{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.ax-space-y-2>*{animation:slideInRight .3s ease forwards;opacity:0}.ax-space-y-2>*:nth-child(1){animation-delay:.05s}.ax-space-y-2>*:nth-child(2){animation-delay:.1s}.ax-space-y-2>*:nth-child(3){animation-delay:.15s}.ax-space-y-2>*:nth-child(4){animation-delay:.2s}.ax-space-y-2>*:nth-child(5){animation-delay:.25s}.ax-space-y-2>*:nth-child(6){animation-delay:.3s}.ax-space-y-2>*:nth-child(7){animation-delay:.35s}.ax-space-y-2>*:nth-child(8){animation-delay:.4s}.ax-space-y-2>*:nth-child(9){animation-delay:.45s}.ax-space-y-2>*:nth-child(10){animation-delay:.5s}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPTaskListWidgetViewComponent, decorators: [{
             type: Component,
@@ -2885,7 +2885,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                         AXCheckBoxModule,
                         AXLabelModule,
                         AXTranslationModule,
-                    ], providers: [DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <!-- Header -->\n  <div class=\"ax-flex ax-justify-between ax-items-center\">\n    <h3 class=\"ax-text-lg ax-font-semibold ax-flex ax-items-center ax-gap-2\">\n      <ax-icon class=\"ax-text-primary-500\">\n        <i class=\"fa-light fa-clipboard-list-check\"></i>\n      </ax-icon>\n      {{ 'tasklist.title' | translate: { scope: 'dashboard' } | async }}\n    </h3>\n    <div class=\"ax-flex ax-gap-2\">\n      @if (getPendingTaskCount() > 0) {\n        <ax-badge\n          [text]=\"getPendingTaskCount() + ' ' + ('tasklist.pending' | translate: { scope: 'dashboard' } | async)\"\n          [color]=\"'warning'\"\n          size=\"sm\"\n          class=\"ax-ml-1\"\n        >\n        </ax-badge>\n      }\n      @if (getCompletedTaskCount() > 0) {\n        <ax-badge\n          [text]=\"getCompletedTaskCount() + ' ' + ('tasklist.completed' | translate: { scope: 'dashboard' } | async)\"\n          [color]=\"'success'\"\n          size=\"sm\"\n          class=\"ax-ml-1\"\n        >\n        </ax-badge>\n      }\n    </div>\n  </div>\n\n  <!-- Task List -->\n  <div class=\"ax-space-y-4 ax-my-4 ax-px-1 ax-overflow-auto ax-grow\">\n    @if (showCategories() && hasCategories()) {\n      <!-- Categorized Tasks -->\n      @for (category of getCategories(); track category) {\n        <div class=\"ax-mb-5\">\n          <!-- Category Header -->\n          <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-3 ax-h-5\">\n            <h4 class=\"ax-font-medium category-header\">{{ category }}</h4>\n            @if (getCategoryTaskCount(category)) {\n              <ax-badge\n                [text]=\"getCategoryTaskCount(category).toString()\"\n                [color]=\"'primary'\"\n                size=\"sm\"\n                class=\"ax-rounded-full\"\n              ></ax-badge>\n            }\n          </div>\n          <!-- Tasks in Category -->\n          <div class=\"ax-space-y-2\">\n            @for (task of getTasksByCategory(category); track task.id) {\n              <ng-container\n                [ngTemplateOutlet]=\"taskItemTemplateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: task }\"\n              ></ng-container>\n            }\n          </div>\n        </div>\n      }\n    } @else {\n      <!-- Uncategorized Tasks -->\n      <div class=\"ax-space-y-2\">\n        @for (task of taskItems(); track task.id) {\n          <ng-container\n            [ngTemplateOutlet]=\"taskItemTemplateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: task }\"\n          ></ng-container>\n        } @empty {\n          <!-- Empty State -->\n          <div\n            class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-14 ax-px-4 ax-text-gray-400 empty-state\"\n          >\n            <ax-icon class=\"ax-text-5xl ax-mb-3 ax-text-gray-300\">\n              <i class=\"fa-light fa-clipboard-list-check\"></i>\n            </ax-icon>\n            <p class=\"ax-text-center ax-font-medium\">\n              {{ 'tasklist.noTasks' | translate: { scope: 'dashboard' } | async }}\n            </p>\n            <p class=\"ax-text-center ax-text-sm ax-mt-2\">\n              {{ 'tasklist.addTask' | translate: { scope: 'dashboard' } | async }}\n            </p>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div\n    class=\"ax-flex ax-gap-3 ax-items-start ax-p-3 task-item\"\n    [class.priority-high]=\"task.priority === 'high'\"\n    [class.priority-medium]=\"task.priority === 'medium'\"\n    [class.priority-low]=\"task.priority === 'low'\"\n  >\n    <!-- Checkbox -->\n    <ax-check-box\n      class=\"ax-flex-shrink-0 ax-mt-1 task-checkbox\"\n      [value]=\"task.completed\"\n      [disabled]=\"!allowMarkComplete()\"\n      (valueChange)=\"onTaskCompletionChange(task, $event)\"\n    >\n    </ax-check-box>\n\n    <!-- Task Details -->\n    <div class=\"ax-overflow-hidden ax-grow ax-text-start\" (click)=\"onTaskClick(task)\">\n      <!-- Title and Priority -->\n      <div class=\"ax-flex ax-items-center ax-gap-2\">\n        <h6 class=\"ax-font-medium ax-truncate ax-pb-1\" [title]=\"task.title\" [class.task-completed]=\"task.completed\">\n          {{ task.title }}\n        </h6>\n        @if (showPriority() && task.priority) {\n          <ax-badge\n            [color]=\"getPriorityColor(task.priority)\"\n            [text]=\"task.priority\"\n            size=\"sm\"\n            class=\"ax-ml-1 ax-rounded-full\"\n          ></ax-badge>\n        }\n      </div>\n\n      <!-- Metadata -->\n      <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-mt-2 ax-text-xs ax-text-gray-500\">\n        @if (showDate() && task.dueDate) {\n          <span\n            class=\"ax-flex ax-items-center ax-gap-1 due-date\"\n            [class.ax-text-danger-500]=\"getDaysDifference(task.dueDate) < 0\"\n            [class.overdue]=\"getDaysDifference(task.dueDate) < 0\"\n          >\n            <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n            {{ formatDueDate(task.dueDate) }}\n          </span>\n        }\n        @if (showAssignee() && task.assignedTo) {\n          <span class=\"ax-flex ax-items-center ax-gap-1\">\n            @if (task.assignedTo.image) {\n              <ax-icon class=\"ax-bg-primary-100 ax-text-primary-500 ax-rounded-full ax-p-1\">\n                <i class=\"fa-light fa-user\"></i>\n              </ax-icon>\n            } @else {\n              <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n            }\n            {{ task.assignedTo.name }}\n          </span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{display:block;height:100%;width:100%}.task-item{transition:all .2s ease-in-out;border-left:3px solid transparent}.task-item:hover{background-color:rgba(var(--ax-sys-color-on-surface),.1);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.task-item.priority-high{border-left-color:rgb(var(--ax-sys-color-danger-500))}.task-item.priority-medium{border-left-color:rgb(var(--ax-sys-color-warning-500))}.task-item.priority-low{border-left-color:rgb(var(--ax-sys-color-success-500))}.task-item:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.05)}.task-completed{text-decoration:line-through;color:var(--ax-text-secondary);opacity:.7;transition:all .3s ease}.category-header{position:relative}.category-header:after{content:\"\";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:var(--ax-primary-500);border-radius:3px;transition:width .3s ease}.category-header:hover:after{width:60px}.empty-state{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-checkbox ::ng-deep .ax-checkbox{transition:all .2s ease}.task-checkbox ::ng-deep .ax-checkbox:hover{transform:scale(1.1)}.due-date.overdue{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.ax-space-y-2>*{animation:slideInRight .3s ease forwards;opacity:0}.ax-space-y-2>*:nth-child(1){animation-delay:.05s}.ax-space-y-2>*:nth-child(2){animation-delay:.1s}.ax-space-y-2>*:nth-child(3){animation-delay:.15s}.ax-space-y-2>*:nth-child(4){animation-delay:.2s}.ax-space-y-2>*:nth-child(5){animation-delay:.25s}.ax-space-y-2>*:nth-child(6){animation-delay:.3s}.ax-space-y-2>*:nth-child(7){animation-delay:.35s}.ax-space-y-2>*:nth-child(8){animation-delay:.4s}.ax-space-y-2>*:nth-child(9){animation-delay:.45s}.ax-space-y-2>*:nth-child(10){animation-delay:.5s}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}\n"] }]
+                    ], providers: [DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <!-- Header -->\n  <div class=\"ax-flex ax-justify-between ax-items-center\">\n    <h3 class=\"ax-text-lg ax-font-semibold ax-flex ax-items-center ax-gap-2\">\n      <ax-icon class=\"ax-text-primary-500\">\n        <i class=\"fa-light fa-clipboard-list-check\"></i>\n      </ax-icon>\n      {{ 'tasklist.title' | translate: { scope: 'dashboard' } | async }}\n    </h3>\n    <div class=\"ax-flex ax-gap-2\">\n      @if (getPendingTaskCount() > 0) {\n        <ax-badge\n          [text]=\"getPendingTaskCount() + ' ' + ('tasklist.pending' | translate: { scope: 'dashboard' } | async)\"\n          [color]=\"'warning'\"\n          size=\"sm\"\n          class=\"ax-ml-1\"\n        >\n        </ax-badge>\n      }\n      @if (getCompletedTaskCount() > 0) {\n        <ax-badge\n          [text]=\"getCompletedTaskCount() + ' ' + ('tasklist.completed' | translate: { scope: 'dashboard' } | async)\"\n          [color]=\"'success'\"\n          size=\"sm\"\n          class=\"ax-ml-1\"\n        >\n        </ax-badge>\n      }\n    </div>\n  </div>\n\n  <!-- Task List -->\n  <div class=\"ax-space-y-4 ax-my-4 ax-px-1 ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    @if (showCategories() && hasCategories()) {\n      <!-- Categorized Tasks -->\n      @for (category of getCategories(); track category) {\n        <div class=\"ax-mb-5\">\n          <!-- Category Header -->\n          <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-3 ax-h-5\">\n            <h4 class=\"ax-font-medium category-header\">{{ category }}</h4>\n            @if (getCategoryTaskCount(category)) {\n              <ax-badge\n                [text]=\"getCategoryTaskCount(category).toString()\"\n                [color]=\"'primary'\"\n                size=\"sm\"\n                class=\"ax-rounded-full\"\n              ></ax-badge>\n            }\n          </div>\n          <!-- Tasks in Category -->\n          <div class=\"ax-space-y-2\">\n            @for (task of getTasksByCategory(category); track task.id) {\n              <ng-container\n                [ngTemplateOutlet]=\"taskItemTemplateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: task }\"\n              ></ng-container>\n            }\n          </div>\n        </div>\n      }\n    } @else {\n      <!-- Uncategorized Tasks -->\n      <div class=\"ax-space-y-2\">\n        @for (task of taskItems(); track task.id) {\n          <ng-container\n            [ngTemplateOutlet]=\"taskItemTemplateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: task }\"\n          ></ng-container>\n        } @empty {\n          <!-- Empty State -->\n          <div\n            class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-14 ax-px-4 ax-text-gray-400 empty-state\"\n          >\n            <ax-icon class=\"ax-text-5xl ax-mb-3 ax-text-gray-300\">\n              <i class=\"fa-light fa-clipboard-list-check\"></i>\n            </ax-icon>\n            <p class=\"ax-text-center ax-font-medium\">\n              {{ 'tasklist.noTasks' | translate: { scope: 'dashboard' } | async }}\n            </p>\n            <p class=\"ax-text-center ax-text-sm ax-mt-2\">\n              {{ 'tasklist.addTask' | translate: { scope: 'dashboard' } | async }}\n            </p>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div\n    class=\"ax-flex ax-gap-3 ax-items-start ax-p-3 task-item\"\n    [class.priority-high]=\"task.priority === 'high'\"\n    [class.priority-medium]=\"task.priority === 'medium'\"\n    [class.priority-low]=\"task.priority === 'low'\"\n  >\n    <!-- Checkbox -->\n    <ax-check-box\n      class=\"ax-flex-shrink-0 ax-mt-1 task-checkbox\"\n      [value]=\"task.completed\"\n      [disabled]=\"!allowMarkComplete()\"\n      (valueChange)=\"onTaskCompletionChange(task, $event)\"\n    >\n    </ax-check-box>\n\n    <!-- Task Details -->\n    <div class=\"ax-overflow-hidden ax-grow ax-text-start\" (click)=\"onTaskClick(task)\">\n      <!-- Title and Priority -->\n      <div class=\"ax-flex ax-items-center ax-gap-2\">\n        <h6 class=\"ax-font-medium ax-truncate ax-pb-1\" [title]=\"task.title\" [class.task-completed]=\"task.completed\">\n          {{ task.title }}\n        </h6>\n        @if (showPriority() && task.priority) {\n          <ax-badge\n            [color]=\"getPriorityColor(task.priority)\"\n            [text]=\"task.priority\"\n            size=\"sm\"\n            class=\"ax-ml-1 ax-rounded-full\"\n          ></ax-badge>\n        }\n      </div>\n\n      <!-- Metadata -->\n      <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-mt-2 ax-text-xs ax-text-gray-500\">\n        @if (showDate() && task.dueDate) {\n          <span\n            class=\"ax-flex ax-items-center ax-gap-1 due-date\"\n            [class.ax-text-danger-500]=\"getDaysDifference(task.dueDate) < 0\"\n            [class.overdue]=\"getDaysDifference(task.dueDate) < 0\"\n          >\n            <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n            {{ formatDueDate(task.dueDate) }}\n          </span>\n        }\n        @if (showAssignee() && task.assignedTo) {\n          <span class=\"ax-flex ax-items-center ax-gap-1\">\n            @if (task.assignedTo.image) {\n              <ax-icon class=\"ax-bg-primary-100 ax-text-primary-500 ax-rounded-full ax-p-1\">\n                <i class=\"fa-light fa-user\"></i>\n              </ax-icon>\n            } @else {\n              <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n            }\n            {{ task.assignedTo.name }}\n          </span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{display:block;height:100%;width:100%}.task-item{transition:all .2s ease-in-out;border-left:3px solid transparent}.task-item:hover{background-color:rgba(var(--ax-sys-color-on-surface),.1);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.task-item.priority-high{border-left-color:rgb(var(--ax-sys-color-danger-500))}.task-item.priority-medium{border-left-color:rgb(var(--ax-sys-color-warning-500))}.task-item.priority-low{border-left-color:rgb(var(--ax-sys-color-success-500))}.task-item:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.05)}.task-completed{text-decoration:line-through;color:var(--ax-text-secondary);opacity:.7;transition:all .3s ease}.category-header{position:relative}.category-header:after{content:\"\";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:var(--ax-primary-500);border-radius:3px;transition:width .3s ease}.category-header:hover:after{width:60px}.empty-state{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-checkbox ::ng-deep .ax-checkbox{transition:all .2s ease}.task-checkbox ::ng-deep .ax-checkbox:hover{transform:scale(1.1)}.due-date.overdue{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.ax-space-y-2>*{animation:slideInRight .3s ease forwards;opacity:0}.ax-space-y-2>*:nth-child(1){animation-delay:.05s}.ax-space-y-2>*:nth-child(2){animation-delay:.1s}.ax-space-y-2>*:nth-child(3){animation-delay:.15s}.ax-space-y-2>*:nth-child(4){animation-delay:.2s}.ax-space-y-2>*:nth-child(5){animation-delay:.25s}.ax-space-y-2>*:nth-child(6){animation-delay:.3s}.ax-space-y-2>*:nth-child(7){animation-delay:.35s}.ax-space-y-2>*:nth-child(8){animation-delay:.4s}.ax-space-y-2>*:nth-child(9){animation-delay:.45s}.ax-space-y-2>*:nth-child(10){animation-delay:.5s}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}\n"] }]
         }] });
 
 var tasklistWidget_component = /*#__PURE__*/Object.freeze({
@@ -4213,7 +4213,7 @@ class AXMMinimalWeatherViewComponent extends AXPValueWidgetComponent {
         ], usesInheritance: true, ngImport: i0, template: `
     @if (weatherData() && !isLoading() && !hasError()) {
       <div
-        class="ax-flex ax-size-full ax-flex-col ax-items-start ax-p-2 ax-gap-2 ax-justify-evenly weather-container ax-overflow-hidden"
+        class="ax-flex ax-size-full ax-flex-col ax-items-start ax-p-2 ax-justify-evenly weather-container ax-overflow-hidden"
         [attr.aria-label]="'Current weather for ' + city()"
       >
         <div class="weather-top ax-flex ax-justify-around ax-items-center ax-w-full ax-pt-2 ax-gap-2 ax-flex-wrap">
@@ -4285,7 +4285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             args: [{ template: `
     @if (weatherData() && !isLoading() && !hasError()) {
       <div
-        class="ax-flex ax-size-full ax-flex-col ax-items-start ax-p-2 ax-gap-2 ax-justify-evenly weather-container ax-overflow-hidden"
+        class="ax-flex ax-size-full ax-flex-col ax-items-start ax-p-2 ax-justify-evenly weather-container ax-overflow-hidden"
         [attr.aria-label]="'Current weather for ' + city()"
       >
         <div class="weather-top ax-flex ax-justify-around ax-items-center ax-w-full ax-pt-2 ax-gap-2 ax-flex-wrap">
@@ -5375,11 +5375,11 @@ class AXMDashboardWidgetWrapperComponent {
         console.log('Dropdown event:', event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMDashboardWidgetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXMDashboardWidgetWrapperComponent, isStandalone: true, selector: "axm-dashboard-widget-wrapper", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, hasConfiguration: { classPropertyName: "hasConfiguration", publicName: "hasConfiguration", isSignal: true, isRequired: false, transformFunction: null }, isLocked: { classPropertyName: "isLocked", publicName: "isLocked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDelete: "onDelete", onConfiguration: "onConfiguration", onValueChanged: "onValueChanged", onOptionsChanged: "onOptionsChanged" }, queries: [{ propertyName: "widget", first: true, predicate: AXPWidgetRendererDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"ax-relative ax-size-full ax-flex ax-flex-col ax-group ax-overflow-hidden\">\n  <!-- Action button - stays absolute -->\n  @if(!isLocked()) {\n  <div\n    class=\"ax-p-[0.6125rem] ax-absolute ax-top-0 ax-end-0 ax-z-[99] ax-invisible group-hover:ax-visible md:group-hover:ax-visible\"\n    [class.!ax-visible]=\"isDropdownOpen()\"\n    (touchstart)=\"isDropdownOpen.set(true)\"\n  >\n    <ax-button class=\"ax-sm ax-main-button\" [look]=\"'blank'\">\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n      </ax-prefix>\n      <ax-dropdown-panel (onOpened)=\"isDropdownOpen.set(true)\" (onClosed)=\"isDropdownOpen.set(false)\">\n        <ng-container *translate=\"let t\">\n          <ax-button-item-list (onItemClick)=\"handleOnItemClick($event)\">\n            @if(hasConfiguration()){\n            <ax-button-item\n              [data]=\"'configuration'\"\n              [text]=\"(t('configuration', { scope: 'dashboard' }) | async) || 'configuration'\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-cog\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-divider></ax-divider>\n            }\n            <ax-button-item [data]=\"'delete'\" [text]=\"(t('delete') | async) || 'delete'\" color=\"danger\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ng-container>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  }\n\n  <!-- Title section -->\n  @if(title()) {\n  <div class=\"ax-ps-5 ax-pe-8 ax-py-3 ax-border-b\">\n    <h3 class=\"ax-text-start ax-text-lg ax-font-medium ax-truncate\">{{title()}}</h3>\n  </div>\n  }\n\n  <!-- Content section -->\n  <div class=\"ax-overflow-auto ax-h-full\">\n    <ng-content></ng-content>\n  </div>\n</section>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1$3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$2.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: AXDropdownModule }, { kind: "component", type: i3$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXMDashboardWidgetWrapperComponent, isStandalone: true, selector: "axm-dashboard-widget-wrapper", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, hasConfiguration: { classPropertyName: "hasConfiguration", publicName: "hasConfiguration", isSignal: true, isRequired: false, transformFunction: null }, isLocked: { classPropertyName: "isLocked", publicName: "isLocked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDelete: "onDelete", onConfiguration: "onConfiguration", onValueChanged: "onValueChanged", onOptionsChanged: "onOptionsChanged" }, queries: [{ propertyName: "widget", first: true, predicate: AXPWidgetRendererDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"ax-relative ax-size-full ax-flex ax-flex-col ax-group ax-overflow-hidden\">\n  <!-- Action button - stays absolute -->\n  @if(!isLocked()) {\n  <div\n    class=\"ax-p-[0.6125rem] ax-absolute ax-top-0 ax-end-0 ax-z-[9] ax-invisible group-hover:ax-visible md:group-hover:ax-visible\"\n    [class.!ax-visible]=\"isDropdownOpen()\"\n    (touchstart)=\"isDropdownOpen.set(true)\"\n  >\n    <ax-button class=\"ax-sm ax-main-button\" [look]=\"'blank'\">\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n      </ax-prefix>\n      <ax-dropdown-panel (onOpened)=\"isDropdownOpen.set(true)\" (onClosed)=\"isDropdownOpen.set(false)\">\n        <ng-container *translate=\"let t\">\n          <ax-button-item-list (onItemClick)=\"handleOnItemClick($event)\">\n            @if(hasConfiguration()){\n            <ax-button-item\n              [data]=\"'configuration'\"\n              [text]=\"(t('configuration', { scope: 'dashboard' }) | async) || 'configuration'\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-cog\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-divider></ax-divider>\n            }\n            <ax-button-item [data]=\"'delete'\" [text]=\"(t('delete') | async) || 'delete'\" color=\"danger\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ng-container>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  }\n\n  <!-- Title section -->\n  @if(title()) {\n  <div class=\"ax-ps-5 ax-pe-8 ax-py-3 ax-border-b\">\n    <h3 class=\"ax-text-start ax-text-lg ax-font-medium ax-truncate\">{{title()}}</h3>\n  </div>\n  }\n\n  <!-- Content section -->\n  <div class=\"ax-overflow-hidden ax-h-full\">\n    <ng-content></ng-content>\n  </div>\n</section>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1$3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$2.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: AXDropdownModule }, { kind: "component", type: i3$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMDashboardWidgetWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-dashboard-widget-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonModule, AXDecoratorModule, AXDropdownModule, AXTranslationModule, CommonModule], standalone: true, template: "<section class=\"ax-relative ax-size-full ax-flex ax-flex-col ax-group ax-overflow-hidden\">\n  <!-- Action button - stays absolute -->\n  @if(!isLocked()) {\n  <div\n    class=\"ax-p-[0.6125rem] ax-absolute ax-top-0 ax-end-0 ax-z-[99] ax-invisible group-hover:ax-visible md:group-hover:ax-visible\"\n    [class.!ax-visible]=\"isDropdownOpen()\"\n    (touchstart)=\"isDropdownOpen.set(true)\"\n  >\n    <ax-button class=\"ax-sm ax-main-button\" [look]=\"'blank'\">\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n      </ax-prefix>\n      <ax-dropdown-panel (onOpened)=\"isDropdownOpen.set(true)\" (onClosed)=\"isDropdownOpen.set(false)\">\n        <ng-container *translate=\"let t\">\n          <ax-button-item-list (onItemClick)=\"handleOnItemClick($event)\">\n            @if(hasConfiguration()){\n            <ax-button-item\n              [data]=\"'configuration'\"\n              [text]=\"(t('configuration', { scope: 'dashboard' }) | async) || 'configuration'\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-cog\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-divider></ax-divider>\n            }\n            <ax-button-item [data]=\"'delete'\" [text]=\"(t('delete') | async) || 'delete'\" color=\"danger\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ng-container>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  }\n\n  <!-- Title section -->\n  @if(title()) {\n  <div class=\"ax-ps-5 ax-pe-8 ax-py-3 ax-border-b\">\n    <h3 class=\"ax-text-start ax-text-lg ax-font-medium ax-truncate\">{{title()}}</h3>\n  </div>\n  }\n\n  <!-- Content section -->\n  <div class=\"ax-overflow-auto ax-h-full\">\n    <ng-content></ng-content>\n  </div>\n</section>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+            args: [{ selector: 'axm-dashboard-widget-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonModule, AXDecoratorModule, AXDropdownModule, AXTranslationModule, CommonModule], standalone: true, template: "<section class=\"ax-relative ax-size-full ax-flex ax-flex-col ax-group ax-overflow-hidden\">\n  <!-- Action button - stays absolute -->\n  @if(!isLocked()) {\n  <div\n    class=\"ax-p-[0.6125rem] ax-absolute ax-top-0 ax-end-0 ax-z-[9] ax-invisible group-hover:ax-visible md:group-hover:ax-visible\"\n    [class.!ax-visible]=\"isDropdownOpen()\"\n    (touchstart)=\"isDropdownOpen.set(true)\"\n  >\n    <ax-button class=\"ax-sm ax-main-button\" [look]=\"'blank'\">\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n      </ax-prefix>\n      <ax-dropdown-panel (onOpened)=\"isDropdownOpen.set(true)\" (onClosed)=\"isDropdownOpen.set(false)\">\n        <ng-container *translate=\"let t\">\n          <ax-button-item-list (onItemClick)=\"handleOnItemClick($event)\">\n            @if(hasConfiguration()){\n            <ax-button-item\n              [data]=\"'configuration'\"\n              [text]=\"(t('configuration', { scope: 'dashboard' }) | async) || 'configuration'\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-cog\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-divider></ax-divider>\n            }\n            <ax-button-item [data]=\"'delete'\" [text]=\"(t('delete') | async) || 'delete'\" color=\"danger\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ng-container>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  }\n\n  <!-- Title section -->\n  @if(title()) {\n  <div class=\"ax-ps-5 ax-pe-8 ax-py-3 ax-border-b\">\n    <h3 class=\"ax-text-start ax-text-lg ax-font-medium ax-truncate\">{{title()}}</h3>\n  </div>\n  }\n\n  <!-- Content section -->\n  <div class=\"ax-overflow-hidden ax-h-full\">\n    <ng-content></ng-content>\n  </div>\n</section>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
         }] });
 
 const path$1 = 'home:dashboard:';
@@ -6106,10 +6106,10 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Persists dashboard configuration changes and updates selection.
          */
         async handleConfigChange(dashboard) {
-            await dashboardService.updateOne(dashboard.id, dashboardLayoutToModel(dashboard));
-            const updatedDashboards = store.dashboards().map((d) => (d.id === dashboard.id ? dashboard : d));
+            // await dashboardService.updateOne(dashboard.id, dashboardLayoutToModel(dashboard));
+            // const updatedDashboards = store.dashboards().map((d) => (d.id === dashboard.id ? dashboard : d));
             patchState(store, {
-                dashboards: updatedDashboards,
+                // dashboards: updatedDashboards,
                 currentDashboardId: dashboard.id,
             });
             settingService.scope(AXPPlatformScope.User).set(AXPHomeDashboardSetting$1.CurrentDashboard, dashboard.id);