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

package/fesm2022/{acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-OLbCD-7P.mjs → acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-B4DLmioy.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 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 ax-flex ax-w-full ax-items-center ax-gap-3 ax-p-2\">\n      @if (item.icon) {\n      <i [class]=\"item.icon + ' ax-text-base ax-w-5 ax-text-center'\"></i>\n      }\n      <div class=\"ax-flex ax-items-center ax-gap-2 ax-flex-1 ax-min-w-0\">\n        <div class=\"ax-text-sm ax-font-medium\">{{ item.text }}</div>\n        @if (item.description) {\n        <div class=\"ax-text-xs ax-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: ["axm-activity-command-configurator{display:flex;flex-direction:column}.__activity-container{border-radius:.375rem;border-width:1px;padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));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:.75rem}.__activity-info .__activity-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.375rem .5rem}.__activity-info .__activity-header.__editable{cursor:pointer}.__activity-info .__activity-header.__editable:hover{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}.__activity-info .__activity-header:not(.__editable){cursor:not-allowed}.__activity-info .__activity-header>div:first-child{display:flex;flex:1 1 0%;align-items:center;gap:.5rem}.__activity-info .__activity-header>div:first-child i{font-size:1rem;line-height:1.5rem;flex-shrink:0}.__activity-info .__activity-header>div:first-child>div{display:flex;flex:1 1 0%;flex-direction:column;gap:.125rem}.__activity-info .__activity-header>div:first-child>div>span{font-size:.875rem;line-height:1.25rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__activity-info .__activity-header>div:first-child>div>p{margin:0;font-size:.75rem;line-height:1rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.__activity-info .__action-buttons{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.__activity-empty{display:flex;align-items:center;gap:.5rem;padding:.5rem}.__activity-empty.__editable{cursor:pointer}.__activity-empty.__editable:hover{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}.__activity-empty:not(.__editable){cursor:not-allowed}.__activity-empty>i{font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.__activity-empty>span{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.__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:.5rem}.__selected-template>i{font-size:.875rem;line-height:1.25rem}.__selected-template>span{font-size:.875rem;line-height:1.25rem;font-weight:500}\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: i4$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.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 ax-flex ax-w-full ax-items-center ax-gap-3 ax-p-2\">\n      @if (item.icon) {\n      <i [class]=\"item.icon + ' ax-text-base ax-w-5 ax-text-center'\"></i>\n      }\n      <div class=\"ax-flex ax-items-center ax-gap-2 ax-flex-1 ax-min-w-0\">\n        <div class=\"ax-text-sm ax-font-medium\">{{ item.text }}</div>\n        @if (item.description) {\n        <div class=\"ax-text-xs ax-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: ["axm-activity-command-configurator{display:flex;flex-direction:column}.__activity-container{border-radius:.375rem;border-width:1px;padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));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:.75rem}.__activity-info .__activity-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.375rem .5rem}.__activity-info .__activity-header.__editable{cursor:pointer}.__activity-info .__activity-header.__editable:hover{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}.__activity-info .__activity-header:not(.__editable){cursor:not-allowed}.__activity-info .__activity-header>div:first-child{display:flex;flex:1 1 0%;align-items:center;gap:.5rem}.__activity-info .__activity-header>div:first-child i{font-size:1rem;line-height:1.5rem;flex-shrink:0}.__activity-info .__activity-header>div:first-child>div{display:flex;flex:1 1 0%;flex-direction:column;gap:.125rem}.__activity-info .__activity-header>div:first-child>div>span{font-size:.875rem;line-height:1.25rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__activity-info .__activity-header>div:first-child>div>p{margin:0;font-size:.75rem;line-height:1rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.__activity-info .__action-buttons{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.__activity-empty{display:flex;align-items:center;gap:.5rem;padding:.5rem}.__activity-empty.__editable{cursor:pointer}.__activity-empty.__editable:hover{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}.__activity-empty:not(.__editable){cursor:not-allowed}.__activity-empty>i{font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.__activity-empty>span{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.__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:.5rem}.__selected-template>i{font-size:.875rem;line-height:1.25rem}.__selected-template>span{font-size:.875rem;line-height:1.25rem;font-weight:500}\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: i4$1.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-OLbCD-7P.mjs.map
+//# sourceMappingURL=acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-B4DLmioy.mjs.map

package/fesm2022/{acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-OLbCD-7P.mjs.map → acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-B4DLmioy.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-OLbCD-7P.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.scss',\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 ax-flex ax-w-full ax-items-center ax-gap-3 ax-p-2\">\n      @if (item.icon) {\n      <i [class]=\"item.icon + ' ax-text-base ax-w-5 ax-text-center'\"></i>\n      }\n      <div class=\"ax-flex ax-items-center ax-gap-2 ax-flex-1 ax-min-w-0\">\n        <div class=\"ax-text-sm ax-font-medium\">{{ item.text }}</div>\n        @if (item.description) {\n        <div class=\"ax-text-xs ax-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":["i5","i6","i7"],"mappings":"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"}
+{"version":3,"file":"acorex-modules-workflow-management-activity-command-configurator-widget-edit.component-B4DLmioy.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.scss',\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 ax-flex ax-w-full ax-items-center ax-gap-3 ax-p-2\">\n      @if (item.icon) {\n      <i [class]=\"item.icon + ' ax-text-base ax-w-5 ax-text-center'\"></i>\n      }\n      <div class=\"ax-flex ax-items-center ax-gap-2 ax-flex-1 ax-min-w-0\">\n        <div class=\"ax-text-sm ax-font-medium\">{{ item.text }}</div>\n        @if (item.description) {\n        <div class=\"ax-text-xs ax-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":["i5","i6"],"mappings":"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"}

package/fesm2022/{acorex-modules-workflow-management-index-RRzkvrNM.mjs → acorex-modules-workflow-management-index-BhVZ1Bcw.mjs}

@@ -14,7 +14,7 @@ import { AXContextMenuComponent, AXMenuModule } from '@acorex/components/menu';
 import * as i4$1 from '@acorex/components/search-box';
 import { AXSearchBoxModule } from '@acorex/components/search-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i5 from '@acorex/core/translation';
+import * as i7 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPWorkflowDesignerComponent, arrangeWorkflowDiagram, AXPWorkflowPaletteItemDragDirective } from '@acorex/modules/platform-management';
 import { AXPDataGenerator } from '@acorex/platform/core';
@@ -1254,7 +1254,7 @@ class AXMWorkflowDefinitionActivitiesPageComponent extends AXPPageLayoutBaseComp
         maybeLayout.recompute?.();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowDefinitionActivitiesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMWorkflowDefinitionActivitiesPageComponent, isStandalone: true, selector: "axm-workflow-definition-activities-page", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: false, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: block; width: 100%; height: 100%;" }, providers: [{ provide: AXPPageLayoutBase, useExisting: AXMWorkflowDefinitionActivitiesPageComponent }], viewQueries: [{ propertyName: "propertyViewerRef", first: true, predicate: AXPPropertyViewerComponent, descendants: true, isSignal: true }, { propertyName: "workflowDesignerRef", first: true, predicate: AXPWorkflowDesignerComponent, descendants: true, isSignal: true }, { propertyName: "contextMenu", first: true, predicate: AXContextMenuComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- <axp-page-toolbar>\n    <axp-layout-suffix>\n      <div class=\"axm-workflow-definition-activities__toolbar-group\">\n        <ax-button>\n          <ax-icon icon=\"fa-light fa-sliders\"></ax-icon>\n          <ax-dropdown-panel>\n            <div class=\"axm-workflow-definition-activities__appearance-panel\">\n              <label class=\"axm-workflow-definition-activities__pattern-label\" for=\"background-pattern-select\"\n                >Background Pattern</label\n              >\n              <select\n                id=\"background-pattern-select\"\n                class=\"axm-workflow-definition-activities__pattern-select\"\n                [value]=\"backgroundPattern()\"\n                (change)=\"onBackgroundPatternChange($event)\"\n              >\n                <option value=\"dots\">Dots</option>\n                <option value=\"line\">Lines</option>\n              </select>\n            </div>\n          </ax-dropdown-panel>\n        </ax-button>\n        <ax-button (onClick)=\"toggleFullscreen()\">\n          <ax-icon>\n            <i class=\"fa-solid\" [class]=\"isFullscreen() ? 'fa-compress' : 'fa-expand'\"></i>\n          </ax-icon>\n        </ax-button>\n        <ax-button (onClick)=\"toggleInfoPanel()\">\n          <ax-icon [icon]=\"isInfoPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info'\"></ax-icon>\n        </ax-button>\n      </div>\n    </axp-layout-suffix>\n  </axp-page-toolbar> -->\n\n<div\n  class=\"axm-workflow-definition-activities\"\n  [class.axm-workflow-definition-activities--with-palette]=\"isPaletteOpen()\"\n  [class.axm-workflow-definition-activities--with-info]=\"isInfoPanelOpen()\"\n>\n  @if (isPaletteOpen()) {\n    <aside class=\"axm-workflow-definition-activities__palette\">\n      <div class=\"axm-workflow-definition-activities__palette-head\">\n        <div class=\"axm-workflow-definition-activities__palette-head-row\">\n          <h3 class=\"axm-workflow-definition-activities__title\">\n            {{\n              ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.add-step'\n                | translate\n                | async) ?? 'Activities'\n            }}\n          </h3>\n          <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"closePalette()\">\n            <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n          </ax-button>\n        </div>\n        <p class=\"axm-workflow-definition-activities__palette-sub\">\n          {{\n            ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connections.hint'\n              | translate\n              | async) ?? ''\n          }}\n        </p>\n        <ax-search-box\n          class=\"axm-workflow-definition-activities__palette-search ax-sm\"\n          [value]=\"paletteSearchTerm()\"\n          (onValueChanged)=\"onPaletteSearchChange($event)\"\n          [placeholder]=\"'@general:search.title' | translate | async\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-search-box>\n      </div>\n      <div class=\"axm-workflow-definition-activities__palette-list\">\n        <div class=\"axm-workflow-definition-activities__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          @for (group of filteredPaletteGroups(); track group.id) {\n            @if (group.items.length > 0) {\n              <section\n                class=\"axm-workflow-definition-activities__accordion-item\"\n                axAccordionItem\n                [isCollapsed]=\"false\"\n                #acc=\"axAccordionItem\"\n              >\n                <header\n                  class=\"axm-workflow-definition-activities__accordion-header\"\n                  axAccordionItemHeader\n                  role=\"button\"\n                >\n                  <div class=\"axm-workflow-definition-activities__accordion-header-main\">\n                    <span class=\"axm-workflow-definition-activities__accordion-title\">{{ group.title }}</span>\n                  </div>\n                  <span class=\"axm-workflow-definition-activities__accordion-chevron\">\n                    <i [class]=\"acc.isCollapsed() ? 'fa-light fa-chevron-down' : 'fa-light fa-chevron-up'\"></i>\n                  </span>\n                </header>\n                <div class=\"axm-workflow-definition-activities__accordion-content\" axAccordionItemContent>\n                  @for (item of group.items; track item.type) {\n                    <button\n                      type=\"button\"\n                      class=\"axm-workflow-definition-activities__palette-item\"\n                      [axpWorkflowPaletteItem]=\"item\"\n                    >\n                      <span class=\"axm-workflow-definition-activities__palette-item-icon\" aria-hidden=\"true\">\n                        <i [class]=\"'fa-light ' + item.icon\"></i>\n                      </span>\n                      <span class=\"axm-workflow-definition-activities__palette-item-body\">\n                        <span class=\"axm-workflow-definition-activities__palette-item-title\">{{ item.title }}</span>\n                        <span class=\"axm-workflow-definition-activities__palette-item-meta\">{{\n                          item.description\n                        }}</span>\n                      </span>\n                    </button>\n                  }\n                </div>\n              </section>\n            }\n          }\n        </div>\n      </div>\n    </aside>\n  }\n\n  <div class=\"axm-workflow-definition-activities__main\">\n    <section class=\"axm-workflow-definition-activities__canvas\" (contextmenu)=\"onDesignerSurfaceContextMenu($event)\">\n      <axp-workflow-designer\n        [model]=\"designerModel()\"\n        [backgroundPattern]=\"backgroundPattern()\"\n        (zoomChange)=\"onDesignerZoomChange($event)\"\n        (modelChange)=\"onDesignerModelChange($event)\"\n        (activationChange)=\"onDesignerActivationChange($event)\"\n        (nodeContextMenu)=\"onDesignerNodeContextMenu($event)\"\n      ></axp-workflow-designer>\n      <ax-context-menu\n        [orientation]=\"'vertical'\"\n        [closeOn]=\"'leave'\"\n        (onItemClick)=\"handleWorkflowContextMenuItemClick($event)\"\n      />\n      <axp-layout-floating-zoom-bar\n        [zoomLevel]=\"zoomLevel()\"\n        (zoomIn)=\"zoomIn()\"\n        (zoomOut)=\"zoomOut()\"\n        (zoomReset)=\"zoomReset()\"\n      />\n    </section>\n  </div>\n  @if (isInfoPanelOpen()) {\n    <axp-layout-side-detail-panel\n      class=\"axm-workflow-definition-activities__info ax-sticky ax-top-0 ax-z-10 ax-max-h-full ax-flex-none\"\n      [header]=\"workflowDetailPanelHeader()\"\n      [rows]=\"workflowDetailPanelRows()\"\n      [emptyState]=\"workflowDetailPanelEmptyState()\"\n      (panelClose)=\"toggleInfoPanel()\"\n    />\n  }\n</div>\n", styles: [".axm-workflow-definition-activities{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;height:100%;gap:.75rem}.axm-workflow-definition-activities--with-palette{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.axm-workflow-definition-activities--with-info:not(.axm-workflow-definition-activities--with-palette){grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.axm-workflow-definition-activities--with-palette.axm-workflow-definition-activities--with-info{grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(260px,320px)}.axm-workflow-definition-activities--fullscreen{position:fixed;inset:0;z-index:400;height:100vh;background:rgb(var(--ax-sys-color-lightest-surface));padding:.75rem}.axm-workflow-definition-activities__palette{display:flex;flex-direction:column;gap:.75rem;min-height:0;padding:.5rem;border-radius:16px}.axm-workflow-definition-activities__palette-head{display:flex;flex-direction:column;gap:.5rem}.axm-workflow-definition-activities__palette-head-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.axm-workflow-definition-activities__palette-sub{margin:0;font-size:.75rem;line-height:1.35;color:var(--ax-sys-color-on-light-surface)}.axm-workflow-definition-activities__palette-search{width:100%}.axm-workflow-definition-activities__main{display:flex;flex-direction:column;gap:.75rem;min-height:0;min-width:0}.axm-workflow-definition-activities__toolbar{display:flex;justify-content:flex-end}.axm-workflow-definition-activities__toolbar-group{display:inline-flex;align-items:center;gap:.5rem}.axm-workflow-definition-activities__appearance-panel{display:flex;flex-direction:column;gap:.75rem;min-width:220px;padding:.35rem}.axm-workflow-definition-activities__zoom-actions{display:flex;align-items:center;gap:.4rem}.axm-workflow-definition-activities__pattern-label{font-size:.75rem;color:var(--ax-sys-color-on-light-surface)}.axm-workflow-definition-activities__pattern-select{border-radius:8px;min-height:34px;border:1px solid rgb(var(--ax-sys-color-border-surface));background:rgb(var(--ax-sys-color-surface));color:var(--ax-sys-color-on-surface);padding:0 .5rem}.axm-workflow-definition-activities__canvas{position:relative;flex:1 1 auto;min-height:min(70vh,720px);border-radius:16px;overflow:hidden;background:var(--ax-sys-color-surface)}.axm-workflow-definition-activities__canvas axp-workflow-designer{display:block;width:100%;height:100%;min-height:inherit}.axm-workflow-definition-activities__title{margin:0;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;color:var(--ax-sys-color-on-surface)}.axm-workflow-definition-activities__palette-list{display:flex;flex-direction:column;gap:.45rem;overflow:auto;padding-inline-end:2px;margin-inline-end:-2px}.axm-workflow-definition-activities__accordion-group{display:flex;flex-direction:column;gap:.45rem}.axm-workflow-definition-activities__accordion-item{border-radius:12px;overflow:hidden;transition:border-color .15s ease}.axm-workflow-definition-activities__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.62rem .7rem;cursor:pointer;-webkit-user-select:none;user-select:none}.axm-workflow-definition-activities__accordion-header-main{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.axm-workflow-definition-activities__accordion-title{font-size:.8125rem;font-weight:700;line-height:1.25;color:var(--ax-sys-color-on-surface)}.axm-workflow-definition-activities__accordion-content{display:flex;flex-direction:column;gap:.4rem}.axm-workflow-definition-activities__accordion-chevron{color:var(--ax-sys-color-on-light-surface);font-size:.8rem;line-height:1}.axm-workflow-definition-activities__palette-item{position:relative;display:flex;align-items:center;gap:.65rem;width:100%;padding:.4rem .55rem;border-radius:12px;color:var(--ax-sys-color-on-surface);cursor:grab;text-align:left;font:inherit;transition:border-color .15s ease}.axm-workflow-definition-activities__palette-item:hover{background-color:rgb(var(--ax-sys-color-primary-50))}.axm-workflow-definition-activities__palette-item:active{cursor:grabbing;background-color:rgb(var(--ax-sys-color-primary-100))}.axm-workflow-definition-activities__palette-item-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:10px;color:rgb(var(--ax-sys-color-primary-600));font-size:1rem}.axm-workflow-definition-activities__palette-item-body{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.axm-workflow-definition-activities__palette-item-title{font-size:.8125rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-workflow-definition-activities__palette-item-meta{font-size:.6875rem;font-family:ui-monospace,monospace;color:var(--ax-sys-color-on-light-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-workflow-definition-activities__palette-item-grip{flex-shrink:0;font-size:.85rem;opacity:.35;color:var(--ax-sys-color-on-light-surface)}.axm-workflow-definition-activities__info{min-height:0}@media(max-width:1100px){.axm-workflow-definition-activities{grid-template-columns:1fr;min-height:auto}.axm-workflow-definition-activities__palette{max-height:280px}.axm-workflow-definition-activities__canvas{min-height:480px}.axm-workflow-definition-activities__info{max-height:280px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { 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: AXMenuModule }, { kind: "component", type: i3.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4$1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutFloatingZoomBarComponent, selector: "axp-layout-floating-zoom-bar", inputs: ["zoomLevel"], outputs: ["zoomIn", "zoomOut", "zoomReset"] }, { kind: "component", type: AXPLayoutSideDetailPanelComponent, selector: "axp-layout-side-detail-panel", inputs: ["multiSelectLabel", "header", "sections", "rows", "rowsSectionTitle", "noRowsMessage", "emptyState"], outputs: ["panelClose"] }, { kind: "component", type: AXPWorkflowDesignerComponent, selector: "axp-workflow-designer", inputs: ["model", "readonly", "gridSize", "snapToGrid", "connectionPreviewStyle", "backgroundPattern", "canConnect", "paletteItems", "showPortLabels", "nodeBodyTemplate"], outputs: ["modelChange", "zoomChange", "designerPointerDown", "designerClick", "designerDoubleClick", "nodePointerDown", "nodeClick", "nodeDoubleClick", "nodeContextMenu", "nodeDragStart", "nodeDragEnd", "portPointerDown", "linkDragStart", "linkDragMove", "linkDragEnd", "connectorClick", "connectorDoubleClick", "connectionCreated", "connectionRejected", "activationChange"] }, { kind: "directive", type: AXPWorkflowPaletteItemDragDirective, selector: "[axpWorkflowPaletteItem]", inputs: ["axpWorkflowPaletteItem", "axpWorkflowPaletteDragDisabled"], outputs: ["axpWorkflowPaletteDragStart", "axpWorkflowPaletteDragEnd"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMWorkflowDefinitionActivitiesPageComponent, isStandalone: true, selector: "axm-workflow-definition-activities-page", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: false, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: block; width: 100%; height: 100%;" }, providers: [{ provide: AXPPageLayoutBase, useExisting: AXMWorkflowDefinitionActivitiesPageComponent }], viewQueries: [{ propertyName: "propertyViewerRef", first: true, predicate: AXPPropertyViewerComponent, descendants: true, isSignal: true }, { propertyName: "workflowDesignerRef", first: true, predicate: AXPWorkflowDesignerComponent, descendants: true, isSignal: true }, { propertyName: "contextMenu", first: true, predicate: AXContextMenuComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- <axp-page-toolbar>\n    <axp-layout-suffix>\n      <div class=\"axm-workflow-definition-activities__toolbar-group\">\n        <ax-button>\n          <ax-icon icon=\"fa-light fa-sliders\"></ax-icon>\n          <ax-dropdown-panel>\n            <div class=\"axm-workflow-definition-activities__appearance-panel\">\n              <label class=\"axm-workflow-definition-activities__pattern-label\" for=\"background-pattern-select\"\n                >Background Pattern</label\n              >\n              <select\n                id=\"background-pattern-select\"\n                class=\"axm-workflow-definition-activities__pattern-select\"\n                [value]=\"backgroundPattern()\"\n                (change)=\"onBackgroundPatternChange($event)\"\n              >\n                <option value=\"dots\">Dots</option>\n                <option value=\"line\">Lines</option>\n              </select>\n            </div>\n          </ax-dropdown-panel>\n        </ax-button>\n        <ax-button (onClick)=\"toggleFullscreen()\">\n          <ax-icon>\n            <i class=\"fa-solid\" [class]=\"isFullscreen() ? 'fa-compress' : 'fa-expand'\"></i>\n          </ax-icon>\n        </ax-button>\n        <ax-button (onClick)=\"toggleInfoPanel()\">\n          <ax-icon [icon]=\"isInfoPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info'\"></ax-icon>\n        </ax-button>\n      </div>\n    </axp-layout-suffix>\n  </axp-page-toolbar> -->\n\n<div\n  class=\"axm-workflow-definition-activities\"\n  [class.axm-workflow-definition-activities--with-palette]=\"isPaletteOpen()\"\n  [class.axm-workflow-definition-activities--with-info]=\"isInfoPanelOpen()\"\n>\n  @if (isPaletteOpen()) {\n    <aside class=\"axm-workflow-definition-activities__palette\">\n      <div class=\"axm-workflow-definition-activities__palette-head\">\n        <div class=\"axm-workflow-definition-activities__palette-head-row\">\n          <h3 class=\"axm-workflow-definition-activities__title\">\n            {{\n              ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.add-step'\n                | translate\n                | async) ?? 'Activities'\n            }}\n          </h3>\n          <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"closePalette()\">\n            <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n          </ax-button>\n        </div>\n        <p class=\"axm-workflow-definition-activities__palette-sub\">\n          {{\n            ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connections.hint'\n              | translate\n              | async) ?? ''\n          }}\n        </p>\n        <ax-search-box\n          class=\"axm-workflow-definition-activities__palette-search ax-sm\"\n          [value]=\"paletteSearchTerm()\"\n          (onValueChanged)=\"onPaletteSearchChange($event)\"\n          [placeholder]=\"'@general:search.title' | translate | async\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-search-box>\n      </div>\n      <div class=\"axm-workflow-definition-activities__palette-list\">\n        <div class=\"axm-workflow-definition-activities__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          @for (group of filteredPaletteGroups(); track group.id) {\n            @if (group.items.length > 0) {\n              <section\n                class=\"axm-workflow-definition-activities__accordion-item\"\n                axAccordionItem\n                [isCollapsed]=\"false\"\n                #acc=\"axAccordionItem\"\n              >\n                <header\n                  class=\"axm-workflow-definition-activities__accordion-header\"\n                  axAccordionItemHeader\n                  role=\"button\"\n                >\n                  <div class=\"axm-workflow-definition-activities__accordion-header-main\">\n                    <span class=\"axm-workflow-definition-activities__accordion-title\">{{ group.title }}</span>\n                  </div>\n                  <span class=\"axm-workflow-definition-activities__accordion-chevron\">\n                    <i [class]=\"acc.isCollapsed() ? 'fa-light fa-chevron-down' : 'fa-light fa-chevron-up'\"></i>\n                  </span>\n                </header>\n                <div class=\"axm-workflow-definition-activities__accordion-content\" axAccordionItemContent>\n                  @for (item of group.items; track item.type) {\n                    <button\n                      type=\"button\"\n                      class=\"axm-workflow-definition-activities__palette-item\"\n                      [axpWorkflowPaletteItem]=\"item\"\n                    >\n                      <span class=\"axm-workflow-definition-activities__palette-item-icon\" aria-hidden=\"true\">\n                        <i [class]=\"'fa-light ' + item.icon\"></i>\n                      </span>\n                      <span class=\"axm-workflow-definition-activities__palette-item-body\">\n                        <span class=\"axm-workflow-definition-activities__palette-item-title\">{{ item.title }}</span>\n                        <span class=\"axm-workflow-definition-activities__palette-item-meta\">{{\n                          item.description\n                        }}</span>\n                      </span>\n                    </button>\n                  }\n                </div>\n              </section>\n            }\n          }\n        </div>\n      </div>\n    </aside>\n  }\n\n  <div class=\"axm-workflow-definition-activities__main\">\n    <section class=\"axm-workflow-definition-activities__canvas\" (contextmenu)=\"onDesignerSurfaceContextMenu($event)\">\n      <axp-workflow-designer\n        [model]=\"designerModel()\"\n        [backgroundPattern]=\"backgroundPattern()\"\n        (zoomChange)=\"onDesignerZoomChange($event)\"\n        (modelChange)=\"onDesignerModelChange($event)\"\n        (activationChange)=\"onDesignerActivationChange($event)\"\n        (nodeContextMenu)=\"onDesignerNodeContextMenu($event)\"\n      ></axp-workflow-designer>\n      <ax-context-menu\n        [orientation]=\"'vertical'\"\n        [closeOn]=\"'leave'\"\n        (onItemClick)=\"handleWorkflowContextMenuItemClick($event)\"\n      />\n      <axp-layout-floating-zoom-bar\n        [zoomLevel]=\"zoomLevel()\"\n        (zoomIn)=\"zoomIn()\"\n        (zoomOut)=\"zoomOut()\"\n        (zoomReset)=\"zoomReset()\"\n      />\n    </section>\n  </div>\n  @if (isInfoPanelOpen()) {\n    <axp-layout-side-detail-panel\n      class=\"axm-workflow-definition-activities__info ax-sticky ax-top-0 ax-z-10 ax-max-h-full ax-flex-none\"\n      [header]=\"workflowDetailPanelHeader()\"\n      [rows]=\"workflowDetailPanelRows()\"\n      [emptyState]=\"workflowDetailPanelEmptyState()\"\n      (panelClose)=\"toggleInfoPanel()\"\n    />\n  }\n</div>\n", styles: [".axm-workflow-definition-activities{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;height:100%;gap:.75rem}.axm-workflow-definition-activities--with-palette{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.axm-workflow-definition-activities--with-info:not(.axm-workflow-definition-activities--with-palette){grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.axm-workflow-definition-activities--with-palette.axm-workflow-definition-activities--with-info{grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(260px,320px)}.axm-workflow-definition-activities--fullscreen{position:fixed;inset:0;z-index:400;height:100vh;background:rgb(var(--ax-sys-color-lightest-surface));padding:.75rem}.axm-workflow-definition-activities__palette{display:flex;flex-direction:column;gap:.75rem;min-height:0;padding:.5rem;border-radius:16px}.axm-workflow-definition-activities__palette-head{display:flex;flex-direction:column;gap:.5rem}.axm-workflow-definition-activities__palette-head-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.axm-workflow-definition-activities__palette-sub{margin:0;font-size:.75rem;line-height:1.35;color:var(--ax-sys-color-on-light-surface)}.axm-workflow-definition-activities__palette-search{width:100%}.axm-workflow-definition-activities__main{display:flex;flex-direction:column;gap:.75rem;min-height:0;min-width:0}.axm-workflow-definition-activities__toolbar{display:flex;justify-content:flex-end}.axm-workflow-definition-activities__toolbar-group{display:inline-flex;align-items:center;gap:.5rem}.axm-workflow-definition-activities__appearance-panel{display:flex;flex-direction:column;gap:.75rem;min-width:220px;padding:.35rem}.axm-workflow-definition-activities__zoom-actions{display:flex;align-items:center;gap:.4rem}.axm-workflow-definition-activities__pattern-label{font-size:.75rem;color:var(--ax-sys-color-on-light-surface)}.axm-workflow-definition-activities__pattern-select{border-radius:8px;min-height:34px;border:1px solid rgb(var(--ax-sys-color-border-surface));background:rgb(var(--ax-sys-color-surface));color:var(--ax-sys-color-on-surface);padding:0 .5rem}.axm-workflow-definition-activities__canvas{position:relative;flex:1 1 auto;min-height:min(70vh,720px);border-radius:16px;overflow:hidden;background:var(--ax-sys-color-surface)}.axm-workflow-definition-activities__canvas axp-workflow-designer{display:block;width:100%;height:100%;min-height:inherit}.axm-workflow-definition-activities__title{margin:0;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;color:var(--ax-sys-color-on-surface)}.axm-workflow-definition-activities__palette-list{display:flex;flex-direction:column;gap:.45rem;overflow:auto;padding-inline-end:2px;margin-inline-end:-2px}.axm-workflow-definition-activities__accordion-group{display:flex;flex-direction:column;gap:.45rem}.axm-workflow-definition-activities__accordion-item{border-radius:12px;overflow:hidden;transition:border-color .15s ease}.axm-workflow-definition-activities__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.62rem .7rem;cursor:pointer;-webkit-user-select:none;user-select:none}.axm-workflow-definition-activities__accordion-header-main{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.axm-workflow-definition-activities__accordion-title{font-size:.8125rem;font-weight:700;line-height:1.25;color:var(--ax-sys-color-on-surface)}.axm-workflow-definition-activities__accordion-content{display:flex;flex-direction:column;gap:.4rem}.axm-workflow-definition-activities__accordion-chevron{color:var(--ax-sys-color-on-light-surface);font-size:.8rem;line-height:1}.axm-workflow-definition-activities__palette-item{position:relative;display:flex;align-items:center;gap:.65rem;width:100%;padding:.4rem .55rem;border-radius:12px;color:var(--ax-sys-color-on-surface);cursor:grab;text-align:left;font:inherit;transition:border-color .15s ease}.axm-workflow-definition-activities__palette-item:hover{background-color:rgb(var(--ax-sys-color-primary-50))}.axm-workflow-definition-activities__palette-item:active{cursor:grabbing;background-color:rgb(var(--ax-sys-color-primary-100))}.axm-workflow-definition-activities__palette-item-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:10px;color:rgb(var(--ax-sys-color-primary-600));font-size:1rem}.axm-workflow-definition-activities__palette-item-body{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.axm-workflow-definition-activities__palette-item-title{font-size:.8125rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-workflow-definition-activities__palette-item-meta{font-size:.6875rem;font-family:ui-monospace,monospace;color:var(--ax-sys-color-on-light-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-workflow-definition-activities__palette-item-grip{flex-shrink:0;font-size:.85rem;opacity:.35;color:var(--ax-sys-color-on-light-surface)}.axm-workflow-definition-activities__info{min-height:0}@media(max-width:1100px){.axm-workflow-definition-activities{grid-template-columns:1fr;min-height:auto}.axm-workflow-definition-activities__palette{max-height:280px}.axm-workflow-definition-activities__canvas{min-height:480px}.axm-workflow-definition-activities__info{max-height:280px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { 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: AXMenuModule }, { kind: "component", type: i3.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4$1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutFloatingZoomBarComponent, selector: "axp-layout-floating-zoom-bar", inputs: ["zoomLevel"], outputs: ["zoomIn", "zoomOut", "zoomReset"] }, { kind: "component", type: AXPLayoutSideDetailPanelComponent, selector: "axp-layout-side-detail-panel", inputs: ["multiSelectLabel", "header", "sections", "rows", "rowsSectionTitle", "noRowsMessage", "emptyState"], outputs: ["panelClose"] }, { kind: "component", type: AXPWorkflowDesignerComponent, selector: "axp-workflow-designer", inputs: ["model", "readonly", "gridSize", "snapToGrid", "connectionPreviewStyle", "backgroundPattern", "canConnect", "paletteItems", "showPortLabels", "nodeBodyTemplate"], outputs: ["modelChange", "zoomChange", "designerPointerDown", "designerClick", "designerDoubleClick", "nodePointerDown", "nodeClick", "nodeDoubleClick", "nodeContextMenu", "nodeDragStart", "nodeDragEnd", "portPointerDown", "linkDragStart", "linkDragMove", "linkDragEnd", "connectorClick", "connectorDoubleClick", "connectionCreated", "connectionRejected", "activationChange"] }, { kind: "directive", type: AXPWorkflowPaletteItemDragDirective, selector: "[axpWorkflowPaletteItem]", inputs: ["axpWorkflowPaletteItem", "axpWorkflowPaletteDragDisabled"], outputs: ["axpWorkflowPaletteDragStart", "axpWorkflowPaletteDragEnd"] }, { 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,
@@ -1285,4 +1285,4 @@ var workflowDefinitionActivitiesPage_component = /*#__PURE__*/Object.freeze({
 });
 
 export { AXMWorkflowDefinitionActivitiesPageComponent, AXMWorkflowDefinitionActivitiesPageComponentProvider, WORKFLOW_DEFINITION_ACTIVITIES_PAGE_COMPONENT_KEY, graphHasPersistedDesignerLayout, isDesignerLayoutArranged };
-//# sourceMappingURL=acorex-modules-workflow-management-index-RRzkvrNM.mjs.map
+//# sourceMappingURL=acorex-modules-workflow-management-index-BhVZ1Bcw.mjs.map