@acorex/modules 20.7.13 → 20.7.15

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

@@ -1,296 +0,0 @@
-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