@acorex/modules 21.0.0-next.34 → 21.0.0-next.39

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

@@ -1,7 +1,7 @@
 import { AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER } from '@acorex/platform/core';
 import { AXP_ENTITY_CONFIG_TOKEN, AXPEntityService, AXP_ENTITY_DEFINITION_LOADER, entityMasterCrudActions, entityMasterDeleteAction, entityDetailsSimpleCondition, entityMasterRecordActions, entityDetailsCrudActions } from '@acorex/platform/layout/entity';
 import * as i1 from '@angular/common';
-import { CommonModule, AsyncPipe } from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, signal, computed, effect, ChangeDetectionStrategy, Component, output, viewChild, InjectionToken, Injectable, NgModule, Injector } from '@angular/core';
 import { AXP_HOME_PAGES, AXPSearchCommandProvider, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER, createAllQueryView, AXPEntityCommandScope } from '@acorex/platform/common';
@@ -9,8 +9,8 @@ import { AXPAuthGuard, AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } f
 import { RouterLink, ROUTES } from '@angular/router';
 import { AXButtonComponent } from '@acorex/components/button';
 import { AXDecoratorIconComponent, AXDecoratorGenericComponent } from '@acorex/components/decorators';
-import * as i5 from '@acorex/core/translation';
-import { AXTranslationModule } from '@acorex/core/translation';
+import * as i6 from '@acorex/core/translation';
+import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
 import { AXPLayoutBaseWidgetComponent, AXPWidgetsCatalog, cloneProperty, AXPWidgetGroupEnum, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
 import { AXCalendarService } from '@acorex/core/date-time';
 import { AXMCalendarManagementService, AXMCalendarManagementModule } from '@acorex/modules/calendar-management';
@@ -28,6 +28,8 @@ const config = {
     i18n: 'task-management',
     module: 'TaskManagement',
 };
+/** Dashboard widget type ids for task-management-hosted widgets (`{module}:Widget:Dashboard:{Segment}`). */
+const dashboardWidgetId = (segment) => `${config.module}:Widget:Dashboard:${segment}`;
 const RootConfig = {
     config,
     module: {
@@ -91,6 +93,10 @@ const RootConfig = {
             icon: 'fa-light fa-copy',
         },
     },
+    widgets: {
+        taskBoard: dashboardWidgetId('TaskBoard'),
+        taskBoardShortcut: dashboardWidgetId('TaskBoardShortcut'),
+    },
 };
 
 //#region ----   Imports   ----
@@ -146,7 +152,7 @@ class AXPTaskBoardShortcutViewComponent extends AXPLayoutBaseWidgetComponent {
     }
     #taskCounter;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardShortcutViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPTaskBoardShortcutViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col ax-gap-3 ax-px-6 ax-pt-3 ax-pb-6 ax-h-full\">\n  <h1 class=\"ax-text-start ax-text-lg ax-font-medium ax-truncate ax-h-9\">{{ title() | translate | async }}</h1>\n  <div class=\"ax-w-full ax-h-full ax-relative\">\n    <div class=\"ax-flex ax-flex-col ax-gap-2 ax-text-start\">\n      <h3 class=\"ax-text-xl ax-text-primary ax-text-nowrap\">{{ dateRange().title | translate | async }}</h3>\n      <h1 class=\"ax-text-6xl ax-font-bold\">{{ tasksCount() }}</h1>\n    </div>\n    <a\n      [queryParams]=\"queryParams()\"\n      class=\"ax-absolute ax-bottom-0 ax-right-0\"\n      [routerLink]=\"['/TaskManagement/task-board']\"\n    >\n      <ax-button [text]=\"'View all'\" [look]=\"'link'\" class=\"ax-sm\" [color]=\"'primary'\">\n        <ax-suffix> <ax-icon class=\"fa-solid fa-external-link\"></ax-icon> </ax-suffix>\n      </ax-button>\n    </a>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: 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: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: 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: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPTaskBoardShortcutViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col ax-gap-3 ax-px-6 ax-pt-3 ax-pb-6 ax-h-full\">\n  <h1 class=\"ax-text-start ax-text-lg ax-font-medium ax-truncate ax-h-9\">{{ title() | translate | async }}</h1>\n  <div class=\"ax-w-full ax-h-full ax-relative\">\n    <div class=\"ax-flex ax-flex-col ax-gap-2 ax-text-start\">\n      <h3 class=\"ax-text-xl ax-text-primary ax-text-nowrap\">{{ dateRange().title | translate | async }}</h3>\n      <h1 class=\"ax-text-6xl ax-font-bold\">{{ tasksCount() }}</h1>\n    </div>\n    <a\n      [queryParams]=\"queryParams()\"\n      class=\"ax-absolute ax-bottom-0 ax-right-0\"\n      [routerLink]=\"['/TaskManagement/task-board']\"\n    >\n      <ax-button [text]=\"'View all'\" [look]=\"'link'\" class=\"ax-sm\" [color]=\"'primary'\">\n        <ax-suffix> <ax-icon class=\"fa-solid fa-external-link\"></ax-icon> </ax-suffix>\n      </ax-button>\n    </a>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: 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: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: 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: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardShortcutViewComponent, decorators: [{
             type: Component,
@@ -179,8 +185,9 @@ const VALID_DATE_RANGES = [
     { title: 'This Month', name: 'this-month' },
 ];
 const AXPTaskBoardShortcut = {
-    name: 'task-board-shortcut',
-    title: 'Task Board Shortcut',
+    name: RootConfig.widgets.taskBoardShortcut,
+    title: '@dashboard:widgets.task-board-shortcut.widget-title',
+    description: '@dashboard:widgets.task-board-shortcut.widget-description',
     categories: [AXP_WIDGETS_CHART_CATEGORY],
     groups: [AXPWidgetGroupEnum.DashboardWidget],
     type: 'dashboard',
@@ -326,6 +333,7 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
         this.taskClick = output();
         // Dependencies
         this.taskBoardService = inject(AXPTaskBoardService);
+        this.translateService = inject(AXTranslationService);
         this.contextMenu = viewChild('contextMenu', ...(ngDevMode ? [{ debugName: "contextMenu" }] : /* istanbul ignore next */ []));
         // Configuration options
         this.maxItems = computed(() => this.options()?.['maxItems'] ?? 10, ...(ngDevMode ? [{ debugName: "maxItems" }] : /* istanbul ignore next */ []));
@@ -473,8 +481,14 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
             return;
         const actions = await provider.getActions(currentTask);
         for (const item of actions) {
+            const t = item.title;
+            const text = typeof t === 'string'
+                ? t.startsWith('@')
+                    ? await this.translateService.translateAsync(t)
+                    : t
+                : this.translateService.resolve(t);
             event.items.push({
-                text: item.title,
+                text,
                 icon: item.icon,
                 data: {
                     command: item.command,
@@ -514,12 +528,11 @@ class AXPTaskBoardWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTaskBoardWidgetViewComponent, isStandalone: true, selector: "ng-component", outputs: { taskClick: "taskClick" }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <!-- Header with Priority Filter Chips -->\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-4\">\n    @for (badge of priorityBadges(); track badge.name) {\n      <ng-container>\n        @if (badge.count > 0) {\n          <ax-chips\n            [size]=\"'ax-sm'\"\n            [color]=\"badge.color\"\n            class=\"ax-cursor-pointer filter-badge\"\n            [text]=\"`${badge.label} (${badge.count})`\"\n            (click)=\"onPriorityFilterChange(badge.name)\"\n            [look]=\"selectedPriorities().has(badge.name) ? 'solid' : 'outline'\"\n          >\n          </ax-chips>\n        }\n      </ng-container>\n    }\n  </div>\n\n  <!-- Task Board -->\n  <div class=\"ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    <div class=\"ax-space-y-2\">\n      @for (task of filteredTasks(); track task.id) {\n        <ng-container\n          [ngTemplateOutlet]=\"taskItemTemplateRef\"\n          [ngTemplateOutletContext]=\"{ $implicit: task }\"\n        ></ng-container>\n      } @empty {\n        <!-- Empty State -->\n        <axp-state-message\n          icon=\"fa-light fa-clipboard-list-check\"\n          [title]=\"'@dashboard:task-board.no-tasks-found.title'\"\n          [description]=\"'@dashboard:task-board.no-tasks-found.description'\"\n        >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div class=\"ax-flex ax-gap-3 ax-items-center ax-p-3 task-item priority-{{ task.priority }}\">\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-justify-between ax-gap-2\">\n        <ax-title class=\"ax-font-medium ax-truncate ax-pb-1 ax-grow min-w-0\" [title]=\"task.title\">\n          {{ task.title }}\n        </ax-title>\n        <!-- More Options Button -->\n        <ax-button look=\"link\" class=\"ax-sm\" (onClick)=\"onMoreOptionsClick(task, $event)\">\n          <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n        </ax-button>\n      </div>\n\n      <!-- Metadata -->\n      @if (task.endDate || task.assignee) {\n        <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-pt-2 ax-text-xs\">\n          @if (task.endDate) {\n            <span class=\"ax-flex ax-items-center ax-gap-1 due-date\">\n              <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n              <ax-subtitle>{{ task.endDate | format: 'datetime' : { format: 'datetime' } | async }}</ax-subtitle>\n            </span>\n          }\n          @if (task.assignee) {\n            <span class=\"ax-flex ax-items-center ax-gap-1\">\n              @if (task.assignee.avatarUrl) {\n                <img [src]=\"task.assignee.avatarUrl\" class=\"ax-w-4 ax-h-4 ax-rounded-full\" />\n              } @else {\n                <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n              }\n              <ax-subtitle>{{ task.assignee.fullName }}</ax-subtitle>\n            </span>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ax-context-menu\n  #contextMenu\n  [closeOn]=\"'leave'\"\n  [orientation]=\"'vertical'\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\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 #0000000d}.task-item.priority-highest{border-left-color:rgb(var(--ax-sys-color-danger-500))}.task-item.priority-high{border-left-color:rgb(var(--ax-sys-color-danger-400))}.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.priority-lowest{border-left-color:rgb(var(--ax-sys-color-success-300))}.task-item:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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: "component", type: AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "text", "look", "size"], outputs: ["textChange", "lookChange", "sizeChange"] }, { kind: "component", type: 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: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: 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: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTaskBoardWidgetViewComponent, isStandalone: true, selector: "ng-component", outputs: { taskClick: "taskClick" }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4 ax-flex ax-flex-col\">\n  <!-- Header with Priority Filter Chips -->\n  <div class=\"ax-flex ax-gap-2 ax-flex-wrap ax-pb-4\">\n    @for (badge of priorityBadges(); track badge.name) {\n      <ng-container>\n        @if (badge.count > 0) {\n          <ax-chips\n            [size]=\"'ax-sm'\"\n            [color]=\"badge.color\"\n            class=\"ax-cursor-pointer filter-badge\"\n            [text]=\"`${badge.label} (${badge.count})`\"\n            (click)=\"onPriorityFilterChange(badge.name)\"\n            [look]=\"selectedPriorities().has(badge.name) ? 'solid' : 'outline'\"\n          >\n          </ax-chips>\n        }\n      </ng-container>\n    }\n  </div>\n\n  <!-- Task Board -->\n  <div class=\"ax-overflow-auto ax-overflow-x-hidden ax-grow\">\n    <div class=\"ax-space-y-2\">\n      @for (task of filteredTasks(); track task.id) {\n        <ng-container\n          [ngTemplateOutlet]=\"taskItemTemplateRef\"\n          [ngTemplateOutletContext]=\"{ $implicit: task }\"\n        ></ng-container>\n      } @empty {\n        <!-- Empty State -->\n        <axp-state-message\n          icon=\"fa-light fa-clipboard-list-check\"\n          [title]=\"'@dashboard:task-board.no-tasks-found.title'\"\n          [description]=\"'@dashboard:task-board.no-tasks-found.description'\"\n        >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div class=\"ax-flex ax-gap-3 ax-items-center ax-p-3 task-item priority-{{ task.priority }}\">\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-justify-between ax-gap-2\">\n        <ax-title class=\"ax-font-medium ax-truncate ax-pb-1 ax-grow min-w-0\" [title]=\"task.title\">\n          {{ task.title }}\n        </ax-title>\n        <!-- More Options Button -->\n        <ax-button look=\"link\" class=\"ax-sm\" (onClick)=\"onMoreOptionsClick(task, $event)\">\n          <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n        </ax-button>\n      </div>\n\n      <!-- Metadata -->\n      @if (task.endDate || task.assignee) {\n        <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-pt-2 ax-text-xs\">\n          @if (task.endDate) {\n            <span class=\"ax-flex ax-items-center ax-gap-1 due-date\">\n              <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n              <ax-subtitle>{{ task.endDate | format: 'datetime' : { format: 'datetime' } | async }}</ax-subtitle>\n            </span>\n          }\n          @if (task.assignee) {\n            <span class=\"ax-flex ax-items-center ax-gap-1\">\n              @if (task.assignee.avatarUrl) {\n                <img [src]=\"task.assignee.avatarUrl\" class=\"ax-w-4 ax-h-4 ax-rounded-full\" />\n              } @else {\n                <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n              }\n              <ax-subtitle>{{ task.assignee.fullName }}</ax-subtitle>\n            </span>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ax-context-menu\n  #contextMenu\n  [closeOn]=\"'leave'\"\n  [orientation]=\"'vertical'\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\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 #0000000d}.task-item.priority-highest{border-left-color:rgb(var(--ax-sys-color-danger-500))}.task-item.priority-high{border-left-color:rgb(var(--ax-sys-color-danger-400))}.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.priority-lowest{border-left-color:rgb(var(--ax-sys-color-success-300))}.task-item:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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: "component", type: AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "text", "look", "size"], outputs: ["textChange", "lookChange", "sizeChange"] }, { kind: "component", type: 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: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: 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: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTaskBoardWidgetViewComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
-                        AsyncPipe,
                         CommonModule,
                         AXFormatPipe,
                         AXChipsComponent,
@@ -537,8 +550,9 @@ var taskBoardWidget_component = /*#__PURE__*/Object.freeze({
 });
 
 const AXPTaskBoardWidget = {
-    name: 'task-board',
-    title: 'Task Board Widget',
+    name: RootConfig.widgets.taskBoard,
+    title: '@dashboard:widgets.task-board-widget.widget-title',
+    description: '@dashboard:widgets.task-board-widget.widget-description',
     categories: [AXP_WIDGETS_CHART_CATEGORY],
     groups: [AXPWidgetGroupEnum.DashboardWidget],
     type: 'dashboard',
@@ -559,7 +573,7 @@ const AXPTaskBoardWidget = {
                     path: 'options.title',
                     type: AXPWidgetsCatalog.text,
                     options: {
-                        placeholder: 'Enter task board title',
+                        placeholder: '@dashboard:widgets.task-board-widget.title-placeholder',
                     },
                     triggers: [
                         {
@@ -999,7 +1013,7 @@ function createAppRoute() {
         children: [
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-task-management-task-board.page-C1H_GTqy.mjs').then((c) => c.AXMTaskBoardPage),
+                loadComponent: () => import('./acorex-modules-task-management-task-board.page-DA2563QE.mjs').then((c) => c.AXMTaskBoardPage),
             },
         ],
     };