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

package/fesm2022/acorex-modules-workflow-management-cartable-page.component-Bso0XRkJ.mjs

@@ -0,0 +1,296 @@
+import * as i5$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXButtonGroupModule } from '@acorex/components/button-group';
+import * as i2$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i4 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i5 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i6 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i9 from '@acorex/core/date-time';
+import { AXDateTimeModule } from '@acorex/core/date-time';
+import * as i7 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPEntityService } from '@acorex/platform/layout/entity';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
+import { AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
+import { AXPCommandService } from '@acorex/platform/runtime';
+import { Router } from '@angular/router';
+import { AXMWorkflowManagementWorkItemEntityService, RootConfig } from './acorex-modules-workflow-management.mjs';
+import { AXPActivityDefinitionService } from '@acorex/platform/workflow';
+
+class AXMCartablePageComponent extends AXPPageLayoutBaseComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Services & Dependencies   ----
+        this.workItemService = inject(AXMWorkflowManagementWorkItemEntityService);
+        this.entityService = inject(AXPEntityService);
+        this.commandService = inject(AXPCommandService);
+        this.router = inject(Router);
+        this.activityDefinitionService = inject(AXPActivityDefinitionService);
+        //#endregion
+        //#region ----   State   ----
+        this.activeTab = signal('all', ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+        this.workItems = signal([], ...(ngDevMode ? [{ debugName: "workItems" }] : []));
+        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : []));
+        this.selectedStatus = signal('all', ...(ngDevMode ? [{ debugName: "selectedStatus" }] : []));
+        this.selectedPriority = signal('all', ...(ngDevMode ? [{ debugName: "selectedPriority" }] : []));
+        this.selectedKind = signal('all', ...(ngDevMode ? [{ debugName: "selectedKind" }] : []));
+        this.workItemOutcomes = signal(new Map(), ...(ngDevMode ? [{ debugName: "workItemOutcomes" }] : []));
+        //#endregion
+        //#region ----   Computed Properties   ----
+        this.filteredWorkItems = computed(() => {
+            let items = this.workItems();
+            // Filter by tab
+            const tab = this.activeTab();
+            if (tab === 'my-tasks') {
+                const currentUserId = this.sessionService.user?.id;
+                items = items.filter((item) => item.assignedUserId === currentUserId || item.claimedByUserId === currentUserId);
+            }
+            else if (tab === 'pending') {
+                items = items.filter((item) => item.status === 'Pending');
+            }
+            else if (tab === 'in-progress') {
+                items = items.filter((item) => item.status === 'InProgress');
+            }
+            else if (tab === 'completed') {
+                items = items.filter((item) => item.status === 'Completed');
+            }
+            else if (tab === 'cancelled') {
+                items = items.filter((item) => item.status === 'Cancelled');
+            }
+            // Filter by search query
+            const query = this.searchQuery().toLowerCase();
+            if (query) {
+                items = items.filter((item) => item.title?.toLowerCase().includes(query) ||
+                    item.description?.toLowerCase().includes(query) ||
+                    item.activityName?.toLowerCase().includes(query));
+            }
+            // Filter by status
+            const status = this.selectedStatus();
+            if (status && status !== 'all') {
+                items = items.filter((item) => item.status === status);
+            }
+            // Filter by priority
+            const priority = this.selectedPriority();
+            if (priority && priority !== 'all') {
+                items = items.filter((item) => item.priority === priority);
+            }
+            // Filter by kind
+            const kind = this.selectedKind();
+            if (kind && kind !== 'all') {
+                items = items.filter((item) => item.kind === kind);
+            }
+            return items;
+        }, ...(ngDevMode ? [{ debugName: "filteredWorkItems" }] : []));
+    }
+    //#endregion
+    //#region ----   Page Layout Overrides   ----
+    async ngOnInit() {
+        await super.ngOnInit();
+        await this.loadWorkItems();
+    }
+    async getPageTitle() {
+        return await this.translateService.translateAsync('@workflow-management:cartable.components.cartable-page.title');
+    }
+    //#endregion
+    //#region ----   Data Loading   ----
+    async loadWorkItems() {
+        this.isLoading.set(true);
+        try {
+            const result = await this.workItemService.query({
+                skip: 0,
+                take: 1000, // Load all for now
+                sort: [{ name: 'createdAt', dir: 'desc' }],
+            });
+            const items = result.items || [];
+            this.workItems.set(items);
+            // Load outcomes for each work item
+            const outcomesMap = new Map();
+            for (const item of items) {
+                if (item.status === 'Claimed' || item.status === 'InProgress') {
+                    const outcomes = await this.getActivityOutcomes(item);
+                    outcomesMap.set(item.id, outcomes);
+                }
+            }
+            this.workItemOutcomes.set(outcomesMap);
+        }
+        catch (error) {
+            console.error('[CartablePage] Error loading work items:', error);
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    //#endregion
+    //#region ----   UI Handlers   ----
+    switchTab(tab) {
+        this.activeTab.set(tab);
+    }
+    handleSearchChange(event) {
+        this.searchQuery.set(event.value || '');
+    }
+    handleStatusChange(event) {
+        this.selectedStatus.set(event.value || 'all');
+    }
+    handlePriorityChange(event) {
+        this.selectedPriority.set(event.value || 'all');
+    }
+    handleKindChange(event) {
+        this.selectedKind.set(event.value || 'all');
+    }
+    async handleClaim(workItem) {
+        try {
+            const result = await this.commandService.execute('WorkflowManagement.WorkItem:Claim', {
+                workItemId: workItem.id,
+            });
+            if (result?.success) {
+                await this.loadWorkItems();
+            }
+        }
+        catch (error) {
+            console.error('[CartablePage] Error claiming work item:', error);
+        }
+    }
+    async handleComplete(workItem, outcome) {
+        try {
+            const result = await this.commandService.execute('WorkflowManagement.WorkItem:Complete', {
+                workItemId: workItem.id,
+                outcome,
+            });
+            if (result?.success) {
+                const data = result.data;
+                // Reload work items to reflect updated status
+                await this.loadWorkItems();
+                // If there's a next task, show it to the user
+                if (data?.nextTask) {
+                    const nextTask = data.nextTask;
+                    const activityName = nextTask.activityType || nextTask.activityName || 'Unknown';
+                    this.toastService.show({
+                        color: 'primary',
+                        title: 'Next Activity',
+                        content: `Workflow continues with: ${activityName}`,
+                        closeButton: true,
+                        timeOut: 5000,
+                    });
+                }
+                else if (data?.state?.status === 'completed') {
+                    this.toastService.show({
+                        color: 'success',
+                        title: 'Workflow Completed',
+                        content: 'The workflow has been completed successfully.',
+                        closeButton: true,
+                        timeOut: 5000,
+                    });
+                }
+            }
+        }
+        catch (error) {
+            console.error('[CartablePage] Error completing work item:', error);
+        }
+    }
+    async getActivityOutcomes(workItem) {
+        if (!workItem.activityName) {
+            return ['Done'];
+        }
+        try {
+            const activityDef = await this.activityDefinitionService.getActivityByName(workItem.activityName);
+            if (activityDef?.outcomes && activityDef.outcomes.length > 0) {
+                return activityDef.outcomes;
+            }
+        }
+        catch (error) {
+            console.error('[CartablePage] Error getting activity definition:', error);
+        }
+        // Default outcomes based on activity type
+        if (workItem.activityName === 'workflow-activity:show-confirm-popup') {
+            return ['ok', 'cancel'];
+        }
+        return ['Done'];
+    }
+    getOutcomeLabel(outcome) {
+        // Map common outcomes to user-friendly labels
+        const labelMap = {
+            'ok': '@workflow-management:cartable.actions.outcomes.ok',
+            'cancel': '@workflow-management:cartable.actions.outcomes.cancel',
+            'done': '@workflow-management:cartable.actions.outcomes.done',
+            'submit': '@workflow-management:cartable.actions.outcomes.submit',
+            'approve': '@workflow-management:cartable.actions.outcomes.approve',
+            'reject': '@workflow-management:cartable.actions.outcomes.reject',
+            'signed': '@workflow-management:cartable.actions.outcomes.signed',
+        };
+        return labelMap[outcome.toLowerCase()] || outcome;
+    }
+    getOutcomeColor(outcome) {
+        const colorMap = {
+            'ok': 'success',
+            'done': 'success',
+            'submit': 'success',
+            'approve': 'success',
+            'signed': 'success',
+            'cancel': 'danger',
+            'reject': 'danger',
+        };
+        return colorMap[outcome.toLowerCase()] || 'primary';
+    }
+    async handleCancel(workItem) {
+        try {
+            const result = await this.commandService.execute('WorkflowManagement.WorkItem:Cancel', {
+                workItemId: workItem.id,
+            });
+            if (result?.success) {
+                await this.loadWorkItems();
+            }
+        }
+        catch (error) {
+            console.error('[CartablePage] Error cancelling work item:', error);
+        }
+    }
+    async handleViewDetails(workItem) {
+        const path = this.entityService.createPath(RootConfig.module.name, RootConfig.entities.workItem.name, workItem.id);
+        await this.router.navigate([path]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMCartablePageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMCartablePageComponent, isStandalone: true, selector: "axm-cartable-page", providers: [
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXMCartablePageComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      <!-- Search and Filters -->\n      <div class=\"ax-flex ax-gap-4 ax-items-end ax-flex-wrap\">\n        <!-- Search -->\n        <div class=\"ax-flex-1 ax-min-w-64\">\n          <ax-search-box\n            [(value)]=\"searchQuery\"\n            (onValueChanged)=\"handleSearchChange($event)\"\n            [placeholder]=\"t('@general:actions.search.title', { scope: 'general' }) | async\"\n          >\n            <ax-clear-button></ax-clear-button>\n          </ax-search-box>\n        </div>\n\n        <!-- Filters -->\n        <div class=\"ax-flex ax-gap-4 ax-flex-wrap\">\n          <div class=\"ax-flex ax-flex-col ax-gap-1\">\n            <ax-label>{{ '@workflow-management:cartable.components.cartable-page.filters.status.title' | translate | async }}</ax-label>\n            <ax-select-box\n              [value]=\"selectedStatus()\"\n              (onValueChanged)=\"handleStatusChange($event)\"\n              [dataSource]=\"[\n                { value: 'all', text: ('@general:terms.interface.selection.all-items' | translate | async) || 'All' },\n                { value: 'Pending', text: t('@workflow-management:work-items.states.pending') | async },\n                { value: 'Claimed', text: t('@workflow-management:work-items.states.claimed') | async },\n                { value: 'InProgress', text: t('@workflow-management:work-items.states.in-progress') | async },\n                { value: 'Completed', text: t('@workflow-management:work-items.states.completed') | async },\n                { value: 'Cancelled', text: t('@workflow-management:work-items.states.cancelled') | async },\n              ]\"\n              [valueField]=\"'value'\"\n              [textField]=\"'text'\"\n              class=\"ax-w-48\"\n            ></ax-select-box>\n          </div>\n\n          <div class=\"ax-flex ax-flex-col ax-gap-1\">\n            <ax-label>{{ '@workflow-management:cartable.components.cartable-page.filters.priority.title' | translate | async }}</ax-label>\n            <ax-select-box\n              [value]=\"selectedPriority()\"\n              (onValueChanged)=\"handlePriorityChange($event)\"\n              [dataSource]=\"[\n                { value: 'all', text: ('@general:terms.interface.selection.all-items' | translate | async) || 'All' },\n                { value: 'Low', text: t('@workflow-management:work-items.priorities.low') | async },\n                { value: 'Normal', text: t('@workflow-management:work-items.priorities.normal') | async },\n                { value: 'High', text: t('@workflow-management:work-items.priorities.high') | async },\n                { value: 'Urgent', text: t('@workflow-management:work-items.priorities.urgent') | async },\n              ]\"\n              [valueField]=\"'value'\"\n              [textField]=\"'text'\"\n              class=\"ax-w-48\"\n            ></ax-select-box>\n          </div>\n\n          <div class=\"ax-flex ax-flex-col ax-gap-1\">\n            <ax-label>{{ '@workflow-management:cartable.components.cartable-page.filters.kind.title' | translate | async }}</ax-label>\n            <ax-select-box\n              [value]=\"selectedKind()\"\n              (onValueChanged)=\"handleKindChange($event)\"\n              [dataSource]=\"[\n                { value: 'all', text: ('@general:terms.interface.selection.all-items' | translate | async) || 'All' },\n                { value: 'HumanTask', text: t('@workflow-management:work-items.kinds.human-task') | async },\n                { value: 'Approval', text: t('@workflow-management:work-items.kinds.approval') | async },\n                { value: 'Review', text: t('@workflow-management:work-items.kinds.review') | async },\n                { value: 'Notification', text: t('@workflow-management:work-items.kinds.notification') | async },\n                { value: 'Other', text: t('@workflow-management:work-items.kinds.other') | async },\n              ]\"\n              [valueField]=\"'value'\"\n              [textField]=\"'text'\"\n              class=\"ax-w-48\"\n            ></ax-select-box>\n          </div>\n        </div>\n      </div>\n    </axp-layout-prefix>\n  </axp-page-toolbar>\n\n  <axp-page-content>\n    <axp-layout-body>\n      <!-- Work Items List -->\n      @if (isLoading()) {\n        <div class=\"ax-flex ax-justify-center ax-items-center ax-h-64\">\n          <ax-loading></ax-loading>\n        </div>\n      } @else if (filteredWorkItems().length === 0) {\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-64 ax-text-center\">\n          <i class=\"fa-light fa-clipboard-list ax-text-6xl ax-text-secondary ax-mb-4\"></i>\n          <h3 class=\"ax-text-xl ax-font-bold ax-mb-2\">\n            {{\n              '@workflow-management:cartable.components.cartable-page.empty-states.no-work-items.title'\n                | translate\n                | async\n            }}\n          </h3>\n          <p class=\"ax-text-secondary\">\n            {{\n              '@workflow-management:cartable.components.cartable-page.empty-states.no-work-items.description'\n                | translate\n                | async\n            }}\n          </p>\n        </div>\n      } @else {\n        <div class=\"ax-space-y-4\">\n          @for (workItem of filteredWorkItems(); track workItem.id) {\n            <div class=\"ax-border ax-rounded ax-p-4 ax-shadow-sm hover:ax-shadow-md ax-transition-shadow\">\n              <div class=\"ax-flex ax-justify-between ax-items-start ax-mb-2\">\n                <div class=\"ax-flex-1\">\n                  <h3 class=\"ax-text-lg ax-font-semibold ax-mb-1\">{{ workItem.title }}</h3>\n                  @if (workItem.description) {\n                    <p class=\"ax-text-sm ax-text-secondary ax-mb-2\">{{ workItem.description }}</p>\n                  }\n                  <div class=\"ax-flex ax-gap-4 ax-flex-wrap ax-text-xs ax-text-secondary\">\n                    <span class=\"ax-flex ax-items-center ax-gap-1\">\n                      <ax-icon icon=\"fa-light fa-tag\"></ax-icon>\n                      @switch (workItem.status) {\n                        @case ('Pending') {\n                          {{ '@workflow-management:work-items.states.pending' | translate | async }}\n                        }\n                        @case ('Claimed') {\n                          {{ '@workflow-management:work-items.states.claimed' | translate | async }}\n                        }\n                        @case ('InProgress') {\n                          {{ '@workflow-management:work-items.states.in-progress' | translate | async }}\n                        }\n                        @case ('Completed') {\n                          {{ '@workflow-management:work-items.states.completed' | translate | async }}\n                        }\n                        @case ('Cancelled') {\n                          {{ '@workflow-management:work-items.states.cancelled' | translate | async }}\n                        }\n                        @case ('Rejected') {\n                          {{ '@workflow-management:work-items.states.rejected' | translate | async }}\n                        }\n                        @default {\n                          {{ workItem.status }}\n                        }\n                      }\n                    </span>\n                    <span class=\"ax-flex ax-items-center ax-gap-1\">\n                      <ax-icon icon=\"fa-light fa-flag\"></ax-icon>\n                      @switch (workItem.priority) {\n                        @case ('Low') {\n                          {{ '@workflow-management:work-items.priorities.low' | translate | async }}\n                        }\n                        @case ('Normal') {\n                          {{ '@workflow-management:work-items.priorities.normal' | translate | async }}\n                        }\n                        @case ('High') {\n                          {{ '@workflow-management:work-items.priorities.high' | translate | async }}\n                        }\n                        @case ('Urgent') {\n                          {{ '@workflow-management:work-items.priorities.urgent' | translate | async }}\n                        }\n                        @default {\n                          {{ workItem.priority }}\n                        }\n                      }\n                    </span>\n                    <span class=\"ax-flex ax-items-center ax-gap-1\">\n                      <ax-icon icon=\"fa-light fa-puzzle-piece\"></ax-icon>\n                      @switch (workItem.kind) {\n                        @case ('HumanTask') {\n                          {{ '@workflow-management:work-items.kinds.human-task' | translate | async }}\n                        }\n                        @case ('Approval') {\n                          {{ '@workflow-management:work-items.kinds.approval' | translate | async }}\n                        }\n                        @case ('Review') {\n                          {{ '@workflow-management:work-items.kinds.review' | translate | async }}\n                        }\n                        @case ('Notification') {\n                          {{ '@workflow-management:work-items.kinds.notification' | translate | async }}\n                        }\n                        @case ('Other') {\n                          {{ '@workflow-management:work-items.kinds.other' | translate | async }}\n                        }\n                        @default {\n                          {{ workItem.kind }}\n                        }\n                      }\n                    </span>\n                    @if (workItem.dueDate) {\n                      <span class=\"ax-flex ax-items-center ax-gap-1\">\n                        <ax-icon icon=\"fa-light fa-calendar\"></ax-icon>\n                        {{ workItem.dueDate | axDate: 'short' }}\n                      </span>\n                    }\n                  </div>\n                </div>\n                <div class=\"ax-flex ax-gap-2\">\n                  @if (workItem.status === 'Pending' && !workItem.claimedByUserId) {\n                    <ax-button\n                      [text]=\"'@workflow-management:cartable.actions.claim.title' | translate | async\"\n                      color=\"primary\"\n                      look=\"twotone\"\n                      class=\"ax-sm\"\n                      (onClick)=\"handleClaim(workItem)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon icon=\"fa-light fa-hand\"></ax-icon>\n                      </ax-prefix>\n                    </ax-button>\n                  }\n                  @if (workItem.status === 'Claimed' || workItem.status === 'InProgress') {\n                    @for (outcome of workItemOutcomes().get(workItem.id) || []; track outcome) {\n                      <ax-button\n                        [text]=\"getOutcomeLabel(outcome) | translate | async\"\n                        [color]=\"getOutcomeColor(outcome)\"\n                        look=\"twotone\"\n                        class=\"ax-sm\"\n                        (onClick)=\"handleComplete(workItem, outcome)\"\n                      >\n                        <ax-prefix>\n                          @if (outcome.toLowerCase() === 'ok' || outcome.toLowerCase() === 'done' || outcome.toLowerCase() === 'approve' || outcome.toLowerCase() === 'signed') {\n                            <ax-icon icon=\"fa-light fa-check\"></ax-icon>\n                          } @else if (outcome.toLowerCase() === 'cancel' || outcome.toLowerCase() === 'reject') {\n                            <ax-icon icon=\"fa-light fa-times\"></ax-icon>\n                          } @else {\n                            <ax-icon icon=\"fa-light fa-circle\"></ax-icon>\n                          }\n                        </ax-prefix>\n                      </ax-button>\n                    }\n                  }\n                  @if (workItem.status !== 'Completed' && workItem.status !== 'Cancelled') {\n                    <ax-button\n                      [text]=\"'@workflow-management:cartable.actions.cancel.title' | translate | async\"\n                      color=\"danger\"\n                      look=\"twotone\"\n                      class=\"ax-sm\"\n                      (onClick)=\"handleCancel(workItem)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon icon=\"fa-light fa-times\"></ax-icon>\n                      </ax-prefix>\n                    </ax-button>\n                  }\n                  <ax-button\n                    [text]=\"'@workflow-management:cartable.actions.view-details.title' | translate | async\"\n                    look=\"twotone\"\n                    class=\"ax-sm\"\n                    (onClick)=\"handleViewDetails(workItem)\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-eye\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </axp-layout-body>\n  </axp-page-content>\n</axp-page-layout>\n", styles: [":host{display:block;height:100%}axp-page-content{display:block;height:100%;overflow-y:auto}axp-theme-layout-block{display:block;padding:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i2$1.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: AXLabelModule }, { kind: "component", type: i3.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i5.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i7.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "pipe", type: i5$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.AXDateTimePipe, name: "axDate" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMCartablePageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-cartable-page', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXButtonModule,
+                        AXButtonGroupModule,
+                        AXDecoratorModule,
+                        AXLabelModule,
+                        AXSearchBoxModule,
+                        AXSelectBoxModule,
+                        AXLoadingModule,
+                        AXDateTimeModule,
+                        AXTranslationModule,
+                        AXPPageLayoutComponent,
+                        AXPThemeLayoutBlockComponent,
+                    ], providers: [
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXMCartablePageComponent,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      <!-- Search and Filters -->\n      <div class=\"ax-flex ax-gap-4 ax-items-end ax-flex-wrap\">\n        <!-- Search -->\n        <div class=\"ax-flex-1 ax-min-w-64\">\n          <ax-search-box\n            [(value)]=\"searchQuery\"\n            (onValueChanged)=\"handleSearchChange($event)\"\n            [placeholder]=\"t('@general:actions.search.title', { scope: 'general' }) | async\"\n          >\n            <ax-clear-button></ax-clear-button>\n          </ax-search-box>\n        </div>\n\n        <!-- Filters -->\n        <div class=\"ax-flex ax-gap-4 ax-flex-wrap\">\n          <div class=\"ax-flex ax-flex-col ax-gap-1\">\n            <ax-label>{{ '@workflow-management:cartable.components.cartable-page.filters.status.title' | translate | async }}</ax-label>\n            <ax-select-box\n              [value]=\"selectedStatus()\"\n              (onValueChanged)=\"handleStatusChange($event)\"\n              [dataSource]=\"[\n                { value: 'all', text: ('@general:terms.interface.selection.all-items' | translate | async) || 'All' },\n                { value: 'Pending', text: t('@workflow-management:work-items.states.pending') | async },\n                { value: 'Claimed', text: t('@workflow-management:work-items.states.claimed') | async },\n                { value: 'InProgress', text: t('@workflow-management:work-items.states.in-progress') | async },\n                { value: 'Completed', text: t('@workflow-management:work-items.states.completed') | async },\n                { value: 'Cancelled', text: t('@workflow-management:work-items.states.cancelled') | async },\n              ]\"\n              [valueField]=\"'value'\"\n              [textField]=\"'text'\"\n              class=\"ax-w-48\"\n            ></ax-select-box>\n          </div>\n\n          <div class=\"ax-flex ax-flex-col ax-gap-1\">\n            <ax-label>{{ '@workflow-management:cartable.components.cartable-page.filters.priority.title' | translate | async }}</ax-label>\n            <ax-select-box\n              [value]=\"selectedPriority()\"\n              (onValueChanged)=\"handlePriorityChange($event)\"\n              [dataSource]=\"[\n                { value: 'all', text: ('@general:terms.interface.selection.all-items' | translate | async) || 'All' },\n                { value: 'Low', text: t('@workflow-management:work-items.priorities.low') | async },\n                { value: 'Normal', text: t('@workflow-management:work-items.priorities.normal') | async },\n                { value: 'High', text: t('@workflow-management:work-items.priorities.high') | async },\n                { value: 'Urgent', text: t('@workflow-management:work-items.priorities.urgent') | async },\n              ]\"\n              [valueField]=\"'value'\"\n              [textField]=\"'text'\"\n              class=\"ax-w-48\"\n            ></ax-select-box>\n          </div>\n\n          <div class=\"ax-flex ax-flex-col ax-gap-1\">\n            <ax-label>{{ '@workflow-management:cartable.components.cartable-page.filters.kind.title' | translate | async }}</ax-label>\n            <ax-select-box\n              [value]=\"selectedKind()\"\n              (onValueChanged)=\"handleKindChange($event)\"\n              [dataSource]=\"[\n                { value: 'all', text: ('@general:terms.interface.selection.all-items' | translate | async) || 'All' },\n                { value: 'HumanTask', text: t('@workflow-management:work-items.kinds.human-task') | async },\n                { value: 'Approval', text: t('@workflow-management:work-items.kinds.approval') | async },\n                { value: 'Review', text: t('@workflow-management:work-items.kinds.review') | async },\n                { value: 'Notification', text: t('@workflow-management:work-items.kinds.notification') | async },\n                { value: 'Other', text: t('@workflow-management:work-items.kinds.other') | async },\n              ]\"\n              [valueField]=\"'value'\"\n              [textField]=\"'text'\"\n              class=\"ax-w-48\"\n            ></ax-select-box>\n          </div>\n        </div>\n      </div>\n    </axp-layout-prefix>\n  </axp-page-toolbar>\n\n  <axp-page-content>\n    <axp-layout-body>\n      <!-- Work Items List -->\n      @if (isLoading()) {\n        <div class=\"ax-flex ax-justify-center ax-items-center ax-h-64\">\n          <ax-loading></ax-loading>\n        </div>\n      } @else if (filteredWorkItems().length === 0) {\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-64 ax-text-center\">\n          <i class=\"fa-light fa-clipboard-list ax-text-6xl ax-text-secondary ax-mb-4\"></i>\n          <h3 class=\"ax-text-xl ax-font-bold ax-mb-2\">\n            {{\n              '@workflow-management:cartable.components.cartable-page.empty-states.no-work-items.title'\n                | translate\n                | async\n            }}\n          </h3>\n          <p class=\"ax-text-secondary\">\n            {{\n              '@workflow-management:cartable.components.cartable-page.empty-states.no-work-items.description'\n                | translate\n                | async\n            }}\n          </p>\n        </div>\n      } @else {\n        <div class=\"ax-space-y-4\">\n          @for (workItem of filteredWorkItems(); track workItem.id) {\n            <div class=\"ax-border ax-rounded ax-p-4 ax-shadow-sm hover:ax-shadow-md ax-transition-shadow\">\n              <div class=\"ax-flex ax-justify-between ax-items-start ax-mb-2\">\n                <div class=\"ax-flex-1\">\n                  <h3 class=\"ax-text-lg ax-font-semibold ax-mb-1\">{{ workItem.title }}</h3>\n                  @if (workItem.description) {\n                    <p class=\"ax-text-sm ax-text-secondary ax-mb-2\">{{ workItem.description }}</p>\n                  }\n                  <div class=\"ax-flex ax-gap-4 ax-flex-wrap ax-text-xs ax-text-secondary\">\n                    <span class=\"ax-flex ax-items-center ax-gap-1\">\n                      <ax-icon icon=\"fa-light fa-tag\"></ax-icon>\n                      @switch (workItem.status) {\n                        @case ('Pending') {\n                          {{ '@workflow-management:work-items.states.pending' | translate | async }}\n                        }\n                        @case ('Claimed') {\n                          {{ '@workflow-management:work-items.states.claimed' | translate | async }}\n                        }\n                        @case ('InProgress') {\n                          {{ '@workflow-management:work-items.states.in-progress' | translate | async }}\n                        }\n                        @case ('Completed') {\n                          {{ '@workflow-management:work-items.states.completed' | translate | async }}\n                        }\n                        @case ('Cancelled') {\n                          {{ '@workflow-management:work-items.states.cancelled' | translate | async }}\n                        }\n                        @case ('Rejected') {\n                          {{ '@workflow-management:work-items.states.rejected' | translate | async }}\n                        }\n                        @default {\n                          {{ workItem.status }}\n                        }\n                      }\n                    </span>\n                    <span class=\"ax-flex ax-items-center ax-gap-1\">\n                      <ax-icon icon=\"fa-light fa-flag\"></ax-icon>\n                      @switch (workItem.priority) {\n                        @case ('Low') {\n                          {{ '@workflow-management:work-items.priorities.low' | translate | async }}\n                        }\n                        @case ('Normal') {\n                          {{ '@workflow-management:work-items.priorities.normal' | translate | async }}\n                        }\n                        @case ('High') {\n                          {{ '@workflow-management:work-items.priorities.high' | translate | async }}\n                        }\n                        @case ('Urgent') {\n                          {{ '@workflow-management:work-items.priorities.urgent' | translate | async }}\n                        }\n                        @default {\n                          {{ workItem.priority }}\n                        }\n                      }\n                    </span>\n                    <span class=\"ax-flex ax-items-center ax-gap-1\">\n                      <ax-icon icon=\"fa-light fa-puzzle-piece\"></ax-icon>\n                      @switch (workItem.kind) {\n                        @case ('HumanTask') {\n                          {{ '@workflow-management:work-items.kinds.human-task' | translate | async }}\n                        }\n                        @case ('Approval') {\n                          {{ '@workflow-management:work-items.kinds.approval' | translate | async }}\n                        }\n                        @case ('Review') {\n                          {{ '@workflow-management:work-items.kinds.review' | translate | async }}\n                        }\n                        @case ('Notification') {\n                          {{ '@workflow-management:work-items.kinds.notification' | translate | async }}\n                        }\n                        @case ('Other') {\n                          {{ '@workflow-management:work-items.kinds.other' | translate | async }}\n                        }\n                        @default {\n                          {{ workItem.kind }}\n                        }\n                      }\n                    </span>\n                    @if (workItem.dueDate) {\n                      <span class=\"ax-flex ax-items-center ax-gap-1\">\n                        <ax-icon icon=\"fa-light fa-calendar\"></ax-icon>\n                        {{ workItem.dueDate | axDate: 'short' }}\n                      </span>\n                    }\n                  </div>\n                </div>\n                <div class=\"ax-flex ax-gap-2\">\n                  @if (workItem.status === 'Pending' && !workItem.claimedByUserId) {\n                    <ax-button\n                      [text]=\"'@workflow-management:cartable.actions.claim.title' | translate | async\"\n                      color=\"primary\"\n                      look=\"twotone\"\n                      class=\"ax-sm\"\n                      (onClick)=\"handleClaim(workItem)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon icon=\"fa-light fa-hand\"></ax-icon>\n                      </ax-prefix>\n                    </ax-button>\n                  }\n                  @if (workItem.status === 'Claimed' || workItem.status === 'InProgress') {\n                    @for (outcome of workItemOutcomes().get(workItem.id) || []; track outcome) {\n                      <ax-button\n                        [text]=\"getOutcomeLabel(outcome) | translate | async\"\n                        [color]=\"getOutcomeColor(outcome)\"\n                        look=\"twotone\"\n                        class=\"ax-sm\"\n                        (onClick)=\"handleComplete(workItem, outcome)\"\n                      >\n                        <ax-prefix>\n                          @if (outcome.toLowerCase() === 'ok' || outcome.toLowerCase() === 'done' || outcome.toLowerCase() === 'approve' || outcome.toLowerCase() === 'signed') {\n                            <ax-icon icon=\"fa-light fa-check\"></ax-icon>\n                          } @else if (outcome.toLowerCase() === 'cancel' || outcome.toLowerCase() === 'reject') {\n                            <ax-icon icon=\"fa-light fa-times\"></ax-icon>\n                          } @else {\n                            <ax-icon icon=\"fa-light fa-circle\"></ax-icon>\n                          }\n                        </ax-prefix>\n                      </ax-button>\n                    }\n                  }\n                  @if (workItem.status !== 'Completed' && workItem.status !== 'Cancelled') {\n                    <ax-button\n                      [text]=\"'@workflow-management:cartable.actions.cancel.title' | translate | async\"\n                      color=\"danger\"\n                      look=\"twotone\"\n                      class=\"ax-sm\"\n                      (onClick)=\"handleCancel(workItem)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon icon=\"fa-light fa-times\"></ax-icon>\n                      </ax-prefix>\n                    </ax-button>\n                  }\n                  <ax-button\n                    [text]=\"'@workflow-management:cartable.actions.view-details.title' | translate | async\"\n                    look=\"twotone\"\n                    class=\"ax-sm\"\n                    (onClick)=\"handleViewDetails(workItem)\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-eye\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </axp-layout-body>\n  </axp-page-content>\n</axp-page-layout>\n", styles: [":host{display:block;height:100%}axp-page-content{display:block;height:100%;overflow-y:auto}axp-theme-layout-block{display:block;padding:1rem}\n"] }]
+        }] });
+
+export { AXMCartablePageComponent };
+//# sourceMappingURL=acorex-modules-workflow-management-cartable-page.component-Bso0XRkJ.mjs.map