@acorex/modules 21.0.0-next.57 → 21.0.0-next.59

package/fesm2022/acorex-modules-workflow-management-workflow-task-popover.component-DjYDwHWU.mjs

@@ -0,0 +1,255 @@
+import * as i2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/dropdown';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import * as i4 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
+import { AXPWidgetsList } from '@acorex/modules/common';
+import { AXPTaskPopoverComponent, AXPTaskBoardService } from '@acorex/modules/task-management';
+import * as i1 from '@acorex/platform/layout/widget-core';
+import { AXPWidgetSerializationHelper, AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
+import * as i7 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, inject, signal, computed, effect, CUSTOM_ELEMENTS_SCHEMA, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXMWorkflowTaskPopoverComponent extends AXPTaskPopoverComponent {
+    onFormContextChanged(event) {
+        const data = event?.data;
+        if (data && typeof data === 'object') {
+            const filtered = {};
+            for (const [key, value] of Object.entries(data)) {
+                if (key !== 'task' && key !== '_fields')
+                    filtered[key] = value;
+            }
+            this.formValues.set(filtered);
+        }
+    }
+    buildWidgetNode(f) {
+        const type = (f.type ?? 'string').toLowerCase();
+        const path = f.name;
+        const defaultValue = f.value;
+        switch (type) {
+            case 'number':
+                return {
+                    type: AXPWidgetsList.Editors.NumberBox,
+                    path,
+                    name: path,
+                    defaultValue,
+                    options: {},
+                };
+            case 'date':
+                return {
+                    type: AXPWidgetsList.Editors.DateTimeBox,
+                    path,
+                    name: path,
+                    defaultValue,
+                    options: { showTime: true },
+                };
+            case 'boolean':
+                return {
+                    type: AXPWidgetsList.Editors.CheckBox,
+                    path,
+                    name: path,
+                    defaultValue: Boolean(defaultValue),
+                    options: {},
+                };
+            case 'text':
+                return {
+                    type: AXPWidgetsList.Editors.LargeTextBox,
+                    path,
+                    name: path,
+                    defaultValue,
+                    options: { rows: 3, placeholder: f.placeholder },
+                };
+            default:
+                return {
+                    type: AXPWidgetsList.Editors.TextBox,
+                    path,
+                    name: path,
+                    defaultValue,
+                    options: { placeholder: f.placeholder },
+                };
+        }
+    }
+    constructor() {
+        super();
+        //#region ----   Inputs   ----
+        this.task = input.required(...(ngDevMode ? [{ debugName: "task" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Services & Dependencies   ----
+        this.taskBoardService = inject(AXPTaskBoardService);
+        //#endregion
+        //#region ----   Popover metadata (from provider)   ----
+        this.isLoadingMetadata = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingMetadata" }] : /* istanbul ignore next */ []));
+        this.popoverMetadata = signal(null, ...(ngDevMode ? [{ debugName: "popoverMetadata" }] : /* istanbul ignore next */ []));
+        /** Placeholder rows for the metadata loading skeleton. */
+        this.loadingSkeletonRows = [1, 2, 3, 4, 5, 6];
+        this.metadataFields = computed(() => this.popoverMetadata()?.fields ?? [], ...(ngDevMode ? [{ debugName: "metadataFields" }] : /* istanbul ignore next */ []));
+        this.metadataContext = computed(() => this.popoverMetadata()?.context ?? {}, ...(ngDevMode ? [{ debugName: "metadataContext" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Payload   ----
+        this.bookmarkPayload = computed(() => {
+            const data = this.task()?.data;
+            const payload = data?.payload;
+            return payload && typeof payload === 'object' ? payload : null;
+        }, ...(ngDevMode ? [{ debugName: "bookmarkPayload" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Form context (for userInput on resume)   ----
+        /** Current form values; passed as userInput when executing an action. */
+        this.formValues = signal({}, ...(ngDevMode ? [{ debugName: "formValues" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Content node from payload.layout or payload.context   ----
+        this.contentNode = computed(() => {
+            const t = this.task();
+            const taskData = t?.data;
+            const payload = taskData?.payload;
+            const layoutStr = payload?.layout;
+            if (typeof layoutStr === 'string' && layoutStr.trim().length > 0) {
+                try {
+                    return AXPWidgetSerializationHelper.fromJson(layoutStr);
+                }
+                catch {
+                    return null;
+                }
+            }
+            const context = payload?.context;
+            const fields = context && typeof context === 'object' && Array.isArray(context._fields)
+                ? (context._fields)
+                : null;
+            if (!fields || fields.length === 0)
+                return null;
+            const children = fields.map((f) => ({
+                type: 'grid-item-layout',
+                name: f.name,
+                options: { colSpan: 12 },
+                children: [
+                    {
+                        type: 'form-field',
+                        options: {
+                            label: f.label ?? f.name,
+                            showLabel: true,
+                        },
+                        children: [this.buildWidgetNode(f)],
+                    },
+                ],
+            }));
+            return {
+                type: 'grid-layout',
+                mode: 'edit',
+                options: {
+                    grid: {
+                        default: {
+                            columns: 'repeat(12, 1fr)',
+                            rows: 'repeat(1, 1fr)',
+                            gap: '12px',
+                        },
+                    },
+                },
+                children,
+            };
+        }, ...(ngDevMode ? [{ debugName: "contentNode" }] : /* istanbul ignore next */ []));
+        this.popoverContext = computed(() => {
+            const t = this.task();
+            const payload = t?.data?.payload;
+            const ctx = payload?.context;
+            const base = ctx && typeof ctx === 'object' ? { ...ctx } : {};
+            base['task'] = t;
+            const fields = Array.isArray(base['_fields']) ? base['_fields'] : [];
+            for (const f of fields) {
+                if (f.name && !(f.name in base))
+                    base[f.name] = f.value;
+            }
+            return base;
+        }, ...(ngDevMode ? [{ debugName: "popoverContext" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Actions   ----
+        this.taskActions = signal([], ...(ngDevMode ? [{ debugName: "taskActions" }] : /* istanbul ignore next */ []));
+        this.primaryActions = computed(() => this.taskActions().filter((a) => (a.priority ?? 'secondary') === 'primary'), ...(ngDevMode ? [{ debugName: "primaryActions" }] : /* istanbul ignore next */ []));
+        this.secondaryActions = computed(() => this.taskActions().filter((a) => (a.priority ?? 'secondary') === 'secondary'), ...(ngDevMode ? [{ debugName: "secondaryActions" }] : /* istanbul ignore next */ []));
+        effect((onCleanup) => {
+            const t = this.task();
+            if (!t?.provider) {
+                this.popoverMetadata.set(null);
+                this.isLoadingMetadata.set(false);
+                this.taskActions.set([]);
+                return;
+            }
+            const provider = this.taskBoardService.getProvider(t.provider);
+            if (!provider) {
+                this.popoverMetadata.set(null);
+                this.isLoadingMetadata.set(false);
+                this.taskActions.set([]);
+                return;
+            }
+            let cancelled = false;
+            onCleanup(() => {
+                cancelled = true;
+            });
+            if (typeof provider.getPopoverMetadata === 'function') {
+                this.isLoadingMetadata.set(true);
+                this.popoverMetadata.set(null);
+                void provider.getPopoverMetadata(t).then((metadata) => {
+                    if (!cancelled) {
+                        this.popoverMetadata.set(metadata);
+                        this.isLoadingMetadata.set(false);
+                    }
+                }, () => {
+                    if (!cancelled) {
+                        this.popoverMetadata.set(null);
+                        this.isLoadingMetadata.set(false);
+                    }
+                });
+            }
+            else {
+                this.popoverMetadata.set(null);
+                this.isLoadingMetadata.set(false);
+            }
+            void provider.getActions(t).then((actions) => {
+                if (!cancelled) {
+                    this.taskActions.set(actions);
+                }
+            });
+        });
+    }
+    getActionColor(action) {
+        return action.color ?? null;
+    }
+    async executeAction(action) {
+        const t = this.task();
+        if (!t || !action.command || !t.provider)
+            return;
+        const userInput = this.formValues();
+        const command = {
+            ...action.command,
+            options: {
+                ...action.command.options,
+                userInput: userInput && Object.keys(userInput).length > 0 ? userInput : (action.command.options?.['userInput'] ?? {}),
+            },
+        };
+        try {
+            await this.taskBoardService.executeCommand(command, t.provider);
+        }
+        catch (error) {
+            console.error('[WorkflowTaskPopover] executeAction failed:', error);
+        }
+        finally {
+            this.refreshPopover();
+            this.closePopover();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowTaskPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMWorkflowTaskPopoverComponent, isStandalone: true, selector: "axm-workflow-task-popover", inputs: { task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"workflow-task-popover\">\n  @if (isLoadingMetadata()) {\n  <div class=\"workflow-task-popover__metadata\">\n    @for (row of loadingSkeletonRows; track row) {\n    <div class=\"__row __row--loading\">\n      <ax-skeleton [animated]=\"true\" class=\"__skeleton-label\"></ax-skeleton>\n      <ax-skeleton [animated]=\"true\" class=\"__skeleton-value\"></ax-skeleton>\n    </div>\n    }\n  </div>\n  } @else if (metadataFields().length > 0) {\n  <div class=\"workflow-task-popover__metadata\">\n    <axp-widgets-container [context]=\"metadataContext()\">\n      @for (item of metadataFields(); track item.name) {\n      <div class=\"__row\">\n        <span class=\"__label\">{{ item.title | translate | async }}:</span>\n        <div class=\"__value\">\n          <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n        </div>\n      </div>\n      }\n    </axp-widgets-container>\n  </div>\n  }\n\n  <axp-widgets-container [context]=\"popoverContext()\" (onContextChanged)=\"onFormContextChanged($event)\"\n    class=\"workflow-task-popover__content\">\n    @if (contentNode(); as node) {\n    <ng-container axp-widget-renderer [node]=\"node\" [mode]=\"'edit'\"></ng-container>\n    } @else {\n    <div class=\"workflow-task-popover__fallback\">\n      @if (task().description) {\n      <p class=\"task-popover__description\">{{ task().description }}</p>\n      }\n    </div>\n    }\n  </axp-widgets-container>\n\n  @if (taskActions().length > 0) {\n  <div class=\"workflow-task-popover__actions\">\n    @if (primaryActions().length > 0) {\n    @for (action of primaryActions(); track action.name || action.title) {\n    <ax-button [look]=\"'solid'\" [color]=\"getActionColor(action)\" (onClick)=\"executeAction(action)\"\n      [disabled]=\"action.disabled === true\" [text]=\"(action.title | translate | async)!\">\n      @if (action.icon) {\n      <ax-prefix>\n        <ax-icon>\n          <i [class]=\"action.icon\"></i>\n        </ax-icon>\n      </ax-prefix>\n      }\n    </ax-button>\n    }\n    }\n\n    @if (secondaryActions().length > 0) {\n    <ax-button [look]=\"'blank'\">\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n      </ax-prefix>\n      <ax-dropdown-panel>\n        <ax-button-item-list>\n          @for (action of secondaryActions(); track action.name || action.title) {\n          <ax-button-item [text]=\"(action.title | translate | async)!\" [disabled]=\"action.disabled === true\"\n            (onClick)=\"executeAction(action)\">\n            @if (action.icon) {\n            <ax-prefix>\n              <ax-icon>\n                <i [class]=\"action.icon\"></i>\n              </ax-icon>\n            </ax-prefix>\n            }\n          </ax-button-item>\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n    }\n  </div>\n  }\n</div>", styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__body{display:flex;flex-direction:column}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}\n", ".workflow-task-popover{display:flex;flex-direction:column;min-width:280px;max-width:420px}.workflow-task-popover__metadata{padding:1rem 1.25rem .75rem;font-size:.875rem;line-height:1.25rem}.workflow-task-popover__metadata .__row{display:grid;align-items:center;column-gap:1.25rem;row-gap:.25rem;grid-template-columns:minmax(7rem,35%) 1fr}.workflow-task-popover__metadata .__row--loading{align-items:flex-start;column-gap:1rem}.workflow-task-popover__metadata .__row__label{flex-shrink:0;padding-inline-end:.25rem;font-weight:700}.workflow-task-popover__metadata .__row__value{display:flex;min-width:0px;align-items:center}.workflow-task-popover__metadata .__skeleton-label{height:1rem;border-radius:.25rem;width:66.666667%}.workflow-task-popover__metadata .__skeleton-value{height:1rem;width:100%;border-radius:.25rem}.workflow-task-popover__content{min-height:0px}.workflow-task-popover__content:not(:has(.workflow-task-popover__fallback)){padding:1rem 1.25rem}.workflow-task-popover__fallback{padding-left:1.25rem;padding-right:1.25rem;padding-bottom:1rem}.workflow-task-popover__fallback .task-popover__description{margin:0;padding:0;font-size:.875rem;line-height:1.25rem;line-height:1.375}.workflow-task-popover__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;border-top-width:1px;padding:.75rem 1.25rem;--ax-sys-size-base: 2rem }\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { 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: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i4.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowTaskPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-workflow-task-popover', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, schemas: [CUSTOM_ELEMENTS_SCHEMA], imports: [AXPWidgetCoreModule, AXButtonModule, AXDropdownModule, AXSkeletonModule, CommonModule, AXTranslationModule], template: "<div class=\"workflow-task-popover\">\n  @if (isLoadingMetadata()) {\n  <div class=\"workflow-task-popover__metadata\">\n    @for (row of loadingSkeletonRows; track row) {\n    <div class=\"__row __row--loading\">\n      <ax-skeleton [animated]=\"true\" class=\"__skeleton-label\"></ax-skeleton>\n      <ax-skeleton [animated]=\"true\" class=\"__skeleton-value\"></ax-skeleton>\n    </div>\n    }\n  </div>\n  } @else if (metadataFields().length > 0) {\n  <div class=\"workflow-task-popover__metadata\">\n    <axp-widgets-container [context]=\"metadataContext()\">\n      @for (item of metadataFields(); track item.name) {\n      <div class=\"__row\">\n        <span class=\"__label\">{{ item.title | translate | async }}:</span>\n        <div class=\"__value\">\n          <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n        </div>\n      </div>\n      }\n    </axp-widgets-container>\n  </div>\n  }\n\n  <axp-widgets-container [context]=\"popoverContext()\" (onContextChanged)=\"onFormContextChanged($event)\"\n    class=\"workflow-task-popover__content\">\n    @if (contentNode(); as node) {\n    <ng-container axp-widget-renderer [node]=\"node\" [mode]=\"'edit'\"></ng-container>\n    } @else {\n    <div class=\"workflow-task-popover__fallback\">\n      @if (task().description) {\n      <p class=\"task-popover__description\">{{ task().description }}</p>\n      }\n    </div>\n    }\n  </axp-widgets-container>\n\n  @if (taskActions().length > 0) {\n  <div class=\"workflow-task-popover__actions\">\n    @if (primaryActions().length > 0) {\n    @for (action of primaryActions(); track action.name || action.title) {\n    <ax-button [look]=\"'solid'\" [color]=\"getActionColor(action)\" (onClick)=\"executeAction(action)\"\n      [disabled]=\"action.disabled === true\" [text]=\"(action.title | translate | async)!\">\n      @if (action.icon) {\n      <ax-prefix>\n        <ax-icon>\n          <i [class]=\"action.icon\"></i>\n        </ax-icon>\n      </ax-prefix>\n      }\n    </ax-button>\n    }\n    }\n\n    @if (secondaryActions().length > 0) {\n    <ax-button [look]=\"'blank'\">\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n      </ax-prefix>\n      <ax-dropdown-panel>\n        <ax-button-item-list>\n          @for (action of secondaryActions(); track action.name || action.title) {\n          <ax-button-item [text]=\"(action.title | translate | async)!\" [disabled]=\"action.disabled === true\"\n            (onClick)=\"executeAction(action)\">\n            @if (action.icon) {\n            <ax-prefix>\n              <ax-icon>\n                <i [class]=\"action.icon\"></i>\n              </ax-icon>\n            </ax-prefix>\n            }\n          </ax-button-item>\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n    }\n  </div>\n  }\n</div>", styles: [".task-popover{background:rgba(var(--ax-sys-color-lightest-surface));border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.task-popover__header{padding:20px 20px 16px;border-bottom:1px solid var(--ax-sys-color-border);background:linear-gradient(to bottom,var(--ax-sys-color-lightest-surface),var(--ax-sys-color-lighter-surface))}.task-popover__title-section{display:flex;flex-direction:column;gap:8px}.task-popover__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-popover__title{font-size:18px;font-weight:600;line-height:1.4;color:var(--ax-sys-color-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover__close-btn{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ax-sys-color-text-neutral-600);transition:color .2s ease;border-radius:4px}.task-popover__close-btn:hover{color:var(--ax-sys-color-text-primary);background:var(--ax-sys-color-lighter-surface)}.task-popover__close-btn:active{background:var(--ax-sys-color-light-surface)}.task-popover__close-btn ax-icon{display:block;width:16px;height:16px}.task-popover__body{display:flex;flex-direction:column}.task-popover__description{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-secondary);margin:0;padding:0 20px 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-popover__content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.task-popover__info-item{display:flex;align-items:flex-start;gap:12px;min-height:24px}.task-popover__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--ax-sys-color-text-neutral-600);font-size:14px}.task-popover__icon i{display:block}.task-popover__icon--priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__icon--priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__icon--priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__icon--priority[data-priority=low],.task-popover__icon--priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-500)}.task-popover__info-content{flex:1;min-width:0;display:flex;align-items:center}.task-popover__info-text{font-size:14px;line-height:1.5;color:var(--ax-sys-color-text-primary);word-wrap:break-word}.task-popover__priority{text-transform:capitalize;font-weight:500}.task-popover__priority[data-priority=highest]{color:var(--ax-sys-color-danger)}.task-popover__priority[data-priority=high]{color:var(--ax-sys-color-warning)}.task-popover__priority[data-priority=medium]{color:var(--ax-sys-color-info)}.task-popover__priority[data-priority=low],.task-popover__priority[data-priority=lowest]{color:var(--ax-sys-color-text-neutral-600)}.task-popover__actions{padding:12px 20px 16px;border-top:1px solid var(--ax-sys-color-border);display:flex;flex-direction:column;gap:8px;background:var(--ax-sys-color-lighter-surface)}.task-popover__actions-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}\n", ".workflow-task-popover{display:flex;flex-direction:column;min-width:280px;max-width:420px}.workflow-task-popover__metadata{padding:1rem 1.25rem .75rem;font-size:.875rem;line-height:1.25rem}.workflow-task-popover__metadata .__row{display:grid;align-items:center;column-gap:1.25rem;row-gap:.25rem;grid-template-columns:minmax(7rem,35%) 1fr}.workflow-task-popover__metadata .__row--loading{align-items:flex-start;column-gap:1rem}.workflow-task-popover__metadata .__row__label{flex-shrink:0;padding-inline-end:.25rem;font-weight:700}.workflow-task-popover__metadata .__row__value{display:flex;min-width:0px;align-items:center}.workflow-task-popover__metadata .__skeleton-label{height:1rem;border-radius:.25rem;width:66.666667%}.workflow-task-popover__metadata .__skeleton-value{height:1rem;width:100%;border-radius:.25rem}.workflow-task-popover__content{min-height:0px}.workflow-task-popover__content:not(:has(.workflow-task-popover__fallback)){padding:1rem 1.25rem}.workflow-task-popover__fallback{padding-left:1.25rem;padding-right:1.25rem;padding-bottom:1rem}.workflow-task-popover__fallback .task-popover__description{margin:0;padding:0;font-size:.875rem;line-height:1.25rem;line-height:1.375}.workflow-task-popover__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;border-top-width:1px;padding:.75rem 1.25rem;--ax-sys-size-base: 2rem }\n"] }]
+        }], ctorParameters: () => [], propDecorators: { task: [{ type: i0.Input, args: [{ isSignal: true, alias: "task", required: true }] }] } });
+
+export { AXMWorkflowTaskPopoverComponent };
+//# sourceMappingURL=acorex-modules-workflow-management-workflow-task-popover.component-DjYDwHWU.mjs.map

package/fesm2022/acorex-modules-workflow-management-workflow-task-popover.component-DjYDwHWU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-workflow-management-workflow-task-popover.component-DjYDwHWU.mjs","sources":["../../../../libs/modules/workflow-management/src/lib/features/task-provider/workflow-task-popover.component.ts","../../../../libs/modules/workflow-management/src/lib/features/task-provider/workflow-task-popover.component.html"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXPWidgetsList } from '@acorex/modules/common';\nimport {\n  AXPTask,\n  AXPTaskActionMenuItem,\n  AXPTaskBoardService,\n  AXPTaskPopoverComponent,\n  AXPTaskPopoverMetadata,\n} from '@acorex/modules/task-management';\nimport { AXPWidgetCoreModule, AXPWidgetNode, AXPWidgetSerializationHelper } from '@acorex/platform/layout/widget-core';\n\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPContextChangeEvent } from '@acorex/platform/core';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  CUSTOM_ELEMENTS_SCHEMA,\n  effect,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\n\n//#endregion\n\n//#region ----   Types   ----\n\n/**\n * Field definition for workflow task form (from payload.context._fields).\n */\ninterface WorkflowTaskFormField {\n  name: string;\n  label?: string;\n  type?: 'string' | 'number' | 'date' | 'boolean' | 'text';\n  value?: unknown;\n  placeholder?: string;\n}\n\n/**\n * Payload shape for human-task bookmark (context, actions, optional layout).\n */\ninterface HumanTaskPayload {\n  activityName?: string;\n  dueDate?: string | Date | null;\n  context?: Record<string, unknown> & { _fields?: WorkflowTaskFormField[] };\n  actions?: { prefix?: unknown[]; suffix?: unknown[] };\n  layout?: string;\n}\n\n//#endregion\n\n//#region ----   Component   ----\n\n@Component({\n  selector: 'axm-workflow-task-popover',\n  templateUrl: './workflow-task-popover.component.html',\n  styleUrls: [\n    '../../../../../task-management/src/lib/features/task-board/task-board-default-task-popover.component.scss',\n    './workflow-task-popover.component.scss',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  imports: [AXPWidgetCoreModule, AXButtonModule, AXDropdownModule, AXSkeletonModule, CommonModule, AXTranslationModule],\n})\nexport class AXMWorkflowTaskPopoverComponent extends AXPTaskPopoverComponent {\n  //#region ----   Inputs   ----\n\n  task = input.required<AXPTask>();\n\n  //#endregion\n\n  //#region ----   Services & Dependencies   ----\n\n  private readonly taskBoardService = inject(AXPTaskBoardService);\n\n  //#endregion\n\n  //#region ----   Popover metadata (from provider)   ----\n\n  protected readonly isLoadingMetadata = signal(false);\n  protected readonly popoverMetadata = signal<AXPTaskPopoverMetadata | null>(null);\n\n  /** Placeholder rows for the metadata loading skeleton. */\n  protected readonly loadingSkeletonRows = [1, 2, 3, 4, 5, 6] as const;\n\n  protected readonly metadataFields = computed(() => this.popoverMetadata()?.fields ?? []);\n  protected readonly metadataContext = computed(() => this.popoverMetadata()?.context ?? {});\n\n  //#endregion\n\n  //#region ----   Payload   ----\n\n  protected readonly bookmarkPayload = computed((): HumanTaskPayload | null => {\n    const data = this.task()?.data as { payload?: HumanTaskPayload } | undefined;\n    const payload = data?.payload;\n    return payload && typeof payload === 'object' ? payload : null;\n  });\n\n  //#endregion\n\n  //#region ----   Form context (for userInput on resume)   ----\n\n  /** Current form values; passed as userInput when executing an action. */\n  protected readonly formValues = signal<Record<string, unknown>>({});\n\n  protected onFormContextChanged(event: AXPContextChangeEvent): void {\n    const data = event?.data;\n    if (data && typeof data === 'object') {\n      const filtered: Record<string, unknown> = {};\n      for (const [key, value] of Object.entries(data)) {\n        if (key !== 'task' && key !== '_fields') filtered[key] = value;\n      }\n      this.formValues.set(filtered);\n    }\n  }\n\n  //#endregion\n\n  //#region ----   Content node from payload.layout or payload.context   ----\n\n  protected readonly contentNode = computed<AXPWidgetNode | null>(() => {\n    const t = this.task();\n    const taskData = t?.data as { payload?: HumanTaskPayload } | undefined;\n    const payload = taskData?.payload;\n    const layoutStr = payload?.layout;\n    if (typeof layoutStr === 'string' && layoutStr.trim().length > 0) {\n      try {\n        return AXPWidgetSerializationHelper.fromJson(layoutStr);\n      } catch {\n        return null;\n      }\n    }\n    const context = payload?.context;\n    const fields =\n      context && typeof context === 'object' && Array.isArray((context as { _fields?: unknown })._fields)\n        ? ((context as { _fields: WorkflowTaskFormField[] })._fields)\n        : null;\n\n    if (!fields || fields.length === 0) return null;\n\n    const children: AXPWidgetNode[] = fields.map((f) => ({\n      type: 'grid-item-layout',\n      name: f.name,\n      options: { colSpan: 12 },\n      children: [\n        {\n          type: 'form-field',\n          options: {\n            label: f.label ?? f.name,\n            showLabel: true,\n          },\n          children: [this.buildWidgetNode(f)],\n        },\n      ],\n    }));\n\n    return {\n      type: 'grid-layout',\n      mode: 'edit',\n      options: {\n        grid: {\n          default: {\n            columns: 'repeat(12, 1fr)',\n            rows: 'repeat(1, 1fr)',\n            gap: '12px',\n          },\n        },\n      },\n      children,\n    };\n  });\n\n  private buildWidgetNode(f: WorkflowTaskFormField): AXPWidgetNode {\n    const type = (f.type ?? 'string').toLowerCase();\n    const path = f.name;\n    const defaultValue = f.value;\n\n    switch (type) {\n      case 'number':\n        return {\n          type: AXPWidgetsList.Editors.NumberBox,\n          path,\n          name: path,\n          defaultValue,\n          options: {},\n        };\n      case 'date':\n        return {\n          type: AXPWidgetsList.Editors.DateTimeBox,\n          path,\n          name: path,\n          defaultValue,\n          options: { showTime: true },\n        };\n      case 'boolean':\n        return {\n          type: AXPWidgetsList.Editors.CheckBox,\n          path,\n          name: path,\n          defaultValue: Boolean(defaultValue),\n          options: {},\n        };\n      case 'text':\n        return {\n          type: AXPWidgetsList.Editors.LargeTextBox,\n          path,\n          name: path,\n          defaultValue,\n          options: { rows: 3, placeholder: f.placeholder },\n        };\n      default:\n        return {\n          type: AXPWidgetsList.Editors.TextBox,\n          path,\n          name: path,\n          defaultValue,\n          options: { placeholder: f.placeholder },\n        };\n    }\n  }\n\n  protected readonly popoverContext = computed<Record<string, unknown>>(() => {\n    const t = this.task();\n    const payload = (t?.data as { payload?: HumanTaskPayload })?.payload;\n    const ctx = payload?.context;\n    const base: Record<string, unknown> = ctx && typeof ctx === 'object' ? { ...ctx } : {};\n    base['task'] = t;\n    const fields = Array.isArray(base['_fields']) ? (base['_fields'] as WorkflowTaskFormField[]) : [];\n    for (const f of fields) {\n      if (f.name && !(f.name in base)) base[f.name] = f.value;\n    }\n    return base;\n  });\n\n  //#endregion\n\n  //#region ----   Actions   ----\n\n  protected readonly taskActions = signal<AXPTaskActionMenuItem[]>([]);\n\n  protected readonly primaryActions = computed(() =>\n    this.taskActions().filter((a) => (a.priority ?? 'secondary') === 'primary'),\n  );\n\n  protected readonly secondaryActions = computed(() =>\n    this.taskActions().filter((a) => (a.priority ?? 'secondary') === 'secondary'),\n  );\n\n  constructor() {\n    super();\n    effect((onCleanup) => {\n      const t = this.task();\n      if (!t?.provider) {\n        this.popoverMetadata.set(null);\n        this.isLoadingMetadata.set(false);\n        this.taskActions.set([]);\n        return;\n      }\n\n      const provider = this.taskBoardService.getProvider(t.provider);\n      if (!provider) {\n        this.popoverMetadata.set(null);\n        this.isLoadingMetadata.set(false);\n        this.taskActions.set([]);\n        return;\n      }\n\n      let cancelled = false;\n      onCleanup(() => {\n        cancelled = true;\n      });\n\n      if (typeof provider.getPopoverMetadata === 'function') {\n        this.isLoadingMetadata.set(true);\n        this.popoverMetadata.set(null);\n        void provider.getPopoverMetadata(t).then(\n          (metadata) => {\n            if (!cancelled) {\n              this.popoverMetadata.set(metadata);\n              this.isLoadingMetadata.set(false);\n            }\n          },\n          () => {\n            if (!cancelled) {\n              this.popoverMetadata.set(null);\n              this.isLoadingMetadata.set(false);\n            }\n          },\n        );\n      } else {\n        this.popoverMetadata.set(null);\n        this.isLoadingMetadata.set(false);\n      }\n\n      void provider.getActions(t).then((actions) => {\n        if (!cancelled) {\n          this.taskActions.set(actions);\n        }\n      });\n    });\n  }\n\n  protected getActionColor(action: AXPTaskActionMenuItem): string | null {\n    return (action.color as string) ?? null;\n  }\n\n  protected async executeAction(action: AXPTaskActionMenuItem): Promise<void> {\n    const t = this.task();\n    if (!t || !action.command || !t.provider) return;\n    const userInput = this.formValues();\n    const command = {\n      ...action.command,\n      options: {\n        ...action.command.options,\n        userInput:\n          userInput && Object.keys(userInput).length > 0 ? userInput : (action.command.options?.['userInput'] ?? {}),\n      },\n    };\n    try {\n      await this.taskBoardService.executeCommand(command, t.provider);\n    } catch (error) {\n      console.error('[WorkflowTaskPopover] executeAction failed:', error);\n    } finally {\n      this.refreshPopover();\n      this.closePopover();\n    }\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<div class=\"workflow-task-popover\">\n  @if (isLoadingMetadata()) {\n  <div class=\"workflow-task-popover__metadata\">\n    @for (row of loadingSkeletonRows; track row) {\n    <div class=\"__row __row--loading\">\n      <ax-skeleton [animated]=\"true\" class=\"__skeleton-label\"></ax-skeleton>\n      <ax-skeleton [animated]=\"true\" class=\"__skeleton-value\"></ax-skeleton>\n    </div>\n    }\n  </div>\n  } @else if (metadataFields().length > 0) {\n  <div class=\"workflow-task-popover__metadata\">\n    <axp-widgets-container [context]=\"metadataContext()\">\n      @for (item of metadataFields(); track item.name) {\n      <div class=\"__row\">\n        <span class=\"__label\">{{ item.title | translate | async }}:</span>\n        <div class=\"__value\">\n          <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n        </div>\n      </div>\n      }\n    </axp-widgets-container>\n  </div>\n  }\n\n  <axp-widgets-container [context]=\"popoverContext()\" (onContextChanged)=\"onFormContextChanged($event)\"\n    class=\"workflow-task-popover__content\">\n    @if (contentNode(); as node) {\n    <ng-container axp-widget-renderer [node]=\"node\" [mode]=\"'edit'\"></ng-container>\n    } @else {\n    <div class=\"workflow-task-popover__fallback\">\n      @if (task().description) {\n      <p class=\"task-popover__description\">{{ task().description }}</p>\n      }\n    </div>\n    }\n  </axp-widgets-container>\n\n  @if (taskActions().length > 0) {\n  <div class=\"workflow-task-popover__actions\">\n    @if (primaryActions().length > 0) {\n    @for (action of primaryActions(); track action.name || action.title) {\n    <ax-button [look]=\"'solid'\" [color]=\"getActionColor(action)\" (onClick)=\"executeAction(action)\"\n      [disabled]=\"action.disabled === true\" [text]=\"(action.title | translate | async)!\">\n      @if (action.icon) {\n      <ax-prefix>\n        <ax-icon>\n          <i [class]=\"action.icon\"></i>\n        </ax-icon>\n      </ax-prefix>\n      }\n    </ax-button>\n    }\n    }\n\n    @if (secondaryActions().length > 0) {\n    <ax-button [look]=\"'blank'\">\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n      </ax-prefix>\n      <ax-dropdown-panel>\n        <ax-button-item-list>\n          @for (action of secondaryActions(); track action.name || action.title) {\n          <ax-button-item [text]=\"(action.title | translate | async)!\" [disabled]=\"action.disabled === true\"\n            (onClick)=\"executeAction(action)\">\n            @if (action.icon) {\n            <ax-prefix>\n              <ax-icon>\n                <i [class]=\"action.icon\"></i>\n              </ax-icon>\n            </ax-prefix>\n            }\n          </ax-button-item>\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n    }\n  </div>\n  }\n</div>"],"names":["i5","i6"],"mappings":"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"}