@acorex/modules 21.0.0-next.65 → 21.0.0-next.67

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

@@ -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: i7.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", "closeOnRouteChange", "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-BhVZ1Bcw.mjs.map
+//# sourceMappingURL=acorex-modules-workflow-management-index-CdaVEEgn.mjs.map