ngx-histaff-alpha 6.4.8 → 6.5.0

package/fesm2022/{ngx-histaff-alpha-design-wrapper.component-C9Jf7XWj.mjs → ngx-histaff-alpha-design-wrapper.component-hBUaZceS.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectionStrategy, Component, Injector, runInInjectionContext, effect, Input, EventEmitter, ElementRef, ViewChild, Output, Renderer2, input, isDevMode, signal, computed, Injectable, output, viewChild, ChangeDetectorRef, Directive, Pipe, ViewChildren } from '@angular/core';
-import { B as BaseComponent, m as CoreWorkflowService, x as CoreFormDesignService, b as AlertService, y as EnumWorkflowStepType, v as alertOptions, i as EnumFormBaseContolType, M as MultiLanguageService, T as TooltipDirective, e as TranslatePipe, h as BaseEditComponent, j as DialogService, A as AppService, k as CorePageEditComponent, F as FullscreenModalLoaderComponent, z as DomService, G as CoreDropdownComponent, H as CoreChecklistComponent, J as CoreDatePickerComponent, K as CoreFormControlSeekerComponent, L as CoreCurrencyInputComponent, n as EnumCoreFormControlSeekerSourceType, N as EnumActorSourceType, O as CoreParamControlComponent, P as CoreRadioGroupComponent, Q as GptService, R as ApplicationHelpService, U as HotKeysDirective, V as EnumCorePageEditMode, W as CoreFormComponent, X as NavigatorService, Y as JsonService } from './ngx-histaff-alpha-ngx-histaff-alpha-DZMJyvtg.mjs';
+import { B as BaseComponent, m as CoreWorkflowService, x as CoreFormDesignService, b as AlertService, y as EnumWorkflowStepType, v as alertOptions, i as EnumFormBaseContolType, M as MultiLanguageService, T as TooltipDirective, e as TranslatePipe, h as BaseEditComponent, j as DialogService, A as AppService, k as CorePageEditComponent, F as FullscreenModalLoaderComponent, z as DomService, G as CoreDropdownComponent, H as CoreChecklistComponent, J as CoreDatePickerComponent, K as CoreFormControlSeekerComponent, L as CoreCurrencyInputComponent, n as EnumCoreFormControlSeekerSourceType, N as EnumActorSourceType, O as CoreParamControlComponent, P as CoreRadioGroupComponent, Q as GptService, R as CoreStickerCollectionComponent, U as ApplicationHelpService, V as HotKeysDirective, W as EnumCorePageEditMode, X as CoreFormComponent, Y as NavigatorService, Z as JsonService } from './ngx-histaff-alpha-ngx-histaff-alpha-B4dw5BXZ.mjs';
 import * as i1$1 from '@angular/router';
 import { Router, ActivatedRoute, RouterOutlet } from '@angular/router';
 import { catchError, of, BehaviorSubject, distinctUntilChanged } from 'rxjs';
@@ -8,11 +8,11 @@ import { EnumTranslateKey } from 'alpha-global-constants';
 import { AsyncPipe, NgTemplateOutlet, LowerCasePipe, NgStyle } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { Validators, ReactiveFormsModule, FormGroup, FormControl, FormArray, FormsModule } from '@angular/forms';
