@acorex/modules 21.0.0-beta.1 → 21.0.0-beta.11

package/fesm2022/{acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-8bcGTqWE.mjs → acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-BYMWJZBG.mjs}

@@ -11,7 +11,7 @@ import * as i4 from '@acorex/components/search-box';
 import { AXSearchBoxModule } from '@acorex/components/search-box';
 import * as i3 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i5$1 from '@acorex/core/translation';
+import * as i7 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPLayoutBuilderService } from '@acorex/platform/layout/builder';
 import { AXPActivityDefinitionService } from '@acorex/platform/workflow';
@@ -205,7 +205,7 @@ class AXMActivityCommandConfiguratorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMActivityCommandConfiguratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMActivityCommandConfiguratorComponent, isStandalone: true, selector: "axm-activity-command-configurator", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, viewQueries: [{ propertyName: "activitySelectBox", first: true, predicate: ["activitySelectBox"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Activity Selector & Info Container -->\n<div class=\"__activity-container\">\n  <!-- Edit Mode: Show Select Box -->\n  @if (isEditMode()) {\n  <div class=\"__activity-selector\">\n    <ax-select-box\n      #activitySelectBox\n      [ngModel]=\"selectedCommandKey()\"\n      [dataSource]=\"activityItems()\"\n      [placeholder]=\"('@general:actions.select.title' | translate | async) ?? ''\"\n      [readonly]=\"readonly()\"\n      valueField=\"value\"\n      textField=\"text\"\n      [itemTemplate]=\"itemTemplate\"\n      [selectedTemplate]=\"selectedTemplate\"\n      (onValueChanged)=\"onActivityChange($event)\"\n      (onClosed)=\"exitEditMode()\"\n    >\n      <ax-search-box></ax-search-box>\n      <ax-clear-button></ax-clear-button>\n    </ax-select-box>\n  </div>\n  }\n\n  <!-- View Mode: Show Activity Info -->\n  @if (!isEditMode()) {\n  @if (selectedCommandKey() && selectedActivity(); as activity) {\n  <div class=\"__activity-info\">\n    <div class=\"__activity-header\" [class.__editable]=\"!readonly()\" (click)=\"enterEditMode()\">\n      <div>\n        @if (activity.icon) {\n        <i [class]=\"activity.icon\"></i>\n        }\n        <div>\n          <span>{{ selectedActivityViewTitle() }}</span>\n          @if (selectedActivityViewDescription()) {\n          <p>{{ selectedActivityViewDescription() }}</p>\n          }\n        </div>\n      </div>\n\n      <div class=\"__action-buttons\" (click)=\"$event.stopPropagation()\">\n        @if (canConfigure()) {\n        <ax-button\n          [disabled]=\"readonly()\"\n          [title]=\"('@general:actions.configure.title' | translate | async) ?? ''\"\n          look=\"blank\"\n          size=\"sm\"\n          (onClick)=\"openConfigure()\"\n        >\n          <i class=\"fa-solid fa-cog\"></i>\n        </ax-button>\n        }\n      </div>\n    </div>\n  </div>\n  } @else {\n  <!-- Empty State (Clickable to Edit) -->\n  <div class=\"__activity-empty\" [class.__editable]=\"!readonly()\" (click)=\"enterEditMode()\">\n    <i class=\"fa-light fa-bolt\"></i>\n    <span>\n      {{ ('@workflow-management:automations.entities.automation.fields.command.placeholder' | translate | async) ?? 'Select activity' }}\n    </span>\n  </div>\n  }\n  }\n\n\n  <!-- Item Template (Dropdown Items) -->\n  <ng-template #itemTemplate let-context>\n    @let item = context.data;\n    <div class=\"__item-template flex w-full items-center gap-3 p-2\">\n      @if (item.icon) {\n      <i [class]=\"item.icon + ' text-base w-5 text-center'\"></i>\n      }\n      <div class=\"flex items-center gap-2 flex-1 min-w-0\">\n        <div class=\"text-sm font-medium\">{{ item.text }}</div>\n        @if (item.description) {\n        <div class=\"text-xs text-neutral-600\">{{ item.description }}</div>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Selected Template -->\n  <ng-template #selectedTemplate let-item>\n    <div class=\"__selected-template\">\n      @if (item?.data?.icon) {\n      <i [class]=\"item.data.icon\"></i>\n      }\n      <span>{{ item?.data?.text }}</span>\n    </div>\n  </ng-template>\n</div>\n", styles: ["@layer properties;axm-activity-command-configurator{display:flex;flex-direction:column}.__activity-container{border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding:calc(var(--spacing, .25rem) * 4);transition:all .2s ease}.__activity-selector{display:flex;flex-direction:column}.__activity-selector ax-select-box{width:100%}.__activity-info{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.__activity-info .__activity-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}.__activity-info .__activity-header.__editable{cursor:pointer}.__activity-info .__activity-header.__editable:hover{border-radius:var(--radius-md, .375rem);background-color:rgba(var(--ax-sys-color-lighter-surface))}.__activity-info .__activity-header:not(.__editable){cursor:not-allowed}.__activity-info .__activity-header>div:first-child{display:flex;flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.__activity-info .__activity-header>div:first-child i{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));flex-shrink:0}.__activity-info .__activity-header>div:first-child>div{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.__activity-info .__activity-header>div:first-child>div>span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__activity-info .__activity-header>div:first-child>div>p{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:var(--color-neutral-600, oklch(43.9% 0 0))}.__activity-info .__action-buttons{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);flex-shrink:0}.__activity-empty{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 2)}.__activity-empty.__editable{cursor:pointer}.__activity-empty.__editable:hover{border-radius:var(--radius-md, .375rem);background-color:rgba(var(--ax-sys-color-lighter-surface))}.__activity-empty:not(.__editable){cursor:not-allowed}.__activity-empty>i{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:var(--color-neutral-400, oklch(70.8% 0 0))}.__activity-empty>span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-neutral-600, oklch(43.9% 0 0))}.__item-template>i{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.__item-template>div>div:first-child{flex-shrink:0}.__item-template>div>div:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__selected-template{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.__selected-template>i{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.__selected-template>span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { 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: AXSelectBoxModule }, { kind: "component", type: i3.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: AXTranslationModule }, { 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: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMActivityCommandConfiguratorComponent, isStandalone: true, selector: "axm-activity-command-configurator", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, viewQueries: [{ propertyName: "activitySelectBox", first: true, predicate: ["activitySelectBox"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Activity Selector & Info Container -->\n<div class=\"__activity-container\">\n  <!-- Edit Mode: Show Select Box -->\n  @if (isEditMode()) {\n  <div class=\"__activity-selector\">\n    <ax-select-box\n      #activitySelectBox\n      [ngModel]=\"selectedCommandKey()\"\n      [dataSource]=\"activityItems()\"\n      [placeholder]=\"('@general:actions.select.title' | translate | async) ?? ''\"\n      [readonly]=\"readonly()\"\n      valueField=\"value\"\n      textField=\"text\"\n      [itemTemplate]=\"itemTemplate\"\n      [selectedTemplate]=\"selectedTemplate\"\n      (onValueChanged)=\"onActivityChange($event)\"\n      (onClosed)=\"exitEditMode()\"\n    >\n      <ax-search-box></ax-search-box>\n      <ax-clear-button></ax-clear-button>\n    </ax-select-box>\n  </div>\n  }\n\n  <!-- View Mode: Show Activity Info -->\n  @if (!isEditMode()) {\n  @if (selectedCommandKey() && selectedActivity(); as activity) {\n  <div class=\"__activity-info\">\n    <div class=\"__activity-header\" [class.__editable]=\"!readonly()\" (click)=\"enterEditMode()\">\n      <div>\n        @if (activity.icon) {\n        <i [class]=\"activity.icon\"></i>\n        }\n        <div>\n          <span>{{ selectedActivityViewTitle() }}</span>\n          @if (selectedActivityViewDescription()) {\n          <p>{{ selectedActivityViewDescription() }}</p>\n          }\n        </div>\n      </div>\n\n      <div class=\"__action-buttons\" (click)=\"$event.stopPropagation()\">\n        @if (canConfigure()) {\n        <ax-button\n          [disabled]=\"readonly()\"\n          [title]=\"('@general:actions.configure.title' | translate | async) ?? ''\"\n          look=\"blank\"\n          size=\"sm\"\n          (onClick)=\"openConfigure()\"\n        >\n          <i class=\"fa-solid fa-cog\"></i>\n        </ax-button>\n        }\n      </div>\n    </div>\n  </div>\n  } @else {\n  <!-- Empty State (Clickable to Edit) -->\n  <div class=\"__activity-empty\" [class.__editable]=\"!readonly()\" (click)=\"enterEditMode()\">\n    <i class=\"fa-light fa-bolt\"></i>\n    <span>\n      {{ ('@workflow-management:automations.entities.automation.fields.command.placeholder' | translate | async) ?? 'Select activity' }}\n    </span>\n  </div>\n  }\n  }\n\n\n  <!-- Item Template (Dropdown Items) -->\n  <ng-template #itemTemplate let-context>\n    @let item = context.data;\n    <div class=\"__item-template flex w-full items-center gap-3 p-2\">\n      @if (item.icon) {\n      <i [class]=\"item.icon + ' text-base w-5 text-center'\"></i>\n      }\n      <div class=\"flex items-center gap-2 flex-1 min-w-0\">\n        <div class=\"text-sm font-medium\">{{ item.text }}</div>\n        @if (item.description) {\n        <div class=\"text-xs text-neutral-600\">{{ item.description }}</div>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Selected Template -->\n  <ng-template #selectedTemplate let-item>\n    <div class=\"__selected-template\">\n      @if (item?.data?.icon) {\n      <i [class]=\"item.data.icon\"></i>\n      }\n      <span>{{ item?.data?.text }}</span>\n    </div>\n  </ng-template>\n</div>\n", styles: ["@layer properties;axm-activity-command-configurator{display:flex;flex-direction:column}.__activity-container{border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding:calc(var(--spacing, .25rem) * 4);transition:all .2s ease}.__activity-selector{display:flex;flex-direction:column}.__activity-selector ax-select-box{width:100%}.__activity-info{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.__activity-info .__activity-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}.__activity-info .__activity-header.__editable{cursor:pointer}.__activity-info .__activity-header.__editable:hover{border-radius:var(--radius-md, .375rem);background-color:rgba(var(--ax-sys-color-lighter-surface))}.__activity-info .__activity-header:not(.__editable){cursor:not-allowed}.__activity-info .__activity-header>div:first-child{display:flex;flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.__activity-info .__activity-header>div:first-child i{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));flex-shrink:0}.__activity-info .__activity-header>div:first-child>div{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.__activity-info .__activity-header>div:first-child>div>span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__activity-info .__activity-header>div:first-child>div>p{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:var(--color-neutral-600, oklch(43.9% 0 0))}.__activity-info .__action-buttons{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);flex-shrink:0}.__activity-empty{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 2)}.__activity-empty.__editable{cursor:pointer}.__activity-empty.__editable:hover{border-radius:var(--radius-md, .375rem);background-color:rgba(var(--ax-sys-color-lighter-surface))}.__activity-empty:not(.__editable){cursor:not-allowed}.__activity-empty>i{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:var(--color-neutral-400, oklch(70.8% 0 0))}.__activity-empty>span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-neutral-600, oklch(43.9% 0 0))}.__item-template>i{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.__item-template>div>div:first-child{flex-shrink:0}.__item-template>div>div:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__selected-template{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.__selected-template>i{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.__selected-template>span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { 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: AXSelectBoxModule }, { kind: "component", type: i3.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: AXTranslationModule }, { 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: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { 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: AXMActivityCommandConfiguratorComponent, decorators: [{
             type: Component,
@@ -305,4 +305,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }], propDecorators: { valueModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueModel", required: false }] }, { type: i0.Output, args: ["valueModelChange"] }] } });
 
 export { AXMActivityCommandConfiguratorWidgetEditComponent };
-//# sourceMappingURL=acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-8bcGTqWE.mjs.map
+//# sourceMappingURL=acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-BYMWJZBG.mjs.map

package/fesm2022/{acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-8bcGTqWE.mjs.map → acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-BYMWJZBG.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-8bcGTqWE.mjs","sources":["../../../../libs/modules/workflow-management/src/lib/features/activity-command-configurator/activity-command-configurator.component.ts","../../../../libs/modules/workflow-management/src/lib/features/activity-command-configurator/activity-command-configurator.component.html","../../../../libs/modules/workflow-management/src/lib/features/activity-command-configurator/activity-command-configurator-widget-edit.component.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXSelectBoxComponent, AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport {\n  AXPDynamicFormDefinition,\n  AXPDynamicFormFieldDefinition,\n  AXPDynamicFormGroupDefinition,\n  AXPLayoutBuilderService,\n} from '@acorex/platform/layout/builder';\nimport { AXPActivityDefinition, AXPActivityDefinitionService } from '@acorex/platform/workflow';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n//#endregion\n\nexport interface ActivityCommandValue {\n  commandKey: string;\n  params?: Record<string, unknown>;\n}\n\n//#region ----   Component   ----\n\n/**\n * Activity command configurator component.\n * Mirrors AXPWidgetFieldConfiguratorComponent pattern: select activity from list,\n * show activity info in view mode, configure button opens dynamic form for activity inputs.\n */\n@Component({\n  selector: 'axm-activity-command-configurator',\n  templateUrl: './activity-command-configurator.component.html',\n  styleUrl: './activity-command-configurator.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    CommonModule,\n    FormsModule,\n    AXFormModule,\n    AXButtonModule,\n    AXSelectBoxModule,\n    AXTranslationModule,\n    AXSearchBoxModule,\n    AXDecoratorModule,\n  ],\n})\nexport class AXMActivityCommandConfiguratorComponent {\n  //#region ----   Inputs   ----\n\n  value = model<ActivityCommandValue>({ commandKey: '', params: {} });\n\n  label = input<string>('@workflow-management:automations.entities.automation.fields.command.title');\n\n  readonly = input<boolean>(false);\n\n  //#endregion\n\n  //#region ----   Services & Dependencies   ----\n\n  private readonly activityService = inject(AXPActivityDefinitionService);\n  private readonly layoutBuilder = inject(AXPLayoutBuilderService);\n  private readonly multiLanguageResolver = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ----   Class Properties   ----\n\n  protected selectedCommandKey = signal<string>('');\n\n  protected isEditMode = signal<boolean>(false);\n\n  protected activities = signal<AXPActivityDefinition[]>([]);\n\n  protected activityItems = computed(() =>\n    this.activities()\n      .map((a) => ({\n        value: a.name,\n        text: this.multiLanguageResolver.resolve(a.title) || a.name,\n        description: this.multiLanguageResolver.resolve(a.description),\n        icon: a.icon,\n      }))\n      .sort((a, b) => a.text.localeCompare(b.text)),\n  );\n\n  protected selectedActivity = computed(() => {\n    const key = this.selectedCommandKey();\n    if (!key) return null;\n    return this.activities().find((a) => a.name === key) ?? null;\n  });\n\n  /** Resolved title for view mode (activity definition may store multi-language maps). */\n  protected selectedActivityViewTitle = computed(() => {\n    const a = this.selectedActivity();\n    if (!a) return '';\n    return this.multiLanguageResolver.resolve(a.title) || a.name;\n  });\n\n  /** Resolved description for view mode. */\n  protected selectedActivityViewDescription = computed(() => {\n    const a = this.selectedActivity();\n    if (!a) return '';\n    return this.multiLanguageResolver.resolve(a.description);\n  });\n\n  protected canConfigure = computed(() => {\n    const activity = this.selectedActivity();\n    return !!activity?.inputs && activity.inputs.length > 0;\n  });\n\n  protected activitySelectBox = viewChild<AXSelectBoxComponent>('activitySelectBox');\n\n  //#endregion\n\n  //#region ----   Lifecycle   ----\n\n  constructor() {\n    this.loadActivities();\n\n    effect(() => {\n      const v = this.value();\n      const key = v?.commandKey ?? '';\n      if (this.selectedCommandKey() !== key) {\n        this.selectedCommandKey.set(key);\n        if (key) {\n          this.isEditMode.set(false);\n        } else {\n          this.isEditMode.set(true);\n        }\n      }\n    });\n\n    effect(() => {\n      if (!this.isEditMode()) return;\n      const select = this.activitySelectBox();\n      if (select) {\n        setTimeout(() => {\n          select.focus?.();\n          (select as { open?: () => void }).open?.();\n        }, 0);\n      }\n    });\n  }\n\n  //#endregion\n\n  //#region ----   Event Handlers   ----\n\n  protected enterEditMode(): void {\n    if (this.readonly()) return;\n    this.isEditMode.set(true);\n  }\n\n  protected exitEditMode(): void {\n    this.isEditMode.set(false);\n  }\n\n  protected onActivityChange(event: { value?: string | null }): void {\n    if (this.readonly()) return;\n    const newKey = (event?.value ?? '') as string;\n\n    if (this.selectedCommandKey() === newKey) return;\n\n    this.selectedCommandKey.set(newKey);\n\n    if (!newKey) {\n      this.value.set({ commandKey: '', params: {} });\n      this.isEditMode.set(true);\n      return;\n    }\n\n    const current = this.value();\n    this.value.set({\n      commandKey: newKey,\n      params: current?.commandKey === newKey ? (current.params ?? {}) : {},\n    });\n    this.isEditMode.set(false);\n  }\n\n  protected openConfigure(): void {\n    if (!this.canConfigure() || this.readonly()) return;\n\n    const activity = this.selectedActivity();\n    if (!activity?.inputs?.length) return;\n\n    let params: Record<string, unknown> = {};\n    const current = this.value();\n    if (current?.params && Object.keys(current.params).length > 0) {\n      params = { ...current.params };\n    }\n\n    const groups: AXPDynamicFormGroupDefinition[] = [\n      {\n        name: 'inputs',\n        title: this.multiLanguageResolver.resolve(activity.title) || activity.name,\n        description: this.multiLanguageResolver.resolve(activity.description),\n        parameters: activity.inputs.map<AXPDynamicFormFieldDefinition>((inputDef) => ({\n          path: `params.${inputDef.name}`,\n          title: inputDef.title,\n          description: inputDef.description,\n          validationRules: inputDef.validations,\n          widget: {\n            path: `params.${inputDef.name}`,\n            type: inputDef.interface.type,\n            options: { ...(inputDef.interface.options ?? {}) },\n          },\n        })),\n      },\n    ];\n\n    const formDefinition: AXPDynamicFormDefinition = { groups };\n\n    this.layoutBuilder\n      .create()\n      .dialog<{ success: boolean }>((dialog) => {\n        dialog\n          .setTitle(this.multiLanguageResolver.resolve(activity.title) || activity.name || 'Configure Activity')\n          .setSize('md')\n          .setCloseButton(true)\n          .setContext({ params })\n          .content((layout) => {\n            layout.mode('edit');\n            layout.dynamicForm(formDefinition);\n          })\n          .setActions((actions) => {\n            actions.cancel('@general:actions.cancel.title').submit('@general:actions.save.title');\n          })\n          .onAction((dialogRef) => {\n            const ctx = dialogRef.context() as { params?: Record<string, unknown> } | null;\n            const action = dialogRef.action();\n            if (!ctx || action === 'cancel') return { success: false };\n\n            const updatedParams = ctx.params ?? {};\n            this.value.set({\n              commandKey: this.selectedCommandKey(),\n              params: updatedParams,\n            });\n            return { success: true };\n          });\n      })\n      .show();\n  }\n\n  //#endregion\n\n  //#region ----   Private Methods   ----\n\n  private async loadActivities(): Promise<void> {\n    try {\n      const list = await this.activityService.getAllActivities();\n      this.activities.set(list ?? []);\n    } catch {\n      this.activities.set([]);\n    }\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<!-- Activity Selector & Info Container -->\n<div class=\"__activity-container\">\n  <!-- Edit Mode: Show Select Box -->\n  @if (isEditMode()) {\n  <div class=\"__activity-selector\">\n    <ax-select-box\n      #activitySelectBox\n      [ngModel]=\"selectedCommandKey()\"\n      [dataSource]=\"activityItems()\"\n      [placeholder]=\"('@general:actions.select.title' | translate | async) ?? ''\"\n      [readonly]=\"readonly()\"\n      valueField=\"value\"\n      textField=\"text\"\n      [itemTemplate]=\"itemTemplate\"\n      [selectedTemplate]=\"selectedTemplate\"\n      (onValueChanged)=\"onActivityChange($event)\"\n      (onClosed)=\"exitEditMode()\"\n    >\n      <ax-search-box></ax-search-box>\n      <ax-clear-button></ax-clear-button>\n    </ax-select-box>\n  </div>\n  }\n\n  <!-- View Mode: Show Activity Info -->\n  @if (!isEditMode()) {\n  @if (selectedCommandKey() && selectedActivity(); as activity) {\n  <div class=\"__activity-info\">\n    <div class=\"__activity-header\" [class.__editable]=\"!readonly()\" (click)=\"enterEditMode()\">\n      <div>\n        @if (activity.icon) {\n        <i [class]=\"activity.icon\"></i>\n        }\n        <div>\n          <span>{{ selectedActivityViewTitle() }}</span>\n          @if (selectedActivityViewDescription()) {\n          <p>{{ selectedActivityViewDescription() }}</p>\n          }\n        </div>\n      </div>\n\n      <div class=\"__action-buttons\" (click)=\"$event.stopPropagation()\">\n        @if (canConfigure()) {\n        <ax-button\n          [disabled]=\"readonly()\"\n          [title]=\"('@general:actions.configure.title' | translate | async) ?? ''\"\n          look=\"blank\"\n          size=\"sm\"\n          (onClick)=\"openConfigure()\"\n        >\n          <i class=\"fa-solid fa-cog\"></i>\n        </ax-button>\n        }\n      </div>\n    </div>\n  </div>\n  } @else {\n  <!-- Empty State (Clickable to Edit) -->\n  <div class=\"__activity-empty\" [class.__editable]=\"!readonly()\" (click)=\"enterEditMode()\">\n    <i class=\"fa-light fa-bolt\"></i>\n    <span>\n      {{ ('@workflow-management:automations.entities.automation.fields.command.placeholder' | translate | async) ?? 'Select activity' }}\n    </span>\n  </div>\n  }\n  }\n\n\n  <!-- Item Template (Dropdown Items) -->\n  <ng-template #itemTemplate let-context>\n    @let item = context.data;\n    <div class=\"__item-template flex w-full items-center gap-3 p-2\">\n      @if (item.icon) {\n      <i [class]=\"item.icon + ' text-base w-5 text-center'\"></i>\n      }\n      <div class=\"flex items-center gap-2 flex-1 min-w-0\">\n        <div class=\"text-sm font-medium\">{{ item.text }}</div>\n        @if (item.description) {\n        <div class=\"text-xs text-neutral-600\">{{ item.description }}</div>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Selected Template -->\n  <ng-template #selectedTemplate let-item>\n    <div class=\"__selected-template\">\n      @if (item?.data?.icon) {\n      <i [class]=\"item.data.icon\"></i>\n      }\n      <span>{{ item?.data?.text }}</span>\n    </div>\n  </ng-template>\n</div>\n","//#region ----   Imports   ----\n\nimport { AXPValueWidgetComponent } from '@acorex/platform/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed, effect, model, signal, untracked } from '@angular/core';\nimport { isEqual } from 'lodash-es';\nimport {\n  AXMActivityCommandConfiguratorComponent,\n  ActivityCommandValue,\n} from './activity-command-configurator.component';\n\n//#endregion\n\n//#region ----   Component   ----\n\n/**\n * Widget edit component for activity-command-configurator.\n * Mirrors AXPWidgetFieldConfiguratorWidgetEditComponent: wraps the configurator,\n * syncs value <-> model via effects, uses isInitialized to avoid premature render.\n */\n@Component({\n  selector: 'axm-activity-command-configurator-widget-edit',\n  template: `\n    @if (isInitialized()) {\n      <axm-activity-command-configurator\n        [(value)]=\"valueModel\"\n        [label]=\"label()\"\n        [readonly]=\"readonly()\"\n      ></axm-activity-command-configurator>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXMActivityCommandConfiguratorComponent],\n})\nexport class AXMActivityCommandConfiguratorWidgetEditComponent extends AXPValueWidgetComponent<ActivityCommandValue> {\n  //#region ----   Computed Properties   ----\n\n  protected readonly readonly = computed<boolean>(() => (this.options()['readonly'] as boolean) ?? false);\n  protected label = computed<string>(() => (this.options()['label'] as string) || 'Activity');\n\n  //#endregion\n\n  //#region ----   State Signals   ----\n\n  protected isInitialized = signal(false);\n\n  //#endregion\n\n  //#region ----   Models   ----\n\n  protected valueModel = model<ActivityCommandValue>({ commandKey: '', params: {} });\n\n  //#endregion\n\n  //#region ----   Effects   ----\n\n  private syncValueToConfigurator = effect(() => {\n    const value = this.getValue();\n\n    const normalized: ActivityCommandValue =\n      value && typeof value === 'object' && 'commandKey' in value\n        ? { commandKey: (value as ActivityCommandValue).commandKey ?? '', params: (value as ActivityCommandValue).params ?? {} }\n        : { commandKey: '', params: {} };\n\n    const currentModel = untracked(() => this.valueModel());\n\n    if (!isEqual(normalized, currentModel)) {\n      untracked(() => {\n        this.valueModel.set(normalized);\n      });\n    }\n\n    untracked(() => {\n      if (!this.isInitialized()) {\n        this.isInitialized.set(true);\n      }\n    });\n  });\n\n  private syncConfiguratorToValue = effect(() => {\n    const modelValue = this.valueModel();\n\n    if (!untracked(() => this.isInitialized())) return;\n\n    const currentValue = untracked(() => this.getValue());\n    const normalizedCurrent: ActivityCommandValue =\n      currentValue && typeof currentValue === 'object' && 'commandKey' in currentValue\n        ? { commandKey: (currentValue as ActivityCommandValue).commandKey ?? '', params: (currentValue as ActivityCommandValue).params ?? {} }\n        : { commandKey: '', params: {} };\n\n    if (!isEqual(modelValue, normalizedCurrent)) {\n      untracked(() => {\n        this.setValue(modelValue ?? { commandKey: '', params: {} });\n      });\n    }\n  });\n\n  //#endregion\n}\n\n//#endregion\n"],"names":["i6","i7"],"mappings":"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"}
+{"version":3,"file":"acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-BYMWJZBG.mjs","sources":["../../../../libs/modules/workflow-management/src/lib/features/activity-command-configurator/activity-command-configurator.component.ts","../../../../libs/modules/workflow-management/src/lib/features/activity-command-configurator/activity-command-configurator.component.html","../../../../libs/modules/workflow-management/src/lib/features/activity-command-configurator/activity-command-configurator-widget-edit.component.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXSelectBoxComponent, AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport {\n  AXPDynamicFormDefinition,\n  AXPDynamicFormFieldDefinition,\n  AXPDynamicFormGroupDefinition,\n  AXPLayoutBuilderService,\n} from '@acorex/platform/layout/builder';\nimport { AXPActivityDefinition, AXPActivityDefinitionService } from '@acorex/platform/workflow';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n//#endregion\n\nexport interface ActivityCommandValue {\n  commandKey: string;\n  params?: Record<string, unknown>;\n}\n\n//#region ----   Component   ----\n\n/**\n * Activity command configurator component.\n * Mirrors AXPWidgetFieldConfiguratorComponent pattern: select activity from list,\n * show activity info in view mode, configure button opens dynamic form for activity inputs.\n */\n@Component({\n  selector: 'axm-activity-command-configurator',\n  templateUrl: './activity-command-configurator.component.html',\n  styleUrl: './activity-command-configurator.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    CommonModule,\n    FormsModule,\n    AXFormModule,\n    AXButtonModule,\n    AXSelectBoxModule,\n    AXTranslationModule,\n    AXSearchBoxModule,\n    AXDecoratorModule,\n  ],\n})\nexport class AXMActivityCommandConfiguratorComponent {\n  //#region ----   Inputs   ----\n\n  value = model<ActivityCommandValue>({ commandKey: '', params: {} });\n\n  label = input<string>('@workflow-management:automations.entities.automation.fields.command.title');\n\n  readonly = input<boolean>(false);\n\n  //#endregion\n\n  //#region ----   Services & Dependencies   ----\n\n  private readonly activityService = inject(AXPActivityDefinitionService);\n  private readonly layoutBuilder = inject(AXPLayoutBuilderService);\n  private readonly multiLanguageResolver = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ----   Class Properties   ----\n\n  protected selectedCommandKey = signal<string>('');\n\n  protected isEditMode = signal<boolean>(false);\n\n  protected activities = signal<AXPActivityDefinition[]>([]);\n\n  protected activityItems = computed(() =>\n    this.activities()\n      .map((a) => ({\n        value: a.name,\n        text: this.multiLanguageResolver.resolve(a.title) || a.name,\n        description: this.multiLanguageResolver.resolve(a.description),\n        icon: a.icon,\n      }))\n      .sort((a, b) => a.text.localeCompare(b.text)),\n  );\n\n  protected selectedActivity = computed(() => {\n    const key = this.selectedCommandKey();\n    if (!key) return null;\n    return this.activities().find((a) => a.name === key) ?? null;\n  });\n\n  /** Resolved title for view mode (activity definition may store multi-language maps). */\n  protected selectedActivityViewTitle = computed(() => {\n    const a = this.selectedActivity();\n    if (!a) return '';\n    return this.multiLanguageResolver.resolve(a.title) || a.name;\n  });\n\n  /** Resolved description for view mode. */\n  protected selectedActivityViewDescription = computed(() => {\n    const a = this.selectedActivity();\n    if (!a) return '';\n    return this.multiLanguageResolver.resolve(a.description);\n  });\n\n  protected canConfigure = computed(() => {\n    const activity = this.selectedActivity();\n    return !!activity?.inputs && activity.inputs.length > 0;\n  });\n\n  protected activitySelectBox = viewChild<AXSelectBoxComponent>('activitySelectBox');\n\n  //#endregion\n\n  //#region ----   Lifecycle   ----\n\n  constructor() {\n    this.loadActivities();\n\n    effect(() => {\n      const v = this.value();\n      const key = v?.commandKey ?? '';\n      if (this.selectedCommandKey() !== key) {\n        this.selectedCommandKey.set(key);\n        if (key) {\n          this.isEditMode.set(false);\n        } else {\n          this.isEditMode.set(true);\n        }\n      }\n    });\n\n    effect(() => {\n      if (!this.isEditMode()) return;\n      const select = this.activitySelectBox();\n      if (select) {\n        setTimeout(() => {\n          select.focus?.();\n          (select as { open?: () => void }).open?.();\n        }, 0);\n      }\n    });\n  }\n\n  //#endregion\n\n  //#region ----   Event Handlers   ----\n\n  protected enterEditMode(): void {\n    if (this.readonly()) return;\n    this.isEditMode.set(true);\n  }\n\n  protected exitEditMode(): void {\n    this.isEditMode.set(false);\n  }\n\n  protected onActivityChange(event: { value?: string | null }): void {\n    if (this.readonly()) return;\n    const newKey = (event?.value ?? '') as string;\n\n    if (this.selectedCommandKey() === newKey) return;\n\n    this.selectedCommandKey.set(newKey);\n\n    if (!newKey) {\n      this.value.set({ commandKey: '', params: {} });\n      this.isEditMode.set(true);\n      return;\n    }\n\n    const current = this.value();\n    this.value.set({\n      commandKey: newKey,\n      params: current?.commandKey === newKey ? (current.params ?? {}) : {},\n    });\n    this.isEditMode.set(false);\n  }\n\n  protected openConfigure(): void {\n    if (!this.canConfigure() || this.readonly()) return;\n\n    const activity = this.selectedActivity();\n    if (!activity?.inputs?.length) return;\n\n    let params: Record<string, unknown> = {};\n    const current = this.value();\n    if (current?.params && Object.keys(current.params).length > 0) {\n      params = { ...current.params };\n    }\n\n    const groups: AXPDynamicFormGroupDefinition[] = [\n      {\n        name: 'inputs',\n        title: this.multiLanguageResolver.resolve(activity.title) || activity.name,\n        description: this.multiLanguageResolver.resolve(activity.description),\n        parameters: activity.inputs.map<AXPDynamicFormFieldDefinition>((inputDef) => ({\n          path: `params.${inputDef.name}`,\n          title: inputDef.title,\n          description: inputDef.description,\n          validationRules: inputDef.validations,\n          widget: {\n            path: `params.${inputDef.name}`,\n            type: inputDef.interface.type,\n            options: { ...(inputDef.interface.options ?? {}) },\n          },\n        })),\n      },\n    ];\n\n    const formDefinition: AXPDynamicFormDefinition = { groups };\n\n    this.layoutBuilder\n      .create()\n      .dialog<{ success: boolean }>((dialog) => {\n        dialog\n          .setTitle(this.multiLanguageResolver.resolve(activity.title) || activity.name || 'Configure Activity')\n          .setSize('md')\n          .setCloseButton(true)\n          .setContext({ params })\n          .content((layout) => {\n            layout.mode('edit');\n            layout.dynamicForm(formDefinition);\n          })\n          .setActions((actions) => {\n            actions.cancel('@general:actions.cancel.title').submit('@general:actions.save.title');\n          })\n          .onAction((dialogRef) => {\n            const ctx = dialogRef.context() as { params?: Record<string, unknown> } | null;\n            const action = dialogRef.action();\n            if (!ctx || action === 'cancel') return { success: false };\n\n            const updatedParams = ctx.params ?? {};\n            this.value.set({\n              commandKey: this.selectedCommandKey(),\n              params: updatedParams,\n            });\n            return { success: true };\n          });\n      })\n      .show();\n  }\n\n  //#endregion\n\n  //#region ----   Private Methods   ----\n\n  private async loadActivities(): Promise<void> {\n    try {\n      const list = await this.activityService.getAllActivities();\n      this.activities.set(list ?? []);\n    } catch {\n      this.activities.set([]);\n    }\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<!-- Activity Selector & Info Container -->\n<div class=\"__activity-container\">\n  <!-- Edit Mode: Show Select Box -->\n  @if (isEditMode()) {\n  <div class=\"__activity-selector\">\n    <ax-select-box\n      #activitySelectBox\n      [ngModel]=\"selectedCommandKey()\"\n      [dataSource]=\"activityItems()\"\n      [placeholder]=\"('@general:actions.select.title' | translate | async) ?? ''\"\n      [readonly]=\"readonly()\"\n      valueField=\"value\"\n      textField=\"text\"\n      [itemTemplate]=\"itemTemplate\"\n      [selectedTemplate]=\"selectedTemplate\"\n      (onValueChanged)=\"onActivityChange($event)\"\n      (onClosed)=\"exitEditMode()\"\n    >\n      <ax-search-box></ax-search-box>\n      <ax-clear-button></ax-clear-button>\n    </ax-select-box>\n  </div>\n  }\n\n  <!-- View Mode: Show Activity Info -->\n  @if (!isEditMode()) {\n  @if (selectedCommandKey() && selectedActivity(); as activity) {\n  <div class=\"__activity-info\">\n    <div class=\"__activity-header\" [class.__editable]=\"!readonly()\" (click)=\"enterEditMode()\">\n      <div>\n        @if (activity.icon) {\n        <i [class]=\"activity.icon\"></i>\n        }\n        <div>\n          <span>{{ selectedActivityViewTitle() }}</span>\n          @if (selectedActivityViewDescription()) {\n          <p>{{ selectedActivityViewDescription() }}</p>\n          }\n        </div>\n      </div>\n\n      <div class=\"__action-buttons\" (click)=\"$event.stopPropagation()\">\n        @if (canConfigure()) {\n        <ax-button\n          [disabled]=\"readonly()\"\n          [title]=\"('@general:actions.configure.title' | translate | async) ?? ''\"\n          look=\"blank\"\n          size=\"sm\"\n          (onClick)=\"openConfigure()\"\n        >\n          <i class=\"fa-solid fa-cog\"></i>\n        </ax-button>\n        }\n      </div>\n    </div>\n  </div>\n  } @else {\n  <!-- Empty State (Clickable to Edit) -->\n  <div class=\"__activity-empty\" [class.__editable]=\"!readonly()\" (click)=\"enterEditMode()\">\n    <i class=\"fa-light fa-bolt\"></i>\n    <span>\n      {{ ('@workflow-management:automations.entities.automation.fields.command.placeholder' | translate | async) ?? 'Select activity' }}\n    </span>\n  </div>\n  }\n  }\n\n\n  <!-- Item Template (Dropdown Items) -->\n  <ng-template #itemTemplate let-context>\n    @let item = context.data;\n    <div class=\"__item-template flex w-full items-center gap-3 p-2\">\n      @if (item.icon) {\n      <i [class]=\"item.icon + ' text-base w-5 text-center'\"></i>\n      }\n      <div class=\"flex items-center gap-2 flex-1 min-w-0\">\n        <div class=\"text-sm font-medium\">{{ item.text }}</div>\n        @if (item.description) {\n        <div class=\"text-xs text-neutral-600\">{{ item.description }}</div>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Selected Template -->\n  <ng-template #selectedTemplate let-item>\n    <div class=\"__selected-template\">\n      @if (item?.data?.icon) {\n      <i [class]=\"item.data.icon\"></i>\n      }\n      <span>{{ item?.data?.text }}</span>\n    </div>\n  </ng-template>\n</div>\n","//#region ----   Imports   ----\n\nimport { AXPValueWidgetComponent } from '@acorex/platform/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed, effect, model, signal, untracked } from '@angular/core';\nimport { isEqual } from 'lodash-es';\nimport {\n  AXMActivityCommandConfiguratorComponent,\n  ActivityCommandValue,\n} from './activity-command-configurator.component';\n\n//#endregion\n\n//#region ----   Component   ----\n\n/**\n * Widget edit component for activity-command-configurator.\n * Mirrors AXPWidgetFieldConfiguratorWidgetEditComponent: wraps the configurator,\n * syncs value <-> model via effects, uses isInitialized to avoid premature render.\n */\n@Component({\n  selector: 'axm-activity-command-configurator-widget-edit',\n  template: `\n    @if (isInitialized()) {\n      <axm-activity-command-configurator\n        [(value)]=\"valueModel\"\n        [label]=\"label()\"\n        [readonly]=\"readonly()\"\n      ></axm-activity-command-configurator>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXMActivityCommandConfiguratorComponent],\n})\nexport class AXMActivityCommandConfiguratorWidgetEditComponent extends AXPValueWidgetComponent<ActivityCommandValue> {\n  //#region ----   Computed Properties   ----\n\n  protected readonly readonly = computed<boolean>(() => (this.options()['readonly'] as boolean) ?? false);\n  protected label = computed<string>(() => (this.options()['label'] as string) || 'Activity');\n\n  //#endregion\n\n  //#region ----   State Signals   ----\n\n  protected isInitialized = signal(false);\n\n  //#endregion\n\n  //#region ----   Models   ----\n\n  protected valueModel = model<ActivityCommandValue>({ commandKey: '', params: {} });\n\n  //#endregion\n\n  //#region ----   Effects   ----\n\n  private syncValueToConfigurator = effect(() => {\n    const value = this.getValue();\n\n    const normalized: ActivityCommandValue =\n      value && typeof value === 'object' && 'commandKey' in value\n        ? { commandKey: (value as ActivityCommandValue).commandKey ?? '', params: (value as ActivityCommandValue).params ?? {} }\n        : { commandKey: '', params: {} };\n\n    const currentModel = untracked(() => this.valueModel());\n\n    if (!isEqual(normalized, currentModel)) {\n      untracked(() => {\n        this.valueModel.set(normalized);\n      });\n    }\n\n    untracked(() => {\n      if (!this.isInitialized()) {\n        this.isInitialized.set(true);\n      }\n    });\n  });\n\n  private syncConfiguratorToValue = effect(() => {\n    const modelValue = this.valueModel();\n\n    if (!untracked(() => this.isInitialized())) return;\n\n    const currentValue = untracked(() => this.getValue());\n    const normalizedCurrent: ActivityCommandValue =\n      currentValue && typeof currentValue === 'object' && 'commandKey' in currentValue\n        ? { commandKey: (currentValue as ActivityCommandValue).commandKey ?? '', params: (currentValue as ActivityCommandValue).params ?? {} }\n        : { commandKey: '', params: {} };\n\n    if (!isEqual(modelValue, normalizedCurrent)) {\n      untracked(() => {\n        this.setValue(modelValue ?? { commandKey: '', params: {} });\n      });\n    }\n  });\n\n  //#endregion\n}\n\n//#endregion\n"],"names":["i6"],"mappings":"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"}

package/fesm2022/{acorex-modules-workflow-management-index-BhmoJcbI.mjs → acorex-modules-workflow-management-index-CBJu8_4q.mjs}

@@ -8,7 +8,7 @@ import * as i4 from '@acorex/components/search-box';
 import { AXSearchBoxModule } from '@acorex/components/search-box';
 import * as i3 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i5$1 from '@acorex/core/translation';
+import * as i7 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPBroadcastEventService, AXPDataGenerator } from '@acorex/platform/core';
 import { AXPPropertyViewerComponent, buildPropertyViewerTabsFromProperties } from '@acorex/platform/layout/components';
@@ -678,7 +678,7 @@ class AXMWorkflowDefinitionActivitiesPageComponent extends AXPPageLayoutBaseComp
                 provide: AXPPageLayoutBase,
                 useExisting: AXMWorkflowDefinitionActivitiesPageComponent,
             },
-        ], viewQueries: [{ propertyName: "propertyViewerRef", first: true, predicate: AXPPropertyViewerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"axm-workflow-definition-activities\">\n  <div class=\"axm-workflow-definition-activities__columns\">\n    <section class=\"axm-workflow-definition-activities__list\" aria-label=\"Activity steps\">\n      @if (activities().length === 0) {\n        <p class=\"axm-workflow-definition-activities__empty\">\n          {{\n            ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.empty'\n              | translate\n              | async) ?? ''\n          }}\n        </p>\n      }\n      @for (row of activities(); track row.id) {\n        <div\n          class=\"axm-workflow-definition-activities__row\"\n          [class.axm-workflow-definition-activities__row--selected]=\"selectedRowId() === row.id\"\n          (click)=\"selectRow(row.id)\"\n        >\n          <div class=\"axm-workflow-definition-activities__row-main\">\n            <ax-select-box\n              class=\"axm-workflow-definition-activities__select\"\n              [ngModel]=\"row.name\"\n              [dataSource]=\"activitySelectOptions()\"\n              valueField=\"value\"\n              textField=\"text\"\n              [placeholder]=\"\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.select-activity'\n                  | translate\n                  | async) ?? ''\n              \"\n              (onValueChanged)=\"onActivityTypeChange(row.id, $event)\"\n            >\n              <ax-search-box></ax-search-box>\n              <ax-clear-button></ax-clear-button>\n            </ax-select-box>\n          </div>\n          <div class=\"axm-workflow-definition-activities__row-actions\" (click)=\"$event.stopPropagation()\">\n            <ax-button\n              class=\"ax-flat\"\n              color=\"danger\"\n              [attr.aria-label]=\"('@general:actions.delete.title' | translate | async) ?? ''\"\n              (onClick)=\"removeStep(row.id)\"\n            >\n              <i class=\"fa-light fa-trash\"></i>\n            </ax-button>\n          </div>\n        </div>\n      }\n    </section>\n\n    <section class=\"axm-workflow-definition-activities__editor\" aria-label=\"Activity editor\">\n      @if (activities().length > 0) {\n        <div class=\"axm-workflow-definition-activities__start\">\n          <span class=\"axm-workflow-definition-activities__field-label\">\n            {{\n              ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.start-activity'\n                | translate\n                | async) ?? ''\n            }}\n          </span>\n          <ax-select-box\n            class=\"axm-workflow-definition-activities__select\"\n            [ngModel]=\"startActivityId()\"\n            [dataSource]=\"startActivityItems()\"\n            valueField=\"value\"\n            textField=\"text\"\n            (onValueChanged)=\"onStartActivityChange($event)\"\n          ></ax-select-box>\n        </div>\n      }\n\n      @if (selectedRow(); as row) {\n        @if (row.name.trim() !== '') {\n          <div class=\"axm-workflow-definition-activities__connections\">\n            <h3 class=\"axm-workflow-definition-activities__section-title\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connections.title'\n                  | translate\n                  | async) ?? ''\n              }}\n            </h3>\n            <p class=\"axm-workflow-definition-activities__section-hint\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connections.hint'\n                  | translate\n                  | async) ?? ''\n              }}\n            </p>\n            @for (outcome of selectedActivityOutcomeRows(); track outcome.port) {\n              <div class=\"axm-workflow-definition-activities__connection-row\">\n                <span class=\"axm-workflow-definition-activities__outcome\">{{ outcome.label }}</span>\n                <ax-select-box\n                  class=\"axm-workflow-definition-activities__select axm-workflow-definition-activities__connection-target\"\n                  [ngModel]=\"connectionSelectValue(row.id, outcome.port)\"\n                  [dataSource]=\"connectionTargetsFor(row.id)\"\n                  valueField=\"value\"\n                  textField=\"text\"\n                  [placeholder]=\"\n                    ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connection-target-placeholder'\n                      | translate\n                      | async) ?? ''\n                  \"\n                  (onValueChanged)=\"onOutgoingConnectionChange(row.id, outcome.port, $event)\"\n                ></ax-select-box>\n              </div>\n            }\n          </div>\n        }\n\n        @if (viewerTabs().length > 0) {\n          <div class=\"axm-workflow-definition-activities__inputs\">\n            <h3 class=\"axm-workflow-definition-activities__section-title\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.inputs.title'\n                  | translate\n                  | async) ?? ''\n              }}\n            </h3>\n            <axp-property-viewer\n              [tabsInput]=\"viewerTabs()\"\n              mode=\"advanced\"\n              (onChanged)=\"onViewerChanged($event)\"\n            ></axp-property-viewer>\n          </div>\n        } @else if (row.name.trim() === '') {\n          <p class=\"axm-workflow-definition-activities__hint\">\n            {{\n              ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.editor-placeholder'\n                | translate\n                | async) ?? ''\n            }}\n          </p>\n        }\n      } @else if (activities().length > 0) {\n        <p class=\"axm-workflow-definition-activities__hint\">\n          {{\n            ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.select-step'\n              | translate\n              | async) ?? ''\n          }}\n        </p>\n      }\n    </section>\n  </div>\n</div>\n", styles: [".workflow-definition-activities{display:flex;flex-direction:column;gap:1rem;min-height:280px}.workflow-definition-activities__columns{display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,2fr);gap:1.25rem;align-items:start}@media(max-width:960px){.workflow-definition-activities__columns{grid-template-columns:1fr}.workflow-definition-activities__editor{position:static;max-height:none}}.workflow-definition-activities__list{display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 220px);overflow-y:auto;padding-inline-end:4px}.workflow-definition-activities__row{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;border-radius:var(--ax-radius-md, 6px);border:1px solid var(--ax-border-color, rgba(0, 0, 0, .08));background:var(--ax-surface-color, #fff);cursor:pointer;flex-shrink:0}.workflow-definition-activities__row--selected{border-color:var(--ax-primary-color, #2563eb);box-shadow:0 0 0 1px var(--ax-primary-color, #2563eb)}.workflow-definition-activities__row-main{flex:1;min-width:0}.workflow-definition-activities__select{width:100%}.workflow-definition-activities__row-actions{display:flex;flex-wrap:wrap;gap:.25rem;flex-shrink:0}.workflow-definition-activities__editor{position:sticky;top:.75rem;align-self:start;max-height:calc(100vh - 220px);overflow-y:auto;padding:.75rem;border-radius:var(--ax-radius-md, 6px);border:1px solid var(--ax-border-color, rgba(0, 0, 0, .08));background:var(--ax-surface-color, #fff);box-shadow:0 1px 2px #0000000a}.workflow-definition-activities__start{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--ax-border-color, rgba(0, 0, 0, .08))}.workflow-definition-activities__field-label{font-size:.8125rem;font-weight:600;color:var(--ax-text-secondary-color, #64748b)}.workflow-definition-activities__connections{margin-bottom:1.25rem}.workflow-definition-activities__inputs{margin-top:.25rem}.workflow-definition-activities__section-title{margin:0 0 .35rem;font-size:1rem;font-weight:600}.workflow-definition-activities__section-hint{margin:0 0 .75rem;font-size:.8125rem;color:var(--ax-text-secondary-color, #64748b)}.workflow-definition-activities__connection-row{display:grid;grid-template-columns:minmax(72px,.35fr) 1fr;gap:.5rem .75rem;align-items:center;margin-bottom:.5rem}@media(max-width:520px){.workflow-definition-activities__connection-row{grid-template-columns:1fr}}.workflow-definition-activities__outcome{font-size:.8125rem;font-weight:600;color:var(--ax-text-color, #1e293b);word-break:break-word}.workflow-definition-activities__connection-target{min-width:0}.workflow-definition-activities__empty,.workflow-definition-activities__hint{margin:0;color:var(--ax-text-secondary-color, #64748b);font-size:.9375rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i3.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: 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: AXFormModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPropertyViewerComponent, selector: "axp-property-viewer", inputs: ["tabsInput", "mode", "bindingExpressionEditorMode"], outputs: ["onChanged"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "propertyViewerRef", first: true, predicate: AXPPropertyViewerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"axm-workflow-definition-activities\">\n  <div class=\"axm-workflow-definition-activities__columns\">\n    <section class=\"axm-workflow-definition-activities__list\" aria-label=\"Activity steps\">\n      @if (activities().length === 0) {\n        <p class=\"axm-workflow-definition-activities__empty\">\n          {{\n            ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.empty'\n              | translate\n              | async) ?? ''\n          }}\n        </p>\n      }\n      @for (row of activities(); track row.id) {\n        <div\n          class=\"axm-workflow-definition-activities__row\"\n          [class.axm-workflow-definition-activities__row--selected]=\"selectedRowId() === row.id\"\n          (click)=\"selectRow(row.id)\"\n        >\n          <div class=\"axm-workflow-definition-activities__row-main\">\n            <ax-select-box\n              class=\"axm-workflow-definition-activities__select\"\n              [ngModel]=\"row.name\"\n              [dataSource]=\"activitySelectOptions()\"\n              valueField=\"value\"\n              textField=\"text\"\n              [placeholder]=\"\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.select-activity'\n                  | translate\n                  | async) ?? ''\n              \"\n              (onValueChanged)=\"onActivityTypeChange(row.id, $event)\"\n            >\n              <ax-search-box></ax-search-box>\n              <ax-clear-button></ax-clear-button>\n            </ax-select-box>\n          </div>\n          <div class=\"axm-workflow-definition-activities__row-actions\" (click)=\"$event.stopPropagation()\">\n            <ax-button\n              class=\"ax-flat\"\n              color=\"danger\"\n              [attr.aria-label]=\"('@general:actions.delete.title' | translate | async) ?? ''\"\n              (onClick)=\"removeStep(row.id)\"\n            >\n              <i class=\"fa-light fa-trash\"></i>\n            </ax-button>\n          </div>\n        </div>\n      }\n    </section>\n\n    <section class=\"axm-workflow-definition-activities__editor\" aria-label=\"Activity editor\">\n      @if (activities().length > 0) {\n        <div class=\"axm-workflow-definition-activities__start\">\n          <span class=\"axm-workflow-definition-activities__field-label\">\n            {{\n              ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.start-activity'\n                | translate\n                | async) ?? ''\n            }}\n          </span>\n          <ax-select-box\n            class=\"axm-workflow-definition-activities__select\"\n            [ngModel]=\"startActivityId()\"\n            [dataSource]=\"startActivityItems()\"\n            valueField=\"value\"\n            textField=\"text\"\n            (onValueChanged)=\"onStartActivityChange($event)\"\n          ></ax-select-box>\n        </div>\n      }\n\n      @if (selectedRow(); as row) {\n        @if (row.name.trim() !== '') {\n          <div class=\"axm-workflow-definition-activities__connections\">\n            <h3 class=\"axm-workflow-definition-activities__section-title\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connections.title'\n                  | translate\n                  | async) ?? ''\n              }}\n            </h3>\n            <p class=\"axm-workflow-definition-activities__section-hint\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connections.hint'\n                  | translate\n                  | async) ?? ''\n              }}\n            </p>\n            @for (outcome of selectedActivityOutcomeRows(); track outcome.port) {\n              <div class=\"axm-workflow-definition-activities__connection-row\">\n                <span class=\"axm-workflow-definition-activities__outcome\">{{ outcome.label }}</span>\n                <ax-select-box\n                  class=\"axm-workflow-definition-activities__select axm-workflow-definition-activities__connection-target\"\n                  [ngModel]=\"connectionSelectValue(row.id, outcome.port)\"\n                  [dataSource]=\"connectionTargetsFor(row.id)\"\n                  valueField=\"value\"\n                  textField=\"text\"\n                  [placeholder]=\"\n                    ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connection-target-placeholder'\n                      | translate\n                      | async) ?? ''\n                  \"\n                  (onValueChanged)=\"onOutgoingConnectionChange(row.id, outcome.port, $event)\"\n                ></ax-select-box>\n              </div>\n            }\n          </div>\n        }\n\n        @if (viewerTabs().length > 0) {\n          <div class=\"axm-workflow-definition-activities__inputs\">\n            <h3 class=\"axm-workflow-definition-activities__section-title\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.inputs.title'\n                  | translate\n                  | async) ?? ''\n              }}\n            </h3>\n            <axp-property-viewer\n              [tabsInput]=\"viewerTabs()\"\n              mode=\"advanced\"\n              (onChanged)=\"onViewerChanged($event)\"\n            ></axp-property-viewer>\n          </div>\n        } @else if (row.name.trim() === '') {\n          <p class=\"axm-workflow-definition-activities__hint\">\n            {{\n              ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.editor-placeholder'\n                | translate\n                | async) ?? ''\n            }}\n          </p>\n        }\n      } @else if (activities().length > 0) {\n        <p class=\"axm-workflow-definition-activities__hint\">\n          {{\n            ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.select-step'\n              | translate\n              | async) ?? ''\n          }}\n        </p>\n      }\n    </section>\n  </div>\n</div>\n", styles: [".workflow-definition-activities{display:flex;flex-direction:column;gap:1rem;min-height:280px}.workflow-definition-activities__columns{display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,2fr);gap:1.25rem;align-items:start}@media(max-width:960px){.workflow-definition-activities__columns{grid-template-columns:1fr}.workflow-definition-activities__editor{position:static;max-height:none}}.workflow-definition-activities__list{display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 220px);overflow-y:auto;padding-inline-end:4px}.workflow-definition-activities__row{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;border-radius:var(--ax-radius-md, 6px);border:1px solid var(--ax-border-color, rgba(0, 0, 0, .08));background:var(--ax-surface-color, #fff);cursor:pointer;flex-shrink:0}.workflow-definition-activities__row--selected{border-color:var(--ax-primary-color, #2563eb);box-shadow:0 0 0 1px var(--ax-primary-color, #2563eb)}.workflow-definition-activities__row-main{flex:1;min-width:0}.workflow-definition-activities__select{width:100%}.workflow-definition-activities__row-actions{display:flex;flex-wrap:wrap;gap:.25rem;flex-shrink:0}.workflow-definition-activities__editor{position:sticky;top:.75rem;align-self:start;max-height:calc(100vh - 220px);overflow-y:auto;padding:.75rem;border-radius:var(--ax-radius-md, 6px);border:1px solid var(--ax-border-color, rgba(0, 0, 0, .08));background:var(--ax-surface-color, #fff);box-shadow:0 1px 2px #0000000a}.workflow-definition-activities__start{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--ax-border-color, rgba(0, 0, 0, .08))}.workflow-definition-activities__field-label{font-size:.8125rem;font-weight:600;color:var(--ax-text-secondary-color, #64748b)}.workflow-definition-activities__connections{margin-bottom:1.25rem}.workflow-definition-activities__inputs{margin-top:.25rem}.workflow-definition-activities__section-title{margin:0 0 .35rem;font-size:1rem;font-weight:600}.workflow-definition-activities__section-hint{margin:0 0 .75rem;font-size:.8125rem;color:var(--ax-text-secondary-color, #64748b)}.workflow-definition-activities__connection-row{display:grid;grid-template-columns:minmax(72px,.35fr) 1fr;gap:.5rem .75rem;align-items:center;margin-bottom:.5rem}@media(max-width:520px){.workflow-definition-activities__connection-row{grid-template-columns:1fr}}.workflow-definition-activities__outcome{font-size:.8125rem;font-weight:600;color:var(--ax-text-color, #1e293b);word-break:break-word}.workflow-definition-activities__connection-target{min-width:0}.workflow-definition-activities__empty,.workflow-definition-activities__hint{margin:0;color:var(--ax-text-secondary-color, #64748b);font-size:.9375rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i3.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: 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: AXFormModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPropertyViewerComponent, selector: "axp-property-viewer", inputs: ["tabsInput", "mode", "bindingExpressionEditorMode"], outputs: ["onChanged"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowDefinitionActivitiesPageComponent, decorators: [{
             type: Component,
@@ -723,4 +723,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 export { AXMWorkflowDefinitionActivitiesPageComponent, AXMWorkflowDefinitionActivitiesPageComponentProvider, WORKFLOW_DEFINITION_ACTIVITIES_PAGE_COMPONENT_KEY };
-//# sourceMappingURL=acorex-modules-workflow-management-index-BhmoJcbI.mjs.map
+//# sourceMappingURL=acorex-modules-workflow-management-index-CBJu8_4q.mjs.map