-import { C as CoreFormDesignComponent } from './ngx-histaff-alpha-core-form-design.component-BMU-rbOU.mjs';
+import { CoreFormDesignComponent } from './ngx-histaff-alpha-core-form-design.component-CTrNNE7-.mjs';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import { HttpClient } from '@angular/common/http';
-import { C as CoreToastLoadingComponent } from './ngx-histaff-alpha-core-toast-loading.component-DWIQZeZl.mjs';
-import { R as RoutingPreviewPanelComponent } from './ngx-histaff-alpha-live-form.component-CkeOK3B7.mjs';
+import { C as CoreToastLoadingComponent } from './ngx-histaff-alpha-core-toast-loading.component-Dx9YYqpG.mjs';
+import { R as RoutingPreviewPanelComponent } from './ngx-histaff-alpha-live-form.component-x08G6uI3.mjs';
 
 class CurrentHeaderComponent extends BaseComponent {
     constructor(mls) {
@@ -1391,6 +1391,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                     ], template: "<div class=\"rule-config-shell-container\">\r\n\r\n    <div class=\"rule-tree-header\">\r\n        <div class=\"title\">Rule Conditions</div>\r\n        <div class=\"subtitle\">\r\n            Define logic that must be satisfied for this step to proceed. These conditions will be evaluated\r\n            automatically.\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"fallback-type-header\">\r\n        <div class=\"title\">Fallback Behavior</div>\r\n        <div class=\"subtitle\">\r\n\r\n        @if ($stepType() !== enumType.BranchCard) {\r\n            Choose what happens when the rule condition evaluates to <strong>false (0)</strong> at runtime:\r\n            <ul>\r\n            <li><strong>Hard Block</strong> Step will be auto-rejected.</li>\r\n            <li><strong>Soft Warn</strong> User will see a warning but may continue.</li>\r\n            </ul>\r\n\r\n        } @else {\r\n            When the condition evaluates to <strong>false (0)</strong>, the next branch (by order) will be triggered automatically.\r\n        }\r\n        </div>\r\n        @if ($stepType() !== enumType.BranchCard) {\r\n        <core-radio-group\r\n            [options$]=\"fallbackTypeOptions$\"\r\n            [vertical]=\"true\"\r\n            [gapY]=\"8\"\r\n            [ngModel]=\"$fallbackType()\"\r\n            (ngModelChange)=\"onFallbackTypeChanged($event)\" \r\n        />\r\n        }\r\n\r\n    </div>\r\n\r\n    @if ($stepType() !== enumType.BranchCard) {\r\n    <div class=\"fallback-message-wrapper\">\r\n        <label for=\"fallback-message\" class=\"form-label\">Optional Warning Message</label>\r\n        <textarea\r\n            id=\"fallback-message\"\r\n            class=\"form-control\"\r\n            placeholder=\"Enter a message to show when this fallback is triggered...\"\r\n            rows=\"3\"\r\n            [ngModel]=\"$fallbackMessage()\"\r\n            (ngModelChange)=\"onFallbackMessageChanged($event)\"\r\n        ></textarea>\r\n    </div>\r\n    }\r\n\r\n    <div class=\"rule-tree-wrapper\">\r\n\r\n        <core-rule-tree [$totalCols]=\"wfs.$availableCols()\" [$mainForm]=\"$stepFormGroup()\"\r\n            ($jsonEmitter)=\"onRuleTreeJsonChange($event)\" />\r\n\r\n    </div>\r\n</div>", styles: [".rule-tree-header{background:linear-gradient(135deg,#f0f8ff,#e6f7ff);border:1px solid #cde4f9;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 1px 3px #0040800d}.rule-tree-header .title{font-size:1.1rem;font-weight:600;color:#036;margin-bottom:.25rem}.rule-tree-header .subtitle{font-size:.9rem;color:#444;line-height:1.4}.fallback-type-header{background:linear-gradient(135deg,#fefce8,#fff9c4);border:1px solid #f5e96c;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 1px 3px #8060000d}.fallback-type-header .title{font-size:1.05rem;font-weight:600;color:#8a6d00;margin-bottom:.25rem}.fallback-type-header .subtitle{font-size:.9rem;color:#5f4700;line-height:1.5}.fallback-type-header .subtitle ul{padding-left:1.2rem;margin-top:.5rem}.fallback-type-header .subtitle ul li{margin-bottom:.25rem}.fallback-message-wrapper{margin-top:1rem}.fallback-message-wrapper .form-label{font-weight:500;color:#444;margin-bottom:.5rem;display:inline-block}.fallback-message-wrapper textarea.form-control{width:100%;resize:vertical;min-height:80px;font-family:system-ui,sans-serif;font-size:14px;padding:.5rem .75rem;border-radius:6px;background:#fefefe}.rule-tree-wrapper{margin-top:.5rem}\n"] }]
         }] });
 
+class WfFormuiConfigComponent {
+    constructor() {
+        this.systemFields = ["initialRequesterEmployeeId"];
+        this.wfs = inject(CoreWorkflowService);
+        this.$availableCols = computed(() => this.$fields().filter(f => !this.systemFields.includes(f.field)) ?? []);
+        /** All AF fields */
+        this.$fields = computed(() => this.wfs.$availableCols());
+        /** Current step */
+        this.$step = computed(() => this.wfs.$currentStep());
+        /** Initial checklists */
+        this.$initialHidden = computed(() => Object.keys(this.$step()?.config?.formUi?.hidden ?? {}));
+        this.$initialReadonly = computed(() => Object.keys(this.$step()?.config?.formUi?.readonly ?? {}));
+        this.$initialRequired = computed(() => Object.keys(this.$step()?.config?.formUi?.required ?? {}));
+        this.$initialReset = computed(() => Object.keys(this.$step()?.config?.formUi?.reset ?? {}));
+    }
+    /** Toggle handler */
+    onToggle(mode, list) {
+        const step = this.$step();
+        if (!step)
+            return;
+        const formUi = step.config?.formUi ?? {};
+        formUi[mode] = list.reduce((acc, k) => {
+            acc[k] = true;
+            return acc;
+        }, {});
+        this.wfs.updateStep({
+            ...step,
+            config: {
+                ...(step.config ?? {}),
+                formUi: { ...formUi }
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfFormuiConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: WfFormuiConfigComponent, isStandalone: true, selector: "wf-formui-config", ngImport: i0, template: "<div class=\"formui-config-container\">\r\n\r\n    <div class=\"formui-config-header\">\r\n        <div class=\"title\">Form UI Configuration</div>\r\n        <div class=\"subtitle\">Control field visibility and behavior for this step</div>\r\n    </div>\r\n\r\n    <div class=\"formui-body\">\r\n\r\n        <!-- Hidden Fields -->\r\n        <div class=\"formui-block\">\r\n            <div class=\"label\">Hidden Fields</div>\r\n\r\n            <core-sticker-collection [$items]=\"$availableCols()\" [$shownFrom]=\"'field'\" [$initialChecked]=\"$initialHidden()\"\r\n                ($checkedChange)=\"onToggle('hidden', $event)\" [$enableFilter]=\"true\"></core-sticker-collection>\r\n        </div>\r\n\r\n        <!-- Readonly Fields -->\r\n        <div class=\"formui-block\">\r\n            <div class=\"label\">Readonly Fields</div>\r\n\r\n            <core-sticker-collection [$items]=\"$availableCols()\" [$shownFrom]=\"'field'\" [$initialChecked]=\"$initialReadonly()\"\r\n                ($checkedChange)=\"onToggle('readonly', $event)\" [$enableFilter]=\"true\"></core-sticker-collection>\r\n        </div>\r\n\r\n        <!-- Required Overrides -->\r\n        <div class=\"formui-block\">\r\n            <div class=\"label\">Required Overrides</div>\r\n\r\n            <core-sticker-collection [$items]=\"$availableCols()\" [$shownFrom]=\"'field'\" [$initialChecked]=\"$initialRequired()\"\r\n                ($checkedChange)=\"onToggle('required', $event)\" [$enableFilter]=\"true\"></core-sticker-collection>\r\n        </div>\r\n\r\n        <!-- Reset on Enter -->\r\n        <div class=\"formui-block\">\r\n            <div class=\"label\">Reset on Enter Step</div>\r\n\r\n            <core-sticker-collection [$items]=\"$availableCols()\" [$shownFrom]=\"'field'\" [$initialChecked]=\"$initialReset()\"\r\n                ($checkedChange)=\"onToggle('reset', $event)\" [$enableFilter]=\"true\"></core-sticker-collection>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".formui-config-header{background:linear-gradient(135deg,#f8fafc,#eef2f7);border:1px solid #d8dee6;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 1px 3px #0040800d}.formui-config-header .title{font-size:1.05rem;font-weight:600;color:#334155;margin-bottom:.25rem}.formui-config-header .subtitle{font-size:.88rem;color:#475569;line-height:1.45}.formui-body{margin-bottom:1rem}.formui-block{margin-top:15px}\n"], dependencies: [{ kind: "component", type: CoreStickerCollectionComponent, selector: "core-sticker-collection", inputs: ["$items", "$shownFrom", "$tooltipFrom", "$initialChecked", "$showMore", "$showMoreTooltip", "$hideShowMoreIfNotSelected", "$enableFilter"], outputs: ["$checkedChange", "$onShowMore"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfFormuiConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wf-formui-config', imports: [CoreStickerCollectionComponent], template: "<div class=\"formui-config-container\">\r\n\r\n    <div class=\"formui-config-header\">\r\n        <div class=\"title\">Form UI Configuration</div>\r\n        <div class=\"subtitle\">Control field visibility and behavior for this step</div>\r\n    </div>\r\n\r\n    <div class=\"formui-body\">\r\n\r\n        <!-- Hidden Fields -->\r\n        <div class=\"formui-block\">\r\n            <div class=\"label\">Hidden Fields</div>\r\n\r\n            <core-sticker-collection [$items]=\"$availableCols()\" [$shownFrom]=\"'field'\" [$initialChecked]=\"$initialHidden()\"\r\n                ($checkedChange)=\"onToggle('hidden', $event)\" [$enableFilter]=\"true\"></core-sticker-collection>\r\n        </div>\r\n\r\n        <!-- Readonly Fields -->\r\n        <div class=\"formui-block\">\r\n            <div class=\"label\">Readonly Fields</div>\r\n\r\n            <core-sticker-collection [$items]=\"$availableCols()\" [$shownFrom]=\"'field'\" [$initialChecked]=\"$initialReadonly()\"\r\n                ($checkedChange)=\"onToggle('readonly', $event)\" [$enableFilter]=\"true\"></core-sticker-collection>\r\n        </div>\r\n\r\n        <!-- Required Overrides -->\r\n        <div class=\"formui-block\">\r\n            <div class=\"label\">Required Overrides</div>\r\n\r\n            <core-sticker-collection [$items]=\"$availableCols()\" [$shownFrom]=\"'field'\" [$initialChecked]=\"$initialRequired()\"\r\n                ($checkedChange)=\"onToggle('required', $event)\" [$enableFilter]=\"true\"></core-sticker-collection>\r\n        </div>\r\n\r\n        <!-- Reset on Enter -->\r\n        <div class=\"formui-block\">\r\n            <div class=\"label\">Reset on Enter Step</div>\r\n\r\n            <core-sticker-collection [$items]=\"$availableCols()\" [$shownFrom]=\"'field'\" [$initialChecked]=\"$initialReset()\"\r\n                ($checkedChange)=\"onToggle('reset', $event)\" [$enableFilter]=\"true\"></core-sticker-collection>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".formui-config-header{background:linear-gradient(135deg,#f8fafc,#eef2f7);border:1px solid #d8dee6;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 1px 3px #0040800d}.formui-config-header .title{font-size:1.05rem;font-weight:600;color:#334155;margin-bottom:.25rem}.formui-config-header .subtitle{font-size:.88rem;color:#475569;line-height:1.45}.formui-body{margin-bottom:1rem}.formui-block{margin-top:15px}\n"] }]
+        }] });
+
 class WfStepConfigShellComponent {
     constructor(wfs, domService) {
         this.wfs = wfs;
@@ -1450,7 +1491,7 @@ class WfStepConfigShellComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfStepConfigShellComponent, deps: [{ token: CoreWorkflowService }, { token: DomService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WfStepConfigShellComponent, isStandalone: true, selector: "wf-step-config-shell", viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"wf-step-config-shell-container\" #container [class.shown]=\"wfs.$showStepConfig()\">\r\n  \r\n    <div class=\"wf-step-config-header\">\r\n      <div class=\"panel-title\">\r\n        {{ wfs.$currentStep()?.type || 'Step' }} Configuration\r\n      </div>\r\n      <div class=\"close-wrapper\" (click)=\"close()\">\r\n        <i class=\"feather-x\"></i>\r\n      </div>\r\n    </div>\r\n  \r\n    <div class=\"wf-step-config-content\">\r\n\r\n\r\n        @switch (wfs.$currentStep()?.type) {\r\n\r\n          @case (enumType.BranchCard) {\r\n            <rule-config-shell />\r\n          }\r\n          \r\n          @case (enumType.Approval) {\r\n            <wf-approver-config/>\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @case (enumType.Handle) {\r\n            <wf-handler-config/>\r\n          }\r\n      \r\n          @case (enumType.CC) {\r\n            <wf-cc-config/>\r\n          }\r\n      \r\n          @case (enumType.Submit) {\r\n            <wf-submit-config/>\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @case (enumType.End) {\r\n            <wf-end-config/>\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @default {\r\n            <div class=\"unsupported-type\">\r\n              Unsupported type\r\n            </div>\r\n          }\r\n      \r\n        }\r\n      \r\n    </div>\r\n  \r\n</div>", styles: [".wf-step-config-shell-container{display:block;position:fixed;top:0;right:-532px;width:532px;height:100vh;background-color:#fff;transition:right .2s ease-out;box-shadow:var(--decoration-box-shadow);overflow-y:auto}.wf-step-config-header{display:flex;align-items:center;justify-content:space-between;padding:15px;height:60px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1f2937}.wf-step-config-header .panel-title{flex-grow:1}.wf-step-config-header .close-wrapper{display:flex;align-items:center;justify-content:center;background-color:#f1f5f9;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:background-color .2s}.wf-step-config-header .close-wrapper:hover{background-color:#e2e8f0}.wf-step-config-content{flex-grow:1;padding:15px;overflow-y:visible;font-size:13px}.wf-step-config-content .core-radio-group-container label{font-size:13px!important}.loading-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:14px}.wf-step-config-shell-container.shown{right:0}.rule-and-gpt-flow{display:flex;flex-direction:column;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: WfApproverConfigComponent, selector: "wf-approver-config" }, { kind: "component", type: WfCcConfigComponent, selector: "wf-cc-config" }, { kind: "component", type: WfEndConfigComponent, selector: "wf-end-config" }, { kind: "component", type: WfHandlerConfigComponent, selector: "wf-handler-config" }, { kind: "component", type: WfSubmitConfigComponent, selector: "wf-submit-config" }, { kind: "component", type: RuleConfigShellComponent, selector: "rule-config-shell" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WfStepConfigShellComponent, isStandalone: true, selector: "wf-step-config-shell", viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"wf-step-config-shell-container\" #container [class.shown]=\"wfs.$showStepConfig()\">\r\n  \r\n    <div class=\"wf-step-config-header\">\r\n      <div class=\"panel-title\">\r\n        {{ wfs.$currentStep()?.type || 'Step' }} Configuration\r\n      </div>\r\n      <div class=\"close-wrapper\" (click)=\"close()\">\r\n        <i class=\"feather-x\"></i>\r\n      </div>\r\n    </div>\r\n  \r\n    <div class=\"wf-step-config-content\">\r\n\r\n\r\n        @switch (wfs.$currentStep()?.type) {\r\n\r\n          @case (enumType.BranchCard) {\r\n            <rule-config-shell />\r\n          }\r\n          \r\n          @case (enumType.Approval) {\r\n            <wf-approver-config/>\r\n            <hr />\r\n            <wf-formui-config />\r\n            <hr />\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @case (enumType.Handle) {\r\n            <wf-handler-config/>\r\n            <hr />\r\n            <wf-formui-config />\r\n          }\r\n      \r\n          @case (enumType.CC) {\r\n            <wf-cc-config/>\r\n          }\r\n      \r\n          @case (enumType.Submit) {\r\n            <wf-submit-config/>\r\n            <hr />\r\n            <wf-formui-config />\r\n            <hr />\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @case (enumType.End) {\r\n            <wf-end-config/>\r\n            <hr />\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @default {\r\n            <div class=\"unsupported-type\">\r\n              Unsupported type\r\n            </div>\r\n          }\r\n      \r\n        }\r\n      \r\n    </div>\r\n  \r\n</div>", styles: [".wf-step-config-shell-container{display:block;position:fixed;top:0;right:-532px;width:532px;height:100vh;background-color:#fff;transition:right .2s ease-out;box-shadow:var(--decoration-box-shadow);overflow-y:auto}.wf-step-config-header{display:flex;align-items:center;justify-content:space-between;padding:15px;height:60px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1f2937}.wf-step-config-header .panel-title{flex-grow:1}.wf-step-config-header .close-wrapper{display:flex;align-items:center;justify-content:center;background-color:#f1f5f9;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:background-color .2s}.wf-step-config-header .close-wrapper:hover{background-color:#e2e8f0}.wf-step-config-content{flex-grow:1;padding:15px;overflow-y:visible;font-size:13px}.wf-step-config-content .core-radio-group-container label{font-size:13px!important}.loading-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:14px}.wf-step-config-shell-container.shown{right:0}.rule-and-gpt-flow{display:flex;flex-direction:column;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: WfApproverConfigComponent, selector: "wf-approver-config" }, { kind: "component", type: WfCcConfigComponent, selector: "wf-cc-config" }, { kind: "component", type: WfEndConfigComponent, selector: "wf-end-config" }, { kind: "component", type: WfHandlerConfigComponent, selector: "wf-handler-config" }, { kind: "component", type: WfSubmitConfigComponent, selector: "wf-submit-config" }, { kind: "component", type: WfFormuiConfigComponent, selector: "wf-formui-config" }, { kind: "component", type: RuleConfigShellComponent, selector: "rule-config-shell" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfStepConfigShellComponent, decorators: [{
             type: Component,
@@ -1462,9 +1503,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         WfEndConfigComponent,
                         WfHandlerConfigComponent,
                         WfSubmitConfigComponent,
+                        WfFormuiConfigComponent,
                         RuleConfigShellComponent,
                         WfGptAssistantComponent
-                    ], template: "<div class=\"wf-step-config-shell-container\" #container [class.shown]=\"wfs.$showStepConfig()\">\r\n  \r\n    <div class=\"wf-step-config-header\">\r\n      <div class=\"panel-title\">\r\n        {{ wfs.$currentStep()?.type || 'Step' }} Configuration\r\n      </div>\r\n      <div class=\"close-wrapper\" (click)=\"close()\">\r\n        <i class=\"feather-x\"></i>\r\n      </div>\r\n    </div>\r\n  \r\n    <div class=\"wf-step-config-content\">\r\n\r\n\r\n        @switch (wfs.$currentStep()?.type) {\r\n\r\n          @case (enumType.BranchCard) {\r\n            <rule-config-shell />\r\n          }\r\n          \r\n          @case (enumType.Approval) {\r\n            <wf-approver-config/>\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @case (enumType.Handle) {\r\n            <wf-handler-config/>\r\n          }\r\n      \r\n          @case (enumType.CC) {\r\n            <wf-cc-config/>\r\n          }\r\n      \r\n          @case (enumType.Submit) {\r\n            <wf-submit-config/>\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @case (enumType.End) {\r\n            <wf-end-config/>\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @default {\r\n            <div class=\"unsupported-type\">\r\n              Unsupported type\r\n            </div>\r\n          }\r\n      \r\n        }\r\n      \r\n    </div>\r\n  \r\n</div>", styles: [".wf-step-config-shell-container{display:block;position:fixed;top:0;right:-532px;width:532px;height:100vh;background-color:#fff;transition:right .2s ease-out;box-shadow:var(--decoration-box-shadow);overflow-y:auto}.wf-step-config-header{display:flex;align-items:center;justify-content:space-between;padding:15px;height:60px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1f2937}.wf-step-config-header .panel-title{flex-grow:1}.wf-step-config-header .close-wrapper{display:flex;align-items:center;justify-content:center;background-color:#f1f5f9;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:background-color .2s}.wf-step-config-header .close-wrapper:hover{background-color:#e2e8f0}.wf-step-config-content{flex-grow:1;padding:15px;overflow-y:visible;font-size:13px}.wf-step-config-content .core-radio-group-container label{font-size:13px!important}.loading-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:14px}.wf-step-config-shell-container.shown{right:0}.rule-and-gpt-flow{display:flex;flex-direction:column;gap:16px}\n"] }]
+                    ], template: "<div class=\"wf-step-config-shell-container\" #container [class.shown]=\"wfs.$showStepConfig()\">\r\n  \r\n    <div class=\"wf-step-config-header\">\r\n      <div class=\"panel-title\">\r\n        {{ wfs.$currentStep()?.type || 'Step' }} Configuration\r\n      </div>\r\n      <div class=\"close-wrapper\" (click)=\"close()\">\r\n        <i class=\"feather-x\"></i>\r\n      </div>\r\n    </div>\r\n  \r\n    <div class=\"wf-step-config-content\">\r\n\r\n\r\n        @switch (wfs.$currentStep()?.type) {\r\n\r\n          @case (enumType.BranchCard) {\r\n            <rule-config-shell />\r\n          }\r\n          \r\n          @case (enumType.Approval) {\r\n            <wf-approver-config/>\r\n            <hr />\r\n            <wf-formui-config />\r\n            <hr />\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @case (enumType.Handle) {\r\n            <wf-handler-config/>\r\n            <hr />\r\n            <wf-formui-config />\r\n          }\r\n      \r\n          @case (enumType.CC) {\r\n            <wf-cc-config/>\r\n          }\r\n      \r\n          @case (enumType.Submit) {\r\n            <wf-submit-config/>\r\n            <hr />\r\n            <wf-formui-config />\r\n            <hr />\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @case (enumType.End) {\r\n            <wf-end-config/>\r\n            <hr />\r\n            <rule-config-shell />\r\n          }\r\n      \r\n          @default {\r\n            <div class=\"unsupported-type\">\r\n              Unsupported type\r\n            </div>\r\n          }\r\n      \r\n        }\r\n      \r\n    </div>\r\n  \r\n</div>", styles: [".wf-step-config-shell-container{display:block;position:fixed;top:0;right:-532px;width:532px;height:100vh;background-color:#fff;transition:right .2s ease-out;box-shadow:var(--decoration-box-shadow);overflow-y:auto}.wf-step-config-header{display:flex;align-items:center;justify-content:space-between;padding:15px;height:60px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1f2937}.wf-step-config-header .panel-title{flex-grow:1}.wf-step-config-header .close-wrapper{display:flex;align-items:center;justify-content:center;background-color:#f1f5f9;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:background-color .2s}.wf-step-config-header .close-wrapper:hover{background-color:#e2e8f0}.wf-step-config-content{flex-grow:1;padding:15px;overflow-y:visible;font-size:13px}.wf-step-config-content .core-radio-group-container label{font-size:13px!important}.loading-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:14px}.wf-step-config-shell-container.shown{right:0}.rule-and-gpt-flow{display:flex;flex-direction:column;gap:16px}\n"] }]
         }], ctorParameters: () => [{ type: CoreWorkflowService }, { type: DomService }] });
 
 const ROOT_BRANCH_ID = 'root';
@@ -2466,4 +2508,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }], ctorParameters: () => [] });
 
 export { DesignWrapperComponent };
-//# sourceMappingURL=ngx-histaff-alpha-design-wrapper.component-C9Jf7XWj.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-design-wrapper.component-hBUaZceS.mjs.